ok
Mini Shell
<!doctype html>
<html lang="en">
<!-- Mirrored from codervent.com/rocker/demo/vertical/icons-boxicons.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 01 May 2023 11:03:53 GMT -->
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--favicon-->
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
<!--plugins-->
<link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" />
<link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" />
<link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" />
<!-- loader-->
<link href="assets/css/pace.min.css" rel="stylesheet" />
<script src="assets/js/pace.min.js"></script>
<!-- Bootstrap CSS -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/bootstrap-extended.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
<link href="assets/css/app.css" rel="stylesheet">
<link href="assets/css/icons.css" rel="stylesheet">
<!-- Theme Style CSS -->
<link rel="stylesheet" href="assets/css/dark-theme.css" />
<link rel="stylesheet" href="assets/css/semi-dark.css" />
<link rel="stylesheet" href="assets/css/header-colors.css" />
<title>Rocker - Bootstrap 5 Admin Dashboard Template</title>
</head>
<body>
<!--wrapper-->
<div class="wrapper">
<!--sidebar wrapper -->
<div class="sidebar-wrapper" data-simplebar="true">
<div class="sidebar-header">
<div>
<img src="assets/images/logo-icon.png" class="logo-icon" alt="logo icon">
</div>
<div>
<h4 class="logo-text">Rocker</h4>
</div>
<div class="toggle-icon ms-auto"><i class='bx bx-arrow-back'></i>
</div>
</div>
<!--navigation-->
<ul class="metismenu" id="menu">
<li>
<a href="javascript:;" class="has-arrow">
<div class="parent-icon"><i class='bx bx-home-alt'></i>
</div>
<div class="menu-title">Dashboard</div>
</a>
<ul>
<li> <a href="index.html"><i class='bx bx-radio-circle'></i>Default</a>
</li>
<li> <a href="index2.html"><i class='bx bx-radio-circle'></i>Alternate</a>
</li>
<li> <a href="index3.html"><i class='bx bx-radio-circle'></i>Graphical</a>
</li>
</ul>
</li>
<li>
<a href="javascript:;" class="has-arrow">
<div class="parent-icon"><i class="bx bx-category"></i>
</div>
<div class="menu-title">Application</div>
</a>
<ul>
<li> <a href="app-emailbox.html"><i class='bx bx-radio-circle'></i>Email</a>
</li>
<li> <a href="app-chat-box.html"><i class='bx bx-radio-circle'></i>Chat Box</a>
</li>
<li> <a href="app-file-manager.html"><i class='bx bx-radio-circle'></i>File Manager</a>
</li>
<li> <a href="app-contact-list.html"><i class='bx bx-radio-circle'></i>Contatcs</a>
</li>
<li> <a href="app-to-do.html"><i class='bx bx-radio-circle'></i>Todo List</a>
</li>
<li> <a href="app-invoice.html"><i class='bx bx-radio-circle'></i>Invoice</a>
</li>
<li> <a href="app-fullcalender.html"><i class='bx bx-radio-circle'></i>Calendar</a>
</li>
</ul>
</li>
<li class="menu-label">UI Elements</li>
<li>
<a href="widgets.html">
<div class="parent-icon"><i class='bx bx-cookie'></i>
</div>
<div class="menu-title">Widgets</div>
</a>
</li>
<li>
<a href="javascript:;" class="has-arrow">
<div class="parent-icon"><i class='bx bx-cart'></i>
</div>
<div class="menu-title">eCommerce</div>
</a>
<ul>
<li> <a href="ecommerce-products.html"><i class='bx bx-radio-circle'></i>Products</a>
</li>
<li> <a href="ecommerce-products-details.html"><i class='bx bx-radio-circle'></i>Product Details</a>
</li>
<li> <a href="ecommerce-add-new-products.html"><i class='bx bx-radio-circle'></i>Add New Products</a>
</li>
<li> <a href="ecommerce-orders.html"><i class='bx bx-radio-circle'></i>Orders</a>
</li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:;">
<div class="parent-icon"><i class='bx bx-bookmark-heart'></i>
</div>
<div class="menu-title">Components</div>
</a>
<ul>
<li> <a href="component-alerts.html"><i class='bx bx-radio-circle'></i>Alerts</a>
</li>
<li> <a href="component-accordions.html"><i class='bx bx-radio-circle'></i>Accordions</a>
</li>
<li> <a href="component-badges.html"><i class='bx bx-radio-circle'></i>Badges</a>
</li>
<li> <a href="component-buttons.html"><i class='bx bx-radio-circle'></i>Buttons</a>
</li>
<li> <a href="component-cards.html"><i class='bx bx-radio-circle'></i>Cards</a>
</li>
<li> <a href="component-carousels.html"><i class='bx bx-radio-circle'></i>Carousels</a>
</li>
<li> <a href="component-list-groups.html"><i class='bx bx-radio-circle'></i>List Groups</a>
</li>
<li> <a href="component-media-object.html"><i class='bx bx-radio-circle'></i>Media Objects</a>
</li>
<li> <a href="component-modals.html"><i class='bx bx-radio-circle'></i>Modals</a>
</li>
<li> <a href="component-navs-tabs.html"><i class='bx bx-radio-circle'></i>Navs & Tabs</a>
</li>
<li> <a href="component-navbar.html"><i class='bx bx-radio-circle'></i>Navbar</a>
</li>
<li> <a href="component-paginations.html"><i class='bx bx-radio-circle'></i>Pagination</a>
</li>
<li> <a href="component-popovers-tooltips.html"><i class='bx bx-radio-circle'></i>Popovers & Tooltips</a>
</li>
<li> <a href="component-progress-bars.html"><i class='bx bx-radio-circle'></i>Progress</a>
</li>
<li> <a href="component-spinners.html"><i class='bx bx-radio-circle'></i>Spinners</a>
</li>
<li> <a href="component-notifications.html"><i class='bx bx-radio-circle'></i>Notifications</a>
</li>
<li> <a href="component-avtars-chips.html"><i class='bx bx-radio-circle'></i>Avatrs & Chips</a>
</li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:;">
<div class="parent-icon"><i class="bx bx-repeat"></i>
</div>
<div class="menu-title">Content</div>
</a>
<ul>
<li> <a href="content-grid-system.html"><i class='bx bx-radio-circle'></i>Grid System</a>
</li>
<li> <a href="content-typography.html"><i class='bx bx-radio-circle'></i>Typography</a>
</li>
<li> <a href="content-text-utilities.html"><i class='bx bx-radio-circle'></i>Text Utilities</a>
</li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:;">
<div class="parent-icon"> <i class="bx bx-donate-blood"></i>
</div>
<div class="menu-title">Icons</div>
</a>
<ul>
<li> <a href="icons-line-icons.html"><i class='bx bx-radio-circle'></i>Line Icons</a>
</li>
<li> <a href="icons-boxicons.html"><i class='bx bx-radio-circle'></i>Boxicons</a>
</li>
<li> <a href="icons-feather-icons.html"><i class='bx bx-radio-circle'></i>Feather Icons</a>
</li>
</ul>
</li>
<li>
<a href="form-froala-editor.html">
<div class="parent-icon"><i class='bx bx-code-alt'></i>
</div>
<div class="menu-title">Froala Editor</div>
</a>
</li>
<li class="menu-label">Forms & Tables</li>
<li>
<a class="has-arrow" href="javascript:;">
<div class="parent-icon"><i class='bx bx-message-square-edit'></i>
</div>
<div class="menu-title">Forms</div>
</a>
<ul>
<li> <a href="form-elements.html"><i class='bx bx-radio-circle'></i>Form Elements</a>
</li>
<li> <a href="form-input-group.html"><i class='bx bx-radio-circle'></i>Input Groups</a>
</li>
<li> <a href="form-radios-and-checkboxes.html"><i class='bx bx-radio-circle'></i>Radios & Checkboxes</a>
</li>
<li> <a href="form-layouts.html"><i class='bx bx-radio-circle'></i>Forms Layouts</a>
</li>
<li> <a href="form-validations.html"><i class='bx bx-radio-circle'></i>Form Validation</a>
</li>
<li> <a href="form-wizard.html"><i class='bx bx-radio-circle'></i>Form Wizard</a>
</li>
<li> <a href="form-text-editor.html"><i class='bx bx-radio-circle'></i>Text Editor</a>
</li>
<li> <a href="form-file-upload.html"><i class='bx bx-radio-circle'></i>File Upload</a>
</li>
<li> <a href="form-date-time-pickes.html"><i class='bx bx-radio-circle'></i>Date Pickers</a>
</li>
<li> <a href="form-select2.html"><i class='bx bx-radio-circle'></i>Select2</a>
</li>
<li> <a href="form-repeater.html"><i class='bx bx-radio-circle'></i>Form Repeater</a>
</li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:;">
<div class="parent-icon"><i class="bx bx-grid-alt"></i>
</div>
<div class="menu-title">Tables</div>
</a>
<ul>
<li> <a href="table-basic-table.html"><i class='bx bx-radio-circle'></i>Basic Table</a>
</li>
<li> <a href="table-datatable.html"><i class='bx bx-radio-circle'></i>Data Table</a>
</li>
</ul>
</li>
<li class="menu-label">Pages</li>
<li>
<a class="has-arrow" href="javascript:;">
<div class="parent-icon"><i class="bx bx-lock"></i>
</div>
<div class="menu-title">Authentication</div>
</a>
<ul>
<li><a class="has-arrow" href="javascript:;"><i class='bx bx-radio-circle'></i>Basic</a>
<ul>
<li><a href="auth-basic-signin.html" target="_blank"><i class='bx bx-radio-circle'></i>Sign In</a></li>
<li><a href="auth-basic-signup.html" target="_blank"><i class='bx bx-radio-circle'></i>Sign Up</a></li>
<li><a href="auth-basic-forgot-password.html" target="_blank"><i class='bx bx-radio-circle'></i>Forgot Password</a></li>
<li><a href="auth-basic-reset-password.html" target="_blank"><i class='bx bx-radio-circle'></i>Reset Password</a></li>
</ul>
</li>
<li><a class="has-arrow" href="javascript:;"><i class='bx bx-radio-circle'></i>Cover</a>
<ul>
<li><a href="auth-cover-signin.html" target="_blank"><i class='bx bx-radio-circle'></i>Sign In</a></li>
<li><a href="auth-cover-signup.html" target="_blank"><i class='bx bx-radio-circle'></i>Sign Up</a></li>
<li><a href="auth-cover-forgot-password.html" target="_blank"><i class='bx bx-radio-circle'></i>Forgot Password</a></li>
<li><a href="auth-cover-reset-password.html" target="_blank"><i class='bx bx-radio-circle'></i>Reset Password</a></li>
</ul>
</li>
<li><a class="has-arrow" href="javascript:;"><i class='bx bx-radio-circle'></i>With Header Footer</a>
<ul>
<li><a href="auth-header-footer-signin.html" target="_blank"><i class='bx bx-radio-circle'></i>Sign In</a></li>
<li><a href="auth-header-footer-signup.html" target="_blank"><i class='bx bx-radio-circle'></i>Sign Up</a></li>
<li><a href="auth-header-footer-forgot-password.html" target="_blank"><i class='bx bx-radio-circle'></i>Forgot Password</a></li>
<li><a href="auth-header-footer-reset-password.html" target="_blank"><i class='bx bx-radio-circle'></i>Reset Password</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="user-profile.html">
<div class="parent-icon"><i class="bx bx-user-circle"></i>
</div>
<div class="menu-title">User Profile</div>
</a>
</li>
<li>
<a href="timeline.html">
<div class="parent-icon"> <i class="bx bx-video-recording"></i>
</div>
<div class="menu-title">Timeline</div>
</a>
</li>
<li>
<a class="has-arrow" href="javascript:;">
<div class="parent-icon"><i class="bx bx-error"></i>
</div>
<div class="menu-title">Errors</div>
</a>
<ul>
<li> <a href="errors-404-error.html" target="_blank"><i class='bx bx-radio-circle'></i>404 Error</a>
</li>
<li> <a href="errors-500-error.html" target="_blank"><i class='bx bx-radio-circle'></i>500 Error</a>
</li>
<li> <a href="errors-coming-soon.html" target="_blank"><i class='bx bx-radio-circle'></i>Coming Soon</a>
</li>
<li> <a href="error-blank-page.html" target="_blank"><i class='bx bx-radio-circle'></i>Blank Page</a>
</li>
</ul>
</li>
<li>
<a href="faq.html">
<div class="parent-icon"><i class="bx bx-help-circle"></i>
</div>
<div class="menu-title">FAQ</div>
</a>
</li>
<li>
<a href="pricing-table.html">
<div class="parent-icon"><i class="bx bx-diamond"></i>
</div>
<div class="menu-title">Pricing</div>
</a>
</li>
<li class="menu-label">Charts & Maps</li>
<li>
<a class="has-arrow" href="javascript:;">
<div class="parent-icon"><i class="bx bx-line-chart"></i>
</div>
<div class="menu-title">Charts</div>
</a>
<ul>
<li> <a href="charts-apex-chart.html"><i class='bx bx-radio-circle'></i>Apex</a>
</li>
<li> <a href="charts-chartjs.html"><i class='bx bx-radio-circle'></i>Chartjs</a>
</li>
<li> <a href="charts-highcharts.html"><i class='bx bx-radio-circle'></i>Highcharts</a>
</li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:;">
<div class="parent-icon"><i class="bx bx-map-alt"></i>
</div>
<div class="menu-title">Maps</div>
</a>
<ul>
<li> <a href="map-google-maps.html"><i class='bx bx-radio-circle'></i>Google Maps</a>
</li>
<li> <a href="map-vector-maps.html"><i class='bx bx-radio-circle'></i>Vector Maps</a>
</li>
</ul>
</li>
<li class="menu-label">Others</li>
<li>
<a class="has-arrow" href="javascript:;">
<div class="parent-icon"><i class="bx bx-menu"></i>
</div>
<div class="menu-title">Menu Levels</div>
</a>
<ul>
<li> <a class="has-arrow" href="javascript:;"><i class='bx bx-radio-circle'></i>Level One</a>
<ul>
<li> <a class="has-arrow" href="javascript:;"><i class='bx bx-radio-circle'></i>Level Two</a>
<ul>
<li> <a href="javascript:;"><i class='bx bx-radio-circle'></i>Level Three</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="https://codervent.com/rocker/documentation/index.html" target="_blank">
<div class="parent-icon"><i class="bx bx-folder"></i>
</div>
<div class="menu-title">Documentation</div>
</a>
</li>
<li>
<a href="https://themeforest.net/user/codervent" target="_blank">
<div class="parent-icon"><i class="bx bx-support"></i>
</div>
<div class="menu-title">Support</div>
</a>
</li>
</ul>
<!--end navigation-->
</div>
<!--end sidebar wrapper -->
<!--start header -->
<header>
<div class="topbar d-flex align-items-center">
<nav class="navbar navbar-expand gap-3">
<div class="mobile-toggle-menu"><i class='bx bx-menu'></i>
</div>
<div class="position-relative search-bar d-lg-block d-none" data-bs-toggle="modal" data-bs-target="#SearchModal">
<input class="form-control px-5" disabled type="search" placeholder="Search">
<span class="position-absolute top-50 search-show ms-3 translate-middle-y start-0 top-50 fs-5"><i class='bx bx-search'></i></span>
</div>
<div class="top-menu ms-auto">
<ul class="navbar-nav align-items-center gap-1">
<li class="nav-item mobile-search-icon d-flex d-lg-none" data-bs-toggle="modal" data-bs-target="#SearchModal">
<a class="nav-link" href="avascript:;"><i class='bx bx-search'></i>
</a>
</li>
<li class="nav-item dropdown dropdown-laungauge d-none d-sm-flex">
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="avascript:;" data-bs-toggle="dropdown"><img src="assets/images/county/02.png" width="22" alt="">
</a>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item d-flex align-items-center py-2" href="javascript:;"><img src="assets/images/county/01.png" width="20" alt=""><span class="ms-2">English</span></a>
</li>
<li><a class="dropdown-item d-flex align-items-center py-2" href="javascript:;"><img src="assets/images/county/02.png" width="20" alt=""><span class="ms-2">Catalan</span></a>
</li>
<li><a class="dropdown-item d-flex align-items-center py-2" href="javascript:;"><img src="assets/images/county/03.png" width="20" alt=""><span class="ms-2">French</span></a>
</li>
<li><a class="dropdown-item d-flex align-items-center py-2" href="javascript:;"><img src="assets/images/county/04.png" width="20" alt=""><span class="ms-2">Belize</span></a>
</li>
<li><a class="dropdown-item d-flex align-items-center py-2" href="javascript:;"><img src="assets/images/county/05.png" width="20" alt=""><span class="ms-2">Colombia</span></a>
</li>
<li><a class="dropdown-item d-flex align-items-center py-2" href="javascript:;"><img src="assets/images/county/06.png" width="20" alt=""><span class="ms-2">Spanish</span></a>
</li>
<li><a class="dropdown-item d-flex align-items-center py-2" href="javascript:;"><img src="assets/images/county/07.png" width="20" alt=""><span class="ms-2">Georgian</span></a>
</li>
<li><a class="dropdown-item d-flex align-items-center py-2" href="javascript:;"><img src="assets/images/county/08.png" width="20" alt=""><span class="ms-2">Hindi</span></a>
</li>
</ul>
</li>
<li class="nav-item dark-mode d-none d-sm-flex">
<a class="nav-link dark-mode-icon" href="javascript:;"><i class='bx bx-moon'></i>
</a>
</li>
<li class="nav-item dropdown dropdown-app">
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" data-bs-toggle="dropdown" href="javascript:;"><i class='bx bx-grid-alt'></i></a>
<div class="dropdown-menu dropdown-menu-end p-0">
<div class="app-container p-2 my-2">
<div class="row gx-0 gy-2 row-cols-3 justify-content-center p-2">
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/slack.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Slack</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/behance.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Behance</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/google-drive.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Dribble</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/outlook.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Outlook</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/github.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">GitHub</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/stack-overflow.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Stack</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/figma.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Stack</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/twitter.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Twitter</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/google-calendar.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Calendar</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/spotify.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Spotify</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/google-photos.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Photos</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/pinterest.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Photos</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/linkedin.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">linkedin</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/dribble.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Dribble</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/youtube.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">YouTube</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/google.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">News</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/envato.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Envato</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/safari.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Safari</p>
</div>
</div>
</a>
</div>
</div><!--end row-->
</div>
</div>
</li>
<li class="nav-item dropdown dropdown-large">
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret position-relative" href="#" data-bs-toggle="dropdown"><span class="alert-count">7</span>
<i class='bx bx-bell'></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a href="javascript:;">
<div class="msg-header">
<p class="msg-header-title">Notifications</p>
<p class="msg-header-badge">8 New</p>
</div>
</a>
<div class="header-notifications-list">
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center">
<div class="user-online">
<img src="assets/images/avatars/avatar-1.png" class="msg-avatar" alt="user avatar">
</div>
<div class="flex-grow-1">
<h6 class="msg-name">Daisy Anderson<span class="msg-time float-end">5 sec
ago</span></h6>
<p class="msg-info">The standard chunk of lorem</p>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center">
<div class="notify bg-light-danger text-danger">dc
</div>
<div class="flex-grow-1">
<h6 class="msg-name">New Orders <span class="msg-time float-end">2 min
ago</span></h6>
<p class="msg-info">You have recived new orders</p>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center">
<div class="user-online">
<img src="assets/images/avatars/avatar-2.png" class="msg-avatar" alt="user avatar">
</div>
<div class="flex-grow-1">
<h6 class="msg-name">Althea Cabardo <span class="msg-time float-end">14
sec ago</span></h6>
<p class="msg-info">Many desktop publishing packages</p>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center">
<div class="notify bg-light-success text-success">
<img src="assets/images/app/outlook.png" width="25" alt="user avatar">
</div>
<div class="flex-grow-1">
<h6 class="msg-name">Account Created<span class="msg-time float-end">28 min
ago</span></h6>
<p class="msg-info">Successfully created new email</p>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center">
<div class="notify bg-light-info text-info">Ss
</div>
<div class="flex-grow-1">
<h6 class="msg-name">New Product Approved <span
class="msg-time float-end">2 hrs ago</span></h6>
<p class="msg-info">Your new product has approved</p>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center">
<div class="user-online">
<img src="assets/images/avatars/avatar-4.png" class="msg-avatar" alt="user avatar">
</div>
<div class="flex-grow-1">
<h6 class="msg-name">Katherine Pechon <span class="msg-time float-end">15
min ago</span></h6>
<p class="msg-info">Making this the first true generator</p>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center">
<div class="notify bg-light-success text-success"><i class='bx bx-check-square'></i>
</div>
<div class="flex-grow-1">
<h6 class="msg-name">Your item is shipped <span class="msg-time float-end">5 hrs
ago</span></h6>
<p class="msg-info">Successfully shipped your item</p>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center">
<div class="notify bg-light-primary">
<img src="assets/images/app/github.png" width="25" alt="user avatar">
</div>
<div class="flex-grow-1">
<h6 class="msg-name">New 24 authors<span class="msg-time float-end">1 day
ago</span></h6>
<p class="msg-info">24 new authors joined last week</p>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center">
<div class="user-online">
<img src="assets/images/avatars/avatar-8.png" class="msg-avatar" alt="user avatar">
</div>
<div class="flex-grow-1">
<h6 class="msg-name">Peter Costanzo <span class="msg-time float-end">6 hrs
ago</span></h6>
<p class="msg-info">It was popularised in the 1960s</p>
</div>
</div>
</a>
</div>
<a href="javascript:;">
<div class="text-center msg-footer">
<button class="btn btn-primary w-100">View All Notifications</button>
</div>
</a>
</div>
</li>
<li class="nav-item dropdown dropdown-large">
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret position-relative" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <span class="alert-count">8</span>
<i class='bx bx-shopping-bag'></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a href="javascript:;">
<div class="msg-header">
<p class="msg-header-title">My Cart</p>
<p class="msg-header-badge">10 Items</p>
</div>
</a>
<div class="header-message-list">
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center gap-3">
<div class="position-relative">
<div class="cart-product rounded-circle bg-light">
<img src="assets/images/products/11.png" class="" alt="product image">
</div>
</div>
<div class="flex-grow-1">
<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
<p class="cart-product-price mb-0">1 X $29.00</p>
</div>
<div class="">
<p class="cart-price mb-0">$250</p>
</div>
<div class="cart-product-cancel"><i class="bx bx-x"></i>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center gap-3">
<div class="position-relative">
<div class="cart-product rounded-circle bg-light">
<img src="assets/images/products/02.png" class="" alt="product image">
</div>
</div>
<div class="flex-grow-1">
<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
<p class="cart-product-price mb-0">1 X $29.00</p>
</div>
<div class="">
<p class="cart-price mb-0">$250</p>
</div>
<div class="cart-product-cancel"><i class="bx bx-x"></i>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center gap-3">
<div class="position-relative">
<div class="cart-product rounded-circle bg-light">
<img src="assets/images/products/03.png" class="" alt="product image">
</div>
</div>
<div class="flex-grow-1">
<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
<p class="cart-product-price mb-0">1 X $29.00</p>
</div>
<div class="">
<p class="cart-price mb-0">$250</p>
</div>
<div class="cart-product-cancel"><i class="bx bx-x"></i>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center gap-3">
<div class="position-relative">
<div class="cart-product rounded-circle bg-light">
<img src="assets/images/products/04.png" class="" alt="product image">
</div>
</div>
<div class="flex-grow-1">
<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
<p class="cart-product-price mb-0">1 X $29.00</p>
</div>
<div class="">
<p class="cart-price mb-0">$250</p>
</div>
<div class="cart-product-cancel"><i class="bx bx-x"></i>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center gap-3">
<div class="position-relative">
<div class="cart-product rounded-circle bg-light">
<img src="assets/images/products/05.png" class="" alt="product image">
</div>
</div>
<div class="flex-grow-1">
<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
<p class="cart-product-price mb-0">1 X $29.00</p>
</div>
<div class="">
<p class="cart-price mb-0">$250</p>
</div>
<div class="cart-product-cancel"><i class="bx bx-x"></i>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center gap-3">
<div class="position-relative">
<div class="cart-product rounded-circle bg-light">
<img src="assets/images/products/06.png" class="" alt="product image">
</div>
</div>
<div class="flex-grow-1">
<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
<p class="cart-product-price mb-0">1 X $29.00</p>
</div>
<div class="">
<p class="cart-price mb-0">$250</p>
</div>
<div class="cart-product-cancel"><i class="bx bx-x"></i>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center gap-3">
<div class="position-relative">
<div class="cart-product rounded-circle bg-light">
<img src="assets/images/products/07.png" class="" alt="product image">
</div>
</div>
<div class="flex-grow-1">
<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
<p class="cart-product-price mb-0">1 X $29.00</p>
</div>
<div class="">
<p class="cart-price mb-0">$250</p>
</div>
<div class="cart-product-cancel"><i class="bx bx-x"></i>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center gap-3">
<div class="position-relative">
<div class="cart-product rounded-circle bg-light">
<img src="assets/images/products/08.png" class="" alt="product image">
</div>
</div>
<div class="flex-grow-1">
<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
<p class="cart-product-price mb-0">1 X $29.00</p>
</div>
<div class="">
<p class="cart-price mb-0">$250</p>
</div>
<div class="cart-product-cancel"><i class="bx bx-x"></i>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center gap-3">
<div class="position-relative">
<div class="cart-product rounded-circle bg-light">
<img src="assets/images/products/09.png" class="" alt="product image">
</div>
</div>
<div class="flex-grow-1">
<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
<p class="cart-product-price mb-0">1 X $29.00</p>
</div>
<div class="">
<p class="cart-price mb-0">$250</p>
</div>
<div class="cart-product-cancel"><i class="bx bx-x"></i>
</div>
</div>
</a>
</div>
<a href="javascript:;">
<div class="text-center msg-footer">
<div class="d-flex align-items-center justify-content-between mb-3">
<h5 class="mb-0">Total</h5>
<h5 class="mb-0 ms-auto">$489.00</h5>
</div>
<button class="btn btn-primary w-100">Checkout</button>
</div>
</a>
</div>
</li>
</ul>
</div>
<div class="user-box dropdown px-3">
<a class="d-flex align-items-center nav-link dropdown-toggle gap-3 dropdown-toggle-nocaret" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<img src="assets/images/avatars/avatar-2.png" class="user-img" alt="user avatar">
<div class="user-info">
<p class="user-name mb-0">Pauline Seitz</p>
<p class="designattion mb-0">Web Designer</p>
</div>
</a>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item d-flex align-items-center" href="javascript:;"><i class="bx bx-user fs-5"></i><span>Profile</span></a>
</li>
<li><a class="dropdown-item d-flex align-items-center" href="javascript:;"><i class="bx bx-cog fs-5"></i><span>Settings</span></a>
</li>
<li><a class="dropdown-item d-flex align-items-center" href="javascript:;"><i class="bx bx-home-circle fs-5"></i><span>Dashboard</span></a>
</li>
<li><a class="dropdown-item d-flex align-items-center" href="javascript:;"><i class="bx bx-dollar-circle fs-5"></i><span>Earnings</span></a>
</li>
<li><a class="dropdown-item d-flex align-items-center" href="javascript:;"><i class="bx bx-download fs-5"></i><span>Downloads</span></a>
</li>
<li>
<div class="dropdown-divider mb-0"></div>
</li>
<li><a class="dropdown-item d-flex align-items-center" href="javascript:;"><i class="bx bx-log-out-circle"></i><span>Logout</span></a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<!--end header -->
<!--start page wrapper -->
<div class="page-wrapper">
<div class="page-content">
<!--breadcrumb-->
<div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
<div class="breadcrumb-title pe-3">Icons</div>
<div class="ps-3">
<nav aria-label="breadcrumb">
<ol class="breadcrumb mb-0 p-0">
<li class="breadcrumb-item"><a href="javascript:;"><i class="bx bx-home-alt"></i></a>
</li>
<li class="breadcrumb-item active" aria-current="page">Boxicons</li>
</ol>
</nav>
</div>
<div class="ms-auto">
<div class="btn-group">
<button type="button" class="btn btn-primary">Settings</button>
<button type="button" class="btn btn-primary split-bg-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown"> <span class="visually-hidden">Toggle Dropdown</span>
</button>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-lg-end"> <a class="dropdown-item" href="javascript:;">Action</a>
<a class="dropdown-item" href="javascript:;">Another action</a>
<a class="dropdown-item" href="javascript:;">Something else here</a>
<div class="dropdown-divider"></div> <a class="dropdown-item" href="javascript:;">Separated link</a>
</div>
</div>
</div>
</div>
<!--end breadcrumb-->
<div class="row row-cols-1 row-cols-sm-2 row-cols-lg-4 row-cols-xl-5 g-3">
<div class="col" tabindex="1">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-shape-polygon"></i>
</div>
<div class="ms-2">shape-polygon</div>
</div>
</div>
<div class="col" tabindex="2">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-donate-blood"></i>
</div>
<div class="ms-2">donate-blood</div>
</div>
</div>
<div class="col" tabindex="3">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-donate-heart"></i>
</div>
<div class="ms-2">donate-heart</div>
</div>
</div>
<div class="col" tabindex="4">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-door-open"></i>
</div>
<div class="ms-2">door-open</div>
</div>
</div>
<div class="col" tabindex="5">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-credit-card-front"></i>
</div>
<div class="ms-2">credit-card-front</div>
</div>
</div>
<div class="col" tabindex="6">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-cookie"></i>
</div>
<div class="ms-2">cookie</div>
</div>
</div>
<div class="col" tabindex="7">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-comment-detail"></i>
</div>
<div class="ms-2">comment-detail</div>
</div>
</div>
<div class="col" tabindex="8">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-comment-add"></i>
</div>
<div class="ms-2">comment-add</div>
</div>
</div>
<div class="col" tabindex="9">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-comment-minus"></i>
</div>
<div class="ms-2">comment-minus</div>
</div>
</div>
<div class="col" tabindex="10">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-comment-edit"></i>
</div>
<div class="ms-2">comment-edit</div>
</div>
</div>
<div class="col" tabindex="11">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-comment-x"></i>
</div>
<div class="ms-2">comment-x</div>
</div>
</div>
<div class="col" tabindex="12">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-comment-error"></i>
</div>
<div class="ms-2">comment-error</div>
</div>
</div>
<div class="col" tabindex="13">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-comment-check"></i>
</div>
<div class="ms-2">comment-check</div>
</div>
</div>
<div class="col" tabindex="14">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-square-detail"></i>
</div>
<div class="ms-2">message-square-detail</div>
</div>
</div>
<div class="col" tabindex="15">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-square-add"></i>
</div>
<div class="ms-2">message-square-add</div>
</div>
</div>
<div class="col" tabindex="16">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-square-edit"></i>
</div>
<div class="ms-2">message-square-edit</div>
</div>
</div>
<div class="col" tabindex="17">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-square-minus"></i>
</div>
<div class="ms-2">message-square-minus</div>
</div>
</div>
<div class="col" tabindex="18">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-square-x"></i>
</div>
<div class="ms-2">message-square-x</div>
</div>
</div>
<div class="col" tabindex="19">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-square-error"></i>
</div>
<div class="ms-2">message-square-error</div>
</div>
</div>
<div class="col" tabindex="20">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-square-check"></i>
</div>
<div class="ms-2">message-square-check</div>
</div>
</div>
<div class="col" tabindex="21">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-detail"></i>
</div>
<div class="ms-2">message-detail</div>
</div>
</div>
<div class="col" tabindex="22">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-add"></i>
</div>
<div class="ms-2">message-add</div>
</div>
</div>
<div class="col" tabindex="23">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-edit"></i>
</div>
<div class="ms-2">message-edit</div>
</div>
</div>
<div class="col" tabindex="24">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-minus"></i>
</div>
<div class="ms-2">message-minus</div>
</div>
</div>
<div class="col" tabindex="25">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-x"></i>
</div>
<div class="ms-2">message-x</div>
</div>
</div>
<div class="col" tabindex="26">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-error"></i>
</div>
<div class="ms-2">message-error</div>
</div>
</div>
<div class="col" tabindex="27">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-check"></i>
</div>
<div class="ms-2">message-check</div>
</div>
</div>
<div class="col" tabindex="28">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-rounded-detail"></i>
</div>
<div class="ms-2">message-rounded-detail</div>
</div>
</div>
<div class="col" tabindex="29">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-rounded-add"></i>
</div>
<div class="ms-2">message-rounded-add</div>
</div>
</div>
<div class="col" tabindex="30">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-rounded-edit"></i>
</div>
<div class="ms-2">message-rounded-edit</div>
</div>
</div>
<div class="col" tabindex="31">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-rounded-minus"></i>
</div>
<div class="ms-2">message-rounded-minus</div>
</div>
</div>
<div class="col" tabindex="32">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-rounded-x"></i>
</div>
<div class="ms-2">message-rounded-x</div>
</div>
</div>
<div class="col" tabindex="33">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-rounded-error"></i>
</div>
<div class="ms-2">message-rounded-error</div>
</div>
</div>
<div class="col" tabindex="34">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-rounded-check"></i>
</div>
<div class="ms-2">message-rounded-check</div>
</div>
</div>
<div class="col" tabindex="35">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-alt-detail"></i>
</div>
<div class="ms-2">message-alt-detail</div>
</div>
</div>
<div class="col" tabindex="36">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-alt-edit"></i>
</div>
<div class="ms-2">message-alt-edit</div>
</div>
</div>
<div class="col" tabindex="37">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-alt-minus"></i>
</div>
<div class="ms-2">message-alt-minus</div>
</div>
</div>
<div class="col" tabindex="38">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-alt-x"></i>
</div>
<div class="ms-2">message-alt-x</div>
</div>
</div>
<div class="col" tabindex="39">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-alt-error"></i>
</div>
<div class="ms-2">message-alt-error</div>
</div>
</div>
<div class="col" tabindex="40">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-alt-check"></i>
</div>
<div class="ms-2">message-alt-check</div>
</div>
</div>
<div class="col" tabindex="41">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-alt-add"></i>
</div>
<div class="ms-2">message-alt-add</div>
</div>
</div>
<div class="col" tabindex="42">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-envelope-open"></i>
</div>
<div class="ms-2">envelope-open</div>
</div>
</div>
<div class="col" tabindex="43">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-home-smile"></i>
</div>
<div class="ms-2">home-smile</div>
</div>
</div>
<div class="col" tabindex="44">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-refresh"></i>
</div>
<div class="ms-2">refresh</div>
</div>
</div>
<div class="col" tabindex="45">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-meteor"></i>
</div>
<div class="ms-2">meteor</div>
</div>
</div>
<div class="col" tabindex="46">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-outline"></i>
</div>
<div class="ms-2">outline</div>
</div>
</div>
<div class="col" tabindex="47">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-trim"></i>
</div>
<div class="ms-2">trim</div>
</div>
</div>
<div class="col" tabindex="48">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-merge"></i>
</div>
<div class="ms-2">merge</div>
</div>
</div>
<div class="col" tabindex="49">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-minus-back"></i>
</div>
<div class="ms-2">minus-back</div>
</div>
</div>
<div class="col" tabindex="50">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-exclude"></i>
</div>
<div class="ms-2">exclude</div>
</div>
</div>
<div class="col" tabindex="51">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-intersect"></i>
</div>
<div class="ms-2">intersect</div>
</div>
</div>
<div class="col" tabindex="52">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-minus-front"></i>
</div>
<div class="ms-2">minus-front</div>
</div>
</div>
<div class="col" tabindex="53">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-unite"></i>
</div>
<div class="ms-2">unite</div>
</div>
</div>
<div class="col" tabindex="54">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-coin-stack"></i>
</div>
<div class="ms-2">coin-stack</div>
</div>
</div>
<div class="col" tabindex="55">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-coin"></i>
</div>
<div class="ms-2">coin</div>
</div>
</div>
<div class="col" tabindex="56">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-church"></i>
</div>
<div class="ms-2">church</div>
</div>
</div>
<div class="col" tabindex="57">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-chevron-right-square"></i>
</div>
<div class="ms-2">chevron-right-square</div>
</div>
</div>
<div class="col" tabindex="58">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-chevron-left-square"></i>
</div>
<div class="ms-2">chevron-left-square</div>
</div>
</div>
<div class="col" tabindex="59">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-chevron-up-square"></i>
</div>
<div class="ms-2">chevron-up-square</div>
</div>
</div>
<div class="col" tabindex="60">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-chevron-down-square"></i>
</div>
<div class="ms-2">chevron-down-square</div>
</div>
</div>
<div class="col" tabindex="61">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-chevron-right-circle"></i>
</div>
<div class="ms-2">chevron-right-circle</div>
</div>
</div>
<div class="col" tabindex="62">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-chevron-left-circle"></i>
</div>
<div class="ms-2">chevron-left-circle</div>
</div>
</div>
<div class="col" tabindex="63">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-chevron-up-circle"></i>
</div>
<div class="ms-2">chevron-up-circle</div>
</div>
</div>
<div class="col" tabindex="64">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-chevron-down-circle"></i>
</div>
<div class="ms-2">chevron-down-circle</div>
</div>
</div>
<div class="col" tabindex="65">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-line-chart-down"></i>
</div>
<div class="ms-2">line-chart-down</div>
</div>
</div>
<div class="col" tabindex="66">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-shield-x"></i>
</div>
<div class="ms-2">shield-x</div>
</div>
</div>
<div class="col" tabindex="67">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-caret-down-square"></i>
</div>
<div class="ms-2">caret-down-square</div>
</div>
</div>
<div class="col" tabindex="68">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-caret-left-square"></i>
</div>
<div class="ms-2">caret-left-square</div>
</div>
</div>
<div class="col" tabindex="69">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-caret-up-square"></i>
</div>
<div class="ms-2">caret-up-square</div>
</div>
</div>
<div class="col" tabindex="70">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-caret-right-square"></i>
</div>
<div class="ms-2">caret-right-square</div>
</div>
</div>
<div class="col" tabindex="71">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-caret-down-circle"></i>
</div>
<div class="ms-2">caret-down-circle</div>
</div>
</div>
<div class="col" tabindex="72">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-caret-up-circle"></i>
</div>
<div class="ms-2">caret-up-circle</div>
</div>
</div>
<div class="col" tabindex="73">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-caret-left-circle"></i>
</div>
<div class="ms-2">caret-left-circle</div>
</div>
</div>
<div class="col" tabindex="74">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-caret-right-circle"></i>
</div>
<div class="ms-2">caret-right-circle</div>
</div>
</div>
<div class="col" tabindex="75">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-camera-movie"></i>
</div>
<div class="ms-2">camera-movie</div>
</div>
</div>
<div class="col" tabindex="76">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-camera-home"></i>
</div>
<div class="ms-2">camera-home</div>
</div>
</div>
<div class="col" tabindex="77">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-calendar-star"></i>
</div>
<div class="ms-2">calendar-star</div>
</div>
</div>
<div class="col" tabindex="78">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-calendar-exclamation"></i>
</div>
<div class="ms-2">calendar-exclamation</div>
</div>
</div>
<div class="col" tabindex="79">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-vector"></i>
</div>
<div class="ms-2">vector</div>
</div>
</div>
<div class="col" tabindex="80">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-network-chart"></i>
</div>
<div class="ms-2">network-chart</div>
</div>
</div>
<div class="col" tabindex="81">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-chair"></i>
</div>
<div class="ms-2">chair</div>
</div>
</div>
<div class="col" tabindex="82">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-cctv"></i>
</div>
<div class="ms-2">cctv</div>
</div>
</div>
<div class="col" tabindex="83">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-drink"></i>
</div>
<div class="ms-2">drink</div>
</div>
</div>
<div class="col" tabindex="84">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-eraser"></i>
</div>
<div class="ms-2">eraser</div>
</div>
</div>
<div class="col" tabindex="85">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-capsule"></i>
</div>
<div class="ms-2">capsule</div>
</div>
</div>
<div class="col" tabindex="86">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-color-fill"></i>
</div>
<div class="ms-2">color-fill</div>
</div>
</div>
<div class="col" tabindex="87">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-vial"></i>
</div>
<div class="ms-2">vial</div>
</div>
</div>
<div class="col" tabindex="88">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-wine"></i>
</div>
<div class="ms-2">wine</div>
</div>
</div>
<div class="col" tabindex="89">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-calendar-heart"></i>
</div>
<div class="ms-2">calendar-heart</div>
</div>
</div>
<div class="col" tabindex="90">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-window-alt"></i>
</div>
<div class="ms-2">window-alt</div>
</div>
</div>
<div class="col" tabindex="91">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-braille"></i>
</div>
<div class="ms-2">braille</div>
</div>
</div>
<div class="col" tabindex="92">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-border-outer"></i>
</div>
<div class="ms-2">border-outer</div>
</div>
</div>
<div class="col" tabindex="93">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-brain"></i>
</div>
<div class="ms-2">brain</div>
</div>
</div>
<div class="col" tabindex="94">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bracket"></i>
</div>
<div class="ms-2">bracket</div>
</div>
</div>
<div class="col" tabindex="95">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-book-add"></i>
</div>
<div class="ms-2">book-add</div>
</div>
</div>
<div class="col" tabindex="96">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-book-heart"></i>
</div>
<div class="ms-2">book-heart</div>
</div>
</div>
<div class="col" tabindex="97">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-book-alt"></i>
</div>
<div class="ms-2">book-alt</div>
</div>
</div>
<div class="col" tabindex="98">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bong"></i>
</div>
<div class="ms-2">bong</div>
</div>
</div>
<div class="col" tabindex="99">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bone"></i>
</div>
<div class="ms-2">bone</div>
</div>
</div>
<div class="col" tabindex="100">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-blanket"></i>
</div>
<div class="ms-2">blanket</div>
</div>
</div>
<div class="col" tabindex="101">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-barcode-reader"></i>
</div>
<div class="ms-2">barcode-reader</div>
</div>
</div>
<div class="col" tabindex="102">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-task-x"></i>
</div>
<div class="ms-2">task-x</div>
</div>
</div>
<div class="col" tabindex="103">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-medal"></i>
</div>
<div class="ms-2">medal</div>
</div>
</div>
<div class="col" tabindex="104">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-alarm-exclamation"></i>
</div>
<div class="ms-2">alarm-exclamation</div>
</div>
</div>
<div class="col" tabindex="105">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-alarm-snooze"></i>
</div>
<div class="ms-2">alarm-snooze</div>
</div>
</div>
<div class="col" tabindex="106">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-abacus"></i>
</div>
<div class="ms-2">abacus</div>
</div>
</div>
<div class="col" tabindex="107">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-game"></i>
</div>
<div class="ms-2">game</div>
</div>
</div>
<div class="col" tabindex="108">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-tachometer"></i>
</div>
<div class="ms-2">tachometer</div>
</div>
</div>
<div class="col" tabindex="109">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-sticker"></i>
</div>
<div class="ms-2">sticker</div>
</div>
</div>
<div class="col" tabindex="110">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-spray-can"></i>
</div>
<div class="ms-2">spray-can</div>
</div>
</div>
<div class="col" tabindex="111">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-webcam"></i>
</div>
<div class="ms-2">webcam</div>
</div>
</div>
<div class="col" tabindex="112">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-dice-6"></i>
</div>
<div class="ms-2">dice-6</div>
</div>
</div>
<div class="col" tabindex="113">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-dice-5"></i>
</div>
<div class="ms-2">dice-5</div>
</div>
</div>
<div class="col" tabindex="114">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-dice-4"></i>
</div>
<div class="ms-2">dice-4</div>
</div>
</div>
<div class="col" tabindex="115">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-dice-3"></i>
</div>
<div class="ms-2">dice-3</div>
</div>
</div>
<div class="col" tabindex="116">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-dice-2"></i>
</div>
<div class="ms-2">dice-2</div>
</div>
</div>
<div class="col" tabindex="117">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-dice-1"></i>
</div>
<div class="ms-2">dice-1</div>
</div>
</div>
<div class="col" tabindex="118">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-border-inner"></i>
</div>
<div class="ms-2">border-inner</div>
</div>
</div>
<div class="col" tabindex="119">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-border-none"></i>
</div>
<div class="ms-2">border-none</div>
</div>
</div>
<div class="col" tabindex="120">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-glasses-alt"></i>
</div>
<div class="ms-2">glasses-alt</div>
</div>
</div>
<div class="col" tabindex="121">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-glasses"></i>
</div>
<div class="ms-2">glasses</div>
</div>
</div>
<div class="col" tabindex="122">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-calendar-week"></i>
</div>
<div class="ms-2">calendar-week</div>
</div>
</div>
<div class="col" tabindex="123">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-scan"></i>
</div>
<div class="ms-2">scan</div>
</div>
</div>
<div class="col" tabindex="124">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-book-reader"></i>
</div>
<div class="ms-2">book-reader</div>
</div>
</div>
<div class="col" tabindex="125">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-arrow-to-bottom"></i>
</div>
<div class="ms-2">arrow-to-bottom</div>
</div>
</div>
<div class="col" tabindex="126">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-arrow-to-top"></i>
</div>
<div class="ms-2">arrow-to-top</div>
</div>
</div>
<div class="col" tabindex="127">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-arrow-to-left"></i>
</div>
<div class="ms-2">arrow-to-left</div>
</div>
</div>
<div class="col" tabindex="128">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-arrow-to-right"></i>
</div>
<div class="ms-2">arrow-to-right</div>
</div>
</div>
<div class="col" tabindex="129">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-arrow-from-right"></i>
</div>
<div class="ms-2">arrow-from-right</div>
</div>
</div>
<div class="col" tabindex="130">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-arrow-from-left"></i>
</div>
<div class="ms-2">arrow-from-left</div>
</div>
</div>
<div class="col" tabindex="131">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-arrow-from-bottom"></i>
</div>
<div class="ms-2">arrow-from-bottom</div>
</div>
</div>
<div class="col" tabindex="132">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-arrow-from-top"></i>
</div>
<div class="ms-2">arrow-from-top</div>
</div>
</div>
<div class="col" tabindex="133">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-current-location"></i>
</div>
<div class="ms-2">current-location</div>
</div>
</div>
<div class="col" tabindex="134">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-been-here"></i>
</div>
<div class="ms-2">been-here</div>
</div>
</div>
<div class="col" tabindex="135">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-low-vision"></i>
</div>
<div class="ms-2">low-vision</div>
</div>
</div>
<div class="col" tabindex="136">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-mask"></i>
</div>
<div class="ms-2">mask</div>
</div>
</div>
<div class="col" tabindex="137">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-wifi-0"></i>
</div>
<div class="ms-2">wifi-0</div>
</div>
</div>
<div class="col" tabindex="138">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-wifi-1"></i>
</div>
<div class="ms-2">wifi-1</div>
</div>
</div>
<div class="col" tabindex="139">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-wifi-2"></i>
</div>
<div class="ms-2">wifi-2</div>
</div>
</div>
<div class="col" tabindex="140">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-traffic-cone"></i>
</div>
<div class="ms-2">traffic-cone</div>
</div>
</div>
<div class="col" tabindex="141">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-recycle"></i>
</div>
<div class="ms-2">recycle</div>
</div>
</div>
<div class="col" tabindex="142">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-layer-minus"></i>
</div>
<div class="ms-2">layer-minus</div>
</div>
</div>
<div class="col" tabindex="143">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-layer-plus"></i>
</div>
<div class="ms-2">layer-plus</div>
</div>
</div>
<div class="col" tabindex="144">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-info-square"></i>
</div>
<div class="ms-2">info-square</div>
</div>
</div>
<div class="col" tabindex="145">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-home-heart"></i>
</div>
<div class="ms-2">home-heart</div>
</div>
</div>
<div class="col" tabindex="146">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-heart-square"></i>
</div>
<div class="ms-2">heart-square</div>
</div>
</div>
<div class="col" tabindex="147">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-heart-circle"></i>
</div>
<div class="ms-2">heart-circle</div>
</div>
</div>
<div class="col" tabindex="148">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-microchip"></i>
</div>
<div class="ms-2">microchip</div>
</div>
</div>
<div class="col" tabindex="149">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-pointer"></i>
</div>
<div class="ms-2">pointer</div>
</div>
</div>
<div class="col" tabindex="150">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-coffee-togo"></i>
</div>
<div class="ms-2">coffee-togo</div>
</div>
</div>
<div class="col" tabindex="151">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-calendar-edit"></i>
</div>
<div class="ms-2">calendar-edit</div>
</div>
</div>
<div class="col" tabindex="152">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-cabinet"></i>
</div>
<div class="ms-2">cabinet</div>
</div>
</div>
<div class="col" tabindex="153">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bus-school"></i>
</div>
<div class="ms-2">bus-school</div>
</div>
</div>
<div class="col" tabindex="154">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bomb"></i>
</div>
<div class="ms-2">bomb</div>
</div>
</div>
<div class="col" tabindex="155">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bible"></i>
</div>
<div class="ms-2">bible</div>
</div>
</div>
<div class="col" tabindex="156">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-beer"></i>
</div>
<div class="ms-2">beer</div>
</div>
</div>
<div class="col" tabindex="157">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-baseball"></i>
</div>
<div class="ms-2">baseball</div>
</div>
</div>
<div class="col" tabindex="158">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-atom"></i>
</div>
<div class="ms-2">atom</div>
</div>
</div>
<div class="col" tabindex="159">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-arch"></i>
</div>
<div class="ms-2">arch</div>
</div>
</div>
<div class="col" tabindex="160">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-location-plus"></i>
</div>
<div class="ms-2">location-plus</div>
</div>
</div>
<div class="col" tabindex="161">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-shape-triangle"></i>
</div>
<div class="ms-2">shape-triangle</div>
</div>
</div>
<div class="col" tabindex="162">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-shape-square"></i>
</div>
<div class="ms-2">shape-square</div>
</div>
</div>
<div class="col" tabindex="163">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-video-recording"></i>
</div>
<div class="ms-2">video-recording</div>
</div>
</div>
<div class="col" tabindex="164">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-notepad"></i>
</div>
<div class="ms-2">notepad</div>
</div>
</div>
<div class="col" tabindex="165">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bug-alt"></i>
</div>
<div class="ms-2">bug-alt</div>
</div>
</div>
<div class="col" tabindex="166">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-mouse-alt"></i>
</div>
<div class="ms-2">mouse-alt</div>
</div>
</div>
<div class="col" tabindex="167">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-edit-alt"></i>
</div>
<div class="ms-2">edit-alt</div>
</div>
</div>
<div class="col" tabindex="168">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-chat"></i>
</div>
<div class="ms-2">chat</div>
</div>
</div>
<div class="col" tabindex="169">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-book-content"></i>
</div>
<div class="ms-2">book-content</div>
</div>
</div>
<div class="col" tabindex="170">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-square-dots"></i>
</div>
<div class="ms-2">message-square-dots</div>
</div>
</div>
<div class="col" tabindex="171">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-square"></i>
</div>
<div class="ms-2">message-square</div>
</div>
</div>
<div class="col" tabindex="172">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-slideshow"></i>
</div>
<div class="ms-2">slideshow</div>
</div>
</div>
<div class="col" tabindex="173">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-wallet-alt"></i>
</div>
<div class="ms-2">wallet-alt</div>
</div>
</div>
<div class="col" tabindex="174">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-memory-card"></i>
</div>
<div class="ms-2">memory-card</div>
</div>
</div>
<div class="col" tabindex="175">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-rounded-dots"></i>
</div>
<div class="ms-2">message-rounded-dots</div>
</div>
</div>
<div class="col" tabindex="176">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-dots"></i>
</div>
<div class="ms-2">message-dots</div>
</div>
</div>
<div class="col" tabindex="177">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bar-chart-alt-2"></i>
</div>
<div class="ms-2">bar-chart-alt-2</div>
</div>
</div>
<div class="col" tabindex="178">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-store-alt"></i>
</div>
<div class="ms-2">store-alt</div>
</div>
</div>
<div class="col" tabindex="179">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-buildings"></i>
</div>
<div class="ms-2">buildings</div>
</div>
</div>
<div class="col" tabindex="180">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-home-circle"></i>
</div>
<div class="ms-2">home-circle</div>
</div>
</div>
<div class="col" tabindex="181">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-money"></i>
</div>
<div class="ms-2">money</div>
</div>
</div>
<div class="col" tabindex="182">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-walk"></i>
</div>
<div class="ms-2">walk</div>
</div>
</div>
<div class="col" tabindex="183">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-repeat"></i>
</div>
<div class="ms-2">repeat</div>
</div>
</div>
<div class="col" tabindex="184">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-font-family"></i>
</div>
<div class="ms-2">font-family</div>
</div>
</div>
<div class="col" tabindex="185">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-joystick-button"></i>
</div>
<div class="ms-2">joystick-button</div>
</div>
</div>
<div class="col" tabindex="186">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-paint"></i>
</div>
<div class="ms-2">paint</div>
</div>
</div>
<div class="col" tabindex="187">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-unlink"></i>
</div>
<div class="ms-2">unlink</div>
</div>
</div>
<div class="col" tabindex="188">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-brush"></i>
</div>
<div class="ms-2">brush</div>
</div>
</div>
<div class="col" tabindex="189">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-rotate-left"></i>
</div>
<div class="ms-2">rotate-left</div>
</div>
</div>
<div class="col" tabindex="190">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-badge-check"></i>
</div>
<div class="ms-2">badge-check</div>
</div>
</div>
<div class="col" tabindex="191">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-show-alt"></i>
</div>
<div class="ms-2">show-alt</div>
</div>
</div>
<div class="col" tabindex="192">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-caret-down"></i>
</div>
<div class="ms-2">caret-down</div>
</div>
</div>
<div class="col" tabindex="193">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-caret-right"></i>
</div>
<div class="ms-2">caret-right</div>
</div>
</div>
<div class="col" tabindex="194">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-caret-up"></i>
</div>
<div class="ms-2">caret-up</div>
</div>
</div>
<div class="col" tabindex="195">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-caret-left"></i>
</div>
<div class="ms-2">caret-left</div>
</div>
</div>
<div class="col" tabindex="196">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-calendar-event"></i>
</div>
<div class="ms-2">calendar-event</div>
</div>
</div>
<div class="col" tabindex="197">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-magnet"></i>
</div>
<div class="ms-2">magnet</div>
</div>
</div>
<div class="col" tabindex="198">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-rewind-circle"></i>
</div>
<div class="ms-2">rewind-circle</div>
</div>
</div>
<div class="col" tabindex="199">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-card"></i>
</div>
<div class="ms-2">card</div>
</div>
</div>
<div class="col" tabindex="200">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-help-circle"></i>
</div>
<div class="ms-2">help-circle</div>
</div>
</div>
<div class="col" tabindex="201">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-test-tube"></i>
</div>
<div class="ms-2">test-tube</div>
</div>
</div>
<div class="col" tabindex="202">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-note"></i>
</div>
<div class="ms-2">note</div>
</div>
</div>
<div class="col" tabindex="203">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-sort-down"></i>
</div>
<div class="ms-2">sort-down</div>
</div>
</div>
<div class="col" tabindex="204">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-sort-up"></i>
</div>
<div class="ms-2">sort-up</div>
</div>
</div>
<div class="col" tabindex="205">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-id-card"></i>
</div>
<div class="ms-2">id-card</div>
</div>
</div>
<div class="col" tabindex="206">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-badge"></i>
</div>
<div class="ms-2">badge</div>
</div>
</div>
<div class="col" tabindex="207">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-grid-small"></i>
</div>
<div class="ms-2">grid-small</div>
</div>
</div>
<div class="col" tabindex="208">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-grid-vertical"></i>
</div>
<div class="ms-2">grid-vertical</div>
</div>
</div>
<div class="col" tabindex="209">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-grid-horizontal"></i>
</div>
<div class="ms-2">grid-horizontal</div>
</div>
</div>
<div class="col" tabindex="210">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-move-vertical"></i>
</div>
<div class="ms-2">move-vertical</div>
</div>
</div>
<div class="col" tabindex="211">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-move-horizontal"></i>
</div>
<div class="ms-2">move-horizontal</div>
</div>
</div>
<div class="col" tabindex="212">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-stats"></i>
</div>
<div class="ms-2">stats</div>
</div>
</div>
<div class="col" tabindex="213">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-equalizer"></i>
</div>
<div class="ms-2">equalizer</div>
</div>
</div>
<div class="col" tabindex="214">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-disc"></i>
</div>
<div class="ms-2">disc</div>
</div>
</div>
<div class="col" tabindex="215">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-analyse"></i>
</div>
<div class="ms-2">analyse</div>
</div>
</div>
<div class="col" tabindex="216">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-search-alt"></i>
</div>
<div class="ms-2">search-alt</div>
</div>
</div>
<div class="col" tabindex="217">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-dollar-circle"></i>
</div>
<div class="ms-2">dollar-circle</div>
</div>
</div>
<div class="col" tabindex="218">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-football"></i>
</div>
<div class="ms-2">football</div>
</div>
</div>
<div class="col" tabindex="219">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-ball"></i>
</div>
<div class="ms-2">ball</div>
</div>
</div>
<div class="col" tabindex="220">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-circle"></i>
</div>
<div class="ms-2">circle</div>
</div>
</div>
<div class="col" tabindex="221">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-transfer"></i>
</div>
<div class="ms-2">transfer</div>
</div>
</div>
<div class="col" tabindex="222">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-fingerprint"></i>
</div>
<div class="ms-2">fingerprint</div>
</div>
</div>
<div class="col" tabindex="223">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-font-color"></i>
</div>
<div class="ms-2">font-color</div>
</div>
</div>
<div class="col" tabindex="224">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-highlight"></i>
</div>
<div class="ms-2">highlight</div>
</div>
</div>
<div class="col" tabindex="225">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-file-blank"></i>
</div>
<div class="ms-2">file-blank</div>
</div>
</div>
<div class="col" tabindex="226">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-strikethrough"></i>
</div>
<div class="ms-2">strikethrough</div>
</div>
</div>
<div class="col" tabindex="227">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-photo-album"></i>
</div>
<div class="ms-2">photo-album</div>
</div>
</div>
<div class="col" tabindex="228">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-code-block"></i>
</div>
<div class="ms-2">code-block</div>
</div>
</div>
<div class="col" tabindex="229">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-font-size"></i>
</div>
<div class="ms-2">font-size</div>
</div>
</div>
<div class="col" tabindex="230">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-handicap"></i>
</div>
<div class="ms-2">handicap</div>
</div>
</div>
<div class="col" tabindex="231">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-dialpad"></i>
</div>
<div class="ms-2">dialpad</div>
</div>
</div>
<div class="col" tabindex="232">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-wind"></i>
</div>
<div class="ms-2">wind</div>
</div>
</div>
<div class="col" tabindex="233">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-water"></i>
</div>
<div class="ms-2">water</div>
</div>
</div>
<div class="col" tabindex="234">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-swim"></i>
</div>
<div class="ms-2">swim</div>
</div>
</div>
<div class="col" tabindex="235">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-restaurant"></i>
</div>
<div class="ms-2">restaurant</div>
</div>
</div>
<div class="col" tabindex="236">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-box"></i>
</div>
<div class="ms-2">box</div>
</div>
</div>
<div class="col" tabindex="237">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-menu-alt-right"></i>
</div>
<div class="ms-2">menu-alt-right</div>
</div>
</div>
<div class="col" tabindex="238">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-menu-alt-left"></i>
</div>
<div class="ms-2">menu-alt-left</div>
</div>
</div>
<div class="col" tabindex="239">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-video-plus"></i>
</div>
<div class="ms-2">video-plus</div>
</div>
</div>
<div class="col" tabindex="240">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-list-ol"></i>
</div>
<div class="ms-2">list-ol</div>
</div>
</div>
<div class="col" tabindex="241">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-planet"></i>
</div>
<div class="ms-2">planet</div>
</div>
</div>
<div class="col" tabindex="242">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-hotel"></i>
</div>
<div class="ms-2">hotel</div>
</div>
</div>
<div class="col" tabindex="243">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-movie"></i>
</div>
<div class="ms-2">movie</div>
</div>
</div>
<div class="col" tabindex="244">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-taxi"></i>
</div>
<div class="ms-2">taxi</div>
</div>
</div>
<div class="col" tabindex="245">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-train"></i>
</div>
<div class="ms-2">train</div>
</div>
</div>
<div class="col" tabindex="246">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bath"></i>
</div>
<div class="ms-2">bath</div>
</div>
</div>
<div class="col" tabindex="247">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bed"></i>
</div>
<div class="ms-2">bed</div>
</div>
</div>
<div class="col" tabindex="248">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-area"></i>
</div>
<div class="ms-2">area</div>
</div>
</div>
<div class="col" tabindex="249">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bot"></i>
</div>
<div class="ms-2">bot</div>
</div>
</div>
<div class="col" tabindex="250">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-dumbbell"></i>
</div>
<div class="ms-2">dumbbell</div>
</div>
</div>
<div class="col" tabindex="251">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-check-double"></i>
</div>
<div class="ms-2">check-double</div>
</div>
</div>
<div class="col" tabindex="252">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bus"></i>
</div>
<div class="ms-2">bus</div>
</div>
</div>
<div class="col" tabindex="253">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-check-circle"></i>
</div>
<div class="ms-2">check-circle</div>
</div>
</div>
<div class="col" tabindex="254">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-rocket"></i>
</div>
<div class="ms-2">rocket</div>
</div>
</div>
<div class="col" tabindex="255">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-certification"></i>
</div>
<div class="ms-2">certification</div>
</div>
</div>
<div class="col" tabindex="256">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-slider-alt"></i>
</div>
<div class="ms-2">slider-alt</div>
</div>
</div>
<div class="col" tabindex="257">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-sad"></i>
</div>
<div class="ms-2">sad</div>
</div>
</div>
<div class="col" tabindex="258">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-meh"></i>
</div>
<div class="ms-2">meh</div>
</div>
</div>
<div class="col" tabindex="259">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-happy"></i>
</div>
<div class="ms-2">happy</div>
</div>
</div>
<div class="col" tabindex="260">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-cart-alt"></i>
</div>
<div class="ms-2">cart-alt</div>
</div>
</div>
<div class="col" tabindex="261">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-car"></i>
</div>
<div class="ms-2">car</div>
</div>
</div>
<div class="col" tabindex="262">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-loader-alt"></i>
</div>
<div class="ms-2">loader-alt</div>
</div>
</div>
<div class="col" tabindex="263">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-loader-circle"></i>
</div>
<div class="ms-2">loader-circle</div>
</div>
</div>
<div class="col" tabindex="264">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-wrench"></i>
</div>
<div class="ms-2">wrench</div>
</div>
</div>
<div class="col" tabindex="265">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-alarm-off"></i>
</div>
<div class="ms-2">alarm-off</div>
</div>
</div>
<div class="col" tabindex="266">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-layout"></i>
</div>
<div class="ms-2">layout</div>
</div>
</div>
<div class="col" tabindex="267">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-dock-left"></i>
</div>
<div class="ms-2">dock-left</div>
</div>
</div>
<div class="col" tabindex="268">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-dock-top"></i>
</div>
<div class="ms-2">dock-top</div>
</div>
</div>
<div class="col" tabindex="269">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-dock-right"></i>
</div>
<div class="ms-2">dock-right</div>
</div>
</div>
<div class="col" tabindex="270">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-dock-bottom"></i>
</div>
<div class="ms-2">dock-bottom</div>
</div>
</div>
<div class="col" tabindex="271">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-world"></i>
</div>
<div class="ms-2">world</div>
</div>
</div>
<div class="col" tabindex="272">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-selection"></i>
</div>
<div class="ms-2">selection</div>
</div>
</div>
<div class="col" tabindex="273">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-paper-plane"></i>
</div>
<div class="ms-2">paper-plane</div>
</div>
</div>
<div class="col" tabindex="274">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-slider"></i>
</div>
<div class="ms-2">slider</div>
</div>
</div>
<div class="col" tabindex="275">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-loader"></i>
</div>
<div class="ms-2">loader</div>
</div>
</div>
<div class="col" tabindex="276">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-chalkboard"></i>
</div>
<div class="ms-2">chalkboard</div>
</div>
</div>
<div class="col" tabindex="277">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-trash-alt"></i>
</div>
<div class="ms-2">trash-alt</div>
</div>
</div>
<div class="col" tabindex="278">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-grid-alt"></i>
</div>
<div class="ms-2">grid-alt</div>
</div>
</div>
<div class="col" tabindex="279">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-command"></i>
</div>
<div class="ms-2">command</div>
</div>
</div>
<div class="col" tabindex="280">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-window-close"></i>
</div>
<div class="ms-2">window-close</div>
</div>
</div>
<div class="col" tabindex="281">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-notification-off"></i>
</div>
<div class="ms-2">notification-off</div>
</div>
</div>
<div class="col" tabindex="282">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-plug"></i>
</div>
<div class="ms-2">plug</div>
</div>
</div>
<div class="col" tabindex="283">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-infinite"></i>
</div>
<div class="ms-2">infinite</div>
</div>
</div>
<div class="col" tabindex="284">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-carousel"></i>
</div>
<div class="ms-2">carousel</div>
</div>
</div>
<div class="col" tabindex="285">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-hourglass"></i>
</div>
<div class="ms-2">hourglass</div>
</div>
</div>
<div class="col" tabindex="286">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-briefcase-alt"></i>
</div>
<div class="ms-2">briefcase-alt</div>
</div>
</div>
<div class="col" tabindex="287">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-wallet"></i>
</div>
<div class="ms-2">wallet</div>
</div>
</div>
<div class="col" tabindex="288">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-station"></i>
</div>
<div class="ms-2">station</div>
</div>
</div>
<div class="col" tabindex="289">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-collection"></i>
</div>
<div class="ms-2">collection</div>
</div>
</div>
<div class="col" tabindex="290">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-tv"></i>
</div>
<div class="ms-2">tv</div>
</div>
</div>
<div class="col" tabindex="291">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-closet"></i>
</div>
<div class="ms-2">closet</div>
</div>
</div>
<div class="col" tabindex="292">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-paperclip"></i>
</div>
<div class="ms-2">paperclip</div>
</div>
</div>
<div class="col" tabindex="293">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-expand"></i>
</div>
<div class="ms-2">expand</div>
</div>
</div>
<div class="col" tabindex="294">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-pen"></i>
</div>
<div class="ms-2">pen</div>
</div>
</div>
<div class="col" tabindex="295">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-purchase-tag"></i>
</div>
<div class="ms-2">purchase-tag</div>
</div>
</div>
<div class="col" tabindex="296">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-images"></i>
</div>
<div class="ms-2">images</div>
</div>
</div>
<div class="col" tabindex="297">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-pie-chart-alt"></i>
</div>
<div class="ms-2">pie-chart-alt</div>
</div>
</div>
<div class="col" tabindex="298">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-news"></i>
</div>
<div class="ms-2">news</div>
</div>
</div>
<div class="col" tabindex="299">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-downvote"></i>
</div>
<div class="ms-2">downvote</div>
</div>
</div>
<div class="col" tabindex="300">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-upvote"></i>
</div>
<div class="ms-2">upvote</div>
</div>
</div>
<div class="col" tabindex="301">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-globe-alt"></i>
</div>
<div class="ms-2">globe-alt</div>
</div>
</div>
<div class="col" tabindex="302">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-store"></i>
</div>
<div class="ms-2">store</div>
</div>
</div>
<div class="col" tabindex="303">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-hdd"></i>
</div>
<div class="ms-2">hdd</div>
</div>
</div>
<div class="col" tabindex="304">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-skip-previous-circle"></i>
</div>
<div class="ms-2">skip-previous-circle</div>
</div>
</div>
<div class="col" tabindex="305">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-skip-next-circle"></i>
</div>
<div class="ms-2">skip-next-circle</div>
</div>
</div>
<div class="col" tabindex="306">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-chip"></i>
</div>
<div class="ms-2">chip</div>
</div>
</div>
<div class="col" tabindex="307">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-cast"></i>
</div>
<div class="ms-2">cast</div>
</div>
</div>
<div class="col" tabindex="308">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-body"></i>
</div>
<div class="ms-2">body</div>
</div>
</div>
<div class="col" tabindex="309">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-phone-outgoing"></i>
</div>
<div class="ms-2">phone-outgoing</div>
</div>
</div>
<div class="col" tabindex="310">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-phone-incoming"></i>
</div>
<div class="ms-2">phone-incoming</div>
</div>
</div>
<div class="col" tabindex="311">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-collapse"></i>
</div>
<div class="ms-2">collapse</div>
</div>
</div>
<div class="col" tabindex="312">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-rename"></i>
</div>
<div class="ms-2">rename</div>
</div>
</div>
<div class="col" tabindex="313">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-rotate-right"></i>
</div>
<div class="ms-2">rotate-right</div>
</div>
</div>
<div class="col" tabindex="314">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-horizontal-center"></i>
</div>
<div class="ms-2">horizontal-center</div>
</div>
</div>
<div class="col" tabindex="315">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-ruler"></i>
</div>
<div class="ms-2">ruler</div>
</div>
</div>
<div class="col" tabindex="316">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-import"></i>
</div>
<div class="ms-2">import</div>
</div>
</div>
<div class="col" tabindex="317">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-calendar-alt"></i>
</div>
<div class="ms-2">calendar-alt</div>
</div>
</div>
<div class="col" tabindex="318">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-battery"></i>
</div>
<div class="ms-2">battery</div>
</div>
</div>
<div class="col" tabindex="319">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-server"></i>
</div>
<div class="ms-2">server</div>
</div>
</div>
<div class="col" tabindex="320">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-task"></i>
</div>
<div class="ms-2">task</div>
</div>
</div>
<div class="col" tabindex="321">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-folder-open"></i>
</div>
<div class="ms-2">folder-open</div>
</div>
</div>
<div class="col" tabindex="322">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-film"></i>
</div>
<div class="ms-2">film</div>
</div>
</div>
<div class="col" tabindex="323">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-aperture"></i>
</div>
<div class="ms-2">aperture</div>
</div>
</div>
<div class="col" tabindex="324">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-phone-call"></i>
</div>
<div class="ms-2">phone-call</div>
</div>
</div>
<div class="col" tabindex="325">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-up-arrow"></i>
</div>
<div class="ms-2">up-arrow</div>
</div>
</div>
<div class="col" tabindex="326">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-undo"></i>
</div>
<div class="ms-2">undo</div>
</div>
</div>
<div class="col" tabindex="327">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-timer"></i>
</div>
<div class="ms-2">timer</div>
</div>
</div>
<div class="col" tabindex="328">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-support"></i>
</div>
<div class="ms-2">support</div>
</div>
</div>
<div class="col" tabindex="329">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-subdirectory-right"></i>
</div>
<div class="ms-2">subdirectory-right</div>
</div>
</div>
<div class="col" tabindex="330">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-subdirectory-left"></i>
</div>
<div class="ms-2">subdirectory-left</div>
</div>
</div>
<div class="col" tabindex="331">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-right-arrow"></i>
</div>
<div class="ms-2">right-arrow</div>
</div>
</div>
<div class="col" tabindex="332">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-revision"></i>
</div>
<div class="ms-2">revision</div>
</div>
</div>
<div class="col" tabindex="333">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-repost"></i>
</div>
<div class="ms-2">repost</div>
</div>
</div>
<div class="col" tabindex="334">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-reply"></i>
</div>
<div class="ms-2">reply</div>
</div>
</div>
<div class="col" tabindex="335">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-reply-all"></i>
</div>
<div class="ms-2">reply-all</div>
</div>
</div>
<div class="col" tabindex="336">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-redo"></i>
</div>
<div class="ms-2">redo</div>
</div>
</div>
<div class="col" tabindex="337">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-radar"></i>
</div>
<div class="ms-2">radar</div>
</div>
</div>
<div class="col" tabindex="338">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-poll"></i>
</div>
<div class="ms-2">poll</div>
</div>
</div>
<div class="col" tabindex="339">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-list-check"></i>
</div>
<div class="ms-2">list-check</div>
</div>
</div>
<div class="col" tabindex="340">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-like"></i>
</div>
<div class="ms-2">like</div>
</div>
</div>
<div class="col" tabindex="341">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-left-arrow"></i>
</div>
<div class="ms-2">left-arrow</div>
</div>
</div>
<div class="col" tabindex="342">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-joystick-alt"></i>
</div>
<div class="ms-2">joystick-alt</div>
</div>
</div>
<div class="col" tabindex="343">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-history"></i>
</div>
<div class="ms-2">history</div>
</div>
</div>
<div class="col" tabindex="344">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-flag"></i>
</div>
<div class="ms-2">flag</div>
</div>
</div>
<div class="col" tabindex="345">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-first-aid"></i>
</div>
<div class="ms-2">first-aid</div>
</div>
</div>
<div class="col" tabindex="346">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-export"></i>
</div>
<div class="ms-2">export</div>
</div>
</div>
<div class="col" tabindex="347">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-down-arrow"></i>
</div>
<div class="ms-2">down-arrow</div>
</div>
</div>
<div class="col" tabindex="348">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-dislike"></i>
</div>
<div class="ms-2">dislike</div>
</div>
</div>
<div class="col" tabindex="349">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-crown"></i>
</div>
<div class="ms-2">crown</div>
</div>
</div>
<div class="col" tabindex="350">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-barcode"></i>
</div>
<div class="ms-2">barcode</div>
</div>
</div>
<div class="col" tabindex="351">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-user"></i>
</div>
<div class="ms-2">user</div>
</div>
</div>
<div class="col" tabindex="352">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-user-x"></i>
</div>
<div class="ms-2">user-x</div>
</div>
</div>
<div class="col" tabindex="353">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-user-plus"></i>
</div>
<div class="ms-2">user-plus</div>
</div>
</div>
<div class="col" tabindex="354">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-user-minus"></i>
</div>
<div class="ms-2">user-minus</div>
</div>
</div>
<div class="col" tabindex="355">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-user-circle"></i>
</div>
<div class="ms-2">user-circle</div>
</div>
</div>
<div class="col" tabindex="356">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-user-check"></i>
</div>
<div class="ms-2">user-check</div>
</div>
</div>
<div class="col" tabindex="357">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-underline"></i>
</div>
<div class="ms-2">underline</div>
</div>
</div>
<div class="col" tabindex="358">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-trophy"></i>
</div>
<div class="ms-2">trophy</div>
</div>
</div>
<div class="col" tabindex="359">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-trash"></i>
</div>
<div class="ms-2">trash</div>
</div>
</div>
<div class="col" tabindex="360">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-text"></i>
</div>
<div class="ms-2">text</div>
</div>
</div>
<div class="col" tabindex="361">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-sun"></i>
</div>
<div class="ms-2">sun</div>
</div>
</div>
<div class="col" tabindex="362">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-star"></i>
</div>
<div class="ms-2">star</div>
</div>
</div>
<div class="col" tabindex="363">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-sort"></i>
</div>
<div class="ms-2">sort</div>
</div>
</div>
<div class="col" tabindex="364">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-shuffle"></i>
</div>
<div class="ms-2">shuffle</div>
</div>
</div>
<div class="col" tabindex="365">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-shopping-bag"></i>
</div>
<div class="ms-2">shopping-bag</div>
</div>
</div>
<div class="col" tabindex="366">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-shield"></i>
</div>
<div class="ms-2">shield</div>
</div>
</div>
<div class="col" tabindex="367">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-shield-alt"></i>
</div>
<div class="ms-2">shield-alt</div>
</div>
</div>
<div class="col" tabindex="368">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-share"></i>
</div>
<div class="ms-2">share</div>
</div>
</div>
<div class="col" tabindex="369">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-share-alt"></i>
</div>
<div class="ms-2">share-alt</div>
</div>
</div>
<div class="col" tabindex="370">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-select-multiple"></i>
</div>
<div class="ms-2">select-multiple</div>
</div>
</div>
<div class="col" tabindex="371">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-screenshot"></i>
</div>
<div class="ms-2">screenshot</div>
</div>
</div>
<div class="col" tabindex="372">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-save"></i>
</div>
<div class="ms-2">save</div>
</div>
</div>
<div class="col" tabindex="373">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-pulse"></i>
</div>
<div class="ms-2">pulse</div>
</div>
</div>
<div class="col" tabindex="374">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-power-off"></i>
</div>
<div class="ms-2">power-off</div>
</div>
</div>
<div class="col" tabindex="375">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-plus"></i>
</div>
<div class="ms-2">plus</div>
</div>
</div>
<div class="col" tabindex="376">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-pin"></i>
</div>
<div class="ms-2">pin</div>
</div>
</div>
<div class="col" tabindex="377">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-pencil"></i>
</div>
<div class="ms-2">pencil</div>
</div>
</div>
<div class="col" tabindex="378">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-paste"></i>
</div>
<div class="ms-2">paste</div>
</div>
</div>
<div class="col" tabindex="379">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-paragraph"></i>
</div>
<div class="ms-2">paragraph</div>
</div>
</div>
<div class="col" tabindex="380">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-package"></i>
</div>
<div class="ms-2">package</div>
</div>
</div>
<div class="col" tabindex="381">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-notification"></i>
</div>
<div class="ms-2">notification</div>
</div>
</div>
<div class="col" tabindex="382">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-shield-quarter"></i>
</div>
<div class="ms-2">shield-quarter</div>
</div>
</div>
<div class="col" tabindex="383">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-move"></i>
</div>
<div class="ms-2">move</div>
</div>
</div>
<div class="col" tabindex="384">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-mouse"></i>
</div>
<div class="ms-2">mouse</div>
</div>
</div>
<div class="col" tabindex="385">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-minus"></i>
</div>
<div class="ms-2">minus</div>
</div>
</div>
<div class="col" tabindex="386">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-microphone-off"></i>
</div>
<div class="ms-2">microphone-off</div>
</div>
</div>
<div class="col" tabindex="387">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-log-out"></i>
</div>
<div class="ms-2">log-out</div>
</div>
</div>
<div class="col" tabindex="388">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-log-in"></i>
</div>
<div class="ms-2">log-in</div>
</div>
</div>
<div class="col" tabindex="389">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-link-external"></i>
</div>
<div class="ms-2">link-external</div>
</div>
</div>
<div class="col" tabindex="390">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-joystick"></i>
</div>
<div class="ms-2">joystick</div>
</div>
</div>
<div class="col" tabindex="391">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-italic"></i>
</div>
<div class="ms-2">italic</div>
</div>
</div>
<div class="col" tabindex="392">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-home-alt"></i>
</div>
<div class="ms-2">home-alt</div>
</div>
</div>
<div class="col" tabindex="393">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-heading"></i>
</div>
<div class="ms-2">heading</div>
</div>
</div>
<div class="col" tabindex="394">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-hash"></i>
</div>
<div class="ms-2">hash</div>
</div>
</div>
<div class="col" tabindex="395">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-group"></i>
</div>
<div class="ms-2">group</div>
</div>
</div>
<div class="col" tabindex="396">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-git-repo-forked"></i>
</div>
<div class="ms-2">git-repo-forked</div>
</div>
</div>
<div class="col" tabindex="397">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-git-pull-request"></i>
</div>
<div class="ms-2">git-pull-request</div>
</div>
</div>
<div class="col" tabindex="398">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-git-merge"></i>
</div>
<div class="ms-2">git-merge</div>
</div>
</div>
<div class="col" tabindex="399">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-git-compare"></i>
</div>
<div class="ms-2">git-compare</div>
</div>
</div>
<div class="col" tabindex="400">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-git-commit"></i>
</div>
<div class="ms-2">git-commit</div>
</div>
</div>
<div class="col" tabindex="401">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-git-branch"></i>
</div>
<div class="ms-2">git-branch</div>
</div>
</div>
<div class="col" tabindex="402">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-font"></i>
</div>
<div class="ms-2">font</div>
</div>
</div>
<div class="col" tabindex="403">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-filter"></i>
</div>
<div class="ms-2">filter</div>
</div>
</div>
<div class="col" tabindex="404">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-file"></i>
</div>
<div class="ms-2">file</div>
</div>
</div>
<div class="col" tabindex="405">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-edit"></i>
</div>
<div class="ms-2">edit</div>
</div>
</div>
<div class="col" tabindex="406">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-diamond"></i>
</div>
<div class="ms-2">diamond</div>
</div>
</div>
<div class="col" tabindex="407">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-detail"></i>
</div>
<div class="ms-2">detail</div>
</div>
</div>
<div class="col" tabindex="408">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-cut"></i>
</div>
<div class="ms-2">cut</div>
</div>
</div>
<div class="col" tabindex="409">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-cube"></i>
</div>
<div class="ms-2">cube</div>
</div>
</div>
<div class="col" tabindex="410">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-crop"></i>
</div>
<div class="ms-2">crop</div>
</div>
</div>
<div class="col" tabindex="411">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-credit-card"></i>
</div>
<div class="ms-2">credit-card</div>
</div>
</div>
<div class="col" tabindex="412">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-columns"></i>
</div>
<div class="ms-2">columns</div>
</div>
</div>
<div class="col" tabindex="413">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-cog"></i>
</div>
<div class="ms-2">cog</div>
</div>
</div>
<div class="col" tabindex="414">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-cloud-snow"></i>
</div>
<div class="ms-2">cloud-snow</div>
</div>
</div>
<div class="col" tabindex="415">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-cloud-rain"></i>
</div>
<div class="ms-2">cloud-rain</div>
</div>
</div>
<div class="col" tabindex="416">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-cloud-lightning"></i>
</div>
<div class="ms-2">cloud-lightning</div>
</div>
</div>
<div class="col" tabindex="417">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-cloud-light-rain"></i>
</div>
<div class="ms-2">cloud-light-rain</div>
</div>
</div>
<div class="col" tabindex="418">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-cloud-drizzle"></i>
</div>
<div class="ms-2">cloud-drizzle</div>
</div>
</div>
<div class="col" tabindex="419">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-check"></i>
</div>
<div class="ms-2">check</div>
</div>
</div>
<div class="col" tabindex="420">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-cart"></i>
</div>
<div class="ms-2">cart</div>
</div>
</div>
<div class="col" tabindex="421">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-calculator"></i>
</div>
<div class="ms-2">calculator</div>
</div>
</div>
<div class="col" tabindex="422">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bold"></i>
</div>
<div class="ms-2">bold</div>
</div>
</div>
<div class="col" tabindex="423">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-award"></i>
</div>
<div class="ms-2">award</div>
</div>
</div>
<div class="col" tabindex="424">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-anchor"></i>
</div>
<div class="ms-2">anchor</div>
</div>
</div>
<div class="col" tabindex="425">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-album"></i>
</div>
<div class="ms-2">album</div>
</div>
</div>
<div class="col" tabindex="426">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-adjust"></i>
</div>
<div class="ms-2">adjust</div>
</div>
</div>
<div class="col" tabindex="427">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-x"></i>
</div>
<div class="ms-2">x</div>
</div>
</div>
<div class="col" tabindex="428">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-table"></i>
</div>
<div class="ms-2">table</div>
</div>
</div>
<div class="col" tabindex="429">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-duplicate"></i>
</div>
<div class="ms-2">duplicate</div>
</div>
</div>
<div class="col" tabindex="430">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-windows"></i>
</div>
<div class="ms-2">windows</div>
</div>
</div>
<div class="col" tabindex="431">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-window"></i>
</div>
<div class="ms-2">window</div>
</div>
</div>
<div class="col" tabindex="432">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-window-open"></i>
</div>
<div class="ms-2">window-open</div>
</div>
</div>
<div class="col" tabindex="433">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-wifi"></i>
</div>
<div class="ms-2">wifi</div>
</div>
</div>
<div class="col" tabindex="434">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-voicemail"></i>
</div>
<div class="ms-2">voicemail</div>
</div>
</div>
<div class="col" tabindex="435">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-video-off"></i>
</div>
<div class="ms-2">video-off</div>
</div>
</div>
<div class="col" tabindex="436">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-usb"></i>
</div>
<div class="ms-2">usb</div>
</div>
</div>
<div class="col" tabindex="437">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-upload"></i>
</div>
<div class="ms-2">upload</div>
</div>
</div>
<div class="col" tabindex="438">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-alarm"></i>
</div>
<div class="ms-2">alarm</div>
</div>
</div>
<div class="col" tabindex="439">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-tennis-ball"></i>
</div>
<div class="ms-2">tennis-ball</div>
</div>
</div>
<div class="col" tabindex="440">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-target-lock"></i>
</div>
<div class="ms-2">target-lock</div>
</div>
</div>
<div class="col" tabindex="441">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-tag"></i>
</div>
<div class="ms-2">tag</div>
</div>
</div>
<div class="col" tabindex="442">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-tab"></i>
</div>
<div class="ms-2">tab</div>
</div>
</div>
<div class="col" tabindex="443">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-spreadsheet"></i>
</div>
<div class="ms-2">spreadsheet</div>
</div>
</div>
<div class="col" tabindex="444">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-sitemap"></i>
</div>
<div class="ms-2">sitemap</div>
</div>
</div>
<div class="col" tabindex="445">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-sidebar"></i>
</div>
<div class="ms-2">sidebar</div>
</div>
</div>
<div class="col" tabindex="446">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-send"></i>
</div>
<div class="ms-2">send</div>
</div>
</div>
<div class="col" tabindex="447">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-pie-chart"></i>
</div>
<div class="ms-2">pie-chart</div>
</div>
</div>
<div class="col" tabindex="448">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-phone"></i>
</div>
<div class="ms-2">phone</div>
</div>
</div>
<div class="col" tabindex="449">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-navigation"></i>
</div>
<div class="ms-2">navigation</div>
</div>
</div>
<div class="col" tabindex="450">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-mobile"></i>
</div>
<div class="ms-2">mobile</div>
</div>
</div>
<div class="col" tabindex="451">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-mobile-alt"></i>
</div>
<div class="ms-2">mobile-alt</div>
</div>
</div>
<div class="col" tabindex="452">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message"></i>
</div>
<div class="ms-2">message</div>
</div>
</div>
<div class="col" tabindex="453">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-rounded"></i>
</div>
<div class="ms-2">message-rounded</div>
</div>
</div>
<div class="col" tabindex="454">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-map"></i>
</div>
<div class="ms-2">map</div>
</div>
</div>
<div class="col" tabindex="455">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-map-alt"></i>
</div>
<div class="ms-2">map-alt</div>
</div>
</div>
<div class="col" tabindex="456">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-lock"></i>
</div>
<div class="ms-2">lock</div>
</div>
</div>
<div class="col" tabindex="457">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-lock-open"></i>
</div>
<div class="ms-2">lock-open</div>
</div>
</div>
<div class="col" tabindex="458">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-list-minus"></i>
</div>
<div class="ms-2">list-minus</div>
</div>
</div>
<div class="col" tabindex="459">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-list-ul"></i>
</div>
<div class="ms-2">list-ul</div>
</div>
</div>
<div class="col" tabindex="460">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-list-plus"></i>
</div>
<div class="ms-2">list-plus</div>
</div>
</div>
<div class="col" tabindex="461">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-link"></i>
</div>
<div class="ms-2">link</div>
</div>
</div>
<div class="col" tabindex="462">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-link-alt"></i>
</div>
<div class="ms-2">link-alt</div>
</div>
</div>
<div class="col" tabindex="463">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-layer"></i>
</div>
<div class="ms-2">layer</div>
</div>
</div>
<div class="col" tabindex="464">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-laptop"></i>
</div>
<div class="ms-2">laptop</div>
</div>
</div>
<div class="col" tabindex="465">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-home"></i>
</div>
<div class="ms-2">home</div>
</div>
</div>
<div class="col" tabindex="466">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-heart"></i>
</div>
<div class="ms-2">heart</div>
</div>
</div>
<div class="col" tabindex="467">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-headphone"></i>
</div>
<div class="ms-2">headphone</div>
</div>
</div>
<div class="col" tabindex="468">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-devices"></i>
</div>
<div class="ms-2">devices</div>
</div>
</div>
<div class="col" tabindex="469">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-globe"></i>
</div>
<div class="ms-2">globe</div>
</div>
</div>
<div class="col" tabindex="470">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-gift"></i>
</div>
<div class="ms-2">gift</div>
</div>
</div>
<div class="col" tabindex="471">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-envelope"></i>
</div>
<div class="ms-2">envelope</div>
</div>
</div>
<div class="col" tabindex="472">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-download"></i>
</div>
<div class="ms-2">download</div>
</div>
</div>
<div class="col" tabindex="473">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-dots-vertical"></i>
</div>
<div class="ms-2">dots-vertical</div>
</div>
</div>
<div class="col" tabindex="474">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-dots-vertical-rounded"></i>
</div>
<div class="ms-2">dots-vertical-rounded</div>
</div>
</div>
<div class="col" tabindex="475">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-dots-horizontal"></i>
</div>
<div class="ms-2">dots-horizontal</div>
</div>
</div>
<div class="col" tabindex="476">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-dots-horizontal-rounded"></i>
</div>
<div class="ms-2">dots-horizontal-rounded</div>
</div>
</div>
<div class="col" tabindex="477">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-dollar"></i>
</div>
<div class="ms-2">dollar</div>
</div>
</div>
<div class="col" tabindex="478">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-directions"></i>
</div>
<div class="ms-2">directions</div>
</div>
</div>
<div class="col" tabindex="479">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-desktop"></i>
</div>
<div class="ms-2">desktop</div>
</div>
</div>
<div class="col" tabindex="480">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-data"></i>
</div>
<div class="ms-2">data</div>
</div>
</div>
<div class="col" tabindex="481">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-compass"></i>
</div>
<div class="ms-2">compass</div>
</div>
</div>
<div class="col" tabindex="482">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-crosshair"></i>
</div>
<div class="ms-2">crosshair</div>
</div>
</div>
<div class="col" tabindex="483">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-terminal"></i>
</div>
<div class="ms-2">terminal</div>
</div>
</div>
<div class="col" tabindex="484">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-cloud"></i>
</div>
<div class="ms-2">cloud</div>
</div>
</div>
<div class="col" tabindex="485">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-cloud-upload"></i>
</div>
<div class="ms-2">cloud-upload</div>
</div>
</div>
<div class="col" tabindex="486">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-cloud-download"></i>
</div>
<div class="ms-2">cloud-download</div>
</div>
</div>
<div class="col" tabindex="487">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-chart"></i>
</div>
<div class="ms-2">chart</div>
</div>
</div>
<div class="col" tabindex="488">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-calendar"></i>
</div>
<div class="ms-2">calendar</div>
</div>
</div>
<div class="col" tabindex="489">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-calendar-x"></i>
</div>
<div class="ms-2">calendar-x</div>
</div>
</div>
<div class="col" tabindex="490">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-calendar-minus"></i>
</div>
<div class="ms-2">calendar-minus</div>
</div>
</div>
<div class="col" tabindex="491">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-calendar-check"></i>
</div>
<div class="ms-2">calendar-check</div>
</div>
</div>
<div class="col" tabindex="492">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-calendar-plus"></i>
</div>
<div class="ms-2">calendar-plus</div>
</div>
</div>
<div class="col" tabindex="493">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-buoy"></i>
</div>
<div class="ms-2">buoy</div>
</div>
</div>
<div class="col" tabindex="494">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bulb"></i>
</div>
<div class="ms-2">bulb</div>
</div>
</div>
<div class="col" tabindex="495">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bluetooth"></i>
</div>
<div class="ms-2">bluetooth</div>
</div>
</div>
<div class="col" tabindex="496">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bug"></i>
</div>
<div class="ms-2">bug</div>
</div>
</div>
<div class="col" tabindex="497">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-building"></i>
</div>
<div class="ms-2">building</div>
</div>
</div>
<div class="col" tabindex="498">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-broadcast"></i>
</div>
<div class="ms-2">broadcast</div>
</div>
</div>
<div class="col" tabindex="499">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-briefcase"></i>
</div>
<div class="ms-2">briefcase</div>
</div>
</div>
<div class="col" tabindex="500">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bookmark-plus"></i>
</div>
<div class="ms-2">bookmark-plus</div>
</div>
</div>
<div class="col" tabindex="501">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bookmark-minus"></i>
</div>
<div class="ms-2">bookmark-minus</div>
</div>
</div>
<div class="col" tabindex="502">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-book"></i>
</div>
<div class="ms-2">book</div>
</div>
</div>
<div class="col" tabindex="503">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-book-bookmark"></i>
</div>
<div class="ms-2">book-bookmark</div>
</div>
</div>
<div class="col" tabindex="504">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-block"></i>
</div>
<div class="ms-2">block</div>
</div>
</div>
<div class="col" tabindex="505">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-basketball"></i>
</div>
<div class="ms-2">basketball</div>
</div>
</div>
<div class="col" tabindex="506">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bar-chart"></i>
</div>
<div class="ms-2">bar-chart</div>
</div>
</div>
<div class="col" tabindex="507">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bar-chart-square"></i>
</div>
<div class="ms-2">bar-chart-square</div>
</div>
</div>
<div class="col" tabindex="508">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bar-chart-alt"></i>
</div>
<div class="ms-2">bar-chart-alt</div>
</div>
</div>
<div class="col" tabindex="509">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-at"></i>
</div>
<div class="ms-2">at</div>
</div>
</div>
<div class="col" tabindex="510">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-archive"></i>
</div>
<div class="ms-2">archive</div>
</div>
</div>
<div class="col" tabindex="511">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-zoom-out"></i>
</div>
<div class="ms-2">zoom-out</div>
</div>
</div>
<div class="col" tabindex="512">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-zoom-in"></i>
</div>
<div class="ms-2">zoom-in</div>
</div>
</div>
<div class="col" tabindex="513">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-x-circle"></i>
</div>
<div class="ms-2">x-circle</div>
</div>
</div>
<div class="col" tabindex="514">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-volume"></i>
</div>
<div class="ms-2">volume</div>
</div>
</div>
<div class="col" tabindex="515">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-volume-mute"></i>
</div>
<div class="ms-2">volume-mute</div>
</div>
</div>
<div class="col" tabindex="516">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-volume-low"></i>
</div>
<div class="ms-2">volume-low</div>
</div>
</div>
<div class="col" tabindex="517">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-volume-full"></i>
</div>
<div class="ms-2">volume-full</div>
</div>
</div>
<div class="col" tabindex="518">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-video"></i>
</div>
<div class="ms-2">video</div>
</div>
</div>
<div class="col" tabindex="519">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-vertical-center"></i>
</div>
<div class="ms-2">vertical-center</div>
</div>
</div>
<div class="col" tabindex="520">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-up-arrow-circle"></i>
</div>
<div class="ms-2">up-arrow-circle</div>
</div>
</div>
<div class="col" tabindex="521">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-trending-up"></i>
</div>
<div class="ms-2">trending-up</div>
</div>
</div>
<div class="col" tabindex="522">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-trending-down"></i>
</div>
<div class="ms-2">trending-down</div>
</div>
</div>
<div class="col" tabindex="523">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-toggle-right"></i>
</div>
<div class="ms-2">toggle-right</div>
</div>
</div>
<div class="col" tabindex="524">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-toggle-left"></i>
</div>
<div class="ms-2">toggle-left</div>
</div>
</div>
<div class="col" tabindex="525">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-time"></i>
</div>
<div class="ms-2">time</div>
</div>
</div>
<div class="col" tabindex="526">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-sync"></i>
</div>
<div class="ms-2">sync</div>
</div>
</div>
<div class="col" tabindex="527">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-stopwatch"></i>
</div>
<div class="ms-2">stopwatch</div>
</div>
</div>
<div class="col" tabindex="528">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-stop"></i>
</div>
<div class="ms-2">stop</div>
</div>
</div>
<div class="col" tabindex="529">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-stop-circle"></i>
</div>
<div class="ms-2">stop-circle</div>
</div>
</div>
<div class="col" tabindex="530">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-skip-previous"></i>
</div>
<div class="ms-2">skip-previous</div>
</div>
</div>
<div class="col" tabindex="531">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-skip-next"></i>
</div>
<div class="ms-2">skip-next</div>
</div>
</div>
<div class="col" tabindex="532">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-show"></i>
</div>
<div class="ms-2">show</div>
</div>
</div>
<div class="col" tabindex="533">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-search"></i>
</div>
<div class="ms-2">search</div>
</div>
</div>
<div class="col" tabindex="534">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-rss"></i>
</div>
<div class="ms-2">rss</div>
</div>
</div>
<div class="col" tabindex="535">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-right-top-arrow-circle"></i>
</div>
<div class="ms-2">right-top-arrow-circle</div>
</div>
</div>
<div class="col" tabindex="536">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-right-indent"></i>
</div>
<div class="ms-2">right-indent</div>
</div>
</div>
<div class="col" tabindex="537">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-right-down-arrow-circle"></i>
</div>
<div class="ms-2">right-down-arrow-circle</div>
</div>
</div>
<div class="col" tabindex="538">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-right-arrow-circle"></i>
</div>
<div class="ms-2">right-arrow-circle</div>
</div>
</div>
<div class="col" tabindex="539">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-reset"></i>
</div>
<div class="ms-2">reset</div>
</div>
</div>
<div class="col" tabindex="540">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-rewind"></i>
</div>
<div class="ms-2">rewind</div>
</div>
</div>
<div class="col" tabindex="541">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-rectangle"></i>
</div>
<div class="ms-2">rectangle</div>
</div>
</div>
<div class="col" tabindex="542">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-radio-circle"></i>
</div>
<div class="ms-2">radio-circle</div>
</div>
</div>
<div class="col" tabindex="543">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-radio-circle-marked"></i>
</div>
<div class="ms-2">radio-circle-marked</div>
</div>
</div>
<div class="col" tabindex="544">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-question-mark"></i>
</div>
<div class="ms-2">question-mark</div>
</div>
</div>
<div class="col" tabindex="545">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-plus-circle"></i>
</div>
<div class="ms-2">plus-circle</div>
</div>
</div>
<div class="col" tabindex="546">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-play"></i>
</div>
<div class="ms-2">play</div>
</div>
</div>
<div class="col" tabindex="547">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-play-circle"></i>
</div>
<div class="ms-2">play-circle</div>
</div>
</div>
<div class="col" tabindex="548">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-pause"></i>
</div>
<div class="ms-2">pause</div>
</div>
</div>
<div class="col" tabindex="549">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-pause-circle"></i>
</div>
<div class="ms-2">pause-circle</div>
</div>
</div>
<div class="col" tabindex="550">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-moon"></i>
</div>
<div class="ms-2">moon</div>
</div>
</div>
<div class="col" tabindex="551">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-minus-circle"></i>
</div>
<div class="ms-2">minus-circle</div>
</div>
</div>
<div class="col" tabindex="552">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-microphone"></i>
</div>
<div class="ms-2">microphone</div>
</div>
</div>
<div class="col" tabindex="553">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-menu"></i>
</div>
<div class="ms-2">menu</div>
</div>
</div>
<div class="col" tabindex="554">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-left-top-arrow-circle"></i>
</div>
<div class="ms-2">left-top-arrow-circle</div>
</div>
</div>
<div class="col" tabindex="555">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-left-indent"></i>
</div>
<div class="ms-2">left-indent</div>
</div>
</div>
<div class="col" tabindex="556">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-left-down-arrow-circle"></i>
</div>
<div class="ms-2">left-down-arrow-circle</div>
</div>
</div>
<div class="col" tabindex="557">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-left-arrow-circle"></i>
</div>
<div class="ms-2">left-arrow-circle</div>
</div>
</div>
<div class="col" tabindex="558">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-last-page"></i>
</div>
<div class="ms-2">last-page</div>
</div>
</div>
<div class="col" tabindex="559">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-key"></i>
</div>
<div class="ms-2">key</div>
</div>
</div>
<div class="col" tabindex="560">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-align-justify"></i>
</div>
<div class="ms-2">align-justify</div>
</div>
</div>
<div class="col" tabindex="561">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-info-circle"></i>
</div>
<div class="ms-2">info-circle</div>
</div>
</div>
<div class="col" tabindex="562">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-image"></i>
</div>
<div class="ms-2">image</div>
</div>
</div>
<div class="col" tabindex="563">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-hide"></i>
</div>
<div class="ms-2">hide</div>
</div>
</div>
<div class="col" tabindex="564">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-fullscreen"></i>
</div>
<div class="ms-2">fullscreen</div>
</div>
</div>
<div class="col" tabindex="565">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-folder"></i>
</div>
<div class="ms-2">folder</div>
</div>
</div>
<div class="col" tabindex="566">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-folder-plus"></i>
</div>
<div class="ms-2">folder-plus</div>
</div>
</div>
<div class="col" tabindex="567">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-folder-minus"></i>
</div>
<div class="ms-2">folder-minus</div>
</div>
</div>
<div class="col" tabindex="568">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-first-page"></i>
</div>
<div class="ms-2">first-page</div>
</div>
</div>
<div class="col" tabindex="569">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-fast-forward"></i>
</div>
<div class="ms-2">fast-forward</div>
</div>
</div>
<div class="col" tabindex="570">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-fast-forward-circle"></i>
</div>
<div class="ms-2">fast-forward-circle</div>
</div>
</div>
<div class="col" tabindex="571">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-exit-fullscreen"></i>
</div>
<div class="ms-2">exit-fullscreen</div>
</div>
</div>
<div class="col" tabindex="572">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-error"></i>
</div>
<div class="ms-2">error</div>
</div>
</div>
<div class="col" tabindex="573">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-error-circle"></i>
</div>
<div class="ms-2">error-circle</div>
</div>
</div>
<div class="col" tabindex="574">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-down-arrow-circle"></i>
</div>
<div class="ms-2">down-arrow-circle</div>
</div>
</div>
<div class="col" tabindex="575">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-copyright"></i>
</div>
<div class="ms-2">copyright</div>
</div>
</div>
<div class="col" tabindex="576">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-copy"></i>
</div>
<div class="ms-2">copy</div>
</div>
</div>
<div class="col" tabindex="577">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-coffee"></i>
</div>
<div class="ms-2">coffee</div>
</div>
</div>
<div class="col" tabindex="578">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-code"></i>
</div>
<div class="ms-2">code</div>
</div>
</div>
<div class="col" tabindex="579">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-code-curly"></i>
</div>
<div class="ms-2">code-curly</div>
</div>
</div>
<div class="col" tabindex="580">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-clipboard"></i>
</div>
<div class="ms-2">clipboard</div>
</div>
</div>
<div class="col" tabindex="581">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-chevrons-left"></i>
</div>
<div class="ms-2">chevrons-left</div>
</div>
</div>
<div class="col" tabindex="582">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-chevrons-right"></i>
</div>
<div class="ms-2">chevrons-right</div>
</div>
</div>
<div class="col" tabindex="583">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-chevrons-up"></i>
</div>
<div class="ms-2">chevrons-up</div>
</div>
</div>
<div class="col" tabindex="584">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-chevrons-down"></i>
</div>
<div class="ms-2">chevrons-down</div>
</div>
</div>
<div class="col" tabindex="585">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-chevron-right"></i>
</div>
<div class="ms-2">chevron-right</div>
</div>
</div>
<div class="col" tabindex="586">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-chevron-left"></i>
</div>
<div class="ms-2">chevron-left</div>
</div>
</div>
<div class="col" tabindex="587">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-chevron-up"></i>
</div>
<div class="ms-2">chevron-up</div>
</div>
</div>
<div class="col" tabindex="588">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-chevron-down"></i>
</div>
<div class="ms-2">chevron-down</div>
</div>
</div>
<div class="col" tabindex="589">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-checkbox-square"></i>
</div>
<div class="ms-2">checkbox-square</div>
</div>
</div>
<div class="col" tabindex="590">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-checkbox"></i>
</div>
<div class="ms-2">checkbox</div>
</div>
</div>
<div class="col" tabindex="591">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-checkbox-checked"></i>
</div>
<div class="ms-2">checkbox-checked</div>
</div>
</div>
<div class="col" tabindex="592">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-captions"></i>
</div>
<div class="ms-2">captions</div>
</div>
</div>
<div class="col" tabindex="593">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-camera"></i>
</div>
<div class="ms-2">camera</div>
</div>
</div>
<div class="col" tabindex="594">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-camera-off"></i>
</div>
<div class="ms-2">camera-off</div>
</div>
</div>
<div class="col" tabindex="595">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bullseye"></i>
</div>
<div class="ms-2">bullseye</div>
</div>
</div>
<div class="col" tabindex="596">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bookmarks"></i>
</div>
<div class="ms-2">bookmarks</div>
</div>
</div>
<div class="col" tabindex="597">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bookmark"></i>
</div>
<div class="ms-2">bookmark</div>
</div>
</div>
<div class="col" tabindex="598">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bell"></i>
</div>
<div class="ms-2">bell</div>
</div>
</div>
<div class="col" tabindex="599">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bell-plus"></i>
</div>
<div class="ms-2">bell-plus</div>
</div>
</div>
<div class="col" tabindex="600">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bell-off"></i>
</div>
<div class="ms-2">bell-off</div>
</div>
</div>
<div class="col" tabindex="601">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bell-minus"></i>
</div>
<div class="ms-2">bell-minus</div>
</div>
</div>
<div class="col" tabindex="602">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-arrow-back"></i>
</div>
<div class="ms-2">arrow-back</div>
</div>
</div>
<div class="col" tabindex="603">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-align-right"></i>
</div>
<div class="ms-2">align-right</div>
</div>
</div>
<div class="col" tabindex="604">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-align-middle"></i>
</div>
<div class="ms-2">align-middle</div>
</div>
</div>
<div class="col" tabindex="605">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-align-left"></i>
</div>
<div class="ms-2">align-left</div>
</div>
</div>
<div class="col" tabindex="606">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-music"></i>
</div>
<div class="ms-2">music</div>
</div>
</div>
<div class="col" tabindex="607">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-upside-down"></i>
</div>
<div class="ms-2">upside-down</div>
</div>
</div>
<div class="col" tabindex="608">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-laugh"></i>
</div>
<div class="ms-2">laugh</div>
</div>
</div>
<div class="col" tabindex="609">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-meh-blank"></i>
</div>
<div class="ms-2">meh-blank</div>
</div>
</div>
<div class="col" tabindex="610">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-happy-beaming"></i>
</div>
<div class="ms-2">happy-beaming</div>
</div>
</div>
<div class="col" tabindex="611">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-shocked"></i>
</div>
<div class="ms-2">shocked</div>
</div>
</div>
<div class="col" tabindex="612">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-sleepy"></i>
</div>
<div class="ms-2">sleepy</div>
</div>
</div>
<div class="col" tabindex="613">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-confused"></i>
</div>
<div class="ms-2">confused</div>
</div>
</div>
<div class="col" tabindex="614">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-wink-smile"></i>
</div>
<div class="ms-2">wink-smile</div>
</div>
</div>
<div class="col" tabindex="615">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-dizzy"></i>
</div>
<div class="ms-2">dizzy</div>
</div>
</div>
<div class="col" tabindex="616">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-happy-heart-eyes"></i>
</div>
<div class="ms-2">happy-heart-eyes</div>
</div>
</div>
<div class="col" tabindex="617">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-angry"></i>
</div>
<div class="ms-2">angry</div>
</div>
</div>
<div class="col" tabindex="618">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-smile"></i>
</div>
<div class="ms-2">smile</div>
</div>
</div>
<div class="col" tabindex="619">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-tired"></i>
</div>
<div class="ms-2">tired</div>
</div>
</div>
<div class="col" tabindex="620">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-cool"></i>
</div>
<div class="ms-2">cool</div>
</div>
</div>
<div class="col" tabindex="621">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-happy-alt"></i>
</div>
<div class="ms-2">happy-alt</div>
</div>
</div>
<div class="col" tabindex="622">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-wink-tongue"></i>
</div>
<div class="ms-2">wink-tongue</div>
</div>
</div>
<div class="col" tabindex="623">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-meh-alt"></i>
</div>
<div class="ms-2">meh-alt</div>
</div>
</div>
<div class="col" tabindex="624">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-food-menu"></i>
</div>
<div class="ms-2">food-menu</div>
</div>
</div>
<div class="col" tabindex="625">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-food-tag"></i>
</div>
<div class="ms-2">food-tag</div>
</div>
</div>
<div class="col" tabindex="626">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-female-sign"></i>
</div>
<div class="ms-2">female-sign</div>
</div>
</div>
<div class="col" tabindex="627">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-male-sign"></i>
</div>
<div class="ms-2">male-sign</div>
</div>
</div>
<div class="col" tabindex="628">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-female"></i>
</div>
<div class="ms-2">female</div>
</div>
</div>
<div class="col" tabindex="629">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-male"></i>
</div>
<div class="ms-2">male</div>
</div>
</div>
<div class="col" tabindex="630">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-clinic"></i>
</div>
<div class="ms-2">clinic</div>
</div>
</div>
<div class="col" tabindex="631">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-health"></i>
</div>
<div class="ms-2">health</div>
</div>
</div>
<div class="col" tabindex="632">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-shekel"></i>
</div>
<div class="ms-2">shekel</div>
</div>
</div>
<div class="col" tabindex="633">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-yen"></i>
</div>
<div class="ms-2">yen</div>
</div>
</div>
<div class="col" tabindex="634">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-won"></i>
</div>
<div class="ms-2">won</div>
</div>
</div>
<div class="col" tabindex="635">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-pound"></i>
</div>
<div class="ms-2">pound</div>
</div>
</div>
<div class="col" tabindex="636">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-euro"></i>
</div>
<div class="ms-2">euro</div>
</div>
</div>
<div class="col" tabindex="637">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-rupee"></i>
</div>
<div class="ms-2">rupee</div>
</div>
</div>
<div class="col" tabindex="638">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-ruble"></i>
</div>
<div class="ms-2">ruble</div>
</div>
</div>
<div class="col" tabindex="639">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-lira"></i>
</div>
<div class="ms-2">lira</div>
</div>
</div>
<div class="col" tabindex="640">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bitcoin"></i>
</div>
<div class="ms-2">bitcoin</div>
</div>
</div>
<div class="col" tabindex="641">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-tone"></i>
</div>
<div class="ms-2">tone</div>
</div>
</div>
<div class="col" tabindex="642">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bolt-circle"></i>
</div>
<div class="ms-2">bolt-circle</div>
</div>
</div>
<div class="col" tabindex="643">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-cake"></i>
</div>
<div class="ms-2">cake</div>
</div>
</div>
<div class="col" tabindex="644">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-spa"></i>
</div>
<div class="ms-2">spa</div>
</div>
</div>
<div class="col" tabindex="645">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-dish"></i>
</div>
<div class="ms-2">dish</div>
</div>
</div>
<div class="col" tabindex="646">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-fridge"></i>
</div>
<div class="ms-2">fridge</div>
</div>
</div>
<div class="col" tabindex="647">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-image-add"></i>
</div>
<div class="ms-2">image-add</div>
</div>
</div>
<div class="col" tabindex="648">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-image-alt"></i>
</div>
<div class="ms-2">image-alt</div>
</div>
</div>
<div class="col" tabindex="649">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-space-bar"></i>
</div>
<div class="ms-2">space-bar</div>
</div>
</div>
<div class="col" tabindex="650">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-alarm-add"></i>
</div>
<div class="ms-2">alarm-add</div>
</div>
</div>
<div class="col" tabindex="651">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-archive-out"></i>
</div>
<div class="ms-2">archive-out</div>
</div>
</div>
<div class="col" tabindex="652">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-archive-in"></i>
</div>
<div class="ms-2">archive-in</div>
</div>
</div>
<div class="col" tabindex="653">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-add-to-queue"></i>
</div>
<div class="ms-2">add-to-queue</div>
</div>
</div>
<div class="col" tabindex="654">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-border-radius"></i>
</div>
<div class="ms-2">border-radius</div>
</div>
</div>
<div class="col" tabindex="655">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-check-shield"></i>
</div>
<div class="ms-2">check-shield</div>
</div>
</div>
<div class="col" tabindex="656">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-label"></i>
</div>
<div class="ms-2">label</div>
</div>
</div>
<div class="col" tabindex="657">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-file-find"></i>
</div>
<div class="ms-2">file-find</div>
</div>
</div>
<div class="col" tabindex="658">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-face"></i>
</div>
<div class="ms-2">face</div>
</div>
</div>
<div class="col" tabindex="659">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-extension"></i>
</div>
<div class="ms-2">extension</div>
</div>
</div>
<div class="col" tabindex="660">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-exit"></i>
</div>
<div class="ms-2">exit</div>
</div>
</div>
<div class="col" tabindex="661">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-conversation"></i>
</div>
<div class="ms-2">conversation</div>
</div>
</div>
<div class="col" tabindex="662">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-sort-z-a"></i>
</div>
<div class="ms-2">sort-z-a</div>
</div>
</div>
<div class="col" tabindex="663">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-sort-a-z"></i>
</div>
<div class="ms-2">sort-a-z</div>
</div>
</div>
<div class="col" tabindex="664">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-printer"></i>
</div>
<div class="ms-2">printer</div>
</div>
</div>
<div class="col" tabindex="665">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-radio"></i>
</div>
<div class="ms-2">radio</div>
</div>
</div>
<div class="col" tabindex="666">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-customize"></i>
</div>
<div class="ms-2">customize</div>
</div>
</div>
<div class="col" tabindex="667">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-brush-alt"></i>
</div>
<div class="ms-2">brush-alt</div>
</div>
</div>
<div class="col" tabindex="668">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-briefcase-alt-2"></i>
</div>
<div class="ms-2">briefcase-alt-2</div>
</div>
</div>
<div class="col" tabindex="669">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-time-five"></i>
</div>
<div class="ms-2">time-five</div>
</div>
</div>
<div class="col" tabindex="670">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-pie-chart-alt-2"></i>
</div>
<div class="ms-2">pie-chart-alt-2</div>
</div>
</div>
<div class="col" tabindex="671">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-gas-pump"></i>
</div>
<div class="ms-2">gas-pump</div>
</div>
</div>
<div class="col" tabindex="672">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-mobile-vibration"></i>
</div>
<div class="ms-2">mobile-vibration</div>
</div>
</div>
<div class="col" tabindex="673">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-mobile-landscape"></i>
</div>
<div class="ms-2">mobile-landscape</div>
</div>
</div>
<div class="col" tabindex="674">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-border-all"></i>
</div>
<div class="ms-2">border-all</div>
</div>
</div>
<div class="col" tabindex="675">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-border-bottom"></i>
</div>
<div class="ms-2">border-bottom</div>
</div>
</div>
<div class="col" tabindex="676">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-border-top"></i>
</div>
<div class="ms-2">border-top</div>
</div>
</div>
<div class="col" tabindex="677">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-border-left"></i>
</div>
<div class="ms-2">border-left</div>
</div>
</div>
<div class="col" tabindex="678">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-border-right"></i>
</div>
<div class="ms-2">border-right</div>
</div>
</div>
<div class="col" tabindex="679">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-dialpad-alt"></i>
</div>
<div class="ms-2">dialpad-alt</div>
</div>
</div>
<div class="col" tabindex="680">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-filter-alt"></i>
</div>
<div class="ms-2">filter-alt</div>
</div>
</div>
<div class="col" tabindex="681">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-brightness"></i>
</div>
<div class="ms-2">brightness</div>
</div>
</div>
<div class="col" tabindex="682">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-brightness-half"></i>
</div>
<div class="ms-2">brightness-half</div>
</div>
</div>
<div class="col" tabindex="683">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-wifi-off"></i>
</div>
<div class="ms-2">wifi-off</div>
</div>
</div>
<div class="col" tabindex="684">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-credit-card-alt"></i>
</div>
<div class="ms-2">credit-card-alt</div>
</div>
</div>
<div class="col" tabindex="685">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-band-aid"></i>
</div>
<div class="ms-2">band-aid</div>
</div>
</div>
<div class="col" tabindex="686">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-hive"></i>
</div>
<div class="ms-2">hive</div>
</div>
</div>
<div class="col" tabindex="687">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-map-pin"></i>
</div>
<div class="ms-2">map-pin</div>
</div>
</div>
<div class="col" tabindex="688">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-line-chart"></i>
</div>
<div class="ms-2">line-chart</div>
</div>
</div>
<div class="col" tabindex="689">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-receipt"></i>
</div>
<div class="ms-2">receipt</div>
</div>
</div>
<div class="col" tabindex="690">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-purchase-tag-alt"></i>
</div>
<div class="ms-2">purchase-tag-alt</div>
</div>
</div>
<div class="col" tabindex="691">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-basket"></i>
</div>
<div class="ms-2">basket</div>
</div>
</div>
<div class="col" tabindex="692">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-palette"></i>
</div>
<div class="ms-2">palette</div>
</div>
</div>
<div class="col" tabindex="693">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-no-entry"></i>
</div>
<div class="ms-2">no-entry</div>
</div>
</div>
<div class="col" tabindex="694">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-alt-dots"></i>
</div>
<div class="ms-2">message-alt-dots</div>
</div>
</div>
<div class="col" tabindex="695">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-message-alt"></i>
</div>
<div class="ms-2">message-alt</div>
</div>
</div>
<div class="col" tabindex="696">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-check-square"></i>
</div>
<div class="ms-2">check-square</div>
</div>
</div>
<div class="col" tabindex="697">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-log-out-circle"></i>
</div>
<div class="ms-2">log-out-circle</div>
</div>
</div>
<div class="col" tabindex="698">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-log-in-circle"></i>
</div>
<div class="ms-2">log-in-circle</div>
</div>
</div>
<div class="col" tabindex="699">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-doughnut-chart"></i>
</div>
<div class="ms-2">doughnut-chart</div>
</div>
</div>
<div class="col" tabindex="700">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-building-house"></i>
</div>
<div class="ms-2">building-house</div>
</div>
</div>
<div class="col" tabindex="701">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-accessibility"></i>
</div>
<div class="ms-2">accessibility</div>
</div>
</div>
<div class="col" tabindex="702">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-user-voice"></i>
</div>
<div class="ms-2">user-voice</div>
</div>
</div>
<div class="col" tabindex="703">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-cuboid"></i>
</div>
<div class="ms-2">cuboid</div>
</div>
</div>
<div class="col" tabindex="704">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-cube-alt"></i>
</div>
<div class="ms-2">cube-alt</div>
</div>
</div>
<div class="col" tabindex="705">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-polygon"></i>
</div>
<div class="ms-2">polygon</div>
</div>
</div>
<div class="col" tabindex="706">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-square-rounded"></i>
</div>
<div class="ms-2">square-rounded</div>
</div>
</div>
<div class="col" tabindex="707">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-square"></i>
</div>
<div class="ms-2">square</div>
</div>
</div>
<div class="col" tabindex="708">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-error-alt"></i>
</div>
<div class="ms-2">error-alt</div>
</div>
</div>
<div class="col" tabindex="709">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-shield-alt-2"></i>
</div>
<div class="ms-2">shield-alt-2</div>
</div>
</div>
<div class="col" tabindex="710">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-paint-roll"></i>
</div>
<div class="ms-2">paint-roll</div>
</div>
</div>
<div class="col" tabindex="711">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-droplet"></i>
</div>
<div class="ms-2">droplet</div>
</div>
</div>
<div class="col" tabindex="712">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-street-view"></i>
</div>
<div class="ms-2">street-view</div>
</div>
</div>
<div class="col" tabindex="713">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-plus-medical"></i>
</div>
<div class="ms-2">plus-medical</div>
</div>
</div>
<div class="col" tabindex="714">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-search-alt-2"></i>
</div>
<div class="ms-2">search-alt-2</div>
</div>
</div>
<div class="col" tabindex="715">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-bowling-ball"></i>
</div>
<div class="ms-2">bowling-ball</div>
</div>
</div>
<div class="col" tabindex="716">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-dna"></i>
</div>
<div class="ms-2">dna</div>
</div>
</div>
<div class="col" tabindex="717">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-cycling"></i>
</div>
<div class="ms-2">cycling</div>
</div>
</div>
<div class="col" tabindex="718">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-shape-circle"></i>
</div>
<div class="ms-2">shape-circle</div>
</div>
</div>
<div class="col" tabindex="719">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-down-arrow-alt"></i>
</div>
<div class="ms-2">down-arrow-alt</div>
</div>
</div>
<div class="col" tabindex="720">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-up-arrow-alt"></i>
</div>
<div class="ms-2">up-arrow-alt</div>
</div>
</div>
<div class="col" tabindex="721">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-right-arrow-alt"></i>
</div>
<div class="ms-2">right-arrow-alt</div>
</div>
</div>
<div class="col" tabindex="722">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-left-arrow-alt"></i>
</div>
<div class="ms-2">left-arrow-alt</div>
</div>
</div>
<div class="col" tabindex="723">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-lock-open-alt"></i>
</div>
<div class="ms-2">lock-open-alt</div>
</div>
</div>
<div class="col" tabindex="724">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-lock-alt"></i>
</div>
<div class="ms-2">lock-alt</div>
</div>
</div>
<div class="col" tabindex="725">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-cylinder"></i>
</div>
<div class="ms-2">cylinder</div>
</div>
</div>
<div class="col" tabindex="726">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-pyramid"></i>
</div>
<div class="ms-2">pyramid</div>
</div>
</div>
<div class="col" tabindex="727">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-comment-dots"></i>
</div>
<div class="ms-2">comment-dots</div>
</div>
</div>
<div class="col" tabindex="728">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-comment"></i>
</div>
<div class="ms-2">comment</div>
</div>
</div>
<div class="col" tabindex="729">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-landscape"></i>
</div>
<div class="ms-2">landscape</div>
</div>
</div>
<div class="col" tabindex="730">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-book-open"></i>
</div>
<div class="ms-2">book-open</div>
</div>
</div>
<div class="col" tabindex="731">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-transfer-alt"></i>
</div>
<div class="ms-2">transfer-alt</div>
</div>
</div>
<div class="col" tabindex="732">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-copy-alt"></i>
</div>
<div class="ms-2">copy-alt</div>
</div>
</div>
<div class="col" tabindex="733">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-run"></i>
</div>
<div class="ms-2">run</div>
</div>
</div>
<div class="col" tabindex="734">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-user-pin"></i>
</div>
<div class="ms-2">user-pin</div>
</div>
</div>
<div class="col" tabindex="735">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-grid"></i>
</div>
<div class="ms-2">grid</div>
</div>
</div>
<div class="col" tabindex="736">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-code-alt"></i>
</div>
<div class="ms-2">code-alt</div>
</div>
</div>
<div class="col" tabindex="737">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-mail-send"></i>
</div>
<div class="ms-2">mail-send</div>
</div>
</div>
<div class="col" tabindex="738">
<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
<div class="font-22 text-primary"> <i class="fadeIn animated bx bx-ghost"></i>
</div>
<div class="ms-2">ghost</div>
</div>
</div>
</div>
<!--end row-->
</div>
</div>
<!--end page wrapper -->
<!--start overlay-->
<div class="overlay toggle-icon"></div>
<!--end overlay-->
<!--Start Back To Top Button--> <a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a>
<!--End Back To Top Button-->
<footer class="page-footer">
<p class="mb-0">Copyright © 2023. All right reserved.</p>
</footer>
</div>
<!--end wrapper-->
<!-- search modal -->
<div class="modal" id="SearchModal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-fullscreen-md-down">
<div class="modal-content">
<div class="modal-header gap-2">
<div class="position-relative popup-search w-100">
<input class="form-control form-control-lg ps-5 border border-3 border-primary" type="search" placeholder="Search">
<span class="position-absolute top-50 search-show ms-3 translate-middle-y start-0 top-50 fs-4"><i class='bx bx-search'></i></span>
</div>
<button type="button" class="btn-close d-md-none" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="search-list">
<p class="mb-1">Html Templates</p>
<div class="list-group">
<a href="javascript:;" class="list-group-item list-group-item-action active align-items-center d-flex gap-2 py-1"><i class='bx bxl-angular fs-4'></i>Best Html Templates</a>
<a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-vuejs fs-4'></i>Html5 Templates</a>
<a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-magento fs-4'></i>Responsive Html5 Templates</a>
<a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-shopify fs-4'></i>eCommerce Html Templates</a>
</div>
<p class="mb-1 mt-3">Web Designe Company</p>
<div class="list-group">
<a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-windows fs-4'></i>Best Html Templates</a>
<a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-dropbox fs-4' ></i>Html5 Templates</a>
<a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-opera fs-4'></i>Responsive Html5 Templates</a>
<a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-wordpress fs-4'></i>eCommerce Html Templates</a>
</div>
<p class="mb-1 mt-3">Software Development</p>
<div class="list-group">
<a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-mailchimp fs-4'></i>Best Html Templates</a>
<a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-zoom fs-4'></i>Html5 Templates</a>
<a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-sass fs-4'></i>Responsive Html5 Templates</a>
<a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-vk fs-4'></i>eCommerce Html Templates</a>
</div>
<p class="mb-1 mt-3">Online Shoping Portals</p>
<div class="list-group">
<a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-slack fs-4'></i>Best Html Templates</a>
<a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-skype fs-4'></i>Html5 Templates</a>
<a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-twitter fs-4'></i>Responsive Html5 Templates</a>
<a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-vimeo fs-4'></i>eCommerce Html Templates</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end search modal -->
<!--start switcher-->
<div class="switcher-wrapper">
<div class="switcher-btn"> <i class='bx bx-cog bx-spin'></i>
</div>
<div class="switcher-body">
<div class="d-flex align-items-center">
<h5 class="mb-0 text-uppercase">Theme Customizer</h5>
<button type="button" class="btn-close ms-auto close-switcher" aria-label="Close"></button>
</div>
<hr/>
<h6 class="mb-0">Theme Styles</h6>
<hr/>
<div class="d-flex align-items-center justify-content-between">
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="lightmode" checked>
<label class="form-check-label" for="lightmode">Light</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="darkmode">
<label class="form-check-label" for="darkmode">Dark</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="semidark">
<label class="form-check-label" for="semidark">Semi Dark</label>
</div>
</div>
<hr/>
<div class="form-check">
<input class="form-check-input" type="radio" id="minimaltheme" name="flexRadioDefault">
<label class="form-check-label" for="minimaltheme">Minimal Theme</label>
</div>
<hr/>
<h6 class="mb-0">Header Colors</h6>
<hr/>
<div class="header-colors-indigators">
<div class="row row-cols-auto g-3">
<div class="col">
<div class="indigator headercolor1" id="headercolor1"></div>
</div>
<div class="col">
<div class="indigator headercolor2" id="headercolor2"></div>
</div>
<div class="col">
<div class="indigator headercolor3" id="headercolor3"></div>
</div>
<div class="col">
<div class="indigator headercolor4" id="headercolor4"></div>
</div>
<div class="col">
<div class="indigator headercolor5" id="headercolor5"></div>
</div>
<div class="col">
<div class="indigator headercolor6" id="headercolor6"></div>
</div>
<div class="col">
<div class="indigator headercolor7" id="headercolor7"></div>
</div>
<div class="col">
<div class="indigator headercolor8" id="headercolor8"></div>
</div>
</div>
</div>
<hr/>
<h6 class="mb-0">Sidebar Colors</h6>
<hr/>
<div class="header-colors-indigators">
<div class="row row-cols-auto g-3">
<div class="col">
<div class="indigator sidebarcolor1" id="sidebarcolor1"></div>
</div>
<div class="col">
<div class="indigator sidebarcolor2" id="sidebarcolor2"></div>
</div>
<div class="col">
<div class="indigator sidebarcolor3" id="sidebarcolor3"></div>
</div>
<div class="col">
<div class="indigator sidebarcolor4" id="sidebarcolor4"></div>
</div>
<div class="col">
<div class="indigator sidebarcolor5" id="sidebarcolor5"></div>
</div>
<div class="col">
<div class="indigator sidebarcolor6" id="sidebarcolor6"></div>
</div>
<div class="col">
<div class="indigator sidebarcolor7" id="sidebarcolor7"></div>
</div>
<div class="col">
<div class="indigator sidebarcolor8" id="sidebarcolor8"></div>
</div>
</div>
</div>
</div>
</div>
<!--end switcher-->
<!-- Bootstrap JS -->
<script src="assets/js/bootstrap.bundle.min.js"></script>
<!--plugins-->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/plugins/simplebar/js/simplebar.min.js"></script>
<script src="assets/plugins/metismenu/js/metisMenu.min.js"></script>
<script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script>
<!--app JS-->
<script src="assets/js/app.js"></script>
</body>
<!-- Mirrored from codervent.com/rocker/demo/vertical/icons-boxicons.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 01 May 2023 11:03:53 GMT -->
</html>
Zerion Mini Shell 1.0