.sports-card.filter-result .sports-card-left {
    min-width: 100%;

}
.sports-card.filter-result .sports-card-body {
    border-right: none !important;

}



.result-items
.accordion-header {
    margin-top: 0;
    padding: 0;
    min-width: var(--left-side) !important;


}
.result-items
.accordion-header .accordion-button, .filter-result {
    background: #0f3e28;
 
}
.result-items .accordion-button:not(.collapsed) {
    color: white;

}

.result-items .accordion-button {
    color: white;

}

.result-items .accordion-button {
    border-radius: 0px !important;
}

.result-items .accordion-button::after {
    color: white !important;
    filter: grayscale() contrast(0);

}

.result-items 
.accordion[id^="accordion-league"] {
    min-width: calc(var(--left-side) - 97px);

}
.result-items 
.accordion-header[id^="heading-league"] button {
    padding: 0.5rem !important;
    background: #444 !important;

}
.result-items .accordion-body {
    padding: 0px;
}

.result-items .accordion-body > ul{
    margin: 0px;
}

.result-items .accordion-header .count{
    margin-left: auto !important;
    margin-right: 0.5rem;

}

.result-items .accordion * {
    border: none;
    box-shadow: none;
}

div.filter-result.wrapper{
    min-height: calc(100vh - 4rem);
    height: 100%;
    display: flex;
    flex-direction: column;
    
}
.result-items .accordion-header .count {
    background: #777;
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-items: center;
    align-content: center ;
    justify-content: center ;
    border-radius: 5px;
    position: absolute;
    right: .25rem;
    top: -5px;
    
}

.result-items .title {
    font-size: .8rem;

}

.result-items .accordion-button:hover {
    background: hsl(var(--light) / 0.1) !important;
    transition: 500ms;
    overflow: hidden;
}
.result-items .accordion-header{
    background: #0f3e28;
    cursor: pointer;
}


.accordion-header, .accordion-item > h2, .accordion-button, .filter-result {
    max-width: var(--left-side) !important;
}
.filter-result{
    overflow: hidden;
}

.sports-card.filter-result {
    border-radius: 0px;
}

.sports-card {
    position: relative;

}
.sports-card-left-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    z-index: 5  
    
}
.filter-result.wrapper .hide {
    display: none !important;
}
.filter-result.wrapper input[type=search] {
    border-radius: 0;
    background: rgb(255,255,255,0.1);
    color: white;
    border: none;
    
        
}

.filter-result.wrapper input[type=search]::placeholder {
    
    color: rgba(255, 255, 255, 0.654);
    font-style: italic 
    
        
}
.filter-result.wrapper
input[type="search"]::-webkit-search-cancel-button {
    /*-webkit-appearance: none;*/
    /*appearance: none;*/
    background-color: white;
    color: white; /* Cambia el color del ícono */
    /*font-size: 16px*/ /* Ajusta el tamaño del ícono */
}

.bet-markets {
    display: none;

}
.sports-card.bet-markets.show {
    display: flex !important;
  
}


.col:has(.sports-card.bet-markets.show ){
    min-width: 100%;
}

.btn.bet-btn {
    margin-left: auto;
    padding: 0.25rem;
    font-size: .7rem;
    position: absolute;
    right: .25rem;
    top: .2rem;
    background: color(srgb 0.1881 0.5802 0.1533);
    border: none;
    
}

.sports-card-heading {
    position: relative;
}

@media (min-width: 2100px){
    .col:has(.sports-card ){
         max-width: calc(100%/3); 
    
    }    
}
@media (min-width: 1700px){
    .col:has(.sports-card ){
         max-width: calc(100%/3); 
    
    }    
}
@media (max-width: 1700px){
    .col:has(.sports-card){
         max-width: calc(50%);
    }    
}
@media (max-width: 1500px){
    .col:has(.sports-card){
         max-width: calc(100%);
    }    
}



.filter-result .accordion-body{
    padding-bottom: 2rem !important;
}


form.count-check:has(input:checked) a.apply-changes-btn {
    opacity: 1 !important;
    background: #0f3e28;
}

form.count-check a.apply-changes-btn {
    background: #94cd9f;
    z-index: 20
}



form.count-check 
.apply-changes-btn:hover {
    background: white !important;
    color: hsl(var(--dark));
}



/*Betting body*/

.betting-body
.sports-card-wrapper {
    display: flex;
    flex-direction: column;
}

.betting-body .sports-card-left {
    display: flex;
    width: 100%;
    flex-direction: column;
}

a.apply-changes-btn {
    width: calc(100% - 3rem);
    right: 0;
    left: auto;
    border-radius: 0 0 5px 0;
}

a.clear-filter-btn {
    position: absolute;
    bottom: .5rem;
    left: .5rem;
    width: 2.5rem;
    height: 1.75rem;
    background-size: contain;
    border-radius: 0 0 0 5px;
}

a.clear-filter-btn {
    padding: .25rem;
    background: #777
}
a.clear-filter-btn:hover {
    padding: .25rem;
    background: #555
}

a.clear-filter-btn span{
    padding: .25rem;
    display: block;
    height: 100%;
    width: 100%;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    filter: invert();
    
}