.tinyselect {
    display: inline-block;
    position: relative;
}

    .tinyselect .selectbox {
        background-color: #fff;
        width: 100%;
        text-align: left;
        padding: 10px 15px;
        box-sizing: border-box;
        cursor: pointer;
        border-radius: 20px;
        white-space: nowrap;
        overflow: hidden;
    }

        .tinyselect .selectbox::after {
            content: '\2B9F';
            /*content: '\2B9B';*/
            position: absolute;
            right: 0px;
            font-size: 16px;
            padding: 2px 10px 0 0;
            border-radius: 20px;
            background-color: #fff;
            background-repeat: no-repeat;
            background-position: center;
        }

        .tinyselect .selectbox.open::after {
            content: '\2B9D';
            /*content: '\2B99';*/
            transition: all 2s;
        }

    .tinyselect .dropdown {
        position: absolute;
        width: 100%;
        top: 50px;
        border: 1px solid #ccc;
        border-radius: 5px;
        background-color: white;
        z-index: 100;
        box-sizing: border-box;
        max-height: 200px;
        overflow: auto;
    }

        .tinyselect .dropdown::-webkit-scrollbar {
            display: none;
        }

        .tinyselect .dropdown .searchcontainer {
            padding: 5px;
        }

        .tinyselect .dropdown .searchbox {
            width: 100%;
            border: 1px solid #ccc;
            font-size: 16px;
            padding: 4px 10px;
        }

        .tinyselect .dropdown .searchicon {
            position: absolute;
            top: 11px;
            right: 18px;
            width: 14px;
            height: 14px;
            color: #1FAD9F;
        }

    .tinyselect .itemcontainer {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .tinyselect .itemcontainer > li {
            padding: 5px 2px;
        }

            .tinyselect .itemcontainer > li.item {
                padding: 5px 10px;
            }

            .tinyselect .itemcontainer > li.selected {
                background-color: #e6e6e6;
            }

            .tinyselect .itemcontainer > li.item:hover {
                background-color: #1FAD9F;
                color: #fff;
            }

        .tinyselect .itemcontainer li.loadindicator {
            padding: 15px;
            font-weight: bold;
        }

        .tinyselect .itemcontainer li.loaderrorindicator {
            padding: 15px;
            font-weight: bold;
            color: red;
        }