CSS Structure

Here is the general CSS structure of the template:

<!-- Google Font Api KEY-->
<meta name="google_font_api" content="">
<!-- Favicon -->
<link rel="shortcut icon" href="../assets/images/logo-mini.png" />

<!-- Library / Plugin Css Build -->
<link rel="stylesheet" href="../assets/css/core/libs.min.css" />

<!-- flaticon css -->
<link rel="stylesheet" href="../assets/vendor/flaticon/css/flaticon.css" />

<!-- font-awesome css -->
<link rel="stylesheet" href="../assets/vendor/font-awesome/css/font-awesome.min.css" />

<!-- Vector map css -->
<link rel="stylesheet" href="../assets/vendor/leaflet/leaflet.css">

<!-- NoUI Slider css -->
<link rel="stylesheet" href="../assets/vendor/noUiSilder/style/nouislider.min.css">

<!-- SwiperSlider css -->
<link rel="stylesheet" href="../assets/vendor/swiperSlider/swiper.min.css">

<!-- Fullcalender CSS -->
<link rel='stylesheet' href='../assets/vendor/fullcalendar/core/main.css' />
<link rel='stylesheet' href='../assets/vendor/fullcalendar/daygrid/main.css' />
<link rel='stylesheet' href='../assets/vendor/fullcalendar/timegrid/main.css' />
<link rel='stylesheet' href='../assets/vendor/fullcalendar/list/main.css' />

<!-- Uppy Css -->
<link rel="stylesheet" href="../assets/vendor/uppy/uppy.min.css">
</link>

<!-- jstree Css -->
<link rel="stylesheet" href="../assets/vendor/jstree/style.css">

<!-- Choisejs css -->
<link rel="stylesheet" href="../assets/vendor/choiceJS/style/choices.min.css">

<!-- Flatpickr css -->
<link rel="stylesheet" href="../assets/vendor/flatpickr/dist/flatpickr.min.css" />

<!-- Sweetlaert2 css -->
<link rel="stylesheet" href="../assets/vendor/sweetalert2/dist/sweetalert2.min.css">

<!-- Quill Editor css -->
<link rel="stylesheet" href="../assets/vendor/quill/quill.snow.css">

<!-- booksto Design System Css -->
<link rel="stylesheet" href="../assets/css/booksto.min.css?v=1.0.0" />

<!-- Custom Css -->
<link rel="stylesheet" href="../assets/css/custom.min.css?v=1.0.0" />

<!-- RTL Css -->
<link rel="stylesheet" href="../assets/css/rtl.min.css?v=1.0.0" />

<!-- Customizer Css -->
<link rel="stylesheet" href="../assets/css/customizer.min.css?v=1.0.0" />

<!-- Google Font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>


<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet">


<link rel="stylesheet" href="../assets/vendor/remixicon/fonts/remixicon.css" />

<link rel="stylesheet" href="../assets/vendor/dripicons/webfont/webfont.css" />

<link rel="stylesheet" href="../assets/vendor/ionicons/css/ionicons.min.css" />

<link rel="stylesheet" href="../assets/vendor/line-awesome/css/line-awesome.min.css" />

<!-- Phosphor icons  -->
<link rel="stylesheet" href="../assets/vendor/phosphor-icons/Fonts/regular/style.css"></link>
<link rel="stylesheet" href="../assets/vendor/phosphor-icons/Fonts/duotone/style.css"></link>
<link rel="stylesheet" href="../assets/vendor/phosphor-icons/Fonts/fill/style.css"></link>

<!-- Fullcalendar CSS -->
<link rel='stylesheet' href='../assets/vendor/fullcalendar/core/main.css'>
<link rel='stylesheet' href='../assets/vendor/fullcalendar/daygrid/main.css'>
<link rel='stylesheet' href='../assets/vendor/fullcalendar/timegrid/main.css'>
<link rel='stylesheet' href='../assets/vendor/fullcalendar/list/main.css'>