/* === Main components === */
/*** Headings and titles ***/
/*** Links ***/
/* === Fonts === */
/* === Navbar === */
/*** Navbar Dropdown ***/
/*** Mega Menu ***/
/* Options (First Level) */
/* Collapse (Second Level) */
/* List (Third Level) */
/*** Dropdown Item list (Fourth Level) ***/
/*** User dropdown ***/
/*** Menu help ***/
/*** Navbar Toggler ***/
/* === Sidebar === */
/*** Sidebar Dropdown ***/
/* === Forms components === */
/*** Helpers ***/
/*** Labels ***/
/*** Placeholders ***/
/*** Form controls ***/
/*** Input groups***/
/*** Custom controls (Checkboxes and Radios ) ***/
/*** Datetimepicker Bootstrap ***/
/*** Bootstrap select ***/
/*** Inputs and Buttons ***/
/* === Report components === */
/*** Filters ***/
/***  Group Filters ***/
/*** Tables ***/
/*** Pagination ***/
/* === Dashboard === */
/* === Other components === */
/*** Cards ***/
/*** Tabs***/
/*** Wizards ***/
/*** User register ***/
/*** Loaders / Spinners***/
/*** Dfw file ***/
/* Calendar (Full calendar) */
/* Image actions */
/* Dfw Cropper */
/* Push modal */
/* Layouts */
/*** Buttons variants ***/
/*Grid*/
.grid-1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 15px;
  padding: 15px; }

.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 15px;
  padding: 15px; }

.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 15px;
  padding: 15px; }

.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 15px;
  padding: 15px; }

.grid-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 15px;
  padding: 15px; }

.grid-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 15px;
  padding: 15px; }

.grid-7 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 15px;
  padding: 15px; }

.grid-8 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 15px;
  padding: 15px; }

.grid-9 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 15px;
  padding: 15px; }

.grid-10 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 15px;
  padding: 15px; }

.grid-11 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 15px;
  padding: 15px; }

.grid-12 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 15px;
  padding: 15px; }

@media (min-width: 992px) {
  /* Grid lg */
  .grid-lg-1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 15px; }
  .grid-lg-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 15px; }
  .grid-lg-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 15px; }
  .grid-lg-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 15px; }
  .grid-lg-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 15px; }
  .grid-lg-6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 15px; }
  .grid-lg-7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 15px; }
  .grid-lg-8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 15px; }
  .grid-lg-9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 15px; }
  .grid-lg-10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 15px; }
  .grid-lg-11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 15px; }
  .grid-lg-12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 15px; } }