.beto-history {
    margin-bottom:10px;
}
.history-bet-wrapper {
    display:flex;
    flex-direction:column;
    font:var(--t-small-text-normal);
    margin-bottom:10px;
    background-color:var(--c-off-white);
    color:var(--c-text-dark-e);
    border-radius:var(--r-10);
    border-left:5px solid var(--c-dark-blue-10);
}

.history-bet-wrapper .bet-infos {
    display:none;
}
.history-bet-wrapper .history-bet-toggle {
    width:45px;
    height:100%;
    position:absolute;
    left:0px;
}
.history-bet-wrapper .history-bet-toggle::before {
    content:"";
    position:absolute;
    width:20px;
    height:20px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background-repeat: no-repeat;
    background-image: var(--c-global-icon-spritesheet);
    background-position: -7px -77px;
}
.history-bet-wrapper.expanded .history-bet-toggle::before {
    transform: translate(-50%,-50%) rotate(180deg)
}
.history-bet-wrapper > .history-bet-header {
    display:flex;
    align-items:center;
    align-content:center;
    justify-content:space-between;
    min-height:50px;
    background-color:var(--c-dark-blue-10);
   
    position:relative;
    padding-left:45px;
    padding-right:12px;
    border-top-right-radius:var(--r-10);
    border-bottom-right-radius:var(--r-10);
    flex-wrap:wrap;
}
.history-bet-wrapper > .history-bet-header > div {
    flex:1;
    display:flex;
    /* justify-content:center; */
    padding:2px 4px;
}
.history-bet-wrapper > .history-bet-header > div:not(.history-bet-toggle) {
     /* min-width:150px; */
}
.history-bet-wrapper > .history-bet-header .history-bet-date-time-id {
    display:flex;
    justify-content:flex-end;
    flex: unset;
}
.history-bet-wrapper > .history-bet-header .history-bet-date-time-id div:not(:last-child) {
    margin-right:5px;
}
.history-bet-wrapper > .history-bet-header .history-bet-date-time-id .history-bet-id::before {
    content:"ID:"
}
.history-bet-wrapper > .history-bet-header .history-bet-info {
    display:flex;
   
    justify-content: flex-start;
    white-space:nowrap
}
.history-bet-wrapper > .history-bet-header .history-bet-info div:first-child {
    margin-right:5px;
}
.history-bet-wrapper > .history-bet-header .history-bet-stake span:first-child {
    margin-right:5px;
}
.history-bet-wrapper:not(.expanded) > div:not(.history-bet-header) {
    display:none;
}
.history-bet-wrapper .history-bet-content,
.history-bet-wrapper .history-bet-content app-bet-content{
    display:block
}
.history-bet-wrapper .history-selection-info {
    display:flex;
    width:100%;
    margin-bottom:4px;
    
}
.history-bet-wrapper .history-match-info .history-bet-match-time{
    margin-top:6px;
}
.history-bet-wrapper .history-bet-match-details.lost .history-selection-info {
     background-color:#ff000038;
    padding:5px 8px;
}
.history-bet-wrapper .history-bet-match-details.won .history-selection-info {
     background-color:#01a70138;
    padding:5px 8px;
}
.history-bet-wrapper .history-selection-info .selection-status {
    order:2;
     margin-left:auto;
    margin-right:5px;
}
.history-bet-wrapper .history-selection-info .selection-status.pending::before {
    content:var(--t-pending)
}

.history-bet-wrapper .history-selection-info .selection-status.lost::before {
    content:var(--t-lost)
}
.history-bet-wrapper .history-selection-info .selection-status.won::before {
    content:var(--t-won)
}
.history-bet-wrapper .history-selection-info .selection-status.void::before {
    content:var(--t-void)
}
.history-bet-wrapper.Won-Cashout .history-selection-info .selection-status.void::before {
    content:var(--t-cashout)
} 
.history-bet-wrapper .history-selection-info .selection-and-odds {
    display:flex;
    order:3;
   
}
.history-bet-wrapper .history-selection-info .selection-and-odds .history-bet-selection {
    margin-right:8px;
}
.history-bet-wrapper .history-selection-info .selection-and-odds .history-bet-odds {
    font:var(--t-small-text-bold);
    color:var(--c-accent-color);
}
.history-bet-wrapper .history-bet-match-details {
    padding:10px;
}
.history-bet-wrapper .history-bet-match-details:not(:last-child) {
    border-bottom:1px solid var(--c-dark-blue-10)
}
#root .history-bet-wrapper .match-date-code-wrapper{
    margin-top:6px;
    display:flex;
}
.history-bet-wrapper .match-date-code-wrapper .betslip-match-code {
    display:none;
}
.history-bet-wrapper .history-systems-wrapper {
    display:flex;
    flex-direction:column;
    width:100%;
}
.history-bet-wrapper .history-systems-wrapper .history-system-wrapper.history-bet-header {
    background-color:var(--c-dark-blue-10);
}
.history-bet-wrapper .history-systems-wrapper .history-system-wrapper {
    display:flex;
}
.history-bet-wrapper .history-systems-wrapper .history-system-wrapper > div {
    flex:1;
    text-align:center;
    padding:6px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:20%;
}
.history-bet-wrapper .history-bet-footer {
    display:flex;
    justify-content:flex-end;
    border-top:1px solid var(--c-dark-blue-10)
}
.history-bet-wrapper .history-bet-footer > div {
    padding:10px;
}
.history-bet-wrapper .history-bet-footer > div span:first-child {
    margin-right:6px;
}
.history-bet-wrapper .history-actions-wrapper {
    padding:8px;
    display:flex;
    justify-content:center;
     border-top:1px solid var(--c-dark-blue-10)
}
#root .history-bet-wrapper .history-actions-wrapper button {
    min-height:40px;
    background-color:var(--c-accent-color);
    color:var(--c-text-light-e);
    border:1px solid var(--c-accent-color);
    font:var(--t-small-text-bold);
    max-width:180px;
}
#root .history-bet-wrapper .history-actions-wrapper button.history-bet-error {
    max-width:100%;
}
.history-bet-wrapper .history-actions-wrapper button:last-child:not(:only-child) {
    margin-right:8px;
}
#root .history-bet-wrapper .history-actions-wrapper button.history-bet-cancel {
    background-color:transparent;
    color:var(--c-text-dark-blue);
    border:1px solid var(--c-text-dark-blue);
    order:-1;
}
#root .history-bet-wrapper .history-actions-wrapper button.history-bet-confirm {
     background-color:var(--c-accent-color);
    color:var(--c-text-light-e);
    border:1px solid var(--c-accent-color);
}
.beto-history tfoot {
    font:var(--t-small-text-normal)
}
.beto-history tfoot .history-bet-footer {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
.beto-history tfoot .history-bet-footer > div:not(:last-child) {
    margin-bottom:4px;
}
.beto-history tfoot .history-bet-footer-dates {
    width:100%;
}
.beto-history tfoot .history-bet-footer-dates span:first-child::after {
    content:"-";
    margin:0px 5px
}
.beto-history tfoot .history-bet-footer > div:not(.history-bet-footer-dates) span:first-child::after {
    content:":";
    margin-right:5px;
}
.beto-history tfoot .history-bet-footer > div:not(.history-bet-footer-dates) {
    margin-right:10px;
}
.beto-history .no-history-records {
    font:var(--t-small-text-normal);
    text-align:center;
    margin:10px;
}
.history-bet-wrapper.has-bet-builder::after{
    display:none;
}
.history-bet-wrapper.has-bet-builder .history-bet-header .history-bet-info::after {
    content:"BB";
    margin-left:5px;
}