/*Search For Icons*/ .borderless-postbox-search .search-icon { padding: 10px; } .borderless-postbox-search.postbox .search-icon { width: 100%; } .borderless-postbox-search.postbox .search-area { margin: 1em; } .borderless-postbox-search.postbox .search-count-open { margin-top: 1em; display: flex; align-items: center; } .borderless-postbox-search.postbox .search-count a { margin-left: 1em; } .borderless-postbox-search.postbox .inside { padding: 0; margin: 0; } /* Add New Pack Button */ .borderless-upload-icon { float: right; } /*Icon Manager*/ .borderless-postbox-icon-manager { /* Tooltip */ } .borderless-postbox-icon-manager .borderless_icon li { float: left; width: 6rem; height: 6rem; text-align: center; display: block; margin: 0; } .borderless-postbox-icon-manager .borderless_icon li > i { color: #000; font-size: 3rem; vertical-align: text-bottom; display: inline-block; line-height: 6rem; transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; } .borderless-postbox-icon-manager .borderless_icon li:hover > i { font-size: 4rem; } .borderless-postbox-icon-manager .borderless_icon li label { display: none; } .borderless-postbox-icon-manager .icon_search { width: 100%; height: 100%; height: auto; overflow: hidden; } .borderless-postbox-icon-manager .icon_search > ul { margin: 0; } .borderless-postbox-icon-manager [class^="icon_set-"], .borderless-postbox-icon-manager [class*=" icon_set-"] { width: 100%; float: left; } .borderless-postbox-icon-manager .fonts-count { display: inline-block; font-size: 12px; line-height: 17px; font-weight: 600; vertical-align: middle; -webkit-border-radius: 10px; border-radius: 10px; z-index: 26; padding: 0 6px; margin-left: 10px; } .borderless-postbox-icon-manager .ip_name { padding-bottom: 12px; border-bottom: 1px solid #DDD; margin-bottom: 10px; } .borderless-postbox-icon-manager .ip_name button { margin-top: -2px !important; float: right; } .borderless-postbox-icon-manager.postbox .inside { padding: 0; margin: 0; } .borderless-postbox-icon-manager a.tooltips { position: relative; display: block; height: 6rem; width: 6rem; margin-top: -4.5rem; } .borderless-postbox-icon-manager a.tooltips span { position: absolute; width: 140px; color: #FFFFFF; background: #23282d; height: 30px; line-height: 30px; text-align: center; visibility: hidden; border-radius: 3px; } .borderless-postbox-icon-manager a.tooltips span:after { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #23282d; border-right: 8px solid transparent; border-left: 8px solid transparent; } .borderless-postbox-icon-manager a:hover.tooltips span { visibility: visible; top: 4rem; left: 50%; margin-left: -4.3rem; z-index: 999; } @media (max-width: 768px) { .borderless-postbox-icon-manager .icon_search { max-height: 10rem; overflow: scroll; overflow-x: hidden; } } @media (max-width: 768px) { .borderless-postbox-icon-manager .ip_name button { margin-top: -7px !important; } }