div#category_search { padding: 0px 0px 10px; } div#category_search input { font-size: 1rem; width: 100%; margin: 10px 0px; padding: 4px; border: solid 1px #ccc; } #category_list .cat_select > div:first-child:hover span { background: rgb(239, 239, 239); } #category_list .cat_select > div:first-child:hover label { background: #af1b17; } #category_list .cat_select { position: relative; } #category_list .cat_select span { display: block; /* border-bottom: solid 1px #fff; */ border-top: solid 1px #efefef; /* border-bottom: solid 1px #efefef; */ padding: 3px 10px 3px 22px; } #category_list .cat_select label { display: block; padding: 3px 10px; background: #5a79af; color: #fff; position: absolute; right: 0px; top: 0px; } #category_list .cat_select label input { display: none; } #category_list .cat_list .cat_list { display: none; border-left: solid 25px #efefef; } #category_list .cat_select.active > .cat_list{ display:block; } .cat_select.has_children:before { content: "\025ba"; position: absolute; top: 4px; left: 5px; z-index: 10; } .cat_select.active.has_children:before { content: "\025bc"; }