UserPanel

This commit is contained in:
mmrbnjd
2024-04-22 23:32:39 +03:30
parent f4668f8f4d
commit fd13de3e1d
290 changed files with 41568 additions and 2 deletions

View File

@@ -0,0 +1,189 @@
@inherits LayoutComponentBase
<HeadContent>
<link rel="canonical" href="#">
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="assets/img/favicon/favicon.ico" />
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<!-- Icons. Uncomment required icon fonts -->
<link rel="stylesheet" href="assets/vendor/fonts/boxicons.css" />
<link href='assets/css/boxicons.min.css' rel='stylesheet'>
<!-- Core CSS -->
<link rel="stylesheet" href="assets/vendor/css/core.css" class="template-customizer-core-css" />
<link rel="stylesheet" href="assets/vendor/css/theme-default.css" class="template-customizer-theme-css" />
<link rel="stylesheet" href="assets/css/demo.css" />
<!-- Vendors CSS -->
<link rel="stylesheet" href="assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" />
<link rel="stylesheet" href="assets/vendor/libs/apex-charts/apex-charts.css" />
<!-- Page CSS -->
<!-- Helpers -->
<script src="assets/vendor/js/helpers.js"></script>
<!--! Template customizer & Theme config files MUST be included after core stylesheets and helpers.js in the <head> section -->
<!--? Config: Mandatory theme config file contain global vars & default theme options, Set your preferred theme option in this file. -->
<script src="assets/js/config.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="async" src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'GA_MEASUREMENT_ID');
</script>
<!-- Core JS -->
<!-- build:js assets/vendor/js/core.js -->
<script src="assets/vendor/libs/jquery/jquery.js"></script>
<script src="assets/vendor/libs/popper/popper.js"></script>
<script src="assets/vendor/js/bootstrap.js"></script>
<script src="assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js"></script>
<script src="assets/vendor/js/menu.js"></script>
<!-- endbuild -->
<!-- Vendors JS -->
<script src="assets/vendor/libs/apex-charts/apexcharts.js"></script>
<!-- Main JS -->
<script src="assets/js/main.js"></script>
@* <!-- Page JS -->
<script src="assets/js/dashboards-analytics.js"></script> *@
<!-- Place this tag in your head or just before your close body tag. -->
<script src="assets/vendor/js/buttons.js"></script>
</HeadContent>
<!-- Layout wrapper -->
<div class="layout-wrapper layout-content-navbar ">
<div class="layout-container">
<!-- Menu -->
<aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme">
<div class="app-brand demo ">
<a href="index.html" class="app-brand-link">
<span class="app-brand-logo demo">
<svg width="25" viewBox="0 0 25 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<path d="M13.7918663,0.358365126 L3.39788168,7.44174259 C0.566865006,9.69408886 -0.379795268,12.4788597 0.557900856,15.7960551 C0.68998853,16.2305145 1.09562888,17.7872135 3.12357076,19.2293357 C3.8146334,19.7207684 5.32369333,20.3834223 7.65075054,21.2172976 L7.59773219,21.2525164 L2.63468769,24.5493413 C0.445452254,26.3002124 0.0884951797,28.5083815 1.56381646,31.1738486 C2.83770406,32.8170431 5.20850219,33.2640127 7.09180128,32.5391577 C8.347334,32.0559211 11.4559176,30.0011079 16.4175519,26.3747182 C18.0338572,24.4997857 18.6973423,22.4544883 18.4080071,20.2388261 C17.963753,17.5346866 16.1776345,15.5799961 13.0496516,14.3747546 L10.9194936,13.4715819 L18.6192054,7.984237 L13.7918663,0.358365126 Z" id="path-1"></path>
<path d="M5.47320593,6.00457225 C4.05321814,8.216144 4.36334763,10.0722806 6.40359441,11.5729822 C8.61520715,12.571656 10.0999176,13.2171421 10.8577257,13.5094407 L15.5088241,14.433041 L18.6192054,7.984237 C15.5364148,3.11535317 13.9273018,0.573395879 13.7918663,0.358365126 C13.5790555,0.511491653 10.8061687,2.3935607 5.47320593,6.00457225 Z" id="path-3"></path>
<path d="M7.50063644,21.2294429 L12.3234468,23.3159332 C14.1688022,24.7579751 14.397098,26.4880487 13.008334,28.506154 C11.6195701,30.5242593 10.3099883,31.790241 9.07958868,32.3040991 C5.78142938,33.4346997 4.13234973,34 4.13234973,34 C4.13234973,34 2.75489982,33.0538207 2.37032616e-14,31.1614621 C-0.55822714,27.8186216 -0.55822714,26.0572515 -4.05231404e-15,25.8773518 C0.83734071,25.6075023 2.77988457,22.8248993 3.3049379,22.52991 C3.65497346,22.3332504 5.05353963,21.8997614 7.50063644,21.2294429 Z" id="path-4"></path>
<path d="M20.6,7.13333333 L25.6,13.8 C26.2627417,14.6836556 26.0836556,15.9372583 25.2,16.6 C24.8538077,16.8596443 24.4327404,17 24,17 L14,17 C12.8954305,17 12,16.1045695 12,15 C12,14.5672596 12.1403557,14.1461923 12.4,13.8 L17.4,7.13333333 C18.0627417,6.24967773 19.3163444,6.07059163 20.2,6.73333333 C20.3516113,6.84704183 20.4862915,6.981722 20.6,7.13333333 Z" id="path-5"></path>
</defs>
<g id="g-app-brand" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Brand-Logo" transform="translate(-27.000000, -15.000000)">
<g id="Icon" transform="translate(27.000000, 15.000000)">
<g id="Mask" transform="translate(0.000000, 8.000000)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<use fill="#696cff" xlink:href="#path-1"></use>
<g id="Path-3" mask="url(#mask-2)">
<use fill="#696cff" xlink:href="#path-3"></use>
<use fill-opacity="0.2" fill="#FFFFFF" xlink:href="#path-3"></use>
</g>
<g id="Path-4" mask="url(#mask-2)">
<use fill="#696cff" xlink:href="#path-4"></use>
<use fill-opacity="0.2" fill="#FFFFFF" xlink:href="#path-4"></use>
</g>
</g>
<g id="Triangle" transform="translate(19.000000, 11.000000) rotate(-300.000000) translate(-19.000000, -11.000000) ">
<use fill="#696cff" xlink:href="#path-5"></use>
<use fill-opacity="0.2" fill="#FFFFFF" xlink:href="#path-5"></use>
</g>
</g>
</g>
</g>
</svg>
</span>
<span class="app-brand-text demo menu-text fw-bolder ms-2">اسنیت</span>
</a>
<a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large mr-auto d-block d-xl-none">
<i class="bx bx-chevron-right bx-sm align-middle"></i>
</a>
</div>
<PanelNavMenu />
</aside>
<!-- / Menu -->
<!-- Layout container -->
<div class="layout-page">
<!-- Navbar -->
<nav class="layout-navbar container-xxl navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme" id="layout-navbar">
<div class="layout-menu-toggle navbar-nav align-items-xl-center me-3 me-xl-0 d-xl-none">
<a class="nav-item nav-link px-0 me-xl-4" href="javascript:void(0)">
<i class="bx bx-menu bx-sm"></i>
</a>
</div>
<div class="navbar-nav-right d-flex align-items-center" id="navbar-collapse">
<ul class="navbar-nav flex-row align-items-center mr-auto f-ir">
<!-- Place this tag where you want the button to render. -->
<li class="nav-item lh-1 me-3 f-ir">
<span class="fw-semibold d-block">جان دو</span>
</li>
<!-- User -->
<li class="nav-item navbar-dropdown dropdown-user dropdown">
<a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown">
<div class="avatar avatar-online">
<img src="assets/img/avatars/1.png" alt class="w-px-40 h-auto rounded-circle">
</div>
</a>
<ul class="dropdown-menu dropdown-menu-end new-style-13">
<li>
<a class="dropdown-item" href="#">
<i class="bx bx-user me-2"></i>
<span class="align-middle">پروفایل من</span>
</a>
</li>
<li>
<div class="dropdown-divider"></div>
</li>
<li>
<a class="dropdown-item" href="auth-login-basic.html">
<i class="bx bx-power-off me-2"></i>
<span class="align-middle">خروج</span>
</a>
</li>
</ul>
</li>
<!--/ User -->
</ul>
</div>
</nav>
<!-- / Navbar -->
<!-- Content wrapper -->
<div class="content-wrapper">
<!-- Content -->
<div class="container-xxl flex-grow-1 container-p-y">
@Body
</div>
<!-- / Content -->
<!-- Footer -->
<footer class="content-footer footer bg-footer-theme">
<div class="container-xxl d-flex flex-wrap justify-content-between py-2 flex-md-row flex-column">
<div class="mb-2 mb-md-0">
<span>کپی رایت با <a href="#">مهدی</a> 2023</span>
</div>
@* <div>
<a href="#" class="footer-link me-4">مجوز</a>
<a href="#" class="footer-link me-4">تم های بیشتر</a>
<a href="#" class="footer-link me-4">مستندات</a>
<a href="#" class="footer-link me-4">پشتیبانی</a>
</div> *@
</div>
</footer>
<!-- / Footer -->
<div class="content-backdrop fade"></div>
</div>
<!-- Content wrapper -->
</div>
<!-- / Layout page -->
</div>
<!-- Overlay -->
<div class="layout-overlay layout-menu-toggle"></div>
</div>

View File

@@ -0,0 +1,77 @@
<div class="menu-inner-shadow"></div>
<ul class="menu-inner py-1">
<!-- Dashboard -->
<li class="menu-item @cssActionItem[0]" @onclick="() => onClickcssActionItem(0)">
<NavLink href="Panel" class="menu-link">
<i class="menu-icon tf-icons bx bx-home-circle"></i>
<div>داشبورد</div>
</NavLink>
</li>
<!-- Layouts -->
<li class="menu-header small text-uppercase">
<span class="menu-header-text">سرویس ها</span>
</li>
<li class="menu-item @cssActionItem[1]" @onclick="() => onClickcssActionItem(1)">
<NavLink href="Customer" class="menu-link">
<i class="menu-icon tf-icons bx bx-crown"></i>
<div>مشتری</div>
</NavLink>
</li>
<li class="menu-item @cssActionItem[2]" @onclick="() => onClickcssActionItem(2)">
<NavLink href="icons-boxicons.html" class="menu-link">
<i class="menu-icon tf-icons bx bx-collection"></i>
<div>کالا</div>
</NavLink>
</li>
<li class="menu-item @cssActionItem[3]" @onclick="() => onClickcssActionItem(3)">
<NavLink href="icons-boxicons.html" class="menu-link">
<i class="menu-icon tf-icons bx bx-detail"></i>
<div>صورتحساب</div>
</NavLink>
</li>
<!-- Misc -->
<li class="menu-header small text-uppercase"><span class="menu-header-text">متفرقه</span></li>
<li class="menu-item @cssActionItem[4]" @onclick="() => onClickcssActionItem(4)">
<NavLink href="#" target="_blank" class="menu-link">
<i class="menu-icon tf-icons bx bx-support"></i>
<div>پشتیبانی</div>
</NavLink>
</li>
<li class="menu-item @cssActionItem[5]" @onclick="() => onClickcssActionItem(5)">
<NavLink href="#" target="_blank" class="menu-link">
<i class="menu-icon tf-icons bx bx-copy"></i>
<div >سفارشات</div>
</NavLink>
</li>
<li class="menu-item @cssActionItem[6]" @onclick="() => onClickcssActionItem(6)">
<NavLink href="#" target="_blank" class="menu-link">
<i class="menu-icon tf-icons bx bx-file"></i>
<div>تنظیمات</div>
</NavLink>
</li>
</ul>
@code{
string[] cssActionItem = { "active", "", "", "", "", "", "" };
}
@functions{
private async Task onClickcssActionItem(int index)
{
for (int i = 0; i < cssActionItem.Length; i++)
{
if (i==index)
{
cssActionItem[i] = "active";
}
else
{
cssActionItem[i] = "";
}
}
}
}

View File

@@ -2,8 +2,451 @@
@using Front.Services
@inject localService localserv;
@inject NavigationManager nav
<h3>Panel</h3>
@* @layout null *@
@layout PanelLayout
<div class="row">
<div class="col-lg-8 mb-4 order-0">
<div class="card">
<div class="d-flex align-items-end row">
<div class="col-sm-7">
<div class="card-body">
<h5 class="card-title text-primary">تبریک! 🎉</h5>
<p class="mb-4">شما انجام داده اید <span class="fw-bold">72%</span> فروش بیشتر امروز نشان جدید خود را در نمایه خود بررسی کنید.</p>
<a href="javascript:;" class="btn btn-sm btn-outline-primary">مشاهده مدالها</a>
</div>
</div>
<div class="col-sm-5 text-center text-sm-left">
<div class="card-body pb-0 px-0 px-md-4">
<img src="assets/img/illustrations/man-with-laptop-light.png" height="140" alt="View Badge User" data-app-dark-img="illustrations/man-with-laptop-dark.png" data-app-light-img="illustrations/man-with-laptop-light.png">
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 order-1">
<div class="row">
<div class="col-lg-6 col-md-12 col-6 mb-4">
<div class="card">
<div class="card-body">
<div class="card-title d-flex align-items-start justify-content-between">
<div class="avatar flex-shrink-0">
<img src="assets/img/icons/unicons/chart-success.png" alt="chart success" class="rounded">
</div>
<div class="dropdown">
<button class="btn p-0" type="button" id="cardOpt3" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="bx bx-dots-vertical-rounded"></i>
</button>
<div class="dropdown-menu dropdown-menu-end customStyle new-style-15" aria-labelledby="cardOpt3">
<a class="dropdown-item" href="javascript:void(0);">نمایش بیشتر</a>
<a class="dropdown-item" href="javascript:void(0);">حذف</a>
</div>
</div>
</div>
<span class="fw-semibold d-block">پروفایل</span>
<h3 class="card-title mb-1">12,628<span style="font-size: 14px">تومان</span></h3>
<small class="text-success fw-semibold"><i class='bx bx-up-arrow-alt'></i> +72.80%</small>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-6 mb-4">
<div class="card">
<div class="card-body">
<div class="card-title d-flex align-items-start justify-content-between">
<div class="avatar flex-shrink-0">
<img src="assets/img/icons/unicons/wallet-info.png" alt="Credit Card" class="rounded">
</div>
<div class="dropdown">
<button class="btn p-0" type="button" id="cardOpt6" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="bx bx-dots-vertical-rounded"></i>
</button>
<div class="dropdown-menu dropdown-menu-end new-style-14" aria-labelledby="cardOpt6">
<a class="dropdown-item" href="javascript:void(0);">مشاهده بیشتر</a>
<a class="dropdown-item" href="javascript:void(0);">حذف</a>
</div>
</div>
</div>
<span>فروش</span>
<h3 class="card-title text-nowrap mb-1">4,679<span style="font-size: 14px">تومان</span></h3>
<small class="text-success fw-semibold"><i class='bx bx-up-arrow-alt'></i> +28.42%</small>
</div>
</div>
</div>
</div>
</div>
<!-- Total Revenue -->
<div class="col-12 col-lg-8 order-2 order-md-3 order-lg-2 mb-4">
<div class="card">
<div class="row row-bordered g-0">
<div class="col-md-8">
<h5 class="card-header m-0 me-2 pb-3">کل درآمد</h5>
<div id="totalRevenueChart" class="px-2"></div>
</div>
<div class="col-md-4">
<div class="card-body">
<div class="text-center">
<div class="dropdown">
<button class="btn btn-sm btn-outline-primary dropdown-toggle" type="button" id="growthReportId" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
1400
</button>
<div class="dropdown-menu dropdown-menu-end" aria-labelledby="growthReportId">
<a class="dropdown-item" href="javascript:void(0);">1399</a>
<a class="dropdown-item" href="javascript:void(0);">1400</a>
<a class="dropdown-item" href="javascript:void(0);">1401</a>
</div>
</div>
</div>
</div>
<div id="growthChart"></div>
<div class="text-center fw-semibold pt-3 mb-2">62% رشد شرکت</div>
<div class="d-flex px-xxl-4 px-lg-2 p-4 gap-xxl-3 gap-lg-1 gap-3 justify-content-between">
<div class="d-flex">
<div class="me-2">
<span class="badge bg-label-primary p-2"><i class="bx bx-dollar text-primary"></i></span>
</div>
<div class="d-flex flex-column">
<small>1400</small>
<h6 class="mb-0">32.5<span style="font-size: 14px"> تومان</span></h6>
</div>
</div>
<div class="d-flex">
<div class="me-2">
<span class="badge bg-label-info p-2"><i class="bx bx-wallet text-info"></i></span>
</div>
<div class="d-flex flex-column">
<small>1399</small>
<h6 class="mb-0">41.2<span style="font-size: 14px"> تومان</span></h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--/ Total Revenue -->
<div class="col-12 col-md-8 col-lg-4 order-3 order-md-2">
<div class="row">
<div class="col-6 mb-4">
<div class="card">
<div class="card-body">
<div class="card-title d-flex align-items-start justify-content-between">
<div class="avatar flex-shrink-0">
<img src="assets/img/icons/unicons/paypal.png" alt="Credit Card" class="rounded">
</div>
<div class="dropdown">
<button class="btn p-0" type="button" id="cardOpt4" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="bx bx-dots-vertical-rounded"></i>
</button>
<div class="dropdown-menu dropdown-menu-end customStyle new-style-15" aria-labelledby="cardOpt4">
<a class="dropdown-item" href="javascript:void(0);">نمایش بیشتر</a>
<a class="dropdown-item" href="javascript:void(0);">حذف</a>
</div>
</div>
</div>
<span class="d-block mb-1">مبلغ پرداختی</span>
<h3 class="card-title text-nowrap mb-2">2,456<span style="font-size: 14px">تومان</span></h3>
<small class="text-danger fw-semibold"><i class='bx bx-down-arrow-alt'></i> -14.82%</small>
</div>
</div>
</div>
<div class="col-6 mb-4">
<div class="card">
<div class="card-body">
<div class="card-title d-flex align-items-start justify-content-between">
<div class="avatar flex-shrink-0">
<img src="assets/img/icons/unicons/cc-primary.png" alt="Credit Card" class="rounded">
</div>
<div class="dropdown">
<button class="btn p-0" type="button" id="cardOpt1" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="bx bx-dots-vertical-rounded"></i>
</button>
<div class="dropdown-menu new-style-14" aria-labelledby="cardOpt1">
<a class="dropdown-item" href="javascript:void(0);">نمایش بیشتر</a>
<a class="dropdown-item" href="javascript:void(0);">حذف</a>
</div>
</div>
</div>
<span class="fw-semibold d-block mb-1">معاملات</span>
<h3 class="card-title mb-2">14,857<span style="font-size: 14px">تومان</span></h3>
<small class="text-success fw-semibold"><i class='bx bx-up-arrow-alt'></i> +28.14%</small>
</div>
</div>
</div>
<!-- </div>
<div class="row"> -->
<div class="col-12 mb-4">
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between flex-sm-row flex-column gap-3">
<div class="d-flex flex-sm-column flex-row align-items-start justify-content-between">
<div class="card-title">
<h5 class="text-nowrap mb-2">گزارش نمایه</h5>
<span class="badge bg-label-warning rounded-pill">سال 1399</span>
</div>
<div class="mt-sm-auto">
<small class="text-success text-nowrap fw-semibold"><i class='bx bx-chevron-up'></i> 68.2%</small>
<h3 class="mb-0">84,686<span style="font-size: 14px">تومان</span></h3>
</div>
</div>
<div id="profileReportChart"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<!-- Order Statistics -->
<div class="col-md-6 col-lg-4 col-xl-4 order-0 mb-4">
<div class="card h-100">
<div class="card-header d-flex align-items-center justify-content-between pb-0">
<div class="card-title mb-0">
<h5 class="m-0 me-2">آمار سفارش</h5>
<small class="text-muted">42.82هزار کل فروش</small>
</div>
<div class="dropdown">
<button class="btn p-0" type="button" id="orederStatistics" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="bx bx-dots-vertical-rounded"></i>
</button>
<div class="dropdown-menu dropdown-menu-start new-style-17" aria-labelledby="orederStatistics">
<a class="dropdown-item" href="javascript:void(0);">انتخاب همه</a>
<a class="dropdown-item" href="javascript:void(0);">تازه کردن</a>
<a class="dropdown-item" href="javascript:void(0);">اشتراک</a>
</div>
</div>
</div>
<div class="card-body">
<div class="d-flex justify-content-between align-items-center mb-3">
<div class="d-flex flex-column align-items-center gap-1">
<h2 class="mb-2">8,258</h2>
<span>کل سفارشات</span>
</div>
<div id="orderStatisticsChart"></div>
</div>
<ul class="p-0 m-0">
<li class="d-flex mb-4 pb-1">
<div class="avatar flex-shrink-0 me-3">
<span class="avatar-initial rounded bg-label-primary"><i class='bx bx-mobile-alt'></i></span>
</div>
<div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
<div class="me-2">
<h6 class="mb-0">الکترونیک</h6>
<small class="text-muted">موبایل، هدفون، تلویزیون</small>
</div>
<div class="user-progress">
<small class="fw-semibold">82.5هزار</small>
</div>
</div>
</li>
<li class="d-flex mb-4 pb-1">
<div class="avatar flex-shrink-0 me-3">
<span class="avatar-initial rounded bg-label-success"><i class='bx bx-closet'></i></span>
</div>
<div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
<div class="me-2">
<h6 class="mb-0">فشن</h6>
<small class="text-muted">تی شرت، شلوار جین، کفش</small>
</div>
<div class="user-progress">
<small class="fw-semibold">23.8هزار</small>
</div>
</div>
</li>
<li class="d-flex mb-4 pb-1">
<div class="avatar flex-shrink-0 me-3">
<span class="avatar-initial rounded bg-label-info"><i class='bx bx-home-alt'></i></span>
</div>
<div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
<div class="me-2">
<h6 class="mb-0">دکور</h6>
<small class="text-muted">هنرهای زیبا، غذاخوری</small>
</div>
<div class="user-progress">
<small class="fw-semibold">849هزار</small>
</div>
</div>
</li>
<li class="d-flex">
<div class="avatar flex-shrink-0 me-3">
<span class="avatar-initial rounded bg-label-secondary"><i class='bx bx-football'></i></span>
</div>
<div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
<div class="me-2">
<h6 class="mb-0">ورزشی</h6>
<small class="text-muted">فوتبال، کیت کریکت</small>
</div>
<div class="user-progress">
<small class="fw-semibold">99</small>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--/ Order Statistics -->
<!-- Expense Overview -->
<div class="col-md-6 col-lg-4 order-1 mb-4">
<div class="card h-100">
<div class="card-header">
<ul class="nav nav-pills" role="tablist">
<li class="nav-item">
<button type="button" class="nav-link active" role="tab" data-bs-toggle="tab" data-bs-target="#navs-tabs-line-card-income" aria-controls="navs-tabs-line-card-income" aria-selected="true">درآمد</button>
</li>
<li class="nav-item">
<button type="button" class="nav-link" role="tab">هزینه ها</button>
</li>
<li class="nav-item">
<button type="button" class="nav-link" role="tab">سود</button>
</li>
</ul>
</div>
<div class="card-body px-0">
<div class="tab-content p-0">
<div class="tab-pane fade show active" id="navs-tabs-line-card-income" role="tabpanel">
<div class="d-flex p-4 pt-3">
<div class="avatar flex-shrink-0 me-3">
<img src="assets/img/icons/unicons/wallet.png" alt="User">
</div>
<div>
<small class="text-muted d-block">کل موجودی</small>
<div class="d-flex align-items-center">
<h6 class="mb-0 me-1">459.10<span style="font-size: 14px">تومان</span></h6>
<small class="text-success fw-semibold">
<i class='bx bx-chevron-up'></i>
42.9%
</small>
</div>
</div>
</div>
<div id="incomeChart"></div>
<div class="d-flex justify-content-center pt-4 gap-2">
<div class="flex-shrink-0">
<div id="expensesOfWeek"></div>
</div>
<div>
<p class="mb-n1 mt-1">هزینه های این هفته</p>
<small class="text-muted"><span style="font-size: 14px">تومان</span>39 کمتر از هفته گذشته</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--/ Expense Overview -->
<!-- Transactions -->
<div class="col-md-6 col-lg-4 order-2 mb-4">
<div class="card h-100">
<div class="card-header d-flex align-items-center justify-content-between">
<h5 class="card-title m-0 me-2">معاملات</h5>
<div class="dropdown">
<button class="btn p-0" type="button" id="transactionID" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="bx bx-dots-vertical-rounded"></i>
</button>
<div class="dropdown-menu dropdown-menu-end new-style-16" aria-labelledby="transactionID">
<a class="dropdown-item" href="javascript:void(0);">28 روز گذشته</a>
<a class="dropdown-item" href="javascript:void(0);">ماه گذشته</a>
<a class="dropdown-item" href="javascript:void(0);">سال گذشته</a>
</div>
</div>
</div>
<div class="card-body">
<ul class="p-0 m-0">
<li class="d-flex mb-4 pb-1">
<div class="avatar flex-shrink-0 me-3">
<img src="assets/img/icons/unicons/paypal.png" alt="User" class="rounded">
</div>
<div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
<div class="me-2">
<small class="text-muted d-block mb-1">پی پال</small>
<h6 class="mb-0">ارسال پول</h6>
</div>
<div class="user-progress d-flex align-items-center gap-1">
<h6 class="mb-0">+82.6</h6> <span class="text-muted">ریال</span>
</div>
</div>
</li>
<li class="d-flex mb-4 pb-1">
<div class="avatar flex-shrink-0 me-3">
<img src="assets/img/icons/unicons/wallet.png" alt="User" class="rounded">
</div>
<div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
<div class="me-2">
<small class="text-muted d-block mb-1">کیف پول</small>
<h6 class="mb-0">مک دی</h6>
</div>
<div class="user-progress d-flex align-items-center gap-1">
<h6 class="mb-0">+270.69</h6> <span class="text-muted">ریال</span>
</div>
</div>
</li>
<li class="d-flex mb-4 pb-1">
<div class="avatar flex-shrink-0 me-3">
<img src="assets/img/icons/unicons/chart.png" alt="User" class="rounded">
</div>
<div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
<div class="me-2">
<small class="text-muted d-block mb-1">منتقل کردن</small>
<h6 class="mb-0">بازپرداخت</h6>
</div>
<div class="user-progress d-flex align-items-center gap-1">
<h6 class="mb-0">+637.91</h6> <span class="text-muted">ریال</span>
</div>
</div>
</li>
<li class="d-flex mb-4 pb-1">
<div class="avatar flex-shrink-0 me-3">
<img src="assets/img/icons/unicons/cc-success.png" alt="User" class="rounded">
</div>
<div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
<div class="me-2">
<small class="text-muted d-block mb-1">کارت اعتباری</small>
<h6 class="mb-0">غذا سفارش داد</h6>
</div>
<div class="user-progress d-flex align-items-center gap-1">
<h6 class="mb-0">-838.71</h6> <span class="text-muted">ریال</span>
</div>
</div>
</li>
<li class="d-flex mb-4 pb-1">
<div class="avatar flex-shrink-0 me-3">
<img src="assets/img/icons/unicons/wallet.png" alt="User" class="rounded">
</div>
<div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
<div class="me-2">
<small class="text-muted d-block mb-1">کیف پول</small>
<h6 class="mb-0">استارباکس</h6>
</div>
<div class="user-progress d-flex align-items-center gap-1">
<h6 class="mb-0">+203.33</h6> <span class="text-muted">ریال</span>
</div>
</div>
</li>
<li class="d-flex">
<div class="avatar flex-shrink-0 me-3">
<img src="assets/img/icons/unicons/cc-warning.png" alt="User" class="rounded">
</div>
<div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
<div class="me-2">
<small class="text-muted d-block mb-1">مسترکارت</small>
<h6 class="mb-0">غذا سفارش داد</h6>
</div>
<div class="user-progress d-flex align-items-center gap-1">
<h6 class="mb-0">-92.45</h6> <span class="text-muted">ریال</span>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--/ Transactions -->
</div>
@code {
protected override async Task OnInitializedAsync()
{

View File

@@ -0,0 +1,6 @@
@page "/Customer"
<h3>Customer</h3>
@layout PanelLayout
@code {
}

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,220 @@
/*
* demo.css
* File include item demo only specific css only
******************************************************************************/
@font-face {
font-family: "irsans";
font-style: normal;
font-weight: 900;
src: url(../vendor/fonts/iranSans/irsans-b.eot?67d2920ac1e0164c957e884da0b1fc2b);
src: url(../vendor/fonts/iranSans/irsans-b.eot?67d2920ac1e0164c957e884da0b1fc2b) format("embedded-opentype"), url(../vendor/fonts/iranSans/irsans-b.woff?a6c7f37a03e19d237de343688a10330f) format("woff"), url(../vendor/fonts/iranSans/irsans-b.ttf?3c04bd57fa8240b0ec575d8c1ff80dbb) format("truetype");
}
@font-face {
font-family: "irsans";
font-style: normal;
font-weight: 700;
src: url(../vendor/fonts/iranSans/irsans-m.eot?3953f2446de46ca0a52f371df635a547);
src: url(../vendor/fonts/iranSans/irsans-m.eot?3953f2446de46ca0a52f371df635a547) format("embedded-opentype"), url(../vendor/fonts/iranSans/irsans-m.woff?7698268f336a35d87bbf591a0fe5f41d) format("woff"), url(../vendor/fonts/iranSans/irsans-m.ttf?2ae855f1c7b7756f2aba76f0915b20b8) format("truetype");
}
@font-face {
font-family: "irsans";
font-style: normal;
font-weight: 500;
src: url(../vendor/fonts/iranSans/irsans.eot?4f3cd08001a912553842788147e162c2);
src: url(../vendor/fonts/iranSans/irsans.eot?4f3cd08001a912553842788147e162c2) format("embedded-opentype"), url(../vendor/fonts/iranSans/irsans.woff?ba2fd9dab30cd8771aa3b53aa6b036e3) format("woff"), url(../vendor/fonts/iranSans/irsans.ttf?71617be58eaec728ca3b9d4d5da8b11d) format("truetype");
}
@font-face {
font-family: "irsans";
font-style: normal;
font-weight: 300;
src: url(../vendor/fonts/iranSans/irsans-l.eot?c3e2315906102c635b02db3a6666299b);
src: url(../vendor/fonts/iranSans/irsans-l.eot?c3e2315906102c635b02db3a6666299b) format("embedded-opentype"), url(../vendor/fonts/iranSans/irsans-l.woff?ef7595542cb1d899cefcabddb3a59f7f) format("woff"), url(../vendor/fonts/iranSans/irsans-l.ttf?2fd2464904104b41ac006f718c6de468) format("truetype");
}
@font-face {
font-family: "irsans";
font-style: normal;
font-weight: 100;
src: url(../vendor/fonts/iranSans/irsans-u.eot?c6348f2607ffbf9f301e2a2bd6bfba4c);
src: url(../vendor/fonts/iranSans/irsans-u.eot?c6348f2607ffbf9f301e2a2bd6bfba4c) format("embedded-opentype"), url(../vendor/fonts/iranSans/irsans-u.woff?c2cac1dd087e299cd537621798bd50eb) format("woff"), url(../vendor/fonts/iranSans/irsans-u.ttf?cbc29f4ae7f67bce75b49ee6f69678ff) format("truetype");
}
body {
font-family: "irsans", irsans, sans-serif!important;
}
span {
font-family: var(--bs-body-font-family) !important;
}
a {
font-family: var(--bs-body-font-family) !important;
}
.menu .app-brand.demo {
height: 64px;
margin-top: 12px;
}
.app-brand-logo.demo svg {
width: 22px;
height: 38px;
}
.app-brand-text.demo {
font-size: 1.75rem;
letter-spacing: -0.5px;
text-transform: lowercase;
}
/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
/* Detached navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
padding-top: 76px !important;
}
/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
padding-top: 64px !important;
}
/* Navbar page z-index issue solution */
.content-wrapper .navbar {
z-index: auto;
}
/*
* Content
******************************************************************************/
.demo-blocks>* {
display: block !important;
}
.demo-inline-spacing>* {
margin: 1rem 0 0 0.375rem !important;
}
/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing>* {
margin-top: 1rem !important;
margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element> :first-child {
margin-top: 0 !important;
}
.demo-vertical-spacing-lg>* {
margin-top: 1.875rem !important;
margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element> :first-child {
margin-top: 0 !important;
}
.demo-vertical-spacing-xl>* {
margin-top: 5rem !important;
margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element> :first-child {
margin-top: 0 !important;
}
.rtl-only {
display: none !important;
text-align: left !important;
direction: ltr !important;
}
[dir='rtl'] .rtl-only {
display: block !important;
}
/*
* Layout demo
******************************************************************************/
.layout-demo-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 1rem;
}
.layout-demo-placeholder img {
width: 900px;
}
.layout-demo-info {
text-align: center;
margin-top: 1rem;
}
.social-count {
border-radius: 50%!important;
}
.apexcharts-legend-marker {
left: unset!important;
right: -3px!important;
}
.dropdown-menu.show {
z-index: 10000;
}
a.f-ir {
display: flex;
align-content: center;
align-items: center;
gap: .2rem;
font-family: "irsans", irsans, sans-serif!important;
color: #000;
font-size: .8rem;
border: 1px solid #ccc;
padding: .3rem .4rem;
border-radius: 5px;
background: aliceblue;
}
a.f-ir i {
font-size: 1rem !important;
}
.apexcharts-legend-text {
font-family: "irsans", irsans, sans-serif!important;
}
.layout-navbar .navbar-nav-right {
flex-basis: 100%;
}
.mr-auto {
margin-right: auto;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 87 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 681 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 702 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 776 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 689 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 936 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 920 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 214 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 136 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 62 KiB

View File

@@ -0,0 +1 @@
"use strict";let config={colors:{primary:"#696cff",secondary:"#8592a3",success:"#71dd37",info:"#03c3ec",warning:"#ffab00",danger:"#ff3e1d",dark:"#233446",black:"#000",white:"#fff",body:"#f4f5fb",headingColor:"#566a7f",axisColor:"#a1acb8",borderColor:"#eceef1"}};

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1 @@
"use strict";document.addEventListener("DOMContentLoaded",function(){var e,t,l;e=document.getElementById("vertical-example"),t=document.getElementById("horizontal-example"),l=document.getElementById("both-scrollbars-example"),e&&new PerfectScrollbar(e,{wheelPropagation:!1}),t&&new PerfectScrollbar(t,{wheelPropagation:!1,suppressScrollY:!0}),l&&new PerfectScrollbar(l,{wheelPropagation:!1})});

View File

@@ -0,0 +1 @@
"use strict";!function(){const e=document.getElementById("defaultCheck2");e.indeterminate=!0}();

View File

@@ -0,0 +1,13 @@
"use strict";
let menu, animate;
! function() { let e = document.querySelectorAll("#layout-menu"),
t = (e.forEach(function(e) { menu = new Menu(e, { orientation: "vertical", closeChildren: !1 }), window.Helpers.scrollToActive(animate = !1), window.Helpers.mainMenu = menu }), document.querySelectorAll(".layout-menu-toggle"));
t.forEach(e => { e.addEventListener("click", e => { e.preventDefault(), window.Helpers.toggleCollapsed() }) }); if (document.getElementById("layout-menu")) { var l = document.getElementById("layout-menu"); var o = function() { Helpers.isSmallScreen() || document.querySelector(".layout-menu-toggle").classList.add("d-block") }; let e = null;
l.onmouseenter = function() { e = Helpers.isSmallScreen() ? setTimeout(o, 0) : setTimeout(o, 300) }, l.onmouseleave = function() { document.querySelector(".layout-menu-toggle").classList.remove("d-block"), clearTimeout(e) } } let n = document.getElementsByClassName("menu-inner"),
s = document.getElementsByClassName("menu-inner-shadow")[0];
0 < n.length && s && n[0].addEventListener("ps-scroll-y", function() { this.querySelector(".ps__thumb-y").offsetTop ? s.style.display = "block" : s.style.display = "none" });
function c(e) { "show.bs.collapse" == e.type || "show.bs.collapse" == e.type ? e.target.closest(".accordion-item").classList.add("active") : e.target.closest(".accordion-item").classList.remove("active") } const i = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')),
a = (i.map(function(e) { return new bootstrap.Tooltip(e) }), [].slice.call(document.querySelectorAll(".accordion")));
a.map(function(e) { e.addEventListener("show.bs.collapse", c), e.addEventListener("hide.bs.collapse", c) });
window.Helpers.setAutoUpdate(!0), window.Helpers.initPasswordToggle(), window.Helpers.initSpeechToText(), window.Helpers.isSmallScreen() || window.Helpers.setCollapsed(!0, !1) }();

View File

@@ -0,0 +1 @@
"use strict";document.addEventListener("DOMContentLoaded",function(e){{document.querySelector("#formAccountDeactivation");let e=document.getElementById("uploadedAvatar");const t=document.querySelector(".account-file-input"),c=document.querySelector(".account-image-reset");if(e){const n=e.src;t.onchange=()=>{t.files[0]&&(e.src=window.URL.createObjectURL(t.files[0]))},c.onclick=()=>{t.value="",e.src=n}}return}});

View File

@@ -0,0 +1,9 @@
"use strict";
! function() { const t = document.querySelector("#youTubeModal"),
e = t.querySelector("iframe");
t.addEventListener("hidden.bs.modal", function() { e.setAttribute("src", "") }); { const o = [].slice.call(document.querySelectorAll('[data-bs-toggle="modal"]'));
o.map(function(t) { t.onclick = function() { const t = this.getAttribute("data-bs-target"),
e = this.getAttribute("data-theVideo"),
o = e + "?autoplay=1",
c = document.querySelector(t + " iframe");
c && c.setAttribute("src", o) } }) } }();

View File

@@ -0,0 +1,3 @@
"use strict";
! function() { const t = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'));
t.map(function(t) { return new bootstrap.Popover(t, { html: !0, sanitize: !1 }) }) }();

View File

@@ -0,0 +1 @@
"use strict";!function(){const t=document.querySelector(".toast-placement-ex"),e=document.querySelector("#showToastPlacement");let o,s,c;e&&(e.onclick=function(){var e;c&&(e=c)&&null!==e._element&&(t&&(t.classList.remove(o),DOMTokenList.prototype.remove.apply(t.classList,s)),e.dispose()),o=document.querySelector("#selectTypeOpt").value,s=document.querySelector("#selectPlacement").value.split(" "),t.classList.add(o),DOMTokenList.prototype.add.apply(t.classList,s),(c=new bootstrap.Toast(t)).show()})}();

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1 @@
#icons-container .icon-card{width:128px}#icons-container .icon-card i{font-size:2rem}@media(max-width: 1024px){#icons-container .icon-card{width:126px}}@media(max-width: 767.98px){#icons-container .icon-card{width:131px}}@media(max-width: 414px){#icons-container .icon-card{width:110px}}@media(max-width: 375px){#icons-container .icon-card{width:150px}}

View File

@@ -0,0 +1 @@
.misc-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - (1.625rem * 2));text-align:center}

View File

@@ -0,0 +1,980 @@
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal) .layout-page:before {
content: "";
width: 100%;
height: .75rem;
position: fixed;
top: 0px;
z-index: 10
}
.bg-menu-theme .menu-header {
position: relative
}
.bg-menu-theme .menu-header:before {
content: "";
position: absolute;
right: 0;
top: 1.1875rem;
width: 1rem;
height: 1px;
transition: all .3s ease-in-out
}
.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner .menu-item .menu-link {
border-radius: .375rem
}
.layout-horizontal .bg-menu-theme .menu-inner>.menu-item>.menu-link {
border-radius: .375rem
}
@media(min-width: 1200px) {
.layout-horizontal .bg-menu-theme .menu-inner>.menu-item {
margin: .565rem 0
}
.layout-horizontal .bg-menu-theme .menu-inner>.menu-item:not(:first-child) {
margin-right: .0625rem
}
.layout-horizontal .bg-menu-theme .menu-inner>.menu-item:not(:last-child) {
margin-left: .0625rem
}
.layout-horizontal .bg-menu-theme .menu-inner>.menu-item .menu-sub {
box-shadow: 0 .25rem 1rem rgba(161, 172, 184, .45)
}
}
.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner>.menu-item.active:before {
content: "";
position: absolute;
left: 0;
width: .25rem;
height: 2.5rem;
border-radius: 0 .375rem .375rem 0
}
.bg-menu-theme .menu-sub>.menu-item>.menu-link:before {
content: "";
position: absolute;
right: 1.4375rem;
width: .375rem;
height: .375rem;
border-radius: 50%
}
.layout-horizontal .bg-menu-theme .menu-sub>.menu-item>.menu-link:before {
right: 1.3rem
}
.bg-menu-theme .menu-horizontal-wrapper>.menu-inner>.menu-item>.menu-sub>.menu-item>.menu-link:before {
display: none
}
.bg-menu-theme .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle):before {
right: 1.1875rem;
width: .875rem;
height: .875rem
}
.layout-horizontal .bg-menu-theme .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle):before {
right: 1.1rem
}
.layout-menu-hover .layout-menu {
box-shadow: 0 .625rem 1.25rem rgba(161, 172, 184, .5);
transition: all .3s ease-in-out
}
.app-brand .layout-menu-toggle {
position: absolute;
right: 15rem;
border-radius: 50%
}
.app-brand .layout-menu-toggle i {
width: 1.5rem;
height: 1.5rem;
transition: all .3s ease-in-out
}
@media(max-width: 1199.98px) {
.app-brand .layout-menu-toggle {
display: none !important
}
.layout-menu-expanded .app-brand .layout-menu-toggle {
display: block !important
}
}
.text-primary {
color: #696cff !important
}
.text-body[href]:hover {
color: #5f61e6 !important
}
.bg-primary {
background-color: #696cff !important
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #6467f2 !important
}
.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
background-color: #696cff
}
.bg-label-primary {
background-color: #e7e7ff !important;
color: #696cff !important
}
.border-label-primary {
border: 3px solid #c3c4ff !important
}
.border-light-primary {
border: 3px solid rgba(105, 108, 255, .08)
}
.page-item.active .page-link,
.page-item.active .page-link:hover,
.page-item.active .page-link:focus,
.pagination li.active>a:not(.page-link),
.pagination li.active>a:not(.page-link):hover,
.pagination li.active>a:not(.page-link):focus {
border-color: #696cff;
background-color: #696cff;
color: #fff;
box-shadow: 0 .125rem .25rem rgba(105, 108, 255, .4)
}
.progress-bar {
background-color: #696cff;
color: #fff;
box-shadow: 0 2px 4px 0 rgba(105, 108, 255, .4)
}
.list-group-item-primary {
background-color: #e1e2ff;
color: #696cff !important
}
a.list-group-item-primary,
button.list-group-item-primary {
color: #696cff
}
a.list-group-item-primary:hover,
a.list-group-item-primary:focus,
button.list-group-item-primary:hover,
button.list-group-item-primary:focus {
background-color: #d6d7f2;
color: #696cff
}
a.list-group-item-primary.active,
button.list-group-item-primary.active {
border-color: #696cff;
background-color: #696cff;
color: #696cff
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
border-color: #696cff;
background-color: #696cff
}
.alert-primary {
background-color: #e7e7ff;
border-color: #d2d3ff;
color: #696cff
}
.alert-primary .btn-close {
background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23696cff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23696cff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.alert-primary .alert-link {
color: #696cff
}
.card .alert-primary hr {
background-color: #696cff !important
}
.table-primary {
--bs-table-bg: #e1e2ff;
--bs-table-striped-bg: #dcdefb;
--bs-table-striped-color: #435971;
--bs-table-active-bg: #d1d4f1;
--bs-table-active-color: #435971;
--bs-table-hover-bg: #d8daf6;
--bs-table-hover-color: #435971;
color: #435971;
border-color: #d1d4f1
}
.table-primary th {
border-bottom-color: inherit !important
}
.table-primary .btn-icon {
color: #435971
}
.btn-primary {
color: #fff;
background-color: #696cff;
border-color: #696cff;
box-shadow: 0 .125rem .25rem 0 rgba(105, 108, 255, .4)
}
.btn-primary:hover {
color: #fff;
background-color: #5f61e6;
border-color: #5f61e6;
transform: translateY(-1px)
}
.btn-check:focus+.btn-primary,
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
background-color: #5f61e6;
border-color: #5f61e6;
transform: translateY(0);
box-shadow: none
}
.btn-check:checked+.btn-primary,
.btn-check:active+.btn-primary,
.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #595cd9;
border-color: #595cd9
}
.btn-check:checked+.btn-primary:focus,
.btn-check:active+.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show>.btn-primary.dropdown-toggle:focus {
box-shadow: none
}
.btn-primary.disabled,
.btn-primary:disabled {
box-shadow: none
}
.btn-outline-primary {
color: #696cff;
border-color: #696cff;
background: transparent
}
.btn-outline-primary:hover {
color: #fff;
background-color: #5f61e6;
border-color: #5f61e6;
box-shadow: 0 .125rem .25rem 0 rgba(105, 108, 255, .4);
transform: translateY(-1px)
}
.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
color: #fff;
background-color: #5f61e6;
border-color: #5f61e6;
box-shadow: none;
transform: translateY(0)
}
.btn-check:checked+.btn-outline-primary,
.btn-check:active+.btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
color: #fff;
background-color: #595cd9;
border-color: #595cd9
}
.btn-check:checked+.btn-outline-primary:focus,
.btn-check:active+.btn-outline-primary:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus {
box-shadow: none
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
box-shadow: none
}
.btn-outline-primary .badge {
background: #696cff;
border-color: #696cff;
color: #fff
}
.btn-outline-primary:hover .badge,
.btn-outline-primary:focus:hover .badge,
.btn-outline-primary:active .badge,
.btn-outline-primary.active .badge,
.show>.btn-outline-primary.dropdown-toggle .badge {
background: #fff;
border-color: #fff;
color: #696cff
}
.dropdown-item:not(.disabled).active,
.dropdown-item:not(.disabled):active {
background-color: rgba(105, 108, 255, .08);
color: #696cff !important
}
.dropdown-menu>li:not(.disabled)>a:not(.dropdown-item):active,
.dropdown-menu>li.active:not(.disabled)>a:not(.dropdown-item) {
background-color: rgba(105, 108, 255, .08);
color: #696cff !important
}
.nav .nav-link:hover,
.nav .nav-link:focus {
color: #5f61e6
}
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:focus {
background-color: #696cff;
color: #fff;
box-shadow: 0 2px 4px 0 rgba(105, 108, 255, .4)
}
.form-control:focus,
.form-select:focus {
border-color: #696cff
}
.input-group:focus-within .form-control,
.input-group:focus-within .input-group-text {
border-color: #696cff
}
.form-check-input:focus {
border-color: #696cff;
box-shadow: 0 2px 4px 0 rgba(105, 108, 255, .4)
}
.form-check-input:disabled {
background-color: #eceef1
}
.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate {
background-color: #696cff;
border-color: #696cff;
box-shadow: 0 2px 4px 0 rgba(105, 108, 255, .4)
}
.custom-option.checked {
border: 1px solid #696cff
}
.form-switch .form-check-input:focus {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23696cff'/%3e%3c/svg%3e")
}
.form-switch .form-check-input:checked {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}
.form-control:focus~.form-label {
border-color: #696cff
}
.form-control:focus~.form-label::after {
border-color: inherit
}
.divider.divider-primary .divider-text:before,
.divider.divider-primary .divider-text:after {
border-color: #696cff
}
.navbar.bg-primary {
background-color: #696cff !important;
color: #e0e1ff
}
.navbar.bg-primary .navbar-brand,
.navbar.bg-primary .navbar-brand a {
color: #fff
}
.navbar.bg-primary .navbar-brand:hover,
.navbar.bg-primary .navbar-brand:focus,
.navbar.bg-primary .navbar-brand a:hover,
.navbar.bg-primary .navbar-brand a:focus {
color: #fff
}
.navbar.bg-primary .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-primary .navbar-search-wrapper .search-input {
color: #e0e1ff
}
.navbar.bg-primary .search-input-wrapper .search-input,
.navbar.bg-primary .search-input-wrapper .search-toggler {
background-color: #696cff !important;
color: #e0e1ff
}
.navbar.bg-primary .navbar-nav>.nav-link,
.navbar.bg-primary .navbar-nav>.nav-item>.nav-link,
.navbar.bg-primary .navbar-nav>.nav>.nav-item>.nav-link {
color: #e0e1ff
}
.navbar.bg-primary .navbar-nav>.nav-link:hover,
.navbar.bg-primary .navbar-nav>.nav-link:focus,
.navbar.bg-primary .navbar-nav>.nav-item>.nav-link:hover,
.navbar.bg-primary .navbar-nav>.nav-item>.nav-link:focus,
.navbar.bg-primary .navbar-nav>.nav>.nav-item>.nav-link:hover,
.navbar.bg-primary .navbar-nav>.nav>.nav-item>.nav-link:focus {
color: #fff
}
.navbar.bg-primary .navbar-nav>.nav-link.disabled,
.navbar.bg-primary .navbar-nav>.nav-item>.nav-link.disabled,
.navbar.bg-primary .navbar-nav>.nav>.nav-item>.nav-link.disabled {
color: #b0b2ff !important
}
.navbar.bg-primary .navbar-nav .show>.nav-link,
.navbar.bg-primary .navbar-nav .active>.nav-link,
.navbar.bg-primary .navbar-nav .nav-link.show,
.navbar.bg-primary .navbar-nav .nav-link.active {
color: #fff
}
.navbar.bg-primary .navbar-toggler {
color: #e0e1ff;
border-color: rgba(255, 255, 255, .15)
}
.navbar.bg-primary .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.navbar.bg-primary .navbar-text {
color: #e0e1ff
}
.navbar.bg-primary .navbar-text a {
color: #fff
}
.navbar.bg-primary .navbar-text a:hover,
.navbar.bg-primary .navbar-text a:focus {
color: #fff
}
.navbar.bg-primary hr {
border-color: rgba(255, 255, 255, .15)
}
.menu.bg-primary {
background-color: #696cff !important;
color: #e0e1ff
}
.menu.bg-primary .menu-link,
.menu.bg-primary .menu-horizontal-prev,
.menu.bg-primary .menu-horizontal-next {
color: #e0e1ff
}
.menu.bg-primary .menu-link:hover,
.menu.bg-primary .menu-link:focus,
.menu.bg-primary .menu-horizontal-prev:hover,
.menu.bg-primary .menu-horizontal-prev:focus,
.menu.bg-primary .menu-horizontal-next:hover,
.menu.bg-primary .menu-horizontal-next:focus {
color: #fff
}
.menu.bg-primary .menu-link.active,
.menu.bg-primary .menu-horizontal-prev.active,
.menu.bg-primary .menu-horizontal-next.active {
color: #fff
}
.menu.bg-primary .menu-item.disabled .menu-link,
.menu.bg-primary .menu-horizontal-prev.disabled,
.menu.bg-primary .menu-horizontal-next.disabled {
color: #b0b2ff !important
}
.menu.bg-primary .menu-item.open:not(.menu-item-closing)>.menu-toggle,
.menu.bg-primary .menu-item.active>.menu-link {
color: #fff
}
.menu.bg-primary .menu-item.active>.menu-link:not(.menu-toggle) {
background-color: #6d70ff
}
.menu.bg-primary.menu-horizontal .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle) {
background-color: #7174ff
}
.menu.bg-primary.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing)>.menu-sub,
.menu.bg-primary.menu-horizontal .menu-inner .menu-item.open>.menu-toggle {
background: #6d70ff
}
.menu.bg-primary .menu-inner>.menu-item.menu-item-closing .menu-item.open .menu-sub,
.menu.bg-primary .menu-inner>.menu-item.menu-item-closing .menu-item.open .menu-toggle {
background: transparent;
color: #e0e1ff
}
.menu.bg-primary .menu-inner-shadow {
background: linear-gradient(#696cff 41%, rgba(105, 108, 255, 0.11) 95%, rgba(105, 108, 255, 0))
}
.menu.bg-primary .menu-text {
color: #fff
}
.menu.bg-primary .menu-header {
color: #c2c4ff
}
.menu.bg-primary hr,
.menu.bg-primary .menu-divider,
.menu.bg-primary .menu-inner>.menu-item.open>.menu-sub::before {
border-color: rgba(255, 255, 255, .15) !important
}
.menu.bg-primary .menu-inner>.menu-header::before {
background-color: rgba(255, 255, 255, .15)
}
.menu.bg-primary .menu-block::before {
background-color: #c2c4ff
}
.menu.bg-primary .menu-inner>.menu-item.open .menu-item.open>.menu-toggle::before {
background-color: #8385ff
}
.menu.bg-primary .menu-inner>.menu-item.open .menu-item.active>.menu-link::before {
background-color: #fff
}
.menu.bg-primary .menu-inner>.menu-item.open .menu-item.open>.menu-toggle::before,
.menu.bg-primary .menu-inner>.menu-item.open .menu-item.active>.menu-link::before {
box-shadow: 0 0 0 2px #6d70ff
}
.menu.bg-primary .ps__thumb-y,
.menu.bg-primary .ps__rail-y.ps--clicking>.ps__thumb-y {
background: rgba(255, 255, 255, .5942917647) !important
}
.footer.bg-primary {
background-color: #696cff !important;
color: #e0e1ff
}
.footer.bg-primary .footer-link {
color: #e0e1ff
}
.footer.bg-primary .footer-link:hover,
.footer.bg-primary .footer-link:focus {
color: #fff
}
.footer.bg-primary .footer-link.disabled {
color: #b0b2ff !important
}
.footer.bg-primary .footer-text {
color: #fff
}
.footer.bg-primary .show>.footer-link,
.footer.bg-primary .active>.footer-link,
.footer.bg-primary .footer-link.show,
.footer.bg-primary .footer-link.active {
color: #fff
}
.footer.bg-primary hr {
border-color: rgba(255, 255, 255, .15)
}
.bg-primary.toast,
.bg-primary.bs-toast {
color: #fff;
background-color: rgba(105, 108, 255, .85) !important;
box-shadow: 0 .25rem 1rem rgba(105, 108, 255, .4)
}
.bg-primary.toast .toast-header,
.bg-primary.bs-toast .toast-header {
color: #fff
}
.bg-primary.toast .toast-header .btn-close,
.bg-primary.bs-toast .toast-header .btn-close {
background-color: #696cff !important;
background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
box-shadow: 0 .1875rem .375rem 0 rgba(105, 108, 255, .4) !important
}
.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
color: #696cff
}
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
color: #696cff
}
.form-floating>.form-control:-webkit-autofill~label {
color: #696cff
}
.svg-illustration svg {
fill: #696cff
}
html:not([dir=rtl]) .border-primary,
html[dir=rtl] .border-primary {
border-color: #696cff !important
}
a {
color: #696cff
}
a:hover {
color: #787bff
}
.fill-primary {
fill: #696cff
}
.bg-navbar-theme {
background-color: #fff !important;
color: #697a8d
}
.bg-navbar-theme .navbar-brand,
.bg-navbar-theme .navbar-brand a {
color: #566a7f
}
.bg-navbar-theme .navbar-brand:hover,
.bg-navbar-theme .navbar-brand:focus,
.bg-navbar-theme .navbar-brand a:hover,
.bg-navbar-theme .navbar-brand a:focus {
color: #566a7f
}
.bg-navbar-theme .navbar-search-wrapper .navbar-search-icon,
.bg-navbar-theme .navbar-search-wrapper .search-input {
color: #697a8d
}
.bg-navbar-theme .search-input-wrapper .search-input,
.bg-navbar-theme .search-input-wrapper .search-toggler {
background-color: #fff !important;
color: #697a8d
}
.bg-navbar-theme .navbar-nav>.nav-link,
.bg-navbar-theme .navbar-nav>.nav-item>.nav-link,
.bg-navbar-theme .navbar-nav>.nav>.nav-item>.nav-link {
color: #697a8d
}
.bg-navbar-theme .navbar-nav>.nav-link:hover,
.bg-navbar-theme .navbar-nav>.nav-link:focus,
.bg-navbar-theme .navbar-nav>.nav-item>.nav-link:hover,
.bg-navbar-theme .navbar-nav>.nav-item>.nav-link:focus,
.bg-navbar-theme .navbar-nav>.nav>.nav-item>.nav-link:hover,
.bg-navbar-theme .navbar-nav>.nav>.nav-item>.nav-link:focus {
color: #566a7f
}
.bg-navbar-theme .navbar-nav>.nav-link.disabled,
.bg-navbar-theme .navbar-nav>.nav-item>.nav-link.disabled,
.bg-navbar-theme .navbar-nav>.nav>.nav-item>.nav-link.disabled {
color: #a5afbb !important
}
.bg-navbar-theme .navbar-nav .show>.nav-link,
.bg-navbar-theme .navbar-nav .active>.nav-link,
.bg-navbar-theme .navbar-nav .nav-link.show,
.bg-navbar-theme .navbar-nav .nav-link.active {
color: #566a7f
}
.bg-navbar-theme .navbar-toggler {
color: #697a8d;
border-color: rgba(86, 106, 127, .075)
}
.bg-navbar-theme .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(67, 89, 113, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(67, 89, 113, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.bg-navbar-theme .navbar-text {
color: #697a8d
}
.bg-navbar-theme .navbar-text a {
color: #566a7f
}
.bg-navbar-theme .navbar-text a:hover,
.bg-navbar-theme .navbar-text a:focus {
color: #566a7f
}
.bg-navbar-theme hr {
border-color: rgba(86, 106, 127, .075)
}
.layout-navbar {
background-color: rgba(255, 255, 255, .95) !important;
-webkit-backdrop-filter: saturate(200%) blur(6px);
backdrop-filter: saturate(200%) blur(6px)
}
.navbar-detached {
box-shadow: 0 0 .375rem .25rem rgba(161, 172, 184, .15)
}
.layout-navbar-fixed .layout-page:before {
-webkit-backdrop-filter: saturate(200%) blur(10px);
backdrop-filter: saturate(200%) blur(10px);
background: rgba(245, 245, 249, .6)
}
.bg-menu-theme {
background-color: #fff !important;
color: #697a8d
}
.bg-menu-theme .menu-link,
.bg-menu-theme .menu-horizontal-prev,
.bg-menu-theme .menu-horizontal-next {
color: #697a8d
}
.bg-menu-theme .menu-link:hover,
.bg-menu-theme .menu-link:focus,
.bg-menu-theme .menu-horizontal-prev:hover,
.bg-menu-theme .menu-horizontal-prev:focus,
.bg-menu-theme .menu-horizontal-next:hover,
.bg-menu-theme .menu-horizontal-next:focus {
color: #566a7f
}
.bg-menu-theme .menu-link.active,
.bg-menu-theme .menu-horizontal-prev.active,
.bg-menu-theme .menu-horizontal-next.active {
color: #566a7f
}
.bg-menu-theme .menu-item.disabled .menu-link,
.bg-menu-theme .menu-horizontal-prev.disabled,
.bg-menu-theme .menu-horizontal-next.disabled {
color: #a5afbb !important
}
.bg-menu-theme .menu-item.open:not(.menu-item-closing)>.menu-toggle,
.bg-menu-theme .menu-item.active>.menu-link {
color: #566a7f
}
.bg-menu-theme .menu-item.active>.menu-link:not(.menu-toggle) {
background-color: #fff
}
.bg-menu-theme.menu-horizontal .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle) {
background-color: #fff
}
.bg-menu-theme.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing)>.menu-sub,
.bg-menu-theme.menu-horizontal .menu-inner .menu-item.open>.menu-toggle {
background: #fff
}
.bg-menu-theme .menu-inner>.menu-item.menu-item-closing .menu-item.open .menu-sub,
.bg-menu-theme .menu-inner>.menu-item.menu-item-closing .menu-item.open .menu-toggle {
background: transparent;
color: #697a8d
}
.bg-menu-theme .menu-inner-shadow {
background: linear-gradient(#fff 41%, rgba(255, 255, 255, 0.11) 95%, rgba(255, 255, 255, 0))
}
.bg-menu-theme .menu-text {
color: #566a7f
}
.bg-menu-theme .menu-header {
color: #8f9baa
}
.bg-menu-theme hr,
.bg-menu-theme .menu-divider,
.bg-menu-theme .menu-inner>.menu-item.open>.menu-sub::before {
border-color: transparent !important
}
.bg-menu-theme .menu-inner>.menu-header::before {
background-color: transparent
}
.bg-menu-theme .menu-block::before {
background-color: #8f9baa
}
.bg-menu-theme .menu-inner>.menu-item.open .menu-item.open>.menu-toggle::before {
background-color: #fff
}
.bg-menu-theme .menu-inner>.menu-item.open .menu-item.active>.menu-link::before {
background-color: #566a7f
}
.bg-menu-theme .menu-inner>.menu-item.open .menu-item.open>.menu-toggle::before,
.bg-menu-theme .menu-inner>.menu-item.open .menu-item.active>.menu-link::before {
box-shadow: 0 0 0 2px #fff
}
.bg-menu-theme .ps__thumb-y,
.bg-menu-theme .ps__rail-y.ps--clicking>.ps__thumb-y {
background: rgba(86, 106, 127, .2) !important
}
.bg-menu-theme .menu-header {
color: #a1acb8
}
.bg-menu-theme .menu-header:before {
background-color: #a1acb8 !important
}
.bg-menu-theme.menu-vertical {
box-shadow: 0 .125rem .375rem 0 rgba(161, 172, 184, .12)
}
html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item.open>.menu-link,
.layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.open>.menu-link,
html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item .menu-link:not(.active):hover,
.layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item .menu-link:not(.active):hover {
background-color: rgba(67, 89, 113, .04)
}
.bg-menu-theme .menu-inner .menu-sub>.menu-item.active>.menu-link.menu-toggle {
background-color: rgba(67, 89, 113, .04)
}
.bg-menu-theme .menu-inner .menu-sub>.menu-item.active .menu-icon {
color: #696cff
}
.bg-menu-theme .menu-inner>.menu-item.active>.menu-link {
color: #696cff;
background-color: rgba(105, 108, 255, .16) !important
}
.bg-menu-theme .menu-inner>.menu-item.active:before {
background: #696cff
}
.bg-menu-theme .menu-sub>.menu-item>.menu-link:before {
background-color: #b4bdc6 !important
}
.bg-menu-theme .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle):before {
background-color: #696cff !important;
border: 3px solid #e7e7ff !important
}
.app-brand .layout-menu-toggle {
background-color: #696cff;
border: 7px solid #f5f5f9
}
.app-brand .layout-menu-toggle i {
color: #fff
}
.app-brand .layout-menu-toggle .menu-inner>.menu-header::before {
background-color: #b4bdc6
}
.bg-footer-theme {
background-color: #f5f5f9 !important;
color: #697a8d
}
.bg-footer-theme .footer-link {
color: #697a8d
}
.bg-footer-theme .footer-link:hover,
.bg-footer-theme .footer-link:focus {
color: #566a7f
}
.bg-footer-theme .footer-link.disabled {
color: #a1abb8 !important
}
.bg-footer-theme .footer-text {
color: #566a7f
}
.bg-footer-theme .show>.footer-link,
.bg-footer-theme .active>.footer-link,
.bg-footer-theme .footer-link.show,
.bg-footer-theme .footer-link.active {
color: #566a7f
}
.bg-footer-theme hr {
border-color: rgba(86, 106, 127, .0768713725)
}
.layout-footer-fixed .content-footer {
box-shadow: 0 0 .375rem .25rem rgba(161, 172, 184, .15)
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Some files were not shown because too many files have changed in this diff Show More