#root .bet-book {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color:var(--o-primary);
}

#root .bet-book-code {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px;
    background-color: var(--c-background);
    border-top: 1px solid var(--c-o3i);
    display: none
}

#root .bet-book-code .code-value {
    color: var(--c-f-e);
    letter-spacing: .2em
}

#root .bet-book-time {
    padding: 5px;
    font-size: 10px;
    /* text-align: right; */
    color: var(--c-f-d);
    /* border-top: 1px solid var(--c-o3i); */
}

#root .bet-book-time .time-label {
    display: none
}

#root .bet-book-terms {
    order: 3;
    text-align: center;
    padding: 8px;
    display: flex;
    align-items: center;
    background-color: var(--o-primary-bh);
    margin-top: 8px;
    width: 100%;
    justify-content: center;
    color: var(--c-f-d)
}

#root .bet-book-terms br {
    display: none
}

#root .bet-book-terms br {
    height: 20px
}

#print-section {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: var(--aw-background);
    -webkit-print-color-adjust: exact!important
}

#root app-betslip-printout {
    order: -1;
    text-align: center;
    width: 100%;
    padding: 8px;
    /* border-top: 1px solid var(--c-o3i); */
}

#root .bet-book-actions {
    width: 100%;
    text-align: center
}

#root .bet-book-actions #action-copy,#root .bet-book-actions #action-print {
    height: 36px;
    width: 50%;
    background-color: var(--aw-emphasis);
    color: var(--c-background);
    border-radius:var(--r);
    border-top: 1px solid var(--c-o2);
     font:var(--c-font)
}

#root .mobile .quickbet-notifications-wrapper,#root .mobile .quickbetslip .booking-notifications-wrapper {
    position: fixed;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    z-index: 1001
}

#root .booking-notifications-overlay img {
    max-width: 180px;
    width: 100%;
    margin: 5px auto
}

#root .booking-notifications-overlay .inline-betslip {
    height: unset!important;
    width: 100%!important
}

#root .booking-notifications-overlay .bet-book-slip {
    order: -1
}

#root .betslip-booking-notifications {
    max-height: 90vh;
    overflow: auto;
    max-width: 400px;
    width: 100%;
    margin-top:var(--c-header-top)
}

#root .mobile .betslip-booking-notifications {
    max-height: calc(100vh - 108px)
}

#root .booking-notifications-wrapper .booking-notifications-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--c-o3i)
}

#root .betslip-booking-notifications .book-success,#root .betslip-booking-notifications .bet-book-slip .slip-label {
    display: none
}

#root .betslip-booking-notifications div.inline-betslip tr.match td.match div.match {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:flex-start;
    text-align:left;
}

#root .betslip-booking-notifications div.inline-betslip tr.match td.match div.match div:first-child {
    width: 70%;
    order: -1;
    text-align:left;
}

#root .betslip-booking-notifications div.inline-betslip tr.match td.match div.match div.date {
    width: 30%;
    order: -1;
    text-align: right;
    padding-right: 5px
}

#root .betslip-booking-notifications .bet-messages-actions button {
    background-color: var(--o-red-a);
    border-radius: 2px;
    width:calc(50% - 5px);
    height:36px;
    color:var(--c-f-e)
}
#root .betslip-booking-notifications .bet-messages-actions button:only-child {
    width:100%;
}
#root .betslip-booking-notifications .bet-messages-actions {
    padding:10px;
}
#root .betslip-booking-notifications .bet-messages-actions .reload-selections+.close-notification {
    width:calc(50% - 5px);
   
     background-color: var(--aw-action);
    color: var(--c-s-white);
   
    margin-left:10px;
     border-radius:var(--r);
    font:var(--c-font)
}

#root .betslip-booking-notifications .bet-messages-actions .reload-selections {
     background-color: unset;
    border: 1px solid var(--c-f-s);
    border-radius:var(--r);
     font:var(--c-font)
}