.strato-reset {
    padding: 0;
    margin: 0;
    border: 0;
}

input[type='text'].strato-combobox-textfield {
    min-height: 18px;
    border: 2px solid #ccc;
    border-spacing: 5px;
    border-radius: 5px;
    display: inline-block;
    width: 99%;
    float: left;

    /* from select box */
    font-family: "MS Shell Dlg 2", "Source Sans Pro", sans-serif;
}

input[type='text'].strato-combobox-textfield.hover {
    background-color: #fff;
    border-color: #999 !important;
}

.strato-combobox-button {
    min-width: 20px;
    min-height: 20px;
    cursor: pointer;
    background-color: #fff;
    border: 2px solid #ccc;
    border-spacing: 5px;
    border-radius: 5px;

    border-left-width: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

    display: inline-block;
}

.strato-combobox-button:hover {
    background-color: #fff; /* we have to set it, otherwise locally it becomes blue */
    border-color: #999;
}

.strato-combobox-button div {
    background-image: url('/js/arrow-down.png');
    background-position: center;
    background-attachment: local;
    background-repeat: no-repeat;
    /*background-size: 17px;*/
    background-color: transparent;
    width: 100%;
    height: 100%;
    border-width: 0;
}
.strato-combobox-button div:hover {
    background-image: url('/js/arrow-down-hover.png');
}


.strato-combobox-dropdown {
    position: absolute;
    display: none;
    z-index: 1;
    background: white;
    margin: 0;
    padding: 0;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 2px solid #ccc;
    border-top: 0;
    border-spacing: 5px;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;

}

.strato-combobox-dropdown ul {
    padding: 0;
    margin: 0;
}

.strato-combobox-dropdown ul li {
    list-style: none;
    width: max-content;
    min-width: 100%;
    min-height: 22px;
    cursor: pointer;
    /* from select option */
    padding: 7.5px;
    font-size: 18px;
    /*font-family: "MS Shell Dlg 2", "Source Sans Pro", sans-serif;*/
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-weight: normal;
    border: 1px solid transparent;
}

/* the "original" from the business case editor uses much smaller font etc */
.strato-combobox-dropdown.small ul li {
    font-size: 14px;
    font-family: "MS Shell Dlg 2", "Source Sans Pro", sans-serif;
}

.strato-combobox-dropdown li.selected {
    background: #ccc;
    font-weight: bold;
}

.strato-combobox-dropdown li.highlighted {
    background: #ffc;
    font-weight: bold;
    border: 1px solid #F2C94C;
}

/* imitate jquery style of popup */
.jquery-dropdown {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    /*font-weight: 510;*/
    color: rgb(51, 51, 51);
}

.jquery-dropdown ul {
    background: #eee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
}

.jquery-dropdown ul li {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em;
}

.jquery-dropdown ul li.highlighted {
    font-weight: bold;
    color: #c77405;
    background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
    border: 1px solid #fbcb09;
}