app-betslip-notifications {
   display:block;
   
    
}

#root .desktop .betslip-notifications-wrapper .notifications-overlay {
    /* background-color: var(--c-primary-b); */
    padding: 10px;
    background-color:var(--c-background-white);
    border-radius:var(--r-10);
    color:var(--c-text-dark-e);
    margin-top:10px;
}

#root .desktop .betslip-notifications {
    bottom: unset;
    flex: 1 0 0%;
    min-height: 0%;
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    flex-wrap: wrap;
    width: 100%;
    padding: 8px;
    justify-content: center;
    background-color: var(--c-background-white); 
}

#root .betslip-notifications .bet-messages {
    padding: 8px;
    display: inline-flex;
    flex: 0 1 auto;
    min-height: 40px;
    flex-direction: column;
    align-items:center;
    width:100%;
}

#root .betslip-notifications .bet-messages .bet-success {
   
}
#root .betslip-notifications .bet-messages .bet-reference {
    order: -1;
   font:var(--t-body-bold);
    margin-bottom:5px;
}
#root .betslip-notifications .bet-messages-actions {
    display: flex;
    flex-direction: row;
    height: auto;
    width: 100%;
    flex-wrap: wrap;
    white-space: normal;
}
#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: #1ba763; */
    padding: 0 8px;
    height: 40px;
    /* font-size: 1.3rem; */
    /* font-weight: 600; */
    /* color: var(--c-text-light); */
    justify-content: center;
    align-items:center;
}
#root .betslip-notifications button.reload-selections {
    /* background-color: var(--c-primary-c); */
}
#root .quickbet-notifications-wrapper {
    position: relative;
    bottom: 0px;
    /* z-index: 1200; */
}
#root .mobile .betslip-notifications {
    position: fixed;
    background-color: var(--c-background-white);
    border-radius:var(--r-10);
    bottom: 0px;
    left: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding: 8px;
    justify-content: center;
    z-index: 1200;
}
.beto-betslip-notifications .bet-messages-info .bet-item {
    display:flex;
    flex-direction:row;
    padding:6px 8px;
    background-color:var(--c-paper);
    color:var(--c-text-dark);
    width:100%;
}
.beto-betslip-notifications .bet-messages-info .bet-item:not(:last-child) {
    border-bottom:1px solid var(--c-shade);
}
.beto-betslip-notifications .bet-messages-info .bet-item .match-selection {
    display:flex;
    flex-wrap:wrap
}
.beto-betslip-notifications .bet-messages-info .bet-item .match-selection .selection-name {
    margin-left:5px;
    font-weight:bold;
}
.beto-betslip-notifications .bet-messages-info .bet-item .match-name {
    font-weight:bold;
}
.beto-betslip-notifications .bet-messages-info .bet-item .selection-details {
    width:100%;
}
.beto-betslip-notifications .bet-messages-info .bet-item .selection-odds {
    display:flex;
    align-items:flex-end;
    font-weight:bold;
}
.beto-betslip-notifications .bet-messages-info  .bet-totals-details table {
    width:100%;
    border-spacing:0;
    border-collapse:collapse
}
.beto-betslip-notifications .bet-messages-info  .bet-totals-details table td {
    padding:3px;
}
.beto-betslip-notifications .bet-messages-info  .bet-totals-details  td.sys-stake {
    text-align:right
}
#root .beto-betslip-notifications .bet-messages-info .bet-system-header {
    background-color:var(--c-primary);
}
#root .beto-betslip-notifications .bet-messages-info .betslip-totals {
    border:1px solid var(--c-shade-b);
    border-top:0px;
    background-color:var(--c-primary-c);
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
}
#root .beto-betslip-notifications .bet-messages-info .bet-system {
    background-color:var(--c-primary-d)
}
#root .beto-betslip-notifications .bet-messages-info .bet-system:not(:last-child){
    border-bottom:1px solid var(--c-shade-b);
    margin-bottom:1px;
}
#root .beto-betslip-notifications .bet-messages-info .betslip-totals .total-lines,
#root .beto-betslip-notifications .bet-messages-info .betslip-totals .total-stake{
    height:auto;
    background-color:transparent;
    border:unset;
}
#root .beto-betslip-notifications .bet-messages-info td:empty {
    text-align:center;
}
#root .beto-betslip-notifications .bet-messages-info td:empty::before {
    content:"-"
}
#root .beto-betslip-notifications .bet-messages-info .max-payout-wrapper  {
    text-align:right;
}
#root app-bet-details {
    width:100%;
    height:100%;
}
#root .mobile app-bet-details {
    max-width:420px;
}
#root .beto-betslip-notifications .bet-messages-info .bet-items {
    max-height:50vh;
    overflow:auto;
    /* display:flex; */
    /* flex-direction:column; */
}
#root .beto-betslip-notifications .bet-messages-info .value-block{
    width:100%;
    padding:5px;
}