.predict-for-me {
    color:var(--c-white-e)
}
app-bs-filter-element > div {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
}
app-bs-filter-element > div .filter-values {
    order:4;
    margin-top: 18px;
    width: 100%;
}
app-bs-filter-element > div > div:first-child {
    margin-bottom: 20px;
}
app-bs-filter-element > div > .reset-filters {
    content:"";
    width:18px;
    height:18px;
    background-image:url(/v1.245/r/images/accessbet/icons/mdi_reload.svg);
    background-repeat:no-repeat;
    background-size:18px;
    margin-right:auto;
    margin-left:8px;
    font-size:0px;
    background-color:transparent;
}
app-bs-filter-element > div div {
    /* width:100%; */
    display:flex;
    justify-content:space-between;
}
.bet-filters {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    position:relative;
    border-top:1px solid var(--c-blue-c);
    border-bottom:1px solid var(--c-blue-c);
    margin-bottom:15px;
}
.mobile-large .bet-filters {
    margin-top:15px;
}

app-bs-filter-element .element.value {
    min-width:unset;
}
app-bs-filter-element .element.value input {
    height:34px;
}
app-bs-filter-element > div app-label-value {
    flex:1;
}
#root div[class*=mobile] app-bs-filter-element > div app-label-value .label-value-container {
    padding-left:0px;
}
div[class*=mobile] app-bs-filter-element > div app-label-value .label-value-container label {
    margin-bottom:4px;
}
div[class*=mobile] app-bs-filter-element p-slider {
    width:100%;
    display:block;
}
div[class*=mobile] app-bs-filter-element {
    padding:15px;
    width:33.33%;
}
.bet-suggestions-title {
    font-size:25px;
    font-weight:500;
    padding:15px 25px;
}
.bet-suggestions-container .ui-slider.ui-slider-horizontal  {
    height:3px;
}
.bet-suggestions-container .ui-slider.ui-slider-horizontal .ui-slider-handle {
    width:22px;
    height:22px;
    margin-top:-11px;
    border:8px solid var(--c-emphasis-c)
}
.bet-suggestions-container .ui-slider .ui-slider-range {
    background-color:var(--c-emphasis-c)
}
.bet-filters .request-form-group {
  width:100%;
    display:flex;
    justify-content:center;
}
.bet-filters .request-form-group button {
    width:100%;
    max-width:140px;
    padding:10px 20px;
    border-radius:20px;
    margin:10px 0px;
    background-color:var(--c-green);
    color:var(--c-white-e)
}
.bet-filters .request-form-group button:disabled {
    background-color:var(--c-blue-c);
    color:var(--c-text-light)
}
.bet-suggestions-container form table  {
    display:flex;
    flex-direction:column;
    width:100%;
}
#root .bet-suggestions-container form table tr {
    display:flex;
    width:100%;
    flex-direction:row;
    flex-wrap:wrap;
    background-color:var(--c-blue-d);
    color:var(--c-white-e);
    padding:8px 12px;
    border-radius:10px;
    margin-bottom:5px;
}
#root .bet-suggestions-container form table tr td {
    display:flex;
    flex-direction:row;
    border:0;
    background-color:transparent;
    padding:0px;
}
.bet-suggestions-container form table tr td:not(.column-action-view-ticket):not(.column-user)::before {
    content:attr(data-column);
    font-size:12px;
    font-weight:normal;
}
.bet-suggestions-container form table tr td.column-action-view-ticket {
    width:100%;
    order:-1;
    justify-content:flex-end;
   
}
.bet-suggestions-container form table tr td.column-action-view-ticket button {
    background-color:transparent;
    color:var(--c-emphasis-c);
    text-decoration:underline;
    display:flex;
    padding-bottom:8px;
    padding-top:0px;
    text-transform:capitalize
}
.bet-suggestions-container form table tr td.column-action-view-ticket button::after{
    content:""; 
    width:18px;
    height:18px;
    display:block;
    background-image:url(/v1.245/r/images/accessbet/icons/ant-design_caret-left-outlined_yellow.svg);
    background-repeat:no-repeat;
}
#root .bet-suggestions-container form table tr td.column-id{
    width:50%!important;
    order:5;
    justify-content:flex-end;
    padding:5px 0px;
}
#root .bet-suggestions-container form table tr td.column-id::before,
#root .bet-suggestions-container form table tr td.column-selections::before{
    
    margin-right:5px;
    font-size:12px;
}
#root .bet-suggestions-container form table tr td.column-selections::before {
     content:"No of "attr(data-column)":";
}
#root .bet-suggestions-container form table tr td.column-id::before {
    content:"Bet "attr(data-column)":";
}
#root .bet-suggestions-container form table tr td.column-selections {
    width:50%;
    order:4;
    padding:5px 0px;
}
#root .bet-suggestions-container form table tr td.column-user,
#root .bet-suggestions-container form table tr td.column-stake,
#root .bet-suggestions-container form table tr td.column-odds,
#root .bet-suggestions-container form table tr td.column-max-payout{
    width:25%!important;
    background-color:var(--c-blue-c);
    flex-direction:column;
    align-items:center;
    padding:12px;
    font-size:15px;
    font-weight:bold;
}
#root .bet-suggestions-container form table tr td.column-stake,
#root .bet-suggestions-container form table tr td.column-odds,
#root .bet-suggestions-container form table tr td.column-max-payout {
    position:relative;
}
#root .bet-suggestions-container form table tr td.column-stake::after,
#root .bet-suggestions-container form table tr td.column-odds::after,
#root .bet-suggestions-container form table tr td.column-max-payout::after {
    position:absolute;
    width:1px;
    height:calc(100% - 16px);
    top:8px;
    background-color:var(--c-blue-d);
    content:"";
    left:0px;
}
#root .bet-suggestions-container form table tr td.column-max-payout {
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
}
#root .bet-suggestions-container form table tr td.column-user {
    font-weight:normal;
    flex-direction:row;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
}
#root .bet-suggestions-container form table tr td.column-user::before {
    content:"";
    width:30px;
    height:30px;
    background-image:url(/v1.245/r/images/accessbet/icons/mingcute_user-4-fill.svg);
    margin-right:5px;
}
.bet-suggestions-container th.column-action-view-ticket {
    display:none;
}
#root .mobile-large.view-page-predict4me .betslip-html .selection .match {
    width:100%;
    display:flex;
    align-items:center;
}
#root .mobile-large.view-page-predict4me .betslip-html .selection .odds{
    display:flex;
    align-items:center;
    justify-content:center;
}

#root .mobile-large.view-page-predict4me  .betslip-html .selection .add-in-betslip button{
     width:25px;
    height:25px;
    position:relative;
    margin:10px;
    border-radius:50%;
    background-color:transparent;
    border:1px solid var(--c-blue-a);
    background-image:url(/v1.250/r/images/accessbet/icons/ic_baseline-plus.svg);
    background-repeat:no-repeat;
    background-position:center;
}
#root .mobile-large.view-page-predict4me  .betslip-html .selection .add-in-betslip button span {
      font-size:5px;
    line-height:1;
    white-space:nowrap;
    left:50%;
    position:absolute;
    transform: translate(-50%,calc(100% + 12px));
    color:var(--c-blue-a)
}
#root .bet-suggestions-container th:not(.column-action-view-ticket) {
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:transparent;
    border:0;
    color:var(--c-white-e)
}
#root .bet-suggestions-container .ui-table .ui-sortable-column .ui-sortable-column-icon {
    color:var(--c-white-e)
}

 .bet-suggestions-description {
    display:flex;
    align-items:center;
    flex:1;
    padding:0px 8px;
}
 .bet-suggestions-description .info-icon {
    background-image:url(/v1.248/r/images/accessbet/icons/material-symbols_info.svg);
    background-repeat:no-repeat;
    background-size:24px;
    background-position:center;
    content:"";
    width:24px;
    height:24px;
    display:block;
    margin-right:8px;
    
}
#root .bet-suggestions-container .set-filters {
    min-height:40px;
    background-color:var(--c-blue-d);
    border-radius:40px;
    max-width:124px;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    border:2px solid var(--c-blue-a);
    color:var(--c-white-e);
    margin-right:8px;
}
#root .bet-suggestions-container .set-filters .button-icon {
    background-image:url(/v1.248/r/images/accessbet/icons/lucide_settings-2.svg);
    background-repeat:no-repeat;
    background-size:24px;
    background-position:center;
    content:"";
    width:24px;
    height:24px;
    display:block;
    margin-left:8px;
    order:2;
}
.mobile .bet-suggestions-container {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
.mobile .bet-suggestions-container.open-ticket {
    position:fixed;
    height:calc(100% - 102px);
   bottom:0px;
}
.bet-added .mobile .bet-suggestions-container.open-ticket {
     height:calc(100% - 147px);
    bottom:45px;
}
.mobile .bet-suggestions-container.open-ticket .bet-results {
    height:calc(100% - 40px);
    display: flex;
    flex-direction: column;
}
.mobile .bet-suggestions-container.open-ticket app-betslip-view {
    height: calc(100% - 179px);
    display: flex;
    flex: 1;
}
.mobile .bet-suggestions-title,
.mobile .bet-suggestions-description{
    /* display:none; */
}
.mobile .bet-suggestions-title {
    padding: 5px 8px;
    margin:10px 0px
}
div.mobile .bet-filters {
    margin:8px;
    border:1px solid var(--c-blue-a);
    background-color:var(--c-blue-d);
    justify-content:center;
    border-radius:10px;
    /* display:none; */
}
.show-bet-suggest-filter div.mobile .bet-filters {
    display:flex;
}
div.mobile app-bs-filter-element {
    width:calc(100% - 30px);
}
#root .mobile .bet-suggestions-container .betslip-view {
    /* background-color:var(--c-blue-d); */
    margin:8px;
    width:calc(100% - 16px);
    margin-top:0px;
    /* padding-top:10px; */
    position:relative;
}
#root .mobile .bet-suggestions-container .betslip-view .betslip-view-html {
    width:100%;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    height: 100%;
}
#root .mobile .bet-suggestions-container.open-ticket .betslip-view .inline-betslip {
    display: flex;
    flex-direction: column;
    width:100%!important;
    height:calc(100% - 100px)!important;
    /* flex:1; */
    overflow: auto;
    border:1px solid var(--c-blue-a);
    border-top:0;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    padding-top:10px;
    background-color:var(--c-blue-d);
    position:relative;
}

#root .mobile .bet-suggestions-container form table tr td.column-user {
    width: 60%!important;
    order:1;
    background-color:transparent;
}
#root .mobile .bet-suggestions-container form table tr td.column-user div {
    display:flex;
    align-items:center;
}
#root .mobile .bet-suggestions-container form table tr td.column-user div::after {
    /* content:""; */
    width:10px;
    height:10px;
    display:block;
    background-image:url(/v1.251/r/images/accessbet/icons/fluent_ios-arrow-24-regular.svg);
    background-size:10px;
    background-repeat:no-repeat;
    background-position:center;
    margin-left:6px;
}
#root .mobile .bet-suggestions-container form table tr td.column-stake,
#root .mobile .bet-suggestions-container form table tr td.column-odds,
#root .mobile .bet-suggestions-container form table tr td.column-max-payout {
    width:33.33%!important;
    order:3;
    border-radius:0px;
    background-color:var(--c-blue-b);
    border-top:1px solid var(--c-blue-a);
    border-bottom:1px solid var(--c-blue-a)
}
#root .mobile .bet-suggestions-container form table tr td.column-id {
    order:2;
    flex-direction:column;
    align-items: flex-start;
    padding:12px;
    font-size:25px;
    font-weight:600;
    color:var(--c-emphasis-c);
    width: 40%!important;
}
#root .mobile .bet-suggestions-container form table tr td.column-id::before {
    margin:auto 0px;
    color:var(--c-white-e);
    content:"Ticket "attr(data-column);
    max-width:100px;
   width:100%;
    margin-left:auto;
}
#root .mobile .bet-suggestions-container form table tr td.column-id div {
    max-width:100px;
    width:100%;
    margin-left:auto;
}
#root .mobile .bet-suggestions-container form table tr {
    padding:0px;
    position:relative;
    /* margin: 0 8px; */
}
#root .mobile .bet-suggestions-container form table thead  {
    display:none;
}
#root .mobile .bet-suggestions-container form table tbody tr {
    margin:8px;
    width:calc(100% - 16px);
    margin-bottom:0px;
   
    border:1px solid var(--c-blue-a);
    
    position: relative;
}
#root .mobile .bet-suggestions-container.open-ticket form table tbody tr {
     margin-bottom:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    border:1px solid var(--c-blue-a);
    border-bottom:0;
}
#root .mobile .bet-suggestions-container form table tr td.column-stake::after {
    display:none
}
#root .mobile .bet-suggestions-container form table tr td.column-user::before {
    width:44px;
    height:44px;
    background-size:44px;
}
.mobile .bet-suggestions-container form table tr td.column-action-view-ticket div button{
   
   position:absolute;
    height:86px;
    top:0px;
    left:0px;
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
    padding-top:8px;
}

.mobile .bet-suggestions-container form table tr td.column-action-view-ticket div,
.mobile .bet-suggestions-container form table tr td.column-action-view-ticket div button{
    width:100%;
   
}
.mobile .bet-suggestions-container form table tr td.column-action-view-ticket div button span{
   width: 100px;
   text-align:left;
   background-image:url(/v1.245/r/images/accessbet/icons/ant-design_caret-left-outlined_yellow.svg);
   background-repeat:no-repeat;
   background-position:75px center;
}
.mobile .bet-suggestions-container form table tr td.column-action-view-ticket div button::after {
    display:none;
}
.mobile .bet-suggestions-container form table tr td.column-action-view-ticket  {
    /* display:none; */
    min-height:18px;
     order:2;
    
}
#root .mobile .bet-suggestions-container .bet-results .betslip-html .selection{
    order:unset;
    padding: 0;
}
#root .mobile .bet-suggestions-container form table tr td.column-selections {
    padding:5px 8px;
    color:#a8a8a8;
}
#root .mobile .bet-suggestions-container .bet-results .betslip-html td.code{
    display:none
}
#root .mobile .bet-suggestions-container .bet-results .betslip-html tr.match {

    background-color:var(--c-blue-b);
    position:relative;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    margin:0px 5px;
}
#root .mobile .bet-suggestions-container .bet-results .betslip-html tr.match  td.match {
    width:100%;
    display:flex;
    position: relative;
}
#root .mobile .bet-suggestions-container .bet-results .betslip-html tr.match  td.match div.match {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width: 50%;
    align-items:flex-end;
    padding:8px;
    padding-bottom:2px;
    padding-top:32px;
    /* height:52px; */
}
#root .mobile .bet-suggestions-container .bet-results .betslip-html tr.match  td.match div.match > div {
    display:flex;
    width:50%;
    justify-content:flex-end;
    color:var(--c-text-light);
    align-items:flex-start;
    margin-bottom:auto;
}
#root .mobile .bet-suggestions-container .bet-results .betslip-html tr.match  td.match div.match > div text {
    font-size:8px;
    line-height:1;
}

#root .mobile .bet-suggestions-container .bet-results .betslip-html tr.match  td.match div.match > div.date {
    order:-3;
    text-align:center;
    font-size:8px;
    padding:2px 4px;
    border:1px solid var(--c-tint-b);
    width:70px;
    border-radius:5px;
    margin-bottom:8px;
    position:absolute;
    left:8px;
    top:8px;
}
#root .mobile .bet-suggestions-container .bet-results .betslip-html tr.match  td.match div.match > div:not(.date){
    position:absolute;
    top:8px;
    right:8px;
}
#root .mobile .bet-suggestions-container .bet-results .betslip-html .selection .nr {
    display:none;
}
#root .mobile .bet-suggestions-container .bet-results .betslip-html .selection {
    padding:2px 8px;
    background-color:var(--c-blue-b);
    position:relative;
    padding-right:86px;
    min-height: 25px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    margin-left:5px;
    margin-right:5px
}
#root .mobile .bet-suggestions-container .bet-results .betslip-html .selection + .match {
    margin-top:8px;
}
#root .mobile .bet-suggestions-container .bet-results .betslip-html .selection .match {
    width:100%;
}
#root .mobile .bet-suggestions-container .bet-results .betslip-html .selection .odds{
    max-width:70px;
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    background-color:var(--c-emphasis-c);
    color:var(--c-black);
    font-weight:bold;
    font-size:15px;
    border-radius:5px;
    position:absolute;
    right:8px;
    height:35px;
    transform:translate(0%,calc(-100% + 10px))
}
#root .mobile .bet-suggestions-container .bet-results .betslip-html .selection .odds::before {
    display:none;
}
#root .mobile .bet-suggestions-container .bet-results .betslip-html .selection .add-in-betslip {
    position:relative;
    width:70px;
}
#root .mobile .bet-suggestions-container .bet-results .betslip-html .selection .add-in-betslip button {
    width:25px;
    height:25px;
    position:absolute;
    left:50%;
    transform:translate(-50%,-100%);
    border-radius:50%;
    background-color:transparent;
    border:1px solid var(--c-blue-a);
    background-image:url(/v1.250/r/images/accessbet/icons/ic_baseline-plus.svg);
    background-repeat:no-repeat;
    background-position:center;
}
#root .mobile .bet-suggestions-container .bet-results .betslip-html .selection .add-in-betslip button.selection-added {
    background-color:var(--c-blue-d)
}
#root .mobile .bet-suggestions-container .bet-results .betslip-html .selection .add-in-betslip button .button-label {
    font-size:5px;
    line-height:1;
    white-space:nowrap;
    left:50%;
    position:absolute;
    transform: translate(-50%,calc(100% + 12px));
    color:var(--c-blue-a)
}
#root .mobile .bet-suggestions-container .bet-results .betslip-html .slip-bottom {
    display:none;
}

.mobile .bet-suggestions-container form table tr td:not(.column-action-view-ticket):not(.column-user):not(.column-id)::before {
    font-size:15px;
    font-weight:300;
    color:#a8a8a8
}
#root .mobile .bet-suggestions-container form table tr td.column-stake::after,
#root .mobile .bet-suggestions-container form table tr td.column-odds::after,
#root .mobile .bet-suggestions-container form table tr td.column-max-payout::after {
    background-color:var(--c-blue-a)
}
#root .mobile .bet-suggestions-container .button-last-ticket {
    display:none;
}
#root .mobile .bet-suggestions-container.open-ticket .navigation-buttons{
    width:100%;
    height:100px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
}
#root .mobile .bet-suggestions-container.open-ticket .navigation-buttons button {
    width:44px;
    height:44px;
    border-radius:50%;
    margin:0px 20px;
    margin-bottom:20px;
    position:relative;
    background-repeat:no-repeat;
    background-size:24px;
    background-position:center;
}
#root .mobile .bet-suggestions-container.open-ticket .navigation-buttons button span {
    position:absolute;
    white-space:nowrap;
     left:50%;
    transform:translate(-50%,0%);
    color:var(--c-white-e);
    bottom:-20px;
    font-size:12px;
}
#root .mobile .bet-suggestions-container.open-ticket .navigation-buttons button.button-load-to-betslip {
    background-color:var(--c-green);
    background-image:url(/v1.252/r/images/accessbet/icons/material-symbols_check.svg);
    background-repeat:no-repeat;
    background-size:24px;
    background-position:center;
}
#root .mobile .bet-suggestions-container.open-ticket .navigation-buttons button.button-close-ticket {
    background-color:#192439;
    background-image:url(/v1.252/r/images/accessbet/icons/material-symbols_close_white.svg);
     
    border:1px solid var(--c-blue-c)
}
#root .mobile .bet-suggestions-container.open-ticket .navigation-buttons button.button-previous-ticket,
#root .mobile .bet-suggestions-container.open-ticket .navigation-buttons button.button-next-ticket{
    width:38px;
    height:38px;
    background-color:var(--c-primary-d);
    background-size:41px;
}
#root .mobile .bet-suggestions-container.open-ticket .navigation-buttons button.button-previous-ticket {
    background-image:url(/v1.252/r/images/accessbet/icons/carbon_previous-filled.svg);
    /* margin-right:auto; */
}
#root .mobile .bet-suggestions-container.open-ticket .navigation-buttons button.button-next-ticket {
    background-image:url(/v1.252/r/images/accessbet/icons/carbon_next-filled.svg);
    /* margin-left:auto; */
}