.custom_select_box {
    position:relative;
    display:inline-block;
    cursor:default;
    text-align:left;
    line-height:30px;
    clear:both;
    color:#888;
}
/*
.custom_select_container .selected {
    width:167px;
    text-indent:20px;
    border:1px solid #ccc;
    border-right:none;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    background:#f6f6f6;
    overflow:hidden;
}*/
.custom_select_box .select_arrow {
    width:30px;
    border:1px solid #60abf8;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    text-align:center;
    font-size:20px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    background:#4096ee;
}

.custom_select_box .select_arrow {
    position:relative;
    float:left;
    height:30px;
    z-index:1;
}
.custom_select_container .select_options {
    position:absolute;
    top:28px;
    left:0;
    width:198px;
    border:1px solid #ccc;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    overflow:hidden;
    background:#f6f6f6;
    padding-top:2px;
    display:none;
}

.custom_select_container .select_option {
    display:block;
    width:80%;
    /*line-height:5px;*/
    padding:2px 10%;
}

.custom_select_container .select_option:not(:last-child) {
    border-bottom: 1px dashed #ccc;
}
.custom_select_container .selected, .custom_select_container .select_option:hover {
    color:#f6f6f6;
    background:#4096ee;
}
.custom_select_container {
    position: absolute;
    margin-top: 15px;
    margin-left: -40px;
    border:1px solid #ccc;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    overflow:hidden;
	overflow-y: scroll;
    background: #f6f6f6;
    width: 100px;
	max-height: 300px;
    visibility: hidden;
	z-index: 1000; /* Longer custom select menus were being covered up by other elements */
}