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

.tabbed-betslip-content .sidebar-tabs > app-widget-host{
    flex-direction: row;
    border-top-left-radius: var(--r-md);
    overflow: hidden;
}
.tabbed-betslip-content .sidebar-tabs .sidebar-my-bets-title{
    border-top-right-radius: var(--r-md)
}
.tabbed-betslip-content .sidebar-tabs app-content-block{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--c-shade);
    min-height: 40px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer
}
.tabbed-betslip-content .sidebar-tabs .sidebar-betslip-title,
#root.mybets-tab  .tabbed-betslip-content .sidebar-my-bets-title  {
    background-color: var(--c-emphasis);
    color: var(--c-background)
}
#root.mybets-tab .tabbed-betslip-content .sidebar-betslip-title{
    background-color: var(--c-shade);
    color: var(--c-black-e)
}
.tabbed-betslip-content .sidebar-tabs app-content-block > div{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}
#root.mybets-tab .betslip-wrapper,
.mybets-wrapper  {
    display: none
}
#root.mybets-tab .mybets-wrapper{
    display: block
}
#root.mybets-tab .settled-bets {
    border-top: 2px solid var(--c-black-e);
}
#root.mybets-tab .history-bet-wrapper .history-bet-header{
    flex-wrap: wrap
}
#root.mybets-tab .history-bet-wrapper .history-bet-header .history-bet-status,
#root.mybets-tab .history-bet-wrapper .history-bet-header .history-bet-stake{
    order: 4;
    flex: 1 1 50%
}
#root.mybets-tab .history-bet-wrapper .history-bet-header .history-bet-status{
    justify-content: flex-end;
}
.history-bet-wrapper .history-bet-header .history-bet-stake span{
    padding-right: 5px
}
.mybets-wrapper .guest-info {
    color: var(--c-white-e);
    text-align: center;
    padding: 10px 0;
}

.betslip .betslip-wrapper{
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    background-color: var(--c-shade);
    border-radius: var(--r-lg);
    font-size: 16px;
}
.betslip .betslip-title{
    background-color: var(--c-emphasis);
    color: var(--c-white-e);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
    border-top-left-radius: var(--r-lg);
    border-top-right-radius: var(--r-lg);
    border-bottom: 2px solid var(--c-black-e);
}
.betslip .betslip-title .betslip-label{
    display: none
}

.betslip .betslip-title .betslip-arrow{
    display: none
}
.betslip .betslip-clear-wrapper{
    display: flex;
    position: absolute;
    top: -30px;
    font-size: 0;
    left: 170px;
}
.betslip .betslip-clear-wrapper .clear-betslip-button {
    font-size: 0;
    background-color: transparent;
    background-image: url(/v1.012/r/images/in2bet/icons/delete-dark.svg);
    background-size: cover;
    height: 22px;
    width: 22px;
    background-repeat: no-repeat;
    border: 0
}
.betslip .betslip-title .betslip-counter{
    font-size: 12px;
    position: absolute;
    top: -30px;
    left: 15px;
    font-size: 12px;
    position: absolute;
    top: -38px;
    left: 119px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px
}
 app-window-tabs{
    display: flex;
    height: 100%;
    height: 45px;
}
.window-tabs.betslip-tabs{   
    background-color: var(--c-emphasis);   
    align-items: center;
    color: var(--c-emphasis);
    text-transform: uppercase;
}
.window-tabs.betslip-tabs .betslip-tab{
    display: flex;
    height: 100%;
    width: 100%;
    min-height: 100%;
    justify-content: center;
    align-items: center;
    border-bottom: 3px solid transparent;
    color: var(--c-background);
    cursor: pointer
}
.window-tabs.betslip-tabs .betslip-tab.tab-selected{
    border-bottom: 2px solid var(--c-black-e)
}

.betslip .betslip-empty-message{
    margin: 50px auto;
    color: var(--c-black);
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}
.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;
    /* border-bottom: 3px solid var(--c-emphasis); */
    margin-top: 2px;
    border-radius: var(--r-md)
}
.betslip .betslip-bets-container > app-betslip-multiples,
.betslip .betslip-bets-container > app-betslip-systems{
    order: 3;
    margin: 15px 15px 0 15px;
    color: var(--c-white);
    font-size: 16px;
}
.betslip .betslip-bets-container app-systems-global-stakes{
    padding: 13px 0;
    border-top: 1px solid var(--c-white-e);
    display: flex;
    border-bottom: 1px solid var(--c-white-e);
    justify-content: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
}
.betslip .betslip-bets-container .global-stakes-title{
    display: none
}
.betslip .betslip-bets-container .systems-global-stakes{
    display: flex;    
    font-weight: bold    
}
.betslip .betslip-bets-container .systems-global-stakes > div{
    display: none
}
.betslip .betslip-bets-container .systems-global-stakes .system-lines,
.betslip .betslip-bets-container .systems-global-stakes .amount-input{
    padding-right: 12px
}
.betslip .betslip-bets-container .systems-global-stakes .amount-input:last-child{
    padding-right: 0
}
.betslip .betslip-bets-container .systems-global-stakes .system-lines label,
.betslip .betslip-bets-container .systems-global-stakes .amount-input .systems-stake {
    font-size: 11px;
    text-transform: uppercase
}
.betslip .betslip-bets-container .systems-global-stakes .system-lines div.block-value{
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: flex-end
}
.betslip .betslip-bets-container .systems-global-stakes .amount-input .systems-stake .numeric-input-wrapper{
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    position: relative
}
.betslip .betslip-bets-container .systems-global-stakes .amount-input .systems-stake .currency-symbol {
    padding-left: 5px
}
.betslip .betslip-bets-container .systems-global-stakes .amount-input input{
    max-width: 100px;
    height: 42px;
    text-align: right;
    font-weight: bold;
    border: 1px solid var(--c-emphasis);
    color: var(--c-emphasis);
}
.betslip .betslip-bets-container > app-betslip-footer{
    order: 4;
    margin: 0 8px
}
.betslip .betslip-bets-container .betslip-tabs{
    background-color: var(--c-emphasis);
    color: var(--c-primary-b);
    border-top: 1px solid var(--c-primary-b);
    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-emphasis)
}
.betslip .betslip-bets-container .betslip-tabs .betslip-tab.tab-selected{
    border-bottom: 4px solid var(--c-primary-b)
}
.betslip .betslip-bets-container .value-block-wrapper.multiple-lines-wrapper{
    margin: 0 5px
}
.betslip .betslip-events-wrapper{
    background-color: transparent;
    border-bottom: 2px solid var(--c-primary);
    position: relative
}
.betslip .betslip-events-wrapper .bet-container:not(.not-combined){
    border-bottom: 3px solid var(--c-emphasis);
    padding: 0
}
.betslip .betslip-events-wrapper .bet-container app-betslip-match-header{
    background-color: transparent;
    color: var(--c-white-e);
    display: block
}

.betslip .betslip-events-wrapper .bet-container .bet-details-odds{
    padding: 4px 8px    
}
.betslip .betslip-events-wrapper .bet-match-info{
    /* color: var(--c-primary-c); */
    font-weight: bold
}
.betslip .betslip-events-wrapper .bet-match-info .bet-match-tournament-info {
    display: flex;    
    align-items: center
}
.betslip .betslip-events-wrapper .bet-match-info .bet-match-tournament-info > div{
    padding-right: 3px
}
.betslip .betslip-events-wrapper .bet-match-info .bet-match-category,
.betslip .betslip-events-wrapper .bet-match-info .bet-match-dash, 
.betslip .betslip-events-wrapper .bet-match-info .bet-match-tournament{
    color: var(--c-white);
    font-size: 13px;
    font-weight: normal
}
.betslip .betslip-events-wrapper .bet-live-selection{
    display: flex;
    color: var(--c-primary-c);
    padding: 0 8px;
}
.betslip .betslip-events-wrapper .bet-live-selection .live-label{
    margin-right: 5px;
}
.betslip .betslip-events-wrapper .bet-live-selection .suspended-label{
    margin-left: 10px;
    color: var(--c-primary-c);
    -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 { color: var(--c-primary-c) }
    to { color: var(--c-emphasis) }
}
@-moz-keyframes color_change {
    from { color: var(--c-primary-c) }
    to { color: var(--c-emphasis) }
}
@-ms-keyframes color_change {
    from { color: var(--c-primary-c) }
    to { color: var(--c-emphasis) }
}
@-o-keyframes color_change {
    from { color: var(--c-primary-c) }
    to { color: var(--c-emphasis) }
}
@keyframes color_change {
    from { color: var(--c-primary-c) }
    to { color: var(--c-emphasis) }
}
.bet-actions .bet-odds-inline .bet-old-odds{
    text-decoration: line-through;
    margin-right: 5px;
    margin-left: 0;
}
.betslip .betslip-events-wrapper app-betslip-event{
    display: block;
    position: relative;
    color: var(--c-primary-d)
}
.betslip .betslip-events-wrapper app-betslip-event:last-child .bet-container {
    border-bottom: 0
}
.betslip .betslip-events-wrapper app-betslip-event:last-child{
    margin-bottom: 0
}
/*
.betslip .betslip-events-wrapper .bet-details-odds{
    margin-right: 28px
}
*/
.bet-details-odds .bet-match-code{
    order: 2;
    color: var(--c-white-e);
    margin-left: 10px
}
.bet-match-date-time{
    color: var(--c-white);
    font-size: 14px;
    padding: 2px 8px
}
.bet-match-date-time > span{
    padding-right: 3px
}
.betslip .betslip-events-wrapper .bet-details-odds app-bet-event-actions{
    margin-left: auto
}
.betslip .betslip-events-wrapper .bet-details-odds .banker{
    background-color: var(--c-primary);
    color: var(--c-primary-c);
    border-radius: 50px;
    width: 20px;
    height: 20px;
    border: 0;
    padding: 0;
    margin-bottom: 3px
}
.betslip .betslip-events-wrapper .bet-details-odds .banker.selected{
    background-color: var(--c-green)
}
.betslip .betslip-events-wrapper .betslip-match-content{
    display: flex;
    justify-content: space-between;
    min-height: 42px;
    padding: 5px 0;
    background-color: var(--c-primary-d);
    color: var(--c-black);
    border-bottom: 1px solid var(--c-primary-b);
}
.betslip .betslip-events-wrapper .betslip-match-content .bet-actions{   
    justify-content: space-between;    
    width: 100%
}
.betslip .betslip-events-wrapper .bet-container .bet-actions > app-bet-event-actions{    
    bottom: 17px;
    right: 10px;
    z-index: 2;
    margin: 0 8px   
}
.betslip .betslip-events-wrapper .betslip-match-content .bet-actions .bet-match-details{
    font-weight: bold
}
.betslip .betslip-events-wrapper .betslip-match-content .bet-actions app-changed-odds{
    margin-left: auto
}
.betslip .betslip-events-wrapper .bet-container.not-combined .bet-actions > app-bet-event-actions{    
    margin: 0 8px
}
.betslip .betslip-events-wrapper .betslip-match-content .bet-actions > app-bet-event-actions .bet-remove{
    background-color: transparent;
    color: red;
    width: 30px;
    height: 30px;
    font-size: 23px;
    line-height: 10px;
    padding: 0;
    border: 0
}
.betslip .betslip-events-wrapper .betslip-match-content .bet-actions > app-bet-event-actions .bet-remove:before{
   content: "";
    display: flex;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px;
    background-image: url(/v1.0201/r/images/accessbet/icons/material-symbols_close_white.svg);
    filter: invert(1)
}
.betslip .betslip-events-wrapper .betslip-match-content .bet-actions > app-bet-event-actions .bet-remove:hover:before{
    opacity: 1
}
.betslip .betslip-events-wrapper .numeric-input-wrapper{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    position: relative
}
.betslip .currency-symbol{
    position: absolute;
    left: 5px;
    color: var(--c-black);
}
.betslip .betslip-events-wrapper .bet-stake{
    margin: 0
}
.betslip .betslip-events-wrapper .betslip-match-content .bet-stake-payout{
    padding-right: 8px
}
.betslip .betslip-events-wrapper .bet-stake input,
.betslip .systems-container .system-stake-wrapper .amount-input input{
    width: 100px;
    text-align: right;
    padding: 3px;
    border: 1px solid var(--c-emphasis);
    background-color: var(--c-background);
    color: var(--c-emphasis);
    font-weight: bold;
    height: 42px;
}
.betslip .betslip-events-wrapper .bet-actions .bet-odds-inline .bet-odds{
    margin-left: 0;
    margin-right: 10px;
    font-weight: bold;
    font-size: 16px;
}
.betslip .betslip-events-wrapper .bet-actions .bet-odds-inline .bet-odds.up{
    color: var(--c-emphasis)
}
.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 50%;
    justify-content: flex-end;
    align-items: center;
    text-align: right
}
.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{
    order: 2
}
#root .betslip .betslip-bets-container .multiple-wrapper .multiple-odds{
    display: block;
    padding: 0 5px;
    order: 1
}
.betslip .betslip-bets-container .header-titles-container > span.multiple-stake{
    margin-top: 20px;
}
.betslip .betslip-bets-container .multiple-wrapper > .amount-input{
    margin-bottom: 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
}
.betslip .betslip-bets-container .multiple-wrapper > .amount-input .numeric-input-wrapper .currency-symbol{
    margin-left: 5px
}
.betslip .betslip-bets-container .multiple-wrapper > .amount-input .numeric-input-wrapper .input-amount{
    height: 30px;
    width: 80px;
    text-align: right;
    font-weight: bold;
}

.betslip app-betslip-footer .betslip-totals{
    display: flex;
    flex-direction: row;
    color: var(--c-background)
}
.betslip .betslip-totals .value-block{
    order: 2;
    padding: 5px 15px;
    width: 100%
}
.betslip .betslip-totals .value-block .block-value{
    color: var(--c-white);
    font-size: 16px;
}
.betslip .betslip-totals .value-block .total-payout-wrapper{
    padding-top: 10px;
    border-top: 1px solid var(--c-primary-c)
}
.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 > div{
    margin-bottom: 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;
    width: 30px;
    height: 30px;
}
.betslip .systems-container .system-stake-wrapper .system-type{
    order: 2
}
.betslip .systems-container .system-stake-wrapper .system-odds{
    order: 3;
    margin-left: auto
}
.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.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;
    position: relative
}
.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: 4;
    padding-bottom: 15px;
    display: flex;
    justify-content: center;
    flex: 0 0 50%
}
.betslip .betslip-totals .checkbox-wrapper.accept-odd-changes input,
.betslip .betslip-totals .checkbox-wrapper.betslip-per-line input{
    width:30px;
    height:30px
}
 
.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: 15px;
    order: 4;
    width: 100%;
    flex: 0 0 50%
}
.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: 3;
    color: var(--c-black-e);
    background-color: var(--c-emphasis-c);
    flex: 0 0 45%;
    margin-left: 2%;
    margin-bottom: 10px;
    border-radius: var(--r-md);
    height: auto
}
.betslip .betslip-totals .place-bet{
    flex: 0 0 100%;
    margin: 8px 0;
    color: var(--c-white-e);
    background-color: var(--c-emphasis-c);
    height: 54px;
}
.betslip .betslip-totals .place-bet.place-bet-disabled{
    background-color: var(--c-emphasis-c)   
}
.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;
    background-color: transparent;
    color: var(--c-emphasis);
    flex: 0 0 45%;
    margin-right: 2%;
    margin-bottom: 10px;
    border-radius: var(--r-md);
    height: auto;
    border: 1px solid var(--c-emphasis)
}
.mobile .betslip .betslip-totals .book-bet{
    background-color: var(--c-emphasis-c);
        color: var(--c-background);
}
.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: 5px 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: 5px;
    line-height: 12px
}
#action-copy{
    background-color: var(--c-emphasis-c);
    color: var(--c-white-e);
    border-radius: var(--r-md);
    padding: 8px 15px;
    font-size: 16px;
    border: 0
}
.betslip-wrapper .betslip-notifications-wrapper,
.betslip-wrapper .booking-notifications-wrapper{
    background-color: var(--c-primary);
    border-radius: var(--r-lg);
    margin-top: 10px
}
.betslip-notifications-wrapper .bet-messages,
.booking-notifications-wrapper .bet-messages{
    color: var(--c-primary-c);
    text-align: center;
    line-height: 1.8rem;
    padding: 30px 10px;
    border-bottom: 1px solid var(--c-primary);
    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{
    color: var(--c-primary-c);
    text-align: center;
    line-height: 18px;
    padding: 30px 10px;
    cursor: default
}
.booking-notifications-wrapper .bet-book {
    padding:5px 10px;
}
.booking-notifications-wrapper .bet-book .bet-book-time {
    font-weight:bold
}

.betslip-notifications-wrapper .bet-book .code-value,
.booking-notifications-wrapper .bet-book .code-value{
    display: block;
    font-size: 26px;
    line-height: 46px;
    color: var(--c-emphasis)
}
.betslip-notifications-wrapper .bet-messages-actions,
.booking-notifications-wrapper .bet-messages-actions,
.booking-notifications-wrapper .bet-book-actions{
    display: flex;
    justify-content: center;
    flex-direction: row;
    padding-top: 15px
}
.betslip-notifications-wrapper .bet-messages-actions > button,
.booking-notifications-wrapper .bet-messages-actions > button,
.booking-notifications-wrapper .bet-book-actions > button{
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .03em;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    text-transform: uppercase;
    flex: 0 0 50%
}
.booking-notifications-wrapper .bet-book-actions > button.action-copy {
    border: 1px solid var(--c-emphasis);
    color: var(--c-emphasis);
}
.betslip-notifications-wrapper .bet-messages-actions .reload-selections,
.booking-notifications-wrapper .bet-messages-actions .reload-selections,
.booking-notifications-wrapper .bet-book-actions .action-copy{
    background-color: transparent;
    color: var(--c-primary-c);
    flex: 0 0 45%;
    margin-right: 2%;
    margin-bottom: 10px;
    border-radius: var(--r-md);
    height: auto;
    padding: 15px 0
}
.betslip-notifications-wrapper .bet-messages-actions .close-notification,
.booking-notifications-wrapper .bet-messages-actions .close-notification{
    color: var(--c-white-e);
    background-color: var(--c-green);
    flex: 0 0 45%;
    margin-left: 2%;
    margin-bottom: 10px;
    border-radius: var(--r-md);
    height: auto;
    padding: 15px 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%;
    background-color: transparent;
    text-align: center;
    order: 4;
    padding: 20px 10px;
    color: red;
    background-color: var(--c-primary-c);
    margin-bottom: 10px;

}
.betslip .betslip-totals .bet-error .bet-close-error{
    border: 0;
    position: absolute;
    right: 10px;
    top: 0;
    background-color: transparent
}
.betslip .betslip-totals .bet-error .bet-close-error:before{
    content: "\00d7";
    color: red;
    font-size: 24px
}



/* Betslip Authorisation Popup */

body .authorisations-dialog.ui-dialog .ui-dialog-titlebar,
.authorisations-dialog.ui-dialog .ui-dialog-titlebar-icon span{
    background-color: var(--c-primary-b)
}
.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{
    color: var(--c-primary-c)
}
.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-primary-b)
}
.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{
    color: var(--c-emphasis)
}
.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%;
    background-color: var(--c-primary);
    color: var(--c-primary-c)
}
.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{
    color: var(--c-primary-c)
}
.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;
    margin-bottom: 5px;
    font-size: 14px;
    height: 36px
}
.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;
    background-color: red;
    color: var(--c-primary-c)
}
.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
}
.loginbutton{
    text-align: center
}

.loginbutton button{
    width: 90px;
    padding: 10px;
    background-color: var(--c-emphasis);
    color: var(--c-white);
    text-transform: uppercase;
    font-weight: bold;
    border-radius: var(--r-md)
}

/************************************
        Bet Check Modal
************************************/
.betslip-check-view {
    height:100%
}

.betslip-check-view .ui-dialog-content {
    padding:10px!important;
    height:calc(100% - 60px);
}
.betslip-check-view .ui-dialog-content .inline-betslip {
    width:100%!important;
    background-color: var(--c-primary-d);
    padding: 5px;
    height: auto!important;
    color: var(--c-emphasis-b)
}
.betslip-check-view .ui-dialog-content .inline-betslip tbody tr:last-child{
    color: var(--c-white-e)
}
.betslip-check-view .ui-dialog-content button{
    flex:1;
    display:flex;
    width:100%;
    height:35px;
    align-items:center;
    justify-content:center;
    background-color:var(--c-emphasis);
    color:var(--c-white-e)
}
body .ui-dialog.betslip-check-view{
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%, -50%)!important;
    max-width: 450px;
    width: 100%
}
body .ui-dialog.betslip-check-view .inline-betslip,
.booking-notifications-wrapper .inline-betslip{
    max-width: 100%
}
.booking-notifications-wrapper .inline-betslip {
    height: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-primary);
}
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-primary);
    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-primary);
}
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;
    color: var(--c-black-e)
}
.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{
    color: var(--c-black-e);
    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-bottom: 10px;
    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{
    background-color: var(--c-primary);
    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 {
    background-color:var(--c-emphasis);
    color:white
}
.selection-won {
    background-color:var(--c-green);
    color:white
}

.mobile .booking-notifications-wrapper > div:not(:empty) {
    position:fixed;
    width:100%;
    height:calc(100vh - 108px);
    bottom:54px;
    left:0px;
    overflow:auto;
    background-color: var(--c-primary);
}
.mobile .booking-notifications-wrapper .betslip-notifications.success {
    background-color: unset
}
.beto-fastbet-adder {
    width:100%;
}
.fastbet-adder-container {
    padding: 8px;
    display:flex;
    flex-direction:row;
    width:100%;
    flex-wrap:wrap;
    background-color:var(--c-primary);
    border-bottom:1px solid var(--c-shade)
}
.fastbet-title {
    display:none;
}
.fastbet-adder-container input{
    width:calc(33% - 5px);
    margin-right:5px;
    min-height: 42px;
    border-radius:5px;
    border:1px solid var(--c-shade)
}
.fastbet-adder-container input::placeholder {
    font-size:14px;
}
.fastbet-adder-container form {
    width:33%
}
.fastbet-adder-container form button {
    width:100%;
    height:100%;
    border-radius:5px;
    background-color:var(--c-green);
    color:var(--c-white-e)
}
.fastbet-adder-container form button:disabled {
    
}
.fastbet-loading {
    max-width:24px;
    height:100%;
}

/* Bet Builder*/

.bet-builder-on .bet-match-combine{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 0 10px;
    gap: 15px

}
.bet-builder-on app-combine-selections{
    display: flex;
    flex-direction: column;
    gap: 8px
}
.bet-builder-on .bet-match-combine .combined-selections{
    padding: 5px;
    border-radius: 5px;
}
.bet-builder-on .bet-match-combine .combine-selections.inactive{
    background-color: transparent;
    border: 0;
    color: var(--c-white-e)
}
.bet-builder-on .bet-match-combine .combined-selections.active{
    background-color: var(--c-emphasis)
}
.bet-builder-on .bet-odds-inline{
    display: flex;
    padding: 0 5px;
    gap: 8px
}

.betslip-sidebar .bet-book-container {
    margin: 10px 0px;
}
.bet-book-container> app-widget-host {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px
}
.bet-book-container .beto-betslip-check {
    width: 100%;
}
.bet-book-container .beto-betslip-check input {
    width: 100%;
    min-height: 48px;
    border-radius: var(--r-md);
    border: 0;
    text-indent: 10px;
    border: 2px solid var(--c-tint);
    background-color: var(--c-shade)
}
.bet-book-container .beto-betslip-check form {
    display: flex;
    align-items: center
}
#root .bet-book-container .beto-betslip-check button {
    margin-left: 5px;
    margin-top: 0px;
    max-width: 100px;
    border-radius: 5px;
    min-height: unset;
    align-self: stretch;
    background-color: var(--c-emphasis);
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    color: var(--c-white);
    font-size: 10px
}