#root .betslip-wrapper{
    margin-bottom: 4px
}
#root .ui-dialog-mask-scrollblocker {
    z-index: 89 !important
}
#root .mobile .ui-widget-overlay.ui-dialog-mask {
    z-index: 90 !important
}
#root .mobile .mobile-betslip-view {
    top: unset !important;
    bottom: 0px !important;
    left: 0px !important;
    width: 100% !important;
    z-index: 91 !important;
    height: auto;
    background-color: #0008;
    box-shadow: 0 0 8px 4px #0005;
    -webkit-overflow-scrolling: auto;
    position: fixed
}
#root .betslip-wrapper .betslip fieldset {
    display: flex;
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative
}
#root .mobile .betslip-wrapper .betslip fieldset {
    flex-direction: column;
}
#root .desktop .betslip-wrapper .betslip fieldset{
    flex-direction: column
}
#root .desktop .betslip-wrapper .betslip fieldset app-betslip-authorisations,
#root .desktop .betslip-wrapper .betslip fieldset app-betslip-authorisations .d-loader{
    background-color: var(--c-emphasis);
}
#root .desktop .betslip-wrapper .betslip fieldset app-betslip-authorisations .auth-message{
    display: flex;
    justify-content: center;
    padding: 10px 0;
    font-weight: bold
}
#root .desktop .betslip-wrapper .betslip fieldset app-betslip-authorisations button{
    padding: 10px 20px;
    border: 1px solid var(--c-black)
}
#root .mobile-betslip-view .ui-widget-content {
    height: auto !important;
    background-color: unset
}
#root .mobile-betslip-view .ui-widget-content .right-sidebar {
    height: 100%
}
#root .mobile .betslip-wrapper.betslip-container {
    background-color: var(--c-background);
    padding: 0;
    height: auto;
    max-height: calc(100% - 58px);
    overflow-y: auto;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%
}
#root .mobile .betslip-container .title-container{
    display: flex;
    align-items: center
}
#root .desktop .betslip-title .betslip-arrow{
    display: none
}
#root .mobile .betslip-title .betslip-arrow-open {
    transform: rotate(180deg)
}
#root .mobile .betslip-title .betslip-arrow {
    width: 24px;
    height: 24px;
    color: #0000;
    background: url("/v1.1042/r/images/cybet/icons/arrow-down-dark.svg") left center no-repeat;
    order: 3;
    margin: 8px
}
#rootoot .betslip-container .betslip-state {
    font-weight: 400;
    color: var(--c-white);
    font-size: 12px;
    background: var(--c-emphasis);
    height: 24px;
    padding: 4px;
    border-radius: 2px;
    font-size: 16px;
    font-weight: bold
}
#root .betslip-container .betslip-actions .betslip-clear-wrapper{
    display: flex;
    align-items: center
}
#root .mobile .betslip-container .betslip-actions .betslip-clear-wrapper{
    padding-right: 10px
}
#root .betslip-container .betslip-actions .betslip-clear-wrapper button {
     background: url(/v1.1042/r/images/cybet/icons/icon_Trash_Can.svg) center center no-repeat;
     background-size: contain;
    min-width: 20px;
    min-height: 20px;
    height: 20px;
    width: 20px;
    border: none;
    opacity: 0.7;
    font-size: 0;
    margin-left: 5px;
    color: var(--c-primary)
}
#root .betslip-container .betslip-actions .betslip-clear-wrapper button:hover{
    opacity: 1
}
#root .betslip-match-content {
    width: 100%;
    display: flex
}
#root .betslip-bets-container {
    padding: 4px 0;
    background-color: var(--c-primary-d) ;
    width: 100%;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}
#root .betslip-bets-container .betslip-events-wrapper {
    width: 100%
}
app-betslip-combine-selections{
    width: 100%;
}
app-betslip-combine-selections app-combine-selections{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 10px;
}
app-betslip-combine-selections app-combine-selections .combine-selections.active{
background-color: var(--c-emphasis);
    color: var(--c-white-e);
}
#root .betslip-bets-container .betslip-events-wrapper app-betslip-event {
    display: grid
}
#root app-betslip-event, #root app-betslip-match-header {
    width: 100%
}
#root .bet-container .bet-live-selection {
    font-size: 11px;
    background-color: var(--c-shade-b);
    width: 100%;
    display: flex;
    color: var(--c-primary);
    justify-content: flex-start;
    text-transform: uppercase;
    flex-wrap: wrap;
    padding: 0 8px;
    margin: 5px 0;
    border-radius: 64px
}
#root .bet-container .bet-live-selection > * {
    display: flex;
    margin: 0 8px 0 0;
    font-weight: bold;
    margin-top: 3px
}
#root .bet-container .bet-live-selection .live-score {
    font-weight: 600
}
#root .bet-container .bet-live-selection.match-suspended .suspended-label {
    color: var(--c-red);
    font-weight: 600;
    letter-spacing: .5px;
    order: -1;
    margin-right: auto
}
#root .bet-container {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    color: var(--c-primary);
    background-color: var(--c-white);
    margin: 5px 0 0;
    border-radius: 2px;
    border: 1px solid rgba(255,255,255,.3);
    padding: 6px 6px 6px
}
app-betslip-outright-header,
app-betslip-outright{
    display: flex;
    width: 100%;
}
#root .bet-container .bet-details-odds {
    flex: 0 1 100%;
    padding: 4px 0px;
    background-color: transparent
}
#root .bet-container .bet-details-odds span {
    white-space: pre-line;
    line-height: 1.3
}
#root .bet-container .bet-details-odds .match-versus {
    font-weight: 400;
    color: #888;
    font-size: 10px;
    text-transform: lowercase
}
#root .bet-container .bet-details-odds .bet-match-competitors {
    font-weight: 600;
    text-transform: uppercase;
    overflow-wrap: normal;
    overflow: unset;
    white-space: normal
}
#root .bet-container .bet-details-odds .bet-match-code{
    background-color: var(--c-shade);
    color: var(--c-black-e);
    padding: 2px 5px;
    font-size: 12px;
    border-radius: 64px
}
#root .bet-container .bet-details-odds .bet-match-info {
    flex: 1 1 auto;
    min-width: 0%;
    flex-direction: column;
    align-items: start;
    padding: 0 4px 0 8px;
    max-width:calc(100% - 50px)
}
#root .bet-container .bet-details-odds .bet-match-info .bet-match-tournament-info {
    display: inline-flex;
    flex-direction: row;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-wrap: nowrap;
    color: var(--c-white)
}
#root .bet-container .bet-details-odds .bet-match-info .bet-event {
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--c-black-e);
    letter-spacing: .5px
}
#root .bet-container .bet-details-odds .bet-match-info .bet-match-tournament-info > div {
    font-size: 12px;
    font-weight: 500;
    margin: 0 4px 0 0
}
#root .bet-container .bet-details-odds .bet-match-info .bet-match-tournament-info .bet-match-tournament {
    min-width: 0;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis
}
#root .bet-container .bet-details-odds .bet-match-info .bet-match-tournament-info .bet-match-category {
    white-space: nowrap;
    width: auto
}
#root .bet-container .bet-details-odds .bet-remove {
    height: 24px;
    width: 24px;
    padding: 4px;
    flex: 0 0 24px;
    background: url('/v1.43/r/images/site/icons/Close-black.svg') center center no-repeat;
    -webkit-appearance: none;
    border: none;
    opacity: 0.75;
    order: 1;
    display: inline-block;
    box-shadow: none
}
#root .bet-container .bet-match-date-time{
    font-size: 11px;
    margin-left: 54px
}
#root .bet-container .bet-match-date-time .bet-match-time{
    padding-left: 7px;
    color: var(--c-black) 
}
#root .bet-container .bet-actions {
    display: inline-flex;
    height: auto;
    padding: 4px;
    flex: 1 1 auto;
    align-items: center
}
#root .ui-button, #root p-button > button, button{
    min-width: 24px;
    min-height: 24px;
    border-radius: var(--r);
    border: solid 1px var(--c-tint);
    background-color: inherit;
    color: inherit
}
#root .bet-container .bet-actions .bet-remove {
    background: url(/v1.1042/r/images/cybet/icons/icon_Trash_Can.svg) center center no-repeat;
    background-size: 18px;
    opacity: 0.7;
    width: 35px;
}
#root .bet-container .bet-actions .bet-remove:hover{
    opacity 1
}
#root .bet-container .bet-actions .bet-match-details {
    flex: 1 1 auto;
    min-width: 0%;
    margin: auto 4px;
    font-size: 13px;
    line-height: 16px;
    flex-wrap: wrap;
    padding-left: 5px;
    white-space: normal
}
#root .bet-container .bet-actions .bet-min-combinations {
    background: url(/v1.43/r/images/site/icons/MinBet-3.svg) center center no-repeat;
    height: 18px;
    width: 16px;
    opacity: 1    
}
#root .bet-container .bet-actions .bet-match-details .bet-live-selection > * {
    width: auto;
    margin-right: 4px;
    display: inline-flex
}
#root .betslip .banker, #root .betslip .group, #root .betslip .bet-min-combinations {
    margin: 4px 4px 4px 0;
    min-width: 24px;
    opacity: 1;
    height: 24px;
    font-weight: 600;
    border: 1px solid var(--c-shade-b)
}
#root .bet-container .banker, #root .bet-container .group, #root .bet-container .bet-min-combinations {
    margin: 4px 4px 4px 0px
}
#root .betslip-bets-container .groups-container .all-groups-container .group-name .group-system {
    display: none
}
#root .betslip-bets-container .groups-container .all-groups-container .group-name:after {
    content: 'GROUP SYSTEM'
}
#root .betslip-bets-container .groups-container .all-groups-container .group-name {
    flex: 1 0 60px;
    margin: auto 0;
    width: 56px;
    line-height: 14px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 2px 0;
    white-space: normal
}
#root .betslip .banker.selected {
    background-color: var(--c-emphasis);
    color: var(--c-primary-e);
    font-weight: 600
    border: 1px solid var(--c-shade);
    box-shadow: none
}
#root .betslip .group.selected, #root .group-details-container .group {
    color: var(--c-black);
    font-weight: 600;
    border: 1px solid var(--c-shade-b)  
}
#root .group-details-container .banker {
    background-color: var(--c-shade);
    border: 1px solid var(--c-shade);
    color: var(--c-white)
}
#root .betslip .system {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    margin: 4px 8px 4px 0;
    padding: 0
}
#root .betslip .system.selected {
    background-color: var(--c-emphasis-b);
    color: var(--c-white-e);
    border-radius: 50%
}
#root .betslip .system.unselected {
    background-color: var(--c-shade);
    color: var(--c-white)
}
#root .bet-container .bet-actions .bet-match-selection {
    flex: 1 1 auto;
    min-width: 0%;
    margin: auto 4px;
    font-size: 13px;
    line-height: 14px;
    flex-wrap: wrap;
    white-space: normal
}
#root .bet-container .bet-actions .bet-match-selection span:nth-child(4) {
    font-weight: bold
}
#root .bet-container .bet-old-odds {
    opacity: 0.7;
    font-weight: normal;
    text-decoration: line-through;
    text-align: right
}
#root .bet-container .bet-actions .bet-odds-inline.bet-odds-values, #root .system-odds-wrapper, #root .group-odds-wrapper {
    display: inline-flex;
    flex-wrap: nowrap;
    font-weight: bold;
    flex-direction: column-reverse;
    height: 31px;
    margin: 0
}
#root .bet-container .bet-actions .bet-odds-inline .inline-odds{
    margin: 0;
    padding: 0px
}
#root .bet-container .bet-actions .bet-odds-inline .inline-odds.bet-odds {
    margin: auto
}
#root .bet-container .bet-stake-payout > div {
    box-sizing: border-box;
    border-radius: 2px;
    height: 12px;
    text-align: right;
    font-weight: bold;
    padding-right: 4px;
    height: auto;
    flex-direction: column;
    width: auto;
    align-items: flex-end
}
#root .bet-container .bet-stake-payout .stake-wrapper {
    max-height: 36px;
    background: #00000009;
    border: solid 1px var(--c-shade)
}
#root .bet-container .bet-stake-payout .payout-wrapper {
    height: 12px;
    display: none
}
#root .system-selection-data .system-payout-wrapper {
    border: none
}
#root .bet-container .bet-stake-payout .stake-wrapper span, #root .bet-container .bet-stake-payout .payout-wrapper span {
    margin: 0;
    width: auto;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1 0 14px;
    line-height: 16px;
    font-size: 12px;
    font-weight: 500;
    color: #0009
}
#root .bet-container .bet-stake-payout .bet-stake-input .numeric-input-wrapper:after, #root .bet-container .bet-stake-payout .bet-payout-input .numeric-input-wrapper:after {
    background-color: var(--c-primary-b);
    box-sizing: border-box;
    border: solid 1px var(--c-primary-c);
    height: 24px;
    width: 26px
}
#root .betslip-container .systems-container {
    display: inline-block
}
#root .betslip-container .systems-rows-container, #root .betslip-bets-container .groups-container {
    background: var(--c-primary-c);
    height: auto;
    font-size: 12px;
    overflow: hidden
}
#root .betslip-container .systems-rows-container .system-header-wrapper, #root .betslip-bets-container .groups-container .group-combination-stake-type {
    display: flex;
    justify-content: left;
    height: 36px;
    padding: 6px 8px;
    background: var(--c-primary);
    margin: 0 0 0 0;
    border-bottom: 1px solid var(--c-shade)
}
#root .betslip-container .systems-rows-container .system-header-wrapper app-per-line-selection {
    order: 1;
    position: absolute;
    right: 12px
}
#root .betslip-container .systems-rows-container .system-header-wrapper app-per-line-selection label {
    display: none
}
#root .betslip-container .systems-rows-container .system-header-wrapper app-per-line-selection button {
    min-width: 24px;
    height: 24px;
    font-size: 14px;
    font-weight: 600;
    color: var(--c-white);
    padding: 0 4px;
    background: var(--c-tint);
    border-radius: 2px
}
#root .betslip-container .systems-rows-container .system-header-wrapper .system-title, #root .betslip-bets-container .groups-container .group-combination-stake-type span {
    line-height: 24px;
    color: var(--c-white);
    font-weight: 600;
    font-size: 14px;
    width: 100%;
    text-align: center
}
#root .betslip-container .systems-rows-container .system-header {
    height: 36px;
    line-height: 36px;
    text-indent: 4px
}
/*
#root .betslip-container .systems-rows-container .system-selections-wrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: 32px;
    padding: 4px 8px 0 8px;
    border-top: 1px solid var(--c-primary-c)
}
#root .betslip-container .systems-rows-container .system-selections {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0;
    color: var(--c-primary);
    background-color: var(--c-background)
}
#root .betslip-container .systems-rows-container .system-selections .systems-selections, #root .betslip-bets-container .groups-container .group-details-container .selections {
    display: inline-flex;
    height: auto;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: center;
    padding: 4px 0 4px 8px
}
*/
#root .betslip-bets-container .groups-container .group-details-container .selections, #root .betslip-bets-container .all-groups-container .selections {
    max-width: 100%;
    padding: 4px 0 4px 8px
}
#root .betslip-bets-container .selections .group-selections {
    width: auto;
    color: var(--c-white-e)
}

#root .betslip-container .systems-rows-container .system-selections .systems-selections {
    max-width: calc(100% - 32px)
}
#root .betslip-container .systems-rows-container .system-header-wrapper button.add-new-system, #root .betslip-container .systems-rows-container .system-selections-wrapper button.remove-system {
    height: 24px;
    width: 24px;
    background-color: var(--c-tint-b);
    border-radius: 2px;
    border: 0;
    color: transparent
}
#root .betslip-container .systems-rows-container .system-header-wrapper button.add-new-system, #root .betslip-container .systems-rows-container .system-selections-wrapper button.remove-system {
    z-index: 1;
    position: absolute;
    left: 8px;
    min-width: 24px;
    height: 24px;
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0);
    padding: 0 4px;
    background: var(--c-tint);
    border-radius: 2px;
    order: -1
}
#root .betslip-container .systems-rows-container .system-header-wrapper button.add-new-system::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .7;
    z-index: -1;
    background: url(/v1.43/r/images/site/icons/Plus.svg) center center no-repeat;
    background-size: contain
}
#root .betslip-container .systems-rows-container .system-selections-wrapper button.remove-system::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .7;
    z-index: -1;
    background: url(/v1.43/r/images/site/icons/Minus.svg) center center no-repeat;
    background-size: contain
}
#root .betslip-container .systems-rows-container .system-selections-wrapper .systems-selections .system-element button.selected, #root .betslip-container .systems-rows-container .system-selections-wrapper .systems-selections .system-element button.unselected {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 6px;
    font-size: 14px;
    padding-bottom: 2px;
    background-color: var(--c-shade);
    color: var(--c-white)
}
#root .betslip-container .systems-rows-container .system-selections-wrapper .systems-selections .system-element button.selected {
    background-color: var(--c-emphasis);
    border-color: var(--c-tint-b);
    box-shadow: var(--ds-2p);
    font-weight: bold;
    color: var(--c-white-e)
}
#root .betslip-container .systems-rows-container .system-selection-data .system-stake-wrapper span,
#root .betslip-container .systems-rows-container .system-selection-data .system-payout-wrapper span {
    margin: 0;
    width: auto;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1 0 14px;
    line-height: 16px;
    font-size: 12px;
    font-weight: 500;
    color: var(--c-primary)
}
#root .betslip-container .systems-rows-container .system-selection-data .system-payout-wrapper div {
    width: 50px;
    font-size: 13px
}
#root .multiple-container {
    background-color: var(--c-primary-c)
}
#root .betslip-container > app-window-tabs{
    background-color: var(--c-primary-d);
    display: flex
}
#root .window-tabs.betslip-tabs {
    height: 32px;
    background-color: var(--c-white);
    margin: 8px 4px;
    border-radius: 64px;
    cursor: pointer;
}
#root .header-titles-container {
    display: block;
    position: relative;
    width: 100%;
    height: 20px;
    padding: 0px 4px;
    background-color: var(--c-primary);
    color: var(--c-white-e)
}
#root .header-titles-container .header-element {
    text-indent: 0;
    position: absolute;
    opacity: 0.4;
    line-height: 20px
}
#root .header-titles-container .multiple-type, #root .header-titles-container .system-type {
    width: 100px;
    left: 8px;
    text-align: left
}
#root .header-titles-container .multiple-lines, #root .header-titles-container .system-lines {
    width: 32px;
    left: 108px
}
#root .header-titles-container .multiple-odds, #root .header-titles-container .system-odds {
    right: 90px;
    width: 80px;
    text-align: right
}
#root .header-titles-container .multiple-stake, #root .header-titles-container .system-stake {
    width: 72px;
    right: 10px;
    text-align: right
}
#root .betslip-container .system-lines, #root .betslip-container .group-lines, #root .betslip-container .group-system-lines {
    flex: 1 1 100%;
    min-width: auto;
    height: 30px;
    flex-direction: column
}
#root .mobile .betslip-container .systems-container .system-lines-wrapper .block-value{
    width: 60px;
    line-height: 30px;
    text-align: left
}
#root .betslip-container .betslip-totals .value-block-wrapper,
#root .mobile-betslip-view .value-block-wrapper {
    display: flex;
    letter-spacing: 0.3px;
    width: 100%;
    justify-content: center;
    height: 100%;
    flex-direction: column;
    align-items: end;
    padding: 0 3px
}
#root .betslip-container .value-block-wrapper.multiple-odds-wrapper{
    justify-content: right
}
#root .betslip-container .system-stake-wrapper .value-block-wrapper .block-value {
    height: 100%;
    line-height: 40px
}
#root .system-odds-wrapper .block-label, .group-odds-wrapper .block-label {
    display: none
}
#root .betslip-container .system-odds-wrapper .block-value, #root .mobile-betslip-view .group-odds .block-value, #root .betslip-container .group-odds .block-value, #root .betslip .bet-actions .bet-odds-inline .bet-odds, #root .group-odds-wrapper .block-value {
    font-weight: 600;
    font-size: 13px;
    width: auto;
    margin: auto 0;
    line-height: 12px;
    text-align: right
}
#root .mobile-betslip-view .groups-container .group-odds span:first-child {
    display: none
}
#root .betslip-container .systems-rows-container .system-selection-data .system-odd-wrapper span, #root .betslip-container .group-odds span:first-child {
    display: none
}
#root .mobile-betslip-view .group-details-container .group-stake {
    width: unset
}
#root .betslip-container .systems-rows-container .system-selection-data .system-payout-wrapper {
    display: none
}
#root .betslip-container .systems-rows-container .systems-remove-wrapper button {
    width: 24px;
    height: 24px;
    border-radius: 2px;
    background-color: var(--c-tint-b);
    position: relative;
    border: none;
    color: #fff0
}
#root .betslip-container .systems-rows-container .systems-remove-wrapper button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background: url(/v1.43/r/images/site/icons/Minus.svg) center center no-repeat;
    background-size: contain
}
#root .betslip-container .systems-rows-container .systems-remove-wrapper {
    order: -1;
    padding: 10px 0 6px 12px
}
#root .betslip-container .betslip-totals {
    padding: 10px 4px 0;
    display: flex;
    flex-wrap: wrap;
    background: var(--c-primary-d);
    border-top: 1px solid var(--c-shade-b);
    font-size: 13px;
    border-radius: 0 0 4px 4px;
    margin: 0;
    position: relative
}
#root .desktop .betslip-container .betslip-totals {
    margin: 0 0 -4px 0
}
#root .betslip-container .betslip-totals .block-value {
    font-weight: 600;
    font-size: 13px;
   /* color: var(--c-white-e); */
    margin-left: auto;
}
#root .betslip-container .betslip-totals .block-label {
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    font-size: 13px;
    opacity: 0.9;
    margin: 0 0 2px 0;
    color: var(--c-primary)
}
#root .betslip-container .betslip-totals .value-block {
    position: relative;
  
    width: 100%;
    display: inline-block
}
#root .betslip-container .betslip-totals .value-block.total-lines{
    order: 2;
    flex: 1 1 calc(33.333333% - 4px)
}
#root .betslip-container .betslip-totals .value-block.total-stake{
   order: 3;
   flex: 0 0 calc(50% - 4px);
}
#root .betslip-container .betslip-totals .value-block .total-bonus-wrapper label{
    margin-left: auto;
    margin-bottom: 0
}
#root .betslip-container .betslip-totals .total-payout-wrapper .block-value {
    color: var(--c-emphasis);
    font-size: 14px;
    font-weight: 700;
    float: right;
    text-align: right
}
#root .betslip-container .betslip-totals .total-payout-wrapper .block-label {
    float: right;
    text-align: right
}
#root .betslip-container .betslip-totals .place-bet:hover {
    opacity: .7
}
#root .betslip-container .betslip-totals .place-bet.place-bet-disabled,
#root .betslip-container .betslip-totals .book-bet.book-bet-disabled{
    color: var(--c-tint-b);
    opacity: 0.8;
    border: 0;
    background-color: var(--c-primary-b);
    margin-top: 4px
}

#root .betslip-container .betslip-totals .place-bet.place-bet-disabled .place-disabled-reason,
#root .betslip-container .betslip-totals .book-bet.book-bet-disabled .book-disabled-reason{
    opacity: 1;
    font-size: 11px;
    font-weight: 400;
    height: 14px;
    line-height: 11px;
    width: 100%;
    letter-spacing: 0.5px;
    text-align: center;
    display: block;
    color: var(--c-emphasis-b)
}
#root .betslip-container .betslip-totals .book-bet.book-bet-disabled .book-disabled-reason{
    display: none
}
#root .betslip-container .betslip-totals .total-lines,
#root .betslip-container .betslip-totals .total-stake,
#root .betslip-container .betslip-totals .total-payout,
#root .betslip-container .betslip-totals .total-bonus{
    display: inline-flex;
    height: auto;
    flex-direction: column;
    margin: 0 2px;
    text-align: left;
    border: 1px solid var(--c-shade);
 }
#root .betslip-container .betslip-totals .total-payout{
    order: 5;
    display: flex;
    align-items: flex-end;
    flex: 1 1 calc(50% - 4px);
    margin: 2px;
    width: 100%
}
#root .betslip-container .betslip-totals .value-block.total-bonus{
    order: 4;
    display: flex;
    align-items: flex-end;
    width: 100%;
    flex: 0 0 calc(50% - 4px);
    margin: 2px
}
#root .betslip-container .betslip-totals .per-line-selection-wrapper .bets-per-line-disabled {
    order: 4;
    min-width: 20%
}
#root .betslip-container .betslip-totals .total-stake span, #root .betslip-container .betslip-totals .total-payout span {
    text-align: right
}
#root .betslip-container .betslip-totals .checkbox-wrapper {
    height: 36px;
    line-height: 36px;
    display: inline-flex;
    flex: 0 0 33.333333%;
    color: var(--c-white);
    line-height: 14px;
    padding: 2px;
    white-space: normal;
    align-items: center;
    margin-top: 4px;
    padding-left: 5px
}
#root .betslip-container .betslip-totals .checkbox-wrapper.accept-odd-changes{
    order: 8
}

#root .betslip-container .betslip-totals .checkbox-wrapper.betslip-per-line{
    order: 9
}
#root .betslip-container .betslip-totals .check-box-label {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 11px;
    color: var(--c-primary);
    align-items: center;
    display: flex;
    width: 100%;
    padding-left: 8px
}
#root .betslip-container .betslip-totals .confirm-bet-wrapper,
#root .betslip-container .betslip-totals .bet-error-placeholder{
    display: inline-flex;
    flex: 0 0 100%;
    order: 6;
}
#root .betslip-container .betslip-totals .confirm-bet-wrapper .cancel-bet, #root .betslip-container .betslip-totals .confirm-bet-wrapper .confirm-form-group {
    flex: 1 1 50%
}
#root .betslip-container .betslip-totals .confirm-bet-wrapper .confirm-form-group .confirm-bet {
    width: 100%
}
#root .betslip-container .betslip-totals .confirm-bet-wrapper .confirm-form-group .confirm-bet-disabled {
    background: var(--c-green);
    color: var(--c-tint-b);
    position: relative
}
#root .betslip-container .betslip-totals .confirm-bet-wrapper .confirm-form-group .confirm-bet-disabled .fa-spinner {
    position: absolute;
    left: calc(50% - 10px);
    top: 9px;
    color: var(--c-white-e)
}
#root .betslip-bets-container .groups-container .group-header-container, #root .betslip-bets-container .groups-container .group-details-container, #root .betslip-bets-container .groups-container .all-groups-container {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-top: 1px solid var(--c-shade-b)
}
#root .betslip-bets-container .groups-container .group-header-container .group-header, #root .betslip-bets-container .groups-container .group-details-container .group-details-wrapper > div, #root .mobile-betslip-view .groups-container .all-groups-container > div, #root .bet-odds-inline {
    width: unset
}
#root .betslip-bets-container .groups-container .group-details-container .group-name-wrapper .group-name {
    width: auto;
    margin-right: 4px
}
#root .betslip-bets-container .groups-container .group-odds {
    order: 2;
    display: inline-block;
    width: auto
}
#root .betslip-bets-container .groups-container .group-payout {
    display: inline-block;
    width: auto
}
#root .betslip-bets-container .groups-container app-amount-input {
    order: 3;
    width: auto
}
#root .betslip-bets-container .groups-container .all-groups-container {
    margin: 0;
    width: 100%;
    color: var(--c-white);
    min-height: 40px;
}
#root .betslip-bets-container .groups-container .group-header-container {
    border-top: 1px solid var(--c-shade);
    display: none
}
#root .betslip-bets-container .groups-container .group-header-container .group-header {
    flex: 0 0 60px
}
#root .betslip-bets-container .groups-container .group-header-container .group-header.group-stake {
    order: 1
}
#root .betslip-bets-container .groups-container .group-details-container .num-pad-wrapper, #root .betslip-container .systems-rows-container .system-selections .num-pad-wrapper {
    display: block;
    width: 100%
}
#root .betslip-bets-container .groups-container .group-details-container .group-details-wrapper, #root .betslip-bets-container .all-groups-container .selection-data, #root .betslip-container .systems-rows-container .system-selection-data {
    display: flex;
    flex: 1 0 auto;
    padding: 0 0 0 4px;
    margin: 0;
    color: var(--c-primary)
}
#root .betslip-bets-container .groups-container .group-details-container .group-details-wrapper .group-name .banker.unselected, #root .betslip-bets-container .groups-container .group-details-container .group-details-wrapper .group-name .group.unselected {
    color: var(--c-white);
    background: var(--c-tint)
}
#root .betslip-bets-container .groups-container .group-details-container .group-details-wrapper .group-selections .system, #root .mobile-betslip-view .groups-container .all-groups-container .group-selections .narrow .selected {
    margin: 4px;
    width: 24px;
    height: 24px
}
#root .betslip-bets-container .groups-container .group-combination-stake-type span {
    line-height: 24px;
    font-weight: 600;
    font-size: 13px
}
#root .betslip-bets-container .groups-container .group-combination-stake-type label {
    display: none
}
#root .betslip-bets-container .groups-container .group-combination-stake-type button {
    min-width: 24px;
    height: 24px;
    font-size: 14px;
    font-weight: 600;
    color: var(--c-white);
    padding: 0 4px;
    background: var(--c-tint);
    border-radius: 2px
}
#root .mobile .betslip-bets-container .groups-container .group-details-container{
    flex-wrap: wrap
}

#root .mobile .num-pad-container .elements {
    width: 100%;
    display: flex
}

#root .mobile .num-pad-container .elements .element {
    color: var(--c-white);
    border-radius: 2px;
    line-height: 36px;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    border: 0;
    box-shadow: var(--ds-button);
    height: 36px
}
#root .mobile .num-pad-container .presets .preset-button {
    width: calc(100% - 5px);
    text-align: center;
}

#root .mobile .num-pad-container .control .element {
    background: var(--c-primary-e);
    flex: 1 1 50%
}
#root .mobile .num-pad-container .control .button-enter {
    background: var(--c-primary-c);
    color: var(--c-emphasis);
    width: calc(100% - 5px)
}
#root .mobile-betslip-view .num-pad-container .elements .button-enter {
    background: var(--c-emphasis);
    color: var(--c-white);
    min-width: 32.2%
}
#root .mobile-betslip-view .num-pad-container .control {
    display: none
}
#root .mobile .num-pad-container .elements {
    color: var(--c-white);
    height: auto;
}
#root .mobile .num-pad-container app-stake-presets .elements{
    width: 30%;
    flex-direction: column;
    position: absolute;
    right: 0
}
#root .mobile .num-pad-container .elements.numbers,
#root .mobile .num-pad-container .elements.other{
    flex: 0 0 70%;
    width: unset;
    max-width: 70%;
    display: flex;
    flex-wrap: wrap
}
#root .mobile .num-pad-container .elements.numbers{
    margin-bottom: 0
}
#root .mobile .num-pad-container .elements.other .element {
    border-right: 1px solid var(--c-tint);
    flex: 0 0 calc(33.3333% - 4px)
}
#root .mobile .num-pad-container .elements.other .element.button-enter{
    position: absolute;
    width: calc(30% - 5px);
    max-width: calc(30% - 5px);
    min-width: calc(30% - 5px);
    right: 0
}
#root .mobile .num-pad-container .elements.other .other-button.button-backspase {  
    background-image: url(/v1.1042/r/images/cybet/icons/backspace-light.svg);
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
}
#root .mobile .num-pad-container .elements.control{
    width: 30%;
    flex-direction: column;
    position: absolute;
    right: 0;
    bottom: 0
}
#root .mobile .num-pad-container .elements.control .element.button-cancel{
    display: none
}
#root .quickbetslip.link .quick-container .system-wrapper{
    border-top:1px solid var(--c-shade);
    background-color:var(--c-white)
}
#root .quickbetslip.link .quick-container .confirm-details-wrapper > div >label:first-child {
    color: var(--c-white);
    opacity: 0.7;
    font-size: 11px;
    line-height: 11px
}
#root .quickbetslip.link .quick-container .confirm-details-wrapper > div > label:nth-child(2) {
    line-height: 18px;
    font-size: 13px
}
#root .quickbetslip.link .quick-container .confirm-details-wrapper .bet-stake-wrapper .currency {
    color: var(--c-yellow);
    font-weight: 600;
    font-size: 15px;
    line-height: 18px
}
#root .quickbetslip .quick-container .confirm-details-wrapper {
    background: var(--c-black);
    margin: 0 0 4px 0;
    padding: 2px
}
#root .confirm-bet-wrapper, #root .confirm-details-wrapper {
    background: var(--c-primary)
}
#root .quickbetslip.link .quick-container .confirm-bet-wrapper {
    justify-content: space-between
}
#root .confirm-bet-wrapper .cancel-bet, #root .confirm-bet-wrapper .confirm-form-group {
    flex: 0 0 calc(50% - 2px)
}
#root .confirm-bet-wrapper .cancel-bet, #root .confirm-bet-wrapper .confirm-bet {
    min-height: 40px;
    border-radius: 2px;
    -webkit-appearance: none;
    border: none;
    color: var(--c-white);
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.5px;
    box-shadow: var(--ds-button)
}
#root .confirm-bet-wrapper .confirm-bet {
    background: var(--c-emphasis);
    color: var(--c-primary);
    width: 100%;
    transition: 1s
}
#root .confirm-bet-wrapper .cancel-bet {
    background: var(--c-tint);
    order: 1
}
#root .confirm-bet-wrapper .cancel-bet-disabled {
    display: none
}
#root .mobile app-num-pad {
    min-width: 100%;
    order: 2
}
#root .quickbetslip.link .quick-container .bet-container .num-pad-container .elements {
    width: 100%;
    display: inline-flex;
    height: auto
}
#root .quickbetslip.link .quick-container .bet-container .num-pad-container .elements .element {
    display: inline-block;
    flex: 1 1 100%;
    text-align: center;
    border: none;
    background: var(--c-tint);
    margin: 2px;
    height: 32px;
    line-height: 32px
}
#root .quickbetslip.link .quick-container .bet-container .num-pad-container .elements.numbers {
    height: auto;
    flex-wrap: wrap;
    display: inline-flex;
}
#root .quickbetslip.link .quick-container .bet-container .num-pad-container .elements.numbers .element {
    flex: 1 1 30%
}
#root .quickbetslip.link .quick-container .bet-container .bet-group-wrapper {
    width: auto
}
#root .quickbetslip.link .quick-container .bet-container .bet-group-wrapper .bet-group {
    color: var(--c-emphasis);
    margin: 0;
    width: auto;
    margin: 4px
}
#root .quickbetslip.link .quick-container .bet-container .bet-group-wrapper .bet-group .match {
    width: auto;
    line-height: 12px;
    color: var(--c-white)
}
#root .quickbetslip.link .quick-container .bet-container .bet-group-wrapper .bet-group .match label.description {
    font-size: 13px;
    font-weight: 500;
    width: auto;
    letter-spacing: 0.5px;
    margin: auto 0;
    line-height: 12px
}
#root .quickbetslip.link .quick-container .bet-container .bet-group-wrapper .bet-group .market-selection {
    font-size: 13px;
    font-weight: 500;
    width: auto;
    flex: 0 1 auto;
    margin: 4px 0 0 0;
    color: var(--c-white-e)
}
#root .quickbetslip.link .quick-container .bet-container .bet-group-wrapper .bet-group .market-selection .selection {
    font-weight: 700
}
#root .quickbetslip.link .quick-container .bet-container .bet-group-wrapper .bet-group .selection-odds {
    position: absolute;
    top: 12px;
    right: 44px;
    font-weight: 600;
    font-size: 14px;
    color: var(--c-white-e);
}
#root .quickbetslip.link .quick-container .place-bet-wrapper .bet-stake-wrapper {
    order: 0;
    height: 42px;
    border: 1px solid var(--c-shade);
    background: var(--c-primary-c);
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    padding: 0 4px 0 0;
    flex: 1 0 auto;
    min-width: 80px
}
#root .quickbetslip.link .quick-container .bet-stake-wrapper label {
    text-align: right;
}
#root .quickbetslip.link .quick-container .bet-stake-wrapper .stake {
    line-height: 16px;
    font-size: 12px;
    color: var(--c-white);
    opacity: 0.7
}
#root .quickbetslip.link .quick-container .bet-stake-wrapper .currency {
    line-height: 24px;
    font-size: 16px;
    font-weight: 600;
    color: var(--c-yellow)
}
#root .quickbetslip.link .quick-container .place-bet.place-bet-disabled .place-bet-message{
    display: none
}
#root .quickbetslip.link .quick-container .place-bet .place-disabled-reason{
    font-size: 13px;
    font-weight: normal
}
#root .quickbetslip.link .quick-container .place-bet .description {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    display: block;
    line-height: 36px
}
#root .betslip-title {
    display: inline-flex;
    flex: 1 1 auto;
    width: unset;
    justify-content: flex-start;
}
#root .quickbetslip  .betslip-title{
    flex: unset;
    order: -2;
}
#root .mobile .betslip-title{
    align-items: center
}
#root .quick-container .bet-odds-values {
    height: 100%;
    padding: 0 4px;
    padding-top: 2px;
    display: flex;
    flex-direction: column;
}
#root .quickbetslip.link .betslip-shortcut-container .betslip-odds, .quick-container .bet-odds {
    color: var(--c-white-e);
    line-height: 16px;
    order: 1;
    height: 18px;
    text-align: right
}
#root .quickbetslip.link .betslip-shortcut-container .betslip-odds{
    padding-right: 10px;
    line-height: 20px
}

/* Notifications */

#root .betslip-notifications {
    z-index: 10;
    position: fixed;
    background-color: var(--c-background);
    bottom: 0px;
    left: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding: 8px;
    justify-content: center;
    box-shadow: inset 0px 0px 3px var(--c-black)
}
#root .mobile .betslip-notifications{

    display: block;
    width: 100vw;
    text-align: center;
}
#root .mobile.os-ios .betslip-notifications.success{
    bottom: 1px
}
#root .desktop .betslip-notifications {
    position: unset;
    background-color: var(--c-primary-d)
}
#root .betslip-notifications .bet-messages {
    padding: 8px;
    display: inline-flex;
    flex: 0 1 auto;
    min-height: 40px;
    flex-direction: column
}
#root .betslip-notifications .bet-messages-actions {
    display: flex;
    flex-direction: row;
    height: auto;
    width: 100%;
    flex-wrap: wrap;
    white-space: normal;
    z-index: 10
}
#root .betslip-notifications button.close-notification, #root .betslip-notifications button.reload-selections {
    display: inline-flex;
    flex: 1 0 100%;
    margin: 4px 0 0 0;
    background-color: var(--c-emphasis);
    padding: 0 8px;
    height: 40px;
    font-size: 16px;
    font-weight: 600;
    color: var(--c-white);
    justify-content: center
}
#root .betslip-notifications button.reload-selections {
    background-color: var(--c-primary);
    display: block
}
#root .betslip-notifications .bet-messages .bet-success,
#root .betslip-notifications .bet-messages .book-success{
    font-weight: 600
}
#root .betslip-notifications .bet-messages .bet-reference {
    order: -1;
    font-size: 12px
}
#root .mobile .booking-notifications-wrapper{
    z-index: 3;
    display: flex;
    position: relative
}
#root .betslip-notifications.betslip-booking .bet-messages .bet-reference,
#root .betslip-notifications.betslip-booking-notifications .bet-messages .bet-reference,
#root .mobile .booking-notifications-wrapper .bet-messages .bet-reference{
    order: unset;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    color: rgba(0,0,0, .5)
}
#root .betslip-notifications.betslip-booking .bet-book,
#root .betslip-notifications.betslip-booking-notifications .bet-book,
#root .mobile .booking-notifications-wrapper .bet-book{
    text-align: center;
    padding: 10px 0 20px
}
#root .betslip-notifications.betslip-booking-notifications .bet-book .bet-book-terms{
    padding-bottom: 8px
}
#root .betslip-notifications.betslip-booking-notifications .bet-book .bet-book-terms > br{
    display: none
}
#root .betslip-notifications.betslip-booking-notifications{
    padding: 8px 0
} 
#root .betslip-notifications.betslip-booking-notifications #print-section{
    display: flex;
    flex-direction: column;
    background-color: var(--c-shade);
    padding-top: 10px
}
#root .betslip-notifications.betslip-booking-notifications .bet-messages-actions{
    padding: 0 8px;
}
#root .betslip-notifications.betslip-booking .bet-book .action-copy,
#root .betslip-notifications.betslip-booking-notifications .bet-book .action-copy,
#root .mobile .booking-notifications-wrapper .bet-book .action-copy,
.betslip-notifications.betslip-booking-notifications .bet-book .action-share,
.betslip-notifications.betslip-booking-notifications .bet-book .action-print{
    border: 1px solid var(--c-black);
    padding: 5px 20px;
    margin-top: 15px;
    display: flex;
    align-items: center
}
#root .lang-el .betslip-notifications.betslip-booking-notifications .bet-book .action-copy,
.lang-el .betslip-notifications.betslip-booking-notifications .bet-book .action-share,
.lang-el .betslip-notifications.betslip-booking-notifications .bet-book .action-print{
    padding: 5px 3px;
}

#root .betslip-notifications.betslip-booking .bet-book .action-copy:hover,
#root .betslip-notifications.betslip-booking-notifications .bet-book .action-copy:hover,
.betslip-notifications.betslip-booking-notifications .bet-book .action-share:hover,
.betslip-notifications.betslip-booking-notifications .bet-book .action-print:hover{
    color: var(--c-white-e);
    background-color: var(--c-primary)
}
.betslip-notifications .bet-book .action-share:before,
.betslip-notifications .bet-book .action-copy:before,
.betslip-notifications .bet-book .action-print:before{  
    content: "";
    width: 16px;
    height: 16px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.betslip-notifications .bet-book .action-copy:before{
    background-image: url(/v1.1042/r/images/cybet/icons/copy-dark.svg)
}
.betslip-notifications .bet-book .action-share:before{
    background-image: url(/v1.1042/r/images/cybet/icons/share-dark.svg)
}
.betslip-notifications .bet-book .action-print:before{
    background-image: url(/v1.109/r/images/site/icons/icon-printer2.svg)
}
.betslip-notifications .bet-book .action-share:hover:before,
.betslip-notifications .bet-book .action-copy:hover:before{
    filter: brightness(0) invert(1);
}
#root .betslip-notifications.betslip-booking .bet-book .bet-book-code,
#root .betslip-notifications.betslip-booking-notifications .bet-book .bet-book-code,
#root .mobile .booking-notifications-wrapper .bet-book .bet-book-code{
    display: flex;
    flex-direction: column;
    order: 1
}
#root .betslip-notifications.betslip-booking .bet-book .bet-book-code .code-value,
#root .betslip-notifications.betslip-booking-notifications .bet-book .bet-book-code .code-value,
#root .mobile .booking-notifications-wrapper .bet-book .bet-book-code .code-value{
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
    color: var(--c-green)
}
#root .betslip-notifications.betslip-booking-notifications .bet-book .bet-book-slip {
    order: 4;
}
#root .betslip-notifications.betslip-booking-notifications .bet-book .bet-book-barcode{
    order: 3;
    width: 200px;
    margin: 0 auto;
}
#root .betslip-notifications.betslip-booking-notifications .bet-book .bet-book-time{
    order: 2;
}
#root .betslip-notifications.betslip-booking-notifications .view-book-details{
    display: none
}
#root .betslip-notifications.betslip-booking-notifications app-betslip-book{
    width: 100%;
}
#root .betslip-notifications.betslip-booking-notifications .slip-label{
    display: none
}
#root .betslip-notifications.betslip-booking-notifications .inline-betslip{
    height: unset!important;
    width: 100%!important;
    margin-top: 15px;
    background-color: var(--c-primary-d);
}
#root .betslip-notifications .inline-betslip table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-color: transparent;
}
#root .betslip-notifications .inline-betslip tr.head {
    background-color: var(--c-primary-b);
}
#root .betslip-notifications .inline-betslip table tr.head td {
    padding: 8px 10px;
    color: var(--c-white-e);
    line-height: 20px;
}
#root .betslip-notifications .inline-betslip table tr.match td{
    padding: 4px 4px 0 4px;
    font-size: 11px;
    text-align: center;
    border-top: 1px solid var(--c-primary-b);
}
#root .betslip-notifications .inline-betslip tr.match td.code{
    font-size: 11px;
    font-weight: 700;
    padding: 4px 4px 0 4px;
    text-align: center;
}

#root .betslip-notifications .inline-betslip tr.match td.match div.match{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 35px;
    max-height: 100px;
    text-align: left;
    padding-left: 5px;
    position: relative;
}
#root .betslip-notifications .inline-betslip tr.match td.match div.match > div {
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#root .betslip-notifications td div:first-child {
    padding: 0;
}
#root .betslip-notifications .inline-betslip tr.match td.match .match div:first-child {
    width: 70%;
    order: -1;
}
#root .betslip-notifications .inline-betslip tr.match td.match div.match div.date {
    width: 30%;
    order: -1;
    text-align: right;
    padding-right: 5px;
}
#root .betslip-notifications .inline-betslip tr.match td.match div.date {
    font-size: 10px;
}
#root .betslip-notifications .inline-betslip tr.selection{
    font-size: 11px;
    font-weight: bold;
}
#root .betslip-notifications .inline-betslip tr.selection td {
    
}
#root .betslip-notifications .inline-betslip tr.selection td.match {
    text-align: left;
    padding-left: 7px;
}
#root .betslip-notifications .inline-betslip tr.selection td.odds {
    text-align: right;
    padding-right: 10px;
}
#root .betslip-notifications .inline-betslip tr.selection td.nr div.nr {
margin: 1px 3px;
    padding-top: 2px;
    text-align: center;
    background-color: var(--c-primary-b);
    color: var(--c-white-e);
    line-height: 14px;
}
#root .betslip-notifications .inline-betslip table.bets {
    border-collapse: collapse;
    border-top: 1px solid var(--c-primary-b);
    border-bottom: unset;
}
#root .betslip-notifications .inline-betslip table.bets td {
    border: 0;
    font-size: 11px;
    white-space: nowrap;
}
#root .betslip-notifications .inline-betslip table.bets tr.hd td {
    text-align: right;
    padding-top: 5px;
    padding-right: 5px;
}
#root .betslip-notifications .inline-betslip table table.bets tbody tr td.system,
#root .betslip-notifications .inline-betslip table table.bets tbody tr td.lines,
#root .betslip-notifications .inline-betslip table table.bets tbody tr td.odds,
#root .betslip-notifications .inline-betslip table table.bets tbody tr td.amount {
    text-align: right;
    font-weight: bold;
    padding-right: 5px;
}
#root .betslip-notifications .inline-betslip table.bets tr.totals td {
    font-size: 12px;
    border-bottom: 1px solid var(--c-primary-b);
    padding: 4px 0 2px 5px;
    text-align: left
}
#root .betslip-notifications .inline-betslip table td {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#root .betslip-notifications bet-messages {
    flex: 1 1 100%;
    min-width: 0%;
    flex-direction: column
}
#root .bet-messages label {
    text-align: center;
    width: 100%;
    line-height: 20px;
    font-weight: 400;
    font-size: 14px;
    color: var(--c-primary)
}
#root .betslip-notifications-wrapper {
    z-index: 1200
     -webkit-transform:translate3d(0,0,0)
}
#root .mobile .booking-notifications-wrapper #print-section > div:not(.bet-book-code){
    
}
#root .betslip-notifications-wrapper .notifications-overlay {
    /*position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: var(--c-black);
   
    padding: 8px*/
}
#root .quickbet-notifications-wrapper {
    position: relative;
    bottom: 0px;
    z-index: 10;
    display: block;
    
}
#root .mobile .quickbet-notifications-wrapper{
    position: fixed;
    bottom: 50px;
    -webkit-transform:translate3d(0,0,0);
    z-index: 1002;
}
#root .quickbet-notifications-wrapper .notifications-overlay{
    z-index: 10;
    display: block
}
#root .mobile .quickbetslip .confirm-details-wrapper {
    background-color: var(--c-primary-d);
    display: flex;
    padding: 4px;
    align-items: center;
    border-radius: 2px
}
#root .mobile .quickbetslip .confirm-details-wrapper .value-block-wrapper, #root .mobile .quickbetslip .confirm-details-wrapper .block-value {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}
#root .mobile .quickbetslip .confirm-details-wrapper .block-value {
    font-size: 13px;
    color: var(--c-emphasis);
    font-weight: 600
}
#root .mobile .quickbetslip .confirm-details-wrapper .block-label {
    color: var(--c-white)
}
#root .mobile .quickbetslip .confirm-details-wrapper .value-block.bet-type {
    flex: 1 1 25%
}
#root .mobile .quickbetslip .confirm-details-wrapper .value-block.bet-type .block-value {
    align-items: flex-start
}
#root .quick-container .confirm-details-wrapper .bet-odds {
    height: unset
}
#root .ui-dialog-mask-scrollblocker {
    z-index: 89 !important
}
body .mobile-betslip-view.ui-dialog .ui-dialog-content {
    border: unset;
    padding: unset;
    color: var(--c-primary)
}
#root .mobile .mobile-betslip-view {
    top: unset !important;
    bottom: 0px !important;
    left: 0px !important;
    width: 100% !important;
    z-index: 1005 !important;
    height: auto;
    background-color: #0008;
    box-shadow: 0 0 8px 4px #0005;
    -webkit-overflow-scrolling: auto;
    position: fixed
}
#root .mobile-betslip-view .ui-widget-content {
    height: auto !important;
    background-color: unset
}
#root .mobile-betslip-view .ui-widget-content .right-sidebar {
    height: 100%
}
#root .mobile .betslip-container {
     /* background-color: var(--c-background); */
    /* padding: 0; */
    /* height: auto; */
    /* max-height: calc(100vh - 111px);*/
    /* overflow-y: auto; */
    /* position: fixed; */
    /* bottom: 0; */
    /* right: 0; */
    /* width: 100%; */
}
#root .mobile .betslip-wrapper > .betslip-container.empty{
    width: 100%;
    display: flex;
    min-height: 50vh;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
#root .mobile .betslip-wrapper > .betslip-container.empty > app-betslip-header{
    display: none
}
#root .desktop .betslip-container{
    width: 100%;
    display: flex;
    flex-direction: column
}
#root .desktop .betslip-container > app-betslip-header{
    order: 1
}
#root .desktop .betslip-container > app-window-tabs{
    order: 0
}
#root .desktop .betslip-container > .betslip-bets-container{
    order: 2
}
#root .desktop .betslip-container > app-betslip-notifications{
    order: 3
}
#root .desktop .betslip-container .title-container{
    background: var(--c-primary-d);
    border-radius: 0;
    padding: 0;
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding-right: 10px
}
#root .desktop .betslip-container .title-container .betslip-title .betslip-label{
    display: none
}
.desktop .betslip-empty-message,
.desktop .guest-my-bets > app-widget-host,
.tabbed-betslip-content .no-history-records{
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    text-align: center
}
#root .betslip-title .betslip-label{
    font-size: 12px;
    line-height: 38px;
    font-weight: 400;
    color: var(--c-primary);
    margin: 0;
    padding: 0 8px;
    text-transform: uppercase
}
#root .quickbetslip.link .betslip-title .betslip-label,
#root .mobile .betslip-title .betslip-label{
     color: var(--c-black);
     font-weight:700
}
#root .quick-container .bet-group-wrapper .bet-group {
    color:var(--c-black)
}
#root .quick-container .betslip-title .betslip-label {
    color:var(--c-black);
    font-weight: 700
}
#root .betslip-container .betslip-tabs .betslip-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--c-primary)
}
#root .betslip-container .betslip-tabs .betslip-tab.tab-selected {
    color: var(--c-white-e);
    background-color: var(--c-primary-e);
    border-radius: 64px;
}
#root .betslip-container .betslip-tabs .betslip-tab:hover{
    font-weight: bold
}
#root .betslip-container .betslip-state {
    font-weight: 400;
    color: var(--c-white);
    font-size: 12px;
    background: var(--c-emphasis);
    height: 24px;
    padding: 4px;
    border-radius: 2px;
    font-size: 16px;
    font-weight: bold
}
#root .betslip-title .betslip-actions {
    height: 24px;
    min-width: 24px;
    display: inline-block;
    margin: 8px
}
#root .betslip-title .betslip-counter{
    position: absolute;
    top: -79px;
    right: calc(50% - -37px);
    font-size: 11px;
    background-color: var(--c-emphasis);
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    line-height: 1.6;
    font-weight: bold;
    padding-top: 3px
}
#root .live-page .betslip-title .betslip-counter,
#root .live-match-page .betslip-title .betslip-counter{
    right: calc(50% - -77px);
}

#root .lang-el .betslip-title .betslip-counter{
   
}
#root .lang-el .live-match-page .betslip-title .betslip-counter,
#root .lang-el .live-page .betslip-title .betslip-counter {
   
}
.lang-el .add-betslip-counter{
    right: 23px
}

.live-match-page .add-betslip-counter,
.live-page .add-betslip-counter{
     right: 75px
}
.lang-el .live-match-page .add-betslip-counter,
.lang-el .live-page .add-betslip-counter{  
       right: 63px
}

#root .betslip-container.empty .betslip-title .betslip-counter{
    display: none
}
#root .betslip-container .betslip-actions .betslip-group-mode-wrapper{
     display: none;
}
#root .mobile .betslip-title .betslip-counter,
.mobile .mobile-betslip-counter .bets-number{
    display: block;
    position: unset;
    color: var(--c-black);
    border: 1px solid var(--c-black);
    width: 20px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    order: 2;
    background-color: var(--c-emphasis);
    padding: 0
}
#root .mobile .beto-quick-bet .betslip-title .betslip-counter,
.mobile .mobile-betslip-counter .beto-quick-bet .bets-number{
    padding-top: 2px
}

#root .mobile.os-ios  .beto-quick-bet .betslip-title .betslip-counter,
.mobile.os-ios  .mobile-betslip-counter .beto-quick-bet .bets-number{
    padding-top: 1px
}
#root .quick-container .bet-container {
    display: flex;
    flex: 1 1 100%;
    overflow: unset;
    height: auto;
    border: 0;
    padding: 0;
    margin: 0
}
#root .bet-container .bet-details-odds .bet-match-competitors {
    font-weight: 600;
    text-transform: uppercase;
    overflow-wrap: normal;
    overflow: unset;
    white-space: normal
}
#root .bet-container .bet-details-odds .bet-match-info .bet-match-tournament-info {
    display: inline-flex;
    flex-direction: row;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-wrap: nowrap;
    color: var(--c-primary-c)
}
#root .bet-container .bet-details-odds .bet-match-info .bet-match-tournament-info > div {
    font-size: 12px;
    font-weight: 500;
    margin: 0 4px 0 0
}
#root .bet-container .bet-details-odds .bet-match-info .bet-match-tournament-info .bet-match-tournament {
    min-width: 0;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 16px
}
#root .bet-container .bet-details-odds .bet-match-info .bet-match-tournament-info .bet-match-category {
    white-space: nowrap;
    width: auto
}
#root .bet-container .bet-actions .bet-match-details .bet-live-selection > * {
    width: auto;
    margin-right: 4px;
    display: inline-flex
}
#root .betslip .banker, #root .betslip .group, #root .betslip .bet-min-combinations {
    margin: 4px 4px;
    min-width: 24px;
    height: 24px;
    text-align: center;
    border: solid 1px var(--c-shade);
    border-radius: 2px
}
#root .betslip-bets-container .groups-container .all-groups-container .group-name .group-system {
    display: none
}
#root .betslip-bets-container .groups-container .all-groups-container .group-name:after {
    content: 'GROUP SYSTEM'
}

#root .betslip .system {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    margin: 0
}
#root .betslip .system.selected {
    background-color: var(--c-emphasis);
    color: var(--c-white-e);
    border-radius: 50%
}
#root .betslip .system.unselected {
    background-color: var(--c-shade);
    color: var(--c-white)
}
#root .bet-container .bet-stake-payout .bet-stake-input .numeric-input-wrapper:after, #root .bet-container .bet-stake-payout .bet-payout-input .numeric-input-wrapper:after {
    background-color: var(--c-primary-b);
    box-sizing: border-box;
    border: solid 1px var(--c-primary-c);
    height: 24px;
    width: 26px
}
#root .betslip-container .multiple-container .multiple-header {
    display: none
}
#root .betslip-container .multiple-container .multiple-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 4px;
    height: 40px;
    background-color: var(--c-primary-d);
    position: relative
}
#root .betslip-container .multiple-container .multiple-wrapper .value-block {
    position: absolute;
    height: 40px
}
#root .betslip-container .multiple-container .multiple-wrapper .value-block .value-block-wrapper{
    align-items: unset
}
#root .betslip-container .multiple-container .multiple-wrapper .multiple-type, #root .betslip-container .systems-container .system-type-wrapper .block-value {
    width: 100px
}
#root .betslip-container .multiple-container .multiple-wrapper .multiple-lines, #root .betslip-container .systems-container .system-lines-wrapper .block-value {
    width: 30px;
    left: 108px;
    text-align: right
}
#root .betslip-container .multiple-container .multiple-wrapper .multiple-odds, #root .betslip-container .systems-container .systems-wrapper .system-odds {
    width: 80px;
    right: 90px
}
#root .betslip-container .multiple-container .multiple-wrapper .multiple-payout, #root .betslip-container .systems-container .systems-wrapper .system-payout {
    display: none
}
#root .betslip-container .multiple-container .multiple-wrapper .multiple-stake, #root .betslip-container .multiple-container .systems-wrapper .systems-stake {
    position: absolute;
    right: 0px
}
#root .betslip-container .multiple-container .multiple-wrapper .amount-input {
    order: 2
}
#root .betslip-container .multiple-container .multiple-wrapper .multiple-type .block-value {
    text-align: left
}
#root .betslip-container .multiple-container .multiple-wrapper .multiple-odds .block-value {
    text-align: right;
    font-weight: 600
}
#root .betslip-container .multiple-container .multiple-wrapper .block-value {
    height: 100%;
    line-height: 40px
}
#root .betslip-container .systems-container {
    display: block;
    background-color: var(--c-white-e)
}
#root .betslip-container .systems-container > .ng-star-inserted:nth-child(even) {
    background-color: var(--c-shade)
}
#root .betslip-container .systems-container .header-titles-container {
    display: flex;
    justify-content: left
}
#root .betslip-container .systems-container .header-titles-container.system-header-container{
    background-color: var(--c-primary);
}
#root .betslip-container .systems-container .system-header {
    padding-top: 6px;
    padding-left: 6px;
    height: 30px
}
#root .betslip-container .systems-container .system-header {
    display: none
}
#root .betslip-container .systems-container .stake-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 8px
}
#root .betslip-container .systems-container .stake-wrapper app-value-block label {
    font-weight: 600
}
#root .betslip-container .systems-container .stake-wrapper .systems-type {
    order: 1;
    width: 160px;
    padding-left: 6px;
}
#root .betslip-container .systems-container .stake-wrapper .systems-odds {
    order: 1;
    width: calc(100% - 90px)
}
#root .betslip-container .systems-container .stake-wrapper app-amount-input {
    order: 2
}
#root .betslip-container .systems-container .ng-star-inserted .numeric-input-wrapper input{
    background-color: var(--c-white-e)
}

#root .betslip-container .systems-rows-container, #root .betslip-bets-container .groups-container {
    background: var(--c-primary-b);
    height: auto;
    font-size: 12px;
    overflow: hidden
}
#root .betslip-container .systems-rows-container .system-header-wrapper, #root .betslip-bets-container .groups-container .group-combination-stake-type {
    display: flex;
    justify-content: left;
    height: 36px;
    padding: 6px 8px;
    background: var(--c-primary);
    margin: 0 0 0 0;
    border-bottom: 1px solid var(--c-shade);
}
#root .betslip-container .systems-rows-container .system-header-wrapper app-per-line-selection {
    order: 1;
    position: absolute;
    right: 12px
}
#root .betslip-container .systems-rows-container .system-header-wrapper app-per-line-selection label {
    display: none
}
#root .betslip-container .systems-rows-container .system-header-wrapper app-per-line-selection button {
    min-width: 24px;
    height: 24px;
    font-size: 14px;
    font-weight: 600;
    color: var(--c-white);
    padding: 0 4px;
    background: var(--c-tint-3);
    border-radius: 2px
}
#root .betslip-container .systems-rows-container .system-header-wrapper .system-title, #root .betslip-bets-container .groups-container .group-combination-stake-type span {
    line-height: 24px;
    color: var(--c-white);
    font-weight: 600;
    font-size: 14px;
    width: 100%;
    text-align: center
}
#root .betslip-container .systems-rows-container .system-header {
    height: 36px;
    line-height: 36px;
    text-indent: 4px
}
#root .betslip-container .systems-rows-container .system-selections-wrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: 32px;
    padding: 4px 8px 0 8px;
    border-top: 1px solid var(--c-primary-c)
}

#root .betslip-container .systems-rows-container .system-selections {
    display: flex;
    flex-wrap: wrap;
    color: var(--c-primary);
    background-color: var(--c-background);
    padding: 5px 0
}
#root .betslip-container .systems-rows-container .system-selections .systems-selections {
    display: inline-flex;
    height: auto;
    padding: 0 0 0 4px;
    max-width: 100%;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: flex-start
}
#root .betslip-container .systems-rows-container .system-selections .systems-selections .system-element {
    margin: auto 4px
}
#root .betslip-container .systems-rows-container .system-header-wrapper button.add-new-system, #root .betslip-container .systems-rows-container .system-selections-wrapper button.remove-system {
    height: 24px;
    width: 24px;
    background-color: var(--c-tint-6);
    border-radius: 2px;
    border: 0;
    color: transparent
}
#root .betslip-container .systems-rows-container .system-header-wrapper button.add-new-system, #root .betslip-container .systems-rows-container .system-selections-wrapper button.remove-system {
    z-index: 1;
    position: absolute;
    left: 8px;
    min-width: 24px;
    height: 24px;
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0);
    padding: 0 4px;
    background: var(--c-tint-3);
    border-radius: 2px
}
#root .betslip-container .systems-rows-container .system-header-wrapper button.add-new-system::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .7;
    z-index: -1;
    background: url(/v1.24/r/images/site/icons/Plus.svg) center center no-repeat;
    background-size: contain
}
#root .betslip-container .systems-rows-container .system-selections-wrapper button.remove-system::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .7;
    z-index: -1;
    background: url(/v1.24/r/images/site/icons/Minus.svg) center center no-repeat;
    background-size: contain
}
#root .betslip-container .systems-rows-container .system-selections-wrapper .systems-selections .system-element button.selected, #root .betslip-container .systems-rows-container .system-selections-wrapper .systems-selections .system-element button.unselected {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 6px;
    font-size: 14px;
    padding-bottom: 2px;
    background-color: var(--c-shade);
    color: var(--c-white)
}
#root .betslip-container .systems-rows-container .system-selections-wrapper .systems-selections .system-element button.selected {
    background-color: var(--c-emphasis);
    border-color: var(--c-tint-6);
    box-shadow: var(--ds-2p);
    font-weight: bold;
    color: var(--c-white-e)
}
#root .betslip-container .systems-rows-container .system-selection-data {
    height: auto;
    padding: 0;
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
#root .betslip-container .systems-rows-container .system-selection-data > div {
    display: flex;
    flex-direction: row;
    align-items: center
}
#root .betslip-container .systems-rows-container .system-selection-data .system-stake-wrapper span, #root .betslip-container .systems-rows-container .system-selection-data .system-payout-wrapper span {
    margin: 0;
    width: auto;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1 0 14px;
    line-height: 16px;
    font-size: 12px;
    font-weight: 500;
    color: var(--c-primary)
}
#root .betslip-container .systems-rows-container .system-selection-data .system-payout-wrapper div {
    width: 50px;
    font-size: 13px
}
#root .betslip-container .systems-rows-container .system-selection-data .system-stake-wrapper .systems-stake-input, #root .mobile-betslip-view .group-details-container .group-stake .numeric-input-wrapper, #root .all-groups-container .group-stake-input .numeric-input-wrapper {
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    flex: 1 0 22px;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    color: var(--c-white);
    text-align: right
}
#root .betslip-container .systems-rows-container .system-selection-data .system-stake-wrapper .systems-stake-input .numeric-input-wrapper {
    text-align: right
}
#root .betslip-container .systems-rows-container .system-selection-data .system-stake-wrapper .systems-stake-input .numeric-input-wrapper input {
    width: 100%;
    padding: 0 34px 0 4px;
    text-align: right;
    height: 24px;
    background-color: var(--c-shade)
}
#root .betslip-container .systems-rows-container .system-selection-data .system-stake-wrapper .systems-stake-input .numeric-input-wrapper:after {
    background-color: #26384f;
    border: solid 1px var(--c-primary-c);
    box-sizing: border-box;
    width: 26px
}
#root .betslip-container .systems-rows-container .system-selection-data .system-lines-wrapper {
    flex: 0 0 auto;
    padding: 4px;
    height: 40px;
    order: 0;
    margin: auto 0
}
#root .betslip-container .systems-rows-container .system-selection-data .system-lines-wrapper span {
    margin: 0;
    width: auto;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1 0 14px;
    line-height: 12px;
    font-size: 12px;
    font-weight: 400;
    color: var(--c-primary);
    height: 14px;
}
#root .betslip-container .systems-rows-container .system-selection-data .system-lines-wrapper .systems-lines {
    width: auto;
    height: 22px;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px
}

#root .betslip-container .systems-rows-container .system-selection-data .system-odd-wrapper, #root .mobile-betslip-view .groups-container .group-odds {
    height: 40px;
    flex: 1 1 auto;
    letter-spacing: 1px;
    margin: 4px;
    order: -1
}
#root .betslip-container .systems-rows-container .system-selection-data .system-odd-wrapper {
    opacity: 0
}
#root .betslip-container .systems-rows-container .system-selection-data .system-odd-wrapper .systems-odds, #root .mobile-betslip-view .groups-container .group-odds span {
    display: inline-flex;
    flex-wrap: nowrap;
    font-weight: 600;
    font-size: 13px;
    flex-direction: column-reverse;
    width: auto;
    margin: auto 0;
    line-height: 36px;
}
#root .mobile-betslip-view .group-details-container .group-stake {
    width: unset;
}
#root .betslip-container .systems-rows-container .system-selection-data .system-payout-wrapper {
    display: none;
}
#root .betslip-container .systems-rows-container .systems-remove-wrapper button {
    width: 24px;
    height: 24px;
    border-radius: 2px;
    background-color: var(--c-tint-3);
    position: relative;
    color: #fff0
}
#root .betslip-container .systems-rows-container .systems-remove-wrapper button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background: url(/v1.24/r/images/site/icons/Minus.svg) center center no-repeat;
    background-size: contain;
}
#root .betslip-container .systems-rows-container .systems-remove-wrapper {
    order: -1;
    padding: 4px 0 6px 8px
}
#root .betslip-container .betslip-totals span {
    font-weight: 600;
    font-size: 19px;
    color: var(--c-white-e);
    /* text-align: left; */
}
#root .betslip-container .betslip-totals .place-free-bet span{
    font-size: 17px;
}
#root .betslip-container .betslip-totals .place-free-bet span.place-disabled-preset {
    font-size: 11px;
    color: var(--c-emphasis-b);
}
#root .betslip-container .betslip-totals .book-bet  span{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    white-space: nowrap;
}
#root .betslip-container .betslip-totals .bet-error{
    box-shadow: var(--ds-2p);
    background-color: var(--c-white-e);
    padding: 8px;
    margin: 8px 0;
}
#root .betslip-container .betslip-totals span.error-description{
    font-size: 14px;
    display: block;
    padding: 10px;
    text-align: center;
    color: var(--c-primary);
}
#root .betslip-container .betslip-totals .bet-error .bet-close-error{
    width: 100%;
    display: flex;
    background-color: var(--c-emphasis);
    color: var(--c-white-e);
    align-items: center;
    justify-content: center;
    padding: 10px;
    min-height: 36px;
    position: relative
}
#root .betslip-container .betslip-totals .bet-error .bet-close-error:before{
    content: "OK";
    position: absolute
}
#root .betslip-container .betslip-totals .total-bets span:first-child,
#root .betslip-container .betslip-totals .total-stake span:first-child, 
#root .betslip-container .betslip-totals .total-payout span:first-child {
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
    opacity: 0.7;
    margin: 0 0 2px 0
}
#root .betslip-container .betslip-totals .total-stake span:nth-child(2) {
    color: var(--c-yellow);
    font-size: 16px;
    font-weight: 700
}
#root .betslip-container .betslip-totals button.place-bet, #root .betslip-container .betslip-totals .place-bet,
#root .betslip-container .betslip-totals .book-bet {
    display: inline-block;
    width: calc(50% - 4px);    
    min-height: 40px;
    background-color: var(--c-emphasis);
    margin: 4px 2px;
    border: 0;
    font-size: 19px;
    font-weight: bold;
    border-radius: 2px;
    color: var(--c-white);
}
#root .betslip-container .betslip-totals button.place-bet, #root .betslip-container .betslip-totals .place-bet{
    margin-left: 44px;
}
#root .mobile .betslip-container .betslip-totals button.place-bet, #root .betslip-container .betslip-totals .place-bet{
    margin: 4px 2px 4px 46px;
    text-align: center;
}
#root .mobile .betslip-container .betslip-totals button.place-bet.place-free-bet{
    margin: 4px 2px
}
#root .betslip-container .betslip-totals .place-bet{
    flex: 1 1 100%;
    order: 6
}
#root .betslip-container .betslip-totals .place-bet.place-free-bet{
    order: 5;
    margin-left: 2px
}
#root .betslip-container .betslip-totals .book-bet{
    order: 7;
    flex: 0 0 33.333333%;
    margin: 0;
    margin-top: 4px;
    background-color: var(--c-primary-b)
}
#root .betslip-container .betslip-totals .book-bet:hover,
#root .betslip-container .betslip-totals .book-bet.book-bet-disabled{
    opacity: .7
}
#root .betslip-container .betslip-totals .per-line-selection-wrapper .bets-per-line-disabled {
    order: 3;
    min-width: 20%
}
#root .betslip-container .betslip-totals .total-stake span, #root .betslip-container .betslip-totals .total-payout span {
    text-align: right
}
#root .betslip-container .betslip-totals .confirm-bet-wrapper {
    display: inline-flex;
    flex: 0 0 100%;
    margin: 4px 2px
}
#root .betslip-container .betslip-totals .confirm-bet-wrapper .cancel-bet, #root .betslip-container .betslip-totals .confirm-bet-wrapper .confirm-form-group {
    flex: 1 1 50%
}
#root .betslip-container .betslip-totals .confirm-bet-wrapper .confirm-form-group .confirm-bet {
    width: 100%
}
#root .betslip-container .betslip-totals .confirm-bet-wrapper .confirm-form-group .confirm-bet-disabled {
    background: var(--c-green);
    color: var(--c-tint-6);
    position: relative
}
#root .betslip-container .betslip-totals .confirm-bet-wrapper .confirm-form-group .confirm-bet-disabled .fa-spinner {
    position: absolute;
    left: calc(50% - 10px);
    top: 9px;
    color: var(--c-white-e)
}
#root .betslip-bets-container .groups-container .numeric-input-wrapper::after {
    background-color: #26384f;
    border: solid 1px var(--c-primary-c);
    box-sizing: border-box;
    width: 26px
}
#root .betslip-bets-container .groups-container .numeric-input-wrapper input {
    width: 100%;
    text-align: right
}
#root .betslip-bets-container .groups-container .group-odds {
    display: none
}
#root .betslip-bets-container .groups-container .group-header-container, #root .betslip-bets-container .groups-container .group-details-container, #root .betslip-bets-container .groups-container .all-groups-container {
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    width: 100%
}
#root .betslip-bets-container .groups-container .group-header-container .group-header, #root .betslip-bets-container .groups-container .group-details-container .group-details-wrapper > div, #root .mobile-betslip-view .groups-container .all-groups-container > div {
    flex: 0 0 auto;
    padding-top: 8px;
    width: unset
}
#root .betslip-bets-container .groups-container .all-groups-container {
    margin: 0;
    width: 100%;
    color: var(--c-white);
    padding: 0 0 0 8px ;
    justify-content: space-between
}
#root .betslip-bets-container .groups-container .group-header-container {
    border-top: 1px solid var(--c-shade);
    display: none
}
#root .betslip-bets-container .groups-container .group-header-container .group-header {
    flex: 0 0 60px
}
#root .betslip-bets-container .groups-container .group-header-container .group-header.group-stake {
    order: 1
}
#root .betslip-bets-container .groups-container .group-details-container {
    flex-wrap: wrap;
    margin: 0
}
#root .betslip-bets-container .groups-container .group-details-container .num-pad-wrapper, #root .betslip-container .systems-rows-container .system-selections .num-pad-wrapper {
    display: block;
    width: 100%
}
#root .betslip-bets-container .groups-container .group-details-container .group-details-wrapper {
    display: flex;
    width: 100%;
    margin: 0;
    color: var(--c-white);
    justify-content: space-between
}
#root .betslip-bets-container .groups-container .group-details-container .group-details-wrapper .group-name, #root .mobile-betslip-view .groups-container .group-selections {
    padding: 8px 0 0 8px
}
#root .betslip-bets-container .groups-container .group-details-container .group-details-wrapper .group-name .banker.unselected, #root .betslip-bets-container .groups-container .group-details-container .group-details-wrapper .group-name .group.unselected {
    color: var(--c-white);
    background: var(--c-tint-3)
}
#root .betslip-bets-container .groups-container .group-details-container .group-details-wrapper .group-selections .system, #root .mobile-betslip-view .groups-container .all-groups-container .group-selections .narrow .selected {
    margin: 4px;
    width: 24px;
    height: 24px
}
#root .betslip-bets-container .groups-container .group-combination-stake-type span {
    line-height: 24px;
    font-weight: 600;
    font-size: 13px
}
#root .betslip-bets-container .groups-container .group-combination-stake-type label {
    display: none
}
#root .betslip-bets-container .groups-container .group-combination-stake-type button {
    min-width: 24px;
    height: 24px;
    font-size: 14px;
    font-weight: 600;
    color: var(--c-white);
    padding: 0 4px;
    background: var(--c-tint-3);
    border-radius: 2px;
}
#root .mobile .num-pad-container {
    width: 100%;
    height: auto;
    flex-direction: column;
    display: flex;
    margin: 4px 0 0 0;
    position: relative;
}
#root .num-pad-container .elements {
    margin-bottom: 4px;
    width: 100%;
    display: flex;
    justify-content: space-between
}
#root .num-pad-container .elements .element {
    background: var(--c-primary-c);
    color: var(--c-white);
    border-radius: 0px;
    margin: 2px;
    line-height: 36px;
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    border: 0;
    text-align: center;
    box-shadow: var(--ds-button)
}
#root .num-pad-container .elements.numbers .element {
    border-right: 1px solid var(--c-tint);
    flex: 0 0 calc(33.3333% - 4px);
    font-size: 16px;
    font-weight: bold
}
#root .num-pad-container .presets .preset-button {
    background: var(--c-primary-b);
    flex: 1 1 20%;
    border-right: 1px solid var(--c-tint)
}
#root .mobile .num-pad-container .control .element {
    border-right: 1px solid var(--c-tint)
}
#root .mobile .num-pad-container .control .button-enter {
    border-right: unset
}
#root .mobile-betslip-view .num-pad-container .elements .button-enter {
    background: var(--c-emphasis);
    color: var(--c-white);
    min-width: 32.2%
}
#root app-num-pad {
    width: 100%
}
#root app-num-pad .elements.control {
    display: none
}
#root .mobile-betslip-view .num-pad-container .control {
    display: none
}
#root .num-pad-container .elements {
    color: var(--c-white);
    height: auto
}
#root .num-pad-container .elements.other .element {
    border-right: 1px solid var(--c-tint)
}
#root .mobile-betslip-view .groups-container .all-groups-container .group-lines, #root .betslip-bets-container .groups-container .group-details-container .group-details-wrapper .group-lines {
    flex: 1 1 auto;
    line-height: 2.70
}
#root .groups-container .group-stake {
    width: auto
}
#root .quickbetslip.link,
.mobile .mobile-betslip-counter{
    position: fixed;
    bottom: 52px;
    left: 0;
    width: 100%;
    color: #fff;
    background: var(--c-primary);
    box-shadow: 0px -1px 9px -3px var(--c-black);
    height: auto;
    z-index: 89
}
.mobile .mobile-betslip-counter::before {
    width:50px;
    height:4px;
    background-color:var(--c-primary-d);
    position:absolute;
    content:"";
    left:50%;
    top:4px;
    transform:translate(-50%,0% );
    border-radius:4px;
    
    
    display: none;
}
#root .quickbetslip.link .quick-container {
    height: auto
}
#root .quickbetslip.link .quick-container .title-container .quick-bet-title {
    line-height: 32px;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    width: 100%;
    padding: 0px 8px
}
#root .quickbetslip.link .quick-container .title-container .betslip-clear {
    background: url(/v1.1042/r/images/cybet/icons/icon_Trash_Can.svg) center center no-repeat;
    background-size: contain;
    opacity: 0.7;
    width: 24px;
    height: 24px;
    margin: 8px;
    font-size: 0
}
#root .quickbetslip.link .quick-container .place-bet-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: auto;
    background: var(--c-primary-d);
    margin: unset
}
#root .quickbetslip.link .quick-container .place-bet-wrapper .winnings .winnings-description {
    font-size: 12px;
    line-height: 16px;
    height: 16px;
    color: var(--c-black);
    opacity: 0.8
}
#root .quickbetslip.link .quick-container .place-bet-wrapper .winnings .winnings-amount {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    font-weight: 600;
    color:var(--c-black)
}
#root .quickbetslip.link .quick-container .place-bet-wrapper .winnings {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;    
    justify-content: center;
    border-top: 1px solid var(--c-shade);
    border-bottom: 1px solid var(--c-shade);
    border-radius: unset;
    background-color:var(--c-primary-d);
    flex: 0 0 50%;
    order: 2
}
#root .quickbetslip.link .quick-container .place-bet-wrapper .winnings label {
    letter-spacing: 0.5px;
    text-align: right;
    padding: 0 5px
}
#root .quickbetslip.link .quick-container .place-bet-wrapper.has-book-bet .quick-bet-actions{
    display:contents;
}
#root .quickbetslip.link .quick-container .place-bet-wrapper.has-book-bet .book-bet {
    order:4;
    height: 40px;
    background-color: var(--c-primary-b);
    border-radius: 0px;
    -webkit-appearance: none;
    border: none;
    color: var(--c-white-e);
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    min-width: 60px;
    letter-spacing: 0.5px;
    box-shadow: var(--ds-button);
    flex: 1 1 50%;
    order: 4;
    max-width: 100%;
    margin:0px 2px;
}
#root .quickbetslip.link .quick-container .place-bet-wrapper.has-book-bet.has-popular-bet app-popular-bet{
    position:unset;
    margin:4px;
    margin-left:2px;
}
#root .quickbetslip.link .quick-container .place-bet-wrapper.has-book-bet.has-popular-bet .place-bet {
    margin-left:0px;
}
#root .quickbetslip.link .quick-container > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}
#root .quickbetslip.link .quick-container .confirm-details-wrapper > div {
    display: inline-flex;
    flex-direction: column;
    width: 20%;
    height: auto;
    background: none;
    border: none;
    margin: 4px;
    text-align: right;
    letter-spacing: 0.5px
}
#root .quickbetslip.link .quick-container .confirm-details-wrapper{
    background-color: var(--c-primary);
    padding: 0;
    margin: 0
}
#root .quickbetslip.link .quick-container .confirm-details-wrapper .value-block {
    flex: 1 1 50%;
    text-align: left;
    padding: 10px;
    border-right: 1px solid var(--c-shade);
    border-bottom: 1px solid var(--c-shade);
}
#root .quickbetslip.link .quick-container .confirm-details-wrapper .value-block.bet-stake {
    margin-right:unset;
}
#root .quickbetslip.link .quick-container .confirm-details-wrapper .value-block.bet-stake > div {
    margin-left:unset
}
#root .quickbetslip.link .quick-container .confirm-details-wrapper > div >label:first-child {
    color: var(--c-white);
    opacity: 0.7;
    font-size: 11px;
    line-height: 11px
}
#root .quickbetslip.link .quick-container .confirm-details-wrapper > div > label:nth-child(2) {
    line-height: 18px;
    font-size: 13px
}
#root .quickbetslip.link .quick-container .confirm-details-wrapper .bet-stake-wrapper .currency {
    color: var(--c-yellow);
    font-weight: 600;
    font-size: 15px;
    line-height: 18px
}
#root .quickbetslip .quick-container .confirm-details-wrapper {
    padding: 2px
}
#root .confirm-bet-wrapper, #root .confirm-details-wrapper {
    background: var(--c-primary)
}
#root .quickbetslip.link .quick-container .confirm-bet-wrapper {
    justify-content: space-between
}
#root .confirm-bet-wrapper .cancel-bet, #root .confirm-bet-wrapper .confirm-form-group {
    flex: 1 1 100%
}
#root .confirm-bet-wrapper .cancel-bet-disabled {
    display: none
}
#root .mobile app-num-pad {
    min-width: 100%;
    order: 2
}
#root .mobile .quick-container app-num-pad{
    background-color: var(--c-primary)
}
#root .quickbetslip.link .quick-container .bet-container .num-pad-container .elements {
    width: 100%;
    display: inline-flex;
    height: auto
}
#root .quickbetslip.link .quick-container .bet-container .num-pad-container .elements .element {
    display: inline-block;
    flex: 1 1 100%;
    text-align: center;
    border: none;
    background: var(--c-tint-3);
    margin: 2px;
    height: 32px;
    line-height: 32px
}
#root .quickbetslip.link .quick-container .bet-container .num-pad-container .elements.numbers {
    height: auto;
    flex-wrap: wrap;
    display: inline-flex
}
#root .quickbetslip.link .quick-container .bet-container .num-pad-container .elements.numbers .element {
    flex: 1 1 30%
}
#root .quickbetslip.link .quick-container .bet-container .bet-group-wrapper {
    width: auto
}
#root .quickbetslip.link .quick-container .bet-container .bet-group-wrapper .bet-group {
    color: var(--c-emphasis);
    margin: 0;
    width: auto;
    margin: 4px 0
}
#root .quickbetslip.link .quick-container .bet-container .bet-group-wrapper .bet-group .match {
    width: auto;
    line-height: 12px;
    color: var(--c-black)
}
#root .quickbetslip.link .quick-container .bet-container .bet-group-wrapper .bet-group .match label.description {
    font-size: 13px;
    font-weight: 600;
    width: auto;
    letter-spacing: 0.5px;
    margin: auto 0;
    line-height: 12px
}
#root .markets-content-wrapper .match-markets-wrapper .match-market .market-special {
    color: var(--c-white);
    display: inline
}
#root .quickbetslip.link .quick-container .bet-container .bet-group-wrapper .bet-group .market-selection {
    font-size: 13px;
    font-weight: 500;
    width: auto;
    flex: 0 1 auto;
    margin: 4px 0 0 0;
    color: var(--c-black)
}
#root .mobile .quickbetslip.link .quick-container .bet-container .bet-group-wrapper .bet-group .market-selection .selection {
    font-weight: 700;
    color:var(--c-black)
}
#root .quickbetslip.link .quick-container .bet-container .bet-group-wrapper .bet-group .selection-odds {
    position: absolute;
    top: 12px;
    right: 44px;
    font-weight: 600;
    font-size: 14px;
    color: var(--c-white-e)
}
#root .quickbetslip.link .quick-container .place-bet-wrapper .bet-stake-wrapper {    
    height: 42px;
    border: 1px solid var(--c-shade);
    background: var(--c-primary);
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    padding: 0 4px 0 0;
    flex: 1 0 auto;
    min-width: 80px;
    flex: 0 0 50%;
    order: 1
}
#root .quickbetslip.link .quick-container .bet-stake-wrapper label {
    text-align: left
}
#root .quickbetslip.link .quick-container .bet-stake-wrapper .stake {
    line-height: 16px;
    font-size: 12px;
    color: var(--c-white);
    opacity: 0.7;
    padding: 0 3px;
}
#root .quickbetslip.link .quick-container .bet-stake-wrapper .currency {
    line-height: 24px;
    font-size: 18px;
    font-weight: 600;
    color: var(--c-yellow);
    padding: 0 5px
}
#root .quickbetslip.link .quick-container .place-bet {
    height: 40px;
    background: var(--c-emphasis);
    border-radius: 2px;
    -webkit-appearance: none;
    border: none;
    color: var(--c-white-e);
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;    
    min-width: 60px;
    letter-spacing: 0.5px;
    box-shadow: var(--ds-button);    
    flex: 1 1 50%;
    order: 4;
    max-width: 100%
}
#root .quickbetslip.link .quick-container .place-bet:not(.place-free-bet) {
    margin: 4px 2px 4px 46px;
}
#root .quickbetslip.link .quick-container .place-bet:not(.place-free-bet).place-bet-disabled,
#root .quickbetslip.link .quick-container .place-bet-wrapper .book-bet.book-bet-disabled{
    color: var(--c-white);
    opacity: 0.8;
    border: 0;
    background-color: var(--c-primary-b);
}
#root .quickbetslip.link .quick-container .place-bet-wrapper .book-bet.book-bet-disabled span.book-disabled-preset {
    font-size:13px;
    font-weight:normal
}
#root .quickbetslip.link .quick-container .place-bet-wrapper .book-bet.book-bet-disabled {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

#root .quickbetslip.link .quick-container .place-bet.place-free-bet{
    background: var(--c-emphasis);
    color: var(--c-white-e);
    order: 3;
    margin: 4px 2px 2px;
}
#root .quickbetslip.link .quick-container .place-bet.place-free-bet-disabled{
    display: grid;
    justify-items: center;
    background-color: var(--c-primary-b);
    opacity: .8
}
#root .quickbetslip.link .quick-container .place-bet.place-free-bet .place-bet-message{
    padding: 5px 0 0;
}
#root .quickbetslip.link .quick-container .place-free-bet span.place-disabled-preset {
    font-size: 11px;
    color: var(--c-emphasis-b);
    text-align: center
}


#root .quickbetslip.link .quick-container .place-bet .description {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    display: block;
    line-height: 36px
}
#root .quickbetslip.link .betslip-shortcut-container,
#root .quickbetslip.link .quick-container .title-container,
.mobile .mobile-betslip-counter .betslip-counter-container{
    color: var(--c-white);
    height: auto;
    line-height: 16px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding: 4px;
    border-top: 1px solid var(--c-shade);
    background: var(--c-background)
}
.mobile .mobile-betslip-counter .betslip-counter-container{
    color: var(--c-primary-b);
    padding: 0 15px;
    flex-direction: row-reverse;
    justify-content: space-between;
    text-transform: uppercase
}
.mobile .mobile-betslip-counter .betslip-counter-container .betslip-counter-name,
.mobile .mobile-betslip-counter .betslip-counter-container .bets-number-container{
    padding: 15px 0;
}
.mobile .mobile-betslip-counter .betslip-counter-container .empty-betslip,
.mobile .mobile-betslip-counter .betslip-counter-container .empty-betslip ~ .betslip-counter-name{
    display: none
}
body.active-mobile-betslip-opened .ui-dialog .ui-dialog-content,
body.active-mobile-betslip-opened .betslip-wrapper .betslip-notifications-wrapper{
    padding: .1px;
    margin: 0
}
body.active-mobile-betslip-opened .mobile .ui-dialog.mobile-betslip-opened{
    display: block !important;
    left: 100vw!important
}
.mobile .betslip .betslip-events-wrapper .betslip-match-content{
    position: relative;
}
#root .quick-container .bet-odds-values {
    height: 100%;
    color: var(--c-black);
    justify-content:center
}
#root .quick-container .bet-odds-values .bet-old-odds{
    font-weight: 100;
    text-decoration: line-through;
    color: red
}
#root .quickbetslip.link .betslip-shortcut-container .betslip-odds, .quick-container .bet-odds {
    color: var(--c-black)
}
#root .quickbetslip.link .betslip-shortcut-container .betslip-clear {
    background: url(/v1.109/r/images/cybet/icons/icon_Trash_Can.svg) center center no-repeat;
    background-size: contain;
    color: #fff0;
    opacity: 0.7;
    height: 20px;
    width: 20px;
    margin: 8px 8px 8px auto;
    /* filter:invert(1) */
}
.quick-container .quick-bet-close,
.quickbetslip.link .betslip-shortcut-container .quick-bet-close{
    order: -1;
    background-image: url(/v1.179/r/images/cybet/icons/arrow-down-dark.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
    margin: 8px;
    transform: rotate(180deg);
    transition: all .3s ease-in-out;
    font-size: 0
}
.quick-container .quick-bet-close{
    transform: rotate(0deg)
}
#root .quick-container .bet-group .match {
    font-weight:bold;
}
#root .quick-container .bet-group .match .description .match-versus{
    font-weight: 400;
    color: #888;
    font-size: 10px
}
#root .quick-container .bet-group .market-selection .selection {
    font-weight:bold;
}
#root app-amount-input .stake {
    padding: 0 2px;
    margin: 4px;
    min-width: 80px;
    max-width: 80px;
    height: 32px;
    position: relative;
    font-size: 12px;
    border: 1px solid var(--c-shade-b);
    opacity: 0.8;
    border-radius: var(--r);
    background-color: var(--c-white-e)
}
#root app-amount-input .stake.systems-stake{
    min-width: 72px;
    max-width: 72px
}
#root .desktop .betslip-events-wrapper app-amount-input .stake:hover {
    color: var(--c-black);
    border: 1px solid var(--c-black);
    background-color: var(--c-white-e)
}

#root .desktop .groups-container app-amount-input .stake:hover, #root .systems-rows-container app-amount-input .stake:hover, #root .systems-container app-amount-input .stake:hover, #root .multiple-container app-amount-input .stake:hover {
    background-color: var(--c-primary-d);
    border: 1px solid var(--c-black);
}

#root .desktop .groups-container app-amount-input .stake.input-active:hover, #root .systems-rows-container app-amount-input .stake.input-active:hover, #root .systems-container app-amount-input .stake.input-active:hover, #root .multiple-container app-amount-input .stake.input-active:hover {
    background-color: var(--c-white-e)
}



app-systems-global-stakes{
    display: none;
}
app-systems-global-stakes .global-stakes-title{
    background-color: var(--c-primary);
    color: var(--c-tint-b);
    height: 20px;
    display: flex;
    align-items: center;
    padding: 4px
}
/* BETSLIP STAKE INPUT STATES */

#root .numeric-input-wrapper {
    background-color: transparent;
    border: none;
    margin-right: unset;
    width: 100%;
    height: 100%
}

#root .numeric-input-wrapper input {
    width: 100%;
    padding: 0 4px 0 14px;
    text-align: right;
    height: 100%;
    -webkit-appearance: none;
    background-color: unset;
    color: var(--c-white);
    min-height: unset;
    font-weight: 600;
    font-size: 14px;
    border: 0;
    line-height: 16px
}
#root .betslip-events-wrapper app-amount-input .numeric-input-wrapper span {
    color: var(--c-black)
}
#root .groups-container app-amount-input .stake span, #root .systems-rows-container app-amount-input .stake span, #root .systems-container app-amount-input .stake span, #root .multiple-container app-amount-input .stake span {
    color: var(--c-shade-b)
}
#root app-amount-input .stake .currency-symbol {
    position: absolute;
    left: 4px;
    top: 8px;
    font-weight: 400
}
#root .betslip-events-wrapper app-amount-input .stake.zero-value input {
    color: var(--c-black);
    opacity: 0.5
}
#root .systems-rows-container app-amount-input .stake.zero-value input, #root .systems-container app-amount-input .stake.zero-value input, #root .groups-container app-amount-input .stake.zero-value input, #root .multiple-container app-amount-input .stake.zero-value input {
    color: grey;
    opacity: 1
}
#root .betslip-events-wrapper app-amount-input .stake.has-value input {
    color: var(--c-black-e)
}
#root .systems-rows-container app-amount-input .stake.has-value input, #root .systems-container app-amount-input .stake.has-value input, #root .groups-container app-amount-input .stake.has-value input, #root .multiple-container app-amount-input .stake.has-value input {
    color: var(--c-primary)
}
#root app-amount-input .stake.input-active {
    background-color: var(--c-white-e)
}
#root app-amount-input .stake.input-active input, #root app-amount-input .stake.input-active span {
    color: var(--c-black)
}
#root app-amount-input .stake.has-value.input-active input {
    color: var(--c-black-e)
}
/* app-popular-bet button,
 app-popular-bet {
    width: 40px;
    height: 40px;
    order: 2;
    background-color: var(--c-primary-b)
}
app-betslip-footer app-popular-bet{   
    z-index: 1;
    order: 1;
    flex: 1 1 100%;
    margin: 0 2px 5px
}
app-betslip-footer app-popular-bet:hover{
    opacity: .7
}
app-popular-bet button {
    border-radius: 0;
    border: 0;   
    width: 100%
}
#root .betslip-container .betslip-totals app-popular-bet button span {
  font-size: 14px
}*/
app-betslip-footer app-popular-bet {
    position: absolute;
    left: 6px;
    transform: translateY(52px);
    border-radius: 2px;
    overflow: hidden;
    z-index: 1;
    bottom: 100px;
}

app-popular-bet button, app-popular-bet {
    width: 40px;
    height: 40px;
    order: 2
}
.mobile .quickbetslip app-popular-bet {
    order: 4;
    margin-right: 0px;
    position: absolute;
    left: 3px;
    border-radius: 2px;
    overflow: hidden;
    z-index: 1;
    bottom: 4px;
}
.mobile .quickbetslip app-popular-bet button {
    border-radius:2px;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    /* border-right:1px solid var(--c-shade-b);
    box-shadow: var(--ds-button); */
}
#root .quickbetslip.link .quick-container .place-bet-wrapper button.place-bet {
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
}
app-popular-bet button {
    border-radius: 0;
    border: 0;
    background: center no-repeat;
    background-color: var(--c-emphasis);
    background-image: url(/v1.1042/r/images/cybet/icons/popbet.svg);
}

app-popular-bet button span {
    display: none
}
#root .betslip .banker, #root .betslip .group, #root .betslip .bet-min-combinations {
    margin: 4px 4px;
    min-width: 24px;
    height: 24px;
    text-align: center;
    border: solid 1px var(--c-shade);
    border-radius: 2px;
    background-color: var(--c-shade);
}
.bet-details-odds app-bet-event-actions {
    display: flex;
    position: relative
}
.bet-details-odds app-bet-event-actions app-group-selection + div {
    position: absolute;
    right: 100%;
    top: 4px
}
.bet-details-odds app-bet-event-actions .group-container {
    background: #000000;
    position: relative;
    width: 108px;
    z-index: 1
}
.groups {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    width: 100%
}
.group-button {
    align-items: center;
    display: flex;
    height: 27px;
    justify-content: center;
    width: 27px;
    border: 2px solid #23323c;
    border-radius: 2px;
    text-align: center;
    box-sizing: border-box
}
#root .no-groups {
    width: 100%
}
.inactive {
    opacity: .6
}
.narrow {
    width: fit-content;
    display: inline-block
}



/* Betslip Check View */

body .ui-dialog.betslip-check-view,
body .ui-dialog.authorisations-dialog{
    left: 50%!important;
    top: 50%!important;
    transform: translate(-50%, -50%)!important
}
body .ui-dialog.betslip-check-view .ui-dialog-titlebar,
body .ui-dialog.authorisations-dialog .ui-dialog-titlebar{
    background-image: linear-gradient(323deg, var(--c-primary), var(--c-black-e) 70%);
    background-color: var(--c-primary);
    color: var(--c-white);
    border: 0;
    border-bottom: 5 px solid var(--c-emphasis);
    padding: 15px 20px
}
body .ui-dialog.betslip-check-view .ui-dialog-titlebar .ui-dialog-titlebar-icon{
    color: var(--c-white-e)
}
body .ui-dialog.betslip-check-view .ui-dialog-content,
body .ui-dialog.authorisations-dialog .ui-dialog-content{
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden
}
body .ui-dialog .betslip-html{
    width: 100%
}
body .ui-dialog .betslip-view-html .inline-betslip,
body .ui-dialog .auth-response-container .inline-betslip{
    height: unset!important
}
body .ui-dialog .betslip-html .head:not(.head-bets) td{
    padding: 10px;
    text-align: center;
    background-color: var(--c-primary-e);
    color: var(--c-white);
    font-weight: bold  
}
body .ui-dialog .betslip-html tr.match div.match{
    padding: 5px 10px;
    font-weight: bold
}
body .ui-dialog .betslip-html tr.match div.match > div{
    font-weight: normal;
        padding: 5px 0
}
body .ui-dialog .betslip-html tr.match div.match .date{
    color: rgba(0,0,0, .5)
}
body .ui-dialog .betslip-html tr.match div.match .group{
    display: flex
}
body .ui-dialog .betslip-html tr.match div.match .group .title{
    padding-right: 10px
}
body .ui-dialog .betslip-html .selection.selection-pending{
    background-color: var(--c-shade);
    color: var(--c-black-e);
    height: 30px;
    font-size: 12px;
    border-radius: 64px;
}
body .ui-dialog .betslip-html .selection.selection-pending div{
    padding: 0 10px
}
body .ui-dialog .betslip-html .selection.selection-pending .odds{
    text-align: center;
    font-weight: bold
}
body .ui-dialog .betslip-html .head.head-bets text{
    padding: 10px;
    background-color: var(--c-primary-e);
    color: var(--c-white);
    font-weight: bold;
    display: flex;
    justify-content: center;
    margin: 10px 0;
}
body .ui-dialog .betslip-html .slip-bottom > table{
    width: 100%;
    margin-bottom: 10px
}
body .ui-dialog .betslip-html .slip-bottom > table:first-child tr.hd{
    color: rgba(0,0,0, .5)
}
body .ui-dialog .betslip-html .slip-bottom > table:first-child td{
    border: 1px solid var(--c-primary-d);
    text-align: center
}
body .ui-dialog .betslip-html .slip-bottom tr.totals td{
    border-bottom: 1px solid var(--c-primary-d);
    padding: 5px 0
}
body .ui-dialog .betslip-html .slip-bottom > table:last-child tr td:last-child{
    text-align: right;
    font-weight: bold
}
body .ui-dialog .betslip-html .line-matrix{
    width: 100%
}
body .ui-dialog .betslip-html .line-matrix td{
    border: 1px solid var(--c-primary-d);
    text-align: center
}
body .ui-dialog .betslip-html .line-matrix td.amount{
    text-align: right;
    padding-right: 5px
}
body .ui-dialog .betslip-view .button-load-to-betslip{
    margin: 10px auto;
    padding: 10px 20px;
    display: flex;
    border: 1px solid var(--c-primary-d);
    background-color: var(--c-emphasis);
    color: var(--c-primary-e);
    font-weight: bold;
    text-transform: uppercase
}
body .ui-dialog .betslip-view .button-load-to-betslip:hover{
   border: 1px solid var(--c-primary);
}


/* Mobile Bet Book changes */

#root .mobile .booking-notifications-wrapper .bet-book{
    display: flex;
    flex-direction: column
}
#root .mobile .booking-notifications-wrapper .bet-book-terms{
    order: 3
}
#root .mobile .booking-notifications-wrapper app-betslip-printout{
    order: 1
}
#root .mobile .booking-notifications-wrapper app-betslip-printout .bet-book-code{
    display: flex;
    flex-direction: column
}
.booking-notifications-wrapper .bet-book-actions{
    display: flex;
    justify-content: space-around
}
#root .mobile .booking-notifications-wrapper .bet-book-actions{
    order: 2
}
#root .mobile .betslip-notifications.betslip-booking-notifications{
    box-shadow: 0 -1px 15px 0 var(--c-black);
    max-height: calc(100vh - 64px);
    overflow-y: auto;
}


/* Authorization */

.auth-actions-container{
    display: flex;
    justify-content: center;
    padding: 15px 0
}
.auth-actions-container .auth-action.cancel-authorisation{
    padding: 5px 10px;
    border: 1px solid var(--c-black);
    background-color: var(--c-emphasis);
    color: var(--c-primary-c);
}
.auth-actions-container .background-wait,
.auth-actions-container .close-auth{
    padding: 5px 10px;
    border: 1px solid var(--c-black)
}
.auth-actions-container .background-wait:hover,
.auth-actions-container .close-auth:hover{
    background-color: var(--c-emphasis);
    color: var(--c-primary-c)
}
.auth-actions-container .auth-action.cancel-bet,
.auth-actions-container .auth-action.place-bet{
    flex: 1;
    padding: 5px 10px;
    background-color: var(--c-red);
    color: var(--c-white-e);
    margin: 0 5px;
    font-weight: bold;
    text-transform: uppercase
}
.auth-actions-container .auth-action.place-bet{
    background-color: var(--c-green)
}
.auth-actions-container .auth-action.cancel-bet:hover,
.auth-actions-container .auth-action.place-bet:hover{
    opacity: .7
}
.authorisation-pending{
    display: flex;
    flex-direction: column;
    align-items: center
}
.authorisation-pending .pending-message.bet-id{
    font-size: 20px;
    line-height: 40px;
    font-weight: bold
}

.auth-message.wait-auth{
    display: flex;
    justify-content: center;
}

.authorisation-declined{
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    padding: 20px;
    border: 3px solid var(--c-red);
    color: var(--c-red);
    font-weight: bold
}

/****************************
      Scan Betslip Code
****************************/

.betslip-check-scanner{
    margin-bottom: 20px
}
.betslip-check-scanner .scan-betslip{
    display: flex;
    align-items: center;
    background-color: var(--c-emphasis);
    padding: 0 15px;
    height: 34px;
    text-transform: uppercase
    font-weight: bold;
    color: var(--c-primary);
    cursor: pointer;
    margin: 0 auto;
}
#root .betslip-check-scanner .button-label{
    text-transform: uppercase
}


/****************************
        Greek
****************************/
#root .lang-el .header-titles-container .multiple-lines,
#root .lang-el .header-titles-container .system-lines{
    left: 85px
}
#root .lang-el .header-titles-container .multiple-odds,
#root .lang-el .header-titles-container .system-odds{
    right: 75px
}




#root .bet-match-combine {
    display:flex;
    margin-left:5px;
    margin-top:5px;
}

#root .bet-match-combine button {
    position: relative;
    padding: 3px;
    border-radius: 25px;
    width: 5rem;
    transition: all .5s;
    background: #dae0e3;
    margin-left: 6rem;
}

#root .bet-match-combine button.active {
     background-color:var(--c-emphasis);
     color:var(--c-white-e)
}
#root .bet-match-combine button:before{
    content: "Bet Builder";
    position: absolute;
    left: -6rem;
    top: 50%;
    transform: translateY(-50%);
}
#root .bet-match-combine button.active:before{
    color: var(--c-primary);
}
#root .bet-match-combine button span {
    display: flex;
    align-items: center;
    font-size: 0
}
#root .bet-match-combine button span.ng-star-inserted{
    display: none
}
#root .bet-match-combine button span::before {
    content: "";
    width: 20px;
    height: 20px;
    display: flex;
    background-color: var(--c-white-e);
    border-radius: 50%;
    margin-right: 5px;
    transition: all .5s;
}

#root .bet-match-combine button.active span::before {
    margin-left: 36px;
    margin-right: 1px
}
#root .bet-match-combine button.inactive {
    opacity: 1
}
.betslip .bet-match-combine-warning{
    font-weight: bold;
    /* color: red; */
}


/* free bet error fix */

#root .betslip-container .betslip-totals button.place-bet.place-free-bet-disabled {
    display: grid;
    justify-items: center;
    background-color: var(--c-primary-b);
    opacity: .8;
}
#root .betslip-container .betslip-totals button.place-bet.place-free-bet-disabled .place-disabled-reason.place-disabled-preset {
    text-align: center;
}
#root .desktop .betslip-wrapper .betslip fieldset app-betslip-authorisations .changed-odd-details,
#root  app-betslip-authorisations .changed-odd-details{
    padding:10px;
}
#root .desktop .betslip-wrapper .betslip fieldset app-betslip-authorisations .changed-odd-details span,
#root  app-betslip-authorisations .changed-odd-details span{
    padding:0px;
    display:inline
}
#root .desktop .betslip-wrapper .betslip fieldset app-betslip-authorisations .authorisation-new-odds .new-odds-message.warning,
#root   app-betslip-authorisations .authorisation-new-odds .new-odds-message.warning{
    display:none
}
#root   app-betslip-authorisations .authorisation-new-odds > .new-odds-message:not(.warning) {
    width:100%;
    text-align:center;
    display:block
}
#root .desktop .betslip-wrapper .betslip fieldset app-betslip-authorisations .auth-actions-container .auth-message {
    padding:0px;
}
#root .desktop .betslip-wrapper .betslip fieldset app-betslip-authorisations .authorisation-new-odds,
 app-betslip-authorisations .authorisation-new-odds{
    margin-top:10px;
}
.mobile  app-betslip-authorisations .authorisation-new-odds {
     padding:10px;
 }
 
 
 /* Betslip custom bonus text */

#mainDiv .betslip-totals .bonus-message{
    white-space: pre-wrap;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}
#mainDiv .betslip-totals .bonus-message > * {
    white-space: pre-wrap;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}
#mainDiv.desktop .betslip-container .betslip-totals .bonus-message span{
    font-size:13px;
}

#mainDiv .betslip-totals .bonus-message .bonus-text-1{
    order: 5;
    margin-left: 5px;
}
 #mainDiv .betslip-totals .bonus-message .bonus-extra-percentage{
    order: 7;
}
 #mainDiv .betslip-totals .bonus-message .bonus-text-2{
    order: 1
}
 #mainDiv .betslip-totals .bonus-message .bonus-extra-selections{
    order: 2
}
 #mainDiv .betslip-totals .bonus-message .bonus-text-3{
    order: 3
}
 #mainDiv .betslip-totals .bonus-message .bonus-min-odds{
    order: 4
}
 #mainDiv .betslip-totals .bonus-message .bonus-text-extra{
    order: 7
}
#mainDiv.lang-el .betslip-totals .bonus-text-extra:before{
    content: " στα κέρδη σας"
}
#mainDiv.lang-en .betslip-totals .bonus-text-extra:before{
    content: "on your winnings"
}
/*
#mainDiv.lang-el .betslip-totals .bonus-text-extra:before{
    content: " στα κέρδη σας"
}
#mainDiv.lang-en .betslip-totals .bonus-text-extra:before{
    content: "on your winnings"
}

#root #mainDiv .betslip-container .betslip-totals .bonus-message > span:not(.bonus-extra-selections):not(.bonus-extra-percentage):not(.bonus-min-odds){
    font-size: 0
}
#mainDiv .betslip-totals .bonus-message > span:before{
    font-size: 14px
}

#mainDiv.lang-en .betslip-totals .bonus-text-1:before{
    content: "Add"
}
#mainDiv.lang-en .betslip-totals .bonus-text-2:before{
    content: "more selections with minimum odds"
}
#mainDiv.lang-en .betslip-totals .bonus-text-3:before{
    content: " and receive additional"
}
#mainDiv.lang-en .betslip-totals .bonus-text-extra:before{
    content: "on your winnings"
}
#mainDiv.lang-el .betslip-totals .bonus-text-1:before{
    content: "Προσθέστε"
}
#mainDiv.lang-el .betslip-totals .bonus-text-2:before{
    content: "ακόμη επιλογές με ελάχιστη απόδοση"
}
#mainDiv.lang-el .betslip-totals .bonus-text-3:before{
    content: " και λάβετε επιπλέον"
}
#mainDiv.lang-el .betslip-totals .bonus-text-extra:before{
    content: " στα κέρδη σας"
} */