/* 
    Created on : 06.08.2024, 14:54:11
    Author     : ThomasRutschke
*/

/*@import url("SchunkSelect_CE.css");*/



.schunk-select-container {
    /*border: lightgrey dotted 1px;*/
}

.schunk-select-label-container {
    display: flex;
}

.schunk-select-label {
        display: block;
    font-size: 1.4rem;
    font-weight: bold;
    padding: .5rem 1rem .5rem .5rem;
}

.schunk-select-headline {
    font-size: 1.2rem;
    padding: .5rem 3rem .5rem 1rem;
    border-radius: .5rem;
    text-align: left;
    cursor: pointer;
    color: #929292;
    background: #f4f2f2 url(../images/arrowHeadDownGrey.svg) no-repeat right 19px center;
    background-size: 10px 10px;
    overflow-x: auto;
}

.schunk-select-headline-focus, .schunk-select-headline:focus-visible, .schunk-select-headline-selected, schunk-select-header::selection {
    cursor: pointer;
    color: #333333;
    background: #f5f5f5 url(../images/arrowHeadUpBlue.svg) no-repeat right 19px center;
    background-size: 10px 10px;
    outline: none;
}

.schunk-select-drop-down-container {    
    position: absolute;
    z-index: 99;
    margin-top: .25rem;
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .11);
    overflow-x: auto;
    width:fit-content;

}

.schunk-select-info-i {
    padding: .5rem 1rem .5rem .5rem;
}