.loadingIcon{width:100%;height:100%;background-color:rgba(23,43,61,.7);-webkit-backdrop-filter:blur(1rem) opacity(0);backdrop-filter:blur(1rem) opacity(0);position:fixed;left:0;top:0;z-index:-1;opacity:0;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:.3s}.loadingIcon span{width:100px;height:100px;border:1.4rem solid;border-color:#3952a8 #fff #109748 #ee2c25;position:relative;border-radius:50%;-webkit-animation:loadingIconAnimation 1s linear infinite;animation:loadingIconAnimation 1s linear infinite;transform-origin:center}.loadingIcon p{margin-top:1rem;color:#fff;font-size:1.2rem;font-weight:700}.loadingIcon.show{opacity:1;z-index:2000;-webkit-backdrop-filter:blur(1rem) opacity(1);backdrop-filter:blur(1rem) opacity(1)}.searchGroup{display:flex;position:relative;float:right;padding:8px;border-radius:5px;width:100%}.searchGroup.small-screen{flex-direction:column}.searchGroup.with-count{width:auto}.searchGroup .table-cell-count{white-space:nowrap;text-align:right;margin-left:10px}.searchGroup .input-group-append{margin-left:-40px}.searchGroup .filter-input{background-color:var(--smci-search-filter-bgColor);border:1px solid #c7c7c7;border-radius:27px;padding:0 1rem;width:100%;height:28px;min-width:20%;transition:width .3s;outline:none;color:var(--smci-text-primary-color);text-overflow:ellipsis;white-space:nowrap}.searchGroup .filter-input::-moz-placeholder{color:var(--smci-text-primary-color)}.searchGroup .filter-input:-ms-input-placeholder{color:var(--smci-text-primary-color)}.searchGroup .filter-input::placeholder{color:var(--smci-text-primary-color)}.searchGroup .filter-input svg{width:32px;height:32px}.searchGroup .b-icon{color:var(--smci-text-primary-color);border-radius:27px;margin-left:15px;margin-top:5px;height:16px}.searchGroup .table-cell-count{line-height:1}@media screen and (max-width:576px){.searchGroup{width:100%}.searchGroup .filter-input{width:100%;padding:0 1rem}}