/**
 * Filename:    sa_renderable_combobox.css
 * 
 * Description: Implementation of the sa_renderable_combobox class.
 * 
 * Copyright © 1999-2021 by Interact Solutions Ltda.
 * Rua Carlos Fett Filho, 47/301
 * 95.900.000, LAJEADO, RS
 * BRAZIL
 * 
 * The copyright to the computer program(s) herein
 * is the property of Interact Solutions Ltda., Brazil.
 * The program(s) may be used and/or copied only with
 * the written permission of Interact Solutions Ltda.
 * or in accordance with the terms and conditions
 * stipulated in the agreement/contract under which
 * the program(s) have been supplied.
 */

.sa_renderable_combobox
{
    position: relative;
}

.sa_renderable_combobox__selecion
{
    display: flex;
    align-items: center;
    cursor: pointer;
}

.sa_renderable_combobox__popup
{
    border-radius: 4px;
    border: 1px solid rgb( var(--color-gray400) );
    background: rgb( var(--color-white) );
}

.sa_renderable_combobox__popup .z-popup-cl,
.sa_renderable_combobox__popup .z-popup-cnt
{
    background: none;
    border: 0;
    padding: 0px;
}

.sa_renderable_combobox__popup__select_list
{
    box-sizing: border-box;
    display: flex;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
}

.sa_renderable_combobox__popup__select_list > *
{
    cursor: pointer;
}

.sa_renderable_combobox__popup__select_list > div:hover
{
    border-radius: 2px;
    background: rgb(var(--color-cyan40));
}