#slip_express, #slip_combo { display: none; }

#slip_freebet_target > div { margin-bottom: 1em; }

.betslip,
.activebets {
    border-radius: 3px;
    margin-bottom: 15px;
    transition: 0.5s;
    overflow: hidden;
}
.activebets { display: none; }

.betslip--empty-message {
    color: #999bc6;
    padding: 1.875em 0.875em;
    font-size: 1rem;
    font-weight: 100;
    text-align: center;
}
.betslip--tab {
    position: relative;
    padding: 0.625rem 0.875rem;
    background-color: #ffa500;
    color: #262739;
    border-bottom: 1px solid #d78a00;
    cursor: pointer;
    transition: 0.25s;
}

.betslip--tab::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 50%;
    margin: 0 5px;
    top: calc( 50% - 2.5px );
    left: 0px;
}

body[dir='rtl'] .betslip--tab::before {
    right: 0px;
}

.betslip--tab:hover {
    color: #000;
}

.betslip--tab:hover::before {
    background-color: #000;
}

.betslip--header,
.activebets--header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.625rem 0.875rem;
}

.betslip--header-caption,
.activebets--header-caption {
    color: #ffa500;
    font-size: 16px;
}

.betslip--header-clear-button {
    color: #c2c2c2;
    cursor: pointer;
    border-bottom: 1px solid transparent;
}
.betslip--header-clear-button:hover {
    color: #fff;
    transition: 0.5s;
}

.betslip--header-back {
    display: none;
    justify-content: space-between;
    align-items: center;
    padding: 11px 14px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #ffa500;
    cursor: pointer;
}

.betslip--header-back-caption {
    color: #523500;
    font-size: 16px;
}

.betslip--item-oneclick {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0;
}

.betslip--item-oneclick-amount {
    border-radius: 3px;
    color: #c2c2c2;
    padding: 0.25rem 1rem;
    margin: 0.25rem 0.875rem;
    text-align: center;
    cursor: pointer;
}

.betslip--item-oneclick-amount input {
    border: 1px solid #111;
    border-radius: 3px;
    color: #c2c2c2;
    text-align: center;
    width: 8em;
    max-width: 80%;
}

.slip-oneclick-amount-active { background-color: #ffa500!important; color: #000!important; }

.slip-oneclick-amount-active.betslip--item-oneclick-amount > input { color: #fff!important; background-color: #444; }

.betslip--item,
.activebets--item {
    position: relative;
    padding: 0.625rem 0.875rem;
    color: #c2c2c2;
    border-bottom: 1px solid #232335;
    transition: 0.5s;
}

.betslip--item-wrapper-combo .betslip--item {
    padding: 5px 14px;
    border-bottom: none;
}

.betslip--item-wrapper-combo .betslip--item:last-child {
    border-bottom: 1px solid #444;
}

.betslip--item-wrapper-combo .betslip--item {
    border: none;
}
.betslip--item:hover .betslip--item-delete {
    display: block;
}

.activebets--item:last-child,
.betslip--item:last-child {
    border-bottom: 1px solid transparent;
}

.activebets--item:only-child,
.betslip--item:only-child {
    border-bottom: 1px solid #444;
}

.activebets--item-slipid {
    color: #A4C2EA;
}
.activebets--item-outcome-name {
    color: #fff;
    font-weight: 600;
}

.betslip--item-match,
.activebets--item-match,
.activebets--item-bet,
.activebets--item-market-data,
.betslip--item-bet,
.betslip--item-outcome-wrapper,
.betslip--item-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
    position: relative;
    font-weight: 400;
}
.betslip--item-match {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.betslip--item-match-name {
    max-width: 15em;
    overflow: hidden;
    text-overflow: ellipsis;
}
.betslip--item-delete {
    width: 14px;
    height: 14px;
    background: url('../images/icons/icon-trash.svg');
    background-size: 14px 14px;
    color: #fff;
    display: none;
    cursor: pointer;
}
.betslip--item-match-status {
    color: greenyellow;
    white-space: nowrap;
    align-self: flex-start;
}
.betslip--item-bet-name {
    font-weight: 200;
}
.betslip--item-bet-summary {
    font-weight: 400;
}
.betslip--item-bet-summary-value {
    font-weight: 400;
    color: #fff;
}

.betslip--item-bet-amount-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;   
}

.betslip--item-bet-amount {
    outline: none;
    font-size: 1em;
    border: 1px solid #c2c2c2;
    border-radius: 3px;
    background: #000;
    width: 60px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    -moz-appearance:textfield;
}

.betslip--item-bet-amount::-webkit-inner-spin-button,
.betslip--item-bet-amount::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.betslip--item-bet-amount::placeholder {
    color: #fff;
}

.betslip--item-bet-amount-text {
    outline: none;
    width: 60px;
    color: #fff;
    text-align: right;
    font-weight: 600;
}

.betslip--item-outcome-wrapper {
    display: flex;
    justify-content: space-between;
}

.betslip--item-outcome {
    color: #fff;
    font-size: 0.875em;
    font-weight: 400;
}

.activebets--item-bid-caption {
    color: #fff;
    font-size: 0.875em;
    font-weight: 400;
    margin: 0 0.5em;
}

.betslip--item-odds-caption,
.activebets--item-odds-caption {
    font-size: 10px;
}

.betslip--item-odds,
.activebets--item-odds {
    color: #FCCE78;
    font-weight: 700;
}

.betslip--item-odds-old {
    text-decoration: line-through;
    text-decoration-thickness: 1px;
    text-decoration-color: #ffa500;
    color: #BF9D5C;
    font-weight: 100;
}

.betslip--item-button {
    background-color: #ffa500;
}
.betslip--item-button-edit {
    background-color: #3a3730;
}

.betslip--item-button:hover {
    background-color: #ff8e00;
    transition: 0.5s;
}

.betslip--button,
.betslip--button-odds,
.betslip--button-edit,
.betslip--button-confirm {
    border-radius: 3px;
    border: none;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    padding: 12px;
    font-size: 16px;
    cursor: pointer;
    margin: 0.25em 0;
}

.betslip--button { background-color: #ffa500; }
.betslip--button-odds { animation: odds-button-ani 2s ease-in-out infinite; }
.betslip--button-edit { background-color: #000; color: #fff; }
.betslip--button-confirm { background-color: rgb(255, 100, 2); }

@keyframes odds-button-ani {
    0% { background-color: rgb(255, 100, 2); }
    50% { background-color: #ffa500; }
    100% { background-color: rgb(255, 100, 2); }
}

.betslip--button:hover,
.betslip--button-odds:hover,
.betslip--button-confirm:hover {
    background-color: #ff8e00;
    transition: 0.5s;
}

.slip-mode-freebet {
    background-color: #406d40!important;
}

.slip-mode-freebet .betslip--empty-message {
    color: #deffde;
    background-color:#509151;
}

.slip-mode-chain {
    background-color: #005084!important;
}

.slip-mode-chain .betslip--empty-message {
    background-color: #006eb4!important;
    color: #eaffea!important;
}

.betslip--chain-description-block {
    background-color: #007ac8;
    color: #f3faff;
    padding: 0.875em;
    font-size: 0.875em;
    font-weight: 100;
    line-height: 1.5;
    display: none;
    position: relative;
}
.betslip--chain-description-active {
    color: #fff;
    font-weight: 600;
    border-bottom: 1px solid aliceblue;
    line-height: 1;
    text-transform: uppercase;
    margin: 0 0 0.5em;
}
.betslip--chain-description-slip,
.betslip--chain-description-chain {
    display: flex;
    justify-content: space-between;
    color: #dbedff;
}
.betslip--chain-description-slip span {
    color: #fff;
    font-weight: 600;
}
.betslip--chain-description-amount {
    display: flex;
    justify-content: space-between;
    color: #dbedff;
}

.slip-chain-description-max-amount {
  color: #ffe300;
  font-weight: 600;
}

.betslip--chain-icon-close {
    width: 14px;
    height: 14px;
    background: url('../images/icons/icon-trash.svg');
    background-size: 14px 14px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    right: 0.875em;
    top: 1em;
}
.betslip--chain-close {
    display: flex;
    justify-content: center;
    color: #ffe300;
    cursor: pointer;
    text-align: center;
    margin: 0.25em auto -0.5em;
}
.betslip--chain-close:hover {
    text-decoration: underline;
}
body[dir='rtl'] .betslip--chain-icon-close { 
    right: unset;
    left: 0.875em;
}

.slip-chain-summary {
    border-right: 1px solid #003a92 !important;
    background-color: #006eb4 !important;
    padding: 0.8em 1em !important;
    color: #c2c2c2 !important;
}

.betslip--freebet-offer {
    margin: 0 0 14px;
    background-color: #509151;
    border-radius: 3px;
    padding: 10px 0;
    text-align: center;
    position: relative;
}
.betslip--freebet-offer span {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin: 10px 0;
}

.betslip--freebet-offer p {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    margin: 10px 0;
}

.betslip--freebet-offer-close {
    width: 14px;
    height: 14px;
    background: url('../icons/icon-trash.svg');
    background-size: 14px 14px;
    color: #fff;
    position: absolute;
    right: 14px;
    cursor: pointer;
    z-index: 2;
}
.betslip--freebet-offer-close:hover {
    transform: rotate(360deg);
    transition: 0.25s;
}
.betslip--freebet-offer-clickarea {
    position: absolute;
    width: 100%;
    height:100%;
    z-index: 1;
    cursor: pointer;
}

.betslip--item-buyback-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #cecece;
    padding: 5px 0;
    font-size: 16px;
}
.betslip--item-buyback-active::before {
    content:'';
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background-color: #b40000;
}
#betslip_buyback {
    display: none;
}
.betslip--item-buyback-offer {
    color: #fff;
}

.betslip--item-buyback-help-icon {
    margin-left: 5px;
    flex: 1 1 auto;
    background: url(../icons/icon-betslip-help.svg) no-repeat;
    background-size: 14px 14px;
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.betslip--item-buyback-button {
    border-radius: 3px;
    border: 1px solid #650000;
    background-color: #b40000;
    color: #fff;
    padding: 3px 15px;
    cursor: pointer;
    transition: 0.5s;
}

.betslip--item-buyback-button:hover {
    background-color: #e31414;
    box-shadow: 0 0 5px #b40000;
}

.betslip--item-button-wrapper {
    padding: 0.5em 0.875em;
}

.betslip--confirm-wrapper {
    display: none;
    position: relative;
    overflow: hidden;
}

#slip_odds_changes { display: none; }
/* #slip_bets_count { display: inline-block; border-radius: 50%; padding: 2px; font-weight: bold; color: #ffa500; text-align: center; } */

.betslip--odds-changes-wrapper { display: flex; justify-content: space-between; align-items: center; background-color: #ffa500; overflow: hidden; padding: 0.75em 1em; border-bottom: 1px solid #d78a00; }
.betslip--odds-changes-wrapper span { font-size: 1em; line-heigh: 1; }

.slip-mode-oneclick .betslip--odds-changes-wrapper span { color: #c2c2c2; }

.betslip--freebet-notify {
    background-color: #509151;
    cursor: pointer;
    border-radius: 3px;
    overflow: hidden;
}

.betslip--freebet-notify-wrapper {
    padding: 0.5em 0.875rem;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #246224;
}

.betslip--freebet-notify-title {
    font-size: 1rem;
    color: #fff;
}

.betslip--freebet-notify-count {
    font-size: 0.8rem;
    color: #000;
    border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem;
    background-color: #ffbf00;
    display: flex;
    justify-content: center;
    align-items: center;
}


.betslip--freebet-notify-description {
    color: #deffde;
    padding: 0.5rem 0.875rem;
    font-size: 1rem;
    display: none;
}

.betslip--freebet-notify-description a {
    color: #ffbf00;
    text-decoration: underline;
}
.betslip--freebet-notify-description-expiry-day {
    padding-top: 0.7em;
    font-weight: bold;
}
.slip-freebet-confirm > .betslip--item,
.betslip--item-freebet {
    border-bottom: 1px solid #3f6d40!important;
    background-color: #509151!important;
    color: #eaffea!important;
}

.betslip--item-chain {
    border-bottom: 1px solid #005992!important;
    background-color: #006eb4!important;
    color: #dbedff !important;
}

.slip-chain-confirm > .betslip--item {
    border-bottom: 1px solid #005992!important;
    background-color: #006eb4!important;
    color: #dbedff !important;
}

.slip-block-disabled { opacity: 0.5; box-shadow: inset 0 0 15px 5px #000; }

.slip-element-variant-freebet-amount,.slip-element-variant-freebet-button,.slip-element-variant-express-freebet-amount,.slip-element-variant-express-freebet-button {
    padding: 0.15em 1em;
    background-color: #ffbf00;
    color: #000;
    outline: none;
    border-radius: 3px;
    width: 60px;
    text-align: center;
    font-weight: 600;
    -moz-appearance: textfield;
    cursor: pointer;
}

.slip-element-variant-freebet-button {
    border: 1px solid #ffbf00;
}

.slip-element-variant-freebet-amount {
    display: none;
    background: #2f4e2e!important;
    color: #fff;
    border: 1px solid #000;
}

.activebets--item-bid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.25rem 0;
}

.js-live-match-bid-negative,
.js-live-match-bid-positive {
    position: relative;
    border-radius: 3px;
    padding: 0.15em 0.875em;
    color: #fff;
    overflow: visible;
    cursor: pointer;
}

.js-live-match-bid-negative::before,
.js-live-match-bid-positive::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    top: 0;
    left: 0;
    animation: ani-sonar-effect 1s ease-in-out .1s infinite;
}

.js-live-match-bid-negative { background-color: #bf3232; color: #fff; }
.js-live-match-bid-positive { background-color: #498449; color: #fff; }

@keyframes ani-sonar-effect {
  0% { opacity: 0.3; }
  40% {	opacity: 0.5; box-shadow: 0 0 1px 1px #f77; }
  100% { box-shadow: 0 0 1px 1px #f77; transform: scale(1.1); opacity: 0; }
}

#slip_edit_button { display: none; }
#slip_accept_odds_button { display: none; }
#slip_confirm_button { display: none; }

.betslip--booking-bookit-wrapper,
.betslip--booking-confirmation-wrapper,
.betslip--booking-load-wrapper {
    display: none;
    background-color: #335C65;
    padding: 0.5em 0.875em;
    border-bottom: 1px solid #294b53;
}
.betslip--booking-input {
    width: 100%;
    position: relative;
    background-color: #171822;
    border: none;
    border-radius: 3px;
    height: 2.375rem;
    color: #fff;
    font-size: 1rem;
    margin: 0.5rem 0;
    padding: 0 0.5em;
    box-sizing: border-box;
    box-shadow: inset 1px 1px 3px #000;
    border: 1px solid #262739;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance:none;
}

.betslip--booking-confirmation-label {
    font-size: 1em;
    text-align: center;
    color: #bdedf7;
    padding: 0.25em 0.5em;
    text-transform: uppercase;
}

.betslip--booking-id {
    padding: 0.25em 0;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
}