templates/_partial/_header.html.twig line 1

Open in your IDE?
  1. <div id="kt_header" class="header" data-kt-sticky="true" data-kt-sticky-name="header" data-kt-sticky-offset="{default: '200px', lg: '300px'}">
  2.     <!--begin::Container-->
  3.     <div class="container-fluid d-flex align-items-stretch justify-content-between" id="kt_header_container">
  4.         <!--begin::Page title-->
  5.         <div class="page-title d-flex flex-column align-items-start justify-content-center flex-wrap me-lg-2 pb-2 pb-lg-0" data-kt-swapper="true" data-kt-swapper-mode="prepend" data-kt-swapper-parent="{default: '#kt_content_container', lg: '#kt_header_container'}">
  6.             <!--begin::Heading-->
  7.             <h1 class="text-dark fw-bolder my-1 fs-2">Outil de gestion de progression
  8.                 <small class="text-muted fs-6 fw-normal ms-1"></small></h1>
  9.             <!--end::Heading-->
  10.             <!--begin::Breadcrumb-->
  11.             <ul class="breadcrumb fw-bold fs-base my-1">
  12.                 {% if breakcumb is empty %}
  13.                     Simple et Efficace
  14.                 {% else %}
  15.                     {{ breakcumb | raw }}
  16.                 {% endif %}
  17.             </ul>
  18.             <!--end::Breadcrumb-->
  19.         </div>
  20.         <!--end::Page title=-->
  21.         <!--begin::Wrapper-->
  22.         <div class="d-flex d-lg-none align-items-center ms-n2 me-2">
  23.             <!--begin::Aside mobile toggle-->
  24.             <div class="btn btn-icon btn-active-icon-primary" id="kt_aside_toggle">
  25.                 <!--begin::Svg Icon | path: icons/duotone/Text/Menu.svg-->
  26.                 <span class="svg-icon svg-icon-2x">
  27.                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  28.                                             <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  29.                                                 <rect x="0" y="0" width="24" height="24" />
  30.                                                 <rect fill="#000000" x="4" y="5" width="16" height="3" rx="1.5" />
  31.                                                 <path d="M5.5,15 L18.5,15 C19.3284271,15 20,15.6715729 20,16.5 C20,17.3284271 19.3284271,18 18.5,18 L5.5,18 C4.67157288,18 4,17.3284271 4,16.5 C4,15.6715729 4.67157288,15 5.5,15 Z M5.5,10 L18.5,10 C19.3284271,10 20,10.6715729 20,11.5 C20,12.3284271 19.3284271,13 18.5,13 L5.5,13 C4.67157288,13 4,12.3284271 4,11.5 C4,10.6715729 4.67157288,10 5.5,10 Z" fill="#000000" opacity="0.3" />
  32.                                             </g>
  33.                                         </svg>
  34.                                     </span>
  35.                 <!--end::Svg Icon-->
  36.             </div>
  37.             <!--end::Aside mobile toggle-->
  38.             <!--begin::Logo-->
  39.             <a href="index.html" class="d-flex align-items-center">
  40. {#                <img alt="Logo" src="assets/media/logos/logo-compact.svg" class="max-h-40px" />#}
  41.             </a>
  42.             <!--end::Logo-->
  43.         </div>
  44.         <!--end::Wrapper-->
  45.         <!--begin::Toolbar wrapper-->
  46.         <div class="d-flex align-items-stretch flex-shrink-0">
  47.             <!--begin::Search-->
  48.             <div class="d-flex align-items-stretch ms-1 ms-lg-3">
  49.                 <!--begin::Search-->
  50.                 <div id="kt_header_search" class="d-flex align-items-stretch" data-kt-search-keypress="true" data-kt-search-min-length="2" data-kt-search-enter="enter" data-kt-search-layout="menu" data-kt-menu-trigger="auto" data-kt-menu-overflow="false" data-kt-menu-permanent="true" data-kt-menu-placement="bottom-end" data-kt-menu-flip="bottom">
  51.                     <!--begin::Search toggle-->
  52.                     <div class="d-flex align-items-center" data-kt-search-element="toggle" id="kt_header_search_toggle">
  53.                         <div class="btn btn-icon btn-active-light-primary">
  54.                             <!--begin::Svg Icon | path: icons/duotone/General/Search.svg-->
  55.                             <span class="svg-icon svg-icon-1">
  56.                                                     <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  57.                                                         <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  58.                                                             <rect x="0" y="0" width="24" height="24" />
  59.                                                             <path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" />
  60.                                                             <path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z" fill="#000000" fill-rule="nonzero" />
  61.                                                         </g>
  62.                                                     </svg>
  63.                                                 </span>
  64.                             <!--end::Svg Icon-->
  65.                         </div>
  66.                     </div>
  67.                     <!--end::Search toggle-->
  68.                     <!--begin::Menu-->
  69.                     <div data-kt-search-element="content" class="menu menu-sub menu-sub-dropdown p-7 w-325px w-md-375px">
  70.                         <!--begin::Wrapper-->
  71.                         <div data-kt-search-element="wrapper">
  72.                             <!--begin::Form-->
  73.                             <form data-kt-search-element="form" class="w-100 position-relative mb-3" autocomplete="off">
  74.                                 <!--begin::Icon-->
  75.                                 <!--begin::Svg Icon | path: icons/duotone/General/Search.svg-->
  76.                                 <span class="svg-icon svg-icon-2 svg-icon-lg-1 svg-icon-gray-500 position-absolute top-50 translate-middle-y ms-0">
  77.                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  78.                                                             <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  79.                                                                 <rect x="0" y="0" width="24" height="24" />
  80.                                                                 <path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" />
  81.                                                                 <path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z" fill="#000000" fill-rule="nonzero" />
  82.                                                             </g>
  83.                                                         </svg>
  84.                                                     </span>
  85.                                 <!--end::Svg Icon-->
  86.                                 <!--end::Icon-->
  87.                                 <!--begin::Input-->
  88.                                 <input type="text" class="form-control form-control-flush ps-10" name="search" value="" placeholder="Search..." data-kt-search-element="input" />
  89.                                 <!--end::Input-->
  90.                                 <!--begin::Spinner-->
  91.                                 <span class="position-absolute top-50 end-0 translate-middle-y lh-0 d-none me-1" data-kt-search-element="spinner">
  92.                                                         <span class="spinner-border h-15px w-15px align-middle text-gray-400"></span>
  93.                                                     </span>
  94.                                 <!--end::Spinner-->
  95.                                 <!--begin::Reset-->
  96.                                 <span class="btn btn-flush btn-active-color-primary position-absolute top-50 end-0 translate-middle-y lh-0 d-none" data-kt-search-element="clear">
  97.                                                         <!--begin::Svg Icon | path: icons/duotone/Navigation/Close.svg-->
  98.                                                         <span class="svg-icon svg-icon-2 svg-icon-lg-1 me-0">
  99.                                                             <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  100.                                                                 <g transform="translate(12.000000, 12.000000) rotate(-45.000000) translate(-12.000000, -12.000000) translate(4.000000, 4.000000)" fill="#000000">
  101.                                                                     <rect fill="#000000" x="0" y="7" width="16" height="2" rx="1" />
  102.                                                                     <rect fill="#000000" opacity="0.5" transform="translate(8.000000, 8.000000) rotate(-270.000000) translate(-8.000000, -8.000000)" x="0" y="7" width="16" height="2" rx="1" />
  103.                                                                 </g>
  104.                                                             </svg>
  105.                                                         </span>
  106.                                     <!--end::Svg Icon-->
  107.                                                     </span>
  108.                                 <!--end::Reset-->
  109.                                 <!--begin::Toolbar-->
  110.                                 <div class="position-absolute top-50 end-0 translate-middle-y" data-kt-search-element="toolbar">
  111.                                     <!--begin::Preferences toggle-->
  112.                                     <div data-kt-search-element="preferences-show" class="btn btn-icon w-20px btn-sm btn-active-color-primary me-1" data-bs-toggle="tooltip" title="Show search preferences">
  113.                                         <!--begin::Svg Icon | path: icons/duotone/Code/Settings4.svg-->
  114.                                         <span class="svg-icon svg-icon-1">
  115.                                                                 <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  116.                                                                     <path d="M18.6225,9.75 L18.75,9.75 C19.9926407,9.75 21,10.7573593 21,12 C21,13.2426407 19.9926407,14.25 18.75,14.25 L18.6854912,14.249994 C18.4911876,14.250769 18.3158978,14.366855 18.2393549,14.5454486 C18.1556809,14.7351461 18.1942911,14.948087 18.3278301,15.0846699 L18.372535,15.129375 C18.7950334,15.5514036 19.03243,16.1240792 19.03243,16.72125 C19.03243,17.3184208 18.7950334,17.8910964 18.373125,18.312535 C17.9510964,18.7350334 17.3784208,18.97243 16.78125,18.97243 C16.1840792,18.97243 15.6114036,18.7350334 15.1896699,18.3128301 L15.1505513,18.2736469 C15.008087,18.1342911 14.7951461,18.0956809 14.6054486,18.1793549 C14.426855,18.2558978 14.310769,18.4311876 14.31,18.6225 L14.31,18.75 C14.31,19.9926407 13.3026407,21 12.06,21 C10.8173593,21 9.81,19.9926407 9.81,18.75 C9.80552409,18.4999185 9.67898539,18.3229986 9.44717599,18.2361469 C9.26485393,18.1556809 9.05191298,18.1942911 8.91533009,18.3278301 L8.870625,18.372535 C8.44859642,18.7950334 7.87592081,19.03243 7.27875,19.03243 C6.68157919,19.03243 6.10890358,18.7950334 5.68746499,18.373125 C5.26496665,17.9510964 5.02757002,17.3784208 5.02757002,16.78125 C5.02757002,16.1840792 5.26496665,15.6114036 5.68716991,15.1896699 L5.72635306,15.1505513 C5.86570889,15.008087 5.90431906,14.7951461 5.82064513,14.6054486 C5.74410223,14.426855 5.56881236,14.310769 5.3775,14.31 L5.25,14.31 C4.00735931,14.31 3,13.3026407 3,12.06 C3,10.8173593 4.00735931,9.81 5.25,9.81 C5.50008154,9.80552409 5.67700139,9.67898539 5.76385306,9.44717599 C5.84431906,9.26485393 5.80570889,9.05191298 5.67216991,8.91533009 L5.62746499,8.870625 C5.20496665,8.44859642 4.96757002,7.87592081 4.96757002,7.27875 C4.96757002,6.68157919 5.20496665,6.10890358 5.626875,5.68746499 C6.04890358,5.26496665 6.62157919,5.02757002 7.21875,5.02757002 C7.81592081,5.02757002 8.38859642,5.26496665 8.81033009,5.68716991 L8.84944872,5.72635306 C8.99191298,5.86570889 9.20485393,5.90431906 9.38717599,5.82385306 L9.49484664,5.80114977 C9.65041313,5.71688974 9.7492905,5.55401473 9.75,5.3775 L9.75,5.25 C9.75,4.00735931 10.7573593,3 12,3 C13.2426407,3 14.25,4.00735931 14.25,5.25 L14.249994,5.31450877 C14.250769,5.50881236 14.366855,5.68410223 14.552824,5.76385306 C14.7351461,5.84431906 14.948087,5.80570889 15.0846699,5.67216991 L15.129375,5.62746499 C15.5514036,5.20496665 16.1240792,4.96757002 16.72125,4.96757002 C17.3184208,4.96757002 17.8910964,5.20496665 18.312535,5.626875 C18.7350334,6.04890358 18.97243,6.62157919 18.97243,7.21875 C18.97243,7.81592081 18.7350334,8.38859642 18.3128301,8.81033009 L18.2736469,8.84944872 C18.1342911,8.99191298 18.0956809,9.20485393 18.1761469,9.38717599 L18.1988502,9.49484664 C18.2831103,9.65041313 18.4459853,9.7492905 18.6225,9.75 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" />
  117.                                                                     <path d="M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z" fill="#000000" />
  118.                                                                 </svg>
  119.                                                             </span>
  120.                                         <!--end::Svg Icon-->
  121.                                     </div>
  122.                                     <!--end::Preferences toggle-->
  123.                                     <!--begin::Advanced search toggle-->
  124.                                     <div data-kt-search-element="advanced-options-form-show" class="btn btn-icon w-20px btn-sm btn-active-color-primary" data-bs-toggle="tooltip" title="Show more search options">
  125.                                         <!--begin::Svg Icon | path: icons/duotone/Navigation/Angle-down.svg-->
  126.                                         <span class="svg-icon svg-icon-2">
  127.                                                                 <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  128.                                                                     <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  129.                                                                         <polygon points="0 0 24 0 24 24 0 24" />
  130.                                                                         <path d="M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z" fill="#000000" fill-rule="nonzero" transform="translate(12.000003, 11.999999) rotate(-180.000000) translate(-12.000003, -11.999999)" />
  131.                                                                     </g>
  132.                                                                 </svg>
  133.                                                             </span>
  134.                                         <!--end::Svg Icon-->
  135.                                     </div>
  136.                                     <!--end::Advanced search toggle-->
  137.                                 </div>
  138.                                 <!--end::Toolbar-->
  139.                             </form>
  140.                             <!--end::Form-->
  141.                             <!--begin::Separator-->
  142.                             <div class="separator border-gray-200 mb-6"></div>
  143.                             <!--end::Separator-->
  144.                             <!--begin::Recently viewed-->
  145.                             <div data-kt-search-element="results" class="d-none">
  146.                                 <!--begin::Items-->
  147.                                 <div class="scroll-y mh-200px mh-lg-325px">
  148.                                     <!--begin::Category title-->
  149.                                     <h3 class="fs-5 text-muted m-0 pb-5" data-kt-search-element="category-title">Users</h3>
  150.                                     <!--end::Category title-->
  151.                                     <!--begin::Item-->
  152.                                     <a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
  153.                                         <!--begin::Symbol-->
  154.                                         <div class="symbol symbol-40px me-4">
  155. {#                                            <img src="assets/media/avatars/150-1.jpg" alt="" />#}
  156.                                         </div>
  157.                                         <!--end::Symbol-->
  158.                                         <!--begin::Title-->
  159.                                         <div class="d-flex flex-column justify-content-start fw-bold">
  160.                                             <span class="fs-6 fw-bold">Karina Clark</span>
  161.                                             <span class="fs-7 fw-bold text-muted">Marketing Manager</span>
  162.                                         </div>
  163.                                         <!--end::Title-->
  164.                                     </a>
  165.                                     <!--end::Item-->
  166.                                     <!--begin::Item-->
  167.                                     <a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
  168.                                         <!--begin::Symbol-->
  169.                                         <div class="symbol symbol-40px me-4">
  170. {#                                            <img src="#" alt="" />#}
  171.                                         </div>
  172.                                         <!--end::Symbol-->
  173.                                         <!--begin::Title-->
  174.                                         <div class="d-flex flex-column justify-content-start fw-bold">
  175.                                             <span class="fs-6 fw-bold">Olivia Bold</span>
  176.                                             <span class="fs-7 fw-bold text-muted">Software Engineer</span>
  177.                                         </div>
  178.                                         <!--end::Title-->
  179.                                     </a>
  180.                                     <!--end::Item-->
  181.                                     <!--begin::Item-->
  182.                                     <a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
  183.                                         <!--begin::Symbol-->
  184.                                         <div class="symbol symbol-40px me-4">
  185. {#                                            <img src="#" alt="" />#}
  186.                                         </div>
  187.                                         <!--end::Symbol-->
  188.                                         <!--begin::Title-->
  189.                                         <div class="d-flex flex-column justify-content-start fw-bold">
  190.                                             <span class="fs-6 fw-bold">Ana Clark</span>
  191.                                             <span class="fs-7 fw-bold text-muted">UI/UX Designer</span>
  192.                                         </div>
  193.                                         <!--end::Title-->
  194.                                     </a>
  195.                                     <!--end::Item-->
  196.                                     <!--begin::Item-->
  197.                                     <a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
  198.                                         <!--begin::Symbol-->
  199.                                         <div class="symbol symbol-40px me-4">
  200. {#                                            <img src="#" alt="" />#}
  201.                                         </div>
  202.                                         <!--end::Symbol-->
  203.                                         <!--begin::Title-->
  204.                                         <div class="d-flex flex-column justify-content-start fw-bold">
  205.                                             <span class="fs-6 fw-bold">Nick Pitola</span>
  206.                                             <span class="fs-7 fw-bold text-muted">Art Director</span>
  207.                                         </div>
  208.                                         <!--end::Title-->
  209.                                     </a>
  210.                                     <!--end::Item-->
  211.                                     <!--begin::Item-->
  212.                                     <a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
  213.                                         <!--begin::Symbol-->
  214.                                         <div class="symbol symbol-40px me-4">
  215. {#                                            <img src="assets/media/avatars/150-12.jpg" alt="" />#}
  216.                                         </div>
  217.                                         <!--end::Symbol-->
  218.                                         <!--begin::Title-->
  219.                                         <div class="d-flex flex-column justify-content-start fw-bold">
  220.                                             <span class="fs-6 fw-bold">Edward Kulnic</span>
  221.                                             <span class="fs-7 fw-bold text-muted">System Administrator</span>
  222.                                         </div>
  223.                                         <!--end::Title-->
  224.                                     </a>
  225.                                     <!--end::Item-->
  226.                                     <!--begin::Category title-->
  227.                                     <h3 class="fs-5 text-muted m-0 pt-5 pb-5" data-kt-search-element="category-title">Customers</h3>
  228.                                     <!--end::Category title-->
  229.                                     <!--begin::Item-->
  230.                                     <a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
  231.                                         <!--begin::Symbol-->
  232.                                         <div class="symbol symbol-40px me-4">
  233.                                                                 <span class="symbol-label bg-light">
  234. {#                                                                    <img class="w-20px h-20px" src="assets/media/svg/brand-logos/volicity-9.svg" alt="" />#}
  235.                                                                 </span>
  236.                                         </div>
  237.                                         <!--end::Symbol-->
  238.                                         <!--begin::Title-->
  239.                                         <div class="d-flex flex-column justify-content-start fw-bold">
  240.                                             <span class="fs-6 fw-bold">Company Rbranding</span>
  241.                                             <span class="fs-7 fw-bold text-muted">UI Design</span>
  242.                                         </div>
  243.                                         <!--end::Title-->
  244.                                     </a>
  245.                                     <!--end::Item-->
  246.                                     <!--begin::Item-->
  247.                                     <a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
  248.                                         <!--begin::Symbol-->
  249.                                         <div class="symbol symbol-40px me-4">
  250.                                                                 <span class="symbol-label bg-light">
  251. {#                                                                    <img class="w-20px h-20px" src="assets/media/svg/brand-logos/tvit.svg" alt="" />#}
  252.                                                                 </span>
  253.                                         </div>
  254.                                         <!--end::Symbol-->
  255.                                         <!--begin::Title-->
  256.                                         <div class="d-flex flex-column justify-content-start fw-bold">
  257.                                             <span class="fs-6 fw-bold">Company Re-branding</span>
  258.                                             <span class="fs-7 fw-bold text-muted">Web Development</span>
  259.                                         </div>
  260.                                         <!--end::Title-->
  261.                                     </a>
  262.                                     <!--end::Item-->
  263.                                     <!--begin::Item-->
  264.                                     <a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
  265.                                         <!--begin::Symbol-->
  266.                                         <div class="symbol symbol-40px me-4">
  267.                                                                 <span class="symbol-label bg-light">
  268. {#                                                                    <img class="w-20px h-20px" src="assets/media/svg/misc/infography.svg" alt="" />#}
  269.                                                                 </span>
  270.                                         </div>
  271.                                         <!--end::Symbol-->
  272.                                         <!--begin::Title-->
  273.                                         <div class="d-flex flex-column justify-content-start fw-bold">
  274.                                             <span class="fs-6 fw-bold">Business Analytics App</span>
  275.                                             <span class="fs-7 fw-bold text-muted">Administration</span>
  276.                                         </div>
  277.                                         <!--end::Title-->
  278.                                     </a>
  279.                                     <!--end::Item-->
  280.                                     <!--begin::Item-->
  281.                                     <a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
  282.                                         <!--begin::Symbol-->
  283.                                         <div class="symbol symbol-40px me-4">
  284.                                                                 <span class="symbol-label bg-light">
  285. {#                                                                    <img class="w-20px h-20px" src="assets/media/svg/brand-logos/leaf.svg" alt="" />#}
  286.                                                                 </span>
  287.                                         </div>
  288.                                         <!--end::Symbol-->
  289.                                         <!--begin::Title-->
  290.                                         <div class="d-flex flex-column justify-content-start fw-bold">
  291.                                             <span class="fs-6 fw-bold">EcoLeaf App Launch</span>
  292.                                             <span class="fs-7 fw-bold text-muted">Marketing</span>
  293.                                         </div>
  294.                                         <!--end::Title-->
  295.                                     </a>
  296.                                     <!--end::Item-->
  297.                                     <!--begin::Item-->
  298.                                     <a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
  299.                                         <!--begin::Symbol-->
  300.                                         <div class="symbol symbol-40px me-4">
  301.                                                                 <span class="symbol-label bg-light">
  302. {#                                                                    <img class="w-20px h-20px" src="assets/media/svg/brand-logos/tower.svg" alt="" />#}
  303.                                                                 </span>
  304.                                         </div>
  305.                                         <!--end::Symbol-->
  306.                                         <!--begin::Title-->
  307.                                         <div class="d-flex flex-column justify-content-start fw-bold">
  308.                                             <span class="fs-6 fw-bold">Tower Group Website</span>
  309.                                             <span class="fs-7 fw-bold text-muted">Google Adwords</span>
  310.                                         </div>
  311.                                         <!--end::Title-->
  312.                                     </a>
  313.                                     <!--end::Item-->
  314.                                     <!--begin::Category title-->
  315.                                     <h3 class="fs-5 text-muted m-0 pt-5 pb-5" data-kt-search-element="category-title">Projects</h3>
  316.                                     <!--end::Category title-->
  317.                                     <!--begin::Item-->
  318.                                     <a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
  319.                                         <!--begin::Symbol-->
  320.                                         <div class="symbol symbol-40px me-4">
  321.                                                                 <span class="symbol-label bg-light">
  322.                                                                     <!--begin::Svg Icon | path: icons/duotone/Communication/Clipboard-list.svg-->
  323.                                                                     <span class="svg-icon svg-icon-2 svg-icon-primary">
  324.                                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  325.                                                                             <path d="M8,3 L8,3.5 C8,4.32842712 8.67157288,5 9.5,5 L14.5,5 C15.3284271,5 16,4.32842712 16,3.5 L16,3 L18,3 C19.1045695,3 20,3.8954305 20,5 L20,21 C20,22.1045695 19.1045695,23 18,23 L6,23 C4.8954305,23 4,22.1045695 4,21 L4,5 C4,3.8954305 4.8954305,3 6,3 L8,3 Z" fill="#000000" opacity="0.3" />
  326.                                                                             <path d="M11,2 C11,1.44771525 11.4477153,1 12,1 C12.5522847,1 13,1.44771525 13,2 L14.5,2 C14.7761424,2 15,2.22385763 15,2.5 L15,3.5 C15,3.77614237 14.7761424,4 14.5,4 L9.5,4 C9.22385763,4 9,3.77614237 9,3.5 L9,2.5 C9,2.22385763 9.22385763,2 9.5,2 L11,2 Z" fill="#000000" />
  327.                                                                             <rect fill="#000000" opacity="0.3" x="10" y="9" width="7" height="2" rx="1" />
  328.                                                                             <rect fill="#000000" opacity="0.3" x="7" y="9" width="2" height="2" rx="1" />
  329.                                                                             <rect fill="#000000" opacity="0.3" x="7" y="13" width="2" height="2" rx="1" />
  330.                                                                             <rect fill="#000000" opacity="0.3" x="10" y="13" width="7" height="2" rx="1" />
  331.                                                                             <rect fill="#000000" opacity="0.3" x="7" y="17" width="2" height="2" rx="1" />
  332.                                                                             <rect fill="#000000" opacity="0.3" x="10" y="17" width="7" height="2" rx="1" />
  333.                                                                         </svg>
  334.                                                                     </span>
  335.                                                                     <!--end::Svg Icon-->
  336.                                                                 </span>
  337.                                         </div>
  338.                                         <!--end::Symbol-->
  339.                                         <!--begin::Title-->
  340.                                         <div class="d-flex flex-column">
  341.                                             <span class="fs-6 fw-bold">Si-Fi Project by AU Themes</span>
  342.                                             <span class="fs-7 fw-bold text-muted">#45670</span>
  343.                                         </div>
  344.                                         <!--end::Title-->
  345.                                     </a>
  346.                                     <!--end::Item-->
  347.                                     <!--begin::Item-->
  348.                                     <a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
  349.                                         <!--begin::Symbol-->
  350.                                         <div class="symbol symbol-40px me-4">
  351.                                                                 <span class="symbol-label bg-light">
  352.                                                                     <!--begin::Svg Icon | path: icons/duotone/Media/Equalizer.svg-->
  353.                                                                     <span class="svg-icon svg-icon-2 svg-icon-primary">
  354.                                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  355.                                                                             <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  356.                                                                                 <rect x="0" y="0" width="24" height="24" />
  357.                                                                                 <rect fill="#000000" opacity="0.3" x="13" y="4" width="3" height="16" rx="1.5" />
  358.                                                                                 <rect fill="#000000" x="8" y="9" width="3" height="11" rx="1.5" />
  359.                                                                                 <rect fill="#000000" x="18" y="11" width="3" height="9" rx="1.5" />
  360.                                                                                 <rect fill="#000000" x="3" y="13" width="3" height="7" rx="1.5" />
  361.                                                                             </g>
  362.                                                                         </svg>
  363.                                                                     </span>
  364.                                                                     <!--end::Svg Icon-->
  365.                                                                 </span>
  366.                                         </div>
  367.                                         <!--end::Symbol-->
  368.                                         <!--begin::Title-->
  369.                                         <div class="d-flex flex-column">
  370.                                             <span class="fs-6 fw-bold">Shopix Mobile App Planning</span>
  371.                                             <span class="fs-7 fw-bold text-muted">#45690</span>
  372.                                         </div>
  373.                                         <!--end::Title-->
  374.                                     </a>
  375.                                     <!--end::Item-->
  376.                                     <!--begin::Item-->
  377.                                     <a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
  378.                                         <!--begin::Symbol-->
  379.                                         <div class="symbol symbol-40px me-4">
  380.                                                                 <span class="symbol-label bg-light">
  381.                                                                     <!--begin::Svg Icon | path: icons/duotone/Communication/Group-chat.svg-->
  382.                                                                     <span class="svg-icon svg-icon-2 svg-icon-primary">
  383.                                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  384.                                                                             <path d="M16,15.6315789 L16,12 C16,10.3431458 14.6568542,9 13,9 L6.16183229,9 L6.16183229,5.52631579 C6.16183229,4.13107011 7.29290239,3 8.68814808,3 L20.4776218,3 C21.8728674,3 23.0039375,4.13107011 23.0039375,5.52631579 L23.0039375,13.1052632 L23.0206157,17.786793 C23.0215995,18.0629336 22.7985408,18.2875874 22.5224001,18.2885711 C22.3891754,18.2890457 22.2612702,18.2363324 22.1670655,18.1421277 L19.6565168,15.6315789 L16,15.6315789 Z" fill="#000000" />
  385.                                                                             <path d="M1.98505595,18 L1.98505595,13 C1.98505595,11.8954305 2.88048645,11 3.98505595,11 L11.9850559,11 C13.0896254,11 13.9850559,11.8954305 13.9850559,13 L13.9850559,18 C13.9850559,19.1045695 13.0896254,20 11.9850559,20 L4.10078614,20 L2.85693427,21.1905292 C2.65744295,21.3814685 2.34093638,21.3745358 2.14999706,21.1750444 C2.06092565,21.0819836 2.01120804,20.958136 2.01120804,20.8293182 L2.01120804,18.32426 C1.99400175,18.2187196 1.98505595,18.1104045 1.98505595,18 Z M6.5,14 C6.22385763,14 6,14.2238576 6,14.5 C6,14.7761424 6.22385763,15 6.5,15 L11.5,15 C11.7761424,15 12,14.7761424 12,14.5 C12,14.2238576 11.7761424,14 11.5,14 L6.5,14 Z M9.5,16 C9.22385763,16 9,16.2238576 9,16.5 C9,16.7761424 9.22385763,17 9.5,17 L11.5,17 C11.7761424,17 12,16.7761424 12,16.5 C12,16.2238576 11.7761424,16 11.5,16 L9.5,16 Z" fill="#000000" opacity="0.3" />
  386.                                                                         </svg>
  387.                                                                     </span>
  388.                                                                     <!--end::Svg Icon-->
  389.                                                                 </span>
  390.                                         </div>
  391.                                         <!--end::Symbol-->
  392.                                         <!--begin::Title-->
  393.                                         <div class="d-flex flex-column">
  394.                                             <span class="fs-6 fw-bold">Finance Monitoring SAAS Discussion</span>
  395.                                             <span class="fs-7 fw-bold text-muted">#21090</span>
  396.                                         </div>
  397.                                         <!--end::Title-->
  398.                                     </a>
  399.                                     <!--end::Item-->
  400.                                     <!--begin::Item-->
  401.                                     <a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
  402.                                         <!--begin::Symbol-->
  403.                                         <div class="symbol symbol-40px me-4">
  404.                                                                 <span class="symbol-label bg-light">
  405.                                                                     <!--begin::Svg Icon | path: icons/duotone/General/User.svg-->
  406.                                                                     <span class="svg-icon svg-icon-2 svg-icon-primary">
  407.                                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  408.                                                                             <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  409.                                                                                 <polygon points="0 0 24 0 24 24 0 24" />
  410.                                                                                 <path d="M12,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" />
  411.                                                                                 <path d="M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z" fill="#000000" fill-rule="nonzero" />
  412.                                                                             </g>
  413.                                                                         </svg>
  414.                                                                     </span>
  415.                                                                     <!--end::Svg Icon-->
  416.                                                                 </span>
  417.                                         </div>
  418.                                         <!--end::Symbol-->
  419.                                         <!--begin::Title-->
  420.                                         <div class="d-flex flex-column">
  421.                                             <span class="fs-6 fw-bold">Dashboard Analitics Launch</span>
  422.                                             <span class="fs-7 fw-bold text-muted">#34560</span>
  423.                                         </div>
  424.                                         <!--end::Title-->
  425.                                     </a>
  426.                                     <!--end::Item-->
  427.                                 </div>
  428.                                 <!--end::Items-->
  429.                             </div>
  430.                             <!--end::Recently viewed-->
  431.                             <!--begin::Recently viewed-->
  432.                             <div class="mb-4" data-kt-search-element="main">
  433.                                 <!--begin::Heading-->
  434.                                 <div class="d-flex flex-stack fw-bold mb-4">
  435.                                     <!--begin::Label-->
  436.                                     <span class="text-muted fs-6 me-2">Recently Searched:</span>
  437.                                     <!--end::Label-->
  438.                                 </div>
  439.                                 <!--end::Heading-->
  440.                                 <!--begin::Items-->
  441.                                 <div class="scroll-y mh-200px mh-lg-325px">
  442.                                     <!--begin::Item-->
  443.                                     <div class="d-flex align-items-center mb-5">
  444.                                         <!--begin::Symbol-->
  445.                                         <div class="symbol symbol-40px me-4">
  446.                                                                 <span class="symbol-label bg-light">
  447.                                                                     <!--begin::Svg Icon | path: icons/duotone/Interface/Monitor.svg-->
  448.                                                                     <span class="svg-icon svg-icon-2 svg-icon-primary">
  449.                                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  450.                                                                             <g opacity="0.25">
  451.                                                                                 <path d="M2 15C2 16.6569 3.34315 18 5 18L19 18C20.6569 18 22 16.6569 22 15V5C22 3.34315 20.6569 2 19 2H5C3.34315 2 2 3.34315 2 5V15Z" fill="#12131A" />
  452.                                                                                 <path d="M8 20C7.44772 20 7 20.4477 7 21C7 21.5523 7.44772 22 8 22H16C16.5523 22 17 21.5523 17 21C17 20.4477 16.5523 20 16 20H8Z" fill="#12131A" />
  453.                                                                             </g>
  454.                                                                             <path d="M7 6C6.44772 6 6 6.44772 6 7C6 7.55228 6.44772 8 7 8H14C14.5523 8 15 7.55228 15 7C15 6.44772 14.5523 6 14 6H7Z" fill="#12131A" />
  455.                                                                             <path d="M7 10C6.44772 10 6 10.4477 6 11C6 11.5523 6.44772 12 7 12H9C9.55229 12 10 11.5523 10 11C10 10.4477 9.55229 10 9 10H7Z" fill="#12131A" />
  456.                                                                         </svg>
  457.                                                                     </span>
  458.                                                                     <!--end::Svg Icon-->
  459.                                                                 </span>
  460.                                         </div>
  461.                                         <!--end::Symbol-->
  462.                                         <!--begin::Title-->
  463.                                         <div class="d-flex flex-column">
  464.                                             <a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">BoomApp by Keenthemes</a>
  465.                                             <span class="fs-7 text-muted fw-bold">#45789</span>
  466.                                         </div>
  467.                                         <!--end::Title-->
  468.                                     </div>
  469.                                     <!--end::Item-->
  470.                                     <!--begin::Item-->
  471.                                     <div class="d-flex align-items-center mb-5">
  472.                                         <!--begin::Symbol-->
  473.                                         <div class="symbol symbol-40px me-4">
  474.                                                                 <span class="symbol-label bg-light">
  475.                                                                     <!--begin::Svg Icon | path: icons/duotone/Interface/Scatter-Up.svg-->
  476.                                                                     <span class="svg-icon svg-icon-2 svg-icon-primary">
  477.                                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  478.                                                                             <g opacity="0.25">
  479.                                                                                 <path d="M20 13C20.5523 13 21 12.5523 21 12C21 11.4477 20.5523 11 20 11C19.4477 11 19 11.4477 19 12C19 12.5523 19.4477 13 20 13Z" fill="#12131A" />
  480.                                                                                 <path d="M20 17C20.5523 17 21 16.5523 21 16C21 15.4477 20.5523 15 20 15C19.4477 15 19 15.4477 19 16C19 16.5523 19.4477 17 20 17Z" fill="#12131A" />
  481.                                                                                 <path d="M20 21C20.5523 21 21 20.5523 21 20C21 19.4477 20.5523 19 20 19C19.4477 19 19 19.4477 19 20C19 20.5523 19.4477 21 20 21Z" fill="#12131A" />
  482.                                                                                 <path d="M12 17C12.5523 17 13 16.5523 13 16C13 15.4477 12.5523 15 12 15C11.4477 15 11 15.4477 11 16C11 16.5523 11.4477 17 12 17Z" fill="#12131A" />
  483.                                                                                 <path d="M12 21C12.5523 21 13 20.5523 13 20C13 19.4477 12.5523 19 12 19C11.4477 19 11 19.4477 11 20C11 20.5523 11.4477 21 12 21Z" fill="#12131A" />
  484.                                                                                 <path d="M4 21C4.55228 21 5 20.5523 5 20C5 19.4477 4.55228 19 4 19C3.44772 19 3 19.4477 3 20C3 20.5523 3.44772 21 4 21Z" fill="#12131A" />
  485.                                                                             </g>
  486.                                                                             <path d="M17 6C17 7.65685 18.3431 9 20 9C21.6569 9 23 7.65685 23 6C23 4.34315 21.6569 3 20 3C18.3431 3 17 4.34315 17 6Z" fill="#12131A" />
  487.                                                                             <path d="M9 10C9 11.6569 10.3431 13 12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10Z" fill="#12131A" />
  488.                                                                             <path d="M4 17C2.34315 17 1 15.6569 1 14C1 12.3431 2.34315 11 4 11C5.65685 11 7 12.3431 7 14C7 15.6569 5.65685 17 4 17Z" fill="#12131A" />
  489.                                                                         </svg>
  490.                                                                     </span>
  491.                                                                     <!--end::Svg Icon-->
  492.                                                                 </span>
  493.                                         </div>
  494.                                         <!--end::Symbol-->
  495.                                         <!--begin::Title-->
  496.                                         <div class="d-flex flex-column">
  497.                                             <a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">"Kept API Project Meeting</a>
  498.                                             <span class="fs-7 text-muted fw-bold">#84050</span>
  499.                                         </div>
  500.                                         <!--end::Title-->
  501.                                     </div>
  502.                                     <!--end::Item-->
  503.                                     <!--begin::Item-->
  504.                                     <div class="d-flex align-items-center mb-5">
  505.                                         <!--begin::Symbol-->
  506.                                         <div class="symbol symbol-40px me-4">
  507.                                                                 <span class="symbol-label bg-light">
  508.                                                                     <!--begin::Svg Icon | path: icons/duotone/Interface/Doughnut.svg-->
  509.                                                                     <span class="svg-icon svg-icon-2 svg-icon-primary">
  510.                                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  511.                                                                             <path opacity="0.25" fill-rule="evenodd" clip-rule="evenodd" d="M11 4.25769C11 3.07501 9.9663 2.13515 8.84397 2.50814C4.86766 3.82961 2 7.57987 2 11.9999C2 13.6101 2.38057 15.1314 3.05667 16.4788C3.58731 17.5363 4.98303 17.6028 5.81966 16.7662L5.91302 16.6728C6.60358 15.9823 6.65613 14.9011 6.3341 13.9791C6.11766 13.3594 6 12.6934 6 11.9999C6 9.62064 7.38488 7.56483 9.39252 6.59458C10.2721 6.16952 11 5.36732 11 4.39046V4.25769ZM16.4787 20.9434C17.5362 20.4127 17.6027 19.017 16.7661 18.1804L16.6727 18.087C15.9822 17.3964 14.901 17.3439 13.979 17.6659C13.3594 17.8823 12.6934 17.9999 12 17.9999C11.3066 17.9999 10.6406 17.8823 10.021 17.6659C9.09899 17.3439 8.01784 17.3964 7.3273 18.087L7.23392 18.1804C6.39728 19.017 6.4638 20.4127 7.52133 20.9434C8.86866 21.6194 10.3899 21.9999 12 21.9999C13.6101 21.9999 15.1313 21.6194 16.4787 20.9434Z" fill="#12131A" />
  512.                                                                             <path fill-rule="evenodd" clip-rule="evenodd" d="M13 4.39046C13 5.36732 13.7279 6.16952 14.6075 6.59458C16.6151 7.56483 18 9.62064 18 11.9999C18 12.6934 17.8823 13.3594 17.6659 13.9791C17.3439 14.9011 17.3964 15.9823 18.087 16.6728L18.1803 16.7662C19.017 17.6028 20.4127 17.5363 20.9433 16.4788C21.6194 15.1314 22 13.6101 22 11.9999C22 7.57987 19.1323 3.82961 15.156 2.50814C14.0337 2.13515 13 3.07501 13 4.25769V4.39046Z" fill="#12131A" />
  513.                                                                         </svg>
  514.                                                                     </span>
  515.                                                                     <!--end::Svg Icon-->
  516.                                                                 </span>
  517.                                         </div>
  518.                                         <!--end::Symbol-->
  519.                                         <!--begin::Title-->
  520.                                         <div class="d-flex flex-column">
  521.                                             <a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">"KPI Monitoring App Launch</a>
  522.                                             <span class="fs-7 text-muted fw-bold">#84250</span>
  523.                                         </div>
  524.                                         <!--end::Title-->
  525.                                     </div>
  526.                                     <!--end::Item-->
  527.                                     <!--begin::Item-->
  528.                                     <div class="d-flex align-items-center mb-5">
  529.                                         <!--begin::Symbol-->
  530.                                         <div class="symbol symbol-40px me-4">
  531.                                                                 <span class="symbol-label bg-light">
  532.                                                                     <!--begin::Svg Icon | path: icons/duotone/Interface/Stacked-Area-Down.svg-->
  533.                                                                     <span class="svg-icon svg-icon-2 svg-icon-primary">
  534.                                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  535.                                                                             <path opacity="0.25" d="M2 13.8857C2 13.1875 2.69737 12.7042 3.35112 12.9493L8.14677 14.7477C8.64016 14.9327 9.17357 14.9845 9.69334 14.8979L14.6354 14.0742C14.8087 14.0453 14.9865 14.0626 15.151 14.1243L21.3511 16.4493C21.7414 16.5957 22 16.9688 22 17.3857V20C22 21.1046 21.1046 22 20 22H4C2.89543 22 2 21.1046 2 20V13.8857Z" fill="#12131A" />
  536.                                                                             <path d="M2 4.13517C2 2.4395 3.97771 1.51318 5.28037 2.59873L8.93565 5.64479C9.1593 5.83117 9.45306 5.91083 9.74023 5.86296L14.0555 5.14376C14.8073 5.01846 15.5786 5.18401 16.2128 5.60679L20.6641 8.57435C21.4987 9.13074 22 10.0674 22 11.0705V13.1138C22 13.812 21.3026 14.2953 20.6489 14.0501L15.8532 12.2518C15.3598 12.0667 14.8264 12.0149 14.3067 12.1016L9.36454 12.9253C9.19129 12.9541 9.01348 12.9369 8.84902 12.8752L2.64888 10.5501C2.25857 10.4038 2 10.0307 2 9.61381V4.13517Z" fill="#12131A" />
  537.                                                                         </svg>
  538.                                                                     </span>
  539.                                                                     <!--end::Svg Icon-->
  540.                                                                 </span>
  541.                                         </div>
  542.                                         <!--end::Symbol-->
  543.                                         <!--begin::Title-->
  544.                                         <div class="d-flex flex-column">
  545.                                             <a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Project Reference FAQ</a>
  546.                                             <span class="fs-7 text-muted fw-bold">#67945</span>
  547.                                         </div>
  548.                                         <!--end::Title-->
  549.                                     </div>
  550.                                     <!--end::Item-->
  551.                                     <!--begin::Item-->
  552.                                     <div class="d-flex align-items-center mb-5">
  553.                                         <!--begin::Symbol-->
  554.                                         <div class="symbol symbol-40px me-4">
  555.                                                                 <span class="symbol-label bg-light">
  556.                                                                     <!--begin::Svg Icon | path: icons/duotone/Interface/Envelope.svg-->
  557.                                                                     <span class="svg-icon svg-icon-2 svg-icon-primary">
  558.                                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  559.                                                                             <path opacity="0.25" d="M1 6C1 4.34315 2.34315 3 4 3H20C21.6569 3 23 4.34315 23 6V18C23 19.6569 21.6569 21 20 21H4C2.34315 21 1 19.6569 1 18V6Z" fill="#191213" />
  560.                                                                             <path fill-rule="evenodd" clip-rule="evenodd" d="M5.23177 7.35984C5.58534 6.93556 6.2159 6.87824 6.64018 7.2318L11.3598 11.1648C11.7307 11.4739 12.2693 11.4739 12.6402 11.1648L17.3598 7.2318C17.7841 6.87824 18.4147 6.93556 18.7682 7.35984C19.1218 7.78412 19.0645 8.41468 18.6402 8.76825L13.9205 12.7013C12.808 13.6284 11.192 13.6284 10.0794 12.7013L5.35981 8.76825C4.93553 8.41468 4.87821 7.78412 5.23177 7.35984Z" fill="#121319" />
  561.                                                                         </svg>
  562.                                                                     </span>
  563.                                                                     <!--end::Svg Icon-->
  564.                                                                 </span>
  565.                                         </div>
  566.                                         <!--end::Symbol-->
  567.                                         <!--begin::Title-->
  568.                                         <div class="d-flex flex-column">
  569.                                             <a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">"FitPro App Development</a>
  570.                                             <span class="fs-7 text-muted fw-bold">#84250</span>
  571.                                         </div>
  572.                                         <!--end::Title-->
  573.                                     </div>
  574.                                     <!--end::Item-->
  575.                                     <!--begin::Item-->
  576.                                     <div class="d-flex align-items-center mb-5">
  577.                                         <!--begin::Symbol-->
  578.                                         <div class="symbol symbol-40px me-4">
  579.                                                                 <span class="symbol-label bg-light">
  580.                                                                     <!--begin::Svg Icon | path: icons/duotone/Interface/Bank.svg-->
  581.                                                                     <span class="svg-icon svg-icon-2 svg-icon-primary">
  582.                                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  583.                                                                             <path opacity="0.25" d="M4 10H8V17H10V10H14V17H16V10H20V17C21.1046 17 22 17.8954 22 19V20C22 21.1046 21.1046 22 20 22H4C2.89543 22 2 21.1046 2 20V19C2 17.8954 2.89543 17 4 17V10Z" fill="#12131A" />
  584.                                                                             <path d="M2 7.35405C2 6.53624 2.4979 5.80083 3.25722 5.4971L11.2572 2.2971C11.734 2.10637 12.266 2.10637 12.7428 2.2971L20.7428 5.4971C21.5021 5.80083 22 6.53624 22 7.35405V7.99999C22 9.10456 21.1046 9.99999 20 9.99999H4C2.89543 9.99999 2 9.10456 2 7.99999V7.35405Z" fill="#12131A" />
  585.                                                                         </svg>
  586.                                                                     </span>
  587.                                                                     <!--end::Svg Icon-->
  588.                                                                 </span>
  589.                                         </div>
  590.                                         <!--end::Symbol-->
  591.                                         <!--begin::Title-->
  592.                                         <div class="d-flex flex-column">
  593.                                             <a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Shopix Mobile App</a>
  594.                                             <span class="fs-7 text-muted fw-bold">#45690</span>
  595.                                         </div>
  596.                                         <!--end::Title-->
  597.                                     </div>
  598.                                     <!--end::Item-->
  599.                                     <!--begin::Item-->
  600.                                     <div class="d-flex align-items-center mb-5">
  601.                                         <!--begin::Symbol-->
  602.                                         <div class="symbol symbol-40px me-4">
  603.                                                                 <span class="symbol-label bg-light">
  604.                                                                     <!--begin::Svg Icon | path: icons/duotone/Interface/Line-03-Up.svg-->
  605.                                                                     <span class="svg-icon svg-icon-2 svg-icon-primary">
  606.                                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  607.                                                                             <path opacity="0.25" d="M1 5C1 3.89543 1.89543 3 3 3H21C22.1046 3 23 3.89543 23 5V19C23 20.1046 22.1046 21 21 21H3C1.89543 21 1 20.1046 1 19V5Z" fill="#12131A" />
  608.                                                                             <path fill-rule="evenodd" clip-rule="evenodd" d="M20.8682 6.49631C21.1422 6.01679 20.9756 5.40594 20.4961 5.13193C20.0166 4.85792 19.4058 5.02451 19.1317 5.50403L15.8834 11.1886C15.6612 11.5775 15.2073 11.7712 14.7727 11.6626L9.71238 10.3975C8.40847 10.0715 7.04688 10.6526 6.38005 11.8195L3.13174 17.504C2.85773 17.9835 3.02433 18.5944 3.50385 18.8684C3.98337 19.1424 4.59422 18.9758 4.86823 18.4963L8.11653 12.8118C8.33881 12.4228 8.79268 12.2291 9.22731 12.3378L14.2876 13.6028C15.5915 13.9288 16.9531 13.3478 17.6199 12.1808L20.8682 6.49631Z" fill="#12131A" />
  609.                                                                         </svg>
  610.                                                                     </span>
  611.                                                                     <!--end::Svg Icon-->
  612.                                                                 </span>
  613.                                         </div>
  614.                                         <!--end::Symbol-->
  615.                                         <!--begin::Title-->
  616.                                         <div class="d-flex flex-column">
  617.                                             <a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">"Landing UI Design" Launch</a>
  618.                                             <span class="fs-7 text-muted fw-bold">#24005</span>
  619.                                         </div>
  620.                                         <!--end::Title-->
  621.                                     </div>
  622.                                     <!--end::Item-->
  623.                                 </div>
  624.                                 <!--end::Items-->
  625.                             </div>
  626.                             <!--end::Recently viewed-->
  627.                             <!--begin::Empty-->
  628.                             <div data-kt-search-element="empty" class="text-center d-none">
  629.                                 <!--begin::Icon-->
  630.                                 <div class="pt-10 pb-10">
  631.                                     <!--begin::Svg Icon | path: icons/duotone/Interface/File-Search.svg-->
  632.                                     <span class="svg-icon svg-icon-4x opacity-50">
  633.                                                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  634.                                                                 <path opacity="0.25" d="M3 4C3 2.34315 4.34315 1 6 1H15.7574C16.553 1 17.3161 1.31607 17.8787 1.87868L20.1213 4.12132C20.6839 4.68393 21 5.44699 21 6.24264V20C21 21.6569 19.6569 23 18 23H6C4.34315 23 3 21.6569 3 20V4Z" fill="#12131A" />
  635.                                                                 <path d="M15 1.89181C15 1.39927 15.3993 1 15.8918 1V1C16.6014 1 17.2819 1.28187 17.7836 1.78361L20.2164 4.21639C20.7181 4.71813 21 5.39863 21 6.10819V6.10819C21 6.60073 20.6007 7 20.1082 7H16C15.4477 7 15 6.55228 15 6V1.89181Z" fill="#12131A" />
  636.                                                                 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.032 15.4462C12.4365 15.7981 11.7418 16 11 16C8.79086 16 7 14.2091 7 12C7 9.79086 8.79086 8 11 8C13.2091 8 15 9.79086 15 12C15 12.7418 14.7981 13.4365 14.4462 14.032L16.7072 16.293C17.0977 16.6835 17.0977 17.3167 16.7072 17.7072C16.3167 18.0977 15.6835 18.0977 15.293 17.7072L13.032 15.4462ZM13 12C13 13.1046 12.1046 14 11 14C9.89543 14 9 13.1046 9 12C9 10.8954 9.89543 10 11 10C12.1046 10 13 10.8954 13 12Z" fill="#12131A" />
  637.                                                             </svg>
  638.                                                         </span>
  639.                                     <!--end::Svg Icon-->
  640.                                 </div>
  641.                                 <!--end::Icon-->
  642.                                 <!--begin::Message-->
  643.                                 <div class="pb-15 fw-bold">
  644.                                     <h3 class="text-gray-600 fs-5 mb-2">No result found</h3>
  645.                                     <div class="text-muted fs-7">Please try again with a different query</div>
  646.                                 </div>
  647.                                 <!--end::Message-->
  648.                             </div>
  649.                             <!--end::Empty-->
  650.                         </div>
  651.                         <!--end::Wrapper-->
  652.                         <!--begin::Preferences-->
  653.                         <form data-kt-search-element="advanced-options-form" class="pt-1 d-none">
  654.                             <!--begin::Heading-->
  655.                             <h3 class="fw-bold text-dark mb-7">Advanced Search</h3>
  656.                             <!--end::Heading-->
  657.                             <!--begin::Input group-->
  658.                             <div class="mb-5">
  659.                                 <input type="text" class="form-control form-control-sm form-control-solid" placeholder="Contains the word" name="query" />
  660.                             </div>
  661.                             <!--end::Input group-->
  662.                             <!--begin::Input group-->
  663.                             <div class="mb-5">
  664.                                 <!--begin::Radio group-->
  665.                                 <div class="nav-group nav-group-fluid">
  666.                                     <!--begin::Option-->
  667.                                     <label>
  668.                                         <input type="radio" class="btn-check" name="type" value="has" checked="checked" />
  669.                                         <span class="btn btn-sm btn-color-muted btn-active btn-active-primary">All</span>
  670.                                     </label>
  671.                                     <!--end::Option-->
  672.                                     <!--begin::Option-->
  673.                                     <label>
  674.                                         <input type="radio" class="btn-check" name="type" value="users" />
  675.                                         <span class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4">Users</span>
  676.                                     </label>
  677.                                     <!--end::Option-->
  678.                                     <!--begin::Option-->
  679.                                     <label>
  680.                                         <input type="radio" class="btn-check" name="type" value="orders" />
  681.                                         <span class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4">Orders</span>
  682.                                     </label>
  683.                                     <!--end::Option-->
  684.                                     <!--begin::Option-->
  685.                                     <label>
  686.                                         <input type="radio" class="btn-check" name="type" value="projects" />
  687.                                         <span class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4">Projects</span>
  688.                                     </label>
  689.                                     <!--end::Option-->
  690.                                 </div>
  691.                                 <!--end::Radio group-->
  692.                             </div>
  693.                             <!--end::Input group-->
  694.                             <!--begin::Input group-->
  695.                             <div class="mb-5">
  696.                                 <input type="text" name="assignedto" class="form-control form-control-sm form-control-solid" placeholder="Assigned to" value="" />
  697.                             </div>
  698.                             <!--end::Input group-->
  699.                             <!--begin::Input group-->
  700.                             <div class="mb-5">
  701.                                 <input type="text" name="collaborators" class="form-control form-control-sm form-control-solid" placeholder="Collaborators" value="" />
  702.                             </div>
  703.                             <!--end::Input group-->
  704.                             <!--begin::Input group-->
  705.                             <div class="mb-5">
  706.                                 <!--begin::Radio group-->
  707.                                 <div class="nav-group nav-group-fluid">
  708.                                     <!--begin::Option-->
  709.                                     <label>
  710.                                         <input type="radio" class="btn-check" name="attachment" value="has" checked="checked" />
  711.                                         <span class="btn btn-sm btn-color-muted btn-active btn-active-primary">Has attachment</span>
  712.                                     </label>
  713.                                     <!--end::Option-->
  714.                                     <!--begin::Option-->
  715.                                     <label>
  716.                                         <input type="radio" class="btn-check" name="attachment" value="any" />
  717.                                         <span class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4">Any</span>
  718.                                     </label>
  719.                                     <!--end::Option-->
  720.                                 </div>
  721.                                 <!--end::Radio group-->
  722.                             </div>
  723.                             <!--end::Input group-->
  724.                             <!--begin::Input group-->
  725.                             <div class="mb-5">
  726.                                 <select name="timezone" aria-label="Select a Timezone" data-control="select2" data-placeholder="date_period" class="form-select form-select-sm form-select-solid">
  727.                                     <option value="next">Within the next</option>
  728.                                     <option value="last">Within the last</option>
  729.                                     <option value="between">Between</option>
  730.                                     <option value="on">On</option>
  731.                                 </select>
  732.                             </div>
  733.                             <!--end::Input group-->
  734.                             <!--begin::Input group-->
  735.                             <div class="row mb-8">
  736.                                 <!--begin::Col-->
  737.                                 <div class="col-6">
  738.                                     <input type="number" name="date_number" class="form-control form-control-sm form-control-solid" placeholder="Lenght" value="" />
  739.                                 </div>
  740.                                 <!--end::Col-->
  741.                                 <!--begin::Col-->
  742.                                 <div class="col-6">
  743.                                     <select name="date_typer" aria-label="Select a Timezone" data-control="select2" data-placeholder="Period" class="form-select form-select-sm form-select-solid">
  744.                                         <option value="days">Days</option>
  745.                                         <option value="weeks">Weeks</option>
  746.                                         <option value="months">Months</option>
  747.                                         <option value="years">Years</option>
  748.                                     </select>
  749.                                 </div>
  750.                                 <!--end::Col-->
  751.                             </div>
  752.                             <!--end::Input group-->
  753.                             <!--begin::Actions-->
  754.                             <div class="d-flex justify-content-end">
  755.                                 <button type="reset" class="btn btn-sm btn-white fw-bolder btn-active-light-primary me-2" data-kt-search-element="advanced-options-form-cancel">Cancel</button>
  756.                                 <a href="pages/search/horizontal.html" class="btn btn-sm fw-bolder btn-primary" data-kt-search-element="advanced-options-form-search">Search</a>
  757.                             </div>
  758.                             <!--end::Actions-->
  759.                         </form>
  760.                         <!--end::Preferences-->
  761.                         <!--begin::Preferences-->
  762.                         <form data-kt-search-element="preferences" class="pt-1 d-none">
  763.                             <!--begin::Heading-->
  764.                             <h3 class="fw-bold text-dark mb-7">Search Preferences</h3>
  765.                             <!--end::Heading-->
  766.                             <!--begin::Input group-->
  767.                             <div class="pb-4 border-bottom">
  768.                                 <label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
  769.                                     <span class="form-check-label text-gray-700 fs-6 fw-bold ms-0 me-2">Projects</span>
  770.                                     <input class="form-check-input" type="checkbox" value="1" checked="checked" />
  771.                                 </label>
  772.                             </div>
  773.                             <!--end::Input group-->
  774.                             <!--begin::Input group-->
  775.                             <div class="py-4 border-bottom">
  776.                                 <label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
  777.                                     <span class="form-check-label text-gray-700 fs-6 fw-bold ms-0 me-2">Targets</span>
  778.                                     <input class="form-check-input" type="checkbox" value="1" checked="checked" />
  779.                                 </label>
  780.                             </div>
  781.                             <!--end::Input group-->
  782.                             <!--begin::Input group-->
  783.                             <div class="py-4 border-bottom">
  784.                                 <label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
  785.                                     <span class="form-check-label text-gray-700 fs-6 fw-bold ms-0 me-2">Affiliate Programs</span>
  786.                                     <input class="form-check-input" type="checkbox" value="1" />
  787.                                 </label>
  788.                             </div>
  789.                             <!--end::Input group-->
  790.                             <!--begin::Input group-->
  791.                             <div class="py-4 border-bottom">
  792.                                 <label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
  793.                                     <span class="form-check-label text-gray-700 fs-6 fw-bold ms-0 me-2">Referrals</span>
  794.                                     <input class="form-check-input" type="checkbox" value="1" checked="checked" />
  795.                                 </label>
  796.                             </div>
  797.                             <!--end::Input group-->
  798.                             <!--begin::Input group-->
  799.                             <div class="py-4 border-bottom">
  800.                                 <label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
  801.                                     <span class="form-check-label text-gray-700 fs-6 fw-bold ms-0 me-2">Users</span>
  802.                                     <input class="form-check-input" type="checkbox" value="1" />
  803.                                 </label>
  804.                             </div>
  805.                             <!--end::Input group-->
  806.                             <!--begin::Actions-->
  807.                             <div class="d-flex justify-content-end pt-7">
  808.                                 <button type="reset" class="btn btn-sm btn-white fw-bolder btn-active-light-primary me-2" data-kt-search-element="preferences-dismiss">Cancel</button>
  809.                                 <button type="submit" class="btn btn-sm fw-bolder btn-primary">Save Changes</button>
  810.                             </div>
  811.                             <!--end::Actions-->
  812.                         </form>
  813.                         <!--end::Preferences-->
  814.                     </div>
  815.                     <!--end::Menu-->
  816.                 </div>
  817.                 <!--end::Search-->
  818.             </div>
  819.             <!--end::Search-->
  820.             <!--begin::Activities-->
  821.             <div class="d-flex align-items-center ms-1 ms-lg-3">
  822.                 <!--begin::drawer toggle-->
  823.                 <div class="btn btn-icon btn-active-light-primary w-30px h-30px w-md-40px h-md-40px" id="kt_activities_toggle">
  824.                     <!--begin::Svg Icon | path: icons/duotone/Media/Equalizer.svg-->
  825.                     <span class="svg-icon svg-icon-1">
  826.                                             <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  827.                                                 <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  828.                                                     <rect x="0" y="0" width="24" height="24" />
  829.                                                     <rect fill="#000000" opacity="0.3" x="13" y="4" width="3" height="16" rx="1.5" />
  830.                                                     <rect fill="#000000" x="8" y="9" width="3" height="11" rx="1.5" />
  831.                                                     <rect fill="#000000" x="18" y="11" width="3" height="9" rx="1.5" />
  832.                                                     <rect fill="#000000" x="3" y="13" width="3" height="7" rx="1.5" />
  833.                                                 </g>
  834.                                             </svg>
  835.                                         </span>
  836.                     <!--end::Svg Icon-->
  837.                 </div>
  838.                 <!--end::drawer toggle-->
  839.             </div>
  840.             <!--end::Activities-->
  841.             <!--begin::Quick links-->
  842.             <div class="d-flex align-items-center ms-1 ms-lg-3">
  843.                 <!--begin::Menu wrapper-->
  844.                 <div class="btn btn-icon btn-active-light-primary w-30px h-30px w-md-40px h-md-40px" data-kt-menu-trigger="click" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end" data-kt-menu-flip="bottom">
  845.                     <!--begin::Svg Icon | path: icons/duotone/Layout/Layout-4-blocks.svg-->
  846.                     <span class="svg-icon svg-icon-1">
  847.                                             <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  848.                                                 <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  849.                                                     <rect x="0" y="0" width="24" height="24" />
  850.                                                     <rect fill="#000000" x="4" y="4" width="7" height="7" rx="1.5" />
  851.                                                     <path d="M5.5,13 L9.5,13 C10.3284271,13 11,13.6715729 11,14.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,14.5 C4,13.6715729 4.67157288,13 5.5,13 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,9.5 C20,10.3284271 19.3284271,11 18.5,11 L14.5,11 C13.6715729,11 13,10.3284271 13,9.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z M14.5,13 L18.5,13 C19.3284271,13 20,13.6715729 20,14.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,14.5 C13,13.6715729 13.6715729,13 14.5,13 Z" fill="#000000" opacity="0.3" />
  852.                                                 </g>
  853.                                             </svg>
  854.                                         </span>
  855.                     <!--end::Svg Icon-->
  856.                 </div>
  857.                 <!--begin::Menu-->
  858.                 <div class="menu menu-sub menu-sub-dropdown menu-column w-250px w-lg-325px" data-kt-menu="true">
  859.                     <!--begin::Heading-->
  860.                     <div class="d-flex flex-column flex-center bgi-no-repeat rounded-top px-9 py-10" style="/*background-image:url('assets/media//misc/pattern-2.jpg')*/">
  861.                         <!--begin::Title-->
  862.                         <h3 class="text-white fw-bold mb-3">Quick Links</h3>
  863.                         <!--end::Title-->
  864.                         <!--begin::Status-->
  865.                         <span class="badge bg-success py-2 px-3">25 pending tasks</span>
  866.                         <!--end::Status-->
  867.                     </div>
  868.                     <!--end::Heading-->
  869.                     <!--begin:Nav-->
  870.                     <div class="row g-0">
  871.                         <!--begin:Item-->
  872.                         <div class="col-6">
  873.                             <a href="#" class="d-flex flex-column flex-center h-100 p-6 bg-hover-light border-end border-bottom">
  874.                                 <!--begin::Svg Icon | path: icons/duotone/Communication/Group.svg-->
  875.                                 <span class="svg-icon svg-icon-3x svg-icon-success mb-2">
  876.                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  877.                                                             <path d="M18,14 C16.3431458,14 15,12.6568542 15,11 C15,9.34314575 16.3431458,8 18,8 C19.6568542,8 21,9.34314575 21,11 C21,12.6568542 19.6568542,14 18,14 Z M9,11 C6.790861,11 5,9.209139 5,7 C5,4.790861 6.790861,3 9,3 C11.209139,3 13,4.790861 13,7 C13,9.209139 11.209139,11 9,11 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" />
  878.                                                             <path d="M17.6011961,15.0006174 C21.0077043,15.0378534 23.7891749,16.7601418 23.9984937,20.4 C24.0069246,20.5466056 23.9984937,21 23.4559499,21 L19.6,21 C19.6,18.7490654 18.8562935,16.6718327 17.6011961,15.0006174 Z M0.00065168429,20.1992055 C0.388258525,15.4265159 4.26191235,13 8.98334134,13 C13.7712164,13 17.7048837,15.2931929 17.9979143,20.2 C18.0095879,20.3954741 17.9979143,21 17.2466999,21 C13.541124,21 8.03472472,21 0.727502227,21 C0.476712155,21 -0.0204617505,20.45918 0.00065168429,20.1992055 Z" fill="#000000" fill-rule="nonzero" />
  879.                                                         </svg>
  880.                                                     </span>
  881.                                 <!--end::Svg Icon-->
  882.                                 <span class="fs-5 fw-bold text-gray-800 mb-0">Customers</span>
  883.                                 <span class="fs-7 text-gray-400">Orders &amp; Payments</span>
  884.                             </a>
  885.                         </div>
  886.                         <!--end:Item-->
  887.                         <!--begin:Item-->
  888.                         <div class="col-6">
  889.                             <a href="#" class="d-flex flex-column flex-center h-100 p-6 bg-hover-light border-bottom">
  890.                                 <!--begin::Svg Icon | path: icons/duotone/Communication/Mail-attachment.svg-->
  891.                                 <span class="svg-icon svg-icon-3x svg-icon-success mb-2">
  892.                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  893.                                                             <path d="M14.8571499,13 C14.9499122,12.7223297 15,12.4263059 15,12.1190476 L15,6.88095238 C15,5.28984632 13.6568542,4 12,4 L11.7272727,4 C10.2210416,4 9,5.17258756 9,6.61904762 L10.0909091,6.61904762 C10.0909091,5.75117158 10.823534,5.04761905 11.7272727,5.04761905 L12,5.04761905 C13.0543618,5.04761905 13.9090909,5.86843034 13.9090909,6.88095238 L13.9090909,12.1190476 C13.9090909,12.4383379 13.8240964,12.7385644 13.6746497,13 L10.3253503,13 C10.1759036,12.7385644 10.0909091,12.4383379 10.0909091,12.1190476 L10.0909091,9.5 C10.0909091,9.06606198 10.4572216,8.71428571 10.9090909,8.71428571 C11.3609602,8.71428571 11.7272727,9.06606198 11.7272727,9.5 L11.7272727,11.3333333 L12.8181818,11.3333333 L12.8181818,9.5 C12.8181818,8.48747796 11.9634527,7.66666667 10.9090909,7.66666667 C9.85472911,7.66666667 9,8.48747796 9,9.5 L9,12.1190476 C9,12.4263059 9.0500878,12.7223297 9.14285008,13 L6,13 C5.44771525,13 5,12.5522847 5,12 L5,3 C5,2.44771525 5.44771525,2 6,2 L18,2 C18.5522847,2 19,2.44771525 19,3 L19,12 C19,12.5522847 18.5522847,13 18,13 L14.8571499,13 Z" fill="#000000" opacity="0.3" />
  894.                                                             <path d="M9,10.3333333 L9,12.1190476 C9,13.7101537 10.3431458,15 12,15 C13.6568542,15 15,13.7101537 15,12.1190476 L15,10.3333333 L20.2072547,6.57253826 C20.4311176,6.4108595 20.7436609,6.46126971 20.9053396,6.68513259 C20.9668779,6.77033951 21,6.87277228 21,6.97787787 L21,17 C21,18.1045695 20.1045695,19 19,19 L5,19 C3.8954305,19 3,18.1045695 3,17 L3,6.97787787 C3,6.70173549 3.22385763,6.47787787 3.5,6.47787787 C3.60510559,6.47787787 3.70753836,6.51099993 3.79274528,6.57253826 L9,10.3333333 Z M10.0909091,11.1212121 L12,12.5 L13.9090909,11.1212121 L13.9090909,12.1190476 C13.9090909,13.1315697 13.0543618,13.952381 12,13.952381 C10.9456382,13.952381 10.0909091,13.1315697 10.0909091,12.1190476 L10.0909091,11.1212121 Z" fill="#000000" />
  895.                                                         </svg>
  896.                                                     </span>
  897.                                 <!--end::Svg Icon-->
  898.                                 <span class="fs-5 fw-bold text-gray-800 mb-0">Account</span>
  899.                                 <span class="fs-7 text-gray-400">Profile &amp; Settings</span>
  900.                             </a>
  901.                         </div>
  902.                         <!--end:Item-->
  903.                         <!--begin:Item-->
  904.                         <div class="col-6">
  905.                             <a href="general/about.html" class="d-flex flex-column flex-center h-100 p-6 bg-hover-light border-end">
  906.                                 <!--begin::Svg Icon | path: icons/duotone/Shopping/Box2.svg-->
  907.                                 <span class="svg-icon svg-icon-3x svg-icon-success mb-2">
  908.                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  909.                                                             <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  910.                                                                 <rect x="0" y="0" width="24" height="24" />
  911.                                                                 <path d="M4,9.67471899 L10.880262,13.6470401 C10.9543486,13.689814 11.0320333,13.7207107 11.1111111,13.740321 L11.1111111,21.4444444 L4.49070127,17.526473 C4.18655139,17.3464765 4,17.0193034 4,16.6658832 L4,9.67471899 Z M20,9.56911707 L20,16.6658832 C20,17.0193034 19.8134486,17.3464765 19.5092987,17.526473 L12.8888889,21.4444444 L12.8888889,13.6728275 C12.9050191,13.6647696 12.9210067,13.6561758 12.9368301,13.6470401 L20,9.56911707 Z" fill="#000000" />
  912.                                                                 <path d="M4.21611835,7.74669402 C4.30015839,7.64056877 4.40623188,7.55087574 4.5299008,7.48500698 L11.5299008,3.75665466 C11.8237589,3.60013944 12.1762411,3.60013944 12.4700992,3.75665466 L19.4700992,7.48500698 C19.5654307,7.53578262 19.6503066,7.60071528 19.7226939,7.67641889 L12.0479413,12.1074394 C11.9974761,12.1365754 11.9509488,12.1699127 11.9085461,12.2067543 C11.8661433,12.1699127 11.819616,12.1365754 11.7691509,12.1074394 L4.21611835,7.74669402 Z" fill="#000000" opacity="0.3" />
  913.                                                             </g>
  914.                                                         </svg>
  915.                                                     </span>
  916.                                 <!--end::Svg Icon-->
  917.                                 <span class="fs-5 fw-bold text-gray-800 mb-0">Company</span>
  918.                                 <span class="fs-7 text-gray-400">Contact &amp; Pricing</span>
  919.                             </a>
  920.                         </div>
  921.                         <!--end:Item-->
  922.                         <!--begin:Item-->
  923.                         <div class="col-6">
  924.                             <a href="#" class="d-flex flex-column flex-center h-100 p-6 bg-hover-light">
  925.                                 <!--begin::Svg Icon | path: icons/duotone/Shopping/Euro.svg-->
  926.                                 <span class="svg-icon svg-icon-3x svg-icon-success mb-2">
  927.                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  928.                                                             <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  929.                                                                 <rect x="0" y="0" width="24" height="24" />
  930.                                                                 <path d="M4.3618034,10.2763932 L4.8618034,9.2763932 C4.94649941,9.10700119 5.11963097,9 5.30901699,9 L15.190983,9 C15.4671254,9 15.690983,9.22385763 15.690983,9.5 C15.690983,9.57762255 15.6729105,9.65417908 15.6381966,9.7236068 L15.1381966,10.7236068 C15.0535006,10.8929988 14.880369,11 14.690983,11 L4.80901699,11 C4.53287462,11 4.30901699,10.7761424 4.30901699,10.5 C4.30901699,10.4223775 4.32708954,10.3458209 4.3618034,10.2763932 Z M14.6381966,13.7236068 L14.1381966,14.7236068 C14.0535006,14.8929988 13.880369,15 13.690983,15 L4.80901699,15 C4.53287462,15 4.30901699,14.7761424 4.30901699,14.5 C4.30901699,14.4223775 4.32708954,14.3458209 4.3618034,14.2763932 L4.8618034,13.2763932 C4.94649941,13.1070012 5.11963097,13 5.30901699,13 L14.190983,13 C14.4671254,13 14.690983,13.2238576 14.690983,13.5 C14.690983,13.5776225 14.6729105,13.6541791 14.6381966,13.7236068 Z" fill="#000000" opacity="0.3" />
  931.                                                                 <path d="M17.369,7.618 C16.976998,7.08599734 16.4660031,6.69750122 15.836,6.4525 C15.2059968,6.20749878 14.590003,6.085 13.988,6.085 C13.2179962,6.085 12.5180032,6.2249986 11.888,6.505 C11.2579969,6.7850014 10.7155023,7.16999755 10.2605,7.66 C9.80549773,8.15000245 9.45550123,8.72399671 9.2105,9.382 C8.96549878,10.0400033 8.843,10.7539961 8.843,11.524 C8.843,12.3360041 8.96199881,13.0779966 9.2,13.75 C9.43800119,14.4220034 9.7774978,14.9994976 10.2185,15.4825 C10.6595022,15.9655024 11.1879969,16.3399987 11.804,16.606 C12.4200031,16.8720013 13.1129962,17.005 13.883,17.005 C14.681004,17.005 15.3879969,16.8475016 16.004,16.5325 C16.6200031,16.2174984 17.1169981,15.8010026 17.495,15.283 L19.616,16.774 C18.9579967,17.6000041 18.1530048,18.2404977 17.201,18.6955 C16.2489952,19.1505023 15.1360064,19.378 13.862,19.378 C12.6999942,19.378 11.6325049,19.1855019 10.6595,18.8005 C9.68649514,18.4154981 8.8500035,17.8765035 8.15,17.1835 C7.4499965,16.4904965 6.90400196,15.6645048 6.512,14.7055 C6.11999804,13.7464952 5.924,12.6860058 5.924,11.524 C5.924,10.333994 6.13049794,9.25950479 6.5435,8.3005 C6.95650207,7.34149521 7.5234964,6.52600336 8.2445,5.854 C8.96550361,5.18199664 9.8159951,4.66400182 10.796,4.3 C11.7760049,3.93599818 12.8399943,3.754 13.988,3.754 C14.4640024,3.754 14.9609974,3.79949954 15.479,3.8905 C15.9970026,3.98150045 16.4939976,4.12149906 16.97,4.3105 C17.4460024,4.49950095 17.8939979,4.7339986 18.314,5.014 C18.7340021,5.2940014 19.0909985,5.62999804 19.385,6.022 L17.369,7.618 Z" fill="#000000" />
  932.                                                             </g>
  933.                                                         </svg>
  934.                                                     </span>
  935.                                 <!--end::Svg Icon-->
  936.                                 <span class="fs-5 fw-bold text-gray-800 mb-0">Finance</span>
  937.                                 <span class="fs-7 text-gray-400">Credit &amp; Payments</span>
  938.                             </a>
  939.                         </div>
  940.                         <!--end:Item-->
  941.                     </div>
  942.                     <!--end:Nav-->
  943.                     <!--begin::View more-->
  944.                     <div class="py-2 text-center border-top">
  945.                         <a href="#" class="btn btn-color-gray-600 btn-active-color-primary">View All
  946.                             <!--begin::Svg Icon | path: icons/duotone/Navigation/Right-2.svg-->
  947.                             <span class="svg-icon svg-icon-5">
  948.                                                 <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  949.                                                     <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  950.                                                         <polygon points="0 0 24 0 24 24 0 24" />
  951.                                                         <rect fill="#000000" opacity="0.5" transform="translate(8.500000, 12.000000) rotate(-90.000000) translate(-8.500000, -12.000000)" x="7.5" y="7.5" width="2" height="9" rx="1" />
  952.                                                         <path d="M9.70710318,15.7071045 C9.31657888,16.0976288 8.68341391,16.0976288 8.29288961,15.7071045 C7.90236532,15.3165802 7.90236532,14.6834152 8.29288961,14.2928909 L14.2928896,8.29289093 C14.6714686,7.914312 15.281055,7.90106637 15.675721,8.26284357 L21.675721,13.7628436 C22.08284,14.136036 22.1103429,14.7686034 21.7371505,15.1757223 C21.3639581,15.5828413 20.7313908,15.6103443 20.3242718,15.2371519 L15.0300721,10.3841355 L9.70710318,15.7071045 Z" fill="#000000" fill-rule="nonzero" transform="translate(14.999999, 11.999997) scale(1, -1) rotate(90.000000) translate(-14.999999, -11.999997)" />
  953.                                                     </g>
  954.                                                 </svg>
  955.                                             </span>
  956.                             <!--end::Svg Icon--></a>
  957.                     </div>
  958.                     <!--end::View more-->
  959.                 </div>
  960.                 <!--end::Menu-->
  961.                 <!--end::Menu wrapper-->
  962.             </div>
  963.             <!--end::Quick links-->
  964.             <!--begin::Chat-->
  965.             <div class="d-flex align-items-center ms-1 ms-lg-3">
  966.                 <!--begin::Menu wrapper-->
  967.                 <div class="btn btn-icon btn-active-light-primary position-relative w-30px h-30px w-md-40px h-md-40px" data-bs-toggle="tooltip" title="Available in &lt;span class='badge badge-pro badge-light-danger fw-bold fs-9 px-2 py-1 ms-1'&gt;Pro&lt;/span&gt; version" data-bs-html="true" data-bs-placement="bottom" id="kt_drawer_chat_toggle">
  968.                     <!--begin::Svg Icon | path: icons/duotone/Communication/Group-chat.svg-->
  969.                     <span class="svg-icon svg-icon-1">
  970.                                             <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  971.                                                 <path d="M16,15.6315789 L16,12 C16,10.3431458 14.6568542,9 13,9 L6.16183229,9 L6.16183229,5.52631579 C6.16183229,4.13107011 7.29290239,3 8.68814808,3 L20.4776218,3 C21.8728674,3 23.0039375,4.13107011 23.0039375,5.52631579 L23.0039375,13.1052632 L23.0206157,17.786793 C23.0215995,18.0629336 22.7985408,18.2875874 22.5224001,18.2885711 C22.3891754,18.2890457 22.2612702,18.2363324 22.1670655,18.1421277 L19.6565168,15.6315789 L16,15.6315789 Z" fill="#000000" />
  972.                                                 <path d="M1.98505595,18 L1.98505595,13 C1.98505595,11.8954305 2.88048645,11 3.98505595,11 L11.9850559,11 C13.0896254,11 13.9850559,11.8954305 13.9850559,13 L13.9850559,18 C13.9850559,19.1045695 13.0896254,20 11.9850559,20 L4.10078614,20 L2.85693427,21.1905292 C2.65744295,21.3814685 2.34093638,21.3745358 2.14999706,21.1750444 C2.06092565,21.0819836 2.01120804,20.958136 2.01120804,20.8293182 L2.01120804,18.32426 C1.99400175,18.2187196 1.98505595,18.1104045 1.98505595,18 Z M6.5,14 C6.22385763,14 6,14.2238576 6,14.5 C6,14.7761424 6.22385763,15 6.5,15 L11.5,15 C11.7761424,15 12,14.7761424 12,14.5 C12,14.2238576 11.7761424,14 11.5,14 L6.5,14 Z M9.5,16 C9.22385763,16 9,16.2238576 9,16.5 C9,16.7761424 9.22385763,17 9.5,17 L11.5,17 C11.7761424,17 12,16.7761424 12,16.5 C12,16.2238576 11.7761424,16 11.5,16 L9.5,16 Z" fill="#000000" opacity="0.3" />
  973.                                             </svg>
  974.                                         </span>
  975.                     <!--end::Svg Icon-->
  976.                     <span class="bullet bullet-dot bg-success h-6px w-6px position-absolute translate-middle top-0 start-50 animation-blink"></span>
  977.                 </div>
  978.                 <!--end::Menu wrapper-->
  979.             </div>
  980.             <!--end::Chat-->
  981.             <!--begin::Notifications-->
  982.             <div class="d-flex align-items-center ms-1 ms-lg-3">
  983.                 <!--begin::Menu wrapper-->
  984.                 <div class="btn btn-icon btn-active-light-primary position-relative w-30px h-30px w-md-40px h-md-40px" data-kt-menu-trigger="click" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end" data-kt-menu-flip="bottom">
  985.                     <!--begin::Svg Icon | path: icons/duotone/Code/Compiling.svg-->
  986.                     <span class="svg-icon svg-icon-1">
  987.                                             <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  988.                                                 <path d="M2.56066017,10.6819805 L4.68198052,8.56066017 C5.26776695,7.97487373 6.21751442,7.97487373 6.80330086,8.56066017 L8.9246212,10.6819805 C9.51040764,11.267767 9.51040764,12.2175144 8.9246212,12.8033009 L6.80330086,14.9246212 C6.21751442,15.5104076 5.26776695,15.5104076 4.68198052,14.9246212 L2.56066017,12.8033009 C1.97487373,12.2175144 1.97487373,11.267767 2.56066017,10.6819805 Z M14.5606602,10.6819805 L16.6819805,8.56066017 C17.267767,7.97487373 18.2175144,7.97487373 18.8033009,8.56066017 L20.9246212,10.6819805 C21.5104076,11.267767 21.5104076,12.2175144 20.9246212,12.8033009 L18.8033009,14.9246212 C18.2175144,15.5104076 17.267767,15.5104076 16.6819805,14.9246212 L14.5606602,12.8033009 C13.9748737,12.2175144 13.9748737,11.267767 14.5606602,10.6819805 Z" fill="#000000" opacity="0.3" />
  989.                                                 <path d="M8.56066017,16.6819805 L10.6819805,14.5606602 C11.267767,13.9748737 12.2175144,13.9748737 12.8033009,14.5606602 L14.9246212,16.6819805 C15.5104076,17.267767 15.5104076,18.2175144 14.9246212,18.8033009 L12.8033009,20.9246212 C12.2175144,21.5104076 11.267767,21.5104076 10.6819805,20.9246212 L8.56066017,18.8033009 C7.97487373,18.2175144 7.97487373,17.267767 8.56066017,16.6819805 Z M8.56066017,4.68198052 L10.6819805,2.56066017 C11.267767,1.97487373 12.2175144,1.97487373 12.8033009,2.56066017 L14.9246212,4.68198052 C15.5104076,5.26776695 15.5104076,6.21751442 14.9246212,6.80330086 L12.8033009,8.9246212 C12.2175144,9.51040764 11.267767,9.51040764 10.6819805,8.9246212 L8.56066017,6.80330086 C7.97487373,6.21751442 7.97487373,5.26776695 8.56066017,4.68198052 Z" fill="#000000" />
  990.                                             </svg>
  991.                                         </span>
  992.                     <!--end::Svg Icon-->
  993.                 </div>
  994.                 <!--begin::Menu-->
  995.                 <div class="menu menu-sub menu-sub-dropdown menu-column w-350px w-lg-375px" data-kt-menu="true">
  996.                     <!--begin::Heading-->
  997.                     <div class="d-flex flex-column bgi-no-repeat rounded-top" style="/*background-image:url('assets/media//misc/pattern-2.jpg')*/">
  998.                         <!--begin::Title-->
  999.                         <h3 class="text-white fw-bold px-9 mt-10 mb-6">Notifications
  1000.                             <span class="fs-8 opacity-75 ps-3">24 reports</span></h3>
  1001.                         <!--end::Title-->
  1002.                         <!--begin::Tabs-->
  1003.                         <ul class="nav nav-line-tabs nav-line-tabs-2x nav-stretch fw-bold px-9">
  1004.                             <li class="nav-item">
  1005.                                 <a class="nav-link text-white opacity-75 opacity-state-100 pb-4 active" data-bs-toggle="tab" href="#kt_topbar_notifications_1">Alerts</a>
  1006.                             </li>
  1007.                             <li class="nav-item">
  1008.                                 <a class="nav-link text-white opacity-75 opacity-state-100 pb-4" data-bs-toggle="tab" href="#kt_topbar_notifications_2">Updates</a>
  1009.                             </li>
  1010.                             <li class="nav-item">
  1011.                                 <a class="nav-link text-white opacity-75 opacity-state-100 pb-4" data-bs-toggle="tab" href="#kt_topbar_notifications_3">Logs</a>
  1012.                             </li>
  1013.                         </ul>
  1014.                         <!--end::Tabs-->
  1015.                     </div>
  1016.                     <!--end::Heading-->
  1017.                     <!--begin::Tab content-->
  1018.                     <div class="tab-content">
  1019.                         <!--begin::Tab panel-->
  1020.                         <div class="tab-pane fade show active" id="kt_topbar_notifications_1" role="tabpanel">
  1021.                             <!--begin::Items-->
  1022.                             <div class="scroll-y mh-325px my-5 px-8">
  1023.                                 <!--begin::Item-->
  1024.                                 <div class="d-flex flex-stack py-4">
  1025.                                     <!--begin::Section-->
  1026.                                     <div class="d-flex align-items-center">
  1027.                                         <!--begin::Symbol-->
  1028.                                         <div class="symbol symbol-35px me-4">
  1029.                                                                 <span class="symbol-label bg-light-primary">
  1030.                                                                     <!--begin::Svg Icon | path: icons/duotone/Clothes/Crown.svg-->
  1031.                                                                     <span class="svg-icon svg-icon-2 svg-icon-primary">
  1032.                                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  1033.                                                                             <path d="M11.2600599,5.81393408 L2,16 L22,16 L12.7399401,5.81393408 C12.3684331,5.40527646 11.7359848,5.37515988 11.3273272,5.7466668 C11.3038503,5.7680094 11.2814025,5.79045722 11.2600599,5.81393408 Z" fill="#000000" opacity="0.3" />
  1034.                                                                             <path d="M12.0056789,15.7116802 L20.2805786,6.85290308 C20.6575758,6.44930487 21.2903735,6.42774054 21.6939717,6.8047378 C21.8964274,6.9938498 22.0113578,7.25847607 22.0113578,7.535517 L22.0113578,20 L16.0113578,20 L2,20 L2,7.535517 C2,7.25847607 2.11493033,6.9938498 2.31738608,6.8047378 C2.72098429,6.42774054 3.35378194,6.44930487 3.7307792,6.85290308 L12.0056789,15.7116802 Z" fill="#000000" />
  1035.                                                                         </svg>
  1036.                                                                     </span>
  1037.                                                                     <!--end::Svg Icon-->
  1038.                                                                 </span>
  1039.                                         </div>
  1040.                                         <!--end::Symbol-->
  1041.                                         <!--begin::Title-->
  1042.                                         <div class="mb-0 me-2">
  1043.                                             <a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bolder">Project Alice</a>
  1044.                                             <div class="text-gray-400 fs-7">Phase 1 development</div>
  1045.                                         </div>
  1046.                                         <!--end::Title-->
  1047.                                     </div>
  1048.                                     <!--end::Section-->
  1049.                                     <!--begin::Label-->
  1050.                                     <span class="badge badge-light fs-8">1 hr</span>
  1051.                                     <!--end::Label-->
  1052.                                 </div>
  1053.                                 <!--end::Item-->
  1054.                                 <!--begin::Item-->
  1055.                                 <div class="d-flex flex-stack py-4">
  1056.                                     <!--begin::Section-->
  1057.                                     <div class="d-flex align-items-center">
  1058.                                         <!--begin::Symbol-->
  1059.                                         <div class="symbol symbol-35px me-4">
  1060.                                                                 <span class="symbol-label bg-light-danger">
  1061.                                                                     <!--begin::Svg Icon | path: icons/duotone/Code/Warning-2.svg-->
  1062.                                                                     <span class="svg-icon svg-icon-2 svg-icon-danger">
  1063.                                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  1064.                                                                             <path d="M11.1669899,4.49941818 L2.82535718,19.5143571 C2.557144,19.9971408 2.7310878,20.6059441 3.21387153,20.8741573 C3.36242953,20.9566895 3.52957021,21 3.69951446,21 L21.2169432,21 C21.7692279,21 22.2169432,20.5522847 22.2169432,20 C22.2169432,19.8159952 22.1661743,19.6355579 22.070225,19.47855 L12.894429,4.4636111 C12.6064401,3.99235656 11.9909517,3.84379039 11.5196972,4.13177928 C11.3723594,4.22181902 11.2508468,4.34847583 11.1669899,4.49941818 Z" fill="#000000" opacity="0.3" />
  1065.                                                                             <rect fill="#000000" x="11" y="9" width="2" height="7" rx="1" />
  1066.                                                                             <rect fill="#000000" x="11" y="17" width="2" height="2" rx="1" />
  1067.                                                                         </svg>
  1068.                                                                     </span>
  1069.                                                                     <!--end::Svg Icon-->
  1070.                                                                 </span>
  1071.                                         </div>
  1072.                                         <!--end::Symbol-->
  1073.                                         <!--begin::Title-->
  1074.                                         <div class="mb-0 me-2">
  1075.                                             <a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bolder">HR Confidential</a>
  1076.                                             <div class="text-gray-400 fs-7">Confidential staff documents</div>
  1077.                                         </div>
  1078.                                         <!--end::Title-->
  1079.                                     </div>
  1080.                                     <!--end::Section-->
  1081.                                     <!--begin::Label-->
  1082.                                     <span class="badge badge-light fs-8">2 hrs</span>
  1083.                                     <!--end::Label-->
  1084.                                 </div>
  1085.                                 <!--end::Item-->
  1086.                                 <!--begin::Item-->
  1087.                                 <div class="d-flex flex-stack py-4">
  1088.                                     <!--begin::Section-->
  1089.                                     <div class="d-flex align-items-center">
  1090.                                         <!--begin::Symbol-->
  1091.                                         <div class="symbol symbol-35px me-4">
  1092.                                                                 <span class="symbol-label bg-light-warning">
  1093.                                                                     <!--begin::Svg Icon | path: icons/duotone/Communication/Group.svg-->
  1094.                                                                     <span class="svg-icon svg-icon-2 svg-icon-warning">
  1095.                                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  1096.                                                                             <path d="M18,14 C16.3431458,14 15,12.6568542 15,11 C15,9.34314575 16.3431458,8 18,8 C19.6568542,8 21,9.34314575 21,11 C21,12.6568542 19.6568542,14 18,14 Z M9,11 C6.790861,11 5,9.209139 5,7 C5,4.790861 6.790861,3 9,3 C11.209139,3 13,4.790861 13,7 C13,9.209139 11.209139,11 9,11 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" />
  1097.                                                                             <path d="M17.6011961,15.0006174 C21.0077043,15.0378534 23.7891749,16.7601418 23.9984937,20.4 C24.0069246,20.5466056 23.9984937,21 23.4559499,21 L19.6,21 C19.6,18.7490654 18.8562935,16.6718327 17.6011961,15.0006174 Z M0.00065168429,20.1992055 C0.388258525,15.4265159 4.26191235,13 8.98334134,13 C13.7712164,13 17.7048837,15.2931929 17.9979143,20.2 C18.0095879,20.3954741 17.9979143,21 17.2466999,21 C13.541124,21 8.03472472,21 0.727502227,21 C0.476712155,21 -0.0204617505,20.45918 0.00065168429,20.1992055 Z" fill="#000000" fill-rule="nonzero" />
  1098.                                                                         </svg>
  1099.                                                                     </span>
  1100.                                                                     <!--end::Svg Icon-->
  1101.                                                                 </span>
  1102.                                         </div>
  1103.                                         <!--end::Symbol-->
  1104.                                         <!--begin::Title-->
  1105.                                         <div class="mb-0 me-2">
  1106.                                             <a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bolder">Company HR</a>
  1107.                                             <div class="text-gray-400 fs-7">Corporeate staff profiles</div>
  1108.                                         </div>
  1109.                                         <!--end::Title-->
  1110.                                     </div>
  1111.                                     <!--end::Section-->
  1112.                                     <!--begin::Label-->
  1113.                                     <span class="badge badge-light fs-8">5 hrs</span>
  1114.                                     <!--end::Label-->
  1115.                                 </div>
  1116.                                 <!--end::Item-->
  1117.                                 <!--begin::Item-->
  1118.                                 <div class="d-flex flex-stack py-4">
  1119.                                     <!--begin::Section-->
  1120.                                     <div class="d-flex align-items-center">
  1121.                                         <!--begin::Symbol-->
  1122.                                         <div class="symbol symbol-35px me-4">
  1123.                                                                 <span class="symbol-label bg-light-success">
  1124.                                                                     <!--begin::Svg Icon | path: icons/duotone/General/Thunder.svg-->
  1125.                                                                     <span class="svg-icon svg-icon-2 svg-icon-success">
  1126.                                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  1127.                                                                             <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  1128.                                                                                 <rect x="0" y="0" width="24" height="24" />
  1129.                                                                                 <path d="M12.3740377,19.9389434 L18.2226499,11.1660251 C18.4524142,10.8213786 18.3592838,10.3557266 18.0146373,10.1259623 C17.8914367,10.0438285 17.7466809,10 17.5986122,10 L13,10 L13,4.47708173 C13,4.06286817 12.6642136,3.72708173 12.25,3.72708173 C11.9992351,3.72708173 11.7650616,3.85240758 11.6259623,4.06105658 L5.7773501,12.8339749 C5.54758575,13.1786214 5.64071616,13.6442734 5.98536267,13.8740377 C6.10856331,13.9561715 6.25331908,14 6.40138782,14 L11,14 L11,19.5229183 C11,19.9371318 11.3357864,20.2729183 11.75,20.2729183 C12.0007649,20.2729183 12.2349384,20.1475924 12.3740377,19.9389434 Z" fill="#000000" />
  1130.                                                                             </g>
  1131.                                                                         </svg>
  1132.                                                                     </span>
  1133.                                                                     <!--end::Svg Icon-->
  1134.                                                                 </span>
  1135.                                         </div>
  1136.                                         <!--end::Symbol-->
  1137.                                         <!--begin::Title-->
  1138.                                         <div class="mb-0 me-2">
  1139.                                             <a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bolder">Project Jet</a>
  1140.                                             <div class="text-gray-400 fs-7">New frontend admin theme</div>
  1141.                                         </div>
  1142.                                         <!--end::Title-->
  1143.                                     </div>
  1144.                                     <!--end::Section-->
  1145.                                     <!--begin::Label-->
  1146.                                     <span class="badge badge-light fs-8">2 days</span>
  1147.                                     <!--end::Label-->
  1148.                                 </div>
  1149.                                 <!--end::Item-->
  1150.                                 <!--begin::Item-->
  1151.                                 <div class="d-flex flex-stack py-4">
  1152.                                     <!--begin::Section-->
  1153.                                     <div class="d-flex align-items-center">
  1154.                                         <!--begin::Symbol-->
  1155.                                         <div class="symbol symbol-35px me-4">
  1156.                                                                 <span class="symbol-label bg-light-primary">
  1157.                                                                     <!--begin::Svg Icon | path: icons/duotone/Communication/Flag.svg-->
  1158.                                                                     <span class="svg-icon svg-icon-2 svg-icon-primary">
  1159.                                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  1160.                                                                             <path d="M3.5,3 L5,3 L5,19.5 C5,20.3284271 4.32842712,21 3.5,21 L3.5,21 C2.67157288,21 2,20.3284271 2,19.5 L2,4.5 C2,3.67157288 2.67157288,3 3.5,3 Z" fill="#000000" />
  1161.                                                                             <path d="M6.99987583,2.99995344 L19.754647,2.99999303 C20.3069317,2.99999474 20.7546456,3.44771138 20.7546439,3.99999613 C20.7546431,4.24703684 20.6631995,4.48533385 20.497938,4.66895776 L17.5,8 L20.4979317,11.3310353 C20.8673908,11.7415453 20.8341123,12.3738351 20.4236023,12.7432941 C20.2399776,12.9085564 20.0016794,13 19.7546376,13 L6.99987583,13 L6.99987583,2.99995344 Z" fill="#000000" opacity="0.3" />
  1162.                                                                         </svg>
  1163.                                                                     </span>
  1164.                                                                     <!--end::Svg Icon-->
  1165.                                                                 </span>
  1166.                                         </div>
  1167.                                         <!--end::Symbol-->
  1168.                                         <!--begin::Title-->
  1169.                                         <div class="mb-0 me-2">
  1170.                                             <a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bolder">Project Breafing</a>
  1171.                                             <div class="text-gray-400 fs-7">Product launch status update</div>
  1172.                                         </div>
  1173.                                         <!--end::Title-->
  1174.                                     </div>
  1175.                                     <!--end::Section-->
  1176.                                     <!--begin::Label-->
  1177.                                     <span class="badge badge-light fs-8">21 Jan</span>
  1178.                                     <!--end::Label-->
  1179.                                 </div>
  1180.                                 <!--end::Item-->
  1181.                                 <!--begin::Item-->
  1182.                                 <div class="d-flex flex-stack py-4">
  1183.                                     <!--begin::Section-->
  1184.                                     <div class="d-flex align-items-center">
  1185.                                         <!--begin::Symbol-->
  1186.                                         <div class="symbol symbol-35px me-4">
  1187.                                                                 <span class="symbol-label bg-light-info">
  1188.                                                                     <!--begin::Svg Icon | path: icons/duotone/Design/Image.svg-->
  1189.                                                                     <span class="svg-icon svg-icon-2 svg-icon-info">
  1190.                                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  1191.                                                                             <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  1192.                                                                                 <polygon points="0 0 24 0 24 24 0 24" />
  1193.                                                                                 <path d="M6,5 L18,5 C19.6568542,5 21,6.34314575 21,8 L21,17 C21,18.6568542 19.6568542,20 18,20 L6,20 C4.34314575,20 3,18.6568542 3,17 L3,8 C3,6.34314575 4.34314575,5 6,5 Z M5,17 L14,17 L9.5,11 L5,17 Z M16,14 C17.6568542,14 19,12.6568542 19,11 C19,9.34314575 17.6568542,8 16,8 C14.3431458,8 13,9.34314575 13,11 C13,12.6568542 14.3431458,14 16,14 Z" fill="#000000" />
  1194.                                                                             </g>
  1195.                                                                         </svg>
  1196.                                                                     </span>
  1197.                                                                     <!--end::Svg Icon-->
  1198.                                                                 </span>
  1199.                                         </div>
  1200.                                         <!--end::Symbol-->
  1201.                                         <!--begin::Title-->
  1202.                                         <div class="mb-0 me-2">
  1203.                                             <a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bolder">Banner Assets</a>
  1204.                                             <div class="text-gray-400 fs-7">Collection of banner images</div>
  1205.                                         </div>
  1206.                                         <!--end::Title-->
  1207.                                     </div>
  1208.                                     <!--end::Section-->
  1209.                                     <!--begin::Label-->
  1210.                                     <span class="badge badge-light fs-8">21 Jan</span>
  1211.                                     <!--end::Label-->
  1212.                                 </div>
  1213.                                 <!--end::Item-->
  1214.                                 <!--begin::Item-->
  1215.                                 <div class="d-flex flex-stack py-4">
  1216.                                     <!--begin::Section-->
  1217.                                     <div class="d-flex align-items-center">
  1218.                                         <!--begin::Symbol-->
  1219.                                         <div class="symbol symbol-35px me-4">
  1220.                                                                 <span class="symbol-label bg-light-warning">
  1221.                                                                     <!--begin::Svg Icon | path: icons/duotone/Design/Component.svg-->
  1222.                                                                     <span class="svg-icon svg-icon-2 svg-icon-warning">
  1223.                                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  1224.                                                                             <path d="M12.7442084,3.27882877 L19.2473374,6.9949025 C19.7146999,7.26196679 20.003129,7.75898194 20.003129,8.29726722 L20.003129,15.7027328 C20.003129,16.2410181 19.7146999,16.7380332 19.2473374,17.0050975 L12.7442084,20.7211712 C12.2830594,20.9846849 11.7169406,20.9846849 11.2557916,20.7211712 L4.75266256,17.0050975 C4.28530007,16.7380332 3.99687097,16.2410181 3.99687097,15.7027328 L3.99687097,8.29726722 C3.99687097,7.75898194 4.28530007,7.26196679 4.75266256,6.9949025 L11.2557916,3.27882877 C11.7169406,3.01531506 12.2830594,3.01531506 12.7442084,3.27882877 Z M12,14.5 C13.3807119,14.5 14.5,13.3807119 14.5,12 C14.5,10.6192881 13.3807119,9.5 12,9.5 C10.6192881,9.5 9.5,10.6192881 9.5,12 C9.5,13.3807119 10.6192881,14.5 12,14.5 Z" fill="#000000" />
  1225.                                                                         </svg>
  1226.                                                                     </span>
  1227.                                                                     <!--end::Svg Icon-->
  1228.                                                                 </span>
  1229.                                         </div>
  1230.                                         <!--end::Symbol-->
  1231.                                         <!--begin::Title-->
  1232.                                         <div class="mb-0 me-2">
  1233.                                             <a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bolder">Icon Assets</a>
  1234.                                             <div class="text-gray-400 fs-7">Collection of SVG icons</div>
  1235.                                         </div>
  1236.                                         <!--end::Title-->
  1237.                                     </div>
  1238.                                     <!--end::Section-->
  1239.                                     <!--begin::Label-->
  1240.                                     <span class="badge badge-light fs-8">20 March</span>
  1241.                                     <!--end::Label-->
  1242.                                 </div>
  1243.                                 <!--end::Item-->
  1244.                             </div>
  1245.                             <!--end::Items-->
  1246.                             <!--begin::View more-->
  1247.                             <div class="py-3 text-center border-top">
  1248.                                 <a href="#" class="btn btn-color-gray-600 btn-active-color-primary">View All
  1249.                                     <!--begin::Svg Icon | path: icons/duotone/Navigation/Right-2.svg-->
  1250.                                     <span class="svg-icon svg-icon-5">
  1251.                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  1252.                                                             <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  1253.                                                                 <polygon points="0 0 24 0 24 24 0 24" />
  1254.                                                                 <rect fill="#000000" opacity="0.5" transform="translate(8.500000, 12.000000) rotate(-90.000000) translate(-8.500000, -12.000000)" x="7.5" y="7.5" width="2" height="9" rx="1" />
  1255.                                                                 <path d="M9.70710318,15.7071045 C9.31657888,16.0976288 8.68341391,16.0976288 8.29288961,15.7071045 C7.90236532,15.3165802 7.90236532,14.6834152 8.29288961,14.2928909 L14.2928896,8.29289093 C14.6714686,7.914312 15.281055,7.90106637 15.675721,8.26284357 L21.675721,13.7628436 C22.08284,14.136036 22.1103429,14.7686034 21.7371505,15.1757223 C21.3639581,15.5828413 20.7313908,15.6103443 20.3242718,15.2371519 L15.0300721,10.3841355 L9.70710318,15.7071045 Z" fill="#000000" fill-rule="nonzero" transform="translate(14.999999, 11.999997) scale(1, -1) rotate(90.000000) translate(-14.999999, -11.999997)" />
  1256.                                                             </g>
  1257.                                                         </svg>
  1258.                                                     </span>
  1259.                                     <!--end::Svg Icon--></a>
  1260.                             </div>
  1261.                             <!--end::View more-->
  1262.                         </div>
  1263.                         <!--end::Tab panel-->
  1264.                         <!--begin::Tab panel-->
  1265.                         <div class="tab-pane fade" id="kt_topbar_notifications_2" role="tabpanel">
  1266.                             <!--begin::Wrapper-->
  1267.                             <div class="d-flex flex-column px-9">
  1268.                                 <!--begin::Section-->
  1269.                                 <div class="pt-10 pb-0">
  1270.                                     <!--begin::Title-->
  1271.                                     <h3 class="text-dark text-center fw-bolder">Get Pro Access</h3>
  1272.                                     <!--end::Title-->
  1273.                                     <!--begin::Text-->
  1274.                                     <div class="text-center text-gray-600 fw-bold pt-1">Outlines keep you honest. They stoping you from amazing poorly about drive</div>
  1275.                                     <!--end::Text-->
  1276.                                     <!--begin::Action-->
  1277.                                     <div class="text-center mt-5 mb-9">
  1278.                                         <a href="#" class="btn btn-sm btn-primary px-6" data-bs-toggle="modal" data-bs-target="#kt_modal_create_app">Join Now</a>
  1279.                                     </div>
  1280.                                     <!--end::Action-->
  1281.                                 </div>
  1282.                                 <!--end::Section-->
  1283.                                 <!--begin::Illustration-->
  1284.                                 <div class="text-center mb-5 px-4">
  1285. {#                                    <img class="mw-100 mh-175px" alt="" src="assets/media/illustrations/verification.png" />#}
  1286.                                 </div>
  1287.                                 <!--end::Illustration-->
  1288.                             </div>
  1289.                             <!--end::Wrapper-->
  1290.                         </div>
  1291.                         <!--end::Tab panel-->
  1292.                         <!--begin::Tab panel-->
  1293.                         <div class="tab-pane fade" id="kt_topbar_notifications_3" role="tabpanel">
  1294.                             <!--begin::Items-->
  1295.                             <div class="scroll-y mh-325px my-5 px-8">
  1296.                                 <!--begin::Item-->
  1297.                                 <div class="d-flex flex-stack py-4">
  1298.                                     <!--begin::Section-->
  1299.                                     <div class="d-flex align-items-center me-2">
  1300.                                         <!--begin::Code-->
  1301.                                         <span class="w-70px badge badge-light-success me-4">200 OK</span>
  1302.                                         <!--end::Code-->
  1303.                                         <!--begin::Title-->
  1304.                                         <a href="#" class="text-gray-800 text-hover-primary fw-bold">New order</a>
  1305.                                         <!--end::Title-->
  1306.                                     </div>
  1307.                                     <!--end::Section-->
  1308.                                     <!--begin::Label-->
  1309.                                     <span class="badge badge-light fs-8">Just now</span>
  1310.                                     <!--end::Label-->
  1311.                                 </div>
  1312.                                 <!--end::Item-->
  1313.                                 <!--begin::Item-->
  1314.                                 <div class="d-flex flex-stack py-4">
  1315.                                     <!--begin::Section-->
  1316.                                     <div class="d-flex align-items-center me-2">
  1317.                                         <!--begin::Code-->
  1318.                                         <span class="w-70px badge badge-light-danger me-4">500 ERR</span>
  1319.                                         <!--end::Code-->
  1320.                                         <!--begin::Title-->
  1321.                                         <a href="#" class="text-gray-800 text-hover-primary fw-bold">New customer</a>
  1322.                                         <!--end::Title-->
  1323.                                     </div>
  1324.                                     <!--end::Section-->
  1325.                                     <!--begin::Label-->
  1326.                                     <span class="badge badge-light fs-8">2 hrs</span>
  1327.                                     <!--end::Label-->
  1328.                                 </div>
  1329.                                 <!--end::Item-->
  1330.                                 <!--begin::Item-->
  1331.                                 <div class="d-flex flex-stack py-4">
  1332.                                     <!--begin::Section-->
  1333.                                     <div class="d-flex align-items-center me-2">
  1334.                                         <!--begin::Code-->
  1335.                                         <span class="w-70px badge badge-light-success me-4">200 OK</span>
  1336.                                         <!--end::Code-->
  1337.                                         <!--begin::Title-->
  1338.                                         <a href="#" class="text-gray-800 text-hover-primary fw-bold">Payment process</a>
  1339.                                         <!--end::Title-->
  1340.                                     </div>
  1341.                                     <!--end::Section-->
  1342.                                     <!--begin::Label-->
  1343.                                     <span class="badge badge-light fs-8">5 hrs</span>
  1344.                                     <!--end::Label-->
  1345.                                 </div>
  1346.                                 <!--end::Item-->
  1347.                                 <!--begin::Item-->
  1348.                                 <div class="d-flex flex-stack py-4">
  1349.                                     <!--begin::Section-->
  1350.                                     <div class="d-flex align-items-center me-2">
  1351.                                         <!--begin::Code-->
  1352.                                         <span class="w-70px badge badge-light-warning me-4">300 WRN</span>
  1353.                                         <!--end::Code-->
  1354.                                         <!--begin::Title-->
  1355.                                         <a href="#" class="text-gray-800 text-hover-primary fw-bold">Search query</a>
  1356.                                         <!--end::Title-->
  1357.                                     </div>
  1358.                                     <!--end::Section-->
  1359.                                     <!--begin::Label-->
  1360.                                     <span class="badge badge-light fs-8">2 days</span>
  1361.                                     <!--end::Label-->
  1362.                                 </div>
  1363.                                 <!--end::Item-->
  1364.                                 <!--begin::Item-->
  1365.                                 <div class="d-flex flex-stack py-4">
  1366.                                     <!--begin::Section-->
  1367.                                     <div class="d-flex align-items-center me-2">
  1368.                                         <!--begin::Code-->
  1369.                                         <span class="w-70px badge badge-light-success me-4">200 OK</span>
  1370.                                         <!--end::Code-->
  1371.                                         <!--begin::Title-->
  1372.                                         <a href="#" class="text-gray-800 text-hover-primary fw-bold">API connection</a>
  1373.                                         <!--end::Title-->
  1374.                                     </div>
  1375.                                     <!--end::Section-->
  1376.                                     <!--begin::Label-->
  1377.                                     <span class="badge badge-light fs-8">1 week</span>
  1378.                                     <!--end::Label-->
  1379.                                 </div>
  1380.                                 <!--end::Item-->
  1381.                                 <!--begin::Item-->
  1382.                                 <div class="d-flex flex-stack py-4">
  1383.                                     <!--begin::Section-->
  1384.                                     <div class="d-flex align-items-center me-2">
  1385.                                         <!--begin::Code-->
  1386.                                         <span class="w-70px badge badge-light-success me-4">200 OK</span>
  1387.                                         <!--end::Code-->
  1388.                                         <!--begin::Title-->
  1389.                                         <a href="#" class="text-gray-800 text-hover-primary fw-bold">Database restore</a>
  1390.                                         <!--end::Title-->
  1391.                                     </div>
  1392.                                     <!--end::Section-->
  1393.                                     <!--begin::Label-->
  1394.                                     <span class="badge badge-light fs-8">Mar 5</span>
  1395.                                     <!--end::Label-->
  1396.                                 </div>
  1397.                                 <!--end::Item-->
  1398.                                 <!--begin::Item-->
  1399.                                 <div class="d-flex flex-stack py-4">
  1400.                                     <!--begin::Section-->
  1401.                                     <div class="d-flex align-items-center me-2">
  1402.                                         <!--begin::Code-->
  1403.                                         <span class="w-70px badge badge-light-warning me-4">300 WRN</span>
  1404.                                         <!--end::Code-->
  1405.                                         <!--begin::Title-->
  1406.                                         <a href="#" class="text-gray-800 text-hover-primary fw-bold">System update</a>
  1407.                                         <!--end::Title-->
  1408.                                     </div>
  1409.                                     <!--end::Section-->
  1410.                                     <!--begin::Label-->
  1411.                                     <span class="badge badge-light fs-8">May 15</span>
  1412.                                     <!--end::Label-->
  1413.                                 </div>
  1414.                                 <!--end::Item-->
  1415.                                 <!--begin::Item-->
  1416.                                 <div class="d-flex flex-stack py-4">
  1417.                                     <!--begin::Section-->
  1418.                                     <div class="d-flex align-items-center me-2">
  1419.                                         <!--begin::Code-->
  1420.                                         <span class="w-70px badge badge-light-warning me-4">300 WRN</span>
  1421.                                         <!--end::Code-->
  1422.                                         <!--begin::Title-->
  1423.                                         <a href="#" class="text-gray-800 text-hover-primary fw-bold">Server OS update</a>
  1424.                                         <!--end::Title-->
  1425.                                     </div>
  1426.                                     <!--end::Section-->
  1427.                                     <!--begin::Label-->
  1428.                                     <span class="badge badge-light fs-8">Apr 3</span>
  1429.                                     <!--end::Label-->
  1430.                                 </div>
  1431.                                 <!--end::Item-->
  1432.                                 <!--begin::Item-->
  1433.                                 <div class="d-flex flex-stack py-4">
  1434.                                     <!--begin::Section-->
  1435.                                     <div class="d-flex align-items-center me-2">
  1436.                                         <!--begin::Code-->
  1437.                                         <span class="w-70px badge badge-light-warning me-4">300 WRN</span>
  1438.                                         <!--end::Code-->
  1439.                                         <!--begin::Title-->
  1440.                                         <a href="#" class="text-gray-800 text-hover-primary fw-bold">API rollback</a>
  1441.                                         <!--end::Title-->
  1442.                                     </div>
  1443.                                     <!--end::Section-->
  1444.                                     <!--begin::Label-->
  1445.                                     <span class="badge badge-light fs-8">Jun 30</span>
  1446.                                     <!--end::Label-->
  1447.                                 </div>
  1448.                                 <!--end::Item-->
  1449.                                 <!--begin::Item-->
  1450.                                 <div class="d-flex flex-stack py-4">
  1451.                                     <!--begin::Section-->
  1452.                                     <div class="d-flex align-items-center me-2">
  1453.                                         <!--begin::Code-->
  1454.                                         <span class="w-70px badge badge-light-danger me-4">500 ERR</span>
  1455.                                         <!--end::Code-->
  1456.                                         <!--begin::Title-->
  1457.                                         <a href="#" class="text-gray-800 text-hover-primary fw-bold">Refund process</a>
  1458.                                         <!--end::Title-->
  1459.                                     </div>
  1460.                                     <!--end::Section-->
  1461.                                     <!--begin::Label-->
  1462.                                     <span class="badge badge-light fs-8">Jul 10</span>
  1463.                                     <!--end::Label-->
  1464.                                 </div>
  1465.                                 <!--end::Item-->
  1466.                                 <!--begin::Item-->
  1467.                                 <div class="d-flex flex-stack py-4">
  1468.                                     <!--begin::Section-->
  1469.                                     <div class="d-flex align-items-center me-2">
  1470.                                         <!--begin::Code-->
  1471.                                         <span class="w-70px badge badge-light-danger me-4">500 ERR</span>
  1472.                                         <!--end::Code-->
  1473.                                         <!--begin::Title-->
  1474.                                         <a href="#" class="text-gray-800 text-hover-primary fw-bold">Withdrawal process</a>
  1475.                                         <!--end::Title-->
  1476.                                     </div>
  1477.                                     <!--end::Section-->
  1478.                                     <!--begin::Label-->
  1479.                                     <span class="badge badge-light fs-8">Sep 10</span>
  1480.                                     <!--end::Label-->
  1481.                                 </div>
  1482.                                 <!--end::Item-->
  1483.                                 <!--begin::Item-->
  1484.                                 <div class="d-flex flex-stack py-4">
  1485.                                     <!--begin::Section-->
  1486.                                     <div class="d-flex align-items-center me-2">
  1487.                                         <!--begin::Code-->
  1488.                                         <span class="w-70px badge badge-light-danger me-4">500 ERR</span>
  1489.                                         <!--end::Code-->
  1490.                                         <!--begin::Title-->
  1491.                                         <a href="#" class="text-gray-800 text-hover-primary fw-bold">Mail tasks</a>
  1492.                                         <!--end::Title-->
  1493.                                     </div>
  1494.                                     <!--end::Section-->
  1495.                                     <!--begin::Label-->
  1496.                                     <span class="badge badge-light fs-8">Dec 10</span>
  1497.                                     <!--end::Label-->
  1498.                                 </div>
  1499.                                 <!--end::Item-->
  1500.                             </div>
  1501.                             <!--end::Items-->
  1502.                             <!--begin::View more-->
  1503.                             <div class="py-3 text-center border-top">
  1504.                                 <a href="#" class="btn btn-color-gray-600 btn-active-color-primary">View All
  1505.                                     <!--begin::Svg Icon | path: icons/duotone/Navigation/Right-2.svg-->
  1506.                                     <span class="svg-icon svg-icon-5">
  1507.                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px"
  1508.                                                              height="24px" viewBox="0 0 24 24" version="1.1">
  1509.                                                             <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  1510.                                                                 <polygon points="0 0 24 0 24 24 0 24" />
  1511.                                                                 <rect fill="#000000" opacity="0.5" transform="translate(8.500000, 12.000000) rotate(-90.000000) translate(-8.500000, -12.000000)" x="7.5" y="7.5" width="2" height="9" rx="1" />
  1512.                                                                 <path d="M9.70710318,15.7071045 C9.31657888,16.0976288 8.68341391,16.0976288 8.29288961,15.7071045 C7.90236532,15.3165802 7.90236532,14.6834152 8.29288961,14.2928909 L14.2928896,8.29289093 C14.6714686,7.914312 15.281055,7.90106637 15.675721,8.26284357 L21.675721,13.7628436 C22.08284,14.136036 22.1103429,14.7686034 21.7371505,15.1757223 C21.3639581,15.5828413 20.7313908,15.6103443 20.3242718,15.2371519 L15.0300721,10.3841355 L9.70710318,15.7071045 Z" fill="#000000" fill-rule="nonzero" transform="translate(14.999999, 11.999997) scale(1, -1) rotate(90.000000) translate(-14.999999, -11.999997)" />
  1513.                                                             </g>
  1514.                                                         </svg>
  1515.                                                     </span>
  1516.                                     <!--end::Svg Icon--></a>
  1517.                             </div>
  1518.                             <!--end::View more-->
  1519.                         </div>
  1520.                         <!--end::Tab panel-->
  1521.                     </div>
  1522.                     <!--end::Tab content-->
  1523.                 </div>
  1524.                 <!--end::Menu-->
  1525.                 <!--end::Menu wrapper-->
  1526.             </div>
  1527.             <!--end::Notifications-->
  1528.             <!--begin::User-->
  1529.             <div class="d-flex align-items-center ms-1 ms-lg-3" id="kt_header_user_menu_toggle">
  1530.                 <!--begin::Menu wrapper-->
  1531.                 <div class="cursor-pointer symbol symbol-30px symbol-md-40px" data-kt-menu-trigger="click" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end" data-kt-menu-flip="bottom">
  1532. {#                    <img src="assets/media/avatars/150-2.jpg" alt="metronic" />#}
  1533.                 </div>
  1534.                 <!--begin::Menu-->
  1535.                 <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-bold py-4 fs-6 w-275px" data-kt-menu="true">
  1536.                     <!--begin::Menu item-->
  1537.                     <div class="menu-item px-3">
  1538.                         <div class="menu-content d-flex align-items-center px-3">
  1539.                             <!--begin::Avatar-->
  1540.                             <div class="symbol symbol-50px me-5">
  1541. {#                                <img alt="Logo" src="assets/media/avatars/150-2.jpg" />#}
  1542.                             </div>
  1543.                             <!--end::Avatar-->
  1544.                             <!--begin::Username-->
  1545.                             <div class="d-flex flex-column">
  1546.                                 <div class="fw-bolder d-flex align-items-center fs-5">Max Smith
  1547.                                     <span class="badge badge-light-success fw-bolder fs-8 px-2 py-1 ms-2">Pro</span></div>
  1548.                                 <a href="#" class="fw-bold text-muted text-hover-primary fs-7">max@kt.com</a>
  1549.                             </div>
  1550.                             <!--end::Username-->
  1551.                         </div>
  1552.                     </div>
  1553.                     <!--end::Menu item-->
  1554.                     <!--begin::Menu separator-->
  1555.                     <div class="separator my-2"></div>
  1556.                     <!--end::Menu separator-->
  1557.                     <!--begin::Menu item-->
  1558.                     <div class="menu-item px-5">
  1559.                         <a href="account/overview.html" class="menu-link px-5">Profile</a>
  1560.                     </div>
  1561.                     <!--end::Menu item-->
  1562.                     <!--begin::Menu item-->
  1563.                     <div class="menu-item px-5">
  1564.                         <a href="account/overview.html" class="menu-link px-5">
  1565.                             <span class="menu-text">Dashboard</span>
  1566.                             <span class="menu-badge">
  1567.                                                     <span class="badge badge-light-danger badge-circle fw-bolder fs-7">3</span>
  1568.                                                 </span>
  1569.                         </a>
  1570.                     </div>
  1571.                     <!--end::Menu item-->
  1572.                     <!--begin::Menu item-->
  1573.                     <div class="menu-item px-5" data-kt-menu-trigger="hover" data-kt-menu-placement="left-start" data-kt-menu-flip="bottom">
  1574.                         <a href="apps/subscriptions/view.html" class="menu-link px-5">
  1575.                             <span class="menu-title">Subscription</span>
  1576.                             <span class="menu-arrow"></span>
  1577.                         </a>
  1578.                         <!--begin::Menu sub-->
  1579.                         <div class="menu-sub menu-sub-dropdown w-175px py-4">
  1580.                             <!--begin::Menu item-->
  1581.                             <div class="menu-item px-3">
  1582.                                 <a href="apps/subscriptions/list.html" class="menu-link px-5">Plans</a>
  1583.                             </div>
  1584.                             <!--end::Menu item-->
  1585.                             <!--begin::Menu item-->
  1586.                             <div class="menu-item px-3">
  1587.                                 <a href="apps/subscriptions/view.html" class="menu-link px-5">Billing</a>
  1588.                             </div>
  1589.                             <!--end::Menu item-->
  1590.                             <!--begin::Menu item-->
  1591.                             <div class="menu-item px-3">
  1592.                                 <a href="apps/subscriptions/view.html" class="menu-link px-5">Payments</a>
  1593.                             </div>
  1594.                             <!--end::Menu item-->
  1595.                             <!--begin::Menu item-->
  1596.                             <div class="menu-item px-3">
  1597.                                 <a href="apps/subscriptions/view.html" class="menu-link d-flex flex-stack px-5">Statements
  1598.                                     <i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="View your statements"></i></a>
  1599.                             </div>
  1600.                             <!--end::Menu item-->
  1601.                             <!--begin::Menu separator-->
  1602.                             <div class="separator my-2"></div>
  1603.                             <!--end::Menu separator-->
  1604.                             <!--begin::Menu item-->
  1605.                             <div class="menu-item px-3">
  1606.                                 <div class="menu-content px-3">
  1607.                                     <label class="form-check form-switch form-check-custom form-check-solid">
  1608.                                         <input class="form-check-input w-30px h-20px" type="checkbox" value="1" checked="checked" name="notifications" />
  1609.                                         <span class="form-check-label text-muted fs-7">Notifications</span>
  1610.                                     </label>
  1611.                                 </div>
  1612.                             </div>
  1613.                             <!--end::Menu item-->
  1614.                         </div>
  1615.                         <!--end::Menu sub-->
  1616.                     </div>
  1617.                     <!--end::Menu item-->
  1618.                     <!--begin::Menu item-->
  1619.                     <div class="menu-item px-5">
  1620.                         <a href="#" class="menu-link px-5">Reports</a>
  1621.                     </div>
  1622.                     <!--end::Menu item-->
  1623.                     <!--begin::Menu separator-->
  1624.                     <div class="separator my-2"></div>
  1625.                     <!--end::Menu separator-->
  1626.                     <!--begin::Menu item-->
  1627.                     <div class="menu-item px-5" data-kt-menu-trigger="hover" data-kt-menu-placement="left-start" data-kt-menu-flip="bottom">
  1628.                         <a href="#" class="menu-link px-5">
  1629.                                                 <span class="menu-title position-relative">Language
  1630.                                                 <span class="fs-8 rounded bg-light px-3 py-2 position-absolute translate-middle-y top-50 end-0">English
  1631. {#                                                <img class="w-15px h-15px rounded-1 ms-2" src="assets/media/flags/united-states.svg" alt="metronic" /></span></span>#}
  1632.                         </a>
  1633.                         <!--begin::Menu sub-->
  1634.                         <div class="menu-sub menu-sub-dropdown w-175px py-4">
  1635.                             <!--begin::Menu item-->
  1636.                             <div class="menu-item px-3">
  1637.                                 <a href="#" class="menu-link d-flex px-5 active">
  1638.                                                     <span class="symbol symbol-20px me-4">
  1639. {#                                                        <img class="rounded-1" src="assets/media/flags/united-states.svg" alt="metronic" />#}
  1640.                                                     </span>English</a>
  1641.                             </div>
  1642.                             <!--end::Menu item-->
  1643.                             <!--begin::Menu item-->
  1644.                             <div class="menu-item px-3">
  1645.                                 <a href="#" class="menu-link d-flex px-5">
  1646.                                                     <span class="symbol symbol-20px me-4">
  1647. {#                                                        <img class="rounded-1" src="assets/media/flags/spain.svg" alt="metronic" />#}
  1648.                                                     </span>Spanish</a>
  1649.                             </div>
  1650.                             <!--end::Menu item-->
  1651.                             <!--begin::Menu item-->
  1652.                             <div class="menu-item px-3">
  1653.                                 <a href="#" class="menu-link d-flex px-5">
  1654.                                                     <span class="symbol symbol-20px me-4">
  1655. {#                                                        <img class="rounded-1" src="assets/media/flags/germany.svg" alt="metronic" />#}
  1656.                                                     </span>German</a>
  1657.                             </div>
  1658.                             <!--end::Menu item-->
  1659.                             <!--begin::Menu item-->
  1660.                             <div class="menu-item px-3">
  1661.                                 <a href="#" class="menu-link d-flex px-5">
  1662.                                                     <span class="symbol symbol-20px me-4">
  1663.                                                         <img class="rounded-1" src="assets/media/flags/japan.svg" alt="metronic" />
  1664.                                                     </span>Japanese</a>
  1665.                             </div>
  1666.                             <!--end::Menu item-->
  1667.                             <!--begin::Menu item-->
  1668.                             <div class="menu-item px-3">
  1669.                                 <a href="#" class="menu-link d-flex px-5">
  1670.                                                     <span class="symbol symbol-20px me-4">
  1671. {#                                                        <img class="rounded-1" src="assets/media/flags/france.svg" alt="metronic" />#}
  1672.                                                     </span>French</a>
  1673.                             </div>
  1674.                             <!--end::Menu item-->
  1675.                         </div>
  1676.                         <!--end::Menu sub-->
  1677.                     </div>
  1678.                     <!--end::Menu item-->
  1679.                     <!--begin::Menu item-->
  1680.                     <div class="menu-item px-5 my-1">
  1681.                         <a href="#" class="menu-link px-5">Account Settings</a>
  1682.                     </div>
  1683.                     <!--end::Menu item-->
  1684.                     <!--begin::Menu item-->
  1685.                     <div class="menu-item px-5">
  1686.                         <a href="#" class="menu-link px-5">Sign Out</a>
  1687.                     </div>
  1688.                     <!--end::Menu item-->
  1689.                 </div>
  1690.                 <!--end::Menu-->
  1691.                 <!--end::Menu wrapper-->
  1692.             </div>
  1693.             <!--end::User -->
  1694.         </div>
  1695.         <!--end::Toolbar wrapper-->
  1696.     </div>
  1697.     <!--end::Container-->
  1698. </div>