/**
 * Custom Select de Bananin
 * Copyright 2022-2023 Jhoan Velasquez
 * Licensed under: MIT
 */.btn-select {
    background: #fff;
    border: 1px solid #ced4da;
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem;
    flex-grow: 1;
    
    $m-fondo-hover: #8e9925;
    $m-fondo-active: #565e00;
    
    .btn-select-in{
        padding-right: 22px;
        width: 100%;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        &:after{
            color: #000;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 5px;
            content: "";
            border-top: 0.4em solid;
            border-right: 0.4em solid transparent;
            border-bottom: 0;
            border-left: 0.4em solid transparent;
        }
        &:before {
            content: '';
            position: absolute;
            top: 1px;
            right: 1px;
            width: 22px;
            height: calc(100% - 2px);
            background: #fff;
            border-radius: 0.25rem;
        }
    }
    &.falta{
        .btn-select-in{
            color: #ced4da;
        }
    }
    .dropdown-item.active:disabled {
        background-color: #597ef7;
    }
    .dropdown-item span {
        color: #858585;
    }
    .dropdown-item.active span {
        color: $m-fondo-hover;
    }
    .dropdown-item.active:disabled span {
        color: #7a99ff;
    }
    img{
        margin-right: 5px;
        height: 22px;
        width: 22px;
        object-fit: contain;
        object-position: center;
    }
    .dropdown-item.active, .dropdown-item:active {
        background-color: $m-fondo-active;
    }
    .dropdown-item:hover {
        background-color: $m-fondo-hover;
        color: white;
        span {
            color: #ffffff;
        }
    }
    .dropdown-item:focus{
        
    }
    .dropdown.disabled {
        pointer-events: none;
        opacity: 0.6;
    }
    ul{
        max-height: 35vh;
        overflow-y: auto;
        padding-top: 0;
    }
    .busca {
        padding: 0.25rem 1rem;
        position: sticky;
        top: 0;
        background-color: #fff;
        border-bottom: solid 1px #d9d9d9;
        .form-control:focus {
            color: #212529;
            border-color: #d9d9d9;
            outline: 0;
            box-shadow: none;
        }
    }
}