File size: 282.99Kb
<!doctype html>
<html lang="en" data-bs-theme="blue-theme">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Maxton | Bootstrap 5 Admin Dashboard Template</title>
<!--favicon-->
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png">
<!-- loader-->
<link href="assets/css/pace.min.css" rel="stylesheet">
<script src="assets/js/pace.min.js"></script>
<!--plugins-->
<link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="assets/plugins/metismenu/metisMenu.min.css">
<link rel="stylesheet" type="text/css" href="assets/plugins/metismenu/mm-vertical.css">
<link rel="stylesheet" type="text/css" href="assets/plugins/simplebar/css/simplebar.css">
<!--bootstrap css-->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/extra-icons.css">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Material+Icons+Outlined" rel="stylesheet">
<!--main css-->
<link href="assets/css/bootstrap-extended.css" rel="stylesheet">
<link href="sass/main.css" rel="stylesheet">
<link href="sass/dark-theme.css" rel="stylesheet">
<link href="sass/blue-theme.css" rel="stylesheet">
<link href="sass/semi-dark.css" rel="stylesheet">
<link href="sass/bordered-theme.css" rel="stylesheet">
<link href="sass/responsive.css" rel="stylesheet">
</head>
<body>
<!--start header-->
<header class="top-header">
<nav class="navbar navbar-expand align-items-center gap-4">
<div class="btn-toggle">
<a href="javascript:;"><i class="material-icons-outlined">menu</i></a>
</div>
<div class="search-bar flex-grow-1">
<div class="position-relative">
<input class="form-control rounded-5 px-5 search-control d-lg-block d-none" type="text" placeholder="Search">
<span class="material-icons-outlined position-absolute d-lg-block d-none ms-3 translate-middle-y start-0 top-50">search</span>
<span class="material-icons-outlined position-absolute me-3 translate-middle-y end-0 top-50 search-close">close</span>
<div class="search-popup p-3">
<div class="card rounded-4 overflow-hidden">
<div class="card-header d-lg-none">
<div class="position-relative">
<input class="form-control rounded-5 px-5 mobile-search-control" type="text" placeholder="Search">
<span class="material-icons-outlined position-absolute ms-3 translate-middle-y start-0 top-50">search</span>
<span class="material-icons-outlined position-absolute me-3 translate-middle-y end-0 top-50 mobile-search-close">close</span>
</div>
</div>
<div class="card-body search-content">
<p class="search-title">Recent Searches</p>
<div class="d-flex align-items-start flex-wrap gap-2 kewords-wrapper">
<a href="javascript:;" class="kewords"><span>Angular Template</span><i
class="material-icons-outlined fs-6">search</i></a>
<a href="javascript:;" class="kewords"><span>Dashboard</span><i
class="material-icons-outlined fs-6">search</i></a>
<a href="javascript:;" class="kewords"><span>Admin Template</span><i
class="material-icons-outlined fs-6">search</i></a>
<a href="javascript:;" class="kewords"><span>Bootstrap 5 Admin</span><i
class="material-icons-outlined fs-6">search</i></a>
<a href="javascript:;" class="kewords"><span>Html eCommerce</span><i
class="material-icons-outlined fs-6">search</i></a>
<a href="javascript:;" class="kewords"><span>Sass</span><i
class="material-icons-outlined fs-6">search</i></a>
<a href="javascript:;" class="kewords"><span>laravel 9</span><i
class="material-icons-outlined fs-6">search</i></a>
</div>
<hr>
<p class="search-title">Tutorials</p>
<div class="search-list d-flex flex-column gap-2">
<div class="search-list-item d-flex align-items-center gap-3">
<div class="list-icon">
<i class="material-icons-outlined fs-5">play_circle</i>
</div>
<div class="">
<h5 class="mb-0 search-list-title ">Wordpress Tutorials</h5>
</div>
</div>
<div class="search-list-item d-flex align-items-center gap-3">
<div class="list-icon">
<i class="material-icons-outlined fs-5">shopping_basket</i>
</div>
<div class="">
<h5 class="mb-0 search-list-title">eCommerce Website Tutorials</h5>
</div>
</div>
<div class="search-list-item d-flex align-items-center gap-3">
<div class="list-icon">
<i class="material-icons-outlined fs-5">laptop</i>
</div>
<div class="">
<h5 class="mb-0 search-list-title">Responsive Design</h5>
</div>
</div>
</div>
<hr>
<p class="search-title">Members</p>
<div class="search-list d-flex flex-column gap-2">
<div class="search-list-item d-flex align-items-center gap-3">
<div class="memmber-img">
<img src="https://placehold.co/110x110/png" width="32" height="32" class="rounded-circle" alt="">
</div>
<div class="">
<h5 class="mb-0 search-list-title ">Andrew Stark</h5>
</div>
</div>
<div class="search-list-item d-flex align-items-center gap-3">
<div class="memmber-img">
<img src="https://placehold.co/110x110/png" width="32" height="32" class="rounded-circle" alt="">
</div>
<div class="">
<h5 class="mb-0 search-list-title ">Snetro Jhonia</h5>
</div>
</div>
<div class="search-list-item d-flex align-items-center gap-3">
<div class="memmber-img">
<img src="https://placehold.co/110x110/png" width="32" height="32" class="rounded-circle" alt="">
</div>
<div class="">
<h5 class="mb-0 search-list-title">Michle Clark</h5>
</div>
</div>
</div>
</div>
<div class="card-footer text-center bg-transparent">
<a href="javascript:;" class="btn w-100">See All Search Results</a>
</div>
</div>
</div>
</div>
</div>
<ul class="navbar-nav gap-1 nav-right-links align-items-center">
<li class="nav-item d-lg-none mobile-search-btn">
<a class="nav-link" href="javascript:;"><i class="material-icons-outlined">search</i></a>
</li>
<li class="nav-item dropdown">
<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 dropdown position-static d-md-flex d-none">
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" data-bs-auto-close="outside"
data-bs-toggle="dropdown" href="javascript:;"><i class="material-icons-outlined">done_all</i></a>
<div class="dropdown-menu dropdown-menu-end mega-menu shadow-lg p-4 p-lg-5">
<div class="mega-menu-widgets">
<div class="row row-cols-1 row-cols-lg-2 row-cols-xl-3 g-4 g-lg-5">
<div class="col">
<div class="card rounded-4 shadow-none border mb-0">
<div class="card-body">
<div class="d-flex align-items-start gap-3">
<div class="mega-menu-icon flex-shrink-0 bg-danger">
<i class="material-icons-outlined">question_answer</i>
</div>
<div class="mega-menu-content">
<h5>Marketing</h5>
<p class="mb-0 f-14">In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate
the visual form of a document.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card rounded-4 shadow-none border mb-0">
<div class="card-body">
<div class="d-flex align-items-start gap-3">
<img src="assets/images/megaIcons/02.png" width="40" alt="">
<div class="mega-menu-content">
<h5>Website</h5>
<p class="mb-0 f-14">In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate
the visual form of a document.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card rounded-4 shadow-none border mb-0">
<div class="card-body">
<div class="d-flex align-items-start gap-3">
<img src="assets/images/megaIcons/03.png" width="40" alt="">
<div class="mega-menu-content">
<h5>Subscribers</h5>
<p class="mb-0 f-14">In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate
the visual form of a document.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card rounded-4 shadow-none border mb-0">
<div class="card-body">
<div class="d-flex align-items-start gap-3">
<img src="assets/images/megaIcons/01.png" width="40" alt="">
<div class="mega-menu-content">
<h5>Hubspot</h5>
<p class="mb-0 f-14">In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate
the visual form of a document.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card rounded-4 shadow-none border mb-0">
<div class="card-body">
<div class="d-flex align-items-start gap-3">
<img src="assets/images/megaIcons/11.png" width="40" alt="">
<div class="mega-menu-content">
<h5>Templates</h5>
<p class="mb-0 f-14">In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate
the visual form of a document.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card rounded-4 shadow-none border mb-0">
<div class="card-body">
<div class="d-flex align-items-start gap-3">
<img src="assets/images/megaIcons/13.png" width="40" alt="">
<div class="mega-menu-content">
<h5>Ebooks</h5>
<p class="mb-0 f-14">In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate
the visual form of a document.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card rounded-4 shadow-none border mb-0">
<div class="card-body">
<div class="d-flex align-items-start gap-3">
<img src="assets/images/megaIcons/12.png" width="40" alt="">
<div class="mega-menu-content">
<h5>Sales</h5>
<p class="mb-0 f-14">In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate
the visual form of a document.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card rounded-4 shadow-none border mb-0">
<div class="card-body">
<div class="d-flex align-items-start gap-3">
<img src="assets/images/megaIcons/08.png" width="40" alt="">
<div class="mega-menu-content">
<h5>Tools</h5>
<p class="mb-0 f-14">In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate
the visual form of a document.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card rounded-4 shadow-none border mb-0">
<div class="card-body">
<div class="d-flex align-items-start gap-3">
<img src="assets/images/megaIcons/09.png" width="40" alt="">
<div class="mega-menu-content">
<h5>Academy</h5>
<p class="mb-0 f-14">In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate
the visual form of a document.</p>
</div>
</div>
</div>
</div>
</div>
</div><!--end row-->
</div>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" data-bs-auto-close="outside"
data-bs-toggle="dropdown" href="javascript:;"><i class="material-icons-outlined">apps</i></a>
<div class="dropdown-menu dropdown-menu-end dropdown-apps shadow-lg p-3">
<div class="border rounded-4 overflow-hidden">
<div class="row row-cols-3 g-0 border-bottom">
<div class="col border-end">
<div class="app-wrapper d-flex flex-column gap-2 text-center">
<div class="app-icon">
<img src="assets/images/apps/01.png" width="36" alt="">
</div>
<div class="app-name">
<p class="mb-0">Gmail</p>
</div>
</div>
</div>
<div class="col border-end">
<div class="app-wrapper d-flex flex-column gap-2 text-center">
<div class="app-icon">
<img src="assets/images/apps/02.png" width="36" alt="">
</div>
<div class="app-name">
<p class="mb-0">Skype</p>
</div>
</div>
</div>
<div class="col">
<div class="app-wrapper d-flex flex-column gap-2 text-center">
<div class="app-icon">
<img src="assets/images/apps/03.png" width="36" alt="">
</div>
<div class="app-name">
<p class="mb-0">Slack</p>
</div>
</div>
</div>
</div><!--end row-->
<div class="row row-cols-3 g-0 border-bottom">
<div class="col border-end">
<div class="app-wrapper d-flex flex-column gap-2 text-center">
<div class="app-icon">
<img src="assets/images/apps/04.png" width="36" alt="">
</div>
<div class="app-name">
<p class="mb-0">YouTube</p>
</div>
</div>
</div>
<div class="col border-end">
<div class="app-wrapper d-flex flex-column gap-2 text-center">
<div class="app-icon">
<img src="assets/images/apps/05.png" width="36" alt="">
</div>
<div class="app-name">
<p class="mb-0">Google</p>
</div>
</div>
</div>
<div class="col">
<div class="app-wrapper d-flex flex-column gap-2 text-center">
<div class="app-icon">
<img src="assets/images/apps/06.png" width="36" alt="">
</div>
<div class="app-name">
<p class="mb-0">Instagram</p>
</div>
</div>
</div>
</div><!--end row-->
<div class="row row-cols-3 g-0 border-bottom">
<div class="col border-end">
<div class="app-wrapper d-flex flex-column gap-2 text-center">
<div class="app-icon">
<img src="assets/images/apps/07.png" width="36" alt="">
</div>
<div class="app-name">
<p class="mb-0">Spotify</p>
</div>
</div>
</div>
<div class="col border-end">
<div class="app-wrapper d-flex flex-column gap-2 text-center">
<div class="app-icon">
<img src="assets/images/apps/08.png" width="36" alt="">
</div>
<div class="app-name">
<p class="mb-0">Yahoo</p>
</div>
</div>
</div>
<div class="col">
<div class="app-wrapper d-flex flex-column gap-2 text-center">
<div class="app-icon">
<img src="assets/images/apps/09.png" width="36" alt="">
</div>
<div class="app-name">
<p class="mb-0">Facebook</p>
</div>
</div>
</div>
</div><!--end row-->
<div class="row row-cols-3 g-0">
<div class="col border-end">
<div class="app-wrapper d-flex flex-column gap-2 text-center">
<div class="app-icon">
<img src="assets/images/apps/10.png" width="36" alt="">
</div>
<div class="app-name">
<p class="mb-0">Figma</p>
</div>
</div>
</div>
<div class="col border-end">
<div class="app-wrapper d-flex flex-column gap-2 text-center">
<div class="app-icon">
<img src="assets/images/apps/11.png" width="36" alt="">
</div>
<div class="app-name">
<p class="mb-0">Paypal</p>
</div>
</div>
</div>
<div class="col">
<div class="app-wrapper d-flex flex-column gap-2 text-center">
<div class="app-icon">
<img src="assets/images/apps/12.png" width="36" alt="">
</div>
<div class="app-name">
<p class="mb-0">Photo</p>
</div>
</div>
</div>
</div><!--end row-->
</div>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret position-relative" data-bs-auto-close="outside"
data-bs-toggle="dropdown" href="javascript:;"><i class="material-icons-outlined">notifications</i>
<span class="badge-notify">5</span>
</a>
<div class="dropdown-menu dropdown-notify dropdown-menu-end shadow">
<div class="px-3 py-1 d-flex align-items-center justify-content-between border-bottom">
<h5 class="notiy-title mb-0">Notifications</h5>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle dropdown-toggle-nocaret option" type="button"
data-bs-toggle="dropdown" aria-expanded="false">
<span class="material-icons-outlined">
more_vert
</span>
</button>
<div class="dropdown-menu dropdown-option dropdown-menu-end shadow">
<div><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="javascript:;"><i
class="material-icons-outlined fs-6">inventory_2</i>Archive All</a></div>
<div><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="javascript:;"><i
class="material-icons-outlined fs-6">done_all</i>Mark all as read</a></div>
<div><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="javascript:;"><i
class="material-icons-outlined fs-6">mic_off</i>Disable Notifications</a></div>
<div><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="javascript:;"><i
class="material-icons-outlined fs-6">grade</i>What's new ?</a></div>
<div>
<hr class="dropdown-divider">
</div>
<div><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="javascript:;"><i
class="material-icons-outlined fs-6">leaderboard</i>Reports</a></div>
</div>
</div>
</div>
<div class="notify-list">
<div>
<a class="dropdown-item border-bottom py-2" href="javascript:;">
<div class="d-flex align-items-center gap-3">
<div class="">
<img src="https://placehold.co/110x110/png" class="rounded-circle" width="45" height="45" alt="">
</div>
<div class="">
<h5 class="notify-title">Congratulations Jhon</h5>
<p class="mb-0 notify-desc">Many congtars jhon. You have won the gifts.</p>
<p class="mb-0 notify-time">Today</p>
</div>
<div class="notify-close position-absolute end-0 me-3">
<i class="material-icons-outlined fs-6">close</i>
</div>
</div>
</a>
</div>
<div>
<a class="dropdown-item border-bottom py-2" href="javascript:;">
<div class="d-flex align-items-center gap-3">
<div class="user-wrapper bg-primary text-primary bg-opacity-10">
<span>RS</span>
</div>
<div class="">
<h5 class="notify-title">New Account Created</h5>
<p class="mb-0 notify-desc">From USA an user has registered.</p>
<p class="mb-0 notify-time">Yesterday</p>
</div>
<div class="notify-close position-absolute end-0 me-3">
<i class="material-icons-outlined fs-6">close</i>
</div>
</div>
</a>
</div>
<div>
<a class="dropdown-item border-bottom py-2" href="javascript:;">
<div class="d-flex align-items-center gap-3">
<div class="">
<img src="assets/images/apps/13.png" class="rounded-circle" width="45" height="45" alt="">
</div>
<div class="">
<h5 class="notify-title">Payment Recived</h5>
<p class="mb-0 notify-desc">New payment recived successfully</p>
<p class="mb-0 notify-time">1d ago</p>
</div>
<div class="notify-close position-absolute end-0 me-3">
<i class="material-icons-outlined fs-6">close</i>
</div>
</div>
</a>
</div>
<div>
<a class="dropdown-item border-bottom py-2" href="javascript:;">
<div class="d-flex align-items-center gap-3">
<div class="">
<img src="assets/images/apps/14.png" class="rounded-circle" width="45" height="45" alt="">
</div>
<div class="">
<h5 class="notify-title">New Order Recived</h5>
<p class="mb-0 notify-desc">Recived new order from michle</p>
<p class="mb-0 notify-time">2:15 AM</p>
</div>
<div class="notify-close position-absolute end-0 me-3">
<i class="material-icons-outlined fs-6">close</i>
</div>
</div>
</a>
</div>
<div>
<a class="dropdown-item border-bottom py-2" href="javascript:;">
<div class="d-flex align-items-center gap-3">
<div class="">
<img src="https://placehold.co/110x110/png" class="rounded-circle" width="45" height="45" alt="">
</div>
<div class="">
<h5 class="notify-title">Congratulations Jhon</h5>
<p class="mb-0 notify-desc">Many congtars jhon. You have won the gifts.</p>
<p class="mb-0 notify-time">Today</p>
</div>
<div class="notify-close position-absolute end-0 me-3">
<i class="material-icons-outlined fs-6">close</i>
</div>
</div>
</a>
</div>
<div>
<a class="dropdown-item py-2" href="javascript:;">
<div class="d-flex align-items-center gap-3">
<div class="user-wrapper bg-danger text-danger bg-opacity-10">
<span>PK</span>
</div>
<div class="">
<h5 class="notify-title">New Account Created</h5>
<p class="mb-0 notify-desc">From USA an user has registered.</p>
<p class="mb-0 notify-time">Yesterday</p>
</div>
<div class="notify-close position-absolute end-0 me-3">
<i class="material-icons-outlined fs-6">close</i>
</div>
</div>
</a>
</div>
</div>
</div>
</li>
<li class="nav-item d-md-flex d-none">
<a class="nav-link position-relative" data-bs-toggle="offcanvas" href="#offcanvasCart"><i
class="material-icons-outlined">shopping_cart</i>
<span class="badge-notify">8</span>
</a>
</li>
<li class="nav-item dropdown">
<a href="javascrpt:;" class="dropdown-toggle dropdown-toggle-nocaret" data-bs-toggle="dropdown">
<img src="https://placehold.co/110x110/png" class="rounded-circle p-1 border" width="45" height="45" alt="">
</a>
<div class="dropdown-menu dropdown-user dropdown-menu-end shadow">
<a class="dropdown-item gap-2 py-2" href="javascript:;">
<div class="text-center">
<img src="https://placehold.co/110x110/png" class="rounded-circle p-1 shadow mb-3" width="90" height="90"
alt="">
<h5 class="user-name mb-0 fw-bold">Hello, Jhon</h5>
</div>
</a>
<hr class="dropdown-divider">
<a class="dropdown-item d-flex align-items-center gap-2 py-2" href="javascript:;"><i
class="material-icons-outlined">person_outline</i>Profile</a>
<a class="dropdown-item d-flex align-items-center gap-2 py-2" href="javascript:;"><i
class="material-icons-outlined">local_bar</i>Setting</a>
<a class="dropdown-item d-flex align-items-center gap-2 py-2" href="javascript:;"><i
class="material-icons-outlined">dashboard</i>Dashboard</a>
<a class="dropdown-item d-flex align-items-center gap-2 py-2" href="javascript:;"><i
class="material-icons-outlined">account_balance</i>Earning</a>
<a class="dropdown-item d-flex align-items-center gap-2 py-2" href="javascript:;"><i
class="material-icons-outlined">cloud_download</i>Downloads</a>
<hr class="dropdown-divider">
<a class="dropdown-item d-flex align-items-center gap-2 py-2" href="javascript:;"><i
class="material-icons-outlined">power_settings_new</i>Logout</a>
</div>
</li>
</ul>
</nav>
</header>
<!--end top header-->
<!--start sidebar-->
<aside class="sidebar-wrapper" data-simplebar="true">
<div class="sidebar-header">
<div class="logo-icon">
<img src="assets/images/logo-icon.png" class="logo-img" alt="">
</div>
<div class="logo-name flex-grow-1">
<h5 class="mb-0">Maxton</h5>
</div>
<div class="sidebar-close">
<span class="material-icons-outlined">close</span>
</div>
</div>
<div class="sidebar-nav">
<!--navigation-->
<ul class="metismenu" id="sidenav">
<li>
<a href="javascript:;" class="has-arrow">
<div class="parent-icon"><i class="material-icons-outlined">home</i>
</div>
<div class="menu-title">Dashboard</div>
</a>
<ul>
<li><a href="index.html"><i class="material-icons-outlined">arrow_right</i>Analysis</a>
</li>
<li><a href="index2.html"><i class="material-icons-outlined">arrow_right</i>eCommerce</a>
</li>
</ul>
</li>
<li>
<a href="javascript:;" class="has-arrow">
<div class="parent-icon"><i class="material-icons-outlined">widgets</i>
</div>
<div class="menu-title">Widgets</div>
</a>
<ul>
<li><a href="widgets-data.html"><i class="material-icons-outlined">arrow_right</i>Data</a>
</li>
<li><a href="widgets-static.html"><i class="material-icons-outlined">arrow_right</i>Static</a>
</li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:;">
<div class="parent-icon"><i class="material-icons-outlined">apps</i>
</div>
<div class="menu-title">Apps</div>
</a>
<ul>
<li><a href="app-emailbox.html"><i class="material-icons-outlined">arrow_right</i>Email Box</a>
</li>
<li><a href="app-emailread.html"><i class="material-icons-outlined">arrow_right</i>Email Read</a>
</li>
<li><a href="app-chat-box.html"><i class="material-icons-outlined">arrow_right</i>Chat</a>
</li>
<li><a href="app-fullcalender.html"><i class="material-icons-outlined">arrow_right</i>Calendar</a>
</li>
<li><a href="app-to-do.html"><i class="material-icons-outlined">arrow_right</i>To do</a>
</li>
<li><a href="app-invoice.html"><i class="material-icons-outlined">arrow_right</i>Invoice</a>
</li>
</ul>
</li>
<li class="menu-label">UI Elements</li>
<li>
<a href="cards.html">
<div class="parent-icon"><i class="material-icons-outlined">inventory_2</i>
</div>
<div class="menu-title">Cards</div>
</a>
</li>
<li>
<a href="javascript:;" class="has-arrow">
<div class="parent-icon"><i class="material-icons-outlined">shopping_bag</i>
</div>
<div class="menu-title">eCommerce</div>
</a>
<ul>
<li><a href="ecommerce-add-product.html"><i class="material-icons-outlined">arrow_right</i>Add Product</a>
</li>
<li><a href="ecommerce-products.html"><i class="material-icons-outlined">arrow_right</i>Products</a>
</li>
<li><a href="ecommerce-customers.html"><i class="material-icons-outlined">arrow_right</i>Customers</a>
</li>
<li><a href="ecommerce-customer-details.html"><i class="material-icons-outlined">arrow_right</i>Customer Details</a>
</li>
<li><a href="ecommerce-orders.html"><i class="material-icons-outlined">arrow_right</i>Orders</a>
</li>
<li><a href="ecommerce-order-details.html"><i class="material-icons-outlined">arrow_right</i>Order Details</a>
</li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:;">
<div class="parent-icon"><i class="material-icons-outlined">card_giftcard</i>
</div>
<div class="menu-title">Components</div>
</a>
<ul>
<li><a href="component-alerts.html"><i class="material-icons-outlined">arrow_right</i>Alerts</a>
</li>
<li><a href="component-accordions.html"><i class="material-icons-outlined">arrow_right</i>Accordions</a>
</li>
<li><a href="component-badges.html"><i class="material-icons-outlined">arrow_right</i>Badges</a>
</li>
<li><a href="component-buttons.html"><i class="material-icons-outlined">arrow_right</i>Buttons</a>
</li>
<li><a href="component-carousels.html"><i class="material-icons-outlined">arrow_right</i>Carousels</a>
</li>
<li><a href="component-media-object.html"><i class="material-icons-outlined">arrow_right</i>Media
Objects</a>
</li>
<li><a href="component-modals.html"><i class="material-icons-outlined">arrow_right</i>Modals</a>
</li>
<li><a href="component-navs-tabs.html"><i class="material-icons-outlined">arrow_right</i>Navs & Tabs</a>
</li>
<li><a href="component-navbar.html"><i class="material-icons-outlined">arrow_right</i>Navbar</a>
</li>
<li><a href="component-paginations.html"><i class="material-icons-outlined">arrow_right</i>Pagination</a>
</li>
<li><a href="component-popovers-tooltips.html"><i class="material-icons-outlined">arrow_right</i>Popovers
& Tooltips</a>
</li>
<li><a href="component-progress-bars.html"><i class="material-icons-outlined">arrow_right</i>Progress</a>
</li>
<li><a href="component-spinners.html"><i class="material-icons-outlined">arrow_right</i>Spinners</a>
</li>
<li><a href="component-notifications.html"><i
class="material-icons-outlined">arrow_right</i>Notifications</a>
</li>
<li><a href="component-avtars-chips.html"><i class="material-icons-outlined">arrow_right</i>Avatrs &
Chips</a>
</li>
<li><a href="component-typography.html"><i class="material-icons-outlined">arrow_right</i>Typography</a>
</li>
<li><a href="component-text-utilities.html"><i class="material-icons-outlined">arrow_right</i>Utilities</a>
</li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:;">
<div class="parent-icon"><i class="material-icons-outlined">view_agenda</i>
</div>
<div class="menu-title">Icons</div>
</a>
<ul>
<li><a href="icons-line-icons.html"><i class="material-icons-outlined">arrow_right</i>Line Icons</a>
</li>
<li><a href="icons-boxicons.html"><i class="material-icons-outlined">arrow_right</i>Boxicons</a>
</li>
<li><a href="icons-feather-icons.html"><i class="material-icons-outlined">arrow_right</i>Feather
Icons</a>
</li>
</ul>
</li>
<li class="menu-label">Forms & Tables</li>
<li>
<a class="has-arrow" href="javascript:;">
<div class="parent-icon"><i class="material-icons-outlined">toc</i>
</div>
<div class="menu-title">Forms</div>
</a>
<ul>
<li><a href="form-elements.html"><i class="material-icons-outlined">arrow_right</i>Form Elements</a>
</li>
<li><a href="form-input-group.html"><i class="material-icons-outlined">arrow_right</i>Input Groups</a>
</li>
<li><a href="form-radios-and-checkboxes.html"><i class="material-icons-outlined">arrow_right</i>Radios &
Checkboxes</a>
</li>
<li><a href="form-layouts.html"><i class="material-icons-outlined">arrow_right</i>Forms Layouts</a>
</li>
<li><a href="form-validations.html"><i class="material-icons-outlined">arrow_right</i>Form Validation</a>
</li>
<li><a href="form-wizard.html"><i class="material-icons-outlined">arrow_right</i>Form Wizard</a>
</li>
<li><a href="form-file-upload.html"><i class="material-icons-outlined">arrow_right</i>File Upload</a>
</li>
<li><a href="form-date-time-pickes.html"><i class="material-icons-outlined">arrow_right</i>Date
Pickers</a>
</li>
<li><a href="form-select2.html"><i class="material-icons-outlined">arrow_right</i>Select2</a>
</li>
<li><a href="form-repeater.html"><i class="material-icons-outlined">arrow_right</i>Form Repeater</a>
</li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:;">
<div class="parent-icon"><i class="material-icons-outlined">api</i>
</div>
<div class="menu-title">Tables</div>
</a>
<ul>
<li><a href="table-basic-table.html"><i class="material-icons-outlined">arrow_right</i>Basic Table</a>
</li>
<li><a href="table-datatable.html"><i class="material-icons-outlined">arrow_right</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="material-icons-outlined">lock</i>
</div>
<div class="menu-title">Authentication</div>
</a>
<ul>
<li><a class="has-arrow" href="javascript:;"><i class="material-icons-outlined">arrow_right</i>Basic</a>
<ul>
<li><a href="auth-basic-login.html" target="_blank"><i class="material-icons-outlined">arrow_right</i>Login</a></li>
<li><a href="auth-basic-register.html" target="_blank"><i class="material-icons-outlined">arrow_right</i>Register</a></li>
<li><a href="auth-basic-forgot-password.html" target="_blank"><i class="material-icons-outlined">arrow_right</i>Forgot Password</a></li>
<li><a href="auth-basic-reset-password.html" target="_blank"><i class="material-icons-outlined">arrow_right</i>Reset Password</a></li>
</ul>
</li>
<li><a class="has-arrow" href="javascript:;"><i class="material-icons-outlined">arrow_right</i>Cover</a>
<ul>
<li><a href="auth-cover-login.html" target="_blank"><i class="material-icons-outlined">arrow_right</i>Login</a></li>
<li><a href="auth-cover-register.html" target="_blank"><i class="material-icons-outlined">arrow_right</i>Register</a></li>
<li><a href="auth-cover-forgot-password.html" target="_blank"><i class="material-icons-outlined">arrow_right</i>Forgot Password</a></li>
<li><a href="auth-cover-reset-password.html" target="_blank"><i class="material-icons-outlined">arrow_right</i>Reset Password</a></li>
</ul>
</li>
<li><a class="has-arrow" href="javascript:;"><i class="material-icons-outlined">arrow_right</i>Boxed</a>
<ul>
<li><a href="auth-boxed-login.html" target="_blank"><i class="material-icons-outlined">arrow_right</i>Login</a></li>
<li><a href="auth-boxed-register.html" target="_blank"><i class="material-icons-outlined">arrow_right</i>Register</a></li>
<li><a href="auth-boxed-forgot-password.html" target="_blank"><i class="material-icons-outlined">arrow_right</i>Forgot Password</a></li>
<li><a href="auth-boxed-reset-password.html" target="_blank"><i class="material-icons-outlined">arrow_right</i>Reset Password</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="user-profile.html">
<div class="parent-icon"><i class="material-icons-outlined">person</i>
</div>
<div class="menu-title">User Profile</div>
</a>
</li>
<li>
<a href="timeline.html">
<div class="parent-icon"><i class="material-icons-outlined">join_right</i>
</div>
<div class="menu-title">Timeline</div>
</a>
</li>
<li>
<a class="has-arrow" href="javascript:;">
<div class="parent-icon"><i class="material-icons-outlined">report_problem</i>
</div>
<div class="menu-title">Pages</div>
</a>
<ul>
<li><a href="pages-error-404.html" target="_blank"><i class="material-icons-outlined">arrow_right</i>404
Error</a>
</li>
<li><a href="pages-error-505.html" target="_blank"><i class="material-icons-outlined">arrow_right</i>505
Error</a>
</li>
<li><a href="pages-coming-soon.html" target="_blank"><i
class="material-icons-outlined">arrow_right</i>Coming Soon</a>
</li>
<li><a href="pages-starter-page.html" target="_blank"><i
class="material-icons-outlined">arrow_right</i>Blank Page</a>
</li>
</ul>
</li>
<li>
<a href="faq.html">
<div class="parent-icon"><i class="material-icons-outlined">help_outline</i>
</div>
<div class="menu-title">FAQ</div>
</a>
</li>
<li>
<a href="pricing-table.html">
<div class="parent-icon"><i class="material-icons-outlined">sports_football</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="material-icons-outlined">fitbit</i>
</div>
<div class="menu-title">Charts</div>
</a>
<ul>
<li><a href="charts-apex-chart.html"><i class="material-icons-outlined">arrow_right</i>Apex</a>
</li>
<li><a href="charts-chartjs.html"><i class="material-icons-outlined">arrow_right</i>Chartjs</a>
</li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:;">
<div class="parent-icon"><i class="material-icons-outlined">sports_football</i>
</div>
<div class="menu-title">Maps</div>
</a>
<ul>
<li><a href="map-google-maps.html"><i class="material-icons-outlined">arrow_right</i>Google Maps</a>
</li>
<li><a href="map-vector-maps.html"><i class="material-icons-outlined">arrow_right</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="material-icons-outlined">face_5</i>
</div>
<div class="menu-title">Menu Levels</div>
</a>
<ul>
<li><a class="has-arrow" href="javascript:;"><i class="material-icons-outlined">arrow_right</i>Level
One</a>
<ul>
<li><a class="has-arrow" href="javascript:;"><i class="material-icons-outlined">arrow_right</i>Level
Two</a>
<ul>
<li><a href="javascript:;"><i class="material-icons-outlined">arrow_right</i>Level Three</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascrpt:;">
<div class="parent-icon"><i class="material-icons-outlined">description</i>
</div>
<div class="menu-title">Documentation</div>
</a>
</li>
<li>
<a href="javascrpt:;">
<div class="parent-icon"><i class="material-icons-outlined">support</i>
</div>
<div class="menu-title">Support</div>
</a>
</li>
</ul>
<!--end navigation-->
</div>
</aside>
<!--end sidebar-->
<!--start main wrapper-->
<main class="main-wrapper">
<div class="main-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:;"></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-6 g-3">
<div class="col" tabindex="1">
<div class="d-flex align-items-center flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"><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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"><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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"><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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <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 flex-column gap-3 theme-icons p-2 cursor-pointer rounded border">
<div class="font-22"> <i class="fadeIn animated bx bx-ghost"></i>
</div>
<div class="ms-2">ghost</div>
</div>
</div>
</div>
</div>
</main>
<!--end main wrapper-->
<!--start overlay-->
<div class="overlay btn-toggle"></div>
<!--end overlay-->
<!--start footer-->
<footer class="page-footer">
<p class="mb-0">Copyright © 2024. All right reserved.</p>
</footer>
<!--top footer-->
<!--start cart-->
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasCart">
<div class="offcanvas-header border-bottom h-70">
<h5 class="mb-0" id="offcanvasRightLabel">8 New Orders</h5>
<a href="javascript:;" class="primaery-menu-close" data-bs-dismiss="offcanvas">
<i class="material-icons-outlined">close</i>
</a>
</div>
<div class="offcanvas-body p-0">
<div class="order-list">
<div class="order-item d-flex align-items-center gap-3 p-3 border-bottom">
<div class="order-img">
<img src="https://placehold.co/200x150/png" class="img-fluid rounded-3" width="75" alt="">
</div>
<div class="order-info flex-grow-1">
<h5 class="mb-1 order-title">White Men Shoes</h5>
<p class="mb-0 order-price">$289</p>
</div>
<div class="d-flex">
<a class="order-delete"><span class="material-icons-outlined">delete</span></a>
<a class="order-delete"><span class="material-icons-outlined">visibility</span></a>
</div>
</div>
<div class="order-item d-flex align-items-center gap-3 p-3 border-bottom">
<div class="order-img">
<img src="https://placehold.co/200x150/png" class="img-fluid rounded-3" width="75" alt="">
</div>
<div class="order-info flex-grow-1">
<h5 class="mb-1 order-title">Red Airpods</h5>
<p class="mb-0 order-price">$149</p>
</div>
<div class="d-flex">
<a class="order-delete"><span class="material-icons-outlined">delete</span></a>
<a class="order-delete"><span class="material-icons-outlined">visibility</span></a>
</div>
</div>
<div class="order-item d-flex align-items-center gap-3 p-3 border-bottom">
<div class="order-img">
<img src="https://placehold.co/200x150/png" class="img-fluid rounded-3" width="75" alt="">
</div>
<div class="order-info flex-grow-1">
<h5 class="mb-1 order-title">Men Polo Tshirt</h5>
<p class="mb-0 order-price">$139</p>
</div>
<div class="d-flex">
<a class="order-delete"><span class="material-icons-outlined">delete</span></a>
<a class="order-delete"><span class="material-icons-outlined">visibility</span></a>
</div>
</div>
<div class="order-item d-flex align-items-center gap-3 p-3 border-bottom">
<div class="order-img">
<img src="https://placehold.co/200x150/png" class="img-fluid rounded-3" width="75" alt="">
</div>
<div class="order-info flex-grow-1">
<h5 class="mb-1 order-title">Blue Jeans Casual</h5>
<p class="mb-0 order-price">$485</p>
</div>
<div class="d-flex">
<a class="order-delete"><span class="material-icons-outlined">delete</span></a>
<a class="order-delete"><span class="material-icons-outlined">visibility</span></a>
</div>
</div>
<div class="order-item d-flex align-items-center gap-3 p-3 border-bottom">
<div class="order-img">
<img src="https://placehold.co/200x150/png" class="img-fluid rounded-3" width="75" alt="">
</div>
<div class="order-info flex-grow-1">
<h5 class="mb-1 order-title">Fancy Shirts</h5>
<p class="mb-0 order-price">$758</p>
</div>
<div class="d-flex">
<a class="order-delete"><span class="material-icons-outlined">delete</span></a>
<a class="order-delete"><span class="material-icons-outlined">visibility</span></a>
</div>
</div>
<div class="order-item d-flex align-items-center gap-3 p-3 border-bottom">
<div class="order-img">
<img src="https://placehold.co/200x150/png" class="img-fluid rounded-3" width="75" alt="">
</div>
<div class="order-info flex-grow-1">
<h5 class="mb-1 order-title">Home Sofa Set </h5>
<p class="mb-0 order-price">$546</p>
</div>
<div class="d-flex">
<a class="order-delete"><span class="material-icons-outlined">delete</span></a>
<a class="order-delete"><span class="material-icons-outlined">visibility</span></a>
</div>
</div>
<div class="order-item d-flex align-items-center gap-3 p-3 border-bottom">
<div class="order-img">
<img src="https://placehold.co/200x150/png" class="img-fluid rounded-3" width="75" alt="">
</div>
<div class="order-info flex-grow-1">
<h5 class="mb-1 order-title">Black iPhone</h5>
<p class="mb-0 order-price">$1049</p>
</div>
<div class="d-flex">
<a class="order-delete"><span class="material-icons-outlined">delete</span></a>
<a class="order-delete"><span class="material-icons-outlined">visibility</span></a>
</div>
</div>
<div class="order-item d-flex align-items-center gap-3 p-3 border-bottom">
<div class="order-img">
<img src="https://placehold.co/200x150/png" class="img-fluid rounded-3" width="75" alt="">
</div>
<div class="order-info flex-grow-1">
<h5 class="mb-1 order-title">Goldan Watch</h5>
<p class="mb-0 order-price">$689</p>
</div>
<div class="d-flex">
<a class="order-delete"><span class="material-icons-outlined">delete</span></a>
<a class="order-delete"><span class="material-icons-outlined">visibility</span></a>
</div>
</div>
</div>
</div>
<div class="offcanvas-footer h-70 p-3 border-top">
<div class="d-grid">
<button type="button" class="btn btn-grd btn-grd-primary" data-bs-dismiss="offcanvas">View Products</button>
</div>
</div>
</div>
<!--end cart-->
<!--start switcher-->
<button class="btn btn-grd btn-grd-primary position-fixed bottom-0 end-0 m-3 d-flex align-items-center gap-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#staticBackdrop">
<i class="material-icons-outlined">tune</i>Customize
</button>
<div class="offcanvas offcanvas-end" data-bs-scroll="true" tabindex="-1" id="staticBackdrop">
<div class="offcanvas-header border-bottom h-70">
<div class="">
<h5 class="mb-0">Theme Customizer</h5>
<p class="mb-0">Customize your theme</p>
</div>
<a href="javascript:;" class="primaery-menu-close" data-bs-dismiss="offcanvas">
<i class="material-icons-outlined">close</i>
</a>
</div>
<div class="offcanvas-body">
<div>
<p>Theme variation</p>
<div class="row g-3">
<div class="col-12 col-xl-6">
<input type="radio" class="btn-check" name="theme-options" id="BlueTheme" checked>
<label class="btn btn-outline-secondary d-flex flex-column gap-1 align-items-center justify-content-center p-4" for="BlueTheme">
<span class="material-icons-outlined">contactless</span>
<span>Blue</span>
</label>
</div>
<div class="col-12 col-xl-6">
<input type="radio" class="btn-check" name="theme-options" id="LightTheme">
<label class="btn btn-outline-secondary d-flex flex-column gap-1 align-items-center justify-content-center p-4" for="LightTheme">
<span class="material-icons-outlined">light_mode</span>
<span>Light</span>
</label>
</div>
<div class="col-12 col-xl-6">
<input type="radio" class="btn-check" name="theme-options" id="DarkTheme">
<label class="btn btn-outline-secondary d-flex flex-column gap-1 align-items-center justify-content-center p-4" for="DarkTheme">
<span class="material-icons-outlined">dark_mode</span>
<span>Dark</span>
</label>
</div>
<div class="col-12 col-xl-6">
<input type="radio" class="btn-check" name="theme-options" id="SemiDarkTheme">
<label class="btn btn-outline-secondary d-flex flex-column gap-1 align-items-center justify-content-center p-4" for="SemiDarkTheme">
<span class="material-icons-outlined">contrast</span>
<span>Semi Dark</span>
</label>
</div>
<div class="col-12 col-xl-6">
<input type="radio" class="btn-check" name="theme-options" id="BoderedTheme">
<label class="btn btn-outline-secondary d-flex flex-column gap-1 align-items-center justify-content-center p-4" for="BoderedTheme">
<span class="material-icons-outlined">border_style</span>
<span>Bordered</span>
</label>
</div>
</div><!--end row-->
</div>
</div>
</div>
<!--start switcher-->
<!--bootstrap js-->
<script src="assets/js/bootstrap.bundle.min.js"></script>
<!--plugins-->
<script src="assets/js/jquery.min.js"></script>
<!--plugins-->
<script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script>
<script src="assets/plugins/metismenu/metisMenu.min.js"></script>
<script src="assets/plugins/simplebar/js/simplebar.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>