.aps-icon-picker, #aps_points_icon { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .aps-icon-picker + i, #aps_points_icon + i { font-size: 14px; line-height: 1.42857143; vertical-align: -1px; background-color: #f3f3f3; border: 1px solid #cccccc; border-left: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; color: #555555; display: inline-block; width: auto; height: 34px; padding: 6px 12px; cursor: pointer; } .aps-icon-picker:focus, #aps_points_icon:focus { border-right-color: #cccccc; } .aps-icon-picker:focus + i, #aps_points_icon:focus + i { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .iconpicker-popover.popover { border: 1px solid #cccccc; border-radius: 4px; } .iconpicker-popover .arrow:after { border-bottom-color: #f7f7f7 !important; } .iconpicker-popover .iconpicker-item { margin: 0 11px 11px 0; } .iconpicker-search, .iconpicker-search:hover, .iconpicker-search:focus { background-color: #ffffff; border-radius: 4px; max-width: calc(100% - 16px); padding: 5px 8px; } .iconpicker-popover ::-webkit-scrollbar { background: transparent; width: 5px; height: 5px; } .iconpicker-popover ::-webkit-scrollbar-corner { background: transparent; } .iconpicker-popover ::-webkit-scrollbar-thumb { background: #333333; border-radius: 10px; } .iconpicker-popover ::-webkit-scrollbar-track { background: #f3f3f3; border-radius: 10px; }