.app-simple-selector{
    position: fixed;
    top:0;    
    right:0;
    bottom: 0;
    left:0;
    background-color: rgba(192, 192, 192, 0.5);
    z-index: 2;
}
.app-simple-selector .close-btn{
    position: fixed;
    top:1em;
    right:1em;
    cursor: pointer;
}
.app-simple-selector .backpan{
    display:flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.app-simple-selector .backpan .dialog{
    background: white;
    border-radius: 10px;
    padding:0.25em;
    width: min(30em, 70vw);
    height: min(20em, 70vh);
    overflow-x: hidden;
    overflow-y: auto;
}
.app-simple-selector .item{
    padding: 0.5em 1em;
    cursor: pointer;
}
.app-simple-selector .item:not(:last-child){
    border-bottom: 1px solid silver;
}
.app-simple-selector .item .title{
    font-weight: bold;
    margin-bottom: 0.25em;
    font-size: 1.1em;
    color:rgb(31, 31, 31);
}
.app-simple-selector .item .id{
    font-style: italic;
    font-size: 0.7em;
    color:silver;
}
.app-simple-selector .selector-loading{
    height: 90%;
    background-image: url('../images/gif/loading.gif');
    background-repeat: no-repeat;
    background-position: center;
}
.app-simple-selector:not(.loading) .selector-loading{
    display: none;
}
.app-simple-selector.loading .selector-items{
    display: none;
}