.filter_dropbtn {
    background-color: #ca48c2;
    color: #fff;
    padding: 5px 10px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    border-radius:5px;
    display:block;
    text-align:left;
    text-decoration:none;
    position:relative;
}

.filter_dropbtn:hover { color:#fff; }

.filter_dropbtn span { position:absolute; right:10px;top:10px;}

.dropbtn:hover, .dropbtn:focus {
    background-color: #3e8e41;
}

.filter-scrollable-menu {
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    top:25px;
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
    left:15px;
    background:#ffd1fc;
    margin-right:15px;
    width: calc(100% - 30px);
}

.filter-scrollable-menu li a { color:#000; text-decoration:none; }
.filter-scrollable-menu li a:hover { color:#c971c4; text-decoration:none; background:none; }
.filter-scrollable-menu li a:focus { text-decoration:none; background:none; }
.filter-scrollable-menu li a.active { color:#c971c4; }

.filter-scrollable-menu li a .fa-check-circle { display:none; }
.filter-scrollable-menu li a.active .fa-check-circle { display:inline-block; }
.filter-scrollable-menu li a.active .fa-circle { display:none; }

.filter_search_input {
    border-box: box-sizing;
/*
    background-image: url('searchicon.png');
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
*/
    padding: 5px 20px 5px 5px;
    border: none;
    border-bottom: 1px solid #ddd;
    display:block;
    width:100%;
}

#myInput:focus {outline: 3px solid #ddd;}

.dropdown {
    position: relative;
    display: block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    min-width: 230px;
    overflow: auto;
    border: 1px solid #ddd;
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown a:hover {background-color: #ddd;}

#filter_tags_container { margin:10px 0px 10px 0px; padding:5px;}

.filter_tag_element { background:#ffd1fc; display:inline-block; margin:0px 10px 10px 0px; padding:3px; font-size: 14px; }
.filter_tag_element i { color:red; margin:2px 0px 2px 5px; cursor:pointer; }
.filter_tag_element i.fa-circle { display:none; }
.filter_tag_element i.fa-check-circle { display:none; }

.show {display: block;}

.visible-xs { display:none; }
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
}

.f_toggle_btn { margin-top: 5px; float: right; padding: 6px 10px 6px 10px;background: #ca48c2;color: #fff;border: none;border-radius: 5px;margin-left: 10px;font-size: 14px; }