.bet-register {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 600px;
    color: var(--c-black-e);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /* background-color:var(--c-primary-b); */
    border-radius:10px;
}

.bet-register table {
    width: 100%;
    border-collapse: collapse;
}

.bet-register table.totals-list {
    display: flex;
    flex-direction: column;
    
}
.bet-register .selections-container table.totals-list {
    border:1px solid var(--c-emphasis)
}
#root .bet-register .bet-match-date-time {
    background-color: unset;
    padding: 0px;
}

.bet-register table.totals-list td[data-column="Decription"] {
    width: 100%;
    order: -1;
    padding-left:5px;
    border-left:1px solid var(--c-shade-b);
     overflow:hidden
}

.bet-register table.totals-list td[data-column="Decription"] .bet-match-tournament-info {
    padding-top: 3px
}

.bet-register table.totals-list td[data-column="Decription"] .bet-event {
    font-weight: 600;
    font-size: 1em;
    overflow:hidden
}
.bet-register table.totals-list td[data-column="Decription"] .bet-event span:not(.match-versus) {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.bet-register table.totals-list td[data-column="Decription"] .bet-match-selection {
    padding-bottom: 3px;
}
.bet-register table.totals-list td[data-column="Decription"] .bet-match-selection span:last-child {
    font-weight:bold;
}
app-selections-list table td {
    display:flex;
    align-items:center;
    justify-content:center;
    font-size: 16px;
}
app-selections-list table td[data-column="matchCode"] div {
    text-align:center;
}
.bet-register .selection-item {
    /* background-color: var(--c-primary-d); */
    color: var(--c-text-dark);
    /* margin-bottom: 2px; */
    position: relative;
    display: grid;
    grid-template-columns:30px 50px 40px auto 45px 40px;
    grid-template-areas : "id match-code bet-code desc odds remove" 
                        "id  match-code bet-code desc odds remove"
}
.mobile .bet-register .selection-item {
    grid-template-columns: 30px 46px auto 45px 40px;
    grid-template-areas : "id  bet-code desc odds remove" 
                        "id  match-code  desc odds remove"
}
    .mobile .bet-register .selection-item:not(:last-child) {
        border-bottom:1px solid var(--c-emphasis);
    }
td[data-column="ID"] {
    grid-area: id;
    background-color:var(--c-emphasis);
    border-right:1px solid var(--c-shade-b);
    color: var(--c-white-e);
}

td[data-column="matchCode"] {
    grid-area: match-code;
    background-color:var(--c-shade-b);
    border-right:1px solid var(--c-shade-b);
}

td[data-column="betCode"] {
    grid-area: bet-code;
    background-color:var(--c-shade-b);
     border-right:1px solid var(--c-shade-b);
}
.mobile td[data-column="betCode"] {
    border-bottom:1px solid var(--c-shade-b);
}
td[data-column="Odds"] {
    grid-area: odds
}
td[data-column="Remove"] {
    grid-area: remove;
    

}
td[data-column="Decription"] {
    grid-area: desc;
    flex-direction:column;
    align-items:flex-start
}

.bet-register .bet-remove {
    padding: 0;
    height: 24px;
    width: 24px;
    background-image: url(/v1.012/r/images/site/icons/Close.svg);
    background-position: center;
    background-color: transparent;
    filter: invert(1);
}

.bet-register .bet-register-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.bet-register .bet-register-container .bet-register-title {
    width: 100%;
    padding:14px 8px;
    font-size: 1.2em;
    /* background-color:var(--c-primary-b); */
    /* border-bottom:1px solid var(--c-shade-b); */
    margin-bottom:5px;
    /* border-radius:10px; */
    font-size:16px;
    font-weight:bold;
    color: var(--c-black-e);
    /* border: 1px solid var(--c-shade); */
}

#root .bet-register .bet-register-container input {
    width: calc(25% - 8px);
    height: 48px;
    color: var(--c-black);
    border-radius:5px;
    border:1px solid var(--c-shade)
}
.bet-register .bet-register-container form {
    width: calc(25% - 8px);
    
}
.bet-register .bet-register-container form.load-match-form-group {
    width:80px;
    
    
}
.bet-register .bet-register-container form.load-match-form-group button {
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
    
    background-color:transparent;
    color:var(--c-black);
    background-color:var(--c-shade)
}
.bet-register .bet-register-container form button {
    width:100%;
    height:100%;
    border-radius:5px;
    background-color:var(--c-green);
    color:var(--c-white)
}
.bet-register .bet-register-container form button:disabled {
    opacity:0.5;
}
#root .bet-register .bet-register-container input {
    margin-right: 4px;
    margin-left:4px
}
#root .bet-register .bet-register-container input[name="matchCodeField"] {
    margin-right:0px;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    border-right:0px;
}
#root .bet-register .bet-register-container form.load-match-form-group button:disabled {
    color:transparent;
    border-left:0px;
    background-color: transparent;
}
.bet-register table.totals-list .list-item td {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    min-height: 48px;
}

.bet-register table.totals-list .list-item td .label-value-container .label {
    display: none;
}

.bet-register table.totals-list .list-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    /* margin: 5px 0px; */
}
.bet-register table.totals-list .list-item:not(:last-child) {
    border-bottom:1px solid var(--c-shade-b);
    border-left:1px solid var(--c-shade-b);
    border-right:1px solid var(--c-shade-b);
}
.bet-register table.totals-list .list-item:not(:last-child) td {
   padding:0 8px;
   font-size: 1.2em;
}
.bet-register table.totals-list .list-item td[data-column="type"] {
    width: 100px;
}

.bet-register table.totals-list .list-item td[data-column="value"] {
    width: calc(100% - 100px);
    justify-content: flex-end
}

.bet-register table.totals-list .list-item:not(.stake) td[data-column="value"] {
    /* justify-content: center; */
}

#root .bet-register table.totals-list input[type="checkbox"] {
    width: 30px;
    height: 30px;
}

#root .bet-register input::placeholder, #root .bet-register app-amount-input input::-webkit-input-placeholder {
    color: var(--c-text-light);
    text-indent:3px;
}

#root .bet-register app-amount-input input {
    background-color: var(--c-background);
    color: var(--c-black-e);
    min-height: 42px;
}

.bet-register table.totals-list .list-item td[data-column="value"] app-label-value, .bet-register table.totals-list .list-item td[data-column="value"] app-set-value, .bet-register table.totals-list .list-item td[data-column="value"] select {
    width: 100%;
}

#root .bet-register .input-active .currency-symbol {
    opacity: 0;
}

#root .bet-register .currency-symbol {
    position: absolute;
    top: 12px;
    left: 6px;
    font-size: 1.2em
}

#root .bet-register app-betslip-clear, #root .bet-register app-betslip-clear .betslip-clear-wrapper {
    width: 100%;
    height: 100%
}
#root .bet-register app-betslip-clear label{
    display:none;
}
#root .bet-register app-betslip-clear button.clear-betslip-button {
    width: 100%;
    padding: 0px;
    height: 100%;
    margin: 0;
   
    border-bottom-left-radius: 5px;
}

#root .bet-register .confirm-form-group, #root .bet-register .confirm-form-group button {
    width: 100%;
}

#root .bet-register .confirm-form-group button {
    height: 45px;
    background-color: var(--c-green);
    font-weight:700;
    border-bottom-right-radius: 5px;
    margin:0;
    font-size:1.2em;
    color:var(--c-white-e)
}

#root .bet-register app-totals-list > table.totals-list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}

#root .bet-register .bet-live-selection {
    display: flex;
    flex-direction: row;
    align-items:center;
    padding:2px 0px;
    width:100%;
}
#root .bet-register app-bet-event-live-info {
    width:100%;
}
#root .bet-register .bet-live-selection.match-suspended .suspended-label::after {
    content:"";
    width:13px;
    height:13px;
    background-image:url(/v1.012/r/images/site/icons/odd-locked.svg);
    background-size:13px;
    background-position:center;
    
}
#root .bet-register .bet-live-selection .live-label {
    text-transform:uppercase;
    font-size:0.8em;
    display:flex;
    align-items:center;
    margin-right:5px;
    line-height:11px;
    padding:1px 2px;
    background-color:red;
    color:white;
    border-radius:2px;
}
#root .bet-register .bet-live-selection.match-suspended {
    background-color:var(--c-primary);
    color:var(--c-yellow);
}
#root .bet-register .bet-live-selection.match-suspended .suspended-label{
display:flex;
}
#root .bet-register .bet-live-selection.match-suspended .live-label {
    opacity:0.5;
    background-color:darkred
}
#root .bet-register .bet-live-selection .live-score {
    margin-right:5px;
}
#root .bet-register .bet-live-selection .live-progress {
    display:none;
}
#root .bet-register app-totals-list tr:not(:last-child) {
    width: 50%;
}
#root .mobile .bet-register app-totals-list tr:not(:last-child) {
    width:100%;
}

#root app-bet-register .element.value {
    position:relative
}
#root .bet-register .error-message {
    width:100%;
    margin-top:5px;
    text-align:center;
    display:block;
    padding:5px;
    order:2;
}
#root .bet-register app-load-spinner {
    display:flex;
    justify-content:center;
    min-width:100%;
    order:1;
}
#root .livematch-more-links-app-modal,
#root .match-more-links-app-modal {
    width:100%;
    max-width:600px;
    padding:0;
   
   
}
#root .livematch-more-links-app-modal .ui-overlaypanel-content,
#root .match-more-links-app-modal .ui-overlaypanel-content {
    padding:0;
     max-height:600px;
    overflow:auto;
}
    .bet-register app-amount-input {
        position:relative;
    }
.header .bet-register {
    border-radius:0px;
    background-color:var(--c-primary);
    padding-top:8px;
    padding-bottom:0px;
}
.header .bet-register .bet-register-title {
    display:none
}
.header .bet-register .bet-register-container {
    margin-bottom:0px;
}
.view-page-bet-register .header .beto-fastbet-adder,
.view-page-bet-register .header .sports-search{
    display:None
}
.view-page-bet-register .header {
    height:60px
}
.view-page-bet-register.mobile .body {
    margin-top:60px;
}