Terms & Conditions

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

Product Updates

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.

Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Last update: January 25, 2023

+ + + + ); + } +} + +export default MyDocument; diff --git a/pages/analytics.js b/pages/analytics.js new file mode 100644 index 0000000..d889ca3 --- /dev/null +++ b/pages/analytics.js @@ -0,0 +1,128 @@ +import Grid from "@mui/material/Grid"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import Features from "@/components/Dashboard/Analytics/Features"; +import Welcome from "@/components/Dashboard/Analytics/Welcome"; +import AudienceOverview from "@/components/Dashboard/Analytics/AudienceOverview"; +import VisitsByDayAndNetIncome from "@/components/Dashboard/Analytics/VisitsByDayAndNetIncome"; +import SalesAnalytics from "@/components/Dashboard/Analytics/SalesAnalytics"; +import TotalRevenue from "@/components/Dashboard/Analytics/TotalRevenue"; +import ActivityTimeline from "@/components/Dashboard/Analytics/ActivityTimeline"; +import RevenueReport from "@/components/Dashboard/Analytics/RevenueReport"; +import SessionsByCountries from "@/components/Dashboard/Analytics/SessionsByCountries"; +import TotalTransactions from "@/components/Dashboard/Analytics/TotalTransactions"; +import BrowserUsedTrafficReports from "@/components/Dashboard/Analytics/BrowserUsedTrafficReports"; +import Terminals from "@/components/Dashboard/Analytics/Terminals"; +import NewReturning from "@/components/Dashboard/Analytics/NewReturning"; +import Gender from "@/components/Dashboard/Analytics/Gender"; +import VisitorsAge from "@/components/Dashboard/Analytics/VisitorsAge"; +import SessionsDevice from "@/components/Dashboard/Analytics/SessionsDevice"; +import ImpressionGoalConversions from "@/components/Dashboard/Analytics/ImpressionGoalConversions"; + +export default function Analytics() { + return ( + <> + {/* Page title */} +

Analytics

+ Dashboard +
+ Analytics +

+ + + + {/* Welcome */} + + + {/* ImpressionGoalConversions */} + + + {/* VisitsByDayAndNetIncome */} + + + + + {/* Features */} + + + {/* AudienceOverview */} + + + + + + + + + {/* SalesAnalytics */} + + + {/* RevenueRepor */} + + + + + {/* TotalRevenue */} + + + {/* ActivityTimelin */} + + + + + + + {/* SessionsByCountries */} + + + {/* TotalTransactions */} + + + + + + + {/* BrowserUsedTrafficReports */} + + + + + {/* Terminals */} + + + + + + + {/* SessionsDevice */} + + + + + {/* NewReturning */} + + + + + {/* Gender */} + + + + + {/* VisitorsAge */} + + + + + ); +} diff --git a/pages/analytics/customers.js b/pages/analytics/customers.js new file mode 100644 index 0000000..d4360e8 --- /dev/null +++ b/pages/analytics/customers.js @@ -0,0 +1,50 @@ +import Grid from "@mui/material/Grid"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import AudienceOverview from '@/components/Dashboard/Analytics/AudienceOverview'; +import VisitsByDay from "@/components/Analytics/Customers/VisitsByDay"; +import NetIncome from "@/components/Analytics/Customers/NetIncome"; +import NewSessions from "@/components/Analytics/Customers/NewSessions"; +import CustomersDetails from "@/components/Analytics/Customers/CustomersDetails"; + +export default function Customers() { + return ( + <> + {/* Page title */} +

Customers

+ Dashboard +
Customers

+ + {/* AudienceOverview */} + + + + + + + + + + + + + + + + + {/* CustomersDetails */} + + + ); +} diff --git a/pages/analytics/reports.js b/pages/analytics/reports.js new file mode 100644 index 0000000..d6dff08 --- /dev/null +++ b/pages/analytics/reports.js @@ -0,0 +1,44 @@ +import Grid from "@mui/material/Grid"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import RevenueReport from "@/components/Dashboard/Analytics/RevenueReport"; +import AvarageReport from "@/components/Analytics/Reports/AvarageReport"; +import SessionsByCountries from "@/components/Dashboard/Analytics/SessionsByCountries"; +import BrowserUsedAndTrafficReports from "@/components/Analytics/Reports/BrowserUsedAndTrafficReports"; + +export default function Reports() { + return ( + <> + {/* Page title */} +

Reports

+ Dashboard +
Reports

+ + + + + + + + + + + + + + + + + + ); +} diff --git a/pages/apps/calendar.js b/pages/apps/calendar.js new file mode 100644 index 0000000..60e6ad9 --- /dev/null +++ b/pages/apps/calendar.js @@ -0,0 +1,269 @@ +import React from "react"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import FullCalendar from "@fullcalendar/react"; +import dayGridPlugin from "@fullcalendar/daygrid"; +import events from "@/components/Apps/Calendar/Events"; +import Card from "@mui/material/Card"; +import { Box, Typography } from "@mui/material"; +import IconButton from "@mui/material/IconButton"; +import Grid from "@mui/material/Grid"; +import Backdrop from "@mui/material/Backdrop"; +import Button from "@mui/material/Button"; +import Fade from "@mui/material/Fade"; +import Modal from "@mui/material/Modal"; +import TextField from "@mui/material/TextField"; +import AddIcon from "@mui/icons-material/Add"; +import ClearIcon from "@mui/icons-material/Clear"; +import dayjs from "dayjs"; +import Stack from "@mui/material/Stack"; +import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider"; +import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs"; +import { DateTimePicker } from "@mui/x-date-pickers/DateTimePicker"; + +// Add event modal style +const style = { + position: "absolute", + top: "50%", + left: "50%", + transform: "translate(-50%, -50%)", + maxWidth: 500, + width: '100%', + bgcolor: "background.paper", + boxShadow: 24, + borderRadius: "8px", +}; + +const Calendar = () => { + // Add event modal + const [open, setOpen] = React.useState(false); + const handleOpen = () => setOpen(true); + const handleClose = () => setOpen(false); + + const handleSubmit = (event) => { + event.preventDefault(); + const data = new FormData(event.currentTarget); + console.log({ + email: data.get("email"), + password: data.get("password"), + }); + }; + + // Date & Time ickers + const [value, setValue] = React.useState(dayjs("2023-01-01T21:11:54")); + + const handleChange = (newValue) => { + setValue(newValue); + }; + + return ( + <> + {/* Page title */} +

Calendar

+ Dashboard +
Calendar

+ + + + + Calendar + + + + + + + + + {/* Add event modal */} + + + + + + + + + + + + + + + + + Event Name + + + + + + + + Date & Time + + + + + } + /> + + + + + + + + + + + + + + + ); +}; + +export default Calendar; diff --git a/pages/apps/chat/index.js b/pages/apps/chat/index.js new file mode 100644 index 0000000..a585e4c --- /dev/null +++ b/pages/apps/chat/index.js @@ -0,0 +1,716 @@ +import React from "react"; +import Grid from "@mui/material/Grid"; +import Card from "@mui/material/Card"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import Typography from "@mui/material/Typography"; +import Box from "@mui/material/Box"; +import { styled, alpha } from "@mui/material/styles"; +import InputBase from "@mui/material/InputBase"; +import SearchIcon from "@mui/icons-material/Search"; +import Badge from "@mui/material/Badge"; +import { Tab, Tabs, TabList, TabPanel } from "react-tabs"; +import ChatBox from "@/components/Apps/Chat/ChatBox"; +import ChatBoxTwo from "@/components/Apps/Chat/ChatBoxTwo"; +import ChatBoxThree from "@/components/Apps/Chat/ChatBoxThree"; + +// Search field style +const Search = styled("div")(({ theme }) => ({ + position: "relative", + borderRadius: 100, + backgroundColor: alpha(theme.palette.common.white, 0.15), + "&:hover": { + backgroundColor: alpha(theme.palette.common.white, 0.25), + }, + marginRight: 0, + marginLeft: 0, + marginBottom: 20, + width: "100%", + [theme.breakpoints.up("xs")]: { + marginRight: theme.spacing(1), + width: "auto", + }, +})); + +const SearchIconWrapper = styled("div")(({ theme }) => ({ + color: "#757FEF", + padding: theme.spacing(0, 2), + height: "100%", + position: "absolute", + right: "0", + pointerEvents: "none", + display: "flex", + alignItems: "center", + justifyContent: "center", + zIndex: "5", +})); + +const StyledInputBase = styled(InputBase)(({ theme }) => ({ + color: "inherit", + width: "100%", + "& .MuiInputBase-input": { + backgroundColor: "#F5F7FA", + borderRadius: "30px", + padding: theme.spacing(1.4, 0, 1.4, 2), + }, +})); + +export default function Chat() { + return ( + <> + {/* Page title */} +

Chat

+ Dashboard +
+ Chat +

+ + + + + + + Messages + + + {/* Search */} + + + + + + + + {/* All Messages */} + + ALL MESSAGES + + + + {/* Tab 1 */} + + + + +

+ + + + + + Laurent Perrier + + Typing... + + + + + + 4:30 PM + + + + + + + + + + {/* Tab 2 */} + + + + +

+ + + + + + Nunez Faulkner + + + Hello everyone ... + + + + + + + 9.36 AM + + + + + + + + + + {/* Tab 3 */} + + + + +

+ + + + + + Bernard Langley + + + That cool, go for it... + + + + + + + 7.18 PM + + + + + + {/* Tab 4 */} + + + + +

+ + + + + + Edwards Mckenz + + Great ! 🔥 + + + + + + 08:30 PM + + + + + + {/* Tab 5 */} + + + + +

+ + + + + + Elsie Melendez + + Typing... + + + + + + 2:30 PM + + + + + + + + + + {/* Tab 6 */} + + + + +

+ + + + + + Mcleod Wagner + + What are you... + + + + + + 1:30 PM + + + + + + {/* Tab 7 */} + + + + +

+ + + + + Joseph Strickland + + Hello Joseph!! + + + + + + 7:30 PM + + + + + + {/* Tab 8 */} + + + + +

+ + + + + Joseph Strickland + + How are you? + + + + + + 5:30 PM + + + + + + {/* Tab 9 */} + + + + +

+ + + + + Silva Foster + + Cool! 🔥 + + + + + + 8:30 PM + + + + + + + + + + + + {/* ChatBox */} + + + + + {/* ChatBox */} + + + + + {/* ChatBox */} + + + + + {/* ChatBox */} + + + + + {/* ChatBox */} + + + + + {/* ChatBox */} + + + + + {/* ChatBox */} + + + + + {/* ChatBox */} + + + + + {/* ChatBox */} + + + + + + + + ); +} diff --git a/pages/apps/file-manager/assets.js b/pages/apps/file-manager/assets.js new file mode 100644 index 0000000..2cafcd6 --- /dev/null +++ b/pages/apps/file-manager/assets.js @@ -0,0 +1,39 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import LeftSidebar from '@/components/Apps/FileManager/LeftSidebar'; +import AllAssets from '@/components/Apps/FileManager/AllAssets'; + +export default function Assets() { + return ( + <> + {/* Page title */} +

Assets

+ Dashboard +
Assets

+ + + + {/* LeftSidebar */} + + + + + {/* AllAssets */} + + + + + ); +} diff --git a/pages/apps/file-manager/documents.js b/pages/apps/file-manager/documents.js new file mode 100644 index 0000000..b979b27 --- /dev/null +++ b/pages/apps/file-manager/documents.js @@ -0,0 +1,39 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import LeftSidebar from '@/components/Apps/FileManager/LeftSidebar'; +import DocumentsFiles from '@/components/Apps/FileManager/DocumentsFiles'; + +export default function Documents() { + return ( + <> + {/* Page title */} +

Documents

+ Dashboard +
Documents

+ + + + {/* LeftSidebar */} + + + + + {/* DocumentsFiles */} + + + + + ); +} diff --git a/pages/apps/file-manager/important.js b/pages/apps/file-manager/important.js new file mode 100644 index 0000000..43191ef --- /dev/null +++ b/pages/apps/file-manager/important.js @@ -0,0 +1,39 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import LeftSidebar from '@/components/Apps/FileManager/LeftSidebar'; +import ImportantFiles from '@/components/Apps/FileManager/ImportantFiles'; + +export default function Important() { + return ( + <> + {/* Page title */} +

Important

+ Dashboard +
Important

+ + + + {/* LeftSidebar */} + + + + + {/* ImportantFiles */} + + + + + ); +} diff --git a/pages/apps/file-manager/index.js b/pages/apps/file-manager/index.js new file mode 100644 index 0000000..bd2d486 --- /dev/null +++ b/pages/apps/file-manager/index.js @@ -0,0 +1,49 @@ +import React from 'react'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import Grid from "@mui/material/Grid"; +import LeftSidebar from '@/components/Apps/FileManager/LeftSidebar'; +import MyDrive from '@/components/Apps/FileManager/MyDrive'; +import RecentFiles from '@/components/Apps/FileManager/RecentFiles'; +import Files from '@/components/Apps/FileManager/Files'; + +export default function FileManager() { + return ( + <> + {/* Page title */} +

File Manager

+ Dashboard +
+ File Manager +

+ + + + {/* LeftSidebar */} + + + + + {/* MyDrive */} + + + {/* RecentFiles */} + + + {/* Files */} + + + + + ); +} diff --git a/pages/apps/file-manager/media.js b/pages/apps/file-manager/media.js new file mode 100644 index 0000000..85d6008 --- /dev/null +++ b/pages/apps/file-manager/media.js @@ -0,0 +1,39 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import LeftSidebar from '@/components/Apps/FileManager/LeftSidebar'; +import MediaFiles from '@/components/Apps/FileManager/MediaFiles'; + +export default function Media() { + return ( + <> + {/* Page title */} +

Media

+ Dashboard +
Media

+ + + + {/* LeftSidebar */} + + + + + {/* MediaFiles */} + + + + + ); +} diff --git a/pages/apps/file-manager/personal.js b/pages/apps/file-manager/personal.js new file mode 100644 index 0000000..f2f1408 --- /dev/null +++ b/pages/apps/file-manager/personal.js @@ -0,0 +1,39 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import LeftSidebar from '@/components/Apps/FileManager/LeftSidebar'; +import PersonalFiles from '@/components/Apps/FileManager/PersonalFiles'; + +export default function Personal() { + return ( + <> + {/* Page title */} +

Personal

+ Dashboard +
Personal

+ + + + {/* LeftSidebar */} + + + + + {/* PersonalFiles */} + + + + + ); +} diff --git a/pages/apps/file-manager/projects.js b/pages/apps/file-manager/projects.js new file mode 100644 index 0000000..e41bf04 --- /dev/null +++ b/pages/apps/file-manager/projects.js @@ -0,0 +1,39 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import LeftSidebar from '@/components/Apps/FileManager/LeftSidebar'; +import AllProjects from '@/components/Apps/FileManager/AllProjects'; + +export default function Projects() { + return ( + <> + {/* Page title */} +

Projects

+ Dashboard +
Projects

+ + + + {/* LeftSidebar */} + + + + + {/* AllProjects */} + + + + + ); +} diff --git a/pages/apps/file-manager/recents.js b/pages/apps/file-manager/recents.js new file mode 100644 index 0000000..5d7bdfc --- /dev/null +++ b/pages/apps/file-manager/recents.js @@ -0,0 +1,39 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import LeftSidebar from '@/components/Apps/FileManager/LeftSidebar'; +import AllRecentFiles from '@/components/Apps/FileManager/AllRecentFiles'; + +export default function Recents() { + return ( + <> + {/* Page title */} +

Recents

+ Dashboard +
Recents

+ + + + {/* LeftSidebar */} + + + + + {/* AllRecentFiles */} + + + + + ); +} diff --git a/pages/apps/file-manager/templates.js b/pages/apps/file-manager/templates.js new file mode 100644 index 0000000..45d2d18 --- /dev/null +++ b/pages/apps/file-manager/templates.js @@ -0,0 +1,39 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import LeftSidebar from '@/components/Apps/FileManager/LeftSidebar'; +import TemplateFiles from '@/components/Apps/FileManager/TemplateFiles'; + +export default function Templates() { + return ( + <> + {/* Page title */} +

Templates

+ Dashboard +
Templates

+ + + + {/* LeftSidebar */} + + + + + {/* TemplateFiles */} + + + + + ); +} diff --git a/pages/apps/file-manager/trash.js b/pages/apps/file-manager/trash.js new file mode 100644 index 0000000..1844b34 --- /dev/null +++ b/pages/apps/file-manager/trash.js @@ -0,0 +1,39 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import LeftSidebar from '@/components/Apps/FileManager/LeftSidebar'; +import TrashFiles from '@/components/Apps/FileManager/TrashFiles'; + +export default function Trash() { + return ( + <> + {/* Page title */} +

Trash

+ Dashboard +
Trash

+ + + + {/* LeftSidebar */} + + + + + {/* TrashFiles */} + + + + + ); +} diff --git a/pages/apps/to-do.js b/pages/apps/to-do.js new file mode 100644 index 0000000..1b29051 --- /dev/null +++ b/pages/apps/to-do.js @@ -0,0 +1,23 @@ +import React from 'react'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import ToDoLists from '@/components/Apps/ToDoLists' + +export default function ToDo() { + return ( + <> + {/* Page title */} +

To Do

+ Dashboard +
To Do

+ + + + ); +} diff --git a/pages/authentication/confirm-mail.js b/pages/authentication/confirm-mail.js new file mode 100644 index 0000000..29f68c4 --- /dev/null +++ b/pages/authentication/confirm-mail.js @@ -0,0 +1,72 @@ +import { Typography } from "@mui/material"; +import { Box } from "@mui/system"; +import Button from "@mui/material/Button"; + +export default function ConfirmMail() { + return ( + <> +

+ + + +

+ + + + Message

+ + + + Success! + + + A email has been send to{" "} + + envytheme@info.com + + . Please check for an email from company and click on the included + link to reset your password. + + + + + +

+ + ); +} diff --git a/pages/authentication/forgot-password.js b/pages/authentication/forgot-password.js new file mode 100644 index 0000000..2d3c5b7 --- /dev/null +++ b/pages/authentication/forgot-password.js @@ -0,0 +1,9 @@ +import ForgotPasswordForm from '@/components/Authentication/ForgotPasswordForm'; + +export default function SignIn() { + return ( + <> + + + ); +} diff --git a/pages/authentication/lock-screen.js b/pages/authentication/lock-screen.js new file mode 100644 index 0000000..c7659ed --- /dev/null +++ b/pages/authentication/lock-screen.js @@ -0,0 +1,9 @@ +import LockScreenForm from '@/components/Authentication/LockScreenForm'; + +export default function LockScreen() { + return ( + <> + + + ); +} diff --git a/pages/authentication/logout.js b/pages/authentication/logout.js new file mode 100644 index 0000000..64e6fd9 --- /dev/null +++ b/pages/authentication/logout.js @@ -0,0 +1,74 @@ +import { Typography } from "@mui/material"; +import { Box } from "@mui/system"; +import Button from "@mui/material/Button"; + +export default function Logout() { + return ( + <> +

+ + + +

+ +

+ + + + Coffee

+ + + + You are Logged Out + + + + Thank you for using Admash admin template + + + + + +

+ + ); +} diff --git a/pages/authentication/sign-in.js b/pages/authentication/sign-in.js new file mode 100644 index 0000000..392f744 --- /dev/null +++ b/pages/authentication/sign-in.js @@ -0,0 +1,9 @@ +import SignInForm from '@/components/Authentication/SignInForm'; + +export default function SignIn() { + return ( + <> + + + ); +} diff --git a/pages/authentication/sign-up.js b/pages/authentication/sign-up.js new file mode 100644 index 0000000..bca462f --- /dev/null +++ b/pages/authentication/sign-up.js @@ -0,0 +1,9 @@ +import SignUpForm from '@/components/Authentication/SignUpForm'; + +export default function SignUp() { + return ( + <> + + + ); +} diff --git a/pages/contact-list/contact-list2.js b/pages/contact-list/contact-list2.js new file mode 100644 index 0000000..e5644f2 --- /dev/null +++ b/pages/contact-list/contact-list2.js @@ -0,0 +1,227 @@ +import React from "react"; +import Grid from "@mui/material/Grid"; +import Card from "@mui/material/Card"; +import Typography from "@mui/material/Typography"; +import Box from "@mui/material/Box"; +import CallIcon from '@mui/icons-material/Call'; +import MailOutlineIcon from '@mui/icons-material/MailOutline'; +import Stack from '@mui/material/Stack'; +import IconButton from '@mui/material/IconButton'; +import DeleteIcon from '@mui/icons-material/Delete'; +import EditIcon from '@mui/icons-material/Edit'; +import Tooltip from '@mui/material/Tooltip'; +import styles from '@/styles/PageTitle.module.css' +import Link from 'next/link'; + +const contactLists = [ + { + image: '/images/member1.png', + name: 'Alvarado Turner', + designation: 'React Developer', + phonNumber: '+9003526765', + email: 'alvarado@gmail.com', + }, + { + image: '/images/member2.png', + name: 'Evangelina Mcclain', + designation: 'Angular Developer', + phonNumber: '+9003526765', + email: 'evangelina@gmail.com', + }, + { + image: '/images/member3.png', + name: 'Candice Munoz', + designation: 'Vue Developer', + phonNumber: '+9003526766', + email: 'candice@gmail.com', + }, + { + image: '/images/member4.png', + name: 'Bernard Langley', + designation: 'UI/UX Designer', + phonNumber: '+9003526767', + email: 'bernard@gmail.com', + }, + { + image: '/images/member5.png', + name: 'Kristie Hall', + designation: 'Software Analyst', + phonNumber: '+9003526846', + email: 'kristie@gmail.com', + }, + { + image: '/images/member6.png', + name: 'Bolton Obrien', + designation: 'Support Engineer', + phonNumber: '+9003526865', + email: 'bolton@gmail.com', + }, + { + image: '/images/member7.png', + name: 'Dee Alvarado', + designation: 'SEO Specialist', + phonNumber: '+9003526456', + email: 'alvarado@gmail.com', + }, + { + image: '/images/member8.png', + name: 'Cervantes Kramer', + designation: 'Product Designer', + phonNumber: '+9003526456', + email: 'cervantes@gmail.com', + }, + { + image: '/images/member9.png', + name: 'Dejesus Michael', + designation: 'Content Writer', + email: 'dejesus@gmail.com', + phonNumber: '+9003526456', + }, + { + image: '/images/member10.png', + name: 'Alissa Nelson', + designation: 'Theme Developer', + email: 'alissa@gmail.com', + phonNumber: '+9003526355', + }, + { + image: '/images/member11.png', + name: 'English Haney', + designation: 'Digital Marketing Executive', + email: 'english@gmail.com', + phonNumber: '+9003526456', + }, + { + image: '/images/member12.png', + name: 'Edwards Mckenzie', + designation: 'Support Engineer', + email: 'edwards@gmail.com', + phonNumber: '+9003526456', + }, +]; + +export default function ContactList2() { + return ( + <> + {/* Page title */} +

Contact List

+ Dashboard +
Contact List

+ + + {contactLists.map((contactList) => ( + + + + + + + + + + + + + + + + + + + Member

+ + {contactList.name} + + + + {contactList.designation} + + + + + + + {contactList.phonNumber} + + + + + + + {contactList.email} + + + + + + ))} + + + ); +} diff --git a/pages/contact-list/index.js b/pages/contact-list/index.js new file mode 100644 index 0000000..56cc3c4 --- /dev/null +++ b/pages/contact-list/index.js @@ -0,0 +1,265 @@ +import React from "react"; +import Grid from "@mui/material/Grid"; +import Card from "@mui/material/Card"; +import Typography from "@mui/material/Typography"; +import Box from "@mui/material/Box"; +import Button from '@mui/material/Button'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' + +const contactLists = [ + { + image: '/images/member1.png', + name: 'Alvarado Turner', + userName: '@alvaradoTurner', + email: 'alvaradoTurner@gmail.com', + projectUrl: '#', + post: '18k', + followers: '5.21k', + followings: '32k', + }, + { + image: '/images/member2.png', + name: 'Evangelina Mcclain', + userName: '@evangelinaMcclain', + email: 'evangelinaMcclain@gmail.com', + projectUrl: '#', + post: '10k', + followers: '4.20k', + followings: '15k', + }, + { + image: '/images/member3.png', + name: 'Candice Munoz', + userName: '@candiceMunoz', + email: 'candiceMunoz@gmail.com', + projectUrl: '#', + post: '5k', + followers: '2.20k', + followings: '12k', + }, + { + image: '/images/member4.png', + name: 'Bernard Langley', + userName: '@bernardLangley', + email: 'bernardLangley@gmail.com', + projectUrl: '#', + post: '19k', + followers: '10.20k', + followings: '30k', + }, + { + image: '/images/member5.png', + name: 'Kristie Hall', + userName: '@kristieHall', + email: 'kristieHall@gmail.com', + projectUrl: '#', + post: '14k', + followers: '9.20k', + followings: '40k', + }, + { + image: '/images/member6.png', + name: 'Bolton Obrien', + userName: '@boltonObrien', + email: 'boltonObrien@gmail.com', + projectUrl: '#', + post: '20k', + followers: '19.20k', + followings: '50k', + }, + { + image: '/images/member7.png', + name: 'Dee Alvarado', + userName: '@deeAlvarado', + email: 'deeAlvarado@gmail.com', + projectUrl: '#', + post: '22k', + followers: '30.20k', + followings: '50k', + }, + { + image: '/images/member8.png', + name: 'Cervantes Kramer', + userName: '@cervantesKramer', + email: 'cervantesKramer@gmail.com', + projectUrl: '#', + post: '25k', + followers: '35.20k', + followings: '10k', + }, + { + image: '/images/member9.png', + name: 'Dejesus Michael', + userName: '@dejesusMichael', + email: 'dejesusMichael@gmail.com', + projectUrl: '#', + post: '16k', + followers: '20.20k', + followings: '5k', + }, + { + image: '/images/member10.png', + name: 'Alissa Nelson', + userName: '@alissaNelson', + email: 'alissaNelson@gmail.com', + projectUrl: '#', + post: '13k', + followers: '20.20k', + followings: '250', + }, + { + image: '/images/member11.png', + name: 'English Haney', + userName: '@englishHaney', + email: 'englishHaney@gmail.com', + projectUrl: '#', + post: '12k', + followers: '12.20k', + followings: '1205', + }, + { + image: '/images/member12.png', + name: 'Edwards Mckenzie', + userName: '@edwardsMckenzie', + email: 'edwardsMckenzie@gmail.com', + projectUrl: '#', + post: '11k', + followers: '30.20k', + followings: '5k', + }, +]; + +export default function ContactList() { + return ( + <> + {/* Page title */} +

Contact List

+ Dashboard +
Contact List

+ + + {contactLists.map((contactList) => ( + + + Member

+ + {contactList.name} + + + + {contactList.userName} + + + + + + + + + + + + + + + + Post + + + {contactList.post} + + + + + + Followers + + + {contactList.followers} + + + + + + Followings + + + {contactList.followings} + + + + + + ))} + + + ); +} diff --git a/pages/contact-list/members-list.js b/pages/contact-list/members-list.js new file mode 100644 index 0000000..02e7ca3 --- /dev/null +++ b/pages/contact-list/members-list.js @@ -0,0 +1,883 @@ +import * as React from "react"; +import { Box, Typography } from "@mui/material"; +import Card from "@mui/material/Card"; +import PropTypes from "prop-types"; +import { useTheme } from "@mui/material/styles"; +import Table from "@mui/material/Table"; +import TableHead from "@mui/material/TableHead"; +import TableBody from "@mui/material/TableBody"; +import TableCell from "@mui/material/TableCell"; +import TableContainer from "@mui/material/TableContainer"; +import TableFooter from "@mui/material/TableFooter"; +import TablePagination from "@mui/material/TablePagination"; +import TableRow from "@mui/material/TableRow"; +import Paper from "@mui/material/Paper"; +import IconButton from "@mui/material/IconButton"; +import FirstPageIcon from "@mui/icons-material/FirstPage"; +import KeyboardArrowLeft from "@mui/icons-material/KeyboardArrowLeft"; +import KeyboardArrowRight from "@mui/icons-material/KeyboardArrowRight"; +import LastPageIcon from "@mui/icons-material/LastPage"; +import Grid from "@mui/material/Grid"; +import Tooltip from "@mui/material/Tooltip"; +import DeleteIcon from "@mui/icons-material/Delete"; +import DriveFileRenameOutlineIcon from "@mui/icons-material/DriveFileRenameOutline"; +import Backdrop from "@mui/material/Backdrop"; +import Button from "@mui/material/Button"; +import Fade from "@mui/material/Fade"; +import Modal from "@mui/material/Modal"; +import TextField from "@mui/material/TextField"; +import AddIcon from "@mui/icons-material/Add"; +import ClearIcon from "@mui/icons-material/Clear"; +import Checkbox from '@mui/material/Checkbox'; +import styles from '@/styles/PageTitle.module.css' +import Link from 'next/link'; +import { styled } from '@mui/material/styles'; +import Dialog from '@mui/material/Dialog'; +import DialogTitle from '@mui/material/DialogTitle'; +import CloseIcon from '@mui/icons-material/Close'; + +const label = { inputProps: { 'aria-label': 'Checkbox demo' } }; + +// Create new user Modal +const BootstrapDialog = styled(Dialog)(({ theme }) => ({ + '& .MuiDialogContent-root': { + padding: theme.spacing(2), + }, + '& .MuiDialogActions-root': { + padding: theme.spacing(1), + }, +})); + +function BootstrapDialogTitle(props) { + const { children, onClose, ...other } = props; + + return ( + + {children} + {onClose ? ( + theme.palette.grey[500], + }} + > + + + ) : null} + + ); +} + +BootstrapDialogTitle.propTypes = { + children: PropTypes.node, + onClose: PropTypes.func.isRequired, +}; +// End Create new user Modal + +function MembersLists(props) { + const theme = useTheme(); + const { count, page, rowsPerPage, onPageChange } = props; + + const handleFirstPageButtonClick = (event) => { + onPageChange(event, 0); + }; + + const handleBackButtonClick = (event) => { + onPageChange(event, page - 1); + }; + + const handleNextButtonClick = (event) => { + onPageChange(event, page + 1); + }; + + const handleLastPageButtonClick = (event) => { + onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1)); + }; + + return ( + + + {theme.direction === "rtl" ? : } + + + {theme.direction === "rtl" ? ( + + ) : ( + + )} + + = Math.ceil(count / rowsPerPage) - 1} + aria-label="next page" + > + {theme.direction === "rtl" ? ( + + ) : ( + + )} + + = Math.ceil(count / rowsPerPage) - 1} + aria-label="last page" + > + {theme.direction === "rtl" ? : } + + + ); +} + +MembersLists.propTypes = { + count: PropTypes.number.isRequired, + onPageChange: PropTypes.func.isRequired, + page: PropTypes.number.isRequired, + rowsPerPage: PropTypes.number.isRequired, +}; + +function createData(name, image, userName, email, tags, projects) { + return { + name, + image, + userName, + email, + tags, + projects, + }; +} + +const rows = [ + createData( + "Evangelina Mcclain", + "/images/user1.png", + "@jstevenson5c", + "jordansteve@gmail.com", + "HTML, CSS & JS", + "165" + ), + createData( + "Candice Munoz", + "/images/user2.png", + "@candice3unoz", + "candicemunoz@gmail.com", + "React, Next.js", + "120" + ), + createData( + "Mike Mcclain", + "/images/user3.png", + "@mike4mcclain", + "mikemcclain@gmail.com", + "Angular, Gatsby", + "220" + ), + createData( + "Bernard Langley", + "/images/user4.png", + "@bernardlangley", + "bernardlangley@gmail.com", + "HTML, React & Sass", + "122" + ), + createData( + "Kristie Hall", + "/images/user5.png", + "@kristie7hall", + "kristiehall@gmail.com", + "React, Next.js & Sass", + "360" + ), + createData( + "Bolton Obrien", + "/images/user6.png", + "@bolton4obrien", + "boltonobrien@gmail.com", + "Angular, HTML & Sass", + "250" + ), + createData( + "Dee Alvarado", + "/images/user7.png", + "@dee3alvarado", + "deealvarado@gmail.com", + "React, Next.js & Sass", + "140" + ), + createData( + "Cervantes Kramer", + "/images/user8.png", + "@cervantes4kramer", + "cervantes4kramer@gmail.com", + "Gatsby, React & Sass", + "345" + ), + createData( + "Dejesus Michael", + "/images/user9.png", + "@dejesus1michael", + "dejesusmichael@gmail.com", + "React, Gatsby & Sass", + "323" + ), + createData( + "Alissa Nelson", + "/images/user10.png", + "@alissa1nelson", + "alissa1nelson@gmail.com", + "React, Gatsby & Sass", + "451" + ), + createData( + "Milton", + "/images/user11.png", + "@milton", + "milton@gmail.com", + "React, HTML & Sass", + "432" + ), + createData( + "Claude", + "/images/user12.png", + "@claude", + "claude@gmail.com", + "React, Gatsby & Sass", + "543" + ), + createData( + "Joshua", + "/images/user13.png", + "@joshua", + "joshua@gmail.com", + "React, Gatsby & Sass", + "543" + ), + createData( + "Harvey", + "/images/user14.png", + "@harvey", + "harvey@gmail.com", + "React, Gatsby & Sass", + "432" + ), + createData( + "Antonio", + "/images/user15.png", + "@antonio", + "antonio@gmail.com", + "React, Gatsby & Sass", + "765" + ), + createData( + "Julian", + "/images/user16.png", + "@julian", + "julian@gmail.com", + "React, Gatsby & Sass", + "678" + ), + createData( + "Harold", + "/images/user17.png", + "@harold", + "harold@gmail.com", + "React, Gatsby & Sass", + "165" + ), + createData( + "Kingston", + "/images/user18.png", + "@kingston", + "kingston@info.com", + "React, Gatsby & Sass", + "165" + ), +].sort((a, b) => (a.name < b.name ? -1 : 1)); + +export default function MembersList() { + // Table + const [page, setPage] = React.useState(0); + const [rowsPerPage, setRowsPerPage] = React.useState(10); + + // Avoid a layout jump when reaching the last page with empty rows. + const emptyRows = + page > 0 ? Math.max(0, (1 + page) * rowsPerPage - rows.length) : 0; + + const handleChangePage = (event, newPage) => { + setPage(newPage); + }; + + const handleChangeRowsPerPage = (event) => { + setRowsPerPage(parseInt(event.target.value, 10)); + setPage(0); + }; + + // Create new user modal + const [open, setOpen] = React.useState(false); + + const handleClickOpen = () => { + setOpen(true); + }; + const handleClose = () => { + setOpen(false); + }; + + const handleSubmit = (event) => { + event.preventDefault(); + const data = new FormData(event.currentTarget); + console.log({ + email: data.get("email"), + password: data.get("password"), + }); + }; + // End Add Task Modal + + return ( + <> + {/* Page title */} +

Member List

+ Dashboard +
Member List

+ + + + + Users List + + + + + + + + + + + Name + + + + Email + + + + Tags + + + + Projects + + + + Action + + + + + + {(rowsPerPage > 0 + ? rows.slice( + page * rowsPerPage, + page * rowsPerPage + rowsPerPage + ) + : rows + ).map((row) => ( + + + + + User

+ + + {row.name} + + + + {row.userName} + + + + + + + {row.email} + + + + {row.tags} + + + + {row.projects} + + + + + + + + + + + + + + + + + + + ))} + + {emptyRows > 0 && ( + + + + )} + + + + + + + +

+ + + + {/* Create new user modal */} + + + + + + + + + + + + + + + + Image + + + + + + + + Name + + + + + + + + User Name + + + + + + + + Email + + + + + + + + Tags + + + + + + + + Projects + + + + + + + + + + + + + + + + + ); +} diff --git a/pages/contact-list/profile.js b/pages/contact-list/profile.js new file mode 100644 index 0000000..0439d48 --- /dev/null +++ b/pages/contact-list/profile.js @@ -0,0 +1,59 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import ProfileInfo from '@/components/ContactList/ProfileInfo'; +import Features from '@/components/ContactList/Features'; +import PersonalInformation from '@/components/ContactList/PersonalInformation'; +import ActivityTimeline from '@/components/ContactList/ActivityTimeline'; +import Overview from '@/components/ContactList/Overview'; +import MyTasks from '@/components/ContactList/MyTasks'; +import ImpressionGoalConversions from "@/components/Dashboard/Analytics/ImpressionGoalConversions"; +import styles from '@/styles/PageTitle.module.css' +import Link from 'next/link'; + +export default function Profile() { + return ( + <> + {/* Page title */} +

Profile

+ Dashboard +
Profile

+ + + + {/* ProfileInfo */} + + + {/* ImpressionGoalConversions */} + + + {/* Personal Information */} + + + {/* ActivityTimeline */} + + + + + {/* Features */} + + + {/* Overview */} + + + {/* MyTasks */} + + + + + ); +} diff --git a/pages/crypto.js b/pages/crypto.js new file mode 100644 index 0000000..f2a83f7 --- /dev/null +++ b/pages/crypto.js @@ -0,0 +1,65 @@ +import React from "react"; +import Grid from "@mui/material/Grid"; +import Link from "next/link"; +import styles from "@/styles/PageTitle.module.css"; +import Features from "@/components/Dashboard/Crypto/Features"; +import MarketGraph from "@/components/Dashboard/Crypto/MarketGraph"; +import CurrentRate from "@/components/Dashboard/Crypto/CurrentRate"; +import MyProfile from "@/components/Dashboard/Crypto/MyProfile"; +import UserActivities from "@/components/Dashboard/Crypto/UserActivities"; +import OrdersActivities from "@/components/Dashboard/Crypto/OrdersActivities"; +import MyCurrencies from "@/components/Dashboard/Crypto/MyCurrencies"; +import Trading from "@/components/Dashboard/Crypto/Trading"; + +export default function Crypto() { + return ( + <> + {/* Page title */} +

Crypto

+ Dashboard +
Crypto

+ + + + {/* Features */} + + + {/* MarketGraph */} + + + {/* CurrentRate */} + + + + + {/* MyProfile */} + + + {/* UserActivities */} + + + + + {/* OrdersActivities */} + + + + + {/* MyCurrencies */} + + + + + {/* Trading */} + + + + + ); +} diff --git a/pages/ecommerce.js b/pages/ecommerce.js new file mode 100644 index 0000000..54720af --- /dev/null +++ b/pages/ecommerce.js @@ -0,0 +1,102 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import Features from "@/components/Dashboard/eCommerce/Features"; +import Ratings from "@/components/Dashboard/eCommerce/Ratings"; +import AudienceOverview from "@/components/Dashboard/eCommerce/AudienceOverview"; +import VisitsByDay from "@/components/Dashboard/eCommerce/VisitsByDay"; +import Impressions from "@/components/Dashboard/eCommerce/Impressions"; +import ActivityTimeline from "@/components/Dashboard/eCommerce/ActivityTimeline"; +import RevenuStatus from "@/components/Dashboard/eCommerce/RevenuStatus"; +import SalesByCountries from "@/components/Dashboard/eCommerce/SalesByCountries"; +import NewCustomers from "@/components/Dashboard/eCommerce/NewCustomers"; +import RecentOrders from "@/components/Dashboard/eCommerce/RecentOrders"; +import TeamMembersList from "@/components/Dashboard/eCommerce/TeamMembersList"; +import BestSellingProducts from "@/components/Dashboard/eCommerce/BestSellingProducts"; +import LiveVisitsOnOurSite from "@/components/Dashboard/eCommerce/LiveVisitsOnOurSite"; + +export default function eCommerce() { + return ( + <> + {/* Page title */} +

eCommerce

+ Dashboard +
+ eCommerce +

Cart

+ Dashboard +
Cart

+ + + + {/* ShoppingCart */} + + + + + {/* OrderSummary */} + + + {/* HaveAPromoCode */} + + + + + ) +} + +export default Cart; \ No newline at end of file diff --git a/pages/ecommerce/checkout.js b/pages/ecommerce/checkout.js new file mode 100644 index 0000000..cb99b39 --- /dev/null +++ b/pages/ecommerce/checkout.js @@ -0,0 +1,41 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import ShoppingCart from '@/components/eCommerce/Checkout/ShoppingCart'; +import BillingInformation from '@/components/eCommerce/Checkout/BillingInformation'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' + +const Checkout = () => { + return ( + <> + {/* Page title */} +

Checkout

+ Dashboard +
Checkout

+ + + + {/* ShoppingCart */} + + + + + {/* BillingInformation */} + + + + + ) +} + +export default Checkout; \ No newline at end of file diff --git a/pages/ecommerce/create-product.js b/pages/ecommerce/create-product.js new file mode 100644 index 0000000..9fba186 --- /dev/null +++ b/pages/ecommerce/create-product.js @@ -0,0 +1,384 @@ +import * as React from "react"; +import { Box } from "@mui/material"; +import Grid from "@mui/material/Grid"; +import { Typography } from "@mui/material"; +import Button from "@mui/material/Button"; +import TextField from "@mui/material/TextField"; +import AddIcon from "@mui/icons-material/Add"; +import InputLabel from '@mui/material/InputLabel'; +import MenuItem from '@mui/material/MenuItem'; +import FormControl from '@mui/material/FormControl'; +import Select from '@mui/material/Select'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' + +import dynamic from 'next/dynamic' +const RichTextEditor = dynamic(() => import('@mantine/rte'), { + ssr: false, +}) + +const CreateProduct = () => { + const handleSubmit = (event) => { + event.preventDefault(); + const data = new FormData(event.currentTarget); + console.log({ + email: data.get("email"), + password: data.get("password"), + }); + }; + + // Select dropdown + const [categorySelect, setCategorySelect] = React.useState(''); + const handleChange = (event) => { + setCategorySelect(event.target.value); + }; + + return ( + <> + {/* Page title */} +

Create Product

+ Dashboard +
Create Product

+ + + + + Create Product + + + + + + Product Name + + + + + + + Short Description + + + + + + + Category + + + + Select + + + + + + + Price + + + + + + + Discount Price + + + + + + + Stock + + + + + + + Product Description + + + + + + + + Meta Title + + + + + + + Meta Keywords + + + + + + + Meta Description + + + + + + + + Product Image + + + + + product

+ + + + + + + + + + + ) +} + +export default CreateProduct; \ No newline at end of file diff --git a/pages/ecommerce/customers.js b/pages/ecommerce/customers.js new file mode 100644 index 0000000..99fd6d2 --- /dev/null +++ b/pages/ecommerce/customers.js @@ -0,0 +1,25 @@ +import React from 'react'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import CustomersLists from '@/components/eCommerce/Customers/CustomersLists'; + +const Customers = () => { + return ( + <> + {/* Page title */} +

Customers

+ Dashboard +
Customers

+ + + + ) +} + +export default Customers; \ No newline at end of file diff --git a/pages/ecommerce/order-details.js b/pages/ecommerce/order-details.js new file mode 100644 index 0000000..ff6998e --- /dev/null +++ b/pages/ecommerce/order-details.js @@ -0,0 +1,344 @@ +import React from "react"; +import Grid from "@mui/material/Grid"; +import Card from "@mui/material/Card"; +import { Box, Typography } from "@mui/material"; +import TrackOrder from "@/components/eCommerce/OrderDetails/TrackOrder"; +import OrderTable from "@/components/eCommerce/OrderDetails/TrackOrder/OrderTable"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' + +const OrderDetails = () => { + return ( + <> + {/* Page title */} +

Order Details

+ Dashboard +
Order Details

+ + + + {/* TrackOrder */} + + + + + {/* OrderTable */} + + + + + + + + + Shipping Information + + + + Thomas Adison + + + + + + Address: + + 3559 Roosevelt Wilson Lane San Bernardino, CA 92405 + + + + + Phone: + + (123) 456-7890 + + + + + Email: + + contact@gmail.com + + + + + + + + + Billing Information + + + + Thomas Adison + + + + + + Payment Type: + + Credit Card + + + + + Provider: + + Visa ending in 2851 + + + + + Valid Date: + + April 22 2019 + + + + + CVV: + + xxx + + + + + + + + + Delivery Info + + + + UPS Delivery + + + + + + Order ID : + + xxxx235 + + + + + Payment Mode : + + COD + + + + + Email: + + info@contact.com + + + + + + + ); +}; + +export default OrderDetails; diff --git a/pages/ecommerce/orders-list.js b/pages/ecommerce/orders-list.js new file mode 100644 index 0000000..514620d --- /dev/null +++ b/pages/ecommerce/orders-list.js @@ -0,0 +1,30 @@ +import React from 'react'; +import OrdersLists from '@/components/eCommerce/OrdersList/OrdersLists'; +import Features from '@/components/eCommerce/OrdersList/Features'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' + +const OrdersList = () => { + return ( + <> + {/* Page title */} +

Orders List

+ Dashboard +
Orders List

+ + {/* Features */} + + + {/* OrdersLists */} + + + ) +} + +export default OrdersList; \ No newline at end of file diff --git a/pages/ecommerce/product-details.js b/pages/ecommerce/product-details.js new file mode 100644 index 0000000..121a220 --- /dev/null +++ b/pages/ecommerce/product-details.js @@ -0,0 +1,23 @@ +import React from 'react'; +import ProductDetailsContent from "@/components/eCommerce/ProductDetails/ProductDetailsContent"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' + +export default function ProductDetails() { + return ( + <> + {/* Page title */} +

Product Details

+ Dashboard +
Product Details

+ + + + ); +} diff --git a/pages/ecommerce/products.js b/pages/ecommerce/products.js new file mode 100644 index 0000000..8cc5f55 --- /dev/null +++ b/pages/ecommerce/products.js @@ -0,0 +1,1017 @@ +import * as React from "react"; +import { Box } from "@mui/material"; +import Grid from "@mui/material/Grid"; +import Card from "@mui/material/Card"; +import { Typography } from "@mui/material"; +import PropTypes from "prop-types"; +import { useTheme } from "@mui/material/styles"; +import Table from "@mui/material/Table"; +import TableHead from "@mui/material/TableHead"; +import TableBody from "@mui/material/TableBody"; +import TableCell from "@mui/material/TableCell"; +import TableContainer from "@mui/material/TableContainer"; +import TableFooter from "@mui/material/TableFooter"; +import TablePagination from "@mui/material/TablePagination"; +import TableRow from "@mui/material/TableRow"; +import Paper from "@mui/material/Paper"; +import IconButton from "@mui/material/IconButton"; +import FirstPageIcon from "@mui/icons-material/FirstPage"; +import KeyboardArrowLeft from "@mui/icons-material/KeyboardArrowLeft"; +import KeyboardArrowRight from "@mui/icons-material/KeyboardArrowRight"; +import LastPageIcon from "@mui/icons-material/LastPage"; +import Tooltip from "@mui/material/Tooltip"; +import DeleteIcon from "@mui/icons-material/Delete"; +import DriveFileRenameOutlineIcon from "@mui/icons-material/DriveFileRenameOutline"; +import VisibilityIcon from '@mui/icons-material/Visibility'; +import Backdrop from "@mui/material/Backdrop"; +import Button from "@mui/material/Button"; +import Fade from "@mui/material/Fade"; +import Modal from "@mui/material/Modal"; +import TextField from "@mui/material/TextField"; +import AddIcon from "@mui/icons-material/Add"; +import ClearIcon from "@mui/icons-material/Clear"; +import InputLabel from '@mui/material/InputLabel'; +import MenuItem from '@mui/material/MenuItem'; +import FormControl from '@mui/material/FormControl'; +import Select from '@mui/material/Select'; +import ShoppingCartIcon from '@mui/icons-material/ShoppingCart'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' + +import dynamic from 'next/dynamic' +const RichTextEditor = dynamic(() => import('@mantine/rte'), { + ssr: false, +}) + +// Create Product Modal Style +const style = { + position: "absolute", + top: "50%", + left: "50%", + transform: "translate(-50%, -50%)", + height: "100%", + maxWidth: '700px', + width: '100%', + overflow: "auto", + bgcolor: "background.paper", + boxShadow: 24, + borderRadius: "8px", +}; + +function Product(props) { + const theme = useTheme(); + const { count, page, rowsPerPage, onPageChange } = props; + + const handleFirstPageButtonClick = (event) => { + onPageChange(event, 0); + }; + + const handleBackButtonClick = (event) => { + onPageChange(event, page - 1); + }; + + const handleNextButtonClick = (event) => { + onPageChange(event, page + 1); + }; + + const handleLastPageButtonClick = (event) => { + onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1)); + }; + + return ( + + + {theme.direction === "rtl" ? : } + + + {theme.direction === "rtl" ? ( + + ) : ( + + )} + + = Math.ceil(count / rowsPerPage) - 1} + aria-label="next page" + > + {theme.direction === "rtl" ? ( + + ) : ( + + )} + + = Math.ceil(count / rowsPerPage) - 1} + aria-label="last page" + > + {theme.direction === "rtl" ? : } + + + ); +} + +Product.propTypes = { + count: PropTypes.number.isRequired, + onPageChange: PropTypes.func.isRequired, + page: PropTypes.number.isRequired, + rowsPerPage: PropTypes.number.isRequired, +}; + +function createData( + productImg, + productTitle, + category, + price, + orders, + stock, + rating, +) { + return { + productImg, + productTitle, + category, + price, + orders, + stock, + rating, + }; +} + +const rows = [ + createData( + "/images/product1.png", + "Laptop Macos Pro", + "Laptop", + "$289.50", + "46", + "12", + "5.0 (61 votes)", + ), + createData( + "/images/product2.png", + "Smart Camera XD6", + "Camera", + "$189.50", + "50", + "Out of Stock", + "5.0 (40 votes)" + ), + createData( + "/images/product3.png", + "Pixi 8 Wireless Airphone", + "Phone", + "$250.50", + "45", + "400", + "5.0 (15 votes)" + ), + createData( + "/images/product4.png", + "Jebble Smart Watch", + "Watch", + "$289.50", + "100", + "200", + "5.0 (99 votes)" + ), + createData( + "/images/product5.png", + "Admas Airpod x-Zon", + "Airpod", + "$289.50", + "120", + "Out of Stock", + "5.0 (150 votes)" + ), + createData( + "/images/product6.png", + "Smart Watch F8 Pro", + "Watch", + "$289.50", + "20", + "100", + "5.0 (5 votes)" + ), + createData( + "/images/product7.png", + "Nord Fold ZL", + "Pone", + "$289.50", + "55", + "108", + "5.0 (11 votes)" + ), + createData( + "/images/product8.png", + "Wall Clock Cimbina", + "Clock", + "$289.50", + "40", + "100", + "5.0 (4 votes)" + ), + createData( + "/images/product9.png", + "Galaxo T6 Munsun", + "Smart Phone", + "$289.50", + "50", + "130", + "5.0 (55 votes)" + ), + createData( + "/images/product1.png", + "Macbook Pro", + "Laptop", + "$1,299.00", + "120", + "1500", + "5.0 (150 votes)" + ), + createData( + "/images/product2.png", + "iphone 14 pro max", + "Phone", + "$1029", + "200", + "599", + "5.0 (200 votes)" + ), + createData( + "/images/product3.png", + "HeadPhone", + "HeadPhone", + "$100.50", + "25", + "50", + "5.0 (61 votes)" + ), + createData( + "/images/product4.png", + "Superstar shoes", + "shoes", + "$59.50", + "45", + "50", + "5.0 (45 votes)" + ), + createData( + "/images/product5.png", + "Nike shirts", + "Shirts", + "$30.50", + "32", + "40", + "5.0 (22 votes)" + ), + createData( + "/images/product6.png", + "Nike caps", + "Caps", + "$15.50", + "33", + "50", + "5.0 (3 votes)" + ), + createData( + "/images/product7.png", + "Hoodie (Blue)", + "Hoodie", + "$59.50", + "30", + "55", + "5.0 (44 votes)" + ), + createData( + "/images/product8.png", + "Wall Clock China", + "Clock", + "$100.50", + "30", + "230", + "5.0 (45 votes)" + ), + createData( + "/images/product9.png", + "Galaxo T6 Munsun 2", + "Phone", + "$220.50", + "22", + "50", + "5.0 (24 votes)" + ), +].sort((a, b) => (a.productTitle < b.productTitle ? -1 : 1)); + +export default function Products() { + // Table + const [page, setPage] = React.useState(0); + const [rowsPerPage, setRowsPerPage] = React.useState(10); + + // Avoid a layout jump when reaching the last page with empty rows. + const emptyRows = + page > 0 ? Math.max(0, (1 + page) * rowsPerPage - rows.length) : 0; + + const handleChangePage = (event, newPage) => { + setPage(newPage); + }; + + const handleChangeRowsPerPage = (event) => { + setRowsPerPage(parseInt(event.target.value, 10)); + setPage(0); + }; + + // Create Product Modal & Form + const [open, setOpen] = React.useState(false); + const handleOpen = () => setOpen(true); + const handleClose = () => setOpen(false); + + const handleSubmit = (event) => { + event.preventDefault(); + const data = new FormData(event.currentTarget); + console.log({ + email: data.get("email"), + password: data.get("password"), + }); + }; + + // Select dropdown + const [categorySelect, setCategorySelect] = React.useState(''); + const handleChange = (event) => { + setCategorySelect(event.target.value); + }; + + return ( + <> + {/* Page title */} +

Products

+ Dashboard +
Products

+ + + + + Products + + + + + + + + + + + Product Name + + + + Category + + + + Price + + + + Orders + + + + Stock + + + + Rating + + + + Actions + + + + + + {(rowsPerPage > 0 + ? rows.slice( + page * rowsPerPage, + page * rowsPerPage + rowsPerPage + ) + : rows + ).map((row) => ( + + + + Product Img

+ + {row.productTitle} + + + + + + {row.category} + + + + {row.price} + + + + {row.orders} + + + + {row.stock} + + + + {row.rating} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ))} + + {emptyRows > 0 && ( + + + + )} + + + + + + + +

+ + + + {/* Create Product Modal */} + + + + + + + + + + + + + + + + + Product Name + + + + + + + Short Description + + + + + + + Category + + + + Select + + + + + + + Price + + + + + + + + Discount Price + + + + + + + + Stock + + + + + + + + Product Description + + + + + + + + Product Image + + + + + + product

+ + + + + + + + + + + + + + + + ); +} diff --git a/pages/ecommerce/sellers.js b/pages/ecommerce/sellers.js new file mode 100644 index 0000000..7d01631 --- /dev/null +++ b/pages/ecommerce/sellers.js @@ -0,0 +1,207 @@ +import React from "react"; +import Grid from "@mui/material/Grid"; +import { Box, Typography } from "@mui/material"; +import Card from "@mui/material/Card"; +import Button from "@mui/material/Button"; +import IconButton from "@mui/material/IconButton"; +import DeleteIcon from "@mui/icons-material/Delete"; +import Tooltip from "@mui/material/Tooltip"; +import BorderColorIcon from "@mui/icons-material/BorderColor"; +import Link from "next/link"; +import styles from '@/styles/PageTitle.module.css' + +const sellerLists = [ + { + id: 1, + brandLogo: "/images/seller1.png", + brandName: "Nesta Technologies", + sellersName: "Katia Stapleton", + itemStock: "12,0558", + walletBalance: "$48,450.00", + viewUrl: "#", + }, + { + id: 2, + brandLogo: "/images/seller2.png", + brandName: "Force Medicines", + sellersName: "Wade Dave", + itemStock: "10,500", + walletBalance: "$50,500.00", + viewUrl: "#", + }, + { + id: 3, + brandLogo: "/images/seller3.png", + brandName: "Metelgo Sys", + sellersName: "Gilbert Dan", + itemStock: "8,450", + walletBalance: "$60,450.00", + viewUrl: "#", + }, + { + id: 4, + brandLogo: "/images/seller4.png", + brandName: "Digito Galatoxy", + sellersName: "Roberto Ramon", + itemStock: "15,0587", + walletBalance: "$78,450.00", + viewUrl: "#", + }, + { + id: 5, + brandLogo: "/images/seller5.png", + brandName: "Micro Technology", + sellersName: "Nathaniel Liam", + itemStock: "18,0558", + walletBalance: "$65,450.00", + viewUrl: "#", + }, + { + id: 6, + brandLogo: "/images/seller6.png", + brandName: "iTest Factory", + sellersName: "Ethan Milton", + itemStock: "19,0558", + walletBalance: "$76,450.00", + viewUrl: "#", + }, + { + id: 7, + brandLogo: "/images/seller7.png", + brandName: "Syntech Service", + sellersName: "Joshua Harvey", + itemStock: "20,0558", + walletBalance: "$56,450.00", + viewUrl: "#", + }, + { + id: 8, + brandLogo: "/images/seller8.png", + brandName: "Zotic Mentex", + sellersName: "Antonio Connor", + itemStock: "22,0558", + walletBalance: "$90,450.00", + viewUrl: "#", + }, +]; + +const Sellers = () => { + return ( + <> + {/* Page title */} +

Sellers

+ Dashboard +
Sellers

+ + + {sellerLists.map((seller) => ( + + + Seller

+ + + {seller.brandName} + + + {seller.sellersName} + + + + + + + + Item Stock + + + {seller.itemStock} + + + + + Wallet Balance + + + {seller.walletBalance} + + + + + {/* Edit & Delete Button */} + + + + + + + + + + + + + + + + ))} + + + ); +}; + +export default Sellers; diff --git a/pages/email/inbox.js b/pages/email/inbox.js new file mode 100644 index 0000000..0daaa48 --- /dev/null +++ b/pages/email/inbox.js @@ -0,0 +1,39 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import LeftSidebar from '@/components/Email/LeftSidebar'; +import EmailLists from '@/components/Email/EmailLists'; + +export default function Inbox() { + return ( + <> + {/* Page title */} +

Email

+ Dashboard +
Email

+ + + + {/* LeftSidebar */} + + + + + {/* EmailList */} + + + + + ); +} diff --git a/pages/email/read-email.js b/pages/email/read-email.js new file mode 100644 index 0000000..e98fe0a --- /dev/null +++ b/pages/email/read-email.js @@ -0,0 +1,39 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import LeftSidebar from '@/components/Email/LeftSidebar'; +import ReadEmailContent from '@/components/Email/ReadEmailContent'; + +export default function ReadEmail() { + return ( + <> + {/* Page title */} +

Read Email

+ Dashboard +
Read Email

+ + + + {/* LeftSidebar */} + + + + + {/* ReadEmailContent */} + + + + + ); +} diff --git a/pages/forms/advanced-elements.js b/pages/forms/advanced-elements.js new file mode 100644 index 0000000..77d799e --- /dev/null +++ b/pages/forms/advanced-elements.js @@ -0,0 +1,57 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import DefaultSelect from '@/components/Forms/AdvancedElements/DefaultSelect'; +import MultiSelect from '@/components/Forms/AdvancedElements/MultiSelect'; +import MultipleSelectChip from '@/components/Forms/AdvancedElements/MultipleSelectChip'; +import CountrySelect from '@/components/Forms/AdvancedElements/CountrySelect'; +import BasicDatePicker from '@/components/Forms/AdvancedElements/BasicDatePicker'; +import BasicTimePicker from '@/components/Forms/AdvancedElements/BasicTimePicker'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' + +export default function AdvancedElements() { + return ( + <> + {/* Page title */} +

Advanced Elements

+ Dashboard +
Advanced Elements

+ + + + {/* DefaultSelect */} + + + + + {/* MultiSelect */} + + + + + {/* MultipleSelectChip */} + + + + + {/* CountrySelect */} + + + {/* BasicTimePicker */} + + + {/* BasicDatePicker */} + + + ); +} diff --git a/pages/forms/editors.js b/pages/forms/editors.js new file mode 100644 index 0000000..2e5ba3b --- /dev/null +++ b/pages/forms/editors.js @@ -0,0 +1,23 @@ +import React from 'react'; +import EditorArea from '@/components/Forms/EditorArea'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' + +export default function Editors() { + return ( + <> + {/* Page title */} +

Editors

+ Dashboard +
Editors

+ + + + ); +} diff --git a/pages/forms/file-uploader.js b/pages/forms/file-uploader.js new file mode 100644 index 0000000..1693d85 --- /dev/null +++ b/pages/forms/file-uploader.js @@ -0,0 +1,23 @@ +import React from 'react'; +import UploadMultipleFiles from '@/components/Forms/FileUploader/UploadMultipleFiles'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' + +export default function FileUploader() { + return ( + <> + {/* Page title */} +

File Uploader

+ Dashboard +
File Uploader

+ + + + ); +} diff --git a/pages/forms/form-layouts.js b/pages/forms/form-layouts.js new file mode 100644 index 0000000..55aad24 --- /dev/null +++ b/pages/forms/form-layouts.js @@ -0,0 +1,50 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import BasicForm from '@/components/Forms/FormLayouts/BasicForm'; +import BasicWithIcons from '@/components/Forms/FormLayouts/BasicWithIcons'; +import SignInForm from '@/components/Forms/FormLayouts/SignInForm'; +import SignUpForm from '@/components/Forms/FormLayouts/SignUpForm'; +import CustomStyles from '@/components/Forms/FormLayouts/CustomStyles'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' + +export default function FormLayouts() { + return ( + <> + {/* Page title */} +

Form Layouts

+ Dashboard +
Form Layouts

+ + + + {/* BasicForm */} + + + {/* SignIn */} + + + + + {/* BasicWithIcons */} + + + {/* SignUpForm */} + + + + + + + ); +} diff --git a/pages/help-desk.js b/pages/help-desk.js new file mode 100644 index 0000000..3ce09dc --- /dev/null +++ b/pages/help-desk.js @@ -0,0 +1,74 @@ +import React from "react"; +import Grid from "@mui/material/Grid"; +import Link from "next/link"; +import styles from "@/styles/PageTitle.module.css"; +import Features from "@/components/Dashboard/HelpDesk/Features"; +import TicketsStatus from "@/components/Dashboard/HelpDesk/TicketsStatus"; +import CustomerSatisfaction from "@/components/Dashboard/HelpDesk/CustomerSatisfaction"; +import SupportStatus from "@/components/Dashboard/HelpDesk/SupportStatus"; +import AverageSpeedOfAnswer from "@/components/Dashboard/HelpDesk/AverageSpeedOfAnswer"; +import AgentPerformance from "@/components/Dashboard/HelpDesk/AgentPerformance"; +import TimeToResolveComplaint from "@/components/Dashboard/HelpDesk/TimeToResolveComplaint"; +import Activity from "@/components/Dashboard/HelpDesk/Activity"; + +export default function HelpDesk() { + return ( + <> + {/* Page title */} +

Help/Support Desk

+ Dashboard +
Help or Support Desk

+ + {/* Features */} + + + + + {/* TicketsStatus */} + + + + + {/* CustomerSatisfaction */} + + + + + + + + + {/* AverageSpeedOfAnswer */} + + + {/* TimeToResolveComplaint */} + + + + + {/* SupportStatus */} + + + + + + + {/* Activity */} + + + + + {/* AgentPerformance */} + + + ); +} diff --git a/pages/index.js b/pages/index.js new file mode 100644 index 0000000..54720af --- /dev/null +++ b/pages/index.js @@ -0,0 +1,102 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import Features from "@/components/Dashboard/eCommerce/Features"; +import Ratings from "@/components/Dashboard/eCommerce/Ratings"; +import AudienceOverview from "@/components/Dashboard/eCommerce/AudienceOverview"; +import VisitsByDay from "@/components/Dashboard/eCommerce/VisitsByDay"; +import Impressions from "@/components/Dashboard/eCommerce/Impressions"; +import ActivityTimeline from "@/components/Dashboard/eCommerce/ActivityTimeline"; +import RevenuStatus from "@/components/Dashboard/eCommerce/RevenuStatus"; +import SalesByCountries from "@/components/Dashboard/eCommerce/SalesByCountries"; +import NewCustomers from "@/components/Dashboard/eCommerce/NewCustomers"; +import RecentOrders from "@/components/Dashboard/eCommerce/RecentOrders"; +import TeamMembersList from "@/components/Dashboard/eCommerce/TeamMembersList"; +import BestSellingProducts from "@/components/Dashboard/eCommerce/BestSellingProducts"; +import LiveVisitsOnOurSite from "@/components/Dashboard/eCommerce/LiveVisitsOnOurSite"; + +export default function eCommerce() { + return ( + <> + {/* Page title */} +

eCommerce

+ Dashboard +
+ eCommerce +

+ + + + {/* Features */} + + + {/* AudienceOverview */} + + + + + {/* VisitsByDay */} + + + + + {/* Impressions */} + + + {/* ActivityTimeline */} + + + + + {/* RevenuStatus */} + + + + + + + {/* Ratings */} + + + {/* LiveVisitsOnOurSite */} + + + {/* SalesByLocations */} + + + {/* NewCustomers */} + + + + + {/* Recent Orders */} + + + + + {/* TeamMembersList */} + + + + + {/* BestSellingProducts */} + + + + + ); +} diff --git a/pages/lms-courses.js b/pages/lms-courses.js new file mode 100644 index 0000000..276ee25 --- /dev/null +++ b/pages/lms-courses.js @@ -0,0 +1,87 @@ +import Grid from "@mui/material/Grid"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import Features from '@/components/Dashboard/LMSCourses/Features'; +import YourProgress from "@/components/Dashboard/LMSCourses/YourProgress"; +import ExperienceIQ from "@/components/Dashboard/LMSCourses/ExperienceIQ"; +import HoursSpent from "@/components/Dashboard/LMSCourses/HoursSpent"; +import MyPlanning from "@/components/Dashboard/LMSCourses/MyPlanning"; +import TopInstructor from "@/components/Dashboard/LMSCourses/TopInstructor"; +import TotalWatched from "@/components/Dashboard/LMSCourses/TotalWatched"; +import CurrentCourses from "@/components/Dashboard/LMSCourses/CurrentCourses"; +import Courses from "@/components/Dashboard/LMSCourses/Courses"; +import ActiveCourse from "@/components/Dashboard/LMSCourses/ActiveCourse"; +import CourseCompletion from "@/components/Dashboard/LMSCourses/CourseCompletion"; +import Messages from "@/components/Dashboard/LMSCourses/Messages"; +import TopStudents from "@/components/Dashboard/LMSCourses/TopStudents"; + +export default function LMSCourses() { + return ( + <> + {/* Page title */} +

LMS Courses

+ Dashboard +
+ LMS Courses +

+ + {/* Features */} + + + + + {/* YourProgress */} + + + + + {/* HoursSpent */} + + + {/* TopInstructor */} + + + + + {/* MyPlanning */} + + + {/* TotalWatched */} + + + + + {/* CurrentCourse */} + + + {/* Courses */} + + + + + {/* ExperienceIQ */} + + + {/* ActiveCourse */} + + + {/* CourseCompletion */} + + + {/* Messages */} + + + {/* TopStudents */} + + + + + + ); +} diff --git a/pages/notification.js b/pages/notification.js new file mode 100644 index 0000000..8a36811 --- /dev/null +++ b/pages/notification.js @@ -0,0 +1,22 @@ +import NotificationTable from '@/components/Notification/NotificationTable'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Notification() { + return ( + <> + {/* Page title */} +

Notification

+ Dashboard +
Notification

+ + + + ); +} diff --git a/pages/pages/apexcharts.js b/pages/pages/apexcharts.js new file mode 100644 index 0000000..216b059 --- /dev/null +++ b/pages/pages/apexcharts.js @@ -0,0 +1,399 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import { Typography } from "@mui/material"; +import Basic from '@/components/Pages/Charts/ApexCharts/LineCharts/Basic'; +import Stepline from '@/components/Pages/Charts/ApexCharts/LineCharts/Stepline'; +import Gradient from '@/components/Pages/Charts/ApexCharts/LineCharts/Gradient'; +import Dashed from '@/components/Pages/Charts/ApexCharts/LineCharts/Dashed'; +import BasicAreaCharts from '@/components/Pages/Charts/ApexCharts/AreaCharts/BasicAreaCharts'; +import Spline from '@/components/Pages/Charts/ApexCharts/AreaCharts/Spline'; +import DatetimeXAxis from '@/components/Pages/Charts/ApexCharts/AreaCharts/DatetimeXAxis'; +import Negative from '@/components/Pages/Charts/ApexCharts/AreaCharts/Negative'; +import BasicColumnCharts from '@/components/Pages/Charts/ApexCharts/ColumnCharts/BasicColumnCharts'; +import ColumnWithDataLabels from '@/components/Pages/Charts/ApexCharts/ColumnCharts/ColumnWithDataLabels'; +import StackedColumns from '@/components/Pages/Charts/ApexCharts/ColumnCharts/StackedColumns'; +import StackedColumns100 from '@/components/Pages/Charts/ApexCharts/ColumnCharts/StackedColumns100'; +import BasicBarCharts from '@/components/Pages/Charts/ApexCharts/BarCharts/BasicBarCharts'; +import Grouped from '@/components/Pages/Charts/ApexCharts/BarCharts/Grouped'; +import StackedBar from '@/components/Pages/Charts/ApexCharts/BarCharts/StackedBar'; +import StackedBars100 from '@/components/Pages/Charts/ApexCharts/BarCharts/StackedBars100'; +import LineColumn from '@/components/Pages/Charts/ApexCharts/MixedCharts/LineColumn'; +import MultipleYAxis from '@/components/Pages/Charts/ApexCharts/MixedCharts/MultipleYAxis'; +import LineArea from '@/components/Pages/Charts/ApexCharts/MixedCharts/LineArea'; +import LineColumnArea from '@/components/Pages/Charts/ApexCharts/MixedCharts/LineColumnArea'; +import BasicPolarAreaCharts from '@/components/Pages/Charts/ApexCharts/PolarAreaCharts/BasicPolarAreaCharts'; +import Monochrome from '@/components/Pages/Charts/ApexCharts/PolarAreaCharts/Monochrome'; +import BasicRadarCharts from '@/components/Pages/Charts/ApexCharts/RadarCharts/BasicRadarCharts'; +import RadarMultipleSeries from '@/components/Pages/Charts/ApexCharts/RadarCharts/RadarMultipleSeries'; +import RadarWithPolygonFill from '@/components/Pages/Charts/ApexCharts/RadarCharts/RadarWithPolygonFill'; +import BasicRadialBarCharts from '@/components/Pages/Charts/ApexCharts/RadialBarCharts/BasicRadialBarCharts'; +import MultipleRadialbars from '@/components/Pages/Charts/ApexCharts/RadialBarCharts/MultipleRadialbars'; +import CustomAngleCircle from '@/components/Pages/Charts/ApexCharts/RadialBarCharts/CustomAngleCircle'; +import SimplePieChart from '@/components/Pages/Charts/ApexCharts/PieCharts/SimplePieChart'; +import SimpleDonut from '@/components/Pages/Charts/ApexCharts/PieCharts/SimpleDonut'; +import UpdateDonut from '@/components/Pages/Charts/ApexCharts/PieCharts/UpdateDonut'; +import MonochromePie from '@/components/Pages/Charts/ApexCharts/PieCharts/MonochromePie'; +import GradientDonut from '@/components/Pages/Charts/ApexCharts/PieCharts/GradientDonut'; +import PieCharts from '@/components/Pages/Charts/ApexCharts/PieCharts/DonutWithPattern'; +import NavBar from '@/components/Pages/Charts/NavBar'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' + +export default function Charts() { + return ( + <> + {/* Page title */} +

Charts

+ Dashboard +
Charts

+ + {/* Nav */} + + + {/* Line Charts */} + + Line Charts + + + + + {/* Basic */} + + + {/* Gradient */} + + + + + {/* Stepline */} + + + {/* Dashed */} + + + + + {/* Area Charts */} + + Area Charts + + + + + {/* BasicAreaCharts */} + + + {/* DatetimeXAxis */} + + + + + {/* Spline */} + + + {/* Negative */} + + + + + {/* Column Charts */} + + Column Charts + + + + + {/* BasicColumnCharts */} + + + {/* StackedColumns */} + + + + + {/* ColumnWithDataLabels */} + + + {/* StackedColumns100 */} + + + + + {/* Bar Charts */} + + Bar Charts + + + + + {/* BasicBarCharts */} + + + {/* StackedBar */} + + + + + {/* Grouped */} + + + {/* StackedBars100 */} + + + + + {/* Mixed Charts */} + + Mixed Charts + + + + + {/* LineColumn */} + + + {/* LineArea */} + + + + + {/* MultipleYAxis */} + + + {/* LineColumnArea */} + + + + + {/* Polar Area Charts */} + + Polar Area Charts + + + + + {/* BasicPolarAreaCharts */} + + + + + {/* Monochrome */} + + + + + {/* Radar Charts */} + + Radar Charts + + + + + {/* BasicRadarCharts */} + + + + + {/* RadarMultipleSeries */} + + + + + {/* RadarWithPolygonFill */} + + + + + {/* RadialBar Charts */} + + RadialBar Charts + + + + + {/* BasicRadialBarCharts */} + + + + + {/* MultipleRadialbars */} + + + + + {/* CustomAngleCircle */} + + + + + {/* PieCharts */} + + Pie Charts + + + + + {/* SimplePieChart */} + + + {/* UpdateDonut */} + + + {/* MonochromePie */} + + + + + {/* SimpleDonut */} + + + {/* GradientDonut */} + + + {/* PieCharts */} + + + + + ); +} diff --git a/pages/pages/faq.js b/pages/pages/faq.js new file mode 100644 index 0000000..9e55ab8 --- /dev/null +++ b/pages/pages/faq.js @@ -0,0 +1,32 @@ +import React from 'react'; +import BasicAccordion from '@/components/UIElements/Accordion/BasicAccordion'; +import ControlledAccordion from '@/components/UIElements/Accordion/ControlledAccordion'; +import Customization from '@/components/UIElements/Accordion/Customization'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' + +export default function FAQ() { + return ( + <> + {/* Page title */} +

FAQ

+ Dashboard +
FAQ

+ + {/* BasicAccordion */} + + + {/* ControlledAccordion */} + + + {/* Customization */} + + + ); +} diff --git a/pages/pages/gallery.js b/pages/pages/gallery.js new file mode 100644 index 0000000..21f1a2b --- /dev/null +++ b/pages/pages/gallery.js @@ -0,0 +1,23 @@ +import React from 'react'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import GalleryContent from '@/components/Pages/Gallery/GalleryContent'; + +export default function Gallery() { + return ( + <> + {/* Page title */} +

Gallery

+ Dashboard +
Gallery

+ + + + ); +} diff --git a/pages/pages/invoice-details.js b/pages/pages/invoice-details.js new file mode 100644 index 0000000..0c770ad --- /dev/null +++ b/pages/pages/invoice-details.js @@ -0,0 +1,23 @@ +import React from 'react'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import InvoiceDetailsContent from '@/components/Pages/Invoice/InvoiceDetailsContent' + +export default function InvoiceDetails() { + return ( + <> + {/* Page title */} +

Invoice Details

+ Dashboard +
Invoice Details

+ + + + ); +} diff --git a/pages/pages/invoice.js b/pages/pages/invoice.js new file mode 100644 index 0000000..814811c --- /dev/null +++ b/pages/pages/invoice.js @@ -0,0 +1,23 @@ +import React from 'react'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import InvoiceLists from '@/components/Pages/Invoice/InvoiceLists'; + +export default function Invoice() { + return ( + <> + {/* Page title */} +

Invoice

+ Dashboard +
Invoice

+ + + + ); +} diff --git a/pages/pages/maps.js b/pages/pages/maps.js new file mode 100644 index 0000000..fc72744 --- /dev/null +++ b/pages/pages/maps.js @@ -0,0 +1,32 @@ +import React from 'react'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import GoogleMap from '@/components/Pages/Maps/GoogleMap'; +import BasicMarkers from '@/components/Pages/Maps/BasicMarkers'; +import EuropeMapWithGraticule from '@/components/Pages/Maps/EuropeMapWithGraticule'; + +export default function Maps() { + return ( + <> + {/* Page title */} +

Maps

+ Dashboard +
Maps

+ + {/* GoogleMap */} + + + {/* BasicMarkers */} + + + {/* EuropeMapWithGraticule */} + + + ); +} diff --git a/pages/pages/material-icons.js b/pages/pages/material-icons.js new file mode 100644 index 0000000..a3cc13e --- /dev/null +++ b/pages/pages/material-icons.js @@ -0,0 +1,558 @@ +import React from "react"; +import Card from "@mui/material/Card"; +import { Box, Typography } from "@mui/material"; +import Grid from "@mui/material/Grid"; +import AbcIcon from '@mui/icons-material/Abc'; +import AcUnitIcon from '@mui/icons-material/AcUnit'; +import AccessAlarmIcon from '@mui/icons-material/AccessAlarm'; +import AccessAlarmsIcon from '@mui/icons-material/AccessAlarms'; +import AccessTimeIcon from '@mui/icons-material/AccessTime'; +import AccessTimeFilledIcon from '@mui/icons-material/AccessTimeFilled'; +import AccessibilityIcon from '@mui/icons-material/Accessibility'; +import AccessibilityNewIcon from '@mui/icons-material/AccessibilityNew'; +import AccessibleIcon from '@mui/icons-material/Accessible'; +import AccessibleForwardIcon from '@mui/icons-material/AccessibleForward'; +import AccountBalanceIcon from '@mui/icons-material/AccountBalance'; +import AccountBalanceWalletIcon from '@mui/icons-material/AccountBalanceWallet'; +import AccountBoxIcon from '@mui/icons-material/AccountBox'; +import AccountCircleIcon from '@mui/icons-material/AccountCircle'; +import AccountTreeIcon from '@mui/icons-material/AccountTree'; +import AdUnitsIcon from '@mui/icons-material/AdUnits'; +import AdbIcon from '@mui/icons-material/Adb'; +import AddIcon from '@mui/icons-material/Add'; +import AddAPhotoIcon from '@mui/icons-material/AddAPhoto'; +import AddAlarmIcon from '@mui/icons-material/AddAlarm'; +import AddAlertIcon from '@mui/icons-material/AddAlert'; +import AddBoxIcon from '@mui/icons-material/AddBox'; +import AddBusinessIcon from '@mui/icons-material/AddBusiness'; +import AddCardIcon from '@mui/icons-material/AddCard'; +import AddCircleIcon from '@mui/icons-material/AddCircle'; +import AddCircleOutlineIcon from '@mui/icons-material/AddCircleOutline'; +import AddToQueueIcon from '@mui/icons-material/AddToQueue'; +import AlbumIcon from '@mui/icons-material/Album'; +import AlignVerticalBottomIcon from '@mui/icons-material/AlignVerticalBottom'; +import AllInboxIcon from '@mui/icons-material/AllInbox'; +import Button from '@mui/material/Button'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' + +export default function MaterialIcons() { + return ( + <> + {/* Page title */} +

Material Icons

+ Dashboard +
Material Icons

+ + + + Material Icons + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +} diff --git a/pages/pages/pricing.js b/pages/pages/pricing.js new file mode 100644 index 0000000..3783134 --- /dev/null +++ b/pages/pages/pricing.js @@ -0,0 +1,26 @@ +import React from 'react'; +import PricingPlanStyle1 from '@/components/Pages/Pricing/PricingPlanStyle1'; +import PricingPlanStyle2 from '@/components/Pages/Pricing/PricingPlanStyle2'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Pricing() { + return ( + <> + {/* Page title */} +

Pricing

+ Dashboard +
Pricing

+ + + + + + ); +} diff --git a/pages/pages/profile.js b/pages/pages/profile.js new file mode 100644 index 0000000..cb5a6fd --- /dev/null +++ b/pages/pages/profile.js @@ -0,0 +1,59 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Features from '@/components/Pages/Profile/Features'; +import PersonalInformation from '@/components/Pages/Profile/PersonalInformation'; +import ActivityTimeline from '@/components/Pages/Profile/ActivityTimeline'; +import Overview from '@/components/Pages/Profile/Overview'; +import MyTasks from '@/components/Pages/Profile/MyTasks'; +import ProfileContent from '@/components/Pages/Profile/ProfileContent'; +import ImpressionGoalConversions from "@/components/Dashboard/Analytics/ImpressionGoalConversions"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Profile() { + return ( + <> + {/* Page title */} +

Profile

+ Dashboard +
Profile

+ + + + {/* ProfileContent */} + + + {/* ImpressionGoalConversions */} + + + {/* Personal Information */} + + + {/* ActivityTimeline */} + + + + + {/* Features */} + + + {/* Overview */} + + + {/* MyTasks */} + + + + + ); +} diff --git a/pages/pages/recharts.js b/pages/pages/recharts.js new file mode 100644 index 0000000..30da6b8 --- /dev/null +++ b/pages/pages/recharts.js @@ -0,0 +1,151 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import NavBar from '@/components/Pages/Charts/NavBar'; +import SimpleLineChart from '@/components/Pages/Charts/Recharts/LineChart/SimpleLineChart'; +import VerticalLineChart from '@/components/Pages/Charts/Recharts/LineChart/VerticalLineChart'; +import SimpleAreaChart from '@/components/Pages/Charts/Recharts/AreaChart/SimpleAreaChart'; +import StackedAreaChart from '@/components/Pages/Charts/Recharts/AreaChart/StackedAreaChart'; +import TinyBarChart from '@/components/Pages/Charts/Recharts/BarChart/TinyBarChart'; +import SimpleBarChart from '@/components/Pages/Charts/Recharts/BarChart/SimpleBarChart'; +import LineBarAreaComposedChart from '@/components/Pages/Charts/Recharts/ComposedChart/LineBarAreaComposedChart'; +import SameDataComposedChart from '@/components/Pages/Charts/Recharts/ComposedChart/SameDataComposedChart'; +import SimpleScatterChart from '@/components/Pages/Charts/Recharts/ScatterChart/SimpleScatterChart'; +import ThreeDimScatterChart from '@/components/Pages/Charts/Recharts/ScatterChart/ThreeDimScatterChart'; +import TwoLevelPieChart from './../../components/Pages/Charts/Recharts/PieChart/TwoLevelPieChart'; +import TwoSimplePieChart from '@/components/Pages/Charts/Recharts/PieChart/TwoSimplePieChart'; +import SimpleRadarChart from '@/components/Pages/Charts/Recharts/RadarChart/SimpleRadarChart'; +import SpecifiedDomainRadarChart from '@/components/Pages/Charts/Recharts/RadarChart/SpecifiedDomainRadarChart'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Recharts() { + return ( + <> + {/* Page title */} +

Recharts

+ Dashboard +
Recharts

+ + {/* Nav */} + + + + + {/* SimpleLineChart */} + + + + + {/* VerticalLineChart */} + + + + + + + {/* SimpleAreaChart */} + + + + + {/* StackedAreaChart */} + + + + + + + {/* TinyBarChart */} + + + + + {/* SimpleBarChart */} + + + + + + + {/* LineBarAreaComposedChart */} + + + + + {/* SameDataComposedChart */} + + + + + + + {/* SimpleScatterChart */} + + + + + {/* ThreeDimScatterChart */} + + + + + + + {/* TwoLevelPieChart */} + + + + + {/* TwoSimplePieChart */} + + + + + + + {/* SimpleRadarChart */} + + + + + {/* SpecifiedDomainRadarChart */} + + + + + ); +} diff --git a/pages/pages/remixicon.js b/pages/pages/remixicon.js new file mode 100644 index 0000000..e09fe0e --- /dev/null +++ b/pages/pages/remixicon.js @@ -0,0 +1,528 @@ +import React from "react"; +import Card from "@mui/material/Card"; +import { Box, Typography } from "@mui/material"; +import Grid from "@mui/material/Grid"; +import Button from '@mui/material/Button'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Remixicon() { + return ( + <> + {/* Page title */} +

Remixicon

+ Dashboard +
Remixicon

+ + + + Remixicon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +} diff --git a/pages/pages/search.js b/pages/pages/search.js new file mode 100644 index 0000000..5264c63 --- /dev/null +++ b/pages/pages/search.js @@ -0,0 +1,23 @@ +import React from 'react'; +import SearchContent from '@/components/Pages/Search/SearchContent'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Search() { + return ( + <> + {/* Page title */} +

Search

+ Dashboard +
Search

+ + + + ); +} diff --git a/pages/pages/support.js b/pages/pages/support.js new file mode 100644 index 0000000..062b6d8 --- /dev/null +++ b/pages/pages/support.js @@ -0,0 +1,24 @@ +import React from 'react'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; +import SupportForm from '@/components/Pages/Support/SupportForm'; + +export default function Support() { + return ( + <> + {/* Page title */} +

Support

+ Dashboard +
Support

+ + {/* SupportForm */} + + + ); +} diff --git a/pages/pages/terms-conditions.js b/pages/pages/terms-conditions.js new file mode 100644 index 0000000..b3c8e1d --- /dev/null +++ b/pages/pages/terms-conditions.js @@ -0,0 +1,23 @@ +import React from 'react'; +import TermsConditionsContent from '@/components/Pages/TermsConditions/TermsConditionsContent'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function TermsConditions() { + return ( + <> + {/* Page title */} +

Terms & Conditions

+ Dashboard +
Terms & Conditions

+ + + + ); +} diff --git a/pages/pages/testimonials.js b/pages/pages/testimonials.js new file mode 100644 index 0000000..bc037ac --- /dev/null +++ b/pages/pages/testimonials.js @@ -0,0 +1,29 @@ +import React from 'react'; +import TestimonialsOne from '@/components/Pages/Testimonials/TestimonialsOne'; +import TestimonialsTwo from '@/components/Pages/Testimonials/TestimonialsTwo'; +import TestimonialsThree from '@/components/Pages/Testimonials/TestimonialsThree'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Testimonials() { + return ( + <> + {/* Page title */} +

Testimonials

+ Dashboard +
Testimonials

+ + + + + + + + ); +} diff --git a/pages/pages/timeline.js b/pages/pages/timeline.js new file mode 100644 index 0000000..e19b636 --- /dev/null +++ b/pages/pages/timeline.js @@ -0,0 +1,26 @@ +import React from 'react'; +import TimelineStyle1 from '@/components/Pages/Timeline/TimelineStyle1'; +import TimelineStyle2 from '@/components/Pages/Timeline/TimelineStyle2'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Timeline() { + return ( + <> + {/* Page title */} +

Timeline

+ Dashboard +
Timeline

+ + + + + + ); +} diff --git a/pages/project-management.js b/pages/project-management.js new file mode 100644 index 0000000..4f07b24 --- /dev/null +++ b/pages/project-management.js @@ -0,0 +1,95 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import Features from '@/components/Dashboard/ProjectManagement/Features'; +import TaskDistribution from '@/components/Dashboard/ProjectManagement/TaskDistribution'; +import MyTasks from '@/components/Dashboard/ProjectManagement/MyTasks'; +import TotalUsers from '@/components/Dashboard/ProjectManagement/TotalUsers'; +import CompletedTasks from '@/components/Dashboard/ProjectManagement/CompletedTasks'; +import TasksPerformance from '@/components/Dashboard/ProjectManagement/TasksPerformance'; +import IssuesSummary from '@/components/Dashboard/ProjectManagement/IssuesSummary'; +import AllProjects from '@/components/Dashboard/ProjectManagement/AllProjects'; +import TeamMembers from '@/components/Dashboard/ProjectManagement/TeamMembers'; +import ActivityTimeline from '@/components/Dashboard/ProjectManagement/ActivityTimeline'; + +export default function ProjectManagement() { + return ( + <> + {/* Page title */} +

Project Management

+ Dashboard +
+ Project Management +

+ + {/* Features */} + + + + + {/* TaskDistribution */} + + + + + {/* MyTasks */} + + + + + + + {/* TotalUsers */} + + + + + {/* CompletedTasks */} + + + + + {/* TasksPerformance */} + + + + + + + {/* IssuesSummary */} + + + {/* AllProjects */} + + + + + {/* TeamMembers */} + + + {/* ActivityTimeline */} + + + + + ); +} diff --git a/pages/projects/clients.js b/pages/projects/clients.js new file mode 100644 index 0000000..ea439d0 --- /dev/null +++ b/pages/projects/clients.js @@ -0,0 +1,245 @@ +import React from "react"; +import Grid from "@mui/material/Grid"; +import Card from "@mui/material/Card"; +import Typography from "@mui/material/Typography"; +import Box from "@mui/material/Box"; +import Button from '@mui/material/Button'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +const clientsLists = [ + { + image: '/images/member1.png', + name: 'Alvarado Turner', + userName: '@alvaradoTurner', + email: 'alvaradoturner@gmail.com', + projectsUrl: '#', + location: 'New York, USA', + phone: '+1 123 456 789', + }, + { + image: '/images/member2.png', + name: 'Evangelina Mcclain', + userName: '@evangelinaMcclain', + email: 'evangelina@gmail.com', + projectsUrl: '#', + location: 'Switzerland', + phone: '+1 123 468 789', + }, + { + image: '/images/member3.png', + name: 'Candice Munoz', + userName: '@candiceMunoz', + email: 'candiceMunoz@gmail.com', + projectsUrl: '#', + location: 'Germany', + phone: '+1 123 456 842', + }, + { + image: '/images/member4.png', + name: 'Bernard Langley', + userName: '@bernardLangley', + email: 'bernardLangley@gmail.com', + projectsUrl: '#', + location: 'Canada', + phone: '+1 123 256 789', + }, + { + image: '/images/member5.png', + name: 'Kristie Hall', + userName: '@kristieHall', + email: 'kristieHall@gmail.com', + projectsUrl: '#', + location: 'United States', + phone: '+1 123 456 742', + }, + { + image: '/images/member6.png', + name: 'Bolton Obrien', + userName: '@boltonObrien', + email: 'boltonObrien@gmail.com', + projectsUrl: '#', + location: 'Sweden', + phone: '+1 123 346 789', + }, + { + image: '/images/member7.png', + name: 'Dee Alvarado', + userName: '@deeAlvarado', + email: 'deeAlvarado@gmail.com', + projectsUrl: '#', + location: 'Japan', + phone: '+1 123 456 953', + }, + { + image: '/images/member8.png', + name: 'Cervantes Kramer', + userName: '@cervantesKramer', + email: 'cervantesKramer@gmail.com', + projectsUrl: '#', + location: 'Australia', + phone: '+1 123 368 789', + }, + { + image: '/images/member9.png', + name: 'Dejesus Michael', + userName: '@dejesusMichael', + email: 'dejesusMichael@gmail.com', + projectsUrl: '#', + location: 'United Kingdom', + phone: '+1 123 456 742', + }, + { + image: '/images/member10.png', + name: 'Alissa Nelson', + userName: '@alissaNelson', + email: 'alissaNelson@gmail.com', + projectsUrl: '#', + location: 'France', + phone: '+1 123 356 789', + }, + { + image: '/images/member11.png', + name: 'English Haney', + userName: '@englishHaney', + email: 'englishHaney@gmail.com', + projectsUrl: '#', + location: 'Denmark', + phone: '+1 123 456 566', + }, + { + image: '/images/member12.png', + name: 'Edwards Mckenzie', + userName: '@edwardsMckenzie', + email: 'edwardsMckenzie@gmail.com', + projectsUrl: '#', + location: 'New Zealand', + phone: '+1 123 357 789', + }, +]; + +export default function Clients() { + return ( + <> + {/* Page title */} +

Clients

+ Dashboard +
Clients

+ + + {clientsLists.map((client) => ( + + + Member

+ + {client.name} + + + + {client.userName} + + + + + + + + + + + + + + + + Location + + + {client.location} + + + + + + Phone + + + {client.phone} + + + + + + ))} + + + ); +} diff --git a/pages/projects/index.js b/pages/projects/index.js new file mode 100644 index 0000000..2253a2e --- /dev/null +++ b/pages/projects/index.js @@ -0,0 +1,25 @@ +import React from 'react'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css' +import AllProjects from '@/components/Projects/AllProjects'; + +const Projects = () => { + return ( + <> + {/* Page title */} +

Projects

+ Dashboard +
Projects

+ + + + ) +} + +export default Projects; \ No newline at end of file diff --git a/pages/projects/kanban-board.js b/pages/projects/kanban-board.js new file mode 100644 index 0000000..5a6bea6 --- /dev/null +++ b/pages/projects/kanban-board.js @@ -0,0 +1,48 @@ +import React from "react"; +import Grid from "@mui/material/Grid"; +import NewProjects from "@/components/Projects/KanbanBoard/NewProjects"; +import ToDo from "@/components/Projects/KanbanBoard/ToDo"; +import InReview from "@/components/Projects/KanbanBoard/InReview"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +const KanbanBoard = () => { + return ( + <> + {/* Page title */} +

Kanban Board

+ Dashboard +
Kanban Board

+ + + + {/* NewProjects */} + + + + + {/* ToDo */} + + + + + {/* InReview */} + + + + + ); +}; + +export default KanbanBoard; diff --git a/pages/projects/project-create.js b/pages/projects/project-create.js new file mode 100644 index 0000000..3883c97 --- /dev/null +++ b/pages/projects/project-create.js @@ -0,0 +1,286 @@ +import React from 'react'; +import { Box, Typography } from "@mui/material"; +import Card from "@mui/material/Card"; +import Grid from "@mui/material/Grid"; +import Button from "@mui/material/Button"; +import TextField from "@mui/material/TextField"; +import AddIcon from "@mui/icons-material/Add"; +import InputLabel from '@mui/material/InputLabel'; +import MenuItem from '@mui/material/MenuItem'; +import FormControl from '@mui/material/FormControl'; +import Select from '@mui/material/Select'; +import CategoriesSelect from '@/components/Projects/ProjectCreate/CategoriesSelect'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +import dynamic from 'next/dynamic' +import MemberSelect from '@/components/Projects/ProjectCreate/MemberSelect'; +const RichTextEditor = dynamic(() => import('@mantine/rte'), { + ssr: false, +}) + +const ProjectCreate = () => { + const handleSubmit = (event) => { + event.preventDefault(); + const data = new FormData(event.currentTarget); + console.log({ + email: data.get("email"), + password: data.get("password"), + }); + }; + + // Select Priority + const [priority, setPriority] = React.useState(''); + const handleChange = (event) => { + setPriority(event.target.value); + }; + + return ( + <> + {/* Page title */} +

Project Create

+ Dashboard +
Project Create

+ + + + Create Project + + + + + + + Project Name + + + + + + + Start Date + + + + + + + End Date + + + + + + + Project Description + + + + + + + + Budget + + + + + + + Priority Status + + + + Priority + + + + + + + Categories + + + {/* CategoriesSelect */} + + + + + + Members + + + {/* MemberSelect */} + + + + + + + + + + + ) +} + +export default ProjectCreate; \ No newline at end of file diff --git a/pages/projects/task.js b/pages/projects/task.js new file mode 100644 index 0000000..1a69f38 --- /dev/null +++ b/pages/projects/task.js @@ -0,0 +1,51 @@ +import React from "react"; +import Grid from "@mui/material/Grid"; +import TotalUsers from "@/components/Projects/Task/TotalUsers"; +import CompletedTasks from "@/components/Projects/Task/CompletedTasks"; +import TasksPerformance from "@/components/Projects/Task/TasksPerformance"; +import MyTasks from "@/components/Projects/Task/MyTasks"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +const Task = () => { + return ( + <> + {/* Page title */} +

Task

+ Dashboard +
Task

+ + + + {/* TotalUsers */} + + + + + {/* CompletedTasks */} + + + + + {/* TasksPerformance */} + + + + + {/* MyTasks */} + + + ); +}; + +export default Task; diff --git a/pages/projects/team.js b/pages/projects/team.js new file mode 100644 index 0000000..352400a --- /dev/null +++ b/pages/projects/team.js @@ -0,0 +1,549 @@ +import React from "react"; +import { Box, Typography } from "@mui/material"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; +import Card from "@mui/material/Card"; +import Grid from "@mui/material/Grid"; +import Avatar from '@mui/material/Avatar'; +import AvatarGroup from '@mui/material/AvatarGroup'; +import Button from '@mui/material/Button'; +import Tooltip from "@mui/material/Tooltip"; +import IconButton from "@mui/material/IconButton"; +import DeleteIcon from "@mui/icons-material/Delete"; +import DriveFileRenameOutlineIcon from "@mui/icons-material/DriveFileRenameOutline"; + +const TeamMembers = [ + { + id: 1, + name: "Jason Haston", + image: "/images/member1.png", + designation: "Team Leader", + teamName: "Laravel Team", + introText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit", + teamMemberLists: [ + { + id: 1, + image: "/images/member1.png", + }, + { + id: 2, + image: "/images/member2.png", + }, + { + id: 3, + image: "/images/member3.png", + }, + { + id: 4, + image: "/images/member4.png", + }, + { + id: 5, + image: "/images/member5.png", + }, + { + id: 6, + image: "/images/member6.png", + }, + ], + viewDetailsLink: "#", + projectName: "Laravel Project", + totalTask: "40/80", + taskProgress: "50", + }, + { + id: 2, + name: "Willie Miller", + image: "/images/member2.png", + designation: "Team Leader", + teamName: "Frontend Developer Team", + introText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit", + teamMemberLists: [ + { + id: 1, + image: "/images/member2.png", + }, + { + id: 2, + image: "/images/member3.png", + }, + { + id: 3, + image: "/images/member4.png", + }, + { + id: 4, + image: "/images/member5.png", + }, + { + id: 5, + image: "/images/member6.png", + }, + ], + viewDetailsLink: "#", + projectName: "Web Design", + totalTask: "60/100", + taskProgress: "60", + }, + { + id: 3, + name: "Jordan Stevenson", + image: "/images/member3.png", + designation: "Team Leader", + teamName: "Web Design Team", + introText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit", + teamMemberLists: [ + { + id: 1, + image: "/images/member3.png", + }, + { + id: 2, + image: "/images/member4.png", + }, + { + id: 3, + image: "/images/member5.png", + }, + { + id: 4, + image: "/images/member6.png", + }, + { + id: 5, + image: "/images/member7.png", + }, + ], + viewDetailsLink: "#", + projectName: "HTML Project", + totalTask: "70/100", + taskProgress: "70", + }, + { + id: 4, + name: "Stevenson", + image: "/images/member4.png", + designation: "Team Leader", + teamName: "ReactJS Team", + introText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit", + teamMemberLists: [ + { + id: 1, + image: "/images/member4.png", + }, + { + id: 2, + image: "/images/member5.png", + }, + { + id: 3, + image: "/images/member6.png", + }, + { + id: 4, + image: "/images/member7.png", + }, + { + id: 5, + image: "/images/member8.png", + }, + ], + viewDetailsLink: "#", + projectName: "React App", + totalTask: "80/100", + taskProgress: "80", + }, + { + id: 5, + name: "Marnie Flowers", + image: "/images/member5.png", + designation: "Team Leader", + teamName: "Angular JS Team", + introText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit", + teamMemberLists: [ + { + id: 1, + image: "/images/member5.png", + }, + { + id: 2, + image: "/images/member6.png", + }, + { + id: 3, + image: "/images/member7.png", + }, + { + id: 4, + image: "/images/member8.png", + }, + { + id: 5, + image: "/images/member9.png", + }, + ], + viewDetailsLink: "#", + projectName: "Angular App", + totalTask: "90/100", + taskProgress: "90", + }, + { + id: 6, + name: "Steven Hari", + image: "/images/member6.png", + designation: "Team Leader", + teamName: "Vue.js Team", + introText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit", + teamMemberLists: [ + { + id: 1, + image: "/images/member6.png", + }, + { + id: 2, + image: "/images/member7.png", + }, + { + id: 3, + image: "/images/member8.png", + }, + { + id: 4, + image: "/images/member9.png", + }, + { + id: 5, + image: "/images/member10.png", + }, + ], + viewDetailsLink: "#", + projectName: "Vue app", + totalTask: "100/100", + taskProgress: "100", + }, + { + id: 7, + name: "Keith", + image: "/images/member7.png", + designation: "Team Leader", + teamName: "Content Writing", + introText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit", + teamMemberLists: [ + { + id: 1, + image: "/images/member7.png", + }, + { + id: 2, + image: "/images/member8.png", + }, + { + id: 3, + image: "/images/member9.png", + }, + { + id: 4, + image: "/images/member10.png", + }, + { + id: 5, + image: "/images/member11.png", + }, + ], + viewDetailsLink: "#", + projectName: "Blogging Template", + totalTask: "40/100", + taskProgress: "40", + }, + { + id: 8, + name: "Marion", + image: "/images/member8.png", + designation: "Team Leader", + teamName: "E-commerce", + introText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit", + teamMemberLists: [ + { + id: 1, + image: "/images/member9.png", + }, + { + id: 2, + image: "/images/member1.png", + }, + { + id: 3, + image: "/images/member2.png", + }, + { + id: 4, + image: "/images/member3.png", + }, + { + id: 5, + image: "/images/member4.png", + }, + ], + viewDetailsLink: "#", + projectName: "E-commerce Template", + totalTask: "55/100", + taskProgress: "55", + }, + { + id: 9, + name: "Marshall", + image: "/images/member9.png", + designation: "Team Leader", + teamName: "App Development", + introText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit", + teamMemberLists: [ + { + id: 1, + image: "/images/member9.png", + }, + { + id: 2, + image: "/images/member3.png", + }, + { + id: 3, + image: "/images/member4.png", + }, + { + id: 4, + image: "/images/member5.png", + }, + { + id: 5, + image: "/images/member6.png", + }, + ], + viewDetailsLink: "#", + projectName: "Admin Template", + totalTask: "40/100", + taskProgress: "40", + }, +] + +const Team = () => { + const [anchorEl, setAnchorEl] = React.useState(null); + const open = Boolean(anchorEl); + const handleClick = (event) => { + setAnchorEl(event.currentTarget); + }; + const handleClose = () => { + setAnchorEl(null); + }; + + return ( + <> + {/* Page title */} +

Team

+ Dashboard +
Team

+ + + {TeamMembers.map((member) => ( + + + + + Member

+ + + {member.name} + + + {member.designation} + + + + + + + + + + + + + + + + + + + + + + + {member.teamName} + + + {member.introText} + + + + + + + + {member.projectName} + + + Task: {member.totalTask} + + + + + + {member.taskProgress}% Completed + + + + + + + + + {member.teamMemberLists.map((team) => ( + + ))} + + + + + + + + + + + + + ))} + + + ); +}; + +export default Team; diff --git a/pages/projects/user.js b/pages/projects/user.js new file mode 100644 index 0000000..c59178d --- /dev/null +++ b/pages/projects/user.js @@ -0,0 +1,910 @@ +import * as React from "react"; +import { Box, Typography } from "@mui/material"; +import Card from "@mui/material/Card"; +import PropTypes from "prop-types"; +import { useTheme } from "@mui/material/styles"; +import Table from "@mui/material/Table"; +import TableHead from "@mui/material/TableHead"; +import TableBody from "@mui/material/TableBody"; +import TableCell from "@mui/material/TableCell"; +import TableContainer from "@mui/material/TableContainer"; +import TableFooter from "@mui/material/TableFooter"; +import TablePagination from "@mui/material/TablePagination"; +import TableRow from "@mui/material/TableRow"; +import Paper from "@mui/material/Paper"; +import IconButton from "@mui/material/IconButton"; +import FirstPageIcon from "@mui/icons-material/FirstPage"; +import KeyboardArrowLeft from "@mui/icons-material/KeyboardArrowLeft"; +import KeyboardArrowRight from "@mui/icons-material/KeyboardArrowRight"; +import LastPageIcon from "@mui/icons-material/LastPage"; +import Grid from "@mui/material/Grid"; +import Tooltip from "@mui/material/Tooltip"; +import DeleteIcon from "@mui/icons-material/Delete"; +import DriveFileRenameOutlineIcon from "@mui/icons-material/DriveFileRenameOutline"; +import Button from "@mui/material/Button"; +import TextField from "@mui/material/TextField"; +import AddIcon from "@mui/icons-material/Add"; +import ClearIcon from "@mui/icons-material/Clear"; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; +import Checkbox from '@mui/material/Checkbox'; +import { styled } from '@mui/material/styles'; +import Dialog from '@mui/material/Dialog'; +import DialogTitle from '@mui/material/DialogTitle'; +import CloseIcon from '@mui/icons-material/Close'; + +const label = { inputProps: { 'aria-label': 'Checkbox demo' } }; + +// Create new user Modal +const BootstrapDialog = styled(Dialog)(({ theme }) => ({ + '& .MuiDialogContent-root': { + padding: theme.spacing(2), + }, + '& .MuiDialogActions-root': { + padding: theme.spacing(1), + }, +})); + +function BootstrapDialogTitle(props) { + const { children, onClose, ...other } = props; + + return ( + + {children} + {onClose ? ( + theme.palette.grey[500], + }} + > + + + ) : null} + + ); +} + +BootstrapDialogTitle.propTypes = { + children: PropTypes.node, + onClose: PropTypes.func.isRequired, +}; +// End Create new user Modal + +function UsersList(props) { + const theme = useTheme(); + const { count, page, rowsPerPage, onPageChange } = props; + + const handleFirstPageButtonClick = (event) => { + onPageChange(event, 0); + }; + + const handleBackButtonClick = (event) => { + onPageChange(event, page - 1); + }; + + const handleNextButtonClick = (event) => { + onPageChange(event, page + 1); + }; + + const handleLastPageButtonClick = (event) => { + onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1)); + }; + + return ( + + + {theme.direction === "rtl" ? : } + + + {theme.direction === "rtl" ? ( + + ) : ( + + )} + + = Math.ceil(count / rowsPerPage) - 1} + aria-label="next page" + > + {theme.direction === "rtl" ? ( + + ) : ( + + )} + + = Math.ceil(count / rowsPerPage) - 1} + aria-label="last page" + > + {theme.direction === "rtl" ? : } + + + ); +} + +UsersList.propTypes = { + count: PropTypes.number.isRequired, + onPageChange: PropTypes.func.isRequired, + page: PropTypes.number.isRequired, + rowsPerPage: PropTypes.number.isRequired, +}; + +function createData(name, userName, image, email, rolls, status, badgeClass, projects) { + return { + name, + userName, + image, + email, + rolls, + status, + badgeClass, + projects + }; +} + +const rows = [ + createData( + "Evangelina Mcclain", + "@jstevenson5c", + "/images/user1.png", + "jordansteve@gmail.com", + "Agent", + "Active", + "successBadge", + "165" + ), + createData( + "Candice Munoz", + "@candice3unoz", + "/images/user2.png", + "candicemunoz@gmail.com", + "Administrator", + "Active", + "successBadge", + "120" + ), + createData( + "Mike Mcclain", + "@mike4mcclain", + "/images/user3.png", + "mikemcclain@gmail.com", + "Contributor", + "Active", + "successBadge", + "220" + ), + createData( + "Bernard Langley", + "@bernardlangley", + "/images/user4.png", + "bernardlangley@gmail.com", + "Agent", + "Deactive", + "dangerBadge", + "122" + ), + createData( + "Kristie Hall", + "@kristie7hall", + "/images/user5.png", + "kristiehall@gmail.com", + "Contributor", + "Active", + "successBadge", + "360" + ), + createData( + "Bolton Obrien", + "@bolton4obrien", + "/images/user6.png", + "boltonobrien@gmail.com", + "Administrator", + "Active", + "successBadge", + "250" + ), + createData( + "Dee Alvarado", + "@dee3alvarado", + "/images/user7.png", + "deealvarado@gmail.com", + "Agent", + "Active", + "successBadge", + "140" + ), + createData( + "Cervantes Kramer", + "@cervantes4kramer", + "/images/user8.png", + "cervantes4kramer@gmail.com", + "Agent", + "Active", + "successBadge", + "345" + ), + createData( + "Dejesus Michael", + "@dejesus1michael", + "/images/user9.png", + "dejesusmichael@gmail.com", + "Agent", + "Active", + "successBadge", + "323" + ), + createData( + "Alissa Nelson", + "@alissa1nelson", + "/images/user10.png", + "alissa1nelson@gmail.com", + "Agent", + "Deactive", + "dangerBadge", + "451" + ), + createData( + "Milton", + "@milton", + "/images/user11.png", + "milton@gmail.com", + "Agent", + "Active", + "successBadge", + "432" + ), + createData( + "Claude", + "@claude", + "/images/user12.png", + "claude@gmail.com", + "Agent", + "Deactive", + "dangerBadge", + "543" + ), + createData( + "Joshua", + "@joshua", + "/images/user13.png", + "joshua@gmail.com", + "Agent", + "Active", + "successBadge", + "543" + ), + createData( + "Harvey", + "@harvey", + "/images/user14.png", + "harvey@gmail.com", + "Agent", + "Deactive", + "dangerBadge", + "432" + ), + createData( + "Antonio", + "@antonio", + "/images/user15.png", + "antonio@gmail.com", + "Agent", + "Active", + "successBadge", + "765" + ), + createData( + "Julian", + "@julian", + "/images/user16.png", + "julian@gmail.com", + "Agent", + "Active", + "successBadge", + "678" + ), + createData( + "Harold", + "@harold", + "/images/user17.png", + "harold@gmail.com", + "Agent", + "Deactive", + "dangerBadge", + "165" + ), + createData( + "Kingston", + "@kingston", + "/images/user18.png", + "kingston@info.com", + "Agent", + "Active", + "successBadge", + "165" + ), +].sort((a, b) => (a.name < b.name ? -1 : 1)); + +export default function User() { + // Table + const [page, setPage] = React.useState(0); + const [rowsPerPage, setRowsPerPage] = React.useState(10); + + // Avoid a layout jump when reaching the last page with empty rows. + const emptyRows = + page > 0 ? Math.max(0, (1 + page) * rowsPerPage - rows.length) : 0; + + const handleChangePage = (event, newPage) => { + setPage(newPage); + }; + + const handleChangeRowsPerPage = (event) => { + setRowsPerPage(parseInt(event.target.value, 10)); + setPage(0); + }; + + // Create new user modal + const [open, setOpen] = React.useState(false); + + const handleClickOpen = () => { + setOpen(true); + }; + const handleClose = () => { + setOpen(false); + }; + + const handleSubmit = (event) => { + event.preventDefault(); + const data = new FormData(event.currentTarget); + console.log({ + email: data.get("email"), + password: data.get("password"), + }); + }; + // End Add Task Modal + + return ( + <> + {/* Page title */} +

Users

+ Dashboard +
Users

+ + + + + Users List + + + + + + + + + + + Name + + + + Email + + + + Rolls + + + + Status + + + + Projects + + + + Action + + + + + + {(rowsPerPage > 0 + ? rows.slice( + page * rowsPerPage, + page * rowsPerPage + rowsPerPage + ) + : rows + ).map((row) => ( + + + + + User

+ + + {row.name} + + + {row.userName} + + + + + + + {row.email} + + + + {row.rolls} + + + + {row.status} + + + + {row.projects} + + + + + + + + + + + + + + + + + + + ))} + + {emptyRows > 0 && ( + + + + )} + + + + + + + +

+ + + + {/* Create new user modal */} + + + + + + + + + + + + + + + + Image + + + + + + + + Name + + + + + + + + User Name + + + + + + + + Email + + + + + + + + Rolls + + + + + + + + Projects + + + + + + + + + + + + + + + ); +} diff --git a/pages/saas-app.js b/pages/saas-app.js new file mode 100644 index 0000000..a905f33 --- /dev/null +++ b/pages/saas-app.js @@ -0,0 +1,97 @@ +import React from "react"; +import Grid from "@mui/material/Grid"; +import Link from "next/link"; +import styles from "@/styles/PageTitle.module.css"; +import Profile from "@/components/Dashboard/SaasApp/Profile"; +import IncomeStatus from "@/components/Dashboard/SaasApp/IncomeStatus"; +import TotalOrders from "@/components/Dashboard/SaasApp/TotalOrders"; +import Features from "@/components/Dashboard/SaasApp/Features"; +import RevenueSummary from "@/components/Dashboard/SaasApp/RevenueSummary"; +import SalesAnalytics from "@/components/Dashboard/SaasApp/SalesAnalytics"; +import AudienceOverview from "@/components/Dashboard/SaasApp/AudienceOverview"; +import AllProjects from "@/components/Dashboard/SaasApp/AllProjects"; +import Messages from "@/components/Dashboard/SaasApp/Messages"; +import CompletedTasks from "@/components/Dashboard/SaasApp/CompletedTasks"; +import TasksPerformance from "@/components/Dashboard/SaasApp/TasksPerformance"; +import MilestonesOverview from "@/components/Dashboard/SaasApp/MilestonesOverview"; + +export default function SaasApp() { + return ( + <> + {/* Page title */} +

SaaS App

+ Dashboard +
SaaS App

+ + + + {/* Profile */} + + + + + {/* IncomeStatus */} + + + + + {/* TotalOrders */} + + + + + {/* Features */} + + + + + {/* RevenueSummary */} + + + + + {/* SalesAnalytics */} + + + + + {/* AudienceOverview */} + + + + + {/* AllProjects */} + + + + + {/* Messages */} + + + + + + + {/* MilestonesOverview */} + + + + + {/* TasksPerformance */} + + + + + {/* TasksPerformance */} + + + + + ); +} diff --git a/pages/settings/account.js b/pages/settings/account.js new file mode 100644 index 0000000..278544e --- /dev/null +++ b/pages/settings/account.js @@ -0,0 +1,39 @@ +import Profile from "@/components/Settings/Account/Profile"; +import NavBar from "@/components/Settings/NavBar"; +import Card from "@mui/material/Card"; +import { Typography } from "@mui/material"; + +export default function Account() { + return ( + <> + + + Settings + + + {/* NavBar */} + + + {/* Profile */} + + + + ); +} diff --git a/pages/settings/privacy-policy.js b/pages/settings/privacy-policy.js new file mode 100644 index 0000000..9a2b465 --- /dev/null +++ b/pages/settings/privacy-policy.js @@ -0,0 +1,39 @@ +import NavBar from "@/components/Settings/NavBar"; +import Card from "@mui/material/Card"; +import { Typography } from "@mui/material"; +import PrivacyPolicyContent from "@/components/Settings/Account/PrivacyPolicyContent"; + +export default function PrivacyPolicy() { + return ( + <> + + + Privacy Policy + + + {/* NavBar */} + + + {/* PrivacyPolicyContent */} + + + + ); +} diff --git a/pages/settings/security.js b/pages/settings/security.js new file mode 100644 index 0000000..8c1d128 --- /dev/null +++ b/pages/settings/security.js @@ -0,0 +1,39 @@ +import NavBar from "@/components/Settings/NavBar"; +import Card from "@mui/material/Card"; +import { Typography } from "@mui/material"; +import ChangePassword from "@/components/Settings/Account/ChangePassword"; + +export default function Account() { + return ( + <> + + + Settings + + + {/* NavBar */} + + + {/* ChangePassword */} + + + + ); +} diff --git a/pages/ui-elements/accordion.js b/pages/ui-elements/accordion.js new file mode 100644 index 0000000..a9c63dd --- /dev/null +++ b/pages/ui-elements/accordion.js @@ -0,0 +1,43 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import BasicAccordion from '@/components/UIElements/Accordion/BasicAccordion'; +import ControlledAccordion from '@/components/UIElements/Accordion/ControlledAccordion'; +import Customization from '@/components/UIElements/Accordion/Customization'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Accordion() { + return ( + <> + {/* Page title */} +

Accordion

+ Dashboard +
Accordion

+ + + + {/* BasicAccordion */} + + + {/* Customization */} + + + + + {/* ControlledAccordion */} + + + + + ); +} diff --git a/pages/ui-elements/alerts.js b/pages/ui-elements/alerts.js new file mode 100644 index 0000000..a63dea7 --- /dev/null +++ b/pages/ui-elements/alerts.js @@ -0,0 +1,63 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import BasicAlerts from '@/components/UIElements/Alerts/BasicAlerts'; +import DescriptionAlerts from '@/components/UIElements/Alerts/DescriptionAlerts'; +import Actions from '@/components/UIElements/Alerts/Actions'; +import Transition from '@/components/UIElements/Alerts/Transition'; +import Icons from '@/components/UIElements/Alerts/Icons'; +import Variants from '@/components/UIElements/Alerts/Variants'; +import Filled from '@/components/UIElements/Alerts/Filled'; +import Color from '@/components/UIElements/Alerts/Color'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Alerts() { + return ( + <> + {/* Page title */} +

Alerts

+ Dashboard +
Alerts

+ + + + {/* BasicAlerts */} + + + {/* DescriptionAlerts */} + + + {/* Variants */} + + + + + {/* Actions */} + + + {/* Transition */} + + + {/* Icons */} + + + {/* Filled */} + + + {/* Color */} + + + + + ); +} diff --git a/pages/ui-elements/autocomplete.js b/pages/ui-elements/autocomplete.js new file mode 100644 index 0000000..e315a49 --- /dev/null +++ b/pages/ui-elements/autocomplete.js @@ -0,0 +1,51 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import ComboBox from '@/components/UIElements/Autocomplete/ComboBox'; +import CountrySelect from '@/components/UIElements/Autocomplete/CountrySelect'; +import CustomizedHook from '@/components/UIElements/Autocomplete/CustomizedHook'; +import LimitTags from '@/components/UIElements/Autocomplete/LimitTags'; +import CustomizeTextareaComponent from '@/components/UIElements/Autocomplete/CustomizeTextareaComponent'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Autocomplete() { + return ( + <> + {/* Page title */} +

Autocomplete

+ Dashboard +
Autocomplete

+ + + + {/* ComboBox */} + + + {/* CustomizedHook */} + + + {/* CustomizeTextareaComponent */} + + + + + {/* CountrySelect */} + + + {/* LimitTags */} + + + + + ); +} diff --git a/pages/ui-elements/avatar.js b/pages/ui-elements/avatar.js new file mode 100644 index 0000000..02aa3e4 --- /dev/null +++ b/pages/ui-elements/avatar.js @@ -0,0 +1,67 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import SingleUserExample from '@/components/UIElements/Avatar/SingleUserExample'; +import GroupUserExample from '@/components/UIElements/Avatar/GroupUserExample'; +import ImageAvatars from '@/components/UIElements/Avatar/ImageAvatars'; +import LetterAvatars from '@/components/UIElements/Avatar/LetterAvatars'; +import SizesAvatars from '@/components/UIElements/Avatar/SizesAvatars'; +import IconAvatars from '@/components/UIElements/Avatar/IconAvatars'; +import Grouped from '@/components/UIElements/Avatar/Grouped'; +import TotalAvatars from '@/components/UIElements/Avatar/TotalAvatars'; +import WithBadge from '@/components/UIElements/Avatar/WithBadge'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Avatar() { + return ( + <> + {/* Page title */} +

Avatar

+ Dashboard +
Avatar

+ + + + {/* SingleUserExample */} + + + {/* ImageAvatars */} + + + {/* SizesAvatars */} + + + {/* Grouped */} + + + {/* WithBadge */} + + + + + {/* GroupUserExample */} + + + {/* LetterAvatars */} + + + {/* IconAvatars */} + + + {/* TotalAvatars */} + + + + + ); +} diff --git a/pages/ui-elements/badge.js b/pages/ui-elements/badge.js new file mode 100644 index 0000000..2137db8 --- /dev/null +++ b/pages/ui-elements/badge.js @@ -0,0 +1,51 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import BasicBadge from '@/components/UIElements/Badge/BasicBadge'; +import Dynamic from '@/components/UIElements/Badge/Dynamic'; +import MaximumValue from '@/components/UIElements/Badge/MaximumValue'; +import BadgeOverlap from '@/components/UIElements/Badge/BadgeOverlap'; +import Accessibility from '@/components/UIElements/Badge/Accessibility'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Badge() { + return ( + <> + {/* Page title */} +

Badge

+ Dashboard +
Badge

+ + + + {/* BasicBadge */} + + + {/* MaximumValue */} + + + {/* BadgeOverlap */} + + + + + {/* Dynamic */} + + + {/* Accessibility */} + + + + + ); +} diff --git a/pages/ui-elements/buttons.js b/pages/ui-elements/buttons.js new file mode 100644 index 0000000..b35c35c --- /dev/null +++ b/pages/ui-elements/buttons.js @@ -0,0 +1,71 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import DefaultButtons from '@/components/UIElements/Buttons/DefaultButtons'; +import OutlineButtons from '@/components/UIElements/Buttons/OutlineButtons'; +import SoftButtons from '@/components/UIElements/Buttons/SoftButtons'; +import ButtonsWithIcon from '@/components/UIElements/Buttons/ButtonsWithIcon'; +import RoundedButtons from '@/components/UIElements/Buttons/RoundedButtons'; +import OutlineRoundedButtons from '@/components/UIElements/Buttons/OutlineRoundedButtons'; +import SizesButtons from '@/components/UIElements/Buttons/SizesButtons'; +import Loading from '@/components/UIElements/Buttons/Loading'; +import BlockButtons from '@/components/UIElements/Buttons/BlockButtons'; +import BasicFAB from '@/components/UIElements/Buttons/BasicFAB'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Buttons() { + return ( + <> + {/* Page title */} +

Buttons

+ Dashboard +
Buttons

+ + + + {/* DefaultButtons */} + + + {/* SoftButtons */} + + + {/* RoundedButtons */} + + + {/* SizesButtons */} + + + {/* BlockButtons */} + + + + + {/* OutlineButtons */} + + + {/* ButtonsWithIcon */} + + + {/* OutlineRoundedButtons */} + + + {/* BasicFAB */} + + + {/* Loading */} + + + + + ); +} diff --git a/pages/ui-elements/cards.js b/pages/ui-elements/cards.js new file mode 100644 index 0000000..d770e2c --- /dev/null +++ b/pages/ui-elements/cards.js @@ -0,0 +1,975 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import { Box } from "@mui/material"; +import Button from '@mui/material/Button'; +import Card from "@mui/material/Card"; +import { Typography } from "@mui/material"; +import Link from 'next/link'; +import styles from '@/components/UIElements/Cards/Cards.module.css' +import BasicCard from '@/components/UIElements/Cards/BasicCard'; +import ComplexInteraction from '@/components/UIElements/Cards/ComplexInteraction'; +import Media from '@/components/UIElements/Cards/Media'; +import UIControls from '@/components/UIElements/Cards/UIControls'; + +export default function Cards() { + return ( + <> + + + {/* BasicCard */} + + + {/* Start Card */} + + + + + + + + + Nesta Technologies + + + + When you enter into any new area of science, you almost always find. + + + + + + + {/* End Card */} + + {/* Start Card */} + + + + + + + + + + card

+ + + Nesta Technologies + + + + When you enter into any new area of science, you almost always find. + + + + + + + {/* End Card */} + + {/* Start Card */} + + + + + + + + + Nesta Technologies + + + + When you enter into any new area of science, you almost always find. + + + + + + + {/* End Card */} + + + + {/* ComplexInteraction */} + + + {/* Start Card */} + + + + + + + + + Nesta Technologies + + + + When you enter into any new area of science, you almost always find. + + + + + + + {/* End Card */} + + {/* Start Card */} +

+ + + + + + + + + + + Nesta Technologies + + + + When you enter into any new area of science, you almost always find. + + +

+ {/* End Card */} + + {/* Start Card */} + + + + + + + + + Nesta Technologies + + + + When you enter into any new area of science, you almost always find. + + + + + + + {/* End Card */} + + + + + {/* Media */} + + + {/* Start Card */} + + + + + + + + + + card

+ + + Nesta Technologies + + + + When you enter into any new area of science, you almost always find. + + + + + + + {/* End Card */} + + {/* Start Card */} + + + + + + + + + + + Nesta Technologies + + + + When you enter into any new area of science, you almost always find. + + + + + + + {/* End Card */} + + {/* Start Card */} +

+ + + + + + + + + + + Nesta Technologies + + + + When you enter into any new area of science, you almost always find. + + +

+ {/* End Card */} + + + + {/* UIControls */} + + + {/* Start Card */} + + + + + + + + + + + Nesta Technologies + + + + When you enter into any new area of science, you almost always find. + + + + + + + {/* End Card */} + + {/* Start Card */} +

+ + + + + + + + + + + Nesta Technologies + + + + When you enter into any new area of science, you almost always find. + + +

+ {/* End Card */} + + {/* Start Card */} + + + + + + + + + Nesta Technologies + + + + When you enter into any new area of science, you almost always find. + + + + + + + {/* End Card */} + + + + ); +} diff --git a/pages/ui-elements/checkbox.js b/pages/ui-elements/checkbox.js new file mode 100644 index 0000000..7927618 --- /dev/null +++ b/pages/ui-elements/checkbox.js @@ -0,0 +1,55 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Basic from '@/components/UIElements/Checkbox/Basic'; +import Label from '@/components/UIElements/Checkbox/Label'; +import Size from '@/components/UIElements/Checkbox/Size'; +import Color from '@/components/UIElements/Checkbox/Color'; +import Icon from '@/components/UIElements/Checkbox/Icon'; +import Controlled from '@/components/UIElements/Checkbox/Controlled'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Checkbox() { + return ( + <> + {/* Page title */} +

Checkbox

+ Dashboard +
Checkbox

+ + + + {/* Basic */} + + + {/* Size */} + + + {/* Icon */} + + + + + {/* Label */} + + + {/* Color */} + + + {/* Controlled */} + + + + + ); +} diff --git a/pages/ui-elements/chip.js b/pages/ui-elements/chip.js new file mode 100644 index 0000000..39b6fad --- /dev/null +++ b/pages/ui-elements/chip.js @@ -0,0 +1,76 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Basic from '@/components/UIElements/Chip/Basic'; +import ChipActions from '@/components/UIElements/Chip/ChipActions'; +import Deletable from '@/components/UIElements/Chip/Deletable'; +import ClickableAndDeletable from '@/components/UIElements/Chip/ClickableAndDeletable'; +import ClickableLink from '@/components/UIElements/Chip/ClickableLink'; +import CustomDeleteIcon from '@/components/UIElements/Chip/CustomDeleteIcon'; +import ChipAdornments from '@/components/UIElements/Chip/ChipAdornments'; +import IconChip from '@/components/UIElements/Chip/IconChip'; +import ColorChip from '@/components/UIElements/Chip/ColorChip'; +import SizesChip from '@/components/UIElements/Chip/SizesChip'; +import ChipArray from '@/components/UIElements/Chip/ChipArray'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Chip() { + return ( + <> + {/* Page title */} +

Chip

+ Dashboard +
Chip

+ + + + {/* Basic */} + + + {/* Deletable */} + + + {/* ClickableLink */} + + + {/* ChipAdornments */} + + + {/* ColorChip */} + + + + + + {/* ChipActions */} + + + {/* ClickableAndDeletable */} + + + {/* CustomDeleteIcon */} + + + {/* IconChip */} + + + {/* SizesChip */} + + + {/* ChipArray */} + + + + + ); +} diff --git a/pages/ui-elements/image-list.js b/pages/ui-elements/image-list.js new file mode 100644 index 0000000..c7d3546 --- /dev/null +++ b/pages/ui-elements/image-list.js @@ -0,0 +1,55 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import StandardImageList from '@/components/UIElements/ImageList/StandardImageList'; +import QuiltedImageList from '@/components/UIElements/ImageList/QuiltedImageList'; +import WovenImageList from '@/components/UIElements/ImageList/WovenImageList'; +import MasonryImageList from '@/components/UIElements/ImageList/MasonryImageList'; +import ImageListWithTitleBars from '@/components/UIElements/ImageList/ImageListWithTitleBars'; +import TitleBarBelowImageStandard from '@/components/UIElements/ImageList/TitleBarBelowImageStandard'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function ImageList() { + return ( + <> + {/* Page title */} +

Image List

+ Dashboard +
Image List

+ + + + {/* StandardImageList */} + + + {/* WovenImageList */} + + + {/* ImageListWithTitleBars */} + + + + + {/* QuiltedImageList */} + + + {/* MasonryImageList */} + + + {/* TitleBarBelowImageStandard */} + + + + + ); +} diff --git a/pages/ui-elements/list.js b/pages/ui-elements/list.js new file mode 100644 index 0000000..7fa113a --- /dev/null +++ b/pages/ui-elements/list.js @@ -0,0 +1,47 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import BasicList from '@/components/UIElements/List/BasicList'; +import NestedList from '@/components/UIElements/List/NestedList'; +import FolderList from '@/components/UIElements/List/FolderList'; +import ListControls from '@/components/UIElements/List/ListControls'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function List() { + return ( + <> + {/* Page title */} +

List

+ Dashboard +
List

+ + + + {/* BasicList */} + + + {/* FolderList */} + + + + + {/* NestedList */} + + + {/* ListControls */} + + + + + ); +} diff --git a/pages/ui-elements/modal.js b/pages/ui-elements/modal.js new file mode 100644 index 0000000..b79cc3d --- /dev/null +++ b/pages/ui-elements/modal.js @@ -0,0 +1,59 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import BasicModal from '@/components/UIElements/Modal/BasicModal'; +import NestedModal from '@/components/UIElements/Modal/NestedModal'; +import Transitions from '@/components/UIElements/Modal/Transitions'; +import TransitionsDialog from '@/components/UIElements/Modal/TransitionsDialog'; +import CustomizationDialog from '@/components/UIElements/Modal/CustomizationDialog'; +import FullScreenDialogs from '@/components/UIElements/Modal/FullScreenDialogs'; +import ScrollingLongContent from '@/components/UIElements/Modal/ScrollingLongContent'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Modal() { + return ( + <> + {/* Page title */} +

Modal

+ Dashboard +
Modal

+ + + + {/* BasicModal */} + + + {/* Transitions */} + + + {/* TransitionsDialog */} + + + {/* FullScreenDialogs */} + + + + + {/* NestedModal */} + + + {/* CustomizationDialog */} + + + {/* ScrollingLongContent */} + + + + + ); +} diff --git a/pages/ui-elements/pagination.js b/pages/ui-elements/pagination.js new file mode 100644 index 0000000..fa63a54 --- /dev/null +++ b/pages/ui-elements/pagination.js @@ -0,0 +1,51 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import BasicPagination from '@/components/UIElements/Pagination/BasicPagination'; +import OutlinedPagination from '@/components/UIElements/Pagination/OutlinedPagination'; +import RoundedPagination from '@/components/UIElements/Pagination/RoundedPagination'; +import PaginationSize from '@/components/UIElements/Pagination/PaginationSize'; +import CustomIcons from '@/components/UIElements/Pagination/CustomIcons'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Pagination() { + return ( + <> + {/* Page title */} +

Pagination

+ Dashboard +
Pagination

+ + + + {/* BasicPagination */} + + + {/* RoundedPagination */} + + + {/* CustomIcons */} + + + + + {/* OutlinedPagination */} + + + {/* PaginationSize */} + + + + + ); +} diff --git a/pages/ui-elements/progress.js b/pages/ui-elements/progress.js new file mode 100644 index 0000000..02a1da6 --- /dev/null +++ b/pages/ui-elements/progress.js @@ -0,0 +1,55 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Circular from '@/components/UIElements/Progress/Circular'; +import CircularDeterminate from '@/components/UIElements/Progress/CircularDeterminate'; +import InteractiveIntegration from '@/components/UIElements/Progress/InteractiveIntegration'; +import CircularWithLabel from '@/components/UIElements/Progress/CircularWithLabel'; +import LinearIndeterminate from '@/components/UIElements/Progress/LinearIndeterminate'; +import Customization from '@/components/UIElements/Progress/Customization'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Progress() { + return ( + <> + {/* Page title */} +

Progress

+ Dashboard +
Progress

+ + + + {/* Circular */} + + + {/* InteractiveIntegration */} + + + {/* LinearIndeterminate */} + + + + + {/* CircularDeterminate */} + + + {/* CircularWithLabel */} + + + {/* Customization */} + + + + + ); +} diff --git a/pages/ui-elements/radio.js b/pages/ui-elements/radio.js new file mode 100644 index 0000000..3084379 --- /dev/null +++ b/pages/ui-elements/radio.js @@ -0,0 +1,51 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Group from '@/components/UIElements/Radio/Group'; +import Direction from '@/components/UIElements/Radio/Direction'; +import Controlled from '@/components/UIElements/Radio/Controlled'; +import Size from '@/components/UIElements/Radio/Size'; +import Color from '@/components/UIElements/Radio/Color'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Radio() { + return ( + <> + {/* Page title */} +

Radio

+ Dashboard +
Radio

+ + + + {/* Group */} + + + {/* Controlled */} + + + + + {/* Direction */} + + + {/* Size */} + + + {/* Color */} + + + + + ); +} diff --git a/pages/ui-elements/rating.js b/pages/ui-elements/rating.js new file mode 100644 index 0000000..1c1f134 --- /dev/null +++ b/pages/ui-elements/rating.js @@ -0,0 +1,55 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Basic from '@/components/UIElements/Rating/Basic'; +import RatingPrecision from '@/components/UIElements/Rating/RatingPrecision'; +import HoverFeedback from '@/components/UIElements/Rating/HoverFeedback'; +import Sizes from '@/components/UIElements/Rating/Sizes'; +import Customization from '@/components/UIElements/Rating/Customization'; +import RadioGroup from '@/components/UIElements/Rating/RadioGroup'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Rating() { + return ( + <> + {/* Page title */} +

Rating

+ Dashboard +
Rating

+ + + + {/* Basic */} + + + {/* Customization */} + + + + + {/* RatingPrecision */} + + + {/* HoverFeedback */} + + + {/* Sizes */} + + + {/* RadioGroup */} + + + + + ); +} diff --git a/pages/ui-elements/select.js b/pages/ui-elements/select.js new file mode 100644 index 0000000..b0e4076 --- /dev/null +++ b/pages/ui-elements/select.js @@ -0,0 +1,55 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Basic from '@/components/UIElements/Select/Basic'; +import AutoWidth from '@/components/UIElements/Select/AutoWidth'; +import Customization from '@/components/UIElements/Select/Customization'; +import MultipleSelectDefault from '@/components/UIElements/Select/MultipleSelectDefault'; +import MultipleSelectCheckmarks from '@/components/UIElements/Select/MultipleSelectCheckmarks'; +import MultipleSelectChip from '@/components/UIElements/Select/MultipleSelectChip'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Select() { + return ( + <> + {/* Page title */} +

Select

+ Dashboard +
Select

+ + + + {/* Basic */} + + + {/* Customization */} + + + {/* MultipleSelectDefault */} + + + + + {/* AutoWidth */} + + + {/* MultipleSelectCheckmarks */} + + + {/* MultipleSelectChip */} + + + + + ); +} diff --git a/pages/ui-elements/skeleton.js b/pages/ui-elements/skeleton.js new file mode 100644 index 0000000..cf3eb51 --- /dev/null +++ b/pages/ui-elements/skeleton.js @@ -0,0 +1,47 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Variants from '@/components/UIElements/Skeleton/Variants'; +import Animations from '@/components/UIElements/Skeleton/Animations'; +import PulsateExample from '@/components/UIElements/Skeleton/PulsateExample'; +import WaveExample from '@/components/UIElements/Skeleton/WaveExample'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Skeleton() { + return ( + <> + {/* Page title */} +

Skeleton

+ Dashboard +
Skeleton

+ + + + {/* Variants */} + + + {/* Animations */} + + + {/* WaveExample */} + + + + + {/* PulsateExample */} + + + + + ); +} diff --git a/pages/ui-elements/slider.js b/pages/ui-elements/slider.js new file mode 100644 index 0000000..198159a --- /dev/null +++ b/pages/ui-elements/slider.js @@ -0,0 +1,59 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Continuous from '@/components/UIElements/Slider/Continuous'; +import Sizes from '@/components/UIElements/Slider/Sizes'; +import Discrete from '@/components/UIElements/Slider/Discrete'; +import SmallSteps from '@/components/UIElements/Slider/SmallSteps'; +import CustomMarks from '@/components/UIElements/Slider/CustomMarks'; +import RestrictedValues from '@/components/UIElements/Slider/RestrictedValues'; +import LabelAlwaysVisible from '@/components/UIElements/Slider/LabelAlwaysVisible'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Slider() { + return ( + <> + {/* Page title */} +

Slider

+ Dashboard +
Slider

+ + + + {/* Continuous */} + + + {/* Discrete */} + + + {/* CustomMarks */} + + + {/* LabelAlwaysVisible */} + + + + + {/* Sizes */} + + + {/* SmallSteps */} + + + {/* RestrictedValues */} + + + + + ); +} diff --git a/pages/ui-elements/snackbar.js b/pages/ui-elements/snackbar.js new file mode 100644 index 0000000..0fe38e6 --- /dev/null +++ b/pages/ui-elements/snackbar.js @@ -0,0 +1,47 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import SimpleSnackbars from '@/components/UIElements/Snackbar/SimpleSnackbars'; +import Customization from '@/components/UIElements/Snackbar/Customization'; +import PositionedSnackbars from '@/components/UIElements/Snackbar/PositionedSnackbars'; +import ComplementaryProjects from '@/components/UIElements/Snackbar/ComplementaryProjects'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Snackbar() { + return ( + <> + {/* Page title */} +

Snackbar

+ Dashboard +
Snackbar

+ + + + {/* SimpleSnackbars */} + + + {/* PositionedSnackbars */} + + + {/* ComplementaryProjects */} + + + + + {/* Customization */} + + + + + ); +} diff --git a/pages/ui-elements/stepper.js b/pages/ui-elements/stepper.js new file mode 100644 index 0000000..c4421a5 --- /dev/null +++ b/pages/ui-elements/stepper.js @@ -0,0 +1,59 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import HorizontalStepper from '@/components/UIElements/Stepper/HorizontalStepper'; +import NonLinear from '@/components/UIElements/Stepper/NonLinear'; +import AlternativeLabel from '@/components/UIElements/Stepper/AlternativeLabel'; +import ErrorStep from '@/components/UIElements/Stepper/ErrorStep'; +import CustomizedHorizontalStepper from '@/components/UIElements/Stepper/CustomizedHorizontalStepper'; +import VerticalStepper from '@/components/UIElements/Stepper/VerticalStepper'; +import MobileStepperText from '@/components/UIElements/Stepper/MobileStepperText'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Stepper() { + return ( + <> + {/* Page title */} +

Stepper

+ Dashboard +
Stepper

+ + + + {/* HorizontalStepper */} + + + {/* AlternativeLabel */} + + + {/* CustomizedHorizontalStepper */} + + + {/* MobileStepper */} + + + + + {/* NonLinear */} + + + {/* ErrorStep */} + + + {/* VerticalStepper */} + + + + + ); +} diff --git a/pages/ui-elements/swiper-slider.js b/pages/ui-elements/swiper-slider.js new file mode 100644 index 0000000..8d95b4d --- /dev/null +++ b/pages/ui-elements/swiper-slider.js @@ -0,0 +1,63 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Default from '@/components/UIElements/SwiperSlider/Default'; +import NavigationSlider from '@/components/UIElements/SwiperSlider/NavigationSlider'; +import PaginationSlider from '@/components/UIElements/SwiperSlider/PaginationSlider'; +import PaginationDynamic from '@/components/UIElements/SwiperSlider/PaginationDynamic'; +import PaginationProgress from '@/components/UIElements/SwiperSlider/PaginationProgress'; +import AutoplaySlider from '@/components/UIElements/SwiperSlider/AutoplaySlider'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function SwiperSlider() { + return ( + <> + {/* Page title */} +

Swiper Slider

+ Dashboard +
Swiper Slider

+ + + + {/* Default */} + + + + + {/* PaginationDynamic */} + + + + + {/* NavigationSlider */} + + + + + {/* PaginationProgress */} + + + + + {/* PaginationSlider */} + + + + + {/* AutoplaySlider */} + + + + + ); +} diff --git a/pages/ui-elements/switch.js b/pages/ui-elements/switch.js new file mode 100644 index 0000000..3e89a6c --- /dev/null +++ b/pages/ui-elements/switch.js @@ -0,0 +1,55 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import Basic from '@/components/UIElements/Switch/Basic'; +import Label from '@/components/UIElements/Switch/Label'; +import Size from '@/components/UIElements/Switch/Size'; +import Color from '@/components/UIElements/Switch/Color'; +import Controlled from '@/components/UIElements/Switch/Controlled'; +import SwitchesWithFormGroup from '@/components/UIElements/Switch/SwitchesWithFormGroup'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Switch() { + return ( + <> + {/* Page title */} +

Switch

+ Dashboard +
Switch

+ + + + {/* Basic */} + + + {/* Size */} + + + {/* SwitchesWithFormGroup */} + + + + + {/* Label */} + + + {/* Color */} + + + {/* Controlled */} + + + + + ); +} diff --git a/pages/ui-elements/table.js b/pages/ui-elements/table.js new file mode 100644 index 0000000..30e145d --- /dev/null +++ b/pages/ui-elements/table.js @@ -0,0 +1,61 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import BasicTable from '@/components/UIElements/Table/BasicTable'; +import RecentOrders from "@/components/Dashboard/eCommerce/RecentOrders"; +import TeamMembersList from "@/components/Dashboard/eCommerce/TeamMembersList"; +import BrowserUsedTrafficReports from "@/components/Dashboard/Analytics/BrowserUsedTrafficReports"; +import MyTasks from '@/components/Dashboard/ProjectManagement/MyTasks'; +import AllProjects from '@/components/Dashboard/ProjectManagement/AllProjects'; +import DataTable from '@/components/UIElements/Table/DataTable'; +import DenseTable from '@/components/UIElements/Table/DenseTable'; +import SortingSelectingTable from '@/components/UIElements/Table/SortingSelectingTable'; +import CustomizationTable from '@/components/UIElements/Table/CustomizationTable'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Table() { + return ( + <> + {/* Page title */} +

Table

+ Dashboard +
Table

+ + {/* BasicTable */} + + + {/* RecentOrders */} + + + {/* TeamMembersList */} + + + {/* BrowserUsedTrafficReports */} + + + {/* MyTasks */} + + + {/* AllProjects */} + + + {/* DataTable */} + + + {/* DenseTable */} + + + {/* SortingSelectingTable */} + + + {/* CustomizationTable */} + + + ); +} diff --git a/pages/ui-elements/tabs.js b/pages/ui-elements/tabs.js new file mode 100644 index 0000000..79c1737 --- /dev/null +++ b/pages/ui-elements/tabs.js @@ -0,0 +1,51 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import BasicTabs from '@/components/UIElements/Tabs/BasicTabs'; +import ExperimentalAPI from '@/components/UIElements/Tabs/ExperimentalAPI'; +import VerticalTabs from '@/components/UIElements/Tabs/VerticalTabs'; +import IconTabs from '@/components/UIElements/Tabs/IconTabs'; +import IconPosition from '@/components/UIElements/Tabs/IconPosition'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Tabs() { + return ( + <> + {/* Page title */} +

Tabs

+ Dashboard +
Tabs

+ + + + {/* BasicTabs */} + + + {/* FixedTabs */} + + + + + {/* ExperimentalAPI */} + + + {/* IconTabs */} + + + {/* IconPosition */} + + + + + ); +} diff --git a/pages/ui-elements/tooltip.js b/pages/ui-elements/tooltip.js new file mode 100644 index 0000000..a87421d --- /dev/null +++ b/pages/ui-elements/tooltip.js @@ -0,0 +1,28 @@ +import React from 'react'; +import BasicTooltip from '@/components/UIElements/Tooltip/BasicTooltip'; +import PositionedTooltips from '@/components/UIElements/Tooltip/PositionedTooltips'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Tooltip() { + return ( + <> + {/* Page title */} +

Tooltip

+ Dashboard +
Tooltip

+ + {/* BasicTooltip */} + + + {/* PositionedTooltips */} + + + ); +} diff --git a/pages/ui-elements/transitions.js b/pages/ui-elements/transitions.js new file mode 100644 index 0000000..9b9cf60 --- /dev/null +++ b/pages/ui-elements/transitions.js @@ -0,0 +1,55 @@ +import React from 'react'; +import Grid from "@mui/material/Grid"; +import CollapseTransitions from '@/components/UIElements/Transitions/CollapseTransitions'; +import FadeTransitions from '@/components/UIElements/Transitions/FadeTransitions'; +import GrowTransitions from '@/components/UIElements/Transitions/GrowTransitions'; +import SlideTransitions from '@/components/UIElements/Transitions/SlideTransitions'; +import SlideRelativeToAContainer from '@/components/UIElements/Transitions/SlideRelativeToAContainer'; +import ZoomTransitions from '@/components/UIElements/Transitions/ZoomTransitions'; +import Link from 'next/link'; +import styles from '@/styles/PageTitle.module.css'; + +export default function Transitions() { + return ( + <> + {/* Page title */} +

Transitions

+ Dashboard +
Transitions

+ + + + {/* CollapseTransitions */} + + + {/* SlideTransitions */} + + + {/* SlideRelativeToAContainer */} + + + + + {/* FadeTransitions */} + + + {/* GrowTransitions */} + + + {/* ZoomTransitions */} + + + + + ); +} diff --git a/public/fonts/remixicon.eot b/public/fonts/remixicon.eot new file mode 100644 index 0000000..40629af Binary files /dev/null and b/public/fonts/remixicon.eot differ diff --git a/public/fonts/remixicon.svg b/public/fonts/remixicon.svg new file mode 100644 index 0000000..a348334 --- /dev/null +++ b/public/fonts/remixicon.svg @@ -0,0 +1,6835 @@ + + + + diff --git a/public/fonts/remixicon.symbol.svg b/public/fonts/remixicon.symbol.svg new file mode 100644 index 0000000..2522b6c --- /dev/null +++ b/public/fonts/remixicon.symbol.svg @@ -0,0 +1,11356 @@ + + \ No newline at end of file diff --git a/public/fonts/remixicon.ttf b/public/fonts/remixicon.ttf new file mode 100644 index 0000000..c461f40 Binary files /dev/null and b/public/fonts/remixicon.ttf differ diff --git a/public/fonts/remixicon.woff b/public/fonts/remixicon.woff new file mode 100644 index 0000000..62a756b Binary files /dev/null and b/public/fonts/remixicon.woff differ diff --git a/public/fonts/remixicon.woff2 b/public/fonts/remixicon.woff2 new file mode 100644 index 0000000..89a0b99 Binary files /dev/null and b/public/fonts/remixicon.woff2 differ diff --git a/public/images/3d1.png b/public/images/3d1.png new file mode 100644 index 0000000..63cdbf6 Binary files /dev/null and b/public/images/3d1.png differ diff --git a/public/images/3d2.png b/public/images/3d2.png new file mode 100644 index 0000000..36aa918 Binary files /dev/null and b/public/images/3d2.png differ diff --git a/public/images/3d3.png b/public/images/3d3.png new file mode 100644 index 0000000..3c5d737 Binary files /dev/null and b/public/images/3d3.png differ diff --git a/public/images/3d4.png b/public/images/3d4.png new file mode 100644 index 0000000..e944392 Binary files /dev/null and b/public/images/3d4.png differ diff --git a/public/images/apps-icon.png b/public/images/apps-icon.png new file mode 100644 index 0000000..501d89a Binary files /dev/null and b/public/images/apps-icon.png differ diff --git a/public/images/avatar2.png b/public/images/avatar2.png new file mode 100644 index 0000000..7dac0e7 Binary files /dev/null and b/public/images/avatar2.png differ diff --git a/public/images/binance.png b/public/images/binance.png new file mode 100644 index 0000000..b6c623b Binary files /dev/null and b/public/images/binance.png differ diff --git a/public/images/bitcoin.png b/public/images/bitcoin.png new file mode 100644 index 0000000..622189a Binary files /dev/null and b/public/images/bitcoin.png differ diff --git a/public/images/bitcoin2.png b/public/images/bitcoin2.png new file mode 100644 index 0000000..cb031f1 Binary files /dev/null and b/public/images/bitcoin2.png differ diff --git a/public/images/bitcoin3.png b/public/images/bitcoin3.png new file mode 100644 index 0000000..fe90ddd Binary files /dev/null and b/public/images/bitcoin3.png differ diff --git a/public/images/bitcoin4.png b/public/images/bitcoin4.png new file mode 100644 index 0000000..d962d99 Binary files /dev/null and b/public/images/bitcoin4.png differ diff --git a/public/images/btc.png b/public/images/btc.png new file mode 100644 index 0000000..91af6d3 Binary files /dev/null and b/public/images/btc.png differ diff --git a/public/images/burger-menu-icon.png b/public/images/burger-menu-icon.png new file mode 100644 index 0000000..94bbbe6 Binary files /dev/null and b/public/images/burger-menu-icon.png differ diff --git a/public/images/c+.png b/public/images/c+.png new file mode 100644 index 0000000..58ed6ea Binary files /dev/null and b/public/images/c+.png differ diff --git a/public/images/card-img1.png b/public/images/card-img1.png new file mode 100644 index 0000000..5585d79 Binary files /dev/null and b/public/images/card-img1.png differ diff --git a/public/images/card-img2.png b/public/images/card-img2.png new file mode 100644 index 0000000..1dee837 Binary files /dev/null and b/public/images/card-img2.png differ diff --git a/public/images/card-img3.png b/public/images/card-img3.png new file mode 100644 index 0000000..0ae120d Binary files /dev/null and b/public/images/card-img3.png differ diff --git a/public/images/card-img4.png b/public/images/card-img4.png new file mode 100644 index 0000000..8634bff Binary files /dev/null and b/public/images/card-img4.png differ diff --git a/public/images/card-img5.png b/public/images/card-img5.png new file mode 100644 index 0000000..7f93b65 Binary files /dev/null and b/public/images/card-img5.png differ diff --git a/public/images/cardano.png b/public/images/cardano.png new file mode 100644 index 0000000..000845e Binary files /dev/null and b/public/images/cardano.png differ diff --git a/public/images/chart1.png b/public/images/chart1.png new file mode 100644 index 0000000..ba9ddf3 Binary files /dev/null and b/public/images/chart1.png differ diff --git a/public/images/chart2.png b/public/images/chart2.png new file mode 100644 index 0000000..affcc68 Binary files /dev/null and b/public/images/chart2.png differ diff --git a/public/images/chart3.png b/public/images/chart3.png new file mode 100644 index 0000000..e37f90e Binary files /dev/null and b/public/images/chart3.png differ diff --git a/public/images/chart4.png b/public/images/chart4.png new file mode 100644 index 0000000..12e27b1 Binary files /dev/null and b/public/images/chart4.png differ diff --git a/public/images/coffee.png b/public/images/coffee.png new file mode 100644 index 0000000..154c7ec Binary files /dev/null and b/public/images/coffee.png differ diff --git a/public/images/comp-bidr.png b/public/images/comp-bidr.png new file mode 100644 index 0000000..52896ce Binary files /dev/null and b/public/images/comp-bidr.png differ diff --git a/public/images/comp.png b/public/images/comp.png new file mode 100644 index 0000000..70068b2 Binary files /dev/null and b/public/images/comp.png differ diff --git a/public/images/contemplative-reptile.jpg b/public/images/contemplative-reptile.jpg new file mode 100644 index 0000000..2348454 Binary files /dev/null and b/public/images/contemplative-reptile.jpg differ diff --git a/public/images/coupon-icon.png b/public/images/coupon-icon.png new file mode 100644 index 0000000..f6751f8 Binary files /dev/null and b/public/images/coupon-icon.png differ diff --git a/public/images/course-brand1.png b/public/images/course-brand1.png new file mode 100644 index 0000000..14e71ff Binary files /dev/null and b/public/images/course-brand1.png differ diff --git a/public/images/course-brand2.png b/public/images/course-brand2.png new file mode 100644 index 0000000..bffbe85 Binary files /dev/null and b/public/images/course-brand2.png differ diff --git a/public/images/course-brand3.png b/public/images/course-brand3.png new file mode 100644 index 0000000..6c3840b Binary files /dev/null and b/public/images/course-brand3.png differ diff --git a/public/images/course-brand4.png b/public/images/course-brand4.png new file mode 100644 index 0000000..6eca91f Binary files /dev/null and b/public/images/course-brand4.png differ diff --git a/public/images/dash.png b/public/images/dash.png new file mode 100644 index 0000000..d42fa67 Binary files /dev/null and b/public/images/dash.png differ diff --git a/public/images/dollar.png b/public/images/dollar.png new file mode 100644 index 0000000..9a42c03 Binary files /dev/null and b/public/images/dollar.png differ diff --git a/public/images/down-arrow.png b/public/images/down-arrow.png new file mode 100644 index 0000000..c389bb4 Binary files /dev/null and b/public/images/down-arrow.png differ diff --git a/public/images/error.png b/public/images/error.png new file mode 100644 index 0000000..31fc3f1 Binary files /dev/null and b/public/images/error.png differ diff --git a/public/images/ethereum.png b/public/images/ethereum.png new file mode 100644 index 0000000..1102dae Binary files /dev/null and b/public/images/ethereum.png differ diff --git a/public/images/ethereum2.png b/public/images/ethereum2.png new file mode 100644 index 0000000..016946f Binary files /dev/null and b/public/images/ethereum2.png differ diff --git a/public/images/ethereum3.png b/public/images/ethereum3.png new file mode 100644 index 0000000..9bf85be Binary files /dev/null and b/public/images/ethereum3.png differ diff --git a/public/images/favicon.ico b/public/images/favicon.ico new file mode 100644 index 0000000..718d6fe Binary files /dev/null and b/public/images/favicon.ico differ diff --git a/public/images/favicon.png b/public/images/favicon.png new file mode 100644 index 0000000..9db9b7a Binary files /dev/null and b/public/images/favicon.png differ diff --git a/public/images/fb-icon.png b/public/images/fb-icon.png new file mode 100644 index 0000000..7982c0e Binary files /dev/null and b/public/images/fb-icon.png differ diff --git a/public/images/file1.png b/public/images/file1.png new file mode 100644 index 0000000..c2f4acf Binary files /dev/null and b/public/images/file1.png differ diff --git a/public/images/file10.png b/public/images/file10.png new file mode 100644 index 0000000..c2f4acf Binary files /dev/null and b/public/images/file10.png differ diff --git a/public/images/file2.png b/public/images/file2.png new file mode 100644 index 0000000..6376c15 Binary files /dev/null and b/public/images/file2.png differ diff --git a/public/images/file3.png b/public/images/file3.png new file mode 100644 index 0000000..30331f9 Binary files /dev/null and b/public/images/file3.png differ diff --git a/public/images/file4.png b/public/images/file4.png new file mode 100644 index 0000000..d86c175 Binary files /dev/null and b/public/images/file4.png differ diff --git a/public/images/file5.png b/public/images/file5.png new file mode 100644 index 0000000..160475c Binary files /dev/null and b/public/images/file5.png differ diff --git a/public/images/file6.png b/public/images/file6.png new file mode 100644 index 0000000..c2cd3d1 Binary files /dev/null and b/public/images/file6.png differ diff --git a/public/images/file7.png b/public/images/file7.png new file mode 100644 index 0000000..6c8c4f7 Binary files /dev/null and b/public/images/file7.png differ diff --git a/public/images/file8.png b/public/images/file8.png new file mode 100644 index 0000000..82fcab5 Binary files /dev/null and b/public/images/file8.png differ diff --git a/public/images/file9.png b/public/images/file9.png new file mode 100644 index 0000000..1c65ce7 Binary files /dev/null and b/public/images/file9.png differ diff --git a/public/images/folder.png b/public/images/folder.png new file mode 100644 index 0000000..5cbbe2e Binary files /dev/null and b/public/images/folder.png differ diff --git a/public/images/google-icon.png b/public/images/google-icon.png new file mode 100644 index 0000000..3d66f35 Binary files /dev/null and b/public/images/google-icon.png differ diff --git a/public/images/graph-icon.png b/public/images/graph-icon.png new file mode 100644 index 0000000..e0be787 Binary files /dev/null and b/public/images/graph-icon.png differ diff --git a/public/images/haskell.png b/public/images/haskell.png new file mode 100644 index 0000000..68d8659 Binary files /dev/null and b/public/images/haskell.png differ diff --git a/public/images/hex-map.png b/public/images/hex-map.png new file mode 100644 index 0000000..0fe5895 Binary files /dev/null and b/public/images/hex-map.png differ diff --git a/public/images/icon1.png b/public/images/icon1.png new file mode 100644 index 0000000..939692b Binary files /dev/null and b/public/images/icon1.png differ diff --git a/public/images/icon2.png b/public/images/icon2.png new file mode 100644 index 0000000..417bab4 Binary files /dev/null and b/public/images/icon2.png differ diff --git a/public/images/icon3.png b/public/images/icon3.png new file mode 100644 index 0000000..5a82f32 Binary files /dev/null and b/public/images/icon3.png differ diff --git a/public/images/icon4.png b/public/images/icon4.png new file mode 100644 index 0000000..14c85d5 Binary files /dev/null and b/public/images/icon4.png differ diff --git a/public/images/icon5.png b/public/images/icon5.png new file mode 100644 index 0000000..9d29260 Binary files /dev/null and b/public/images/icon5.png differ diff --git a/public/images/icon6.png b/public/images/icon6.png new file mode 100644 index 0000000..a52ec38 Binary files /dev/null and b/public/images/icon6.png differ diff --git a/public/images/icon7.png b/public/images/icon7.png new file mode 100644 index 0000000..4e89fdf Binary files /dev/null and b/public/images/icon7.png differ diff --git a/public/images/js.png b/public/images/js.png new file mode 100644 index 0000000..bdaec9a Binary files /dev/null and b/public/images/js.png differ diff --git a/public/images/litecoin.png b/public/images/litecoin.png new file mode 100644 index 0000000..17cd524 Binary files /dev/null and b/public/images/litecoin.png differ diff --git a/public/images/litecoin2.png b/public/images/litecoin2.png new file mode 100644 index 0000000..f691620 Binary files /dev/null and b/public/images/litecoin2.png differ diff --git a/public/images/litecoin3.png b/public/images/litecoin3.png new file mode 100644 index 0000000..5ac9a7e Binary files /dev/null and b/public/images/litecoin3.png differ diff --git a/public/images/live-from-space.jpg b/public/images/live-from-space.jpg new file mode 100644 index 0000000..f74b27b Binary files /dev/null and b/public/images/live-from-space.jpg differ diff --git a/public/images/logo-white.png b/public/images/logo-white.png new file mode 100644 index 0000000..ba8421d Binary files /dev/null and b/public/images/logo-white.png differ diff --git a/public/images/logo.png b/public/images/logo.png new file mode 100644 index 0000000..ba8421d Binary files /dev/null and b/public/images/logo.png differ diff --git a/public/images/man.png b/public/images/man.png new file mode 100644 index 0000000..fbe0587 Binary files /dev/null and b/public/images/man.png differ diff --git a/public/images/matic.png b/public/images/matic.png new file mode 100644 index 0000000..f9425b6 Binary files /dev/null and b/public/images/matic.png differ diff --git a/public/images/matic2.png b/public/images/matic2.png new file mode 100644 index 0000000..0afecf1 Binary files /dev/null and b/public/images/matic2.png differ diff --git a/public/images/matic3.png b/public/images/matic3.png new file mode 100644 index 0000000..2d9c46b Binary files /dev/null and b/public/images/matic3.png differ diff --git a/public/images/media.png b/public/images/media.png new file mode 100644 index 0000000..42a2631 Binary files /dev/null and b/public/images/media.png differ diff --git a/public/images/member1.png b/public/images/member1.png new file mode 100644 index 0000000..c5f1a78 Binary files /dev/null and b/public/images/member1.png differ diff --git a/public/images/member10.png b/public/images/member10.png new file mode 100644 index 0000000..4eeec1a Binary files /dev/null and b/public/images/member10.png differ diff --git a/public/images/member11.png b/public/images/member11.png new file mode 100644 index 0000000..10de3ec Binary files /dev/null and b/public/images/member11.png differ diff --git a/public/images/member12.png b/public/images/member12.png new file mode 100644 index 0000000..a00dea1 Binary files /dev/null and b/public/images/member12.png differ diff --git a/public/images/member2.png b/public/images/member2.png new file mode 100644 index 0000000..382e829 Binary files /dev/null and b/public/images/member2.png differ diff --git a/public/images/member3.png b/public/images/member3.png new file mode 100644 index 0000000..841a3f8 Binary files /dev/null and b/public/images/member3.png differ diff --git a/public/images/member4.png b/public/images/member4.png new file mode 100644 index 0000000..fb84e97 Binary files /dev/null and b/public/images/member4.png differ diff --git a/public/images/member5.png b/public/images/member5.png new file mode 100644 index 0000000..43bd6b6 Binary files /dev/null and b/public/images/member5.png differ diff --git a/public/images/member6.png b/public/images/member6.png new file mode 100644 index 0000000..0f20f0b Binary files /dev/null and b/public/images/member6.png differ diff --git a/public/images/member7.png b/public/images/member7.png new file mode 100644 index 0000000..e42e982 Binary files /dev/null and b/public/images/member7.png differ diff --git a/public/images/member8.png b/public/images/member8.png new file mode 100644 index 0000000..3738b87 Binary files /dev/null and b/public/images/member8.png differ diff --git a/public/images/member9.png b/public/images/member9.png new file mode 100644 index 0000000..0dda776 Binary files /dev/null and b/public/images/member9.png differ diff --git a/public/images/message.png b/public/images/message.png new file mode 100644 index 0000000..af720e9 Binary files /dev/null and b/public/images/message.png differ diff --git a/public/images/oval.png b/public/images/oval.png new file mode 100644 index 0000000..d240fbe Binary files /dev/null and b/public/images/oval.png differ diff --git a/public/images/paella.jpg b/public/images/paella.jpg new file mode 100644 index 0000000..1747662 Binary files /dev/null and b/public/images/paella.jpg differ diff --git a/public/images/pdf-icon.png b/public/images/pdf-icon.png new file mode 100644 index 0000000..61e3d77 Binary files /dev/null and b/public/images/pdf-icon.png differ diff --git a/public/images/product-preview.png b/public/images/product-preview.png new file mode 100644 index 0000000..29b9d6c Binary files /dev/null and b/public/images/product-preview.png differ diff --git a/public/images/product1.png b/public/images/product1.png new file mode 100644 index 0000000..bb81ba3 Binary files /dev/null and b/public/images/product1.png differ diff --git a/public/images/product2.png b/public/images/product2.png new file mode 100644 index 0000000..ce3eab1 Binary files /dev/null and b/public/images/product2.png differ diff --git a/public/images/product3.png b/public/images/product3.png new file mode 100644 index 0000000..3f4ab26 Binary files /dev/null and b/public/images/product3.png differ diff --git a/public/images/product4.png b/public/images/product4.png new file mode 100644 index 0000000..23c21e1 Binary files /dev/null and b/public/images/product4.png differ diff --git a/public/images/product5.png b/public/images/product5.png new file mode 100644 index 0000000..e9d3895 Binary files /dev/null and b/public/images/product5.png differ diff --git a/public/images/product6.png b/public/images/product6.png new file mode 100644 index 0000000..4121822 Binary files /dev/null and b/public/images/product6.png differ diff --git a/public/images/product7.png b/public/images/product7.png new file mode 100644 index 0000000..83b1e64 Binary files /dev/null and b/public/images/product7.png differ diff --git a/public/images/product8.png b/public/images/product8.png new file mode 100644 index 0000000..fc559f7 Binary files /dev/null and b/public/images/product8.png differ diff --git a/public/images/product9.png b/public/images/product9.png new file mode 100644 index 0000000..5aeab00 Binary files /dev/null and b/public/images/product9.png differ diff --git a/public/images/profile.png b/public/images/profile.png new file mode 100644 index 0000000..0f74d45 Binary files /dev/null and b/public/images/profile.png differ diff --git a/public/images/project-logo1.png b/public/images/project-logo1.png new file mode 100644 index 0000000..80cf823 Binary files /dev/null and b/public/images/project-logo1.png differ diff --git a/public/images/project-logo10.png b/public/images/project-logo10.png new file mode 100644 index 0000000..79bbf51 Binary files /dev/null and b/public/images/project-logo10.png differ diff --git a/public/images/project-logo11.png b/public/images/project-logo11.png new file mode 100644 index 0000000..4eb6892 Binary files /dev/null and b/public/images/project-logo11.png differ diff --git a/public/images/project-logo12.png b/public/images/project-logo12.png new file mode 100644 index 0000000..6161607 Binary files /dev/null and b/public/images/project-logo12.png differ diff --git a/public/images/project-logo13.png b/public/images/project-logo13.png new file mode 100644 index 0000000..a85b6c7 Binary files /dev/null and b/public/images/project-logo13.png differ diff --git a/public/images/project-logo14.png b/public/images/project-logo14.png new file mode 100644 index 0000000..5f4637b Binary files /dev/null and b/public/images/project-logo14.png differ diff --git a/public/images/project-logo2.png b/public/images/project-logo2.png new file mode 100644 index 0000000..1b71dbf Binary files /dev/null and b/public/images/project-logo2.png differ diff --git a/public/images/project-logo3.png b/public/images/project-logo3.png new file mode 100644 index 0000000..7cf4b2e Binary files /dev/null and b/public/images/project-logo3.png differ diff --git a/public/images/project-logo4.png b/public/images/project-logo4.png new file mode 100644 index 0000000..03ba7a2 Binary files /dev/null and b/public/images/project-logo4.png differ diff --git a/public/images/project-logo5.png b/public/images/project-logo5.png new file mode 100644 index 0000000..3ccbb68 Binary files /dev/null and b/public/images/project-logo5.png differ diff --git a/public/images/project-logo6.png b/public/images/project-logo6.png new file mode 100644 index 0000000..cd93c50 Binary files /dev/null and b/public/images/project-logo6.png differ diff --git a/public/images/project-logo7.png b/public/images/project-logo7.png new file mode 100644 index 0000000..2fb4578 Binary files /dev/null and b/public/images/project-logo7.png differ diff --git a/public/images/project-logo8.png b/public/images/project-logo8.png new file mode 100644 index 0000000..a60c97e Binary files /dev/null and b/public/images/project-logo8.png differ diff --git a/public/images/project-logo9.png b/public/images/project-logo9.png new file mode 100644 index 0000000..8c28885 Binary files /dev/null and b/public/images/project-logo9.png differ diff --git a/public/images/seller1.png b/public/images/seller1.png new file mode 100644 index 0000000..5296124 Binary files /dev/null and b/public/images/seller1.png differ diff --git a/public/images/seller2.png b/public/images/seller2.png new file mode 100644 index 0000000..6cccf04 Binary files /dev/null and b/public/images/seller2.png differ diff --git a/public/images/seller3.png b/public/images/seller3.png new file mode 100644 index 0000000..3a1f353 Binary files /dev/null and b/public/images/seller3.png differ diff --git a/public/images/seller4.png b/public/images/seller4.png new file mode 100644 index 0000000..a06ff9d Binary files /dev/null and b/public/images/seller4.png differ diff --git a/public/images/seller5.png b/public/images/seller5.png new file mode 100644 index 0000000..b8dea35 Binary files /dev/null and b/public/images/seller5.png differ diff --git a/public/images/seller6.png b/public/images/seller6.png new file mode 100644 index 0000000..25e999a Binary files /dev/null and b/public/images/seller6.png differ diff --git a/public/images/seller7.png b/public/images/seller7.png new file mode 100644 index 0000000..505e54d Binary files /dev/null and b/public/images/seller7.png differ diff --git a/public/images/seller8.png b/public/images/seller8.png new file mode 100644 index 0000000..77292ed Binary files /dev/null and b/public/images/seller8.png differ diff --git a/public/images/shape-1.png b/public/images/shape-1.png new file mode 100644 index 0000000..454a400 Binary files /dev/null and b/public/images/shape-1.png differ diff --git a/public/images/shape-2-icon.png b/public/images/shape-2-icon.png new file mode 100644 index 0000000..8d11b94 Binary files /dev/null and b/public/images/shape-2-icon.png differ diff --git a/public/images/slider-img1.jpg b/public/images/slider-img1.jpg new file mode 100644 index 0000000..60acbbb Binary files /dev/null and b/public/images/slider-img1.jpg differ diff --git a/public/images/slider-img2.jpg b/public/images/slider-img2.jpg new file mode 100644 index 0000000..8861147 Binary files /dev/null and b/public/images/slider-img2.jpg differ diff --git a/public/images/slider-img3.jpg b/public/images/slider-img3.jpg new file mode 100644 index 0000000..9c89781 Binary files /dev/null and b/public/images/slider-img3.jpg differ diff --git a/public/images/slider-img4.jpg b/public/images/slider-img4.jpg new file mode 100644 index 0000000..e80c2aa Binary files /dev/null and b/public/images/slider-img4.jpg differ diff --git a/public/images/slider-img5.jpg b/public/images/slider-img5.jpg new file mode 100644 index 0000000..7fc891e Binary files /dev/null and b/public/images/slider-img5.jpg differ diff --git a/public/images/small-product-img.png b/public/images/small-product-img.png new file mode 100644 index 0000000..3aa12f9 Binary files /dev/null and b/public/images/small-product-img.png differ diff --git a/public/images/small-product-img2.png b/public/images/small-product-img2.png new file mode 100644 index 0000000..ffb08fb Binary files /dev/null and b/public/images/small-product-img2.png differ diff --git a/public/images/small-product-img3.png b/public/images/small-product-img3.png new file mode 100644 index 0000000..43b6140 Binary files /dev/null and b/public/images/small-product-img3.png differ diff --git a/public/images/stack-icon.png b/public/images/stack-icon.png new file mode 100644 index 0000000..be12dad Binary files /dev/null and b/public/images/stack-icon.png differ diff --git a/public/images/support.png b/public/images/support.png new file mode 100644 index 0000000..1d93c11 Binary files /dev/null and b/public/images/support.png differ diff --git a/public/images/time.png b/public/images/time.png new file mode 100644 index 0000000..f99d66f Binary files /dev/null and b/public/images/time.png differ diff --git a/public/images/user1.png b/public/images/user1.png new file mode 100644 index 0000000..a592e0a Binary files /dev/null and b/public/images/user1.png differ diff --git a/public/images/user10.png b/public/images/user10.png new file mode 100644 index 0000000..e136879 Binary files /dev/null and b/public/images/user10.png differ diff --git a/public/images/user11.png b/public/images/user11.png new file mode 100644 index 0000000..c3808e8 Binary files /dev/null and b/public/images/user11.png differ diff --git a/public/images/user12.png b/public/images/user12.png new file mode 100644 index 0000000..d573a20 Binary files /dev/null and b/public/images/user12.png differ diff --git a/public/images/user13.png b/public/images/user13.png new file mode 100644 index 0000000..53f9513 Binary files /dev/null and b/public/images/user13.png differ diff --git a/public/images/user14.png b/public/images/user14.png new file mode 100644 index 0000000..afc98f7 Binary files /dev/null and b/public/images/user14.png differ diff --git a/public/images/user15.png b/public/images/user15.png new file mode 100644 index 0000000..3cdce43 Binary files /dev/null and b/public/images/user15.png differ diff --git a/public/images/user16.png b/public/images/user16.png new file mode 100644 index 0000000..e459d73 Binary files /dev/null and b/public/images/user16.png differ diff --git a/public/images/user17.png b/public/images/user17.png new file mode 100644 index 0000000..418fd6f Binary files /dev/null and b/public/images/user17.png differ diff --git a/public/images/user18.png b/public/images/user18.png new file mode 100644 index 0000000..646f17f Binary files /dev/null and b/public/images/user18.png differ diff --git a/public/images/user19.png b/public/images/user19.png new file mode 100644 index 0000000..669066e Binary files /dev/null and b/public/images/user19.png differ diff --git a/public/images/user2.png b/public/images/user2.png new file mode 100644 index 0000000..0ac355b Binary files /dev/null and b/public/images/user2.png differ diff --git a/public/images/user20.png b/public/images/user20.png new file mode 100644 index 0000000..42e9047 Binary files /dev/null and b/public/images/user20.png differ diff --git a/public/images/user21.png b/public/images/user21.png new file mode 100644 index 0000000..b0df234 Binary files /dev/null and b/public/images/user21.png differ diff --git a/public/images/user22.png b/public/images/user22.png new file mode 100644 index 0000000..7168073 Binary files /dev/null and b/public/images/user22.png differ diff --git a/public/images/user23.png b/public/images/user23.png new file mode 100644 index 0000000..0ac355b Binary files /dev/null and b/public/images/user23.png differ diff --git a/public/images/user3.png b/public/images/user3.png new file mode 100644 index 0000000..5242271 Binary files /dev/null and b/public/images/user3.png differ diff --git a/public/images/user4.png b/public/images/user4.png new file mode 100644 index 0000000..d3a8ff0 Binary files /dev/null and b/public/images/user4.png differ diff --git a/public/images/user5.png b/public/images/user5.png new file mode 100644 index 0000000..76f95ab Binary files /dev/null and b/public/images/user5.png differ diff --git a/public/images/user6.png b/public/images/user6.png new file mode 100644 index 0000000..5f4d9fa Binary files /dev/null and b/public/images/user6.png differ diff --git a/public/images/user7.png b/public/images/user7.png new file mode 100644 index 0000000..3a7012e Binary files /dev/null and b/public/images/user7.png differ diff --git a/public/images/user8.png b/public/images/user8.png new file mode 100644 index 0000000..8ef5dd1 Binary files /dev/null and b/public/images/user8.png differ diff --git a/public/images/user9.png b/public/images/user9.png new file mode 100644 index 0000000..ff925ff Binary files /dev/null and b/public/images/user9.png differ diff --git a/public/images/users-icon.png b/public/images/users-icon.png new file mode 100644 index 0000000..7715296 Binary files /dev/null and b/public/images/users-icon.png differ diff --git a/public/images/work-icon.png b/public/images/work-icon.png new file mode 100644 index 0000000..34e4cf5 Binary files /dev/null and b/public/images/work-icon.png differ diff --git a/public/images/working-on-table.png b/public/images/working-on-table.png new file mode 100644 index 0000000..babd358 Binary files /dev/null and b/public/images/working-on-table.png differ diff --git a/styles/PageTitle.module.css b/styles/PageTitle.module.css new file mode 100644 index 0000000..ca4ab9c --- /dev/null +++ b/styles/PageTitle.module.css @@ -0,0 +1,65 @@ +.pageTitle { + display: flex; + justify-content: space-between; + margin-bottom: 15px; +} +.pageTitle h1 { + font-size: 17px; + margin: 0; +} +.pageTitle ul { + padding: 0; + margin: 0; +} +.pageTitle ul li { + display: inline-block; + color: #A9A9C8; + margin-right: 20px; + position: relative; + font-size: 14px; +} +.pageTitle ul li:last-child { + margin-right: 0; +} +.pageTitle ul li:last-child:before { + display: none; +} +.pageTitle ul li:before { + content: '/'; + position: absolute; + right: -13px; + top: 0; +} +.pageTitle ul li a { + color: #5B5B98; + text-decoration: none; +} +.pageTitle ul li a:hover { + color: var(--primaryColor); +} + +@media only screen and (max-width: 767px) { + .pageTitle h1 { + font-size: 15px; + } + .pageTitle ul li { + margin-right: 15px; + font-size: 11px; + } + .pageTitle ul li:before { + right: -10px; + } +} + +/* For RTL Style */ +[dir=rtl] .pageTitle ul li { + margin-right: 0; + margin-left: 20px; +} +[dir=rtl] .pageTitle ul li:last-child { + margin-left: 0; +} +[dir=rtl] .pageTitle ul li:before { + left: -13px; + right: auto; +} \ No newline at end of file diff --git a/styles/chat.css b/styles/chat.css new file mode 100644 index 0000000..5fe88af --- /dev/null +++ b/styles/chat.css @@ -0,0 +1,128 @@ +.chat-tabs .react-tabs__tab-list { + border: none; + margin: 0; + height: 648px; + overflow-y: auto; + padding-right: 10px; +} +.chat-tabs .react-tabs__tab-list .react-tabs__tab { + display: block; + padding: 5px 0; + border-radius: 0; + border-top: none; + border-left: none; + border-right: none; + border-bottom: 1px solid #F7FAFF; +} +.chat-tabs .react-tabs__tab-list .react-tabs__tab:focus, .chat-tabs .react-tabs__tab-list .react-tabs__tab:focus-visible { + outline: 0; +} +.chat-tabs .react-tabs__tab-list .react-tabs__tab:focus:after, .chat-tabs .react-tabs__tab-list .react-tabs__tab:focus-visible:after { + background: transparent; +} +.chat-tabs .react-tabs__tab-list .react-tabs__tab.react-tabs__tab--selected { + background-color: #fdfdfd; + color: #A9A9C8; +} + +.active-status { + width: 13px; + height: 13px; + position: absolute; + bottom: 4px; + right: 3px; + border: 2px solid #fff; + border-radius: 100%; +} + +.active-status2 { + width: 13px; + height: 13px; + display: inline-block; + border: 2px solid #fff; + border-radius: 100%; + position: relative; + top: 1px; +} + +.left-replay-box { + position: relative; +} + +.left-replay-box .hover-caption { + background: #fff; + box-shadow: 0px 10px 35px rgba(50, 110, 189, 0.2); + border-radius: 10px; + visibility: hidden; + transition: 0.6s; + position: absolute; + left: 0; + top: 30px; +} + +.left-replay-box:hover .hover-caption { + visibility: visible; +} + +.right-replay-box { + position: relative; +} + +.right-replay-box .hover-caption { + background: #fff; + box-shadow: 0px 10px 35px rgba(50, 110, 189, 0.2); + border-radius: 10px; + visibility: hidden; + transition: 0.6s; + position: absolute; + right: 0; + top: 30px; +} + +.right-replay-box:hover .hover-caption { + visibility: visible; +} + +.chat-list-box { + padding: 15px; + height: 585px; + overflow: auto; +} + +[dir=rtl] .chat-tabs .react-tabs__tab-list { + padding-right: 0; + padding-left: 10px; +} +[dir=rtl] .active-status { + right: 0; + left: 3px; +} +[dir=rtl] .left-replay-box .hover-caption { + left: auto; + right: 0; +} +[dir=rtl] .right-replay-box .hover-caption { + right: auto; + left: 0; +} + +/* For dark mode */ +[class=dark] .chat-tabs .react-tabs__tab-list .react-tabs__tab { + border-bottom: 1px solid var(--borderColor); +} +[class=dark] .chat-tabs .react-tabs__tab-list .react-tabs__tab.react-tabs__tab--selected { + background-color: var(--colorBlack); + color: #A9A9C8; +} +[class=dark] .chat-tabs .for-dark-text-white span { + color: #fff !important; +} +[class=dark] .chat-tabs .for-dark-chat-box { + border: 1px solid var(--borderColor); +} +[class=dark] .chat-tabs .for-dark-chat-header { + border-bottom: 1px solid var(--borderColor); +} +[class=dark] .chat-tabs .for-dark-button { + background: #000; +}/*# sourceMappingURL=chat.css.map */ \ No newline at end of file diff --git a/styles/chat.css.map b/styles/chat.css.map new file mode 100644 index 0000000..0c63bdf --- /dev/null +++ b/styles/chat.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["chat.scss","chat.css"],"names":[],"mappings":"AACE;EACE,YAAA;EACA,SAAA;EACA,aAAA;EACA,gBAAA;EACA,mBAAA;ACAJ;ADEI;EACE,cAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EACA,iBAAA;EACA,kBAAA;EACA,gCAAA;ACAN;ADEM;EACE,UAAA;ACAR;ADCQ;EACE,uBAAA;ACCV;ADGM;EACE,yBAAA;EACA,cAAA;ACDR;;ADMA;EACE,WAAA;EACA,YAAA;EACA,kBAAA;EACA,WAAA;EACA,UAAA;EACA,sBAAA;EACA,mBAAA;ACHF;;ADKA;EACE,WAAA;EACA,YAAA;EACA,qBAAA;EACA,sBAAA;EACA,mBAAA;EACA,kBAAA;EACA,QAAA;ACFF;;ADMA;EACE,kBAAA;ACHF;;ADKA;EACE,gBAAA;EACA,iDAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,OAAA;EACA,SAAA;ACFF;;ADIA;EACE,mBAAA;ACDF;;ADKA;EACE,kBAAA;ACFF;;ADIA;EACE,gBAAA;EACA,iDAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;ACDF;;ADGA;EACE,mBAAA;ACAF;;ADIA;EACE,aAAA;EACA,aAAA;EACA,cAAA;ACDF;;ADQI;EACE,gBAAA;EACA,kBAAA;ACLN;ADSE;EACE,QAAA;EACA,SAAA;ACPJ;ADWE;EACE,UAAA;EACA,QAAA;ACTJ;ADaE;EACE,WAAA;EACA,OAAA;ACXJ;;ADeA,kBAAA;AAII;EACE,2CAAA;ACfN;ADiBM;EACE,mCAAA;EACA,cAAA;ACfR;ADqBI;EACE,sBAAA;ACnBN;ADuBE;EACE,oCAAA;ACrBJ;ADuBE;EACE,2CAAA;ACrBJ;ADuBE;EACE,gBAAA;ACrBJ","file":"chat.css"} \ No newline at end of file diff --git a/styles/chat.scss b/styles/chat.scss new file mode 100644 index 0000000..2319656 --- /dev/null +++ b/styles/chat.scss @@ -0,0 +1,151 @@ +.chat-tabs { + .react-tabs__tab-list { + border: none; + margin: 0; + height: 648px; + overflow-y: auto; + padding-right: 10px; + + .react-tabs__tab { + display: block; + padding: 5px 0; + border-radius: 0; + border-top: none; + border-left: none; + border-right: none; + border-bottom: 1px solid #F7FAFF; + + &:focus, &:focus-visible { + outline: 0; + &:after { + background: transparent; + } + } + + &.react-tabs__tab--selected { + background-color: #fdfdfd; + color: #A9A9C8; + } + } + } +} +.active-status { + width: 13px; + height: 13px; + position: absolute; + bottom: 4px; + right: 3px; + border: 2px solid #fff; + border-radius: 100%; +} +.active-status2 { + width: 13px; + height: 13px; + display: inline-block; + border: 2px solid #fff; + border-radius: 100%; + position: relative; + top: 1px; +} + +// left-replay-box +.left-replay-box { + position: relative; +} +.left-replay-box .hover-caption { + background: #fff; + box-shadow: 0px 10px 35px rgba(50, 110, 189, 0.2); + border-radius: 10px; + visibility: hidden; + transition: .6s; + position: absolute; + left: 0; + top: 30px; +} +.left-replay-box:hover .hover-caption { + visibility: visible; +} + +// right-replay-box +.right-replay-box { + position: relative; +} +.right-replay-box .hover-caption { + background: #fff; + box-shadow: 0px 10px 35px rgba(50, 110, 189, 0.2); + border-radius: 10px; + visibility: hidden; + transition: .6s; + position: absolute; + right: 0; + top: 30px; +} +.right-replay-box:hover .hover-caption { + visibility: visible; +} + +// chat-list-box +.chat-list-box { + padding: 15px; + height: 585px; + overflow: auto; +} + + +// For RTL Style +[dir="rtl"] { + .chat-tabs { + .react-tabs__tab-list { + padding-right: 0; + padding-left: 10px; + } + } + + .active-status { + right: 0; + left: 3px; + } + + // left-replay-box + .left-replay-box .hover-caption { + left: auto; + right: 0; + } + + // right-replay-box + .right-replay-box .hover-caption { + right: auto; + left: 0; + } +} + +/* For dark mode */ +[class="dark"] .chat-tabs { + .react-tabs__tab-list { + + .react-tabs__tab { + border-bottom: 1px solid var(--borderColor); + + &.react-tabs__tab--selected { + background-color: var(--colorBlack); + color: #A9A9C8; + } + } + } + + .for-dark-text-white { + span { + color: #fff !important; + } + } + + .for-dark-chat-box { + border: 1px solid var(--borderColor); + } + .for-dark-chat-header { + border-bottom: 1px solid var(--borderColor); + } + .for-dark-button { + background: #000; + } +} \ No newline at end of file diff --git a/styles/dark.css b/styles/dark.css new file mode 100644 index 0000000..7f38ea7 --- /dev/null +++ b/styles/dark.css @@ -0,0 +1,290 @@ +:root { + --darkBodyTextColor: #828690; + --darkHeadingTextColor: #ced4da; + --bodyBg: #0d1015; + --cardBg: #14171c; + --colorBlack: #000000; + --borderColor: #1f2226; + --whiteColor: #0d1015; +} + +.dark { + background-color: var(--bodyBg) !important; +} +.dark body { + background-color: var(--bodyBg) !important; + color: var(--darkBodyTextColor) !important; +} +.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 { + color: var(--darkHeadingTextColor) !important; +} +.dark ::-moz-placeholder { + color: var(--darkBodyTextColor); +} +.dark button, .dark a, .dark p, .dark q, .dark tspan, .dark li, .dark tbody, .dark tfoot, .dark thead, .dark th, .dark td, .dark canvas, .dark ::placeholder, .dark abbr, .dark address, .dark blockquote, .dark caption, .dark cite, .dark code, .dark dd, .dark dl, .dark mark, .dark option, .dark pre, .dark time, .dark del, .dark .MuiTypography-p, .dark .MuiTypography-root, .dark .MuiDataGrid-cellContent, .dark .MuiTabPanel-root { + color: var(--darkBodyTextColor); +} +.dark .whiteColor { + color: #fff; +} +.dark .whiteColor .MuiChip-label { + color: #fff !important; +} +.dark .primary { + color: var(--primaryColor); +} +.dark .secondary { + color: var(--secondaryColor); +} +.dark .success { + color: var(--successColor); +} +.dark .info { + color: var(--infoColor); +} +.dark .warning { + color: var(--warningColor); +} +.dark .danger { + color: var(--dangerColor); +} +.dark .Mui-disabled.MuiIconButton-root { + color: #5d5e5e; +} +.dark .MuiCard-root { + background-color: var(--cardBg); +} +.dark .MuiPopover-paper { + background-color: var(--bodyBg); +} +.dark .MuiPopover-paper:before { + background-color: var(--bodyBg); +} +.dark .card-dark-bg { + background-color: var(--cardBg); +} +.dark .dark-BG-101010 { + background-color: #101010; +} +.dark .bg-black { + background-color: var(--colorBlack) !important; +} +.dark .dark-text-white { + color: #fff !important; +} +.dark .MuiDialog-root .MuiDialog-container .MuiPaper-root { + background-color: #101010; +} +.dark .MuiOutlinedInput-notchedOutline { + border-color: #464545; +} +.dark .with-icons-input .MuiInput-underline::before { + border-bottom: 1px solid #464545; +} +.dark .modal-close { + color: var(--darkBodyTextColor); +} +.dark .modal-close:hover { + color: #fff; +} +.dark .select svg { + color: #fff; +} +.dark .dark-textarea { + background-color: var(--colorBlack) !important; + color: var(--darkBodyTextColor) !important; + border: 1px solid var(--borderColor) !important; +} +.dark .MuiBadge-badge { + color: #fff; +} +.dark .for-dark-border { + border: 1px solid var(--borderColor); +} +.dark .MuiRating-iconEmpty { + color: rgba(140, 140, 140, 0.26); +} +.dark .MuiRating-iconEmpty svg { + color: rgba(140, 140, 140, 0.26) !important; +} +.dark .MuiFormControl-root .MuiFormLabel-root { + color: var(--darkBodyTextColor); +} +.dark .MuiChip-root .MuiChip-label { + color: var(--darkBodyTextColor); +} +.dark .MuiListItemIcon-root { + color: var(--darkHeadingTextColor); +} +.dark .MuiDivider-root { + border-color: rgba(255, 255, 255, 0.12); +} +.dark .MuiDialogContent-dividers { + border-top: 1px solid var(--borderColor); + border-bottom: 1px solid var(--borderColor); +} +.dark .top-navbar-for-dark { + background-color: var(--cardBg); + box-shadow: none; +} +.dark .top-navbar-for-dark .ri-align-left { + color: var(--darkHeadingTextColor); +} +.dark .dark-menu { + background-color: var(--cardBg); +} +.dark .search-form input, .dark .ls-search-form input { + background-color: var(--colorBlack); + color: var(--darkHeadingTextColor); +} +.dark .for-dark-email:hover, .dark .for-dark-notification:hover { + background-color: #f5f5f5; +} +.dark .LeftSidebarNav { + background-color: var(--cardBg); + box-shadow: none; +} +.dark .black-logo { + display: none; +} +.dark .white-logo { + display: inline-block; +} +.dark .sidebarLinkActive { + color: var(--darkHeadingTextColor); +} +.dark .sidebarLinkActive span { + color: var(--darkHeadingTextColor); +} +.dark .sidebarLinkActive svg { + fill: var(--darkHeadingTextColor); +} +.dark .for-dark-bottom-border { + border-bottom: 1px solid var(--borderColor); +} +.dark .dark-border { + border: 1px solid var(--borderColor); +} +.dark .apexcharts-legend-text { + color: var(--darkBodyTextColor) !important; +} +.dark .apexcharts-tooltip.apexcharts-theme-light, .dark .apexcharts-theme-dark { + border: 1px solid #373a40; + background-color: var(--cardBg); +} +.dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title, .dark .apexcharts-theme-dark .apexcharts-tooltip-title { + background: var(--cardBg); + border-bottom: 1px solid #373a40; + color: var(--darkHeadingTextColor); +} +.dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text-y-label, .dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text-y-value, .dark .apexcharts-theme-dark .apexcharts-tooltip-text-y-label, .dark .apexcharts-theme-dark .apexcharts-tooltip-text-y-value { + color: var(--darkHeadingTextColor); +} +.dark .apexcharts-text { + fill: #fff; +} +.dark .apexcharts-yaxis .apexcharts-text, .dark .apexcharts-xaxis .apexcharts-text { + fill: var(--darkBodyTextColor); +} +.dark .apexcharts-title-text { + fill: var(--darkHeadingTextColor); +} +.dark .apexcharts-graphical .apexcharts-grid .apexcharts-grid-row { + fill: #1a1717; +} +.dark .apexcharts-grid-borders line { + stroke: #424242; +} +.dark .apexcharts-gridline { + stroke: #424242; +} +.dark .recharts-text { + fill: var(--darkBodyTextColor); +} +.dark .recharts-cartesian-grid .recharts-cartesian-grid-horizontal line, .dark .recharts-cartesian-grid .recharts-cartesian-grid-vertical line { + stroke: #424242; +} +.dark .recharts-xAxis line, .dark .recharts-yAxis line { + stroke: #424242; +} +.dark .for-dark-impressions { + background-color: var(--cardBg); +} +.dark .dark-table thead { + background-color: var(--colorBlack); +} +.dark .dark-table thead tr th { + border-bottom: 1px solid var(--borderColor) !important; + color: var(--darkHeadingTextColor); +} +.dark .dark-table tbody, .dark .dark-table tfoot { + background-color: var(--bodyBg); +} +.dark .dark-table tbody tr td, .dark .dark-table tbody tr th, .dark .dark-table tfoot tr td, .dark .dark-table tfoot tr th { + border-bottom: 1px solid var(--borderColor) !important; +} +.dark .dark-data-table { + border: 1px solid var(--borderColor); +} +.dark .dark-data-table .MuiDataGrid-columnHeaders { + border-bottom: 1px solid var(--borderColor); +} +.dark .dark-data-table .MuiDataGrid-row .MuiDataGrid-cell { + border-bottom: 1px solid var(--borderColor); +} +.dark .dark-data-table .MuiDataGrid-footerContainer { + border-top: 1px solid var(--borderColor); +} +.dark .ss-table-toolbar, .dark .ss-table-table-pagination { + background-color: #1a1a1a; +} +.dark .MuiClock-root .MuiButtonBase-root span { + color: #fff !important; +} +.dark .mantine-1qycoz3 { + background-color: var(--colorBlack); + border: 1px solid #464545; +} +.dark .mantine-1qycoz3 .mantine-bdajhj { + background-color: #000; + border-bottom: 1px solid #464545; +} +.dark .for-dark-text-white { + color: #fff !important; +} +.dark .for-dark-text-white span { + color: #fff !important; +} +.dark .accordion-customization, .dark .controlled-accordion { + border-top: 1px solid var(--borderColor); + border-left: 1px solid var(--borderColor); + border-right: 1px solid var(--borderColor); +} +.dark .accordion-customization .MuiAccordionDetails-root, .dark .controlled-accordion .MuiAccordionDetails-root { + border-top: 1px solid var(--borderColor); +} +.dark .accordion-customization .MuiButtonBase-root .MuiAccordionSummary-expandIconWrapper svg, .dark .controlled-accordion .MuiButtonBase-root .MuiAccordionSummary-expandIconWrapper svg { + color: #fff; +} +.dark .mobile-stepper .Mui-disabled { + color: rgba(255, 255, 255, 0.26); +} +.dark .MuiTabs-vertical { + border-color: rgba(255, 255, 255, 0.12); +} +.dark .readEmail:hover { + color: var(--darkHeadingTextColor); +} +.dark .igc-box { + background-color: var(--cardBg); +} +.dark .team-card-dark { + background-color: #000000; +} +.dark .footer { + background-color: var(--cardBg); +} + +[class="leftSidebarDark dark"] .sidebarLinkActive span { + color: #f3f3f3; +}/*# sourceMappingURL=dark.css.map */ \ No newline at end of file diff --git a/styles/dark.css.map b/styles/dark.css.map new file mode 100644 index 0000000..36dc40c --- /dev/null +++ b/styles/dark.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["dark.scss","dark.css"],"names":[],"mappings":"AACA;EACE,4BAAA;EACA,+BAAA;EACA,iBAAA;EACA,iBAAA;EACA,qBAAA;EACA,sBAAA;EACA,qBAAA;ACAF;;ADGA;EACE,0CAAA;ACAF;ADEE;EACE,0CAAA;EACA,0CAAA;ACAJ;ADGE;EACE,6CAAA;ACDJ;ADIE;EACE,+BAAA;ACFJ;ADCE;EACE,+BAAA;ACFJ;ADKE;EACE,WAAA;ACHJ;ADII;EACE,sBAAA;ACFN;ADME;EACE,0BAAA;ACJJ;ADME;EACE,4BAAA;ACJJ;ADME;EACE,0BAAA;ACJJ;ADME;EACE,uBAAA;ACJJ;ADME;EACE,0BAAA;ACJJ;ADME;EACE,yBAAA;ACJJ;ADOE;EACE,cAAA;ACLJ;ADQE;EACE,+BAAA;ACNJ;ADSE;EACE,+BAAA;ACPJ;ADQI;EACE,+BAAA;ACNN;ADUE;EACE,+BAAA;ACRJ;ADUE;EACE,yBAAA;ACRJ;ADUE;EACE,8CAAA;ACRJ;ADUE;EACE,sBAAA;ACRJ;ADaM;EACE,yBAAA;ACXR;ADgBE;EACE,qBAAA;ACdJ;ADkBM;EACE,gCAAA;AChBR;ADqBE;EACE,+BAAA;ACnBJ;ADoBI;EACE,WAAA;AClBN;ADuBI;EACE,WAAA;ACrBN;ADyBE;EACE,8CAAA;EACA,0CAAA;EACA,+CAAA;ACvBJ;AD0BE;EACE,WAAA;ACxBJ;AD2BE;EACE,oCAAA;ACzBJ;AD4BE;EACE,gCAAA;AC1BJ;AD2BI;EACE,2CAAA;ACzBN;AD8BI;EACE,+BAAA;AC5BN;ADiCI;EACE,+BAAA;AC/BN;ADmCE;EACE,kCAAA;ACjCJ;ADmCE;EACE,uCAAA;ACjCJ;ADoCE;EACE,wCAAA;EACA,2CAAA;AClCJ;ADsCE;EACE,+BAAA;EACA,gBAAA;ACpCJ;ADqCI;EACE,kCAAA;ACnCN;ADsCE;EACE,+BAAA;ACpCJ;ADuCI;EACE,mCAAA;EACA,kCAAA;ACrCN;ADyCI;EACE,yBAAA;ACvCN;AD4CE;EACE,+BAAA;EACA,gBAAA;AC1CJ;AD4CE;EACE,aAAA;AC1CJ;AD4CE;EACE,qBAAA;AC1CJ;AD4CE;EACE,kCAAA;AC1CJ;AD4CI;EACE,kCAAA;AC1CN;AD6CI;EACE,iCAAA;AC3CN;ADgDE;EACE,2CAAA;AC9CJ;ADgDE;EACE,oCAAA;AC9CJ;ADkDE;EACE,0CAAA;AChDJ;ADkDE;EACE,yBAAA;EACA,+BAAA;AChDJ;ADkDI;EACE,yBAAA;EACA,gCAAA;EACA,kCAAA;AChDN;ADkDI;EACE,kCAAA;AChDN;ADmDE;EACE,UAAA;ACjDJ;ADoDI;EACE,8BAAA;AClDN;ADqDE;EACE,iCAAA;ACnDJ;ADuDM;EACE,aAAA;ACrDR;AD2DI;EACE,eAAA;ACzDN;AD4DE;EACE,eAAA;AC1DJ;AD8DE;EACE,8BAAA;AC5DJ;ADgEM;EACE,eAAA;AC9DR;ADmEI;EACE,eAAA;ACjEN;ADqEE;EACE,+BAAA;ACnEJ;ADwEI;EACE,mCAAA;ACtEN;ADwEQ;EACE,sDAAA;EACA,kCAAA;ACtEV;AD0EI;EACE,+BAAA;ACxEN;AD0EQ;EACE,sDAAA;ACxEV;AD8EE;EACE,oCAAA;AC5EJ;AD6EI;EACE,2CAAA;AC3EN;AD8EM;EACE,2CAAA;AC5ER;AD+EI;EACE,wCAAA;AC7EN;ADiFE;EACE,yBAAA;AC/EJ;ADsFM;EACE,sBAAA;ACpFR;ADyFE;EACE,mCAAA;EACA,yBAAA;ACvFJ;ADwFI;EACE,sBAAA;EACA,gCAAA;ACtFN;AD0FE;EACE,sBAAA;ACxFJ;ADyFI;EACE,sBAAA;ACvFN;AD4FE;EACE,wCAAA;EACA,yCAAA;EACA,0CAAA;AC1FJ;AD4FI;EACE,wCAAA;AC1FN;AD+FQ;EACE,WAAA;AC7FV;ADqGI;EACE,gCAAA;ACnGN;ADuGE;EACE,uCAAA;ACrGJ;ADwGE;EACE,kCAAA;ACtGJ;ADyGE;EACE,+BAAA;ACvGJ;AD0GE;EACE,yBAAA;ACxGJ;AD4GE;EACE,+BAAA;AC1GJ;;AD8GA;EACE,cAAA;AC3GF","file":"dark.css"} \ No newline at end of file diff --git a/styles/dark.scss b/styles/dark.scss new file mode 100644 index 0000000..519bac7 --- /dev/null +++ b/styles/dark.scss @@ -0,0 +1,395 @@ +// Globals variables +:root { + --darkBodyTextColor: #828690; + --darkHeadingTextColor: #ced4da; + --bodyBg: #0d1015; + --cardBg: #14171c; + --colorBlack: #000000; + --borderColor: #1f2226; + --whiteColor: #0d1015; +} + +.dark { + background-color: var(--bodyBg) !important; + + body { + background-color: var(--bodyBg) !important; + color: var(--darkBodyTextColor) !important; + } + + h1, h2, h3, h4, h5, h6 { + color: var(--darkHeadingTextColor) !important; + } + + button, a, p, q, tspan, li, tbody, tfoot, thead, th, td, canvas, ::placeholder, abbr, address, blockquote, caption, cite, code, dd, dl, mark, option, pre, time, del, .MuiTypography-p, .MuiTypography-root, .MuiDataGrid-cellContent, .MuiTabPanel-root { + color: var(--darkBodyTextColor); + } + + .whiteColor { + color: #fff; + .MuiChip-label { + color: #fff !important; + } + } + + .primary { + color: var(--primaryColor); + } + .secondary { + color: var(--secondaryColor); + } + .success { + color: var(--successColor); + } + .info { + color: var(--infoColor); + } + .warning { + color: var(--warningColor); + } + .danger { + color: var(--dangerColor); + } + + .Mui-disabled.MuiIconButton-root { + color: #5d5e5e; + } + + .MuiCard-root { + background-color: var(--cardBg); + } + + .MuiPopover-paper { + background-color: var(--bodyBg); + &:before { + background-color: var(--bodyBg); + } + } + + .card-dark-bg { + background-color: var(--cardBg); + } + .dark-BG-101010 { + background-color: #101010; + } + .bg-black { + background-color: var(--colorBlack) !important; + } + .dark-text-white { + color: #fff !important; + } + + .MuiDialog-root { + .MuiDialog-container { + .MuiPaper-root { + background-color: #101010; + } + } + } + + .MuiOutlinedInput-notchedOutline { + border-color: #464545; + } + .with-icons-input { + .MuiInput-underline { + &::before { + border-bottom: 1px solid #464545; + } + } + } + + .modal-close { + color: var(--darkBodyTextColor); + &:hover { + color: #fff; + } + } + + .select { + svg { + color: #fff; + } + } + + .dark-textarea { + background-color: var(--colorBlack) !important; + color: var(--darkBodyTextColor) !important; + border: 1px solid var(--borderColor) !important; + } + + .MuiBadge-badge { + color: #fff; + } + + .for-dark-border { + border: 1px solid var(--borderColor); + } + + .MuiRating-iconEmpty { + color: rgb(140 140 140 / 26%); + svg { + color: rgb(140 140 140 / 26%) !important; + } + } + + .MuiFormControl-root { + .MuiFormLabel-root { + color: var(--darkBodyTextColor); + } + } + + .MuiChip-root { + .MuiChip-label { + color: var(--darkBodyTextColor); + } + } + + .MuiListItemIcon-root { + color: var(--darkHeadingTextColor); + } + .MuiDivider-root { + border-color: rgb(255 255 255 / 12%); + } + + .MuiDialogContent-dividers { + border-top: 1px solid var(--borderColor); + border-bottom: 1px solid var(--borderColor); + } + + // top-navbar + .top-navbar-for-dark { + background-color: var(--cardBg); + box-shadow: none; + .ri-align-left { + color: var(--darkHeadingTextColor); + } + } + .dark-menu { + background-color: var(--cardBg); + } + .search-form, .ls-search-form { + input { + background-color: var(--colorBlack); + color: var(--darkHeadingTextColor); + } + } + .for-dark-email, .for-dark-notification { + &:hover { + background-color: #f5f5f5; + } + } + + // LeftSidebarNav + .LeftSidebarNav { + background-color: var(--cardBg); + box-shadow: none; + } + .black-logo { + display: none; + } + .white-logo { + display: inline-block; + } + .sidebarLinkActive { + color: var(--darkHeadingTextColor); + + span { + color: var(--darkHeadingTextColor); + } + + svg { + fill: var(--darkHeadingTextColor); + } + } + + // for-dark-title + .for-dark-bottom-border { + border-bottom: 1px solid var(--borderColor); + } + .dark-border { + border: 1px solid var(--borderColor); + } + + // apexcharts-legend-text + .apexcharts-legend-text { + color: var(--darkBodyTextColor) !important; + } + .apexcharts-tooltip.apexcharts-theme-light, .apexcharts-theme-dark { + border: 1px solid #373a40; + background-color: var(--cardBg); + + .apexcharts-tooltip-title { + background: var(--cardBg); + border-bottom: 1px solid #373a40; + color: var(--darkHeadingTextColor); + } + .apexcharts-tooltip-text-y-label, .apexcharts-tooltip-text-y-value { + color: var(--darkHeadingTextColor); + } + } + .apexcharts-text { + fill: #fff; + } + .apexcharts-yaxis, .apexcharts-xaxis { + .apexcharts-text { + fill: var(--darkBodyTextColor); + } + } + .apexcharts-title-text { + fill: var(--darkHeadingTextColor); + } + .apexcharts-graphical { + .apexcharts-grid { + .apexcharts-grid-row { + fill: #1a1717; + } + } + } + + .apexcharts-grid-borders { + line { + stroke: #424242; + } + } + .apexcharts-gridline { + stroke: #424242; + } + + // Recharts + .recharts-text { + fill: var(--darkBodyTextColor); + } + .recharts-cartesian-grid { + .recharts-cartesian-grid-horizontal, .recharts-cartesian-grid-vertical { + line { + stroke: #424242; + } + } + } + .recharts-xAxis, .recharts-yAxis { + line { + stroke: #424242; + } + } + + .for-dark-impressions { + background-color: var(--cardBg); + } + + // dark-table + .dark-table { + thead { + background-color: var(--colorBlack); + tr { + th { + border-bottom: 1px solid var(--borderColor) !important; + color: var(--darkHeadingTextColor); + } + } + } + tbody, tfoot { + background-color: var(--bodyBg); + tr { + td, th { + border-bottom: 1px solid var(--borderColor) !important; + } + } + } + } + + .dark-data-table { + border: 1px solid var(--borderColor); + .MuiDataGrid-columnHeaders { + border-bottom: 1px solid var(--borderColor); + } + .MuiDataGrid-row { + .MuiDataGrid-cell { + border-bottom: 1px solid var(--borderColor); + } + } + .MuiDataGrid-footerContainer { + border-top: 1px solid var(--borderColor); + } + } + + .ss-table-toolbar, .ss-table-table-pagination { + background-color: #1a1a1a; + } + + + // date-time-picker + .MuiClock-root { + .MuiButtonBase-root { + span { + color: #fff !important; + } + } + } + + .mantine-1qycoz3 { + background-color: var(--colorBlack); + border: 1px solid #464545; + .mantine-bdajhj { + background-color: #000; + border-bottom: 1px solid #464545; + } + } + + .for-dark-text-white { + color: #fff !important; + span { + color: #fff !important; + } + } + + // MuiAccordion-root + .accordion-customization, .controlled-accordion { + border-top: 1px solid var(--borderColor); + border-left: 1px solid var(--borderColor); + border-right: 1px solid var(--borderColor); + + .MuiAccordionDetails-root { + border-top: 1px solid var(--borderColor); + } + + .MuiButtonBase-root { + .MuiAccordionSummary-expandIconWrapper { + svg { + color: #fff; + } + } + } + } + + // mobile-stepper + .mobile-stepper { + .Mui-disabled { + color: rgb(255 255 255 / 26%); + } + } + + .MuiTabs-vertical { + border-color: rgb(255 255 255 / 12%); + } + + .readEmail:hover { + color: var(--darkHeadingTextColor); + } + + .igc-box { + background-color: var(--cardBg); + } + + .team-card-dark { + background-color: #000000; + } + + // footer + .footer { + background-color: var(--cardBg); + } +} + +[class="leftSidebarDark dark"] .sidebarLinkActive span { + color: #f3f3f3; +} \ No newline at end of file diff --git a/styles/globals.css b/styles/globals.css new file mode 100644 index 0000000..58984c5 --- /dev/null +++ b/styles/globals.css @@ -0,0 +1,1183 @@ +:root { + --bodyFontFamily: "Roboto", sans-serif !important; + --bodyTextColor: #5B5B98; + --primaryColor: #757FEF; + --secondaryColor: #818093; + --successColor: #00B69B; + --infoColor: #2DB6F5; + --warningColor: #FFBC2B; + --dangerColor: #EE368C; + --darkColor: #260944; + --headingColor: #260944; + --whiteColor: #ffffff; + --fontSize: 15px; + --transition: all ease .5s; + --box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); +} + +html, body { + background-color: #F5F5F5 !important; + font-family: var(--bodyFontFamily) !important; +} + +h1, h2, h3, h4, h5, h6 { + color: var(--headingColor); +} + +::-moz-placeholder { + font-family: var(--bodyFontFamily) !important; +} + +div, label, a, p, tspan, span, li, table, tbody, tfoot, thead, th, td, canvas, button, input, ::placeholder, abbr, address, blockquote, caption, cite, code, dd, dl, mark, option, pre, select, time, del { + font-family: var(--bodyFontFamily) !important; +} + +img { + max-width: 100%; +} + +.text-decoration-none { + text-decoration: none; +} + +.borRadius100 { + border-radius: 100%; +} + +.borderRadius10 { + border-radius: 10px; +} + +/* Color */ +.primaryColor { + color: var(--primaryColor) !important; +} + +.secondaryColor { + color: var(--secondaryColor) !important; +} + +.successColor { + color: var(--successColor) !important; +} + +.infoColor { + color: var(--infoColor) !important; +} + +.warningColor { + color: var(--warningColor) !important; +} + +.dangerColor { + color: var(--dangerColor) !important; +} + +.darkColor { + color: var(--darkColor) !important; +} + +/* BG Color */ +.primaryBgColor { + background-color: var(--primaryColor) !important; +} + +.secondaryBgColor { + background-color: var(--secondaryColor) !important; +} + +.successBgColor { + background-color: var(--successColor) !important; +} + +.infoBgColor { + background-color: var(--infoColor) !important; +} + +.warningBgColor { + background-color: var(--warningColor) !important; +} + +.dangerBgColor { + background-color: var(--dangerColor) !important; +} + +.darkBgColor { + background-color: var(--darkColor) !important; +} + +/* Badge custom style */ +.primaryBadge { + background: rgba(117, 127, 239, 0.1); + border-radius: 4px; + color: var(--primaryColor) !important; + padding: 5px 13px; + display: inline-block; +} + +.secondaryBadge { + background: rgba(117, 127, 239, 0.1); + border-radius: 4px; + color: var(--secondaryColor) !important; + padding: 5px 13px; + display: inline-block; +} + +.successBadge { + background: rgba(0, 182, 155, 0.1); + border-radius: 4px; + color: var(--successColor) !important; + padding: 5px 13px; + display: inline-block; +} + +.infoBadge { + background: rgba(117, 127, 239, 0.1); + border-radius: 4px; + color: var(--infoColor) !important; + padding: 5px 13px; + display: inline-block; +} + +.dangerBadge { + background: rgba(238, 54, 140, 0.1); + border-radius: 4px; + color: var(--dangerColor) !important; + padding: 5px 13px; + display: inline-block; +} + +.float-left { + float: left; +} + +.float-right { + float: right; +} + +.ml-auto { + margin-left: auto !important; +} + +.ml-1 { + margin-left: 8px !important; +} + +.ml-2 { + margin-left: 16px !important; +} + +.ml-3 { + margin-left: 24px !important; +} + +.ml-4 { + margin-left: 32px !important; +} + +.ml-5 { + margin-left: 40px !important; +} + +.mr-1 { + margin-right: 8px !important; +} + +.mr-2 { + margin-right: 16px !important; +} + +.mr-3 { + margin-right: 24px !important; +} + +.mr-4 { + margin-right: 32px !important; +} + +.mr-5 { + margin-right: 40px !important; +} + +.ml-2px { + margin-left: 2px !important; +} + +.ml-3px { + margin-left: 3px !important; +} + +.ml-5px { + margin-left: 5px !important; +} + +.ml-6px { + margin-left: 6px !important; +} + +.ml-7px { + margin-left: 7px !important; +} + +.ml-8px { + margin-left: 8px !important; +} + +.ml-9px { + margin-left: 9px !important; +} + +.ml-10px { + margin-left: 10px !important; +} + +.ml-11px { + margin-left: 11px !important; +} + +.ml-12px { + margin-left: 12px !important; +} + +.ml-13px { + margin-left: 13px !important; +} + +.ml-14px { + margin-left: 14px !important; +} + +.ml-15px { + margin-left: 15px !important; +} + +.ml-16px { + margin-left: 16px !important; +} + +.ml-17px { + margin-left: 17px !important; +} + +.ml-18px { + margin-left: 18px !important; +} + +.ml-19px { + margin-left: 19px !important; +} + +.ml-20px { + margin-left: 20px !important; +} + +.ml-21px { + margin-left: 21px !important; +} + +.ml-22px { + margin-left: 22px !important; +} + +.ml-23px { + margin-left: 23px !important; +} + +.ml-24px { + margin-left: 24px !important; +} + +.ml-25px { + margin-left: 25px !important; +} + +.ml-26px { + margin-left: 26px !important; +} + +.ml-27px { + margin-left: 27px !important; +} + +.ml-28px { + margin-left: 28px !important; +} + +.ml-29px { + margin-left: 29px !important; +} + +.ml-30px { + margin-left: 30px !important; +} + +.mr-2px { + margin-right: 2px !important; +} + +.mr-5px { + margin-right: 5px !important; +} + +.mr-6px { + margin-right: 6px !important; +} + +.mr-7px { + margin-right: 7px !important; +} + +.ml-8px { + margin-right: 8px !important; +} + +.mr-9px { + margin-right: 9px !important; +} + +.mr-10px { + margin-right: 10px !important; +} + +.mr-11px { + margin-right: 11px !important; +} + +.mr-12px { + margin-right: 12px !important; +} + +.mr-13px { + margin-right: 13px !important; +} + +.mr-14px { + margin-right: 14px !important; +} + +.mr-15px { + margin-right: 15px !important; +} + +.mr-16px { + margin-right: 16px !important; +} + +.mr-17px { + margin-right: 17px !important; +} + +.mr-18px { + margin-right: 18px !important; +} + +.mr-19px { + margin-right: 19px !important; +} + +.mr-20px { + margin-right: 20px !important; +} + +.mr-21px { + margin-right: 21px !important; +} + +.mr-22px { + margin-right: 22px !important; +} + +.mr-23px { + margin-right: 23px !important; +} + +.mr-24px { + margin-right: 24px !important; +} + +.mr-25px { + margin-right: 25px !important; +} + +.mr-26px { + margin-right: 26px !important; +} + +.mr-27px { + margin-right: 27px !important; +} + +.mr-28px { + margin-right: 28px !important; +} + +.mr-29px { + margin-right: 29px !important; +} + +.mr-30px { + margin-right: 30px !important; +} + +.pr-5px { + padding-right: 5px; +} + +.pr-6px { + padding-right: 6px; +} + +.pr-7px { + padding-right: 7px; +} + +.pr-8px { + padding-right: 8px; +} + +.pr-9px { + padding-right: 9px; +} + +.pr-10px { + padding-right: 10px; +} + +.pr-11px { + padding-right: 11px; +} + +.pr-12px { + padding-right: 12px; +} + +.pr-13px { + padding-right: 13px; +} + +.pr-14px { + padding-right: 14px; +} + +.pr-15px { + padding-right: 15px; +} + +.pr-16px { + padding-right: 16px; +} + +.pr-17px { + padding-right: 17px; +} + +.pr-18px { + padding-right: 18px; +} + +.pr-19px { + padding-right: 19px; +} + +.pr-20px { + padding-right: 20px; +} + +.pr-21px { + padding-right: 21px; +} + +.pr-22px { + padding-right: 22px; +} + +.pr-23px { + padding-right: 23px; +} + +.pr-24px { + padding-right: 24px; +} + +.pr-25px { + padding-right: 25px; +} + +.pr-26px { + padding-right: 26px; +} + +.pr-27px { + padding-right: 27px; +} + +.pr-28px { + padding-right: 28px; +} + +.pr-29px { + padding-right: 29px; +} + +.pr-30px { + padding-right: 30px; +} + +.pr-35px { + padding-right: 35px; +} + +.pr-40px { + padding-right: 40px; +} + +.pr-45px { + padding-right: 45px; +} + +.pr-50px { + padding-right: 50px; +} + +.pr-55px { + padding-right: 55px; +} + +.pr-60px { + padding-right: 60px; +} + +.pl-5px { + padding-left: 5px; +} + +.pl-6px { + padding-left: 6px; +} + +.pl-7px { + padding-left: 7px; +} + +.pl-8px { + padding-left: 8px; +} + +.pl-9px { + padding-left: 9px; +} + +.pl-10px { + padding-left: 10px; +} + +.pl-11px { + padding-left: 11px; +} + +.pl-12px { + padding-left: 12px; +} + +.pl-13px { + padding-left: 13px; +} + +.pl-14px { + padding-left: 14px; +} + +.pl-15px { + padding-left: 15px; +} + +.pl-16px { + padding-left: 16px; +} + +.pl-17px { + padding-left: 17px; +} + +.pl-18px { + padding-left: 18px; +} + +.pl-19px { + padding-left: 19px; +} + +.pl-20px { + padding-left: 20px; +} + +.pl-21px { + padding-left: 21px; +} + +.pl-22px { + padding-left: 22px; +} + +.pl-23px { + padding-left: 23px; +} + +.pl-24px { + padding-left: 24px; +} + +.pl-25px { + padding-left: 25px; +} + +.pl-26px { + padding-left: 26px; +} + +.pl-27px { + padding-left: 27px; +} + +.pl-28px { + padding-left: 28px; +} + +.pl-29px { + padding-left: 29px; +} + +.pl-30px { + padding-left: 30px; +} + +.pl-35px { + padding-left: 35px; +} + +.pl-40px { + padding-left: 40px; +} + +.pl-45px { + padding-left: 45px; +} + +.pl-50px { + padding-left: 50px; +} + +.pl-55px { + padding-left: 55px; +} + +.pl-60px { + padding-left: 60px; +} + +.right-5px { + right: 5px; +} + +.right-6px { + right: 6px; +} + +.right-7px { + right: 7px; +} + +.right-8px { + right: 8px; +} + +.right-9px { + right: 9px; +} + +.right-10px { + right: 10px; +} + +.right-11px { + right: 11px; +} + +.right-12px { + right: 12px; +} + +.right-13px { + right: 13px; +} + +.right-14px { + right: 14px; +} + +.right-15px { + right: 15px; +} + +.right-16px { + right: 16px; +} + +.right-17px { + right: 17px; +} + +.right-18px { + right: 18px; +} + +.right-19px { + right: 19px; +} + +.right-20px { + right: 20px; +} + +.right-21px { + right: 21px; +} + +.right-22px { + right: 22px; +} + +.right-23px { + right: 23px; +} + +.right-24px { + right: 24px; +} + +.right-25px { + right: 25px; +} + +.right-26px { + right: 27px; +} + +.right-28px { + right: 28px; +} + +.right-29px { + right: 29px; +} + +.right-30px { + right: 30px; +} + +/* LeftSidebarNav */ +.white-logo { + display: none; +} + +.sidebarLinkActive { + background: linear-gradient(90deg, rgba(172, 169, 255, 0.6) 0%, rgba(172, 169, 255, 0.37) 91.25%); +} + +.sidebarLinkActive2 { + background: linear-gradient(90deg, rgba(172, 169, 255, 0.6) 0%, rgba(172, 169, 255, 0.37) 91.25%); +} + +.sidebarLinkActive2::before { + background-color: #fff !important; +} + +.sidebarLinkActive2 { + background: #757FEF; + color: #fff !important; +} + +/* Main wrapper content */ +.main-wrapper-content { + padding-left: 330px; + position: relative; + transition: all 0.5s ease-out; +} +.main-wrapper-content.active { + padding-left: 0; +} +.main-wrapper-content.active .LeftSidebarNav { + left: -100%; +} +.main-wrapper-content.active .main-content { + padding-left: 30px; + padding-right: 30px; +} +.main-wrapper-content .main-content { + padding-right: 30px; +} + +@media only screen and (max-width: 767px) { + .main-wrapper-content .main-content { + padding-left: 15px !important; + padding-right: 15px !important; + } +} +@media only screen and (max-width: 1199px) { + .main-wrapper-content { + padding: 0; + } + .main-wrapper-content .LeftSidebarNav { + left: -100%; + width: 280px; + } + .main-wrapper-content .main-content { + padding-left: 30px; + padding-right: 30px; + } + .main-wrapper-content.active .LeftSidebarNav { + z-index: 99999; + left: 0; + } +} +@media only screen and (min-width: 2200px) { + .main-wrapper-content .main-content { + max-width: 2200px; + margin-left: auto; + margin-right: auto; + } +} +/* End Main wrapper content */ +/* React Tabs Tab List */ +.react-tabs__tab-list .react-tabs__tab--selected { + background-color: var(--primaryColor); + color: #fff; +} + +/* End React Tabs Tab List */ +/* Read Email */ +.readEmail { + color: var(--bodyTextColor); + text-decoration: none; +} + +.readEmail:hover { + color: #260944; +} + +/* Product Details Tabs */ +.product-img-slider .swiper-button-next:after, .product-img-slider .swiper-button-prev:after { + color: var(--primaryColor); + font-size: 25px; +} + +.product-details-tabs .react-tabs__tab-list { + border-bottom: 1px solid #dfdfdf; +} +.product-details-tabs .react-tabs__tab-list .react-tabs__tab { + color: #A9A9C8; + font-weight: 500; + font-size: 15px; + padding-left: 0; + padding-right: 0; + margin-right: 30px; + border-top: none; + border-right: none; + border-left: none; + border-bottom: 2px solid transparent; +} +.product-details-tabs .react-tabs__tab-list .react-tabs__tab:last-child { + margin-right: 0; +} +.product-details-tabs .react-tabs__tab-list .react-tabs__tab:hover, .product-details-tabs .react-tabs__tab-list .react-tabs__tab.react-tabs__tab--selected { + background-color: transparent; + border-top: none; + border-right: none; + border-left: none; + border-bottom: 2px solid var(--primaryColor); + color: #260944; +} +.product-details-tabs .react-tabs__tab-list .react-tabs__tab:focus:after { + background: transparent; +} +.product-details-tabs .react-tabs__tab-panel { + margin-top: 20px; +} +.product-details-tabs .product-description h1 { + font-size: 22px; + margin-top: 0; + margin-bottom: 10px; +} +.product-details-tabs .product-description h2 { + font-size: 20px; + margin-top: 0; + margin-bottom: 10px; +} +.product-details-tabs .product-description h3 { + font-size: 18px; + margin-top: 0; + margin-bottom: 10px; +} +.product-details-tabs .product-description h4 { + font-size: 16px; + margin-top: 0; + margin-bottom: 10px; +} +.product-details-tabs .product-description h5 { + font-size: 15px; + margin-top: 0; + margin-bottom: 10px; +} +.product-details-tabs .product-description h6 { + font-size: 14px; + margin-top: 0; + margin-bottom: 10px; +} +.product-details-tabs .product-description p:last-child { + margin-bottom: 0; +} +.product-details-tabs .product-description ul li, .product-details-tabs .product-description ol li { + margin-bottom: 10px; +} +.product-details-tabs .product-description ul li:last-child, .product-details-tabs .product-description ol li:last-child { + margin-bottom: 0; +} +.product-details-tabs .review-card .content { + background: #F7FAFF; + border-radius: 8px; + position: relative; + padding: 25px; + margin-bottom: 30px; +} +.product-details-tabs .review-card .content .reating { + color: #FFBC2B; + margin-bottom: 10px; + font-size: 15px; +} +.product-details-tabs .review-card .content .reating i { + margin-right: 5px; +} +.product-details-tabs .review-card .content .reating i:last-child { + margin-right: 0; +} +.product-details-tabs .review-card .content p { + margin-top: 0; + margin-bottom: 10px; +} +.product-details-tabs .review-card .content p:last-child { + margin-bottom: 0; +} +.product-details-tabs .review-card .content .down-arrow { + position: absolute; + bottom: -20px; + left: 25px; +} +.product-details-tabs .review-card .info { + display: flex; + align-items: center; + margin-left: 30px; +} +.product-details-tabs .review-card .info img { + border-radius: 100%; + width: 30px; + height: 30px; + margin-right: 10px; +} +.product-details-tabs .review-card .info h4 { + margin: 0; + font-weight: 500; + font-size: 14px; +} + +/* For dark mode */ +[class=dark] .product-details-tabs .react-tabs__tab-list { + border-bottom: 1px solid var(--borderColor); +} +[class=dark] .product-details-tabs .react-tabs__tab-list .react-tabs__tab:hover, [class=dark] .product-details-tabs .react-tabs__tab-list .react-tabs__tab.react-tabs__tab--selected { + color: var(--primaryColor); +} + +[dir=rtl] .product-details-tabs .react-tabs__tab-list .react-tabs__tab { + margin-right: 0; + margin-left: 30px; +} +[dir=rtl] .product-details-tabs .react-tabs__tab-list .react-tabs__tab:last-child { + margin-left: 0; +} +[dir=rtl] .product-details-tabs .review-card .content .reating i { + margin-right: 0; + margin-left: 5px; +} +[dir=rtl] .product-details-tabs .review-card .content .reating i:last-child { + margin-left: 0; +} +[dir=rtl] .product-details-tabs .review-card .content .down-arrow { + left: auto; + right: 25px; +} +[dir=rtl] .product-details-tabs .review-card .info { + margin-left: auto; + margin-right: 30px; +} +[dir=rtl] .product-details-tabs .review-card .info img { + margin-right: 0; + margin-left: 10px; +} + +/* Testimonial Style */ +.testimonialStyle1 .swiper-button-next, .testimonialStyle1 .swiper-button-prev, .testimonialStyle2 .swiper-button-next, .testimonialStyle2 .swiper-button-prev { + color: var(--primaryColor); +} +.testimonialStyle1 .swiper-button-next::after, .testimonialStyle1 .swiper-button-prev::after, .testimonialStyle2 .swiper-button-next::after, .testimonialStyle2 .swiper-button-prev::after { + font-size: 25px; +} +.testimonialStyle1 .swiper-button-next, .testimonialStyle2 .swiper-button-next { + right: 0; +} +.testimonialStyle1 .swiper-button-prev, .testimonialStyle2 .swiper-button-prev { + left: 0; +} + +[dir=rtl] .testimonialStyle1 .swiper-button-next, [dir=rtl] .testimonialStyle2 .swiper-button-next { + right: auto; + left: 0; +} +[dir=rtl] .testimonialStyle1 .swiper-button-prev, [dir=rtl] .testimonialStyle2 .swiper-button-prev { + left: auto; + right: 0; +} + +.testimonialStyle3 .swiper-pagination { + position: relative; +} +.testimonialStyle3 .swiper-pagination .swiper-pagination-bullet { + width: 10px; + height: 10px; +} +.testimonialStyle3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { + background-color: var(--primaryColor); +} + +/* Active File Manager Link */ +.activeFMLink > a { + color: var(--primaryColor) !important; +} + +.fc .fc-toolbar-title { + font-size: 20px !important; +} + +/* Authentication box */ +.main-wrapper-content:has(div.authenticationBox) { + padding: 0; +} + +/* End Authentication box */ +.apexcharts-yaxis text, .apexcharts-xaxis text { + fill: #A9A9C8; +} + +.scroll-to-top i { + position: fixed; + cursor: pointer; + bottom: 20px; + right: 20px; + color: #fff !important; + background-color: var(--primaryColor); + width: 40px; + text-align: center; + height: 40px; + line-height: 40px; + border-radius: 50%; + font-size: 20px; + transition: var(--transition); + box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); + z-index: 1290; +} +.scroll-to-top i:hover { + transition: var(--transition); + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); + transform: translateY(-5px); +} + +.control-panel-modal { + position: fixed; + right: -100%; + top: 0; + z-index: 999999; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.2); + transition: var(--transition); +} +.control-panel-modal.show { + right: 0; +} +.control-panel-modal .settings-btn { + position: fixed; + bottom: 70px; + right: 15px; + background-color: var(--dangerColor); + color: #fff; + z-index: 1290; + width: 50px; + height: 50px; + text-align: center; + line-height: 50px; + border-radius: 100%; + font-size: 25px; + cursor: pointer; + transition: var(--transition); + animation: rotate 2s linear infinite; +} +.control-panel-modal .settings-btn:hover { + background-color: #d32979; +} + +@keyframes rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +.control-panel-dialog { + width: 320px; + background: #fff; + height: 100%; + margin-left: auto; + z-index: 999999; + position: relative; +} +.control-panel-dialog .control-panel-content { + overflow-y: auto; + height: 100%; + padding-bottom: 150px; +} +.control-panel-dialog .control-panel-footer { + position: absolute; + bottom: 0; + left: 0; + background-color: #F5F5F5; + padding: 16px 24px; + width: 100%; +} + +.ProgressBar span { + padding: 0 2px 0 0 !important; +} + +.igc-box { + background: #fff; + border-radius: 8px; + margin-bottom: 15px; + padding: 30px 20px; +} + +.progressIcon { + font-size: 20px; + position: absolute; + top: 0px; + margin-left: 3px; +}/*# sourceMappingURL=globals.css.map */ \ No newline at end of file diff --git a/styles/globals.css.map b/styles/globals.css.map new file mode 100644 index 0000000..bd67c26 --- /dev/null +++ b/styles/globals.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["globals.scss","globals.css"],"names":[],"mappings":"AACA;EACE,iDAAA;EACA,wBAAA;EACA,uBAAA;EACA,yBAAA;EACA,uBAAA;EACA,oBAAA;EACA,uBAAA;EACA,sBAAA;EACA,oBAAA;EACA,uBAAA;EACA,qBAAA;EACA,gBAAA;EACA,0BAAA;EACA,8CAAA;ACAF;;ADGA;EACE,oCAAA;EACA,6CAAA;ACAF;;ADEA;EACE,0BAAA;ACCF;;ADCA;EACE,6CAAA;ACEF;;ADHA;EACE,6CAAA;ACEF;;ADAA;EACE,eAAA;ACGF;;ADDA;EACE,qBAAA;ACIF;;ADFA;EACE,mBAAA;ACKF;;ADHA;EACE,mBAAA;ACMF;;ADHA,UAAA;AACA;EACE,qCAAA;ACMF;;ADJA;EACE,uCAAA;ACOF;;ADLA;EACE,qCAAA;ACQF;;ADNA;EACE,kCAAA;ACSF;;ADPA;EACE,qCAAA;ACUF;;ADRA;EACE,oCAAA;ACWF;;ADTA;EACE,kCAAA;ACYF;;ADTA,aAAA;AACA;EACE,gDAAA;ACYF;;ADVA;EACE,kDAAA;ACaF;;ADXA;EACE,gDAAA;ACcF;;ADZA;EACE,6CAAA;ACeF;;ADbA;EACE,gDAAA;ACgBF;;ADdA;EACE,+CAAA;ACiBF;;ADfA;EACE,6CAAA;ACkBF;;ADfA,uBAAA;AACA;EACE,oCAAA;EACA,kBAAA;EACA,qCAAA;EACA,iBAAA;EACA,qBAAA;ACkBF;;ADhBA;EACE,oCAAA;EACA,kBAAA;EACA,uCAAA;EACA,iBAAA;EACA,qBAAA;ACmBF;;ADjBA;EACE,kCAAA;EACA,kBAAA;EACA,qCAAA;EACA,iBAAA;EACA,qBAAA;ACoBF;;ADlBA;EACE,oCAAA;EACA,kBAAA;EACA,kCAAA;EACA,iBAAA;EACA,qBAAA;ACqBF;;ADnBA;EACE,mCAAA;EACA,kBAAA;EACA,oCAAA;EACA,iBAAA;EACA,qBAAA;ACsBF;;ADlBA;EACE,WAAA;ACqBF;;ADnBA;EACE,YAAA;ACsBF;;ADlBA;EACE,4BAAA;ACqBF;;ADnBA;EACE,2BAAA;ACsBF;;ADpBA;EACE,4BAAA;ACuBF;;ADrBA;EACE,4BAAA;ACwBF;;ADtBA;EACE,4BAAA;ACyBF;;ADvBA;EACE,4BAAA;AC0BF;;ADtBA;EACE,4BAAA;ACyBF;;ADvBA;EACE,6BAAA;AC0BF;;ADxBA;EACE,6BAAA;AC2BF;;ADzBA;EACE,6BAAA;AC4BF;;AD1BA;EACE,6BAAA;AC6BF;;ADzBA;EACE,2BAAA;AC4BF;;AD1BA;EACE,2BAAA;AC6BF;;AD3BA;EACE,2BAAA;AC8BF;;AD5BA;EACE,2BAAA;AC+BF;;AD7BA;EACE,2BAAA;ACgCF;;AD9BA;EACE,2BAAA;ACiCF;;AD/BA;EACE,2BAAA;ACkCF;;ADhCA;EACE,4BAAA;ACmCF;;ADjCA;EACE,4BAAA;ACoCF;;ADlCA;EACE,4BAAA;ACqCF;;ADnCA;EACE,4BAAA;ACsCF;;ADpCA;EACE,4BAAA;ACuCF;;ADrCA;EACE,4BAAA;ACwCF;;ADtCA;EACE,4BAAA;ACyCF;;ADvCA;EACE,4BAAA;AC0CF;;ADxCA;EACE,4BAAA;AC2CF;;ADzCA;EACE,4BAAA;AC4CF;;AD1CA;EACE,4BAAA;AC6CF;;AD3CA;EACE,4BAAA;AC8CF;;AD5CA;EACE,4BAAA;AC+CF;;AD7CA;EACE,4BAAA;ACgDF;;AD9CA;EACE,4BAAA;ACiDF;;AD/CA;EACE,4BAAA;ACkDF;;ADhDA;EACE,4BAAA;ACmDF;;ADjDA;EACE,4BAAA;ACoDF;;ADlDA;EACE,4BAAA;ACqDF;;ADnDA;EACE,4BAAA;ACsDF;;ADpDA;EACE,4BAAA;ACuDF;;ADnDA;EACE,4BAAA;ACsDF;;ADpDA;EACE,4BAAA;ACuDF;;ADrDA;EACE,4BAAA;ACwDF;;ADtDA;EACE,4BAAA;ACyDF;;ADvDA;EACE,4BAAA;AC0DF;;ADxDA;EACE,4BAAA;AC2DF;;ADzDA;EACE,6BAAA;AC4DF;;AD1DA;EACE,6BAAA;AC6DF;;AD3DA;EACE,6BAAA;AC8DF;;AD5DA;EACE,6BAAA;AC+DF;;AD7DA;EACE,6BAAA;ACgEF;;AD9DA;EACE,6BAAA;ACiEF;;AD/DA;EACE,6BAAA;ACkEF;;ADhEA;EACE,6BAAA;ACmEF;;ADjEA;EACE,6BAAA;ACoEF;;ADlEA;EACE,6BAAA;ACqEF;;ADnEA;EACE,6BAAA;ACsEF;;ADpEA;EACE,6BAAA;ACuEF;;ADrEA;EACE,6BAAA;ACwEF;;ADtEA;EACE,6BAAA;ACyEF;;ADvEA;EACE,6BAAA;AC0EF;;ADxEA;EACE,6BAAA;AC2EF;;ADzEA;EACE,6BAAA;AC4EF;;AD1EA;EACE,6BAAA;AC6EF;;AD3EA;EACE,6BAAA;AC8EF;;AD5EA;EACE,6BAAA;AC+EF;;AD7EA;EACE,6BAAA;ACgFF;;AD5EA;EACE,kBAAA;AC+EF;;AD7EA;EACE,kBAAA;ACgFF;;AD9EA;EACE,kBAAA;ACiFF;;AD/EA;EACE,kBAAA;ACkFF;;ADhFA;EACE,kBAAA;ACmFF;;ADjFA;EACE,mBAAA;ACoFF;;ADlFA;EACE,mBAAA;ACqFF;;ADnFA;EACE,mBAAA;ACsFF;;ADpFA;EACE,mBAAA;ACuFF;;ADrFA;EACE,mBAAA;ACwFF;;ADtFA;EACE,mBAAA;ACyFF;;ADvFA;EACE,mBAAA;AC0FF;;ADxFA;EACE,mBAAA;AC2FF;;ADzFA;EACE,mBAAA;AC4FF;;AD1FA;EACE,mBAAA;AC6FF;;AD3FA;EACE,mBAAA;AC8FF;;AD5FA;EACE,mBAAA;AC+FF;;AD7FA;EACE,mBAAA;ACgGF;;AD9FA;EACE,mBAAA;ACiGF;;AD/FA;EACE,mBAAA;ACkGF;;ADhGA;EACE,mBAAA;ACmGF;;ADjGA;EACE,mBAAA;ACoGF;;ADlGA;EACE,mBAAA;ACqGF;;ADnGA;EACE,mBAAA;ACsGF;;ADpGA;EACE,mBAAA;ACuGF;;ADrGA;EACE,mBAAA;ACwGF;;ADtGA;EACE,mBAAA;ACyGF;;ADvGA;EACE,mBAAA;AC0GF;;ADxGA;EACE,mBAAA;AC2GF;;ADzGA;EACE,mBAAA;AC4GF;;AD1GA;EACE,mBAAA;AC6GF;;AD3GA;EACE,mBAAA;AC8GF;;AD1GA;EACE,iBAAA;AC6GF;;AD3GA;EACE,iBAAA;AC8GF;;AD5GA;EACE,iBAAA;AC+GF;;AD7GA;EACE,iBAAA;ACgHF;;AD9GA;EACE,iBAAA;ACiHF;;AD/GA;EACE,kBAAA;ACkHF;;ADhHA;EACE,kBAAA;ACmHF;;ADjHA;EACE,kBAAA;ACoHF;;ADlHA;EACE,kBAAA;ACqHF;;ADnHA;EACE,kBAAA;ACsHF;;ADpHA;EACE,kBAAA;ACuHF;;ADrHA;EACE,kBAAA;ACwHF;;ADtHA;EACE,kBAAA;ACyHF;;ADvHA;EACE,kBAAA;AC0HF;;ADxHA;EACE,kBAAA;AC2HF;;ADzHA;EACE,kBAAA;AC4HF;;AD1HA;EACE,kBAAA;AC6HF;;AD3HA;EACE,kBAAA;AC8HF;;AD5HA;EACE,kBAAA;AC+HF;;AD7HA;EACE,kBAAA;ACgIF;;AD9HA;EACE,kBAAA;ACiIF;;AD/HA;EACE,kBAAA;ACkIF;;ADhIA;EACE,kBAAA;ACmIF;;ADjIA;EACE,kBAAA;ACoIF;;ADlIA;EACE,kBAAA;ACqIF;;ADnIA;EACE,kBAAA;ACsIF;;ADpIA;EACE,kBAAA;ACuIF;;ADrIA;EACE,kBAAA;ACwIF;;ADtIA;EACE,kBAAA;ACyIF;;ADvIA;EACE,kBAAA;AC0IF;;ADxIA;EACE,kBAAA;AC2IF;;ADzIA;EACE,kBAAA;AC4IF;;ADxIA;EACE,UAAA;AC2IF;;ADzIA;EACE,UAAA;AC4IF;;AD1IA;EACE,UAAA;AC6IF;;AD3IA;EACE,UAAA;AC8IF;;AD5IA;EACE,UAAA;AC+IF;;AD7IA;EACE,WAAA;ACgJF;;AD9IA;EACE,WAAA;ACiJF;;AD/IA;EACE,WAAA;ACkJF;;ADhJA;EACE,WAAA;ACmJF;;ADjJA;EACE,WAAA;ACoJF;;ADlJA;EACE,WAAA;ACqJF;;ADnJA;EACE,WAAA;ACsJF;;ADpJA;EACE,WAAA;ACuJF;;ADrJA;EACE,WAAA;ACwJF;;ADtJA;EACE,WAAA;ACyJF;;ADvJA;EACE,WAAA;AC0JF;;ADxJA;EACE,WAAA;AC2JF;;ADzJA;EACE,WAAA;AC4JF;;AD1JA;EACE,WAAA;AC6JF;;AD3JA;EACE,WAAA;AC8JF;;AD5JA;EACE,WAAA;AC+JF;;AD7JA;EACE,WAAA;ACgKF;;AD9JA;EACE,WAAA;ACiKF;;AD/JA;EACE,WAAA;ACkKF;;ADhKA;EACE,WAAA;ACmKF;;ADhKA,mBAAA;AACA;EACE,aAAA;ACmKF;;ADjKA;EACE,iGAAA;ACoKF;;ADlKA;EACE,iGAAA;ACqKF;;ADnKA;EACE,iCAAA;ACsKF;;ADpKA;EACE,mBAAA;EACA,sBAAA;ACuKF;;ADpKA,yBAAA;AACA;EACE,mBAAA;EACA,kBAAA;EACA,6BAAA;ACuKF;ADrKE;EACE,eAAA;ACuKJ;ADrKI;EACE,WAAA;ACuKN;ADrKI;EACE,kBAAA;EACA,mBAAA;ACuKN;ADnKE;EACE,mBAAA;ACqKJ;;ADjKA;EAEI;IACE,6BAAA;IACA,8BAAA;ECmKJ;AACF;AD/JA;EACE;IACE,UAAA;ECiKF;ED/JE;IACE,WAAA;IACA,YAAA;ECiKJ;ED/JE;IACE,kBAAA;IACA,mBAAA;ECiKJ;ED7JI;IACE,cAAA;IACA,OAAA;EC+JN;AACF;AD3JA;EAEI;IACE,iBAAA;IACA,iBAAA;IACA,kBAAA;EC4JJ;AACF;ADzJA,6BAAA;AAEA,wBAAA;AAEE;EACE,qCAAA;EACA,WAAA;ACyJJ;;ADtJA,4BAAA;AAEA,eAAA;AACA;EACE,2BAAA;EACA,qBAAA;ACwJF;;ADtJA;EACE,cAAA;ACyJF;;ADtJA,yBAAA;AAEE;EACE,0BAAA;EACA,eAAA;ACwJJ;;ADpJE;EACE,gCAAA;ACuJJ;ADrJI;EACE,cAAA;EACA,gBAAA;EACA,eAAA;EACA,eAAA;EACA,gBAAA;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,iBAAA;EACA,oCAAA;ACuJN;ADrJM;EACE,eAAA;ACuJR;ADpJM;EACE,6BAAA;EACA,gBAAA;EACA,kBAAA;EACA,iBAAA;EACA,4CAAA;EACA,cAAA;ACsJR;ADnJM;EACE,uBAAA;ACqJR;ADjJE;EACE,gBAAA;ACmJJ;ADhJI;EACE,eAAA;EACA,aAAA;EACA,mBAAA;ACkJN;ADhJI;EACE,eAAA;EACA,aAAA;EACA,mBAAA;ACkJN;ADhJI;EACE,eAAA;EACA,aAAA;EACA,mBAAA;ACkJN;ADhJI;EACE,eAAA;EACA,aAAA;EACA,mBAAA;ACkJN;ADhJI;EACE,eAAA;EACA,aAAA;EACA,mBAAA;ACkJN;ADhJI;EACE,eAAA;EACA,aAAA;EACA,mBAAA;ACkJN;AD/IM;EACE,gBAAA;ACiJR;AD7IM;EACE,mBAAA;AC+IR;AD9IQ;EACE,gBAAA;ACgJV;AD1II;EACE,mBAAA;EACA,kBAAA;EACA,kBAAA;EACA,aAAA;EACA,mBAAA;AC4IN;AD1IM;EACE,cAAA;EACA,mBAAA;EACA,eAAA;AC4IR;AD3IQ;EACE,iBAAA;AC6IV;AD5IU;EACE,eAAA;AC8IZ;AD1IM;EACE,aAAA;EACA,mBAAA;AC4IR;AD3IQ;EACE,gBAAA;AC6IV;AD1IM;EACE,kBAAA;EACA,aAAA;EACA,UAAA;AC4IR;ADzII;EACE,aAAA;EACA,mBAAA;EACA,iBAAA;AC2IN;AD1IM;EACE,mBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AC4IR;AD1IM;EACE,SAAA;EACA,gBAAA;EACA,eAAA;AC4IR;;ADtIA,kBAAA;AAEE;EACI,2CAAA;ACwIN;ADtIM;EACE,0BAAA;ACwIR;;AD7HM;EACE,eAAA;EACA,iBAAA;ACgIR;AD9HQ;EACE,cAAA;ACgIV;ADxHU;EACE,eAAA;EACA,gBAAA;AC0HZ;ADxHY;EACE,cAAA;AC0Hd;ADtHQ;EACE,UAAA;EACA,WAAA;ACwHV;ADrHM;EACE,iBAAA;EACA,kBAAA;ACuHR;ADtHQ;EACE,eAAA;EACA,iBAAA;ACwHV;;ADhHA,sBAAA;AAEE;EACE,0BAAA;ACkHJ;ADjHI;EACE,eAAA;ACmHN;ADhHE;EACE,QAAA;ACkHJ;ADhHE;EACE,OAAA;ACkHJ;;AD7GI;EACE,WAAA;EACA,OAAA;ACgHN;AD9GI;EACE,UAAA;EACA,QAAA;ACgHN;;AD3GE;EACE,kBAAA;AC8GJ;AD7GI;EACE,WAAA;EACA,YAAA;AC+GN;AD9GM;EACE,qCAAA;ACgHR;;AD1GA,6BAAA;AAEE;EACE,qCAAA;AC4GJ;;ADtGE;EACE,0BAAA;ACyGJ;;ADrGA,uBAAA;AACA;EACE,UAAA;ACwGF;;ADtGA,2BAAA;AAIE;EACE,aAAA;ACsGJ;;ADhGE;EACE,eAAA;EACA,eAAA;EACA,YAAA;EACA,WAAA;EACA,sBAAA;EACA,qCAAA;EACA,WAAA;EACA,kBAAA;EACA,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,eAAA;EACA,6BAAA;EACA,2CAAA;EACA,aAAA;ACmGJ;ADjGI;EACE,6BAAA;EACA,2EAAA;EAEA,2BAAA;ACkGN;;AD5FA;EACE,eAAA;EACA,YAAA;EACA,MAAA;EACA,eAAA;EACA,YAAA;EACA,WAAA;EACA,oCAAA;EACA,6BAAA;AC+FF;AD7FE;EACE,QAAA;AC+FJ;AD5FE;EACE,eAAA;EACA,YAAA;EACA,WAAA;EACA,oCAAA;EACA,WAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,iBAAA;EACA,mBAAA;EACA,eAAA;EACA,eAAA;EACA,6BAAA;EACA,oCAAA;AC8FJ;AD5FI;EACE,yBAAA;AC8FN;;AD1FA;EACE;IACE,uBAAA;EC6FF;ED3FA;IACE,yBAAA;EC6FF;AACF;AD3FA;EACE,YAAA;EACA,gBAAA;EACA,YAAA;EACA,iBAAA;EACA,eAAA;EACA,kBAAA;AC6FF;AD3FE;EACE,gBAAA;EACA,YAAA;EACA,qBAAA;AC6FJ;AD1FE;EACE,kBAAA;EACA,SAAA;EACA,OAAA;EACA,yBAAA;EACA,kBAAA;EACA,WAAA;AC4FJ;;ADvFE;EACE,6BAAA;AC0FJ;;ADtFA;EACE,gBAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;ACyFF;;ADtFA;EACE,eAAA;EACA,kBAAA;EACA,QAAA;EACA,gBAAA;ACyFF","file":"globals.css"} \ No newline at end of file diff --git a/styles/globals.scss b/styles/globals.scss new file mode 100644 index 0000000..4363c0f --- /dev/null +++ b/styles/globals.scss @@ -0,0 +1,1092 @@ +// Globals variables +:root { + --bodyFontFamily: 'Roboto', sans-serif !important; + --bodyTextColor: #5B5B98; + --primaryColor: #757FEF; + --secondaryColor: #818093; + --successColor: #00B69B; + --infoColor: #2DB6F5; + --warningColor: #FFBC2B; + --dangerColor: #EE368C; + --darkColor: #260944; + --headingColor: #260944; + --whiteColor: #ffffff; + --fontSize: 15px; + --transition: all ease .5s; + --box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); +} + +html, body { + background-color: #F5F5F5 !important; + font-family: var(--bodyFontFamily) !important; +} +h1, h2, h3, h4, h5, h6 { + color: var(--headingColor); +} +div, label, a, p, tspan, span, li, table, tbody, tfoot, thead, th, td, canvas, button, input, ::placeholder, abbr, address, blockquote, caption, cite, code, dd, dl, mark, option, pre, select, time, del { + font-family: var(--bodyFontFamily) !important; +} +img { + max-width: 100%; +} +.text-decoration-none { + text-decoration: none; +} +.borRadius100 { + border-radius: 100%; +} +.borderRadius10 { + border-radius: 10px; +} + +/* Color */ +.primaryColor { + color: var(--primaryColor) !important; +} +.secondaryColor { + color: var(--secondaryColor) !important; +} +.successColor { + color: var(--successColor) !important; +} +.infoColor { + color: var(--infoColor) !important; +} +.warningColor { + color: var(--warningColor) !important; +} +.dangerColor { + color: var(--dangerColor) !important; +} +.darkColor { + color: var(--darkColor) !important; +} + +/* BG Color */ +.primaryBgColor { + background-color: var(--primaryColor) !important; +} +.secondaryBgColor { + background-color: var(--secondaryColor) !important; +} +.successBgColor { + background-color: var(--successColor) !important; +} +.infoBgColor { + background-color: var(--infoColor) !important; +} +.warningBgColor { + background-color: var(--warningColor) !important; +} +.dangerBgColor { + background-color: var(--dangerColor) !important; +} +.darkBgColor { + background-color: var(--darkColor) !important; +} + +/* Badge custom style */ +.primaryBadge { + background: rgba(117, 127, 239, 0.1); + border-radius: 4px; + color: var(--primaryColor) !important; + padding: 5px 13px; + display: inline-block; +} +.secondaryBadge { + background: rgba(117, 127, 239, 0.1); + border-radius: 4px; + color: var(--secondaryColor) !important; + padding: 5px 13px; + display: inline-block; +} +.successBadge { + background: rgba(0, 182, 155, 0.1); + border-radius: 4px; + color: var(--successColor) !important; + padding: 5px 13px; + display: inline-block; +} +.infoBadge { + background: rgba(117, 127, 239, 0.1); + border-radius: 4px; + color: var(--infoColor) !important; + padding: 5px 13px; + display: inline-block; +} +.dangerBadge { + background: rgba(238, 54, 140, 0.1); + border-radius: 4px; + color: var(--dangerColor) !important; + padding: 5px 13px; + display: inline-block; +} + +// Float +.float-left { + float: left; +} +.float-right { + float: right; +} + +// Margin Left +.ml-auto { + margin-left: auto !important; +} +.ml-1 { + margin-left: 8px !important; +} +.ml-2 { + margin-left: 16px !important; +} +.ml-3 { + margin-left: 24px !important; +} +.ml-4 { + margin-left: 32px !important; +} +.ml-5 { + margin-left: 40px !important; +} + +// Margin Right +.mr-1 { + margin-right: 8px !important; +} +.mr-2 { + margin-right: 16px !important; +} +.mr-3 { + margin-right: 24px !important; +} +.mr-4 { + margin-right: 32px !important; +} +.mr-5 { + margin-right: 40px !important; +} + +// Margin Left +.ml-2px { + margin-left: 2px !important; +} +.ml-3px { + margin-left: 3px !important; +} +.ml-5px { + margin-left: 5px !important; +} +.ml-6px { + margin-left: 6px !important; +} +.ml-7px { + margin-left: 7px !important; +} +.ml-8px { + margin-left: 8px !important; +} +.ml-9px { + margin-left: 9px !important; +} +.ml-10px { + margin-left: 10px !important; +} +.ml-11px { + margin-left: 11px !important; +} +.ml-12px { + margin-left: 12px !important; +} +.ml-13px { + margin-left: 13px !important; +} +.ml-14px { + margin-left: 14px !important; +} +.ml-15px { + margin-left: 15px !important; +} +.ml-16px { + margin-left: 16px !important; +} +.ml-17px { + margin-left: 17px !important; +} +.ml-18px { + margin-left: 18px !important; +} +.ml-19px { + margin-left: 19px !important; +} +.ml-20px { + margin-left: 20px !important; +} +.ml-21px { + margin-left: 21px !important; +} +.ml-22px { + margin-left: 22px !important; +} +.ml-23px { + margin-left: 23px !important; +} +.ml-24px { + margin-left: 24px !important; +} +.ml-25px { + margin-left: 25px !important; +} +.ml-26px { + margin-left: 26px !important; +} +.ml-27px { + margin-left: 27px !important; +} +.ml-28px { + margin-left: 28px !important; +} +.ml-29px { + margin-left: 29px !important; +} +.ml-30px { + margin-left: 30px !important; +} + +// Margin Right +.mr-2px { + margin-right: 2px !important; +} +.mr-5px { + margin-right: 5px !important; +} +.mr-6px { + margin-right: 6px !important; +} +.mr-7px { + margin-right: 7px !important; +} +.ml-8px { + margin-right: 8px !important; +} +.mr-9px { + margin-right: 9px !important; +} +.mr-10px { + margin-right: 10px !important; +} +.mr-11px { + margin-right: 11px !important; +} +.mr-12px { + margin-right: 12px !important; +} +.mr-13px { + margin-right: 13px !important; +} +.mr-14px { + margin-right: 14px !important; +} +.mr-15px { + margin-right: 15px !important; +} +.mr-16px { + margin-right: 16px !important; +} +.mr-17px { + margin-right: 17px !important; +} +.mr-18px { + margin-right: 18px !important; +} +.mr-19px { + margin-right: 19px !important; +} +.mr-20px { + margin-right: 20px !important; +} +.mr-21px { + margin-right: 21px !important; +} +.mr-22px { + margin-right: 22px !important; +} +.mr-23px { + margin-right: 23px !important; +} +.mr-24px { + margin-right: 24px !important; +} +.mr-25px { + margin-right: 25px !important; +} +.mr-26px { + margin-right: 26px !important; +} +.mr-27px { + margin-right: 27px !important; +} +.mr-28px { + margin-right: 28px !important; +} +.mr-29px { + margin-right: 29px !important; +} +.mr-30px { + margin-right: 30px !important; +} + +// Padding Right +.pr-5px { + padding-right: 5px; +} +.pr-6px { + padding-right: 6px; +} +.pr-7px { + padding-right: 7px; +} +.pr-8px { + padding-right: 8px; +} +.pr-9px { + padding-right: 9px; +} +.pr-10px { + padding-right: 10px; +} +.pr-11px { + padding-right: 11px; +} +.pr-12px { + padding-right: 12px; +} +.pr-13px { + padding-right: 13px; +} +.pr-14px { + padding-right: 14px; +} +.pr-15px { + padding-right: 15px; +} +.pr-16px { + padding-right: 16px; +} +.pr-17px { + padding-right: 17px; +} +.pr-18px { + padding-right: 18px; +} +.pr-19px { + padding-right: 19px; +} +.pr-20px { + padding-right: 20px; +} +.pr-21px { + padding-right: 21px; +} +.pr-22px { + padding-right: 22px; +} +.pr-23px { + padding-right: 23px; +} +.pr-24px { + padding-right: 24px; +} +.pr-25px { + padding-right: 25px; +} +.pr-26px { + padding-right: 26px; +} +.pr-27px { + padding-right: 27px; +} +.pr-28px { + padding-right: 28px; +} +.pr-29px { + padding-right: 29px; +} +.pr-30px { + padding-right: 30px; +} +.pr-35px { + padding-right: 35px; +} +.pr-40px { + padding-right: 40px; +} +.pr-45px { + padding-right: 45px; +} +.pr-50px { + padding-right: 50px; +} +.pr-55px { + padding-right: 55px; +} +.pr-60px { + padding-right: 60px; +} + +// Padding Left +.pl-5px { + padding-left: 5px; +} +.pl-6px { + padding-left: 6px; +} +.pl-7px { + padding-left: 7px; +} +.pl-8px { + padding-left: 8px; +} +.pl-9px { + padding-left: 9px; +} +.pl-10px { + padding-left: 10px; +} +.pl-11px { + padding-left: 11px; +} +.pl-12px { + padding-left: 12px; +} +.pl-13px { + padding-left: 13px; +} +.pl-14px { + padding-left: 14px; +} +.pl-15px { + padding-left: 15px; +} +.pl-16px { + padding-left: 16px; +} +.pl-17px { + padding-left: 17px; +} +.pl-18px { + padding-left: 18px; +} +.pl-19px { + padding-left: 19px; +} +.pl-20px { + padding-left: 20px; +} +.pl-21px { + padding-left: 21px; +} +.pl-22px { + padding-left: 22px; +} +.pl-23px { + padding-left: 23px; +} +.pl-24px { + padding-left: 24px; +} +.pl-25px { + padding-left: 25px; +} +.pl-26px { + padding-left: 26px; +} +.pl-27px { + padding-left: 27px; +} +.pl-28px { + padding-left: 28px; +} +.pl-29px { + padding-left: 29px; +} +.pl-30px { + padding-left: 30px; +} +.pl-35px { + padding-left: 35px; +} +.pl-40px { + padding-left: 40px; +} +.pl-45px { + padding-left: 45px; +} +.pl-50px { + padding-left: 50px; +} +.pl-55px { + padding-left: 55px; +} +.pl-60px { + padding-left: 60px; +} + +// Right +.right-5px { + right: 5px; +} +.right-6px { + right: 6px; +} +.right-7px { + right: 7px; +} +.right-8px { + right: 8px; +} +.right-9px { + right: 9px; +} +.right-10px { + right: 10px; +} +.right-11px { + right: 11px; +} +.right-12px { + right: 12px; +} +.right-13px { + right: 13px; +} +.right-14px { + right: 14px; +} +.right-15px { + right: 15px; +} +.right-16px { + right: 16px; +} +.right-17px { + right: 17px; +} +.right-18px { + right: 18px; +} +.right-19px { + right: 19px; +} +.right-20px { + right: 20px; +} +.right-21px { + right: 21px; +} +.right-22px { + right: 22px; +} +.right-23px { + right: 23px; +} +.right-24px { + right: 24px; +} +.right-25px { + right: 25px; +} +.right-26px { + right: 27px; +} +.right-28px { + right: 28px; +} +.right-29px { + right: 29px; +} +.right-30px { + right: 30px; +} + +/* LeftSidebarNav */ +.white-logo { + display: none; +} +.sidebarLinkActive { + background: linear-gradient(90deg, rgba(172, 169, 255, 0.6) 0%, rgba(172, 169, 255, 0.37) 91.25%); +} +.sidebarLinkActive2 { + background: linear-gradient(90deg, rgba(172, 169, 255, 0.6) 0%, rgba(172, 169, 255, 0.37) 91.25%); +} +.sidebarLinkActive2::before { + background-color: #fff !important; +} +.sidebarLinkActive2 { + background: #757FEF; + color: #fff !important; +} + +/* Main wrapper content */ +.main-wrapper-content { + padding-left: 330px; + position: relative; + transition: all 0.5s ease-out; + + &.active { + padding-left: 0; + + .LeftSidebarNav { + left: -100%; + } + .main-content { + padding-left: 30px; + padding-right: 30px; + } + } + + .main-content { + padding-right: 30px; + } +} + +@media only screen and (max-width: 767px) { + .main-wrapper-content { + .main-content { + padding-left: 15px !important; + padding-right: 15px !important; + } + } +} + +@media only screen and (max-width: 1199px) { + .main-wrapper-content { + padding: 0; + + .LeftSidebarNav { + left: -100%; + width: 280px; + } + .main-content { + padding-left: 30px; + padding-right: 30px; + } + + &.active { + .LeftSidebarNav { + z-index: 99999; + left: 0; + } + } + } +} +@media only screen and (min-width: 2200px) { + .main-wrapper-content { + .main-content { + max-width: 2200px; + margin-left: auto; + margin-right: auto; + } + } +} +/* End Main wrapper content */ + +/* React Tabs Tab List */ +.react-tabs__tab-list { + .react-tabs__tab--selected { + background-color: var(--primaryColor); + color: #fff; + } +} +/* End React Tabs Tab List */ + +/* Read Email */ +.readEmail { + color: var(--bodyTextColor); + text-decoration: none; +} +.readEmail:hover { + color: #260944; +} + +/* Product Details Tabs */ +.product-img-slider { + .swiper-button-next:after, .swiper-button-prev:after { + color: var(--primaryColor); + font-size: 25px; + } +} +.product-details-tabs { + .react-tabs__tab-list { + border-bottom: 1px solid #dfdfdf; + + .react-tabs__tab { + color: #A9A9C8; + font-weight: 500; + font-size: 15px; + padding-left: 0; + padding-right: 0; + margin-right: 30px; + border-top: none; + border-right: none; + border-left: none; + border-bottom: 2px solid transparent; + + &:last-child { + margin-right: 0; + } + + &:hover, &.react-tabs__tab--selected { + background-color: transparent; + border-top: none; + border-right: none; + border-left: none; + border-bottom: 2px solid var(--primaryColor); + color: #260944; + } + + &:focus:after { + background: transparent; + } + } + } + .react-tabs__tab-panel { + margin-top: 20px; + } + .product-description { + h1 { + font-size: 22px; + margin-top: 0; + margin-bottom: 10px; + } + h2 { + font-size: 20px; + margin-top: 0; + margin-bottom: 10px; + } + h3 { + font-size: 18px; + margin-top: 0; + margin-bottom: 10px; + } + h4 { + font-size: 16px; + margin-top: 0; + margin-bottom: 10px; + } + h5 { + font-size: 15px; + margin-top: 0; + margin-bottom: 10px; + } + h6 { + font-size: 14px; + margin-top: 0; + margin-bottom: 10px; + } + p { + &:last-child { + margin-bottom: 0; + } + } + ul, ol { + li { + margin-bottom: 10px; + &:last-child { + margin-bottom: 0; + } + } + } + } + .review-card { + .content { + background: #F7FAFF; + border-radius: 8px; + position: relative; + padding: 25px; + margin-bottom: 30px; + + .reating { + color: #FFBC2B; + margin-bottom: 10px; + font-size: 15px; + i { + margin-right: 5px; + &:last-child { + margin-right: 0; + } + } + } + p { + margin-top: 0; + margin-bottom: 10px; + &:last-child { + margin-bottom: 0; + } + } + .down-arrow { + position: absolute; + bottom: -20px; + left: 25px; + } + } + .info { + display: flex; + align-items: center; + margin-left: 30px; + img { + border-radius: 100%; + width: 30px; + height: 30px; + margin-right: 10px; + } + h4 { + margin: 0; + font-weight: 500; + font-size: 14px; + } + } + } +} + +/* For dark mode */ +[class="dark"] .product-details-tabs { + .react-tabs__tab-list { + border-bottom: 1px solid var(--borderColor); + .react-tabs__tab { + &:hover, &.react-tabs__tab--selected { + color: var(--primaryColor); + } + } + } +} + + +// For RTL Style +[dir="rtl"] { + .product-details-tabs { + .react-tabs__tab-list { + .react-tabs__tab { + margin-right: 0; + margin-left: 30px; + + &:last-child { + margin-left: 0; + } + } + } + + .review-card { + .content { + .reating { + i { + margin-right: 0; + margin-left: 5px; + + &:last-child { + margin-left: 0; + } + } + } + .down-arrow { + left: auto; + right: 25px; + } + } + .info { + margin-left: auto; + margin-right: 30px; + img { + margin-right: 0; + margin-left: 10px; + } + } + } + } +} + + +/* Testimonial Style */ +.testimonialStyle1, .testimonialStyle2 { + .swiper-button-next, .swiper-button-prev { + color: var(--primaryColor); + &::after { + font-size: 25px; + } + } + .swiper-button-next { + right: 0; + } + .swiper-button-prev { + left: 0; + } +} +[dir="rtl"] { + .testimonialStyle1, .testimonialStyle2 { + .swiper-button-next { + right: auto; + left: 0; + } + .swiper-button-prev { + left: auto; + right: 0; + } + } +} +.testimonialStyle3 { + .swiper-pagination{ + position: relative; + .swiper-pagination-bullet { + width: 10px; + height: 10px; + &.swiper-pagination-bullet-active { + background-color: var(--primaryColor); + } + } + } +} + +/* Active File Manager Link */ +.activeFMLink { + > a { + color: var(--primaryColor) !important; + } +} + +// Calendar Title +.fc { + .fc-toolbar-title { + font-size: 20px !important; + } +} + +/* Authentication box */ +.main-wrapper-content:has(div.authenticationBox) { + padding: 0; +} +/* End Authentication box */ + +// apexcharts +.apexcharts-yaxis, .apexcharts-xaxis { + text { + fill: #A9A9C8; + } +} + +// Scroll To Top CSS +.scroll-to-top { + i { + position: fixed; + cursor: pointer; + bottom: 20px; + right: 20px; + color: #fff !important; + background-color: var(--primaryColor); + width: 40px; + text-align: center; + height: 40px; + line-height: 40px; + border-radius: 50%; + font-size: 20px; + transition: var(--transition); + box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); + z-index: 1290; + + &:hover { + transition: var(--transition); + box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), + 0 1px 3px rgba(0, 0, 0, 0.08); + transform: translateY(-5px); + } + } +} + +// control-panel-modal +.control-panel-modal { + position: fixed; + right: -100%; + top: 0; + z-index: 999999; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, .2); + transition: var(--transition); + + &.show { + right: 0; + } + + .settings-btn { + position: fixed; + bottom: 70px; + right: 15px; + background-color: var(--dangerColor); + color: #fff; + z-index: 1290; + width: 50px; + height: 50px; + text-align: center; + line-height: 50px; + border-radius: 100%; + font-size: 25px; + cursor: pointer; + transition: var(--transition); + animation: rotate 2s linear infinite; + + &:hover { + background-color: #d32979; + } + } +} +@keyframes rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +.control-panel-dialog { + width: 320px; + background: #fff; + height: 100%; + margin-left: auto; + z-index: 999999; + position: relative; + + .control-panel-content { + overflow-y: auto; + height: 100%; + padding-bottom: 150px; + } + + .control-panel-footer { + position: absolute; + bottom: 0; + left: 0; + background-color: #F5F5F5; + padding: 16px 24px; + width: 100%; + } +} + +.ProgressBar { + span { + padding: 0 2px 0 0 !important; + } +} + +.igc-box { + background: #fff; + border-radius: 8px; + margin-bottom: 15px; + padding: 30px 20px; +} + +.progressIcon { + font-size: 20px; + position: absolute; + top: 0px; + margin-left: 3px; +} + \ No newline at end of file diff --git a/styles/remixicon.css b/styles/remixicon.css new file mode 100644 index 0000000..aac5ec7 --- /dev/null +++ b/styles/remixicon.css @@ -0,0 +1,2317 @@ +/* +* Remix Icon v2.5.0 +* https://remixicon.com +* https://github.com/Remix-Design/RemixIcon +* +* Copyright RemixIcon.com +* Released under the Apache License Version 2.0 +* +* Date: 2020-05-23 +*/ +@font-face { + font-family: "remixicon"; + src: url('/fonts/remixicon.eot?t=1590207869815'); /* IE9*/ + src: url('/fonts/remixicon.eot?t=1590207869815#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url("/fonts/remixicon.woff2?t=1590207869815") format("woff2"), + url("/fonts/remixicon.woff?t=1590207869815") format("woff"), + url('/fonts/remixicon.ttf?t=1590207869815') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ + url('/fonts/remixicon.svg?t=1590207869815#remixicon') format('svg'); /* iOS 4.1- */ + font-display: swap; +} + +[class^="ri-"], [class*=" ri-"] { + font-family: 'remixicon' !important; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.ri-lg { font-size: 1.3333em; line-height: 0.75em; vertical-align: -.0667em; } +.ri-xl { font-size: 1.5em; line-height: 0.6666em; vertical-align: -.075em; } +.ri-xxs { font-size: .5em; } +.ri-xs { font-size: .75em; } +.ri-sm { font-size: .875em } +.ri-1x { font-size: 1em; } +.ri-2x { font-size: 2em; } +.ri-3x { font-size: 3em; } +.ri-4x { font-size: 4em; } +.ri-5x { font-size: 5em; } +.ri-6x { font-size: 6em; } +.ri-7x { font-size: 7em; } +.ri-8x { font-size: 8em; } +.ri-9x { font-size: 9em; } +.ri-10x { font-size: 10em; } +.ri-fw { text-align: center; width: 1.25em; } + +.ri-24-hours-fill:before { content: "\ea01"; } +.ri-24-hours-line:before { content: "\ea02"; } +.ri-4k-fill:before { content: "\ea03"; } +.ri-4k-line:before { content: "\ea04"; } +.ri-a-b:before { content: "\ea05"; } +.ri-account-box-fill:before { content: "\ea06"; } +.ri-account-box-line:before { content: "\ea07"; } +.ri-account-circle-fill:before { content: "\ea08"; } +.ri-account-circle-line:before { content: "\ea09"; } +.ri-account-pin-box-fill:before { content: "\ea0a"; } +.ri-account-pin-box-line:before { content: "\ea0b"; } +.ri-account-pin-circle-fill:before { content: "\ea0c"; } +.ri-account-pin-circle-line:before { content: "\ea0d"; } +.ri-add-box-fill:before { content: "\ea0e"; } +.ri-add-box-line:before { content: "\ea0f"; } +.ri-add-circle-fill:before { content: "\ea10"; } +.ri-add-circle-line:before { content: "\ea11"; } +.ri-add-fill:before { content: "\ea12"; } +.ri-add-line:before { content: "\ea13"; } +.ri-admin-fill:before { content: "\ea14"; } +.ri-admin-line:before { content: "\ea15"; } +.ri-advertisement-fill:before { content: "\ea16"; } +.ri-advertisement-line:before { content: "\ea17"; } +.ri-airplay-fill:before { content: "\ea18"; } +.ri-airplay-line:before { content: "\ea19"; } +.ri-alarm-fill:before { content: "\ea1a"; } +.ri-alarm-line:before { content: "\ea1b"; } +.ri-alarm-warning-fill:before { content: "\ea1c"; } +.ri-alarm-warning-line:before { content: "\ea1d"; } +.ri-album-fill:before { content: "\ea1e"; } +.ri-album-line:before { content: "\ea1f"; } +.ri-alert-fill:before { content: "\ea20"; } +.ri-alert-line:before { content: "\ea21"; } +.ri-aliens-fill:before { content: "\ea22"; } +.ri-aliens-line:before { content: "\ea23"; } +.ri-align-bottom:before { content: "\ea24"; } +.ri-align-center:before { content: "\ea25"; } +.ri-align-justify:before { content: "\ea26"; } +.ri-align-left:before { content: "\ea27"; } +.ri-align-right:before { content: "\ea28"; } +.ri-align-top:before { content: "\ea29"; } +.ri-align-vertically:before { content: "\ea2a"; } +.ri-alipay-fill:before { content: "\ea2b"; } +.ri-alipay-line:before { content: "\ea2c"; } +.ri-amazon-fill:before { content: "\ea2d"; } +.ri-amazon-line:before { content: "\ea2e"; } +.ri-anchor-fill:before { content: "\ea2f"; } +.ri-anchor-line:before { content: "\ea30"; } +.ri-ancient-gate-fill:before { content: "\ea31"; } +.ri-ancient-gate-line:before { content: "\ea32"; } +.ri-ancient-pavilion-fill:before { content: "\ea33"; } +.ri-ancient-pavilion-line:before { content: "\ea34"; } +.ri-android-fill:before { content: "\ea35"; } +.ri-android-line:before { content: "\ea36"; } +.ri-angularjs-fill:before { content: "\ea37"; } +.ri-angularjs-line:before { content: "\ea38"; } +.ri-anticlockwise-2-fill:before { content: "\ea39"; } +.ri-anticlockwise-2-line:before { content: "\ea3a"; } +.ri-anticlockwise-fill:before { content: "\ea3b"; } +.ri-anticlockwise-line:before { content: "\ea3c"; } +.ri-app-store-fill:before { content: "\ea3d"; } +.ri-app-store-line:before { content: "\ea3e"; } +.ri-apple-fill:before { content: "\ea3f"; } +.ri-apple-line:before { content: "\ea40"; } +.ri-apps-2-fill:before { content: "\ea41"; } +.ri-apps-2-line:before { content: "\ea42"; } +.ri-apps-fill:before { content: "\ea43"; } +.ri-apps-line:before { content: "\ea44"; } +.ri-archive-drawer-fill:before { content: "\ea45"; } +.ri-archive-drawer-line:before { content: "\ea46"; } +.ri-archive-fill:before { content: "\ea47"; } +.ri-archive-line:before { content: "\ea48"; } +.ri-arrow-down-circle-fill:before { content: "\ea49"; } +.ri-arrow-down-circle-line:before { content: "\ea4a"; } +.ri-arrow-down-fill:before { content: "\ea4b"; } +.ri-arrow-down-line:before { content: "\ea4c"; } +.ri-arrow-down-s-fill:before { content: "\ea4d"; } +.ri-arrow-down-s-line:before { content: "\ea4e"; } +.ri-arrow-drop-down-fill:before { content: "\ea4f"; } +.ri-arrow-drop-down-line:before { content: "\ea50"; } +.ri-arrow-drop-left-fill:before { content: "\ea51"; } +.ri-arrow-drop-left-line:before { content: "\ea52"; } +.ri-arrow-drop-right-fill:before { content: "\ea53"; } +.ri-arrow-drop-right-line:before { content: "\ea54"; } +.ri-arrow-drop-up-fill:before { content: "\ea55"; } +.ri-arrow-drop-up-line:before { content: "\ea56"; } +.ri-arrow-go-back-fill:before { content: "\ea57"; } +.ri-arrow-go-back-line:before { content: "\ea58"; } +.ri-arrow-go-forward-fill:before { content: "\ea59"; } +.ri-arrow-go-forward-line:before { content: "\ea5a"; } +.ri-arrow-left-circle-fill:before { content: "\ea5b"; } +.ri-arrow-left-circle-line:before { content: "\ea5c"; } +.ri-arrow-left-down-fill:before { content: "\ea5d"; } +.ri-arrow-left-down-line:before { content: "\ea5e"; } +.ri-arrow-left-fill:before { content: "\ea5f"; } +.ri-arrow-left-line:before { content: "\ea60"; } +.ri-arrow-left-right-fill:before { content: "\ea61"; } +.ri-arrow-left-right-line:before { content: "\ea62"; } +.ri-arrow-left-s-fill:before { content: "\ea63"; } +.ri-arrow-left-s-line:before { content: "\ea64"; } +.ri-arrow-left-up-fill:before { content: "\ea65"; } +.ri-arrow-left-up-line:before { content: "\ea66"; } +.ri-arrow-right-circle-fill:before { content: "\ea67"; } +.ri-arrow-right-circle-line:before { content: "\ea68"; } +.ri-arrow-right-down-fill:before { content: "\ea69"; } +.ri-arrow-right-down-line:before { content: "\ea6a"; } +.ri-arrow-right-fill:before { content: "\ea6b"; } +.ri-arrow-right-line:before { content: "\ea6c"; } +.ri-arrow-right-s-fill:before { content: "\ea6d"; } +.ri-arrow-right-s-line:before { content: "\ea6e"; } +.ri-arrow-right-up-fill:before { content: "\ea6f"; } +.ri-arrow-right-up-line:before { content: "\ea70"; } +.ri-arrow-up-circle-fill:before { content: "\ea71"; } +.ri-arrow-up-circle-line:before { content: "\ea72"; } +.ri-arrow-up-down-fill:before { content: "\ea73"; } +.ri-arrow-up-down-line:before { content: "\ea74"; } +.ri-arrow-up-fill:before { content: "\ea75"; } +.ri-arrow-up-line:before { content: "\ea76"; } +.ri-arrow-up-s-fill:before { content: "\ea77"; } +.ri-arrow-up-s-line:before { content: "\ea78"; } +.ri-artboard-2-fill:before { content: "\ea79"; } +.ri-artboard-2-line:before { content: "\ea7a"; } +.ri-artboard-fill:before { content: "\ea7b"; } +.ri-artboard-line:before { content: "\ea7c"; } +.ri-article-fill:before { content: "\ea7d"; } +.ri-article-line:before { content: "\ea7e"; } +.ri-aspect-ratio-fill:before { content: "\ea7f"; } +.ri-aspect-ratio-line:before { content: "\ea80"; } +.ri-asterisk:before { content: "\ea81"; } +.ri-at-fill:before { content: "\ea82"; } +.ri-at-line:before { content: "\ea83"; } +.ri-attachment-2:before { content: "\ea84"; } +.ri-attachment-fill:before { content: "\ea85"; } +.ri-attachment-line:before { content: "\ea86"; } +.ri-auction-fill:before { content: "\ea87"; } +.ri-auction-line:before { content: "\ea88"; } +.ri-award-fill:before { content: "\ea89"; } +.ri-award-line:before { content: "\ea8a"; } +.ri-baidu-fill:before { content: "\ea8b"; } +.ri-baidu-line:before { content: "\ea8c"; } +.ri-ball-pen-fill:before { content: "\ea8d"; } +.ri-ball-pen-line:before { content: "\ea8e"; } +.ri-bank-card-2-fill:before { content: "\ea8f"; } +.ri-bank-card-2-line:before { content: "\ea90"; } +.ri-bank-card-fill:before { content: "\ea91"; } +.ri-bank-card-line:before { content: "\ea92"; } +.ri-bank-fill:before { content: "\ea93"; } +.ri-bank-line:before { content: "\ea94"; } +.ri-bar-chart-2-fill:before { content: "\ea95"; } +.ri-bar-chart-2-line:before { content: "\ea96"; } +.ri-bar-chart-box-fill:before { content: "\ea97"; } +.ri-bar-chart-box-line:before { content: "\ea98"; } +.ri-bar-chart-fill:before { content: "\ea99"; } +.ri-bar-chart-grouped-fill:before { content: "\ea9a"; } +.ri-bar-chart-grouped-line:before { content: "\ea9b"; } +.ri-bar-chart-horizontal-fill:before { content: "\ea9c"; } +.ri-bar-chart-horizontal-line:before { content: "\ea9d"; } +.ri-bar-chart-line:before { content: "\ea9e"; } +.ri-barcode-box-fill:before { content: "\ea9f"; } +.ri-barcode-box-line:before { content: "\eaa0"; } +.ri-barcode-fill:before { content: "\eaa1"; } +.ri-barcode-line:before { content: "\eaa2"; } +.ri-barricade-fill:before { content: "\eaa3"; } +.ri-barricade-line:before { content: "\eaa4"; } +.ri-base-station-fill:before { content: "\eaa5"; } +.ri-base-station-line:before { content: "\eaa6"; } +.ri-basketball-fill:before { content: "\eaa7"; } +.ri-basketball-line:before { content: "\eaa8"; } +.ri-battery-2-charge-fill:before { content: "\eaa9"; } +.ri-battery-2-charge-line:before { content: "\eaaa"; } +.ri-battery-2-fill:before { content: "\eaab"; } +.ri-battery-2-line:before { content: "\eaac"; } +.ri-battery-charge-fill:before { content: "\eaad"; } +.ri-battery-charge-line:before { content: "\eaae"; } +.ri-battery-fill:before { content: "\eaaf"; } +.ri-battery-line:before { content: "\eab0"; } +.ri-battery-low-fill:before { content: "\eab1"; } +.ri-battery-low-line:before { content: "\eab2"; } +.ri-battery-saver-fill:before { content: "\eab3"; } +.ri-battery-saver-line:before { content: "\eab4"; } +.ri-battery-share-fill:before { content: "\eab5"; } +.ri-battery-share-line:before { content: "\eab6"; } +.ri-bear-smile-fill:before { content: "\eab7"; } +.ri-bear-smile-line:before { content: "\eab8"; } +.ri-behance-fill:before { content: "\eab9"; } +.ri-behance-line:before { content: "\eaba"; } +.ri-bell-fill:before { content: "\eabb"; } +.ri-bell-line:before { content: "\eabc"; } +.ri-bike-fill:before { content: "\eabd"; } +.ri-bike-line:before { content: "\eabe"; } +.ri-bilibili-fill:before { content: "\eabf"; } +.ri-bilibili-line:before { content: "\eac0"; } +.ri-bill-fill:before { content: "\eac1"; } +.ri-bill-line:before { content: "\eac2"; } +.ri-billiards-fill:before { content: "\eac3"; } +.ri-billiards-line:before { content: "\eac4"; } +.ri-bit-coin-fill:before { content: "\eac5"; } +.ri-bit-coin-line:before { content: "\eac6"; } +.ri-blaze-fill:before { content: "\eac7"; } +.ri-blaze-line:before { content: "\eac8"; } +.ri-bluetooth-connect-fill:before { content: "\eac9"; } +.ri-bluetooth-connect-line:before { content: "\eaca"; } +.ri-bluetooth-fill:before { content: "\eacb"; } +.ri-bluetooth-line:before { content: "\eacc"; } +.ri-blur-off-fill:before { content: "\eacd"; } +.ri-blur-off-line:before { content: "\eace"; } +.ri-body-scan-fill:before { content: "\eacf"; } +.ri-body-scan-line:before { content: "\ead0"; } +.ri-bold:before { content: "\ead1"; } +.ri-book-2-fill:before { content: "\ead2"; } +.ri-book-2-line:before { content: "\ead3"; } +.ri-book-3-fill:before { content: "\ead4"; } +.ri-book-3-line:before { content: "\ead5"; } +.ri-book-fill:before { content: "\ead6"; } +.ri-book-line:before { content: "\ead7"; } +.ri-book-mark-fill:before { content: "\ead8"; } +.ri-book-mark-line:before { content: "\ead9"; } +.ri-book-open-fill:before { content: "\eada"; } +.ri-book-open-line:before { content: "\eadb"; } +.ri-book-read-fill:before { content: "\eadc"; } +.ri-book-read-line:before { content: "\eadd"; } +.ri-booklet-fill:before { content: "\eade"; } +.ri-booklet-line:before { content: "\eadf"; } +.ri-bookmark-2-fill:before { content: "\eae0"; } +.ri-bookmark-2-line:before { content: "\eae1"; } +.ri-bookmark-3-fill:before { content: "\eae2"; } +.ri-bookmark-3-line:before { content: "\eae3"; } +.ri-bookmark-fill:before { content: "\eae4"; } +.ri-bookmark-line:before { content: "\eae5"; } +.ri-boxing-fill:before { content: "\eae6"; } +.ri-boxing-line:before { content: "\eae7"; } +.ri-braces-fill:before { content: "\eae8"; } +.ri-braces-line:before { content: "\eae9"; } +.ri-brackets-fill:before { content: "\eaea"; } +.ri-brackets-line:before { content: "\eaeb"; } +.ri-briefcase-2-fill:before { content: "\eaec"; } +.ri-briefcase-2-line:before { content: "\eaed"; } +.ri-briefcase-3-fill:before { content: "\eaee"; } +.ri-briefcase-3-line:before { content: "\eaef"; } +.ri-briefcase-4-fill:before { content: "\eaf0"; } +.ri-briefcase-4-line:before { content: "\eaf1"; } +.ri-briefcase-5-fill:before { content: "\eaf2"; } +.ri-briefcase-5-line:before { content: "\eaf3"; } +.ri-briefcase-fill:before { content: "\eaf4"; } +.ri-briefcase-line:before { content: "\eaf5"; } +.ri-bring-forward:before { content: "\eaf6"; } +.ri-bring-to-front:before { content: "\eaf7"; } +.ri-broadcast-fill:before { content: "\eaf8"; } +.ri-broadcast-line:before { content: "\eaf9"; } +.ri-brush-2-fill:before { content: "\eafa"; } +.ri-brush-2-line:before { content: "\eafb"; } +.ri-brush-3-fill:before { content: "\eafc"; } +.ri-brush-3-line:before { content: "\eafd"; } +.ri-brush-4-fill:before { content: "\eafe"; } +.ri-brush-4-line:before { content: "\eaff"; } +.ri-brush-fill:before { content: "\eb00"; } +.ri-brush-line:before { content: "\eb01"; } +.ri-bubble-chart-fill:before { content: "\eb02"; } +.ri-bubble-chart-line:before { content: "\eb03"; } +.ri-bug-2-fill:before { content: "\eb04"; } +.ri-bug-2-line:before { content: "\eb05"; } +.ri-bug-fill:before { content: "\eb06"; } +.ri-bug-line:before { content: "\eb07"; } +.ri-building-2-fill:before { content: "\eb08"; } +.ri-building-2-line:before { content: "\eb09"; } +.ri-building-3-fill:before { content: "\eb0a"; } +.ri-building-3-line:before { content: "\eb0b"; } +.ri-building-4-fill:before { content: "\eb0c"; } +.ri-building-4-line:before { content: "\eb0d"; } +.ri-building-fill:before { content: "\eb0e"; } +.ri-building-line:before { content: "\eb0f"; } +.ri-bus-2-fill:before { content: "\eb10"; } +.ri-bus-2-line:before { content: "\eb11"; } +.ri-bus-fill:before { content: "\eb12"; } +.ri-bus-line:before { content: "\eb13"; } +.ri-bus-wifi-fill:before { content: "\eb14"; } +.ri-bus-wifi-line:before { content: "\eb15"; } +.ri-cactus-fill:before { content: "\eb16"; } +.ri-cactus-line:before { content: "\eb17"; } +.ri-cake-2-fill:before { content: "\eb18"; } +.ri-cake-2-line:before { content: "\eb19"; } +.ri-cake-3-fill:before { content: "\eb1a"; } +.ri-cake-3-line:before { content: "\eb1b"; } +.ri-cake-fill:before { content: "\eb1c"; } +.ri-cake-line:before { content: "\eb1d"; } +.ri-calculator-fill:before { content: "\eb1e"; } +.ri-calculator-line:before { content: "\eb1f"; } +.ri-calendar-2-fill:before { content: "\eb20"; } +.ri-calendar-2-line:before { content: "\eb21"; } +.ri-calendar-check-fill:before { content: "\eb22"; } +.ri-calendar-check-line:before { content: "\eb23"; } +.ri-calendar-event-fill:before { content: "\eb24"; } +.ri-calendar-event-line:before { content: "\eb25"; } +.ri-calendar-fill:before { content: "\eb26"; } +.ri-calendar-line:before { content: "\eb27"; } +.ri-calendar-todo-fill:before { content: "\eb28"; } +.ri-calendar-todo-line:before { content: "\eb29"; } +.ri-camera-2-fill:before { content: "\eb2a"; } +.ri-camera-2-line:before { content: "\eb2b"; } +.ri-camera-3-fill:before { content: "\eb2c"; } +.ri-camera-3-line:before { content: "\eb2d"; } +.ri-camera-fill:before { content: "\eb2e"; } +.ri-camera-lens-fill:before { content: "\eb2f"; } +.ri-camera-lens-line:before { content: "\eb30"; } +.ri-camera-line:before { content: "\eb31"; } +.ri-camera-off-fill:before { content: "\eb32"; } +.ri-camera-off-line:before { content: "\eb33"; } +.ri-camera-switch-fill:before { content: "\eb34"; } +.ri-camera-switch-line:before { content: "\eb35"; } +.ri-capsule-fill:before { content: "\eb36"; } +.ri-capsule-line:before { content: "\eb37"; } +.ri-car-fill:before { content: "\eb38"; } +.ri-car-line:before { content: "\eb39"; } +.ri-car-washing-fill:before { content: "\eb3a"; } +.ri-car-washing-line:before { content: "\eb3b"; } +.ri-caravan-fill:before { content: "\eb3c"; } +.ri-caravan-line:before { content: "\eb3d"; } +.ri-cast-fill:before { content: "\eb3e"; } +.ri-cast-line:before { content: "\eb3f"; } +.ri-cellphone-fill:before { content: "\eb40"; } +.ri-cellphone-line:before { content: "\eb41"; } +.ri-celsius-fill:before { content: "\eb42"; } +.ri-celsius-line:before { content: "\eb43"; } +.ri-centos-fill:before { content: "\eb44"; } +.ri-centos-line:before { content: "\eb45"; } +.ri-character-recognition-fill:before { content: "\eb46"; } +.ri-character-recognition-line:before { content: "\eb47"; } +.ri-charging-pile-2-fill:before { content: "\eb48"; } +.ri-charging-pile-2-line:before { content: "\eb49"; } +.ri-charging-pile-fill:before { content: "\eb4a"; } +.ri-charging-pile-line:before { content: "\eb4b"; } +.ri-chat-1-fill:before { content: "\eb4c"; } +.ri-chat-1-line:before { content: "\eb4d"; } +.ri-chat-2-fill:before { content: "\eb4e"; } +.ri-chat-2-line:before { content: "\eb4f"; } +.ri-chat-3-fill:before { content: "\eb50"; } +.ri-chat-3-line:before { content: "\eb51"; } +.ri-chat-4-fill:before { content: "\eb52"; } +.ri-chat-4-line:before { content: "\eb53"; } +.ri-chat-check-fill:before { content: "\eb54"; } +.ri-chat-check-line:before { content: "\eb55"; } +.ri-chat-delete-fill:before { content: "\eb56"; } +.ri-chat-delete-line:before { content: "\eb57"; } +.ri-chat-download-fill:before { content: "\eb58"; } +.ri-chat-download-line:before { content: "\eb59"; } +.ri-chat-follow-up-fill:before { content: "\eb5a"; } +.ri-chat-follow-up-line:before { content: "\eb5b"; } +.ri-chat-forward-fill:before { content: "\eb5c"; } +.ri-chat-forward-line:before { content: "\eb5d"; } +.ri-chat-heart-fill:before { content: "\eb5e"; } +.ri-chat-heart-line:before { content: "\eb5f"; } +.ri-chat-history-fill:before { content: "\eb60"; } +.ri-chat-history-line:before { content: "\eb61"; } +.ri-chat-new-fill:before { content: "\eb62"; } +.ri-chat-new-line:before { content: "\eb63"; } +.ri-chat-off-fill:before { content: "\eb64"; } +.ri-chat-off-line:before { content: "\eb65"; } +.ri-chat-poll-fill:before { content: "\eb66"; } +.ri-chat-poll-line:before { content: "\eb67"; } +.ri-chat-private-fill:before { content: "\eb68"; } +.ri-chat-private-line:before { content: "\eb69"; } +.ri-chat-quote-fill:before { content: "\eb6a"; } +.ri-chat-quote-line:before { content: "\eb6b"; } +.ri-chat-settings-fill:before { content: "\eb6c"; } +.ri-chat-settings-line:before { content: "\eb6d"; } +.ri-chat-smile-2-fill:before { content: "\eb6e"; } +.ri-chat-smile-2-line:before { content: "\eb6f"; } +.ri-chat-smile-3-fill:before { content: "\eb70"; } +.ri-chat-smile-3-line:before { content: "\eb71"; } +.ri-chat-smile-fill:before { content: "\eb72"; } +.ri-chat-smile-line:before { content: "\eb73"; } +.ri-chat-upload-fill:before { content: "\eb74"; } +.ri-chat-upload-line:before { content: "\eb75"; } +.ri-chat-voice-fill:before { content: "\eb76"; } +.ri-chat-voice-line:before { content: "\eb77"; } +.ri-check-double-fill:before { content: "\eb78"; } +.ri-check-double-line:before { content: "\eb79"; } +.ri-check-fill:before { content: "\eb7a"; } +.ri-check-line:before { content: "\eb7b"; } +.ri-checkbox-blank-circle-fill:before { content: "\eb7c"; } +.ri-checkbox-blank-circle-line:before { content: "\eb7d"; } +.ri-checkbox-blank-fill:before { content: "\eb7e"; } +.ri-checkbox-blank-line:before { content: "\eb7f"; } +.ri-checkbox-circle-fill:before { content: "\eb80"; } +.ri-checkbox-circle-line:before { content: "\eb81"; } +.ri-checkbox-fill:before { content: "\eb82"; } +.ri-checkbox-indeterminate-fill:before { content: "\eb83"; } +.ri-checkbox-indeterminate-line:before { content: "\eb84"; } +.ri-checkbox-line:before { content: "\eb85"; } +.ri-checkbox-multiple-blank-fill:before { content: "\eb86"; } +.ri-checkbox-multiple-blank-line:before { content: "\eb87"; } +.ri-checkbox-multiple-fill:before { content: "\eb88"; } +.ri-checkbox-multiple-line:before { content: "\eb89"; } +.ri-china-railway-fill:before { content: "\eb8a"; } +.ri-china-railway-line:before { content: "\eb8b"; } +.ri-chrome-fill:before { content: "\eb8c"; } +.ri-chrome-line:before { content: "\eb8d"; } +.ri-clapperboard-fill:before { content: "\eb8e"; } +.ri-clapperboard-line:before { content: "\eb8f"; } +.ri-clipboard-fill:before { content: "\eb90"; } +.ri-clipboard-line:before { content: "\eb91"; } +.ri-clockwise-2-fill:before { content: "\eb92"; } +.ri-clockwise-2-line:before { content: "\eb93"; } +.ri-clockwise-fill:before { content: "\eb94"; } +.ri-clockwise-line:before { content: "\eb95"; } +.ri-close-circle-fill:before { content: "\eb96"; } +.ri-close-circle-line:before { content: "\eb97"; } +.ri-close-fill:before { content: "\eb98"; } +.ri-close-line:before { content: "\eb99"; } +.ri-closed-captioning-fill:before { content: "\eb9a"; } +.ri-closed-captioning-line:before { content: "\eb9b"; } +.ri-cloud-fill:before { content: "\eb9c"; } +.ri-cloud-line:before { content: "\eb9d"; } +.ri-cloud-off-fill:before { content: "\eb9e"; } +.ri-cloud-off-line:before { content: "\eb9f"; } +.ri-cloud-windy-fill:before { content: "\eba0"; } +.ri-cloud-windy-line:before { content: "\eba1"; } +.ri-cloudy-2-fill:before { content: "\eba2"; } +.ri-cloudy-2-line:before { content: "\eba3"; } +.ri-cloudy-fill:before { content: "\eba4"; } +.ri-cloudy-line:before { content: "\eba5"; } +.ri-code-box-fill:before { content: "\eba6"; } +.ri-code-box-line:before { content: "\eba7"; } +.ri-code-fill:before { content: "\eba8"; } +.ri-code-line:before { content: "\eba9"; } +.ri-code-s-fill:before { content: "\ebaa"; } +.ri-code-s-line:before { content: "\ebab"; } +.ri-code-s-slash-fill:before { content: "\ebac"; } +.ri-code-s-slash-line:before { content: "\ebad"; } +.ri-code-view:before { content: "\ebae"; } +.ri-codepen-fill:before { content: "\ebaf"; } +.ri-codepen-line:before { content: "\ebb0"; } +.ri-coin-fill:before { content: "\ebb1"; } +.ri-coin-line:before { content: "\ebb2"; } +.ri-coins-fill:before { content: "\ebb3"; } +.ri-coins-line:before { content: "\ebb4"; } +.ri-collage-fill:before { content: "\ebb5"; } +.ri-collage-line:before { content: "\ebb6"; } +.ri-command-fill:before { content: "\ebb7"; } +.ri-command-line:before { content: "\ebb8"; } +.ri-community-fill:before { content: "\ebb9"; } +.ri-community-line:before { content: "\ebba"; } +.ri-compass-2-fill:before { content: "\ebbb"; } +.ri-compass-2-line:before { content: "\ebbc"; } +.ri-compass-3-fill:before { content: "\ebbd"; } +.ri-compass-3-line:before { content: "\ebbe"; } +.ri-compass-4-fill:before { content: "\ebbf"; } +.ri-compass-4-line:before { content: "\ebc0"; } +.ri-compass-discover-fill:before { content: "\ebc1"; } +.ri-compass-discover-line:before { content: "\ebc2"; } +.ri-compass-fill:before { content: "\ebc3"; } +.ri-compass-line:before { content: "\ebc4"; } +.ri-compasses-2-fill:before { content: "\ebc5"; } +.ri-compasses-2-line:before { content: "\ebc6"; } +.ri-compasses-fill:before { content: "\ebc7"; } +.ri-compasses-line:before { content: "\ebc8"; } +.ri-computer-fill:before { content: "\ebc9"; } +.ri-computer-line:before { content: "\ebca"; } +.ri-contacts-book-2-fill:before { content: "\ebcb"; } +.ri-contacts-book-2-line:before { content: "\ebcc"; } +.ri-contacts-book-fill:before { content: "\ebcd"; } +.ri-contacts-book-line:before { content: "\ebce"; } +.ri-contacts-book-upload-fill:before { content: "\ebcf"; } +.ri-contacts-book-upload-line:before { content: "\ebd0"; } +.ri-contacts-fill:before { content: "\ebd1"; } +.ri-contacts-line:before { content: "\ebd2"; } +.ri-contrast-2-fill:before { content: "\ebd3"; } +.ri-contrast-2-line:before { content: "\ebd4"; } +.ri-contrast-drop-2-fill:before { content: "\ebd5"; } +.ri-contrast-drop-2-line:before { content: "\ebd6"; } +.ri-contrast-drop-fill:before { content: "\ebd7"; } +.ri-contrast-drop-line:before { content: "\ebd8"; } +.ri-contrast-fill:before { content: "\ebd9"; } +.ri-contrast-line:before { content: "\ebda"; } +.ri-copper-coin-fill:before { content: "\ebdb"; } +.ri-copper-coin-line:before { content: "\ebdc"; } +.ri-copper-diamond-fill:before { content: "\ebdd"; } +.ri-copper-diamond-line:before { content: "\ebde"; } +.ri-copyleft-fill:before { content: "\ebdf"; } +.ri-copyleft-line:before { content: "\ebe0"; } +.ri-copyright-fill:before { content: "\ebe1"; } +.ri-copyright-line:before { content: "\ebe2"; } +.ri-coreos-fill:before { content: "\ebe3"; } +.ri-coreos-line:before { content: "\ebe4"; } +.ri-coupon-2-fill:before { content: "\ebe5"; } +.ri-coupon-2-line:before { content: "\ebe6"; } +.ri-coupon-3-fill:before { content: "\ebe7"; } +.ri-coupon-3-line:before { content: "\ebe8"; } +.ri-coupon-4-fill:before { content: "\ebe9"; } +.ri-coupon-4-line:before { content: "\ebea"; } +.ri-coupon-5-fill:before { content: "\ebeb"; } +.ri-coupon-5-line:before { content: "\ebec"; } +.ri-coupon-fill:before { content: "\ebed"; } +.ri-coupon-line:before { content: "\ebee"; } +.ri-cpu-fill:before { content: "\ebef"; } +.ri-cpu-line:before { content: "\ebf0"; } +.ri-creative-commons-by-fill:before { content: "\ebf1"; } +.ri-creative-commons-by-line:before { content: "\ebf2"; } +.ri-creative-commons-fill:before { content: "\ebf3"; } +.ri-creative-commons-line:before { content: "\ebf4"; } +.ri-creative-commons-nc-fill:before { content: "\ebf5"; } +.ri-creative-commons-nc-line:before { content: "\ebf6"; } +.ri-creative-commons-nd-fill:before { content: "\ebf7"; } +.ri-creative-commons-nd-line:before { content: "\ebf8"; } +.ri-creative-commons-sa-fill:before { content: "\ebf9"; } +.ri-creative-commons-sa-line:before { content: "\ebfa"; } +.ri-creative-commons-zero-fill:before { content: "\ebfb"; } +.ri-creative-commons-zero-line:before { content: "\ebfc"; } +.ri-criminal-fill:before { content: "\ebfd"; } +.ri-criminal-line:before { content: "\ebfe"; } +.ri-crop-2-fill:before { content: "\ebff"; } +.ri-crop-2-line:before { content: "\ec00"; } +.ri-crop-fill:before { content: "\ec01"; } +.ri-crop-line:before { content: "\ec02"; } +.ri-css3-fill:before { content: "\ec03"; } +.ri-css3-line:before { content: "\ec04"; } +.ri-cup-fill:before { content: "\ec05"; } +.ri-cup-line:before { content: "\ec06"; } +.ri-currency-fill:before { content: "\ec07"; } +.ri-currency-line:before { content: "\ec08"; } +.ri-cursor-fill:before { content: "\ec09"; } +.ri-cursor-line:before { content: "\ec0a"; } +.ri-customer-service-2-fill:before { content: "\ec0b"; } +.ri-customer-service-2-line:before { content: "\ec0c"; } +.ri-customer-service-fill:before { content: "\ec0d"; } +.ri-customer-service-line:before { content: "\ec0e"; } +.ri-dashboard-2-fill:before { content: "\ec0f"; } +.ri-dashboard-2-line:before { content: "\ec10"; } +.ri-dashboard-3-fill:before { content: "\ec11"; } +.ri-dashboard-3-line:before { content: "\ec12"; } +.ri-dashboard-fill:before { content: "\ec13"; } +.ri-dashboard-line:before { content: "\ec14"; } +.ri-database-2-fill:before { content: "\ec15"; } +.ri-database-2-line:before { content: "\ec16"; } +.ri-database-fill:before { content: "\ec17"; } +.ri-database-line:before { content: "\ec18"; } +.ri-delete-back-2-fill:before { content: "\ec19"; } +.ri-delete-back-2-line:before { content: "\ec1a"; } +.ri-delete-back-fill:before { content: "\ec1b"; } +.ri-delete-back-line:before { content: "\ec1c"; } +.ri-delete-bin-2-fill:before { content: "\ec1d"; } +.ri-delete-bin-2-line:before { content: "\ec1e"; } +.ri-delete-bin-3-fill:before { content: "\ec1f"; } +.ri-delete-bin-3-line:before { content: "\ec20"; } +.ri-delete-bin-4-fill:before { content: "\ec21"; } +.ri-delete-bin-4-line:before { content: "\ec22"; } +.ri-delete-bin-5-fill:before { content: "\ec23"; } +.ri-delete-bin-5-line:before { content: "\ec24"; } +.ri-delete-bin-6-fill:before { content: "\ec25"; } +.ri-delete-bin-6-line:before { content: "\ec26"; } +.ri-delete-bin-7-fill:before { content: "\ec27"; } +.ri-delete-bin-7-line:before { content: "\ec28"; } +.ri-delete-bin-fill:before { content: "\ec29"; } +.ri-delete-bin-line:before { content: "\ec2a"; } +.ri-delete-column:before { content: "\ec2b"; } +.ri-delete-row:before { content: "\ec2c"; } +.ri-device-fill:before { content: "\ec2d"; } +.ri-device-line:before { content: "\ec2e"; } +.ri-device-recover-fill:before { content: "\ec2f"; } +.ri-device-recover-line:before { content: "\ec30"; } +.ri-dingding-fill:before { content: "\ec31"; } +.ri-dingding-line:before { content: "\ec32"; } +.ri-direction-fill:before { content: "\ec33"; } +.ri-direction-line:before { content: "\ec34"; } +.ri-disc-fill:before { content: "\ec35"; } +.ri-disc-line:before { content: "\ec36"; } +.ri-discord-fill:before { content: "\ec37"; } +.ri-discord-line:before { content: "\ec38"; } +.ri-discuss-fill:before { content: "\ec39"; } +.ri-discuss-line:before { content: "\ec3a"; } +.ri-dislike-fill:before { content: "\ec3b"; } +.ri-dislike-line:before { content: "\ec3c"; } +.ri-disqus-fill:before { content: "\ec3d"; } +.ri-disqus-line:before { content: "\ec3e"; } +.ri-divide-fill:before { content: "\ec3f"; } +.ri-divide-line:before { content: "\ec40"; } +.ri-donut-chart-fill:before { content: "\ec41"; } +.ri-donut-chart-line:before { content: "\ec42"; } +.ri-door-closed-fill:before { content: "\ec43"; } +.ri-door-closed-line:before { content: "\ec44"; } +.ri-door-fill:before { content: "\ec45"; } +.ri-door-line:before { content: "\ec46"; } +.ri-door-lock-box-fill:before { content: "\ec47"; } +.ri-door-lock-box-line:before { content: "\ec48"; } +.ri-door-lock-fill:before { content: "\ec49"; } +.ri-door-lock-line:before { content: "\ec4a"; } +.ri-door-open-fill:before { content: "\ec4b"; } +.ri-door-open-line:before { content: "\ec4c"; } +.ri-dossier-fill:before { content: "\ec4d"; } +.ri-dossier-line:before { content: "\ec4e"; } +.ri-douban-fill:before { content: "\ec4f"; } +.ri-douban-line:before { content: "\ec50"; } +.ri-double-quotes-l:before { content: "\ec51"; } +.ri-double-quotes-r:before { content: "\ec52"; } +.ri-download-2-fill:before { content: "\ec53"; } +.ri-download-2-line:before { content: "\ec54"; } +.ri-download-cloud-2-fill:before { content: "\ec55"; } +.ri-download-cloud-2-line:before { content: "\ec56"; } +.ri-download-cloud-fill:before { content: "\ec57"; } +.ri-download-cloud-line:before { content: "\ec58"; } +.ri-download-fill:before { content: "\ec59"; } +.ri-download-line:before { content: "\ec5a"; } +.ri-draft-fill:before { content: "\ec5b"; } +.ri-draft-line:before { content: "\ec5c"; } +.ri-drag-drop-fill:before { content: "\ec5d"; } +.ri-drag-drop-line:before { content: "\ec5e"; } +.ri-drag-move-2-fill:before { content: "\ec5f"; } +.ri-drag-move-2-line:before { content: "\ec60"; } +.ri-drag-move-fill:before { content: "\ec61"; } +.ri-drag-move-line:before { content: "\ec62"; } +.ri-dribbble-fill:before { content: "\ec63"; } +.ri-dribbble-line:before { content: "\ec64"; } +.ri-drive-fill:before { content: "\ec65"; } +.ri-drive-line:before { content: "\ec66"; } +.ri-drizzle-fill:before { content: "\ec67"; } +.ri-drizzle-line:before { content: "\ec68"; } +.ri-drop-fill:before { content: "\ec69"; } +.ri-drop-line:before { content: "\ec6a"; } +.ri-dropbox-fill:before { content: "\ec6b"; } +.ri-dropbox-line:before { content: "\ec6c"; } +.ri-dual-sim-1-fill:before { content: "\ec6d"; } +.ri-dual-sim-1-line:before { content: "\ec6e"; } +.ri-dual-sim-2-fill:before { content: "\ec6f"; } +.ri-dual-sim-2-line:before { content: "\ec70"; } +.ri-dv-fill:before { content: "\ec71"; } +.ri-dv-line:before { content: "\ec72"; } +.ri-dvd-fill:before { content: "\ec73"; } +.ri-dvd-line:before { content: "\ec74"; } +.ri-e-bike-2-fill:before { content: "\ec75"; } +.ri-e-bike-2-line:before { content: "\ec76"; } +.ri-e-bike-fill:before { content: "\ec77"; } +.ri-e-bike-line:before { content: "\ec78"; } +.ri-earth-fill:before { content: "\ec79"; } +.ri-earth-line:before { content: "\ec7a"; } +.ri-earthquake-fill:before { content: "\ec7b"; } +.ri-earthquake-line:before { content: "\ec7c"; } +.ri-edge-fill:before { content: "\ec7d"; } +.ri-edge-line:before { content: "\ec7e"; } +.ri-edit-2-fill:before { content: "\ec7f"; } +.ri-edit-2-line:before { content: "\ec80"; } +.ri-edit-box-fill:before { content: "\ec81"; } +.ri-edit-box-line:before { content: "\ec82"; } +.ri-edit-circle-fill:before { content: "\ec83"; } +.ri-edit-circle-line:before { content: "\ec84"; } +.ri-edit-fill:before { content: "\ec85"; } +.ri-edit-line:before { content: "\ec86"; } +.ri-eject-fill:before { content: "\ec87"; } +.ri-eject-line:before { content: "\ec88"; } +.ri-emotion-2-fill:before { content: "\ec89"; } +.ri-emotion-2-line:before { content: "\ec8a"; } +.ri-emotion-fill:before { content: "\ec8b"; } +.ri-emotion-happy-fill:before { content: "\ec8c"; } +.ri-emotion-happy-line:before { content: "\ec8d"; } +.ri-emotion-laugh-fill:before { content: "\ec8e"; } +.ri-emotion-laugh-line:before { content: "\ec8f"; } +.ri-emotion-line:before { content: "\ec90"; } +.ri-emotion-normal-fill:before { content: "\ec91"; } +.ri-emotion-normal-line:before { content: "\ec92"; } +.ri-emotion-sad-fill:before { content: "\ec93"; } +.ri-emotion-sad-line:before { content: "\ec94"; } +.ri-emotion-unhappy-fill:before { content: "\ec95"; } +.ri-emotion-unhappy-line:before { content: "\ec96"; } +.ri-empathize-fill:before { content: "\ec97"; } +.ri-empathize-line:before { content: "\ec98"; } +.ri-emphasis-cn:before { content: "\ec99"; } +.ri-emphasis:before { content: "\ec9a"; } +.ri-english-input:before { content: "\ec9b"; } +.ri-equalizer-fill:before { content: "\ec9c"; } +.ri-equalizer-line:before { content: "\ec9d"; } +.ri-eraser-fill:before { content: "\ec9e"; } +.ri-eraser-line:before { content: "\ec9f"; } +.ri-error-warning-fill:before { content: "\eca0"; } +.ri-error-warning-line:before { content: "\eca1"; } +.ri-evernote-fill:before { content: "\eca2"; } +.ri-evernote-line:before { content: "\eca3"; } +.ri-exchange-box-fill:before { content: "\eca4"; } +.ri-exchange-box-line:before { content: "\eca5"; } +.ri-exchange-cny-fill:before { content: "\eca6"; } +.ri-exchange-cny-line:before { content: "\eca7"; } +.ri-exchange-dollar-fill:before { content: "\eca8"; } +.ri-exchange-dollar-line:before { content: "\eca9"; } +.ri-exchange-fill:before { content: "\ecaa"; } +.ri-exchange-funds-fill:before { content: "\ecab"; } +.ri-exchange-funds-line:before { content: "\ecac"; } +.ri-exchange-line:before { content: "\ecad"; } +.ri-external-link-fill:before { content: "\ecae"; } +.ri-external-link-line:before { content: "\ecaf"; } +.ri-eye-2-fill:before { content: "\ecb0"; } +.ri-eye-2-line:before { content: "\ecb1"; } +.ri-eye-close-fill:before { content: "\ecb2"; } +.ri-eye-close-line:before { content: "\ecb3"; } +.ri-eye-fill:before { content: "\ecb4"; } +.ri-eye-line:before { content: "\ecb5"; } +.ri-eye-off-fill:before { content: "\ecb6"; } +.ri-eye-off-line:before { content: "\ecb7"; } +.ri-facebook-box-fill:before { content: "\ecb8"; } +.ri-facebook-box-line:before { content: "\ecb9"; } +.ri-facebook-circle-fill:before { content: "\ecba"; } +.ri-facebook-circle-line:before { content: "\ecbb"; } +.ri-facebook-fill:before { content: "\ecbc"; } +.ri-facebook-line:before { content: "\ecbd"; } +.ri-fahrenheit-fill:before { content: "\ecbe"; } +.ri-fahrenheit-line:before { content: "\ecbf"; } +.ri-feedback-fill:before { content: "\ecc0"; } +.ri-feedback-line:before { content: "\ecc1"; } +.ri-file-2-fill:before { content: "\ecc2"; } +.ri-file-2-line:before { content: "\ecc3"; } +.ri-file-3-fill:before { content: "\ecc4"; } +.ri-file-3-line:before { content: "\ecc5"; } +.ri-file-4-fill:before { content: "\ecc6"; } +.ri-file-4-line:before { content: "\ecc7"; } +.ri-file-add-fill:before { content: "\ecc8"; } +.ri-file-add-line:before { content: "\ecc9"; } +.ri-file-chart-2-fill:before { content: "\ecca"; } +.ri-file-chart-2-line:before { content: "\eccb"; } +.ri-file-chart-fill:before { content: "\eccc"; } +.ri-file-chart-line:before { content: "\eccd"; } +.ri-file-cloud-fill:before { content: "\ecce"; } +.ri-file-cloud-line:before { content: "\eccf"; } +.ri-file-code-fill:before { content: "\ecd0"; } +.ri-file-code-line:before { content: "\ecd1"; } +.ri-file-copy-2-fill:before { content: "\ecd2"; } +.ri-file-copy-2-line:before { content: "\ecd3"; } +.ri-file-copy-fill:before { content: "\ecd4"; } +.ri-file-copy-line:before { content: "\ecd5"; } +.ri-file-damage-fill:before { content: "\ecd6"; } +.ri-file-damage-line:before { content: "\ecd7"; } +.ri-file-download-fill:before { content: "\ecd8"; } +.ri-file-download-line:before { content: "\ecd9"; } +.ri-file-edit-fill:before { content: "\ecda"; } +.ri-file-edit-line:before { content: "\ecdb"; } +.ri-file-excel-2-fill:before { content: "\ecdc"; } +.ri-file-excel-2-line:before { content: "\ecdd"; } +.ri-file-excel-fill:before { content: "\ecde"; } +.ri-file-excel-line:before { content: "\ecdf"; } +.ri-file-fill:before { content: "\ece0"; } +.ri-file-forbid-fill:before { content: "\ece1"; } +.ri-file-forbid-line:before { content: "\ece2"; } +.ri-file-gif-fill:before { content: "\ece3"; } +.ri-file-gif-line:before { content: "\ece4"; } +.ri-file-history-fill:before { content: "\ece5"; } +.ri-file-history-line:before { content: "\ece6"; } +.ri-file-hwp-fill:before { content: "\ece7"; } +.ri-file-hwp-line:before { content: "\ece8"; } +.ri-file-info-fill:before { content: "\ece9"; } +.ri-file-info-line:before { content: "\ecea"; } +.ri-file-line:before { content: "\eceb"; } +.ri-file-list-2-fill:before { content: "\ecec"; } +.ri-file-list-2-line:before { content: "\eced"; } +.ri-file-list-3-fill:before { content: "\ecee"; } +.ri-file-list-3-line:before { content: "\ecef"; } +.ri-file-list-fill:before { content: "\ecf0"; } +.ri-file-list-line:before { content: "\ecf1"; } +.ri-file-lock-fill:before { content: "\ecf2"; } +.ri-file-lock-line:before { content: "\ecf3"; } +.ri-file-mark-fill:before { content: "\ecf4"; } +.ri-file-mark-line:before { content: "\ecf5"; } +.ri-file-music-fill:before { content: "\ecf6"; } +.ri-file-music-line:before { content: "\ecf7"; } +.ri-file-paper-2-fill:before { content: "\ecf8"; } +.ri-file-paper-2-line:before { content: "\ecf9"; } +.ri-file-paper-fill:before { content: "\ecfa"; } +.ri-file-paper-line:before { content: "\ecfb"; } +.ri-file-pdf-fill:before { content: "\ecfc"; } +.ri-file-pdf-line:before { content: "\ecfd"; } +.ri-file-ppt-2-fill:before { content: "\ecfe"; } +.ri-file-ppt-2-line:before { content: "\ecff"; } +.ri-file-ppt-fill:before { content: "\ed00"; } +.ri-file-ppt-line:before { content: "\ed01"; } +.ri-file-reduce-fill:before { content: "\ed02"; } +.ri-file-reduce-line:before { content: "\ed03"; } +.ri-file-search-fill:before { content: "\ed04"; } +.ri-file-search-line:before { content: "\ed05"; } +.ri-file-settings-fill:before { content: "\ed06"; } +.ri-file-settings-line:before { content: "\ed07"; } +.ri-file-shield-2-fill:before { content: "\ed08"; } +.ri-file-shield-2-line:before { content: "\ed09"; } +.ri-file-shield-fill:before { content: "\ed0a"; } +.ri-file-shield-line:before { content: "\ed0b"; } +.ri-file-shred-fill:before { content: "\ed0c"; } +.ri-file-shred-line:before { content: "\ed0d"; } +.ri-file-text-fill:before { content: "\ed0e"; } +.ri-file-text-line:before { content: "\ed0f"; } +.ri-file-transfer-fill:before { content: "\ed10"; } +.ri-file-transfer-line:before { content: "\ed11"; } +.ri-file-unknow-fill:before { content: "\ed12"; } +.ri-file-unknow-line:before { content: "\ed13"; } +.ri-file-upload-fill:before { content: "\ed14"; } +.ri-file-upload-line:before { content: "\ed15"; } +.ri-file-user-fill:before { content: "\ed16"; } +.ri-file-user-line:before { content: "\ed17"; } +.ri-file-warning-fill:before { content: "\ed18"; } +.ri-file-warning-line:before { content: "\ed19"; } +.ri-file-word-2-fill:before { content: "\ed1a"; } +.ri-file-word-2-line:before { content: "\ed1b"; } +.ri-file-word-fill:before { content: "\ed1c"; } +.ri-file-word-line:before { content: "\ed1d"; } +.ri-file-zip-fill:before { content: "\ed1e"; } +.ri-file-zip-line:before { content: "\ed1f"; } +.ri-film-fill:before { content: "\ed20"; } +.ri-film-line:before { content: "\ed21"; } +.ri-filter-2-fill:before { content: "\ed22"; } +.ri-filter-2-line:before { content: "\ed23"; } +.ri-filter-3-fill:before { content: "\ed24"; } +.ri-filter-3-line:before { content: "\ed25"; } +.ri-filter-fill:before { content: "\ed26"; } +.ri-filter-line:before { content: "\ed27"; } +.ri-filter-off-fill:before { content: "\ed28"; } +.ri-filter-off-line:before { content: "\ed29"; } +.ri-find-replace-fill:before { content: "\ed2a"; } +.ri-find-replace-line:before { content: "\ed2b"; } +.ri-finder-fill:before { content: "\ed2c"; } +.ri-finder-line:before { content: "\ed2d"; } +.ri-fingerprint-2-fill:before { content: "\ed2e"; } +.ri-fingerprint-2-line:before { content: "\ed2f"; } +.ri-fingerprint-fill:before { content: "\ed30"; } +.ri-fingerprint-line:before { content: "\ed31"; } +.ri-fire-fill:before { content: "\ed32"; } +.ri-fire-line:before { content: "\ed33"; } +.ri-firefox-fill:before { content: "\ed34"; } +.ri-firefox-line:before { content: "\ed35"; } +.ri-first-aid-kit-fill:before { content: "\ed36"; } +.ri-first-aid-kit-line:before { content: "\ed37"; } +.ri-flag-2-fill:before { content: "\ed38"; } +.ri-flag-2-line:before { content: "\ed39"; } +.ri-flag-fill:before { content: "\ed3a"; } +.ri-flag-line:before { content: "\ed3b"; } +.ri-flashlight-fill:before { content: "\ed3c"; } +.ri-flashlight-line:before { content: "\ed3d"; } +.ri-flask-fill:before { content: "\ed3e"; } +.ri-flask-line:before { content: "\ed3f"; } +.ri-flight-land-fill:before { content: "\ed40"; } +.ri-flight-land-line:before { content: "\ed41"; } +.ri-flight-takeoff-fill:before { content: "\ed42"; } +.ri-flight-takeoff-line:before { content: "\ed43"; } +.ri-flood-fill:before { content: "\ed44"; } +.ri-flood-line:before { content: "\ed45"; } +.ri-flow-chart:before { content: "\ed46"; } +.ri-flutter-fill:before { content: "\ed47"; } +.ri-flutter-line:before { content: "\ed48"; } +.ri-focus-2-fill:before { content: "\ed49"; } +.ri-focus-2-line:before { content: "\ed4a"; } +.ri-focus-3-fill:before { content: "\ed4b"; } +.ri-focus-3-line:before { content: "\ed4c"; } +.ri-focus-fill:before { content: "\ed4d"; } +.ri-focus-line:before { content: "\ed4e"; } +.ri-foggy-fill:before { content: "\ed4f"; } +.ri-foggy-line:before { content: "\ed50"; } +.ri-folder-2-fill:before { content: "\ed51"; } +.ri-folder-2-line:before { content: "\ed52"; } +.ri-folder-3-fill:before { content: "\ed53"; } +.ri-folder-3-line:before { content: "\ed54"; } +.ri-folder-4-fill:before { content: "\ed55"; } +.ri-folder-4-line:before { content: "\ed56"; } +.ri-folder-5-fill:before { content: "\ed57"; } +.ri-folder-5-line:before { content: "\ed58"; } +.ri-folder-add-fill:before { content: "\ed59"; } +.ri-folder-add-line:before { content: "\ed5a"; } +.ri-folder-chart-2-fill:before { content: "\ed5b"; } +.ri-folder-chart-2-line:before { content: "\ed5c"; } +.ri-folder-chart-fill:before { content: "\ed5d"; } +.ri-folder-chart-line:before { content: "\ed5e"; } +.ri-folder-download-fill:before { content: "\ed5f"; } +.ri-folder-download-line:before { content: "\ed60"; } +.ri-folder-fill:before { content: "\ed61"; } +.ri-folder-forbid-fill:before { content: "\ed62"; } +.ri-folder-forbid-line:before { content: "\ed63"; } +.ri-folder-history-fill:before { content: "\ed64"; } +.ri-folder-history-line:before { content: "\ed65"; } +.ri-folder-info-fill:before { content: "\ed66"; } +.ri-folder-info-line:before { content: "\ed67"; } +.ri-folder-keyhole-fill:before { content: "\ed68"; } +.ri-folder-keyhole-line:before { content: "\ed69"; } +.ri-folder-line:before { content: "\ed6a"; } +.ri-folder-lock-fill:before { content: "\ed6b"; } +.ri-folder-lock-line:before { content: "\ed6c"; } +.ri-folder-music-fill:before { content: "\ed6d"; } +.ri-folder-music-line:before { content: "\ed6e"; } +.ri-folder-open-fill:before { content: "\ed6f"; } +.ri-folder-open-line:before { content: "\ed70"; } +.ri-folder-received-fill:before { content: "\ed71"; } +.ri-folder-received-line:before { content: "\ed72"; } +.ri-folder-reduce-fill:before { content: "\ed73"; } +.ri-folder-reduce-line:before { content: "\ed74"; } +.ri-folder-settings-fill:before { content: "\ed75"; } +.ri-folder-settings-line:before { content: "\ed76"; } +.ri-folder-shared-fill:before { content: "\ed77"; } +.ri-folder-shared-line:before { content: "\ed78"; } +.ri-folder-shield-2-fill:before { content: "\ed79"; } +.ri-folder-shield-2-line:before { content: "\ed7a"; } +.ri-folder-shield-fill:before { content: "\ed7b"; } +.ri-folder-shield-line:before { content: "\ed7c"; } +.ri-folder-transfer-fill:before { content: "\ed7d"; } +.ri-folder-transfer-line:before { content: "\ed7e"; } +.ri-folder-unknow-fill:before { content: "\ed7f"; } +.ri-folder-unknow-line:before { content: "\ed80"; } +.ri-folder-upload-fill:before { content: "\ed81"; } +.ri-folder-upload-line:before { content: "\ed82"; } +.ri-folder-user-fill:before { content: "\ed83"; } +.ri-folder-user-line:before { content: "\ed84"; } +.ri-folder-warning-fill:before { content: "\ed85"; } +.ri-folder-warning-line:before { content: "\ed86"; } +.ri-folder-zip-fill:before { content: "\ed87"; } +.ri-folder-zip-line:before { content: "\ed88"; } +.ri-folders-fill:before { content: "\ed89"; } +.ri-folders-line:before { content: "\ed8a"; } +.ri-font-color:before { content: "\ed8b"; } +.ri-font-size-2:before { content: "\ed8c"; } +.ri-font-size:before { content: "\ed8d"; } +.ri-football-fill:before { content: "\ed8e"; } +.ri-football-line:before { content: "\ed8f"; } +.ri-footprint-fill:before { content: "\ed90"; } +.ri-footprint-line:before { content: "\ed91"; } +.ri-forbid-2-fill:before { content: "\ed92"; } +.ri-forbid-2-line:before { content: "\ed93"; } +.ri-forbid-fill:before { content: "\ed94"; } +.ri-forbid-line:before { content: "\ed95"; } +.ri-format-clear:before { content: "\ed96"; } +.ri-fridge-fill:before { content: "\ed97"; } +.ri-fridge-line:before { content: "\ed98"; } +.ri-fullscreen-exit-fill:before { content: "\ed99"; } +.ri-fullscreen-exit-line:before { content: "\ed9a"; } +.ri-fullscreen-fill:before { content: "\ed9b"; } +.ri-fullscreen-line:before { content: "\ed9c"; } +.ri-function-fill:before { content: "\ed9d"; } +.ri-function-line:before { content: "\ed9e"; } +.ri-functions:before { content: "\ed9f"; } +.ri-funds-box-fill:before { content: "\eda0"; } +.ri-funds-box-line:before { content: "\eda1"; } +.ri-funds-fill:before { content: "\eda2"; } +.ri-funds-line:before { content: "\eda3"; } +.ri-gallery-fill:before { content: "\eda4"; } +.ri-gallery-line:before { content: "\eda5"; } +.ri-gallery-upload-fill:before { content: "\eda6"; } +.ri-gallery-upload-line:before { content: "\eda7"; } +.ri-game-fill:before { content: "\eda8"; } +.ri-game-line:before { content: "\eda9"; } +.ri-gamepad-fill:before { content: "\edaa"; } +.ri-gamepad-line:before { content: "\edab"; } +.ri-gas-station-fill:before { content: "\edac"; } +.ri-gas-station-line:before { content: "\edad"; } +.ri-gatsby-fill:before { content: "\edae"; } +.ri-gatsby-line:before { content: "\edaf"; } +.ri-genderless-fill:before { content: "\edb0"; } +.ri-genderless-line:before { content: "\edb1"; } +.ri-ghost-2-fill:before { content: "\edb2"; } +.ri-ghost-2-line:before { content: "\edb3"; } +.ri-ghost-fill:before { content: "\edb4"; } +.ri-ghost-line:before { content: "\edb5"; } +.ri-ghost-smile-fill:before { content: "\edb6"; } +.ri-ghost-smile-line:before { content: "\edb7"; } +.ri-gift-2-fill:before { content: "\edb8"; } +.ri-gift-2-line:before { content: "\edb9"; } +.ri-gift-fill:before { content: "\edba"; } +.ri-gift-line:before { content: "\edbb"; } +.ri-git-branch-fill:before { content: "\edbc"; } +.ri-git-branch-line:before { content: "\edbd"; } +.ri-git-commit-fill:before { content: "\edbe"; } +.ri-git-commit-line:before { content: "\edbf"; } +.ri-git-merge-fill:before { content: "\edc0"; } +.ri-git-merge-line:before { content: "\edc1"; } +.ri-git-pull-request-fill:before { content: "\edc2"; } +.ri-git-pull-request-line:before { content: "\edc3"; } +.ri-git-repository-commits-fill:before { content: "\edc4"; } +.ri-git-repository-commits-line:before { content: "\edc5"; } +.ri-git-repository-fill:before { content: "\edc6"; } +.ri-git-repository-line:before { content: "\edc7"; } +.ri-git-repository-private-fill:before { content: "\edc8"; } +.ri-git-repository-private-line:before { content: "\edc9"; } +.ri-github-fill:before { content: "\edca"; } +.ri-github-line:before { content: "\edcb"; } +.ri-gitlab-fill:before { content: "\edcc"; } +.ri-gitlab-line:before { content: "\edcd"; } +.ri-global-fill:before { content: "\edce"; } +.ri-global-line:before { content: "\edcf"; } +.ri-globe-fill:before { content: "\edd0"; } +.ri-globe-line:before { content: "\edd1"; } +.ri-goblet-fill:before { content: "\edd2"; } +.ri-goblet-line:before { content: "\edd3"; } +.ri-google-fill:before { content: "\edd4"; } +.ri-google-line:before { content: "\edd5"; } +.ri-google-play-fill:before { content: "\edd6"; } +.ri-google-play-line:before { content: "\edd7"; } +.ri-government-fill:before { content: "\edd8"; } +.ri-government-line:before { content: "\edd9"; } +.ri-gps-fill:before { content: "\edda"; } +.ri-gps-line:before { content: "\eddb"; } +.ri-gradienter-fill:before { content: "\eddc"; } +.ri-gradienter-line:before { content: "\eddd"; } +.ri-grid-fill:before { content: "\edde"; } +.ri-grid-line:before { content: "\eddf"; } +.ri-group-2-fill:before { content: "\ede0"; } +.ri-group-2-line:before { content: "\ede1"; } +.ri-group-fill:before { content: "\ede2"; } +.ri-group-line:before { content: "\ede3"; } +.ri-guide-fill:before { content: "\ede4"; } +.ri-guide-line:before { content: "\ede5"; } +.ri-h-1:before { content: "\ede6"; } +.ri-h-2:before { content: "\ede7"; } +.ri-h-3:before { content: "\ede8"; } +.ri-h-4:before { content: "\ede9"; } +.ri-h-5:before { content: "\edea"; } +.ri-h-6:before { content: "\edeb"; } +.ri-hail-fill:before { content: "\edec"; } +.ri-hail-line:before { content: "\eded"; } +.ri-hammer-fill:before { content: "\edee"; } +.ri-hammer-line:before { content: "\edef"; } +.ri-hand-coin-fill:before { content: "\edf0"; } +.ri-hand-coin-line:before { content: "\edf1"; } +.ri-hand-heart-fill:before { content: "\edf2"; } +.ri-hand-heart-line:before { content: "\edf3"; } +.ri-hand-sanitizer-fill:before { content: "\edf4"; } +.ri-hand-sanitizer-line:before { content: "\edf5"; } +.ri-handbag-fill:before { content: "\edf6"; } +.ri-handbag-line:before { content: "\edf7"; } +.ri-hard-drive-2-fill:before { content: "\edf8"; } +.ri-hard-drive-2-line:before { content: "\edf9"; } +.ri-hard-drive-fill:before { content: "\edfa"; } +.ri-hard-drive-line:before { content: "\edfb"; } +.ri-hashtag:before { content: "\edfc"; } +.ri-haze-2-fill:before { content: "\edfd"; } +.ri-haze-2-line:before { content: "\edfe"; } +.ri-haze-fill:before { content: "\edff"; } +.ri-haze-line:before { content: "\ee00"; } +.ri-hd-fill:before { content: "\ee01"; } +.ri-hd-line:before { content: "\ee02"; } +.ri-heading:before { content: "\ee03"; } +.ri-headphone-fill:before { content: "\ee04"; } +.ri-headphone-line:before { content: "\ee05"; } +.ri-health-book-fill:before { content: "\ee06"; } +.ri-health-book-line:before { content: "\ee07"; } +.ri-heart-2-fill:before { content: "\ee08"; } +.ri-heart-2-line:before { content: "\ee09"; } +.ri-heart-3-fill:before { content: "\ee0a"; } +.ri-heart-3-line:before { content: "\ee0b"; } +.ri-heart-add-fill:before { content: "\ee0c"; } +.ri-heart-add-line:before { content: "\ee0d"; } +.ri-heart-fill:before { content: "\ee0e"; } +.ri-heart-line:before { content: "\ee0f"; } +.ri-heart-pulse-fill:before { content: "\ee10"; } +.ri-heart-pulse-line:before { content: "\ee11"; } +.ri-hearts-fill:before { content: "\ee12"; } +.ri-hearts-line:before { content: "\ee13"; } +.ri-heavy-showers-fill:before { content: "\ee14"; } +.ri-heavy-showers-line:before { content: "\ee15"; } +.ri-history-fill:before { content: "\ee16"; } +.ri-history-line:before { content: "\ee17"; } +.ri-home-2-fill:before { content: "\ee18"; } +.ri-home-2-line:before { content: "\ee19"; } +.ri-home-3-fill:before { content: "\ee1a"; } +.ri-home-3-line:before { content: "\ee1b"; } +.ri-home-4-fill:before { content: "\ee1c"; } +.ri-home-4-line:before { content: "\ee1d"; } +.ri-home-5-fill:before { content: "\ee1e"; } +.ri-home-5-line:before { content: "\ee1f"; } +.ri-home-6-fill:before { content: "\ee20"; } +.ri-home-6-line:before { content: "\ee21"; } +.ri-home-7-fill:before { content: "\ee22"; } +.ri-home-7-line:before { content: "\ee23"; } +.ri-home-8-fill:before { content: "\ee24"; } +.ri-home-8-line:before { content: "\ee25"; } +.ri-home-fill:before { content: "\ee26"; } +.ri-home-gear-fill:before { content: "\ee27"; } +.ri-home-gear-line:before { content: "\ee28"; } +.ri-home-heart-fill:before { content: "\ee29"; } +.ri-home-heart-line:before { content: "\ee2a"; } +.ri-home-line:before { content: "\ee2b"; } +.ri-home-smile-2-fill:before { content: "\ee2c"; } +.ri-home-smile-2-line:before { content: "\ee2d"; } +.ri-home-smile-fill:before { content: "\ee2e"; } +.ri-home-smile-line:before { content: "\ee2f"; } +.ri-home-wifi-fill:before { content: "\ee30"; } +.ri-home-wifi-line:before { content: "\ee31"; } +.ri-honor-of-kings-fill:before { content: "\ee32"; } +.ri-honor-of-kings-line:before { content: "\ee33"; } +.ri-honour-fill:before { content: "\ee34"; } +.ri-honour-line:before { content: "\ee35"; } +.ri-hospital-fill:before { content: "\ee36"; } +.ri-hospital-line:before { content: "\ee37"; } +.ri-hotel-bed-fill:before { content: "\ee38"; } +.ri-hotel-bed-line:before { content: "\ee39"; } +.ri-hotel-fill:before { content: "\ee3a"; } +.ri-hotel-line:before { content: "\ee3b"; } +.ri-hotspot-fill:before { content: "\ee3c"; } +.ri-hotspot-line:before { content: "\ee3d"; } +.ri-hq-fill:before { content: "\ee3e"; } +.ri-hq-line:before { content: "\ee3f"; } +.ri-html5-fill:before { content: "\ee40"; } +.ri-html5-line:before { content: "\ee41"; } +.ri-ie-fill:before { content: "\ee42"; } +.ri-ie-line:before { content: "\ee43"; } +.ri-image-2-fill:before { content: "\ee44"; } +.ri-image-2-line:before { content: "\ee45"; } +.ri-image-add-fill:before { content: "\ee46"; } +.ri-image-add-line:before { content: "\ee47"; } +.ri-image-edit-fill:before { content: "\ee48"; } +.ri-image-edit-line:before { content: "\ee49"; } +.ri-image-fill:before { content: "\ee4a"; } +.ri-image-line:before { content: "\ee4b"; } +.ri-inbox-archive-fill:before { content: "\ee4c"; } +.ri-inbox-archive-line:before { content: "\ee4d"; } +.ri-inbox-fill:before { content: "\ee4e"; } +.ri-inbox-line:before { content: "\ee4f"; } +.ri-inbox-unarchive-fill:before { content: "\ee50"; } +.ri-inbox-unarchive-line:before { content: "\ee51"; } +.ri-increase-decrease-fill:before { content: "\ee52"; } +.ri-increase-decrease-line:before { content: "\ee53"; } +.ri-indent-decrease:before { content: "\ee54"; } +.ri-indent-increase:before { content: "\ee55"; } +.ri-indeterminate-circle-fill:before { content: "\ee56"; } +.ri-indeterminate-circle-line:before { content: "\ee57"; } +.ri-information-fill:before { content: "\ee58"; } +.ri-information-line:before { content: "\ee59"; } +.ri-infrared-thermometer-fill:before { content: "\ee5a"; } +.ri-infrared-thermometer-line:before { content: "\ee5b"; } +.ri-ink-bottle-fill:before { content: "\ee5c"; } +.ri-ink-bottle-line:before { content: "\ee5d"; } +.ri-input-cursor-move:before { content: "\ee5e"; } +.ri-input-method-fill:before { content: "\ee5f"; } +.ri-input-method-line:before { content: "\ee60"; } +.ri-insert-column-left:before { content: "\ee61"; } +.ri-insert-column-right:before { content: "\ee62"; } +.ri-insert-row-bottom:before { content: "\ee63"; } +.ri-insert-row-top:before { content: "\ee64"; } +.ri-instagram-fill:before { content: "\ee65"; } +.ri-instagram-line:before { content: "\ee66"; } +.ri-install-fill:before { content: "\ee67"; } +.ri-install-line:before { content: "\ee68"; } +.ri-invision-fill:before { content: "\ee69"; } +.ri-invision-line:before { content: "\ee6a"; } +.ri-italic:before { content: "\ee6b"; } +.ri-kakao-talk-fill:before { content: "\ee6c"; } +.ri-kakao-talk-line:before { content: "\ee6d"; } +.ri-key-2-fill:before { content: "\ee6e"; } +.ri-key-2-line:before { content: "\ee6f"; } +.ri-key-fill:before { content: "\ee70"; } +.ri-key-line:before { content: "\ee71"; } +.ri-keyboard-box-fill:before { content: "\ee72"; } +.ri-keyboard-box-line:before { content: "\ee73"; } +.ri-keyboard-fill:before { content: "\ee74"; } +.ri-keyboard-line:before { content: "\ee75"; } +.ri-keynote-fill:before { content: "\ee76"; } +.ri-keynote-line:before { content: "\ee77"; } +.ri-knife-blood-fill:before { content: "\ee78"; } +.ri-knife-blood-line:before { content: "\ee79"; } +.ri-knife-fill:before { content: "\ee7a"; } +.ri-knife-line:before { content: "\ee7b"; } +.ri-landscape-fill:before { content: "\ee7c"; } +.ri-landscape-line:before { content: "\ee7d"; } +.ri-layout-2-fill:before { content: "\ee7e"; } +.ri-layout-2-line:before { content: "\ee7f"; } +.ri-layout-3-fill:before { content: "\ee80"; } +.ri-layout-3-line:before { content: "\ee81"; } +.ri-layout-4-fill:before { content: "\ee82"; } +.ri-layout-4-line:before { content: "\ee83"; } +.ri-layout-5-fill:before { content: "\ee84"; } +.ri-layout-5-line:before { content: "\ee85"; } +.ri-layout-6-fill:before { content: "\ee86"; } +.ri-layout-6-line:before { content: "\ee87"; } +.ri-layout-bottom-2-fill:before { content: "\ee88"; } +.ri-layout-bottom-2-line:before { content: "\ee89"; } +.ri-layout-bottom-fill:before { content: "\ee8a"; } +.ri-layout-bottom-line:before { content: "\ee8b"; } +.ri-layout-column-fill:before { content: "\ee8c"; } +.ri-layout-column-line:before { content: "\ee8d"; } +.ri-layout-fill:before { content: "\ee8e"; } +.ri-layout-grid-fill:before { content: "\ee8f"; } +.ri-layout-grid-line:before { content: "\ee90"; } +.ri-layout-left-2-fill:before { content: "\ee91"; } +.ri-layout-left-2-line:before { content: "\ee92"; } +.ri-layout-left-fill:before { content: "\ee93"; } +.ri-layout-left-line:before { content: "\ee94"; } +.ri-layout-line:before { content: "\ee95"; } +.ri-layout-masonry-fill:before { content: "\ee96"; } +.ri-layout-masonry-line:before { content: "\ee97"; } +.ri-layout-right-2-fill:before { content: "\ee98"; } +.ri-layout-right-2-line:before { content: "\ee99"; } +.ri-layout-right-fill:before { content: "\ee9a"; } +.ri-layout-right-line:before { content: "\ee9b"; } +.ri-layout-row-fill:before { content: "\ee9c"; } +.ri-layout-row-line:before { content: "\ee9d"; } +.ri-layout-top-2-fill:before { content: "\ee9e"; } +.ri-layout-top-2-line:before { content: "\ee9f"; } +.ri-layout-top-fill:before { content: "\eea0"; } +.ri-layout-top-line:before { content: "\eea1"; } +.ri-leaf-fill:before { content: "\eea2"; } +.ri-leaf-line:before { content: "\eea3"; } +.ri-lifebuoy-fill:before { content: "\eea4"; } +.ri-lifebuoy-line:before { content: "\eea5"; } +.ri-lightbulb-fill:before { content: "\eea6"; } +.ri-lightbulb-flash-fill:before { content: "\eea7"; } +.ri-lightbulb-flash-line:before { content: "\eea8"; } +.ri-lightbulb-line:before { content: "\eea9"; } +.ri-line-chart-fill:before { content: "\eeaa"; } +.ri-line-chart-line:before { content: "\eeab"; } +.ri-line-fill:before { content: "\eeac"; } +.ri-line-height:before { content: "\eead"; } +.ri-line-line:before { content: "\eeae"; } +.ri-link-m:before { content: "\eeaf"; } +.ri-link-unlink-m:before { content: "\eeb0"; } +.ri-link-unlink:before { content: "\eeb1"; } +.ri-link:before { content: "\eeb2"; } +.ri-linkedin-box-fill:before { content: "\eeb3"; } +.ri-linkedin-box-line:before { content: "\eeb4"; } +.ri-linkedin-fill:before { content: "\eeb5"; } +.ri-linkedin-line:before { content: "\eeb6"; } +.ri-links-fill:before { content: "\eeb7"; } +.ri-links-line:before { content: "\eeb8"; } +.ri-list-check-2:before { content: "\eeb9"; } +.ri-list-check:before { content: "\eeba"; } +.ri-list-ordered:before { content: "\eebb"; } +.ri-list-settings-fill:before { content: "\eebc"; } +.ri-list-settings-line:before { content: "\eebd"; } +.ri-list-unordered:before { content: "\eebe"; } +.ri-live-fill:before { content: "\eebf"; } +.ri-live-line:before { content: "\eec0"; } +.ri-loader-2-fill:before { content: "\eec1"; } +.ri-loader-2-line:before { content: "\eec2"; } +.ri-loader-3-fill:before { content: "\eec3"; } +.ri-loader-3-line:before { content: "\eec4"; } +.ri-loader-4-fill:before { content: "\eec5"; } +.ri-loader-4-line:before { content: "\eec6"; } +.ri-loader-5-fill:before { content: "\eec7"; } +.ri-loader-5-line:before { content: "\eec8"; } +.ri-loader-fill:before { content: "\eec9"; } +.ri-loader-line:before { content: "\eeca"; } +.ri-lock-2-fill:before { content: "\eecb"; } +.ri-lock-2-line:before { content: "\eecc"; } +.ri-lock-fill:before { content: "\eecd"; } +.ri-lock-line:before { content: "\eece"; } +.ri-lock-password-fill:before { content: "\eecf"; } +.ri-lock-password-line:before { content: "\eed0"; } +.ri-lock-unlock-fill:before { content: "\eed1"; } +.ri-lock-unlock-line:before { content: "\eed2"; } +.ri-login-box-fill:before { content: "\eed3"; } +.ri-login-box-line:before { content: "\eed4"; } +.ri-login-circle-fill:before { content: "\eed5"; } +.ri-login-circle-line:before { content: "\eed6"; } +.ri-logout-box-fill:before { content: "\eed7"; } +.ri-logout-box-line:before { content: "\eed8"; } +.ri-logout-box-r-fill:before { content: "\eed9"; } +.ri-logout-box-r-line:before { content: "\eeda"; } +.ri-logout-circle-fill:before { content: "\eedb"; } +.ri-logout-circle-line:before { content: "\eedc"; } +.ri-logout-circle-r-fill:before { content: "\eedd"; } +.ri-logout-circle-r-line:before { content: "\eede"; } +.ri-luggage-cart-fill:before { content: "\eedf"; } +.ri-luggage-cart-line:before { content: "\eee0"; } +.ri-luggage-deposit-fill:before { content: "\eee1"; } +.ri-luggage-deposit-line:before { content: "\eee2"; } +.ri-lungs-fill:before { content: "\eee3"; } +.ri-lungs-line:before { content: "\eee4"; } +.ri-mac-fill:before { content: "\eee5"; } +.ri-mac-line:before { content: "\eee6"; } +.ri-macbook-fill:before { content: "\eee7"; } +.ri-macbook-line:before { content: "\eee8"; } +.ri-magic-fill:before { content: "\eee9"; } +.ri-magic-line:before { content: "\eeea"; } +.ri-mail-add-fill:before { content: "\eeeb"; } +.ri-mail-add-line:before { content: "\eeec"; } +.ri-mail-check-fill:before { content: "\eeed"; } +.ri-mail-check-line:before { content: "\eeee"; } +.ri-mail-close-fill:before { content: "\eeef"; } +.ri-mail-close-line:before { content: "\eef0"; } +.ri-mail-download-fill:before { content: "\eef1"; } +.ri-mail-download-line:before { content: "\eef2"; } +.ri-mail-fill:before { content: "\eef3"; } +.ri-mail-forbid-fill:before { content: "\eef4"; } +.ri-mail-forbid-line:before { content: "\eef5"; } +.ri-mail-line:before { content: "\eef6"; } +.ri-mail-lock-fill:before { content: "\eef7"; } +.ri-mail-lock-line:before { content: "\eef8"; } +.ri-mail-open-fill:before { content: "\eef9"; } +.ri-mail-open-line:before { content: "\eefa"; } +.ri-mail-send-fill:before { content: "\eefb"; } +.ri-mail-send-line:before { content: "\eefc"; } +.ri-mail-settings-fill:before { content: "\eefd"; } +.ri-mail-settings-line:before { content: "\eefe"; } +.ri-mail-star-fill:before { content: "\eeff"; } +.ri-mail-star-line:before { content: "\ef00"; } +.ri-mail-unread-fill:before { content: "\ef01"; } +.ri-mail-unread-line:before { content: "\ef02"; } +.ri-mail-volume-fill:before { content: "\ef03"; } +.ri-mail-volume-line:before { content: "\ef04"; } +.ri-map-2-fill:before { content: "\ef05"; } +.ri-map-2-line:before { content: "\ef06"; } +.ri-map-fill:before { content: "\ef07"; } +.ri-map-line:before { content: "\ef08"; } +.ri-map-pin-2-fill:before { content: "\ef09"; } +.ri-map-pin-2-line:before { content: "\ef0a"; } +.ri-map-pin-3-fill:before { content: "\ef0b"; } +.ri-map-pin-3-line:before { content: "\ef0c"; } +.ri-map-pin-4-fill:before { content: "\ef0d"; } +.ri-map-pin-4-line:before { content: "\ef0e"; } +.ri-map-pin-5-fill:before { content: "\ef0f"; } +.ri-map-pin-5-line:before { content: "\ef10"; } +.ri-map-pin-add-fill:before { content: "\ef11"; } +.ri-map-pin-add-line:before { content: "\ef12"; } +.ri-map-pin-fill:before { content: "\ef13"; } +.ri-map-pin-line:before { content: "\ef14"; } +.ri-map-pin-range-fill:before { content: "\ef15"; } +.ri-map-pin-range-line:before { content: "\ef16"; } +.ri-map-pin-time-fill:before { content: "\ef17"; } +.ri-map-pin-time-line:before { content: "\ef18"; } +.ri-map-pin-user-fill:before { content: "\ef19"; } +.ri-map-pin-user-line:before { content: "\ef1a"; } +.ri-mark-pen-fill:before { content: "\ef1b"; } +.ri-mark-pen-line:before { content: "\ef1c"; } +.ri-markdown-fill:before { content: "\ef1d"; } +.ri-markdown-line:before { content: "\ef1e"; } +.ri-markup-fill:before { content: "\ef1f"; } +.ri-markup-line:before { content: "\ef20"; } +.ri-mastercard-fill:before { content: "\ef21"; } +.ri-mastercard-line:before { content: "\ef22"; } +.ri-mastodon-fill:before { content: "\ef23"; } +.ri-mastodon-line:before { content: "\ef24"; } +.ri-medal-2-fill:before { content: "\ef25"; } +.ri-medal-2-line:before { content: "\ef26"; } +.ri-medal-fill:before { content: "\ef27"; } +.ri-medal-line:before { content: "\ef28"; } +.ri-medicine-bottle-fill:before { content: "\ef29"; } +.ri-medicine-bottle-line:before { content: "\ef2a"; } +.ri-medium-fill:before { content: "\ef2b"; } +.ri-medium-line:before { content: "\ef2c"; } +.ri-men-fill:before { content: "\ef2d"; } +.ri-men-line:before { content: "\ef2e"; } +.ri-mental-health-fill:before { content: "\ef2f"; } +.ri-mental-health-line:before { content: "\ef30"; } +.ri-menu-2-fill:before { content: "\ef31"; } +.ri-menu-2-line:before { content: "\ef32"; } +.ri-menu-3-fill:before { content: "\ef33"; } +.ri-menu-3-line:before { content: "\ef34"; } +.ri-menu-4-fill:before { content: "\ef35"; } +.ri-menu-4-line:before { content: "\ef36"; } +.ri-menu-5-fill:before { content: "\ef37"; } +.ri-menu-5-line:before { content: "\ef38"; } +.ri-menu-add-fill:before { content: "\ef39"; } +.ri-menu-add-line:before { content: "\ef3a"; } +.ri-menu-fill:before { content: "\ef3b"; } +.ri-menu-fold-fill:before { content: "\ef3c"; } +.ri-menu-fold-line:before { content: "\ef3d"; } +.ri-menu-line:before { content: "\ef3e"; } +.ri-menu-unfold-fill:before { content: "\ef3f"; } +.ri-menu-unfold-line:before { content: "\ef40"; } +.ri-merge-cells-horizontal:before { content: "\ef41"; } +.ri-merge-cells-vertical:before { content: "\ef42"; } +.ri-message-2-fill:before { content: "\ef43"; } +.ri-message-2-line:before { content: "\ef44"; } +.ri-message-3-fill:before { content: "\ef45"; } +.ri-message-3-line:before { content: "\ef46"; } +.ri-message-fill:before { content: "\ef47"; } +.ri-message-line:before { content: "\ef48"; } +.ri-messenger-fill:before { content: "\ef49"; } +.ri-messenger-line:before { content: "\ef4a"; } +.ri-meteor-fill:before { content: "\ef4b"; } +.ri-meteor-line:before { content: "\ef4c"; } +.ri-mic-2-fill:before { content: "\ef4d"; } +.ri-mic-2-line:before { content: "\ef4e"; } +.ri-mic-fill:before { content: "\ef4f"; } +.ri-mic-line:before { content: "\ef50"; } +.ri-mic-off-fill:before { content: "\ef51"; } +.ri-mic-off-line:before { content: "\ef52"; } +.ri-mickey-fill:before { content: "\ef53"; } +.ri-mickey-line:before { content: "\ef54"; } +.ri-microscope-fill:before { content: "\ef55"; } +.ri-microscope-line:before { content: "\ef56"; } +.ri-microsoft-fill:before { content: "\ef57"; } +.ri-microsoft-line:before { content: "\ef58"; } +.ri-mind-map:before { content: "\ef59"; } +.ri-mini-program-fill:before { content: "\ef5a"; } +.ri-mini-program-line:before { content: "\ef5b"; } +.ri-mist-fill:before { content: "\ef5c"; } +.ri-mist-line:before { content: "\ef5d"; } +.ri-money-cny-box-fill:before { content: "\ef5e"; } +.ri-money-cny-box-line:before { content: "\ef5f"; } +.ri-money-cny-circle-fill:before { content: "\ef60"; } +.ri-money-cny-circle-line:before { content: "\ef61"; } +.ri-money-dollar-box-fill:before { content: "\ef62"; } +.ri-money-dollar-box-line:before { content: "\ef63"; } +.ri-money-dollar-circle-fill:before { content: "\ef64"; } +.ri-money-dollar-circle-line:before { content: "\ef65"; } +.ri-money-euro-box-fill:before { content: "\ef66"; } +.ri-money-euro-box-line:before { content: "\ef67"; } +.ri-money-euro-circle-fill:before { content: "\ef68"; } +.ri-money-euro-circle-line:before { content: "\ef69"; } +.ri-money-pound-box-fill:before { content: "\ef6a"; } +.ri-money-pound-box-line:before { content: "\ef6b"; } +.ri-money-pound-circle-fill:before { content: "\ef6c"; } +.ri-money-pound-circle-line:before { content: "\ef6d"; } +.ri-moon-clear-fill:before { content: "\ef6e"; } +.ri-moon-clear-line:before { content: "\ef6f"; } +.ri-moon-cloudy-fill:before { content: "\ef70"; } +.ri-moon-cloudy-line:before { content: "\ef71"; } +.ri-moon-fill:before { content: "\ef72"; } +.ri-moon-foggy-fill:before { content: "\ef73"; } +.ri-moon-foggy-line:before { content: "\ef74"; } +.ri-moon-line:before { content: "\ef75"; } +.ri-more-2-fill:before { content: "\ef76"; } +.ri-more-2-line:before { content: "\ef77"; } +.ri-more-fill:before { content: "\ef78"; } +.ri-more-line:before { content: "\ef79"; } +.ri-motorbike-fill:before { content: "\ef7a"; } +.ri-motorbike-line:before { content: "\ef7b"; } +.ri-mouse-fill:before { content: "\ef7c"; } +.ri-mouse-line:before { content: "\ef7d"; } +.ri-movie-2-fill:before { content: "\ef7e"; } +.ri-movie-2-line:before { content: "\ef7f"; } +.ri-movie-fill:before { content: "\ef80"; } +.ri-movie-line:before { content: "\ef81"; } +.ri-music-2-fill:before { content: "\ef82"; } +.ri-music-2-line:before { content: "\ef83"; } +.ri-music-fill:before { content: "\ef84"; } +.ri-music-line:before { content: "\ef85"; } +.ri-mv-fill:before { content: "\ef86"; } +.ri-mv-line:before { content: "\ef87"; } +.ri-navigation-fill:before { content: "\ef88"; } +.ri-navigation-line:before { content: "\ef89"; } +.ri-netease-cloud-music-fill:before { content: "\ef8a"; } +.ri-netease-cloud-music-line:before { content: "\ef8b"; } +.ri-netflix-fill:before { content: "\ef8c"; } +.ri-netflix-line:before { content: "\ef8d"; } +.ri-newspaper-fill:before { content: "\ef8e"; } +.ri-newspaper-line:before { content: "\ef8f"; } +.ri-node-tree:before { content: "\ef90"; } +.ri-notification-2-fill:before { content: "\ef91"; } +.ri-notification-2-line:before { content: "\ef92"; } +.ri-notification-3-fill:before { content: "\ef93"; } +.ri-notification-3-line:before { content: "\ef94"; } +.ri-notification-4-fill:before { content: "\ef95"; } +.ri-notification-4-line:before { content: "\ef96"; } +.ri-notification-badge-fill:before { content: "\ef97"; } +.ri-notification-badge-line:before { content: "\ef98"; } +.ri-notification-fill:before { content: "\ef99"; } +.ri-notification-line:before { content: "\ef9a"; } +.ri-notification-off-fill:before { content: "\ef9b"; } +.ri-notification-off-line:before { content: "\ef9c"; } +.ri-npmjs-fill:before { content: "\ef9d"; } +.ri-npmjs-line:before { content: "\ef9e"; } +.ri-number-0:before { content: "\ef9f"; } +.ri-number-1:before { content: "\efa0"; } +.ri-number-2:before { content: "\efa1"; } +.ri-number-3:before { content: "\efa2"; } +.ri-number-4:before { content: "\efa3"; } +.ri-number-5:before { content: "\efa4"; } +.ri-number-6:before { content: "\efa5"; } +.ri-number-7:before { content: "\efa6"; } +.ri-number-8:before { content: "\efa7"; } +.ri-number-9:before { content: "\efa8"; } +.ri-numbers-fill:before { content: "\efa9"; } +.ri-numbers-line:before { content: "\efaa"; } +.ri-nurse-fill:before { content: "\efab"; } +.ri-nurse-line:before { content: "\efac"; } +.ri-oil-fill:before { content: "\efad"; } +.ri-oil-line:before { content: "\efae"; } +.ri-omega:before { content: "\efaf"; } +.ri-open-arm-fill:before { content: "\efb0"; } +.ri-open-arm-line:before { content: "\efb1"; } +.ri-open-source-fill:before { content: "\efb2"; } +.ri-open-source-line:before { content: "\efb3"; } +.ri-opera-fill:before { content: "\efb4"; } +.ri-opera-line:before { content: "\efb5"; } +.ri-order-play-fill:before { content: "\efb6"; } +.ri-order-play-line:before { content: "\efb7"; } +.ri-organization-chart:before { content: "\efb8"; } +.ri-outlet-2-fill:before { content: "\efb9"; } +.ri-outlet-2-line:before { content: "\efba"; } +.ri-outlet-fill:before { content: "\efbb"; } +.ri-outlet-line:before { content: "\efbc"; } +.ri-page-separator:before { content: "\efbd"; } +.ri-pages-fill:before { content: "\efbe"; } +.ri-pages-line:before { content: "\efbf"; } +.ri-paint-brush-fill:before { content: "\efc0"; } +.ri-paint-brush-line:before { content: "\efc1"; } +.ri-paint-fill:before { content: "\efc2"; } +.ri-paint-line:before { content: "\efc3"; } +.ri-palette-fill:before { content: "\efc4"; } +.ri-palette-line:before { content: "\efc5"; } +.ri-pantone-fill:before { content: "\efc6"; } +.ri-pantone-line:before { content: "\efc7"; } +.ri-paragraph:before { content: "\efc8"; } +.ri-parent-fill:before { content: "\efc9"; } +.ri-parent-line:before { content: "\efca"; } +.ri-parentheses-fill:before { content: "\efcb"; } +.ri-parentheses-line:before { content: "\efcc"; } +.ri-parking-box-fill:before { content: "\efcd"; } +.ri-parking-box-line:before { content: "\efce"; } +.ri-parking-fill:before { content: "\efcf"; } +.ri-parking-line:before { content: "\efd0"; } +.ri-passport-fill:before { content: "\efd1"; } +.ri-passport-line:before { content: "\efd2"; } +.ri-patreon-fill:before { content: "\efd3"; } +.ri-patreon-line:before { content: "\efd4"; } +.ri-pause-circle-fill:before { content: "\efd5"; } +.ri-pause-circle-line:before { content: "\efd6"; } +.ri-pause-fill:before { content: "\efd7"; } +.ri-pause-line:before { content: "\efd8"; } +.ri-pause-mini-fill:before { content: "\efd9"; } +.ri-pause-mini-line:before { content: "\efda"; } +.ri-paypal-fill:before { content: "\efdb"; } +.ri-paypal-line:before { content: "\efdc"; } +.ri-pen-nib-fill:before { content: "\efdd"; } +.ri-pen-nib-line:before { content: "\efde"; } +.ri-pencil-fill:before { content: "\efdf"; } +.ri-pencil-line:before { content: "\efe0"; } +.ri-pencil-ruler-2-fill:before { content: "\efe1"; } +.ri-pencil-ruler-2-line:before { content: "\efe2"; } +.ri-pencil-ruler-fill:before { content: "\efe3"; } +.ri-pencil-ruler-line:before { content: "\efe4"; } +.ri-percent-fill:before { content: "\efe5"; } +.ri-percent-line:before { content: "\efe6"; } +.ri-phone-camera-fill:before { content: "\efe7"; } +.ri-phone-camera-line:before { content: "\efe8"; } +.ri-phone-fill:before { content: "\efe9"; } +.ri-phone-find-fill:before { content: "\efea"; } +.ri-phone-find-line:before { content: "\efeb"; } +.ri-phone-line:before { content: "\efec"; } +.ri-phone-lock-fill:before { content: "\efed"; } +.ri-phone-lock-line:before { content: "\efee"; } +.ri-picture-in-picture-2-fill:before { content: "\efef"; } +.ri-picture-in-picture-2-line:before { content: "\eff0"; } +.ri-picture-in-picture-exit-fill:before { content: "\eff1"; } +.ri-picture-in-picture-exit-line:before { content: "\eff2"; } +.ri-picture-in-picture-fill:before { content: "\eff3"; } +.ri-picture-in-picture-line:before { content: "\eff4"; } +.ri-pie-chart-2-fill:before { content: "\eff5"; } +.ri-pie-chart-2-line:before { content: "\eff6"; } +.ri-pie-chart-box-fill:before { content: "\eff7"; } +.ri-pie-chart-box-line:before { content: "\eff8"; } +.ri-pie-chart-fill:before { content: "\eff9"; } +.ri-pie-chart-line:before { content: "\effa"; } +.ri-pin-distance-fill:before { content: "\effb"; } +.ri-pin-distance-line:before { content: "\effc"; } +.ri-ping-pong-fill:before { content: "\effd"; } +.ri-ping-pong-line:before { content: "\effe"; } +.ri-pinterest-fill:before { content: "\efff"; } +.ri-pinterest-line:before { content: "\f000"; } +.ri-pinyin-input:before { content: "\f001"; } +.ri-pixelfed-fill:before { content: "\f002"; } +.ri-pixelfed-line:before { content: "\f003"; } +.ri-plane-fill:before { content: "\f004"; } +.ri-plane-line:before { content: "\f005"; } +.ri-plant-fill:before { content: "\f006"; } +.ri-plant-line:before { content: "\f007"; } +.ri-play-circle-fill:before { content: "\f008"; } +.ri-play-circle-line:before { content: "\f009"; } +.ri-play-fill:before { content: "\f00a"; } +.ri-play-line:before { content: "\f00b"; } +.ri-play-list-2-fill:before { content: "\f00c"; } +.ri-play-list-2-line:before { content: "\f00d"; } +.ri-play-list-add-fill:before { content: "\f00e"; } +.ri-play-list-add-line:before { content: "\f00f"; } +.ri-play-list-fill:before { content: "\f010"; } +.ri-play-list-line:before { content: "\f011"; } +.ri-play-mini-fill:before { content: "\f012"; } +.ri-play-mini-line:before { content: "\f013"; } +.ri-playstation-fill:before { content: "\f014"; } +.ri-playstation-line:before { content: "\f015"; } +.ri-plug-2-fill:before { content: "\f016"; } +.ri-plug-2-line:before { content: "\f017"; } +.ri-plug-fill:before { content: "\f018"; } +.ri-plug-line:before { content: "\f019"; } +.ri-polaroid-2-fill:before { content: "\f01a"; } +.ri-polaroid-2-line:before { content: "\f01b"; } +.ri-polaroid-fill:before { content: "\f01c"; } +.ri-polaroid-line:before { content: "\f01d"; } +.ri-police-car-fill:before { content: "\f01e"; } +.ri-police-car-line:before { content: "\f01f"; } +.ri-price-tag-2-fill:before { content: "\f020"; } +.ri-price-tag-2-line:before { content: "\f021"; } +.ri-price-tag-3-fill:before { content: "\f022"; } +.ri-price-tag-3-line:before { content: "\f023"; } +.ri-price-tag-fill:before { content: "\f024"; } +.ri-price-tag-line:before { content: "\f025"; } +.ri-printer-cloud-fill:before { content: "\f026"; } +.ri-printer-cloud-line:before { content: "\f027"; } +.ri-printer-fill:before { content: "\f028"; } +.ri-printer-line:before { content: "\f029"; } +.ri-product-hunt-fill:before { content: "\f02a"; } +.ri-product-hunt-line:before { content: "\f02b"; } +.ri-profile-fill:before { content: "\f02c"; } +.ri-profile-line:before { content: "\f02d"; } +.ri-projector-2-fill:before { content: "\f02e"; } +.ri-projector-2-line:before { content: "\f02f"; } +.ri-projector-fill:before { content: "\f030"; } +.ri-projector-line:before { content: "\f031"; } +.ri-psychotherapy-fill:before { content: "\f032"; } +.ri-psychotherapy-line:before { content: "\f033"; } +.ri-pulse-fill:before { content: "\f034"; } +.ri-pulse-line:before { content: "\f035"; } +.ri-pushpin-2-fill:before { content: "\f036"; } +.ri-pushpin-2-line:before { content: "\f037"; } +.ri-pushpin-fill:before { content: "\f038"; } +.ri-pushpin-line:before { content: "\f039"; } +.ri-qq-fill:before { content: "\f03a"; } +.ri-qq-line:before { content: "\f03b"; } +.ri-qr-code-fill:before { content: "\f03c"; } +.ri-qr-code-line:before { content: "\f03d"; } +.ri-qr-scan-2-fill:before { content: "\f03e"; } +.ri-qr-scan-2-line:before { content: "\f03f"; } +.ri-qr-scan-fill:before { content: "\f040"; } +.ri-qr-scan-line:before { content: "\f041"; } +.ri-question-answer-fill:before { content: "\f042"; } +.ri-question-answer-line:before { content: "\f043"; } +.ri-question-fill:before { content: "\f044"; } +.ri-question-line:before { content: "\f045"; } +.ri-question-mark:before { content: "\f046"; } +.ri-questionnaire-fill:before { content: "\f047"; } +.ri-questionnaire-line:before { content: "\f048"; } +.ri-quill-pen-fill:before { content: "\f049"; } +.ri-quill-pen-line:before { content: "\f04a"; } +.ri-radar-fill:before { content: "\f04b"; } +.ri-radar-line:before { content: "\f04c"; } +.ri-radio-2-fill:before { content: "\f04d"; } +.ri-radio-2-line:before { content: "\f04e"; } +.ri-radio-button-fill:before { content: "\f04f"; } +.ri-radio-button-line:before { content: "\f050"; } +.ri-radio-fill:before { content: "\f051"; } +.ri-radio-line:before { content: "\f052"; } +.ri-rainbow-fill:before { content: "\f053"; } +.ri-rainbow-line:before { content: "\f054"; } +.ri-rainy-fill:before { content: "\f055"; } +.ri-rainy-line:before { content: "\f056"; } +.ri-reactjs-fill:before { content: "\f057"; } +.ri-reactjs-line:before { content: "\f058"; } +.ri-record-circle-fill:before { content: "\f059"; } +.ri-record-circle-line:before { content: "\f05a"; } +.ri-record-mail-fill:before { content: "\f05b"; } +.ri-record-mail-line:before { content: "\f05c"; } +.ri-recycle-fill:before { content: "\f05d"; } +.ri-recycle-line:before { content: "\f05e"; } +.ri-red-packet-fill:before { content: "\f05f"; } +.ri-red-packet-line:before { content: "\f060"; } +.ri-reddit-fill:before { content: "\f061"; } +.ri-reddit-line:before { content: "\f062"; } +.ri-refresh-fill:before { content: "\f063"; } +.ri-refresh-line:before { content: "\f064"; } +.ri-refund-2-fill:before { content: "\f065"; } +.ri-refund-2-line:before { content: "\f066"; } +.ri-refund-fill:before { content: "\f067"; } +.ri-refund-line:before { content: "\f068"; } +.ri-registered-fill:before { content: "\f069"; } +.ri-registered-line:before { content: "\f06a"; } +.ri-remixicon-fill:before { content: "\f06b"; } +.ri-remixicon-line:before { content: "\f06c"; } +.ri-remote-control-2-fill:before { content: "\f06d"; } +.ri-remote-control-2-line:before { content: "\f06e"; } +.ri-remote-control-fill:before { content: "\f06f"; } +.ri-remote-control-line:before { content: "\f070"; } +.ri-repeat-2-fill:before { content: "\f071"; } +.ri-repeat-2-line:before { content: "\f072"; } +.ri-repeat-fill:before { content: "\f073"; } +.ri-repeat-line:before { content: "\f074"; } +.ri-repeat-one-fill:before { content: "\f075"; } +.ri-repeat-one-line:before { content: "\f076"; } +.ri-reply-all-fill:before { content: "\f077"; } +.ri-reply-all-line:before { content: "\f078"; } +.ri-reply-fill:before { content: "\f079"; } +.ri-reply-line:before { content: "\f07a"; } +.ri-reserved-fill:before { content: "\f07b"; } +.ri-reserved-line:before { content: "\f07c"; } +.ri-rest-time-fill:before { content: "\f07d"; } +.ri-rest-time-line:before { content: "\f07e"; } +.ri-restart-fill:before { content: "\f07f"; } +.ri-restart-line:before { content: "\f080"; } +.ri-restaurant-2-fill:before { content: "\f081"; } +.ri-restaurant-2-line:before { content: "\f082"; } +.ri-restaurant-fill:before { content: "\f083"; } +.ri-restaurant-line:before { content: "\f084"; } +.ri-rewind-fill:before { content: "\f085"; } +.ri-rewind-line:before { content: "\f086"; } +.ri-rewind-mini-fill:before { content: "\f087"; } +.ri-rewind-mini-line:before { content: "\f088"; } +.ri-rhythm-fill:before { content: "\f089"; } +.ri-rhythm-line:before { content: "\f08a"; } +.ri-riding-fill:before { content: "\f08b"; } +.ri-riding-line:before { content: "\f08c"; } +.ri-road-map-fill:before { content: "\f08d"; } +.ri-road-map-line:before { content: "\f08e"; } +.ri-roadster-fill:before { content: "\f08f"; } +.ri-roadster-line:before { content: "\f090"; } +.ri-robot-fill:before { content: "\f091"; } +.ri-robot-line:before { content: "\f092"; } +.ri-rocket-2-fill:before { content: "\f093"; } +.ri-rocket-2-line:before { content: "\f094"; } +.ri-rocket-fill:before { content: "\f095"; } +.ri-rocket-line:before { content: "\f096"; } +.ri-rotate-lock-fill:before { content: "\f097"; } +.ri-rotate-lock-line:before { content: "\f098"; } +.ri-rounded-corner:before { content: "\f099"; } +.ri-route-fill:before { content: "\f09a"; } +.ri-route-line:before { content: "\f09b"; } +.ri-router-fill:before { content: "\f09c"; } +.ri-router-line:before { content: "\f09d"; } +.ri-rss-fill:before { content: "\f09e"; } +.ri-rss-line:before { content: "\f09f"; } +.ri-ruler-2-fill:before { content: "\f0a0"; } +.ri-ruler-2-line:before { content: "\f0a1"; } +.ri-ruler-fill:before { content: "\f0a2"; } +.ri-ruler-line:before { content: "\f0a3"; } +.ri-run-fill:before { content: "\f0a4"; } +.ri-run-line:before { content: "\f0a5"; } +.ri-safari-fill:before { content: "\f0a6"; } +.ri-safari-line:before { content: "\f0a7"; } +.ri-safe-2-fill:before { content: "\f0a8"; } +.ri-safe-2-line:before { content: "\f0a9"; } +.ri-safe-fill:before { content: "\f0aa"; } +.ri-safe-line:before { content: "\f0ab"; } +.ri-sailboat-fill:before { content: "\f0ac"; } +.ri-sailboat-line:before { content: "\f0ad"; } +.ri-save-2-fill:before { content: "\f0ae"; } +.ri-save-2-line:before { content: "\f0af"; } +.ri-save-3-fill:before { content: "\f0b0"; } +.ri-save-3-line:before { content: "\f0b1"; } +.ri-save-fill:before { content: "\f0b2"; } +.ri-save-line:before { content: "\f0b3"; } +.ri-scales-2-fill:before { content: "\f0b4"; } +.ri-scales-2-line:before { content: "\f0b5"; } +.ri-scales-3-fill:before { content: "\f0b6"; } +.ri-scales-3-line:before { content: "\f0b7"; } +.ri-scales-fill:before { content: "\f0b8"; } +.ri-scales-line:before { content: "\f0b9"; } +.ri-scan-2-fill:before { content: "\f0ba"; } +.ri-scan-2-line:before { content: "\f0bb"; } +.ri-scan-fill:before { content: "\f0bc"; } +.ri-scan-line:before { content: "\f0bd"; } +.ri-scissors-2-fill:before { content: "\f0be"; } +.ri-scissors-2-line:before { content: "\f0bf"; } +.ri-scissors-cut-fill:before { content: "\f0c0"; } +.ri-scissors-cut-line:before { content: "\f0c1"; } +.ri-scissors-fill:before { content: "\f0c2"; } +.ri-scissors-line:before { content: "\f0c3"; } +.ri-screenshot-2-fill:before { content: "\f0c4"; } +.ri-screenshot-2-line:before { content: "\f0c5"; } +.ri-screenshot-fill:before { content: "\f0c6"; } +.ri-screenshot-line:before { content: "\f0c7"; } +.ri-sd-card-fill:before { content: "\f0c8"; } +.ri-sd-card-line:before { content: "\f0c9"; } +.ri-sd-card-mini-fill:before { content: "\f0ca"; } +.ri-sd-card-mini-line:before { content: "\f0cb"; } +.ri-search-2-fill:before { content: "\f0cc"; } +.ri-search-2-line:before { content: "\f0cd"; } +.ri-search-eye-fill:before { content: "\f0ce"; } +.ri-search-eye-line:before { content: "\f0cf"; } +.ri-search-fill:before { content: "\f0d0"; } +.ri-search-line:before { content: "\f0d1"; } +.ri-secure-payment-fill:before { content: "\f0d2"; } +.ri-secure-payment-line:before { content: "\f0d3"; } +.ri-seedling-fill:before { content: "\f0d4"; } +.ri-seedling-line:before { content: "\f0d5"; } +.ri-send-backward:before { content: "\f0d6"; } +.ri-send-plane-2-fill:before { content: "\f0d7"; } +.ri-send-plane-2-line:before { content: "\f0d8"; } +.ri-send-plane-fill:before { content: "\f0d9"; } +.ri-send-plane-line:before { content: "\f0da"; } +.ri-send-to-back:before { content: "\f0db"; } +.ri-sensor-fill:before { content: "\f0dc"; } +.ri-sensor-line:before { content: "\f0dd"; } +.ri-separator:before { content: "\f0de"; } +.ri-server-fill:before { content: "\f0df"; } +.ri-server-line:before { content: "\f0e0"; } +.ri-service-fill:before { content: "\f0e1"; } +.ri-service-line:before { content: "\f0e2"; } +.ri-settings-2-fill:before { content: "\f0e3"; } +.ri-settings-2-line:before { content: "\f0e4"; } +.ri-settings-3-fill:before { content: "\f0e5"; } +.ri-settings-3-line:before { content: "\f0e6"; } +.ri-settings-4-fill:before { content: "\f0e7"; } +.ri-settings-4-line:before { content: "\f0e8"; } +.ri-settings-5-fill:before { content: "\f0e9"; } +.ri-settings-5-line:before { content: "\f0ea"; } +.ri-settings-6-fill:before { content: "\f0eb"; } +.ri-settings-6-line:before { content: "\f0ec"; } +.ri-settings-fill:before { content: "\f0ed"; } +.ri-settings-line:before { content: "\f0ee"; } +.ri-shape-2-fill:before { content: "\f0ef"; } +.ri-shape-2-line:before { content: "\f0f0"; } +.ri-shape-fill:before { content: "\f0f1"; } +.ri-shape-line:before { content: "\f0f2"; } +.ri-share-box-fill:before { content: "\f0f3"; } +.ri-share-box-line:before { content: "\f0f4"; } +.ri-share-circle-fill:before { content: "\f0f5"; } +.ri-share-circle-line:before { content: "\f0f6"; } +.ri-share-fill:before { content: "\f0f7"; } +.ri-share-forward-2-fill:before { content: "\f0f8"; } +.ri-share-forward-2-line:before { content: "\f0f9"; } +.ri-share-forward-box-fill:before { content: "\f0fa"; } +.ri-share-forward-box-line:before { content: "\f0fb"; } +.ri-share-forward-fill:before { content: "\f0fc"; } +.ri-share-forward-line:before { content: "\f0fd"; } +.ri-share-line:before { content: "\f0fe"; } +.ri-shield-check-fill:before { content: "\f0ff"; } +.ri-shield-check-line:before { content: "\f100"; } +.ri-shield-cross-fill:before { content: "\f101"; } +.ri-shield-cross-line:before { content: "\f102"; } +.ri-shield-fill:before { content: "\f103"; } +.ri-shield-flash-fill:before { content: "\f104"; } +.ri-shield-flash-line:before { content: "\f105"; } +.ri-shield-keyhole-fill:before { content: "\f106"; } +.ri-shield-keyhole-line:before { content: "\f107"; } +.ri-shield-line:before { content: "\f108"; } +.ri-shield-star-fill:before { content: "\f109"; } +.ri-shield-star-line:before { content: "\f10a"; } +.ri-shield-user-fill:before { content: "\f10b"; } +.ri-shield-user-line:before { content: "\f10c"; } +.ri-ship-2-fill:before { content: "\f10d"; } +.ri-ship-2-line:before { content: "\f10e"; } +.ri-ship-fill:before { content: "\f10f"; } +.ri-ship-line:before { content: "\f110"; } +.ri-shirt-fill:before { content: "\f111"; } +.ri-shirt-line:before { content: "\f112"; } +.ri-shopping-bag-2-fill:before { content: "\f113"; } +.ri-shopping-bag-2-line:before { content: "\f114"; } +.ri-shopping-bag-3-fill:before { content: "\f115"; } +.ri-shopping-bag-3-line:before { content: "\f116"; } +.ri-shopping-bag-fill:before { content: "\f117"; } +.ri-shopping-bag-line:before { content: "\f118"; } +.ri-shopping-basket-2-fill:before { content: "\f119"; } +.ri-shopping-basket-2-line:before { content: "\f11a"; } +.ri-shopping-basket-fill:before { content: "\f11b"; } +.ri-shopping-basket-line:before { content: "\f11c"; } +.ri-shopping-cart-2-fill:before { content: "\f11d"; } +.ri-shopping-cart-2-line:before { content: "\f11e"; } +.ri-shopping-cart-fill:before { content: "\f11f"; } +.ri-shopping-cart-line:before { content: "\f120"; } +.ri-showers-fill:before { content: "\f121"; } +.ri-showers-line:before { content: "\f122"; } +.ri-shuffle-fill:before { content: "\f123"; } +.ri-shuffle-line:before { content: "\f124"; } +.ri-shut-down-fill:before { content: "\f125"; } +.ri-shut-down-line:before { content: "\f126"; } +.ri-side-bar-fill:before { content: "\f127"; } +.ri-side-bar-line:before { content: "\f128"; } +.ri-signal-tower-fill:before { content: "\f129"; } +.ri-signal-tower-line:before { content: "\f12a"; } +.ri-signal-wifi-1-fill:before { content: "\f12b"; } +.ri-signal-wifi-1-line:before { content: "\f12c"; } +.ri-signal-wifi-2-fill:before { content: "\f12d"; } +.ri-signal-wifi-2-line:before { content: "\f12e"; } +.ri-signal-wifi-3-fill:before { content: "\f12f"; } +.ri-signal-wifi-3-line:before { content: "\f130"; } +.ri-signal-wifi-error-fill:before { content: "\f131"; } +.ri-signal-wifi-error-line:before { content: "\f132"; } +.ri-signal-wifi-fill:before { content: "\f133"; } +.ri-signal-wifi-line:before { content: "\f134"; } +.ri-signal-wifi-off-fill:before { content: "\f135"; } +.ri-signal-wifi-off-line:before { content: "\f136"; } +.ri-sim-card-2-fill:before { content: "\f137"; } +.ri-sim-card-2-line:before { content: "\f138"; } +.ri-sim-card-fill:before { content: "\f139"; } +.ri-sim-card-line:before { content: "\f13a"; } +.ri-single-quotes-l:before { content: "\f13b"; } +.ri-single-quotes-r:before { content: "\f13c"; } +.ri-sip-fill:before { content: "\f13d"; } +.ri-sip-line:before { content: "\f13e"; } +.ri-skip-back-fill:before { content: "\f13f"; } +.ri-skip-back-line:before { content: "\f140"; } +.ri-skip-back-mini-fill:before { content: "\f141"; } +.ri-skip-back-mini-line:before { content: "\f142"; } +.ri-skip-forward-fill:before { content: "\f143"; } +.ri-skip-forward-line:before { content: "\f144"; } +.ri-skip-forward-mini-fill:before { content: "\f145"; } +.ri-skip-forward-mini-line:before { content: "\f146"; } +.ri-skull-2-fill:before { content: "\f147"; } +.ri-skull-2-line:before { content: "\f148"; } +.ri-skull-fill:before { content: "\f149"; } +.ri-skull-line:before { content: "\f14a"; } +.ri-skype-fill:before { content: "\f14b"; } +.ri-skype-line:before { content: "\f14c"; } +.ri-slack-fill:before { content: "\f14d"; } +.ri-slack-line:before { content: "\f14e"; } +.ri-slice-fill:before { content: "\f14f"; } +.ri-slice-line:before { content: "\f150"; } +.ri-slideshow-2-fill:before { content: "\f151"; } +.ri-slideshow-2-line:before { content: "\f152"; } +.ri-slideshow-3-fill:before { content: "\f153"; } +.ri-slideshow-3-line:before { content: "\f154"; } +.ri-slideshow-4-fill:before { content: "\f155"; } +.ri-slideshow-4-line:before { content: "\f156"; } +.ri-slideshow-fill:before { content: "\f157"; } +.ri-slideshow-line:before { content: "\f158"; } +.ri-smartphone-fill:before { content: "\f159"; } +.ri-smartphone-line:before { content: "\f15a"; } +.ri-snapchat-fill:before { content: "\f15b"; } +.ri-snapchat-line:before { content: "\f15c"; } +.ri-snowy-fill:before { content: "\f15d"; } +.ri-snowy-line:before { content: "\f15e"; } +.ri-sort-asc:before { content: "\f15f"; } +.ri-sort-desc:before { content: "\f160"; } +.ri-sound-module-fill:before { content: "\f161"; } +.ri-sound-module-line:before { content: "\f162"; } +.ri-soundcloud-fill:before { content: "\f163"; } +.ri-soundcloud-line:before { content: "\f164"; } +.ri-space-ship-fill:before { content: "\f165"; } +.ri-space-ship-line:before { content: "\f166"; } +.ri-space:before { content: "\f167"; } +.ri-spam-2-fill:before { content: "\f168"; } +.ri-spam-2-line:before { content: "\f169"; } +.ri-spam-3-fill:before { content: "\f16a"; } +.ri-spam-3-line:before { content: "\f16b"; } +.ri-spam-fill:before { content: "\f16c"; } +.ri-spam-line:before { content: "\f16d"; } +.ri-speaker-2-fill:before { content: "\f16e"; } +.ri-speaker-2-line:before { content: "\f16f"; } +.ri-speaker-3-fill:before { content: "\f170"; } +.ri-speaker-3-line:before { content: "\f171"; } +.ri-speaker-fill:before { content: "\f172"; } +.ri-speaker-line:before { content: "\f173"; } +.ri-spectrum-fill:before { content: "\f174"; } +.ri-spectrum-line:before { content: "\f175"; } +.ri-speed-fill:before { content: "\f176"; } +.ri-speed-line:before { content: "\f177"; } +.ri-speed-mini-fill:before { content: "\f178"; } +.ri-speed-mini-line:before { content: "\f179"; } +.ri-split-cells-horizontal:before { content: "\f17a"; } +.ri-split-cells-vertical:before { content: "\f17b"; } +.ri-spotify-fill:before { content: "\f17c"; } +.ri-spotify-line:before { content: "\f17d"; } +.ri-spy-fill:before { content: "\f17e"; } +.ri-spy-line:before { content: "\f17f"; } +.ri-stack-fill:before { content: "\f180"; } +.ri-stack-line:before { content: "\f181"; } +.ri-stack-overflow-fill:before { content: "\f182"; } +.ri-stack-overflow-line:before { content: "\f183"; } +.ri-stackshare-fill:before { content: "\f184"; } +.ri-stackshare-line:before { content: "\f185"; } +.ri-star-fill:before { content: "\f186"; } +.ri-star-half-fill:before { content: "\f187"; } +.ri-star-half-line:before { content: "\f188"; } +.ri-star-half-s-fill:before { content: "\f189"; } +.ri-star-half-s-line:before { content: "\f18a"; } +.ri-star-line:before { content: "\f18b"; } +.ri-star-s-fill:before { content: "\f18c"; } +.ri-star-s-line:before { content: "\f18d"; } +.ri-star-smile-fill:before { content: "\f18e"; } +.ri-star-smile-line:before { content: "\f18f"; } +.ri-steam-fill:before { content: "\f190"; } +.ri-steam-line:before { content: "\f191"; } +.ri-steering-2-fill:before { content: "\f192"; } +.ri-steering-2-line:before { content: "\f193"; } +.ri-steering-fill:before { content: "\f194"; } +.ri-steering-line:before { content: "\f195"; } +.ri-stethoscope-fill:before { content: "\f196"; } +.ri-stethoscope-line:before { content: "\f197"; } +.ri-sticky-note-2-fill:before { content: "\f198"; } +.ri-sticky-note-2-line:before { content: "\f199"; } +.ri-sticky-note-fill:before { content: "\f19a"; } +.ri-sticky-note-line:before { content: "\f19b"; } +.ri-stock-fill:before { content: "\f19c"; } +.ri-stock-line:before { content: "\f19d"; } +.ri-stop-circle-fill:before { content: "\f19e"; } +.ri-stop-circle-line:before { content: "\f19f"; } +.ri-stop-fill:before { content: "\f1a0"; } +.ri-stop-line:before { content: "\f1a1"; } +.ri-stop-mini-fill:before { content: "\f1a2"; } +.ri-stop-mini-line:before { content: "\f1a3"; } +.ri-store-2-fill:before { content: "\f1a4"; } +.ri-store-2-line:before { content: "\f1a5"; } +.ri-store-3-fill:before { content: "\f1a6"; } +.ri-store-3-line:before { content: "\f1a7"; } +.ri-store-fill:before { content: "\f1a8"; } +.ri-store-line:before { content: "\f1a9"; } +.ri-strikethrough-2:before { content: "\f1aa"; } +.ri-strikethrough:before { content: "\f1ab"; } +.ri-subscript-2:before { content: "\f1ac"; } +.ri-subscript:before { content: "\f1ad"; } +.ri-subtract-fill:before { content: "\f1ae"; } +.ri-subtract-line:before { content: "\f1af"; } +.ri-subway-fill:before { content: "\f1b0"; } +.ri-subway-line:before { content: "\f1b1"; } +.ri-subway-wifi-fill:before { content: "\f1b2"; } +.ri-subway-wifi-line:before { content: "\f1b3"; } +.ri-suitcase-2-fill:before { content: "\f1b4"; } +.ri-suitcase-2-line:before { content: "\f1b5"; } +.ri-suitcase-3-fill:before { content: "\f1b6"; } +.ri-suitcase-3-line:before { content: "\f1b7"; } +.ri-suitcase-fill:before { content: "\f1b8"; } +.ri-suitcase-line:before { content: "\f1b9"; } +.ri-sun-cloudy-fill:before { content: "\f1ba"; } +.ri-sun-cloudy-line:before { content: "\f1bb"; } +.ri-sun-fill:before { content: "\f1bc"; } +.ri-sun-foggy-fill:before { content: "\f1bd"; } +.ri-sun-foggy-line:before { content: "\f1be"; } +.ri-sun-line:before { content: "\f1bf"; } +.ri-superscript-2:before { content: "\f1c0"; } +.ri-superscript:before { content: "\f1c1"; } +.ri-surgical-mask-fill:before { content: "\f1c2"; } +.ri-surgical-mask-line:before { content: "\f1c3"; } +.ri-surround-sound-fill:before { content: "\f1c4"; } +.ri-surround-sound-line:before { content: "\f1c5"; } +.ri-survey-fill:before { content: "\f1c6"; } +.ri-survey-line:before { content: "\f1c7"; } +.ri-swap-box-fill:before { content: "\f1c8"; } +.ri-swap-box-line:before { content: "\f1c9"; } +.ri-swap-fill:before { content: "\f1ca"; } +.ri-swap-line:before { content: "\f1cb"; } +.ri-switch-fill:before { content: "\f1cc"; } +.ri-switch-line:before { content: "\f1cd"; } +.ri-sword-fill:before { content: "\f1ce"; } +.ri-sword-line:before { content: "\f1cf"; } +.ri-syringe-fill:before { content: "\f1d0"; } +.ri-syringe-line:before { content: "\f1d1"; } +.ri-t-box-fill:before { content: "\f1d2"; } +.ri-t-box-line:before { content: "\f1d3"; } +.ri-t-shirt-2-fill:before { content: "\f1d4"; } +.ri-t-shirt-2-line:before { content: "\f1d5"; } +.ri-t-shirt-air-fill:before { content: "\f1d6"; } +.ri-t-shirt-air-line:before { content: "\f1d7"; } +.ri-t-shirt-fill:before { content: "\f1d8"; } +.ri-t-shirt-line:before { content: "\f1d9"; } +.ri-table-2:before { content: "\f1da"; } +.ri-table-alt-fill:before { content: "\f1db"; } +.ri-table-alt-line:before { content: "\f1dc"; } +.ri-table-fill:before { content: "\f1dd"; } +.ri-table-line:before { content: "\f1de"; } +.ri-tablet-fill:before { content: "\f1df"; } +.ri-tablet-line:before { content: "\f1e0"; } +.ri-takeaway-fill:before { content: "\f1e1"; } +.ri-takeaway-line:before { content: "\f1e2"; } +.ri-taobao-fill:before { content: "\f1e3"; } +.ri-taobao-line:before { content: "\f1e4"; } +.ri-tape-fill:before { content: "\f1e5"; } +.ri-tape-line:before { content: "\f1e6"; } +.ri-task-fill:before { content: "\f1e7"; } +.ri-task-line:before { content: "\f1e8"; } +.ri-taxi-fill:before { content: "\f1e9"; } +.ri-taxi-line:before { content: "\f1ea"; } +.ri-taxi-wifi-fill:before { content: "\f1eb"; } +.ri-taxi-wifi-line:before { content: "\f1ec"; } +.ri-team-fill:before { content: "\f1ed"; } +.ri-team-line:before { content: "\f1ee"; } +.ri-telegram-fill:before { content: "\f1ef"; } +.ri-telegram-line:before { content: "\f1f0"; } +.ri-temp-cold-fill:before { content: "\f1f1"; } +.ri-temp-cold-line:before { content: "\f1f2"; } +.ri-temp-hot-fill:before { content: "\f1f3"; } +.ri-temp-hot-line:before { content: "\f1f4"; } +.ri-terminal-box-fill:before { content: "\f1f5"; } +.ri-terminal-box-line:before { content: "\f1f6"; } +.ri-terminal-fill:before { content: "\f1f7"; } +.ri-terminal-line:before { content: "\f1f8"; } +.ri-terminal-window-fill:before { content: "\f1f9"; } +.ri-terminal-window-line:before { content: "\f1fa"; } +.ri-test-tube-fill:before { content: "\f1fb"; } +.ri-test-tube-line:before { content: "\f1fc"; } +.ri-text-direction-l:before { content: "\f1fd"; } +.ri-text-direction-r:before { content: "\f1fe"; } +.ri-text-spacing:before { content: "\f1ff"; } +.ri-text-wrap:before { content: "\f200"; } +.ri-text:before { content: "\f201"; } +.ri-thermometer-fill:before { content: "\f202"; } +.ri-thermometer-line:before { content: "\f203"; } +.ri-thumb-down-fill:before { content: "\f204"; } +.ri-thumb-down-line:before { content: "\f205"; } +.ri-thumb-up-fill:before { content: "\f206"; } +.ri-thumb-up-line:before { content: "\f207"; } +.ri-thunderstorms-fill:before { content: "\f208"; } +.ri-thunderstorms-line:before { content: "\f209"; } +.ri-ticket-2-fill:before { content: "\f20a"; } +.ri-ticket-2-line:before { content: "\f20b"; } +.ri-ticket-fill:before { content: "\f20c"; } +.ri-ticket-line:before { content: "\f20d"; } +.ri-time-fill:before { content: "\f20e"; } +.ri-time-line:before { content: "\f20f"; } +.ri-timer-2-fill:before { content: "\f210"; } +.ri-timer-2-line:before { content: "\f211"; } +.ri-timer-fill:before { content: "\f212"; } +.ri-timer-flash-fill:before { content: "\f213"; } +.ri-timer-flash-line:before { content: "\f214"; } +.ri-timer-line:before { content: "\f215"; } +.ri-todo-fill:before { content: "\f216"; } +.ri-todo-line:before { content: "\f217"; } +.ri-toggle-fill:before { content: "\f218"; } +.ri-toggle-line:before { content: "\f219"; } +.ri-tools-fill:before { content: "\f21a"; } +.ri-tools-line:before { content: "\f21b"; } +.ri-tornado-fill:before { content: "\f21c"; } +.ri-tornado-line:before { content: "\f21d"; } +.ri-trademark-fill:before { content: "\f21e"; } +.ri-trademark-line:before { content: "\f21f"; } +.ri-traffic-light-fill:before { content: "\f220"; } +.ri-traffic-light-line:before { content: "\f221"; } +.ri-train-fill:before { content: "\f222"; } +.ri-train-line:before { content: "\f223"; } +.ri-train-wifi-fill:before { content: "\f224"; } +.ri-train-wifi-line:before { content: "\f225"; } +.ri-translate-2:before { content: "\f226"; } +.ri-translate:before { content: "\f227"; } +.ri-travesti-fill:before { content: "\f228"; } +.ri-travesti-line:before { content: "\f229"; } +.ri-treasure-map-fill:before { content: "\f22a"; } +.ri-treasure-map-line:before { content: "\f22b"; } +.ri-trello-fill:before { content: "\f22c"; } +.ri-trello-line:before { content: "\f22d"; } +.ri-trophy-fill:before { content: "\f22e"; } +.ri-trophy-line:before { content: "\f22f"; } +.ri-truck-fill:before { content: "\f230"; } +.ri-truck-line:before { content: "\f231"; } +.ri-tumblr-fill:before { content: "\f232"; } +.ri-tumblr-line:before { content: "\f233"; } +.ri-tv-2-fill:before { content: "\f234"; } +.ri-tv-2-line:before { content: "\f235"; } +.ri-tv-fill:before { content: "\f236"; } +.ri-tv-line:before { content: "\f237"; } +.ri-twitch-fill:before { content: "\f238"; } +.ri-twitch-line:before { content: "\f239"; } +.ri-twitter-fill:before { content: "\f23a"; } +.ri-twitter-line:before { content: "\f23b"; } +.ri-typhoon-fill:before { content: "\f23c"; } +.ri-typhoon-line:before { content: "\f23d"; } +.ri-u-disk-fill:before { content: "\f23e"; } +.ri-u-disk-line:before { content: "\f23f"; } +.ri-ubuntu-fill:before { content: "\f240"; } +.ri-ubuntu-line:before { content: "\f241"; } +.ri-umbrella-fill:before { content: "\f242"; } +.ri-umbrella-line:before { content: "\f243"; } +.ri-underline:before { content: "\f244"; } +.ri-uninstall-fill:before { content: "\f245"; } +.ri-uninstall-line:before { content: "\f246"; } +.ri-unsplash-fill:before { content: "\f247"; } +.ri-unsplash-line:before { content: "\f248"; } +.ri-upload-2-fill:before { content: "\f249"; } +.ri-upload-2-line:before { content: "\f24a"; } +.ri-upload-cloud-2-fill:before { content: "\f24b"; } +.ri-upload-cloud-2-line:before { content: "\f24c"; } +.ri-upload-cloud-fill:before { content: "\f24d"; } +.ri-upload-cloud-line:before { content: "\f24e"; } +.ri-upload-fill:before { content: "\f24f"; } +.ri-upload-line:before { content: "\f250"; } +.ri-usb-fill:before { content: "\f251"; } +.ri-usb-line:before { content: "\f252"; } +.ri-user-2-fill:before { content: "\f253"; } +.ri-user-2-line:before { content: "\f254"; } +.ri-user-3-fill:before { content: "\f255"; } +.ri-user-3-line:before { content: "\f256"; } +.ri-user-4-fill:before { content: "\f257"; } +.ri-user-4-line:before { content: "\f258"; } +.ri-user-5-fill:before { content: "\f259"; } +.ri-user-5-line:before { content: "\f25a"; } +.ri-user-6-fill:before { content: "\f25b"; } +.ri-user-6-line:before { content: "\f25c"; } +.ri-user-add-fill:before { content: "\f25d"; } +.ri-user-add-line:before { content: "\f25e"; } +.ri-user-fill:before { content: "\f25f"; } +.ri-user-follow-fill:before { content: "\f260"; } +.ri-user-follow-line:before { content: "\f261"; } +.ri-user-heart-fill:before { content: "\f262"; } +.ri-user-heart-line:before { content: "\f263"; } +.ri-user-line:before { content: "\f264"; } +.ri-user-location-fill:before { content: "\f265"; } +.ri-user-location-line:before { content: "\f266"; } +.ri-user-received-2-fill:before { content: "\f267"; } +.ri-user-received-2-line:before { content: "\f268"; } +.ri-user-received-fill:before { content: "\f269"; } +.ri-user-received-line:before { content: "\f26a"; } +.ri-user-search-fill:before { content: "\f26b"; } +.ri-user-search-line:before { content: "\f26c"; } +.ri-user-settings-fill:before { content: "\f26d"; } +.ri-user-settings-line:before { content: "\f26e"; } +.ri-user-shared-2-fill:before { content: "\f26f"; } +.ri-user-shared-2-line:before { content: "\f270"; } +.ri-user-shared-fill:before { content: "\f271"; } +.ri-user-shared-line:before { content: "\f272"; } +.ri-user-smile-fill:before { content: "\f273"; } +.ri-user-smile-line:before { content: "\f274"; } +.ri-user-star-fill:before { content: "\f275"; } +.ri-user-star-line:before { content: "\f276"; } +.ri-user-unfollow-fill:before { content: "\f277"; } +.ri-user-unfollow-line:before { content: "\f278"; } +.ri-user-voice-fill:before { content: "\f279"; } +.ri-user-voice-line:before { content: "\f27a"; } +.ri-video-add-fill:before { content: "\f27b"; } +.ri-video-add-line:before { content: "\f27c"; } +.ri-video-chat-fill:before { content: "\f27d"; } +.ri-video-chat-line:before { content: "\f27e"; } +.ri-video-download-fill:before { content: "\f27f"; } +.ri-video-download-line:before { content: "\f280"; } +.ri-video-fill:before { content: "\f281"; } +.ri-video-line:before { content: "\f282"; } +.ri-video-upload-fill:before { content: "\f283"; } +.ri-video-upload-line:before { content: "\f284"; } +.ri-vidicon-2-fill:before { content: "\f285"; } +.ri-vidicon-2-line:before { content: "\f286"; } +.ri-vidicon-fill:before { content: "\f287"; } +.ri-vidicon-line:before { content: "\f288"; } +.ri-vimeo-fill:before { content: "\f289"; } +.ri-vimeo-line:before { content: "\f28a"; } +.ri-vip-crown-2-fill:before { content: "\f28b"; } +.ri-vip-crown-2-line:before { content: "\f28c"; } +.ri-vip-crown-fill:before { content: "\f28d"; } +.ri-vip-crown-line:before { content: "\f28e"; } +.ri-vip-diamond-fill:before { content: "\f28f"; } +.ri-vip-diamond-line:before { content: "\f290"; } +.ri-vip-fill:before { content: "\f291"; } +.ri-vip-line:before { content: "\f292"; } +.ri-virus-fill:before { content: "\f293"; } +.ri-virus-line:before { content: "\f294"; } +.ri-visa-fill:before { content: "\f295"; } +.ri-visa-line:before { content: "\f296"; } +.ri-voice-recognition-fill:before { content: "\f297"; } +.ri-voice-recognition-line:before { content: "\f298"; } +.ri-voiceprint-fill:before { content: "\f299"; } +.ri-voiceprint-line:before { content: "\f29a"; } +.ri-volume-down-fill:before { content: "\f29b"; } +.ri-volume-down-line:before { content: "\f29c"; } +.ri-volume-mute-fill:before { content: "\f29d"; } +.ri-volume-mute-line:before { content: "\f29e"; } +.ri-volume-off-vibrate-fill:before { content: "\f29f"; } +.ri-volume-off-vibrate-line:before { content: "\f2a0"; } +.ri-volume-up-fill:before { content: "\f2a1"; } +.ri-volume-up-line:before { content: "\f2a2"; } +.ri-volume-vibrate-fill:before { content: "\f2a3"; } +.ri-volume-vibrate-line:before { content: "\f2a4"; } +.ri-vuejs-fill:before { content: "\f2a5"; } +.ri-vuejs-line:before { content: "\f2a6"; } +.ri-walk-fill:before { content: "\f2a7"; } +.ri-walk-line:before { content: "\f2a8"; } +.ri-wallet-2-fill:before { content: "\f2a9"; } +.ri-wallet-2-line:before { content: "\f2aa"; } +.ri-wallet-3-fill:before { content: "\f2ab"; } +.ri-wallet-3-line:before { content: "\f2ac"; } +.ri-wallet-fill:before { content: "\f2ad"; } +.ri-wallet-line:before { content: "\f2ae"; } +.ri-water-flash-fill:before { content: "\f2af"; } +.ri-water-flash-line:before { content: "\f2b0"; } +.ri-webcam-fill:before { content: "\f2b1"; } +.ri-webcam-line:before { content: "\f2b2"; } +.ri-wechat-2-fill:before { content: "\f2b3"; } +.ri-wechat-2-line:before { content: "\f2b4"; } +.ri-wechat-fill:before { content: "\f2b5"; } +.ri-wechat-line:before { content: "\f2b6"; } +.ri-wechat-pay-fill:before { content: "\f2b7"; } +.ri-wechat-pay-line:before { content: "\f2b8"; } +.ri-weibo-fill:before { content: "\f2b9"; } +.ri-weibo-line:before { content: "\f2ba"; } +.ri-whatsapp-fill:before { content: "\f2bb"; } +.ri-whatsapp-line:before { content: "\f2bc"; } +.ri-wheelchair-fill:before { content: "\f2bd"; } +.ri-wheelchair-line:before { content: "\f2be"; } +.ri-wifi-fill:before { content: "\f2bf"; } +.ri-wifi-line:before { content: "\f2c0"; } +.ri-wifi-off-fill:before { content: "\f2c1"; } +.ri-wifi-off-line:before { content: "\f2c2"; } +.ri-window-2-fill:before { content: "\f2c3"; } +.ri-window-2-line:before { content: "\f2c4"; } +.ri-window-fill:before { content: "\f2c5"; } +.ri-window-line:before { content: "\f2c6"; } +.ri-windows-fill:before { content: "\f2c7"; } +.ri-windows-line:before { content: "\f2c8"; } +.ri-windy-fill:before { content: "\f2c9"; } +.ri-windy-line:before { content: "\f2ca"; } +.ri-wireless-charging-fill:before { content: "\f2cb"; } +.ri-wireless-charging-line:before { content: "\f2cc"; } +.ri-women-fill:before { content: "\f2cd"; } +.ri-women-line:before { content: "\f2ce"; } +.ri-wubi-input:before { content: "\f2cf"; } +.ri-xbox-fill:before { content: "\f2d0"; } +.ri-xbox-line:before { content: "\f2d1"; } +.ri-xing-fill:before { content: "\f2d2"; } +.ri-xing-line:before { content: "\f2d3"; } +.ri-youtube-fill:before { content: "\f2d4"; } +.ri-youtube-line:before { content: "\f2d5"; } +.ri-zcool-fill:before { content: "\f2d6"; } +.ri-zcool-line:before { content: "\f2d7"; } +.ri-zhihu-fill:before { content: "\f2d8"; } +.ri-zhihu-line:before { content: "\f2d9"; } +.ri-zoom-in-fill:before { content: "\f2da"; } +.ri-zoom-in-line:before { content: "\f2db"; } +.ri-zoom-out-fill:before { content: "\f2dc"; } +.ri-zoom-out-line:before { content: "\f2dd"; } +.ri-zzz-fill:before { content: "\f2de"; } +.ri-zzz-line:before { content: "\f2df"; } + diff --git a/styles/rtl.css b/styles/rtl.css new file mode 100644 index 0000000..f4b0166 --- /dev/null +++ b/styles/rtl.css @@ -0,0 +1,780 @@ +[dir=rtl] table, [dir=rtl] th, [dir=rtl] tr, [dir=rtl] td { + text-align: right; +} +[dir=rtl] .float-left { + float: initial; + float: right; +} +[dir=rtl] .float-right { + float: initial; + float: left; +} +[dir=rtl] .ml-auto { + margin-left: 0 !important; + margin-right: auto !important; +} +[dir=rtl] .ml-1 { + margin-left: 0 !important; + margin-right: 8px !important; +} +[dir=rtl] .ml-2 { + margin-left: 0 !important; + margin-right: 16px !important; +} +[dir=rtl] .ml-3 { + margin-left: 0 !important; + margin-right: 24px !important; +} +[dir=rtl] .ml-4 { + margin-left: 0 !important; + margin-right: 32px !important; +} +[dir=rtl] .ml-5 { + margin-left: 0 !important; + margin-right: 40px !important; +} +[dir=rtl] .mr-1 { + margin-right: 0 !important; + margin-left: 8px !important; +} +[dir=rtl] .mr-2 { + margin-right: 0 !important; + margin-left: 16px !important; +} +[dir=rtl] .mr-3 { + margin-right: 0 !important; + margin-left: 24px !important; +} +[dir=rtl] .mr-4 { + margin-right: 0 !important; + margin-left: 32px !important; +} +[dir=rtl] .mr-5 { + margin-right: 0 !important; + margin-left: 40px !important; +} +[dir=rtl] .ml-2px { + margin-left: 0 !important; + margin-right: 2px !important; +} +[dir=rtl] .ml-3px { + margin-left: 0 !important; + margin-right: 3px !important; +} +[dir=rtl] .ml-5px { + margin-left: 0 !important; + margin-right: 5px !important; +} +[dir=rtl] .ml-6px { + margin-left: 0 !important; + margin-right: 6px !important; +} +[dir=rtl] .ml-7px { + margin-left: 0 !important; + margin-right: 7px !important; +} +[dir=rtl] .ml-8px { + margin-left: 0 !important; + margin-right: 8px !important; +} +[dir=rtl] .ml-9px { + margin-left: 0 !important; + margin-right: 9px !important; +} +[dir=rtl] .ml-10px { + margin-left: 0 !important; + margin-right: 10px !important; +} +[dir=rtl] .ml-11px { + margin-left: 0 !important; + margin-right: 11px !important; +} +[dir=rtl] .ml-12px { + margin-left: 0 !important; + margin-right: 12px !important; +} +[dir=rtl] .ml-13px { + margin-left: 0 !important; + margin-right: 13px !important; +} +[dir=rtl] .ml-14px { + margin-left: 0 !important; + margin-right: 14px !important; +} +[dir=rtl] .ml-15px { + margin-left: 0 !important; + margin-right: 15px !important; +} +[dir=rtl] .ml-16px { + margin-left: 0 !important; + margin-right: 16px !important; +} +[dir=rtl] .ml-17px { + margin-left: 0 !important; + margin-right: 17px !important; +} +[dir=rtl] .ml-18px { + margin-left: 0 !important; + margin-right: 18px !important; +} +[dir=rtl] .ml-19px { + margin-left: 0 !important; + margin-right: 19px !important; +} +[dir=rtl] .ml-20px { + margin-left: 0 !important; + margin-right: 20px !important; +} +[dir=rtl] .ml-21px { + margin-left: 0 !important; + margin-right: 21px !important; +} +[dir=rtl] .ml-22px { + margin-left: 0 !important; + margin-right: 22px !important; +} +[dir=rtl] .ml-23px { + margin-left: 0 !important; + margin-right: 23px !important; +} +[dir=rtl] .ml-24px { + margin-left: 0 !important; + margin-right: 24px !important; +} +[dir=rtl] .ml-25px { + margin-left: 0 !important; + margin-right: 25px !important; +} +[dir=rtl] .ml-26px { + margin-left: 0 !important; + margin-right: 26px !important; +} +[dir=rtl] .ml-27px { + margin-left: 0 !important; + margin-right: 27px !important; +} +[dir=rtl] .ml-28px { + margin-left: 0 !important; + margin-right: 28px !important; +} +[dir=rtl] .ml-29px { + margin-left: 0 !important; + margin-right: 29px !important; +} +[dir=rtl] .ml-30px { + margin-left: 0 !important; + margin-right: 30px !important; +} +[dir=rtl] .ml-2px { + margin-right: 0 !important; + margin-left: 2px !important; +} +[dir=rtl] .ml-3px { + margin-right: 0 !important; + margin-left: 3px !important; +} +[dir=rtl] .mr-5px { + margin-right: 0 !important; + margin-left: 5px !important; +} +[dir=rtl] .mr-6px { + margin-right: 0 !important; + margin-left: 6px !important; +} +[dir=rtl] .mr-7px { + margin-right: 0 !important; + margin-left: 7px !important; +} +[dir=rtl] .ml-8px { + margin-right: 0 !important; + margin-left: 8px !important; +} +[dir=rtl] .mr-9px { + margin-right: 0 !important; + margin-left: 9px !important; +} +[dir=rtl] .mr-10px { + margin-right: 0 !important; + margin-left: 10px !important; +} +[dir=rtl] .mr-11px { + margin-right: 0 !important; + margin-left: 11px !important; +} +[dir=rtl] .mr-12px { + margin-right: 0 !important; + margin-left: 12px !important; +} +[dir=rtl] .mr-13px { + margin-right: 0 !important; + margin-left: 13px !important; +} +[dir=rtl] .mr-14px { + margin-right: 0 !important; + margin-left: 14px !important; +} +[dir=rtl] .mr-15px { + margin-right: 0 !important; + margin-left: 15px !important; +} +[dir=rtl] .mr-16px { + margin-right: 0 !important; + margin-left: 16px !important; +} +[dir=rtl] .mr-17px { + margin-right: 0 !important; + margin-left: 17px !important; +} +[dir=rtl] .mr-18px { + margin-right: 0 !important; + margin-left: 18px !important; +} +[dir=rtl] .mr-19px { + margin-right: 0 !important; + margin-left: 19px !important; +} +[dir=rtl] .mr-20px { + margin-right: 0 !important; + margin-left: 20px !important; +} +[dir=rtl] .mr-21px { + margin-right: 0 !important; + margin-left: 21px !important; +} +[dir=rtl] .mr-22px { + margin-right: 0 !important; + margin-left: 22px !important; +} +[dir=rtl] .mr-23px { + margin-right: 0 !important; + margin-left: 23px !important; +} +[dir=rtl] .mr-24px { + margin-right: 0 !important; + margin-left: 24px !important; +} +[dir=rtl] .mr-25px { + margin-right: 0 !important; + margin-left: 25px !important; +} +[dir=rtl] .mr-26px { + margin-right: 0 !important; + margin-left: 26px !important; +} +[dir=rtl] .mr-27px { + margin-right: 0 !important; + margin-left: 27px !important; +} +[dir=rtl] .mr-28px { + margin-right: 0 !important; + margin-left: 28px !important; +} +[dir=rtl] .mr-29px { + margin-right: 0 !important; + margin-left: 29px !important; +} +[dir=rtl] .mr-30px { + margin-right: 0 !important; + margin-left: 30px !important; +} +[dir=rtl] .pr-5px { + padding-right: 0; + padding-left: 5px; +} +[dir=rtl] .pr-6px { + padding-right: 0; + padding-left: 6px; +} +[dir=rtl] .pr-7px { + padding-right: 0; + padding-left: 7px; +} +[dir=rtl] .pr-8px { + padding-right: 0; + padding-left: 8px; +} +[dir=rtl] .pr-9px { + padding-right: 0; + padding-left: 9px; +} +[dir=rtl] .pr-10px { + padding-right: 0; + padding-left: 10px; +} +[dir=rtl] .pr-11px { + padding-right: 0; + padding-left: 11px; +} +[dir=rtl] .pr-12px { + padding-right: 0; + padding-left: 12px; +} +[dir=rtl] .pr-13px { + padding-right: 0; + padding-left: 13px; +} +[dir=rtl] .pr-14px { + padding-right: 0; + padding-left: 14px; +} +[dir=rtl] .pr-15px { + padding-right: 0; + padding-left: 15px; +} +[dir=rtl] .pr-16px { + padding-right: 0; + padding-left: 16px; +} +[dir=rtl] .pr-17px { + padding-right: 0; + padding-left: 17px; +} +[dir=rtl] .pr-18px { + padding-right: 0; + padding-left: 18px; +} +[dir=rtl] .pr-19px { + padding-right: 0; + padding-left: 19px; +} +[dir=rtl] .pr-20px { + padding-right: 0; + padding-left: 20px; +} +[dir=rtl] .pr-21px { + padding-right: 0; + padding-left: 21px; +} +[dir=rtl] .pr-22px { + padding-right: 0; + padding-left: 22px; +} +[dir=rtl] .pr-23px { + padding-right: 0; + padding-left: 23px; +} +[dir=rtl] .pr-24px { + padding-right: 0; + padding-left: 24px; +} +[dir=rtl] .pr-25px { + padding-right: 0; + padding-left: 25px; +} +[dir=rtl] .pr-26px { + padding-right: 0; + padding-left: 26px; +} +[dir=rtl] .pr-27px { + padding-right: 0; + padding-left: 27px; +} +[dir=rtl] .pr-28px { + padding-right: 0; + padding-left: 28px; +} +[dir=rtl] .pr-29px { + padding-right: 0; + padding-left: 29px; +} +[dir=rtl] .pr-30px { + padding-right: 0; + padding-left: 30px; +} +[dir=rtl] .pr-35px { + padding-right: 0; + padding-left: 35px; +} +[dir=rtl] .pr-40px { + padding-right: 0; + padding-left: 40px; +} +[dir=rtl] .pr-45px { + padding-right: 0; + padding-left: 45px; +} +[dir=rtl] .pr-50px { + padding-right: 0; + padding-left: 50px; +} +[dir=rtl] .pr-55px { + padding-right: 0; + padding-left: 55px; +} +[dir=rtl] .pr-60px { + padding-right: 0; + padding-left: 60px; +} +[dir=rtl] .pl-5px { + padding-left: 0; + padding-right: 5px; +} +[dir=rtl] .pl-6px { + padding-left: 0; + padding-right: 6px; +} +[dir=rtl] .pl-7px { + padding-left: 0; + padding-right: 7px; +} +[dir=rtl] .pl-8px { + padding-left: 0; + padding-right: 8px; +} +[dir=rtl] .pl-9px { + padding-left: 0; + padding-right: 9px; +} +[dir=rtl] .pl-10px { + padding-left: 0; + padding-right: 10px; +} +[dir=rtl] .pl-11px { + padding-left: 0; + padding-right: 11px; +} +[dir=rtl] .pl-12px { + padding-left: 0; + padding-right: 12px; +} +[dir=rtl] .pl-13px { + padding-left: 0; + padding-right: 13px; +} +[dir=rtl] .pl-14px { + padding-left: 0; + padding-right: 14px; +} +[dir=rtl] .pl-15px { + padding-left: 0; + padding-right: 15px; +} +[dir=rtl] .pl-16px { + padding-left: 0; + padding-right: 16px; +} +[dir=rtl] .pl-17px { + padding-left: 0; + padding-right: 17px; +} +[dir=rtl] .pl-18px { + padding-left: 0; + padding-right: 18px; +} +[dir=rtl] .pl-19px { + padding-left: 0; + padding-right: 19px; +} +[dir=rtl] .pl-20px { + padding-left: 0; + padding-right: 20px; +} +[dir=rtl] .pl-21px { + padding-left: 0; + padding-right: 21px; +} +[dir=rtl] .pl-22px { + padding-left: 0; + padding-right: 22px; +} +[dir=rtl] .pl-23px { + padding-left: 0; + padding-right: 23px; +} +[dir=rtl] .pl-24px { + padding-left: 0; + padding-right: 24px; +} +[dir=rtl] .pl-25px { + padding-left: 0; + padding-right: 25px; +} +[dir=rtl] .pl-26px { + padding-left: 0; + padding-right: 26px; +} +[dir=rtl] .pl-27px { + padding-left: 0; + padding-right: 27px; +} +[dir=rtl] .pl-28px { + padding-left: 0; + padding-right: 28px; +} +[dir=rtl] .pl-29px { + padding-left: 0; + padding-right: 29px; +} +[dir=rtl] .pl-30px { + padding-left: 0; + padding-right: 30px; +} +[dir=rtl] .pl-35px { + padding-left: 0; + padding-right: 35px; +} +[dir=rtl] .pl-40px { + padding-left: 0; + padding-right: 40px; +} +[dir=rtl] .pl-45px { + padding-left: 0; + padding-right: 45px; +} +[dir=rtl] .pl-50px { + padding-left: 0; + padding-right: 50px; +} +[dir=rtl] .pl-55px { + padding-left: 0; + padding-right: 55px; +} +[dir=rtl] .pl-60px { + padding-left: 0; + padding-right: 60px; +} +[dir=rtl] .right-5px { + right: auto; + left: 5px; +} +[dir=rtl] .right-6px { + right: auto; + left: 6px; +} +[dir=rtl] .right-7px { + right: auto; + left: 7px; +} +[dir=rtl] .right-8px { + right: auto; + left: 8px; +} +[dir=rtl] .right-9px { + right: auto; + left: 9px; +} +[dir=rtl] .right-10px { + right: auto; + left: 10px; +} +[dir=rtl] .right-11px { + right: auto; + left: 11px; +} +[dir=rtl] .right-12px { + right: auto; + left: 12px; +} +[dir=rtl] .right-13px { + right: auto; + left: 13px; +} +[dir=rtl] .right-14px { + right: auto; + left: 14px; +} +[dir=rtl] .right-15px { + right: auto; + left: 15px; +} +[dir=rtl] .right-16px { + right: auto; + left: 16px; +} +[dir=rtl] .right-17px { + right: auto; + left: 17px; +} +[dir=rtl] .right-18px { + right: auto; + left: 18px; +} +[dir=rtl] .right-19px { + right: auto; + left: 19px; +} +[dir=rtl] .right-20px { + right: auto; + left: 20px; +} +[dir=rtl] .right-21px { + right: auto; + left: 21px; +} +[dir=rtl] .right-22px { + right: auto; + left: 22px; +} +[dir=rtl] .right-23px { + right: auto; + left: 23px; +} +[dir=rtl] .right-24px { + right: auto; + left: 24px; +} +[dir=rtl] .right-25px { + right: auto; + left: 25px; +} +[dir=rtl] .right-26px { + right: auto; + left: 27px; +} +[dir=rtl] .right-28px { + right: auto; + left: 28px; +} +[dir=rtl] .right-29px { + right: auto; + left: 29px; +} +[dir=rtl] .right-30px { + right: auto; + left: 30px; +} +[dir=rtl] .search-form { + margin-right: 20px; + margin-left: 0; +} +[dir=rtl] .LeftSidebarNav { + left: auto; + right: 0; +} +[dir=rtl] .main-wrapper-content { + padding-left: 0; + padding-right: 330px; +} +[dir=rtl] .main-wrapper-content .main-content { + padding-right: 0; + padding-left: 30px; +} +[dir=rtl] .main-wrapper-content.active { + padding-right: 30px; +} +[dir=rtl] .main-wrapper-content.active .LeftSidebarNav { + left: auto; + right: -100%; +} +@media only screen and (max-width: 767px) { + [dir=rtl] .main-wrapper-content .main-content { + padding-left: 15px !important; + padding-right: 15px !important; + } +} +@media only screen and (max-width: 1199px) { + [dir=rtl] .main-wrapper-content { + padding: 0; + } + [dir=rtl] .main-wrapper-content .LeftSidebarNav { + left: auto; + right: -100%; + width: 280px; + } + [dir=rtl] .main-wrapper-content .main-content { + padding-left: 30px; + padding-right: 30px; + } + [dir=rtl] .main-wrapper-content.active { + padding: 0; + } + [dir=rtl] .main-wrapper-content.active .LeftSidebarNav { + left: auto; + right: 0; + } +} +[dir=rtl] .apexcharts-legend-marker { + margin-right: 0; + margin-left: 3px; +} +[dir=rtl] .apexcharts-yaxis, [dir=rtl] .apexcharts-subtitle-text, [dir=rtl] .apexcharts-title-text { + direction: ltr; +} +[dir=rtl] .css-1qlw4ct-MuiPaper-root-MuiMenu-paper-MuiPaper-root-MuiPopover-paper:before, [dir=rtl] .css-1mpld98-MuiPaper-root-MuiMenu-paper-MuiPaper-root-MuiPopover-paper:before { + display: none; +} +[dir=rtl] .recharts-legend-item .recharts-surface { + margin-right: 0; + margin-left: 4px; +} +[dir=rtl] .ls-search-form input.MuiInputBase-input { + padding-right: 15px; +} +[dir=rtl] .ls-search-form .search-btn { + right: auto; + left: 0; +} +[dir=rtl] .css-s2uf1z { + text-align: left; +} +[dir=rtl] .MuiAlert-icon { + margin-right: 0; + margin-left: 12px; +} +[dir=rtl] .input-label label { + left: auto; + right: 0; + transform: translate(-15px, 16px) scale(1); +} +[dir=rtl] .css-b1hphm-MuiButtonBase-root-MuiChip-root .MuiChip-deleteIcon { + margin-right: 0; + margin-left: 10px; +} +[dir=rtl] .avatars-gap .MuiAvatar-root { + margin-left: 16px; +} +[dir=rtl] .avatars-gap .MuiAvatar-root:last-child { + margin-left: 0; +} +[dir=rtl] .gadge-gap .MuiBadge-root { + margin-left: 16px; +} +[dir=rtl] .gadge-gap .MuiBadge-root:last-child { + margin-left: 0; +} +[dir=rtl] .MuiButtonBase-root .MuiButton-startIcon { + margin-right: 0; + margin-left: 8px; +} +[dir=rtl] .MuiAlert-root .css-ki1hdl-MuiAlert-action { + margin-left: -8px; + margin-right: auto; +} +[dir=rtl] .chip-gap-for-rtl .MuiChip-root { + margin-left: 0; + margin-right: 15px; +} +[dir=rtl] .chip-gap-for-rtl .MuiChip-root:first-child { + margin-right: 0; +} +[dir=rtl] .direction-ltr { + direction: ltr; +} +[dir=rtl] .rtl-step-label .MuiStepLabel-iconContainer { + padding-right: 0; + padding-left: 10px; +} +[dir=rtl] .scroll-to-top i { + right: auto; + left: 20px; +} +[dir=rtl] .control-panel-modal { + right: auto; + left: -100%; +} +[dir=rtl] .control-panel-modal.show { + right: auto; + left: 0; +} +[dir=rtl] .control-panel-modal .settings-btn { + right: auto; + left: 15px; +} +[dir=rtl] .control-panel-dialog { + margin-left: 0; + margin-right: auto; +} +[dir=rtl] .progressIcon { + right: 7px; + margin: 0; +}/*# sourceMappingURL=rtl.css.map */ \ No newline at end of file diff --git a/styles/rtl.css.map b/styles/rtl.css.map new file mode 100644 index 0000000..12b1665 --- /dev/null +++ b/styles/rtl.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["rtl.scss","rtl.css"],"names":[],"mappings":"AAEE;EACE,iBAAA;ACDJ;ADKE;EACE,cAAA;EACA,YAAA;ACHJ;ADKE;EACE,cAAA;EACA,WAAA;ACHJ;ADOE;EACE,yBAAA;EACA,6BAAA;ACLJ;ADOE;EACE,yBAAA;EACA,4BAAA;ACLJ;ADOE;EACE,yBAAA;EACA,6BAAA;ACLJ;ADOE;EACE,yBAAA;EACA,6BAAA;ACLJ;ADOE;EACE,yBAAA;EACA,6BAAA;ACLJ;ADOE;EACE,yBAAA;EACA,6BAAA;ACLJ;ADSE;EACE,0BAAA;EACA,2BAAA;ACPJ;ADSE;EACE,0BAAA;EACA,4BAAA;ACPJ;ADSE;EACE,0BAAA;EACA,4BAAA;ACPJ;ADSE;EACE,0BAAA;EACA,4BAAA;ACPJ;ADSE;EACE,0BAAA;EACA,4BAAA;ACPJ;ADWE;EACE,yBAAA;EACA,4BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,4BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,4BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,4BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,4BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,4BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,4BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,6BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,6BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,6BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,6BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,6BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,6BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,6BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,6BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,6BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,6BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,6BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,6BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,6BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,6BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,6BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,6BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,6BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,6BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,6BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,6BAAA;ACTJ;ADWE;EACE,yBAAA;EACA,6BAAA;ACTJ;ADaE;EACE,0BAAA;EACA,2BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,2BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,2BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,2BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,2BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,2BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,2BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,4BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,4BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,4BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,4BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,4BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,4BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,4BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,4BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,4BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,4BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,4BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,4BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,4BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,4BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,4BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,4BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,4BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,4BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,4BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,4BAAA;ACXJ;ADaE;EACE,0BAAA;EACA,4BAAA;ACXJ;ADeE;EACE,gBAAA;EACA,iBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,iBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,iBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,iBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,iBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADeE;EACE,gBAAA;EACA,kBAAA;ACbJ;ADiBE;EACE,eAAA;EACA,kBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,kBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,kBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,kBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,kBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADiBE;EACE,eAAA;EACA,mBAAA;ACfJ;ADmBE;EACE,WAAA;EACA,SAAA;ACjBJ;ADmBE;EACE,WAAA;EACA,SAAA;ACjBJ;ADmBE;EACE,WAAA;EACA,SAAA;ACjBJ;ADmBE;EACE,WAAA;EACA,SAAA;ACjBJ;ADmBE;EACE,WAAA;EACA,SAAA;ACjBJ;ADmBE;EACE,WAAA;EACA,UAAA;ACjBJ;ADmBE;EACE,WAAA;EACA,UAAA;ACjBJ;ADmBE;EACE,WAAA;EACA,UAAA;ACjBJ;ADmBE;EACE,WAAA;EACA,UAAA;ACjBJ;ADmBE;EACE,WAAA;EACA,UAAA;ACjBJ;ADmBE;EACE,WAAA;EACA,UAAA;ACjBJ;ADmBE;EACE,WAAA;EACA,UAAA;ACjBJ;ADmBE;EACE,WAAA;EACA,UAAA;ACjBJ;ADmBE;EACE,WAAA;EACA,UAAA;ACjBJ;ADmBE;EACE,WAAA;EACA,UAAA;ACjBJ;ADmBE;EACE,WAAA;EACA,UAAA;ACjBJ;ADmBE;EACE,WAAA;EACA,UAAA;ACjBJ;ADmBE;EACE,WAAA;EACA,UAAA;ACjBJ;ADmBE;EACE,WAAA;EACA,UAAA;ACjBJ;ADmBE;EACE,WAAA;EACA,UAAA;ACjBJ;ADmBE;EACE,WAAA;EACA,UAAA;ACjBJ;ADmBE;EACE,WAAA;EACA,UAAA;ACjBJ;ADmBE;EACE,WAAA;EACA,UAAA;ACjBJ;ADmBE;EACE,WAAA;EACA,UAAA;ACjBJ;ADmBE;EACE,WAAA;EACA,UAAA;ACjBJ;ADqBE;EACE,kBAAA;EACA,cAAA;ACnBJ;ADuBE;EACE,UAAA;EACA,QAAA;ACrBJ;ADyBE;EACE,eAAA;EACA,oBAAA;ACvBJ;ADwBI;EACE,gBAAA;EACA,kBAAA;ACtBN;ADwBI;EACE,mBAAA;ACtBN;ADuBM;EACE,UAAA;EACA,YAAA;ACrBR;AD0BE;EAEI;IACE,6BAAA;IACA,8BAAA;ECzBN;AACF;AD6BE;EACE;IACE,UAAA;EC3BJ;ED6BI;IACE,UAAA;IACA,YAAA;IACA,YAAA;EC3BN;ED6BI;IACE,kBAAA;IACA,mBAAA;EC3BN;ED8BI;IACE,UAAA;EC5BN;ED8BM;IACE,UAAA;IACA,QAAA;EC5BR;AACF;ADkCE;EACE,eAAA;EACA,gBAAA;AChCJ;ADkCE;EACE,cAAA;AChCJ;ADoCI;EACE,aAAA;AClCN;ADuCI;EACE,eAAA;EACA,gBAAA;ACrCN;AD2CI;EACE,mBAAA;ACzCN;AD2CI;EACE,WAAA;EACA,OAAA;ACzCN;AD6CE;EACE,gBAAA;AC3CJ;AD8CE;EACE,eAAA;EACA,iBAAA;AC5CJ;ADgDI;EACE,UAAA;EACA,QAAA;EACA,0CAAA;AC9CN;ADkDE;EACE,eAAA;EACA,iBAAA;AChDJ;ADoDI;EACE,iBAAA;AClDN;ADmDM;EACE,cAAA;ACjDR;ADsDI;EACE,iBAAA;ACpDN;ADqDM;EACE,cAAA;ACnDR;ADyDI;EACE,eAAA;EACA,gBAAA;ACvDN;AD2DI;EACE,iBAAA;EACA,kBAAA;ACzDN;AD6DI;EACE,cAAA;EACA,kBAAA;AC3DN;AD4DM;EACE,eAAA;AC1DR;AD+DE;EACE,cAAA;AC7DJ;AD+DE;EACE,gBAAA;EACA,kBAAA;AC7DJ;ADkEI;EACE,WAAA;EACA,UAAA;AChEN;ADqEE;EACE,WAAA;EACA,WAAA;ACnEJ;ADqEI;EACE,WAAA;EACA,OAAA;ACnEN;ADsEI;EACE,WAAA;EACA,UAAA;ACpEN;ADuEE;EACE,cAAA;EACA,kBAAA;ACrEJ;ADwEE;EACE,UAAA;EACA,SAAA;ACtEJ","file":"rtl.css"} \ No newline at end of file diff --git a/styles/rtl.scss b/styles/rtl.scss new file mode 100644 index 0000000..f36d6d8 --- /dev/null +++ b/styles/rtl.scss @@ -0,0 +1,853 @@ +[dir="rtl"] { + + table, th, tr, td { + text-align: right; + } + + // Float + .float-left { + float: initial; + float: right; + } + .float-right { + float: initial; + float: left; + } + + // Margin Left + .ml-auto { + margin-left: 0 !important; + margin-right: auto !important; + } + .ml-1 { + margin-left: 0 !important; + margin-right: 8px !important; + } + .ml-2 { + margin-left: 0 !important; + margin-right: 16px !important; + } + .ml-3 { + margin-left: 0 !important; + margin-right: 24px !important; + } + .ml-4 { + margin-left: 0 !important; + margin-right: 32px !important; + } + .ml-5 { + margin-left: 0 !important; + margin-right: 40px !important; + } + + // Margin Right + .mr-1 { + margin-right: 0 !important; + margin-left: 8px !important; + } + .mr-2 { + margin-right: 0 !important; + margin-left: 16px !important; + } + .mr-3 { + margin-right: 0 !important; + margin-left: 24px !important; + } + .mr-4 { + margin-right: 0 !important; + margin-left: 32px !important; + } + .mr-5 { + margin-right: 0 !important; + margin-left: 40px !important; + } + + // Margin Left + .ml-2px { + margin-left: 0 !important; + margin-right: 2px !important; + } + .ml-3px { + margin-left: 0 !important; + margin-right: 3px !important; + } + .ml-5px { + margin-left: 0 !important; + margin-right: 5px !important; + } + .ml-6px { + margin-left: 0 !important; + margin-right: 6px !important; + } + .ml-7px { + margin-left: 0 !important; + margin-right: 7px !important; + } + .ml-8px { + margin-left: 0 !important; + margin-right: 8px !important; + } + .ml-9px { + margin-left: 0 !important; + margin-right: 9px !important; + } + .ml-10px { + margin-left: 0 !important; + margin-right: 10px !important; + } + .ml-11px { + margin-left: 0 !important; + margin-right: 11px !important; + } + .ml-12px { + margin-left: 0 !important; + margin-right: 12px !important; + } + .ml-13px { + margin-left: 0 !important; + margin-right: 13px !important; + } + .ml-14px { + margin-left: 0 !important; + margin-right: 14px !important; + } + .ml-15px { + margin-left: 0 !important; + margin-right: 15px !important; + } + .ml-16px { + margin-left: 0 !important; + margin-right: 16px !important; + } + .ml-17px { + margin-left: 0 !important; + margin-right: 17px !important; + } + .ml-18px { + margin-left: 0 !important; + margin-right: 18px !important; + } + .ml-19px { + margin-left: 0 !important; + margin-right: 19px !important; + } + .ml-20px { + margin-left: 0 !important; + margin-right: 20px !important; + } + .ml-21px { + margin-left: 0 !important; + margin-right: 21px !important; + } + .ml-22px { + margin-left: 0 !important; + margin-right: 22px !important; + } + .ml-23px { + margin-left: 0 !important; + margin-right: 23px !important; + } + .ml-24px { + margin-left: 0 !important; + margin-right: 24px !important; + } + .ml-25px { + margin-left: 0 !important; + margin-right: 25px !important; + } + .ml-26px { + margin-left: 0 !important; + margin-right: 26px !important; + } + .ml-27px { + margin-left: 0 !important; + margin-right: 27px !important; + } + .ml-28px { + margin-left: 0 !important; + margin-right: 28px !important; + } + .ml-29px { + margin-left: 0 !important; + margin-right: 29px !important; + } + .ml-30px { + margin-left: 0 !important; + margin-right: 30px !important; + } + + // Margin Right + .ml-2px { + margin-right: 0 !important; + margin-left: 2px !important; + } + .ml-3px { + margin-right: 0 !important; + margin-left: 3px !important; + } + .mr-5px { + margin-right: 0 !important; + margin-left: 5px !important; + } + .mr-6px { + margin-right: 0 !important; + margin-left: 6px !important; + } + .mr-7px { + margin-right: 0 !important; + margin-left: 7px !important; + } + .ml-8px { + margin-right: 0 !important; + margin-left: 8px !important; + } + .mr-9px { + margin-right: 0 !important; + margin-left: 9px !important; + } + .mr-10px { + margin-right: 0 !important; + margin-left: 10px !important; + } + .mr-11px { + margin-right: 0 !important; + margin-left: 11px !important; + } + .mr-12px { + margin-right: 0 !important; + margin-left: 12px !important; + } + .mr-13px { + margin-right: 0 !important; + margin-left: 13px !important; + } + .mr-14px { + margin-right: 0 !important; + margin-left: 14px !important; + } + .mr-15px { + margin-right: 0 !important; + margin-left: 15px !important; + } + .mr-16px { + margin-right: 0 !important; + margin-left: 16px !important; + } + .mr-17px { + margin-right: 0 !important; + margin-left: 17px !important; + } + .mr-18px { + margin-right: 0 !important; + margin-left: 18px !important; + } + .mr-19px { + margin-right: 0 !important; + margin-left: 19px !important; + } + .mr-20px { + margin-right: 0 !important; + margin-left: 20px !important; + } + .mr-21px { + margin-right: 0 !important; + margin-left: 21px !important; + } + .mr-22px { + margin-right: 0 !important; + margin-left: 22px !important; + } + .mr-23px { + margin-right: 0 !important; + margin-left: 23px !important; + } + .mr-24px { + margin-right: 0 !important; + margin-left: 24px !important; + } + .mr-25px { + margin-right: 0 !important; + margin-left: 25px !important; + } + .mr-26px { + margin-right: 0 !important; + margin-left: 26px !important; + } + .mr-27px { + margin-right: 0 !important; + margin-left: 27px !important; + } + .mr-28px { + margin-right: 0 !important; + margin-left: 28px !important; + } + .mr-29px { + margin-right: 0 !important; + margin-left: 29px !important; + } + .mr-30px { + margin-right: 0 !important; + margin-left: 30px !important; + } + + // Padding Right + .pr-5px { + padding-right: 0; + padding-left: 5px; + } + .pr-6px { + padding-right: 0; + padding-left: 6px; + } + .pr-7px { + padding-right: 0; + padding-left: 7px; + } + .pr-8px { + padding-right: 0; + padding-left: 8px; + } + .pr-9px { + padding-right: 0; + padding-left: 9px; + } + .pr-10px { + padding-right: 0; + padding-left: 10px; + } + .pr-11px { + padding-right: 0; + padding-left: 11px; + } + .pr-12px { + padding-right: 0; + padding-left: 12px; + } + .pr-13px { + padding-right: 0; + padding-left: 13px; + } + .pr-14px { + padding-right: 0; + padding-left: 14px; + } + .pr-15px { + padding-right: 0; + padding-left: 15px; + } + .pr-16px { + padding-right: 0; + padding-left: 16px; + } + .pr-17px { + padding-right: 0; + padding-left: 17px; + } + .pr-18px { + padding-right: 0; + padding-left: 18px; + } + .pr-19px { + padding-right: 0; + padding-left: 19px; + } + .pr-20px { + padding-right: 0; + padding-left: 20px; + } + .pr-21px { + padding-right: 0; + padding-left: 21px; + } + .pr-22px { + padding-right: 0; + padding-left: 22px; + } + .pr-23px { + padding-right: 0; + padding-left: 23px; + } + .pr-24px { + padding-right: 0; + padding-left: 24px; + } + .pr-25px { + padding-right: 0; + padding-left: 25px; + } + .pr-26px { + padding-right: 0; + padding-left: 26px; + } + .pr-27px { + padding-right: 0; + padding-left: 27px; + } + .pr-28px { + padding-right: 0; + padding-left: 28px; + } + .pr-29px { + padding-right: 0; + padding-left: 29px; + } + .pr-30px { + padding-right: 0; + padding-left: 30px; + } + .pr-35px { + padding-right: 0; + padding-left: 35px; + } + .pr-40px { + padding-right: 0; + padding-left: 40px; + } + .pr-45px { + padding-right: 0; + padding-left: 45px; + } + .pr-50px { + padding-right: 0; + padding-left: 50px; + } + .pr-55px { + padding-right: 0; + padding-left: 55px; + } + .pr-60px { + padding-right: 0; + padding-left: 60px; + } + + // Padding Left + .pl-5px { + padding-left: 0; + padding-right: 5px; + } + .pl-6px { + padding-left: 0; + padding-right: 6px; + } + .pl-7px { + padding-left: 0; + padding-right: 7px; + } + .pl-8px { + padding-left: 0; + padding-right: 8px; + } + .pl-9px { + padding-left: 0; + padding-right: 9px; + } + .pl-10px { + padding-left: 0; + padding-right: 10px; + } + .pl-11px { + padding-left: 0; + padding-right: 11px; + } + .pl-12px { + padding-left: 0; + padding-right: 12px; + } + .pl-13px { + padding-left: 0; + padding-right: 13px; + } + .pl-14px { + padding-left: 0; + padding-right: 14px; + } + .pl-15px { + padding-left: 0; + padding-right: 15px; + } + .pl-16px { + padding-left: 0; + padding-right: 16px; + } + .pl-17px { + padding-left: 0; + padding-right: 17px; + } + .pl-18px { + padding-left: 0; + padding-right: 18px; + } + .pl-19px { + padding-left: 0; + padding-right: 19px; + } + .pl-20px { + padding-left: 0; + padding-right: 20px; + } + .pl-21px { + padding-left: 0; + padding-right: 21px; + } + .pl-22px { + padding-left: 0; + padding-right: 22px; + } + .pl-23px { + padding-left: 0; + padding-right: 23px; + } + .pl-24px { + padding-left: 0; + padding-right: 24px; + } + .pl-25px { + padding-left: 0; + padding-right: 25px; + } + .pl-26px { + padding-left: 0; + padding-right: 26px; + } + .pl-27px { + padding-left: 0; + padding-right: 27px; + } + .pl-28px { + padding-left: 0; + padding-right: 28px; + } + .pl-29px { + padding-left: 0; + padding-right: 29px; + } + .pl-30px { + padding-left: 0; + padding-right: 30px; + } + .pl-35px { + padding-left: 0; + padding-right: 35px; + } + .pl-40px { + padding-left: 0; + padding-right: 40px; + } + .pl-45px { + padding-left: 0; + padding-right: 45px; + } + .pl-50px { + padding-left: 0; + padding-right: 50px; + } + .pl-55px { + padding-left: 0; + padding-right: 55px; + } + .pl-60px { + padding-left: 0; + padding-right: 60px; + } + + // Right + .right-5px { + right: auto; + left: 5px; + } + .right-6px { + right: auto; + left: 6px; + } + .right-7px { + right: auto; + left: 7px; + } + .right-8px { + right: auto; + left: 8px; + } + .right-9px { + right: auto; + left: 9px; + } + .right-10px { + right: auto; + left: 10px; + } + .right-11px { + right: auto; + left: 11px; + } + .right-12px { + right: auto; + left: 12px; + } + .right-13px { + right: auto; + left: 13px; + } + .right-14px { + right: auto; + left: 14px; + } + .right-15px { + right: auto; + left: 15px; + } + .right-16px { + right: auto; + left: 16px; + } + .right-17px { + right: auto; + left: 17px; + } + .right-18px { + right: auto; + left: 18px; + } + .right-19px { + right: auto; + left: 19px; + } + .right-20px { + right: auto; + left: 20px; + } + .right-21px { + right: auto; + left: 21px; + } + .right-22px { + right: auto; + left: 22px; + } + .right-23px { + right: auto; + left: 23px; + } + .right-24px { + right: auto; + left: 24px; + } + .right-25px { + right: auto; + left: 25px; + } + .right-26px { + right: auto; + left: 27px; + } + .right-28px { + right: auto; + left: 28px; + } + .right-29px { + right: auto; + left: 29px; + } + .right-30px { + right: auto; + left: 30px; + } + + // Top Navbar + .search-form { + margin-right: 20px; + margin-left: 0; + } + + // LeftSidebarNav + .LeftSidebarNav { + left: auto; + right: 0; + } + + // main-wrapper-content + .main-wrapper-content { + padding-left: 0; + padding-right: 330px; + .main-content { + padding-right: 0; + padding-left: 30px; + } + &.active { + padding-right: 30px; + .LeftSidebarNav { + left: auto; + right: -100%; + } + } + } + + @media only screen and (max-width: 767px) { + .main-wrapper-content { + .main-content { + padding-left: 15px !important; + padding-right: 15px !important; + } + } + } + + @media only screen and (max-width: 1199px) { + .main-wrapper-content { + padding: 0; + + .LeftSidebarNav { + left: auto; + right: -100%; + width: 280px; + } + .main-content { + padding-left: 30px; + padding-right: 30px; + } + + &.active { + padding: 0; + + .LeftSidebarNav { + left: auto; + right: 0; + } + } + } + } + + // apexcharts + .apexcharts-legend-marker { + margin-right: 0; + margin-left: 3px; + } + .apexcharts-yaxis, .apexcharts-subtitle-text, .apexcharts-title-text { + direction: ltr; + } + + .css-1qlw4ct-MuiPaper-root-MuiMenu-paper-MuiPaper-root-MuiPopover-paper, .css-1mpld98-MuiPaper-root-MuiMenu-paper-MuiPaper-root-MuiPopover-paper{ + &:before { + display: none; + } + } + + .recharts-legend-item { + .recharts-surface { + margin-right: 0; + margin-left: 4px; + } + } + + // ls-search-form + .ls-search-form { + input.MuiInputBase-input { + padding-right: 15px; + } + .search-btn { + right: auto; + left: 0; + } + } + + .css-s2uf1z { + text-align: left; + } + + .MuiAlert-icon { + margin-right: 0; + margin-left: 12px; + } + + .input-label { + label { + left: auto; + right: 0; + transform: translate(-15px, 16px) scale(1); + } + } + + .css-b1hphm-MuiButtonBase-root-MuiChip-root .MuiChip-deleteIcon { + margin-right: 0; + margin-left: 10px; + } + + .avatars-gap { + .MuiAvatar-root { + margin-left: 16px; + &:last-child { + margin-left: 0; + } + } + } + .gadge-gap { + .MuiBadge-root { + margin-left: 16px; + &:last-child { + margin-left: 0; + } + } + } + + .MuiButtonBase-root { + .MuiButton-startIcon { + margin-right: 0; + margin-left: 8px; + } + } + .MuiAlert-root { + .css-ki1hdl-MuiAlert-action { + margin-left: -8px; + margin-right: auto; + } + } + .chip-gap-for-rtl { + .MuiChip-root { + margin-left: 0; + margin-right: 15px; + &:first-child { + margin-right: 0; + } + } + } + + .direction-ltr { + direction: ltr; + } + .rtl-step-label .MuiStepLabel-iconContainer { + padding-right: 0; + padding-left: 10px; + } + + // Scroll To Top CSS + .scroll-to-top { + i { + right: auto; + left: 20px; + } + } + + // control-panel-modal + .control-panel-modal { + right: auto; + left: -100%; + + &.show { + right: auto; + left: 0; + } + + .settings-btn { + right: auto; + left: 15px; + } + } + .control-panel-dialog { + margin-left: 0; + margin-right: auto; + } + + .progressIcon { + right: 7px; + margin: 0; + } +} + diff --git a/styles/theme/index.js b/styles/theme/index.js new file mode 100644 index 0000000..85d6b60 --- /dev/null +++ b/styles/theme/index.js @@ -0,0 +1,40 @@ +import { createTheme } from "@mui/material/styles"; + +// Create a theme instance. +const theme = createTheme({ + palette: { + text: { + primary: '#5B5B98', + secondary: '#5B5B98', + disabled: '#5B5B98', + hint: '#5B5B98', + }, + primary: { + main: "#757FEF", + }, + secondary: { + main: "#818093", + }, + success: { + main: "#00B69B", + }, + info: { + main: "#2DB6F5", + }, + warning: { + main: "#FFBC2B", + }, + danger: { + main: "#EE368C", + }, + dark: { + main: "#260944", + }, + }, + + typography: { + fontSize: 12 + }, +}); + +export default theme;

972

102

3m

$972

50k

1026

1.5k

1250k

Welcome to admash Dashboard!

Andrew Burns

{timeline.title}

Welcome to admash Dashboard!

{timeline.title}

{timeline.subTitle}

45,347

20,738

Conversions

Goal Completions

Impression Share

36,868

9,217

15,684

36,868

$27632

82.9k

0.9k

972

102

3m

$972

50k

16,868

31,868

Welcome to admash Dashboard!

$1025465

1,802

1605

{timeline.title}

Total Watched

Assignment Completed

Monthly Progress

Overall Pass Percentage

{timeline.title}

Impression Share

{timeline.title}

{timeline.subTitle}

{customer.name}

{timeline.title}

Welcome to admash Dashboard!

Terms & Conditions

Privacy Policy

License Usage

Media

Product Updates

Cookies

{feedback.name}

{feedback.name}

{feedback.name}

Text in a child modal

Text in a modal

Dark/Light Mode

Only Left Sidebar Dark/Light Mode

Only Top Navbar Dark/Light Mode

LTR/RTL Demos

{timeline.title}

Alvarado Turner

Riley Dave

Ivan Dan

Analytics

Customers

Reports

Calendar

Chat

Assets

Documents

Important

File Manager

Media

Personal

Projects