@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Theme Name: green
    Description: This SCSS file defines the styles for the green theme of the application.
    Version: 1.0.1

----------------------------------------------------------------------------------- */
/************ TABLE OF CONTENTS ***************

    01. Application Settings
    02. Auth Page
    03. drag
    04. filter
    05. component
    06. header
    07. media manager
    08. menu manager
    09. menu builder
    10. profile
    11. sidebar
    12. data table
    13. top nav
    14. tag
    15. toaster
    16. modal
    17. language

**********************************************/
/* ================================= */
/*          Theme Variables          */
/* ================================= */
/* ================================= */
/*        End: Theme Variables       */
/* ================================= */
/*-----------------------------------------------------------------------------------

    Material template — palette overlay

    One shared implementation rendered once per color palette. Every value is
    derived from that palette's own `$theme-colors-object`, so the ten built-in
    palettes (and any palette a module registers) stay in sync automatically:
    add a palette map, add a two line entry file, done.

    The role set mirrors shadcn/ui's token model (nothing is vendored — these are
    hand-derived from the palette maps):

      background / foreground   page surface and text
      card / popover            raised surfaces
      muted / muted-foreground  secondary surface and de-emphasised text
      accent-surface            neutral hover surface (NOT the brand color)
      primary / primary-fg      the palette's brand color, used sparingly
      border / input / ring     hairlines and focus

    The shadcn look leans on neutrals: hover states, secondary buttons and chips
    are gray, and the brand color is reserved for primary actions, focus rings and
    selected states. Everything is produced by mixing *towards the surface*, so the
    same formulas read correctly on `light` and on `dark` / `black` with no
    per-palette branching.

----------------------------------------------------------------------------------- */
body.lf-template-material,
.lf-template-material {
  background: #f4f4f4;
  color: #212529;
  /* ============ 01. Sidebar ============ */
  /* ============ 02. Header ============ */
  /* ============ 03. Cards ============ */
  /* ============ 04. Buttons ============ */
  /*
      The base palette sets `border: 1px solid <semantic> !important` on every
      outline button, so `!important` is the only way to reach it. A neutral
      hairline with the semantic label is the shadcn `outline` treatment and
      keeps a row of them from turning into a rainbow of frames.
  */
  /*
      `.white-btn` is a white fill and `.white-btn-outline` a white label, so
      both vanish on the light palettes. The fill gets a hairline and both
      outline variants take the surface's own text color, which resolves
      correctly on light and dark alike.
  */
  /* ============ 05. Fields ============ */
  /* ============ 06. Table ============ */
  /* ============ 07. Badges, tooltips, feedback ============ */
  /* ============ 08. Overlays ============ */
  /* ============ 09. Application settings ============ */
  /* ============ 10. Dashboard widgets ============ */
  /*
      Widgets reuse `.lf-tab-box` / `.lf-tab-item` as generic containers and
      rely on the palette's own tab colors to fill them, so the segmented
      control colors are handed back to the palette inside the widget grid.
  */
  /* ============ 11. Template picker ============ */
}
body.lf-template-material hr,
.lf-template-material hr {
  border-bottom: 1px solid rgb(226.14, 226.66, 227.18) !important;
}
body.lf-template-material #collapse-sidebar,
.lf-template-material #collapse-sidebar {
  background: #26775d;
  color: #ffffff;
  border-right: 1px solid rgba(255, 255, 255, 0.16);
}
body.lf-template-material #collapse-sidebar .icon-wrapper,
.lf-template-material #collapse-sidebar .icon-wrapper {
  background: #26775d;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
body.lf-template-material #collapse-sidebar .lfp-sidenav,
.lf-template-material #collapse-sidebar .lfp-sidenav {
  background: transparent;
}
body.lf-template-material #collapse-sidebar .lfp-sidenav li.active-item::after, body.lf-template-material #collapse-sidebar .lfp-sidenav li:hover::after,
.lf-template-material #collapse-sidebar .lfp-sidenav li.active-item::after,
.lf-template-material #collapse-sidebar .lfp-sidenav li:hover::after {
  background: transparent;
}
body.lf-template-material #collapse-sidebar .lfp-sidenav li > a,
.lf-template-material #collapse-sidebar .lfp-sidenav li > a {
  color: rgba(255, 255, 255, 0.72);
  background: transparent;
}
body.lf-template-material #collapse-sidebar .lfp-sidenav li > a .menu-icon,
.lf-template-material #collapse-sidebar .lfp-sidenav li > a .menu-icon {
  color: inherit;
}
body.lf-template-material #collapse-sidebar .lfp-sidenav li > a:hover,
.lf-template-material #collapse-sidebar .lfp-sidenav li > a:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}
body.lf-template-material #collapse-sidebar .lfp-sidenav li.active-item > a,
.lf-template-material #collapse-sidebar .lfp-sidenav li.active-item > a {
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
}
body.lf-template-material #collapse-sidebar .lfp-sidenav li ul,
.lf-template-material #collapse-sidebar .lfp-sidenav li ul {
  background: transparent;
  border-left-color: rgba(255, 255, 255, 0.16);
}
body.lf-template-material #collapse-sidebar .lfp-sidenav li ul > li > a,
.lf-template-material #collapse-sidebar .lfp-sidenav li ul > li > a {
  color: rgba(255, 255, 255, 0.72);
}
body.lf-template-material #collapse-sidebar .lfp-sidenav li ul > li > a:hover,
.lf-template-material #collapse-sidebar .lfp-sidenav li ul > li > a:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}
body.lf-template-material #collapse-sidebar .lfp-sidenav li ul > li.active-item > a,
.lf-template-material #collapse-sidebar .lfp-sidenav li ul > li.active-item > a {
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
}
body.lf-template-material #collapse-sidebar.collapse-sidebar .sub-item,
.lf-template-material #collapse-sidebar.collapse-sidebar .sub-item {
  background: #26775d;
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
body.lf-template-material header,
.lf-template-material header {
  background: #f4f4f4;
  color: #888888;
  border-bottom: 1px solid rgb(226.14, 226.66, 227.18);
  box-shadow: none;
}
body.lf-template-material #sidebar-collapse-button,
.lf-template-material #sidebar-collapse-button {
  background: transparent;
  color: #888888;
}
body.lf-template-material #sidebar-collapse-button:hover,
.lf-template-material #sidebar-collapse-button:hover {
  background: rgb(241.68, 241.92, 242.16);
  color: #212529;
}
body.lf-template-material .icon-btn,
.lf-template-material .icon-btn {
  background: transparent;
  color: #888888;
}
body.lf-template-material .icon-btn:hover, body.lf-template-material .icon-btn.active,
.lf-template-material .icon-btn:hover,
.lf-template-material .icon-btn.active {
  background: rgb(241.68, 241.92, 242.16);
  color: #212529;
}
body.lf-template-material .notification-number-wrapper,
.lf-template-material .notification-number-wrapper {
  background: #db3056;
  color: #ffffff;
  box-shadow: 0 0 0 2px #f4f4f4;
}
body.lf-template-material .lf-color-palette button > div,
.lf-template-material .lf-color-palette button > div {
  box-shadow: 0 0 0 1px rgb(206.16, 207.04, 207.92);
}
body.lf-template-material .lf-card-box,
.lf-template-material .lf-card-box {
  background: #ffffff;
  color: #212529;
  border: 1px solid rgb(226.14, 226.66, 227.18);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
body.lf-template-material .lf-card-box-header,
.lf-template-material .lf-card-box-header {
  background: #ffffff;
  color: #212529;
  border-bottom: 1px solid rgb(226.14, 226.66, 227.18);
}
body.lf-template-material .lf-card-box-header h1,
body.lf-template-material .lf-card-box-header h2,
body.lf-template-material .lf-card-box-header h3,
body.lf-template-material .lf-card-box-header h4,
body.lf-template-material .lf-card-box-header h5,
.lf-template-material .lf-card-box-header h1,
.lf-template-material .lf-card-box-header h2,
.lf-template-material .lf-card-box-header h3,
.lf-template-material .lf-card-box-header h4,
.lf-template-material .lf-card-box-header h5 {
  color: #212529;
}
body.lf-template-material .lf-card-box-header a,
body.lf-template-material .lf-card-box-header .def-label,
.lf-template-material .lf-card-box-header a,
.lf-template-material .lf-card-box-header .def-label {
  color: #212529;
}
body.lf-template-material .lf-card-box-body,
.lf-template-material .lf-card-box-body {
  background: #ffffff;
  color: #212529;
}
body.lf-template-material .lf-card-box-footer,
.lf-template-material .lf-card-box-footer {
  background: #ffffff;
  color: #212529;
  border-top: 1px solid rgb(226.14, 226.66, 227.18);
}
body.lf-template-material .lf-tab-box,
.lf-template-material .lf-tab-box {
  background: rgb(243.9, 244.1, 244.3);
  border-bottom: none;
}
body.lf-template-material .lf-tab-box .lf-tab-item,
.lf-template-material .lf-tab-box .lf-tab-item {
  background: transparent;
  color: rgb(126.24, 128.56, 130.88);
  box-shadow: none;
}
body.lf-template-material .lf-tab-box .lf-tab-item::after,
.lf-template-material .lf-tab-box .lf-tab-item::after {
  display: none;
}
body.lf-template-material .lf-tab-box .lf-tab-item:hover,
.lf-template-material .lf-tab-box .lf-tab-item:hover {
  color: #212529;
}
body.lf-template-material .lf-tab-box .lf-tab-item.active,
.lf-template-material .lf-tab-box .lf-tab-item.active {
  background: #ffffff;
  color: #212529;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
body.lf-template-material .lf-tab-content,
.lf-template-material .lf-tab-content {
  background: #ffffff;
  color: #212529;
}
body.lf-template-material .main-content-title h3,
.lf-template-material .main-content-title h3 {
  color: #212529;
}
body.lf-template-material #breadcrumb .breadcrumb-item,
.lf-template-material #breadcrumb .breadcrumb-item {
  color: rgb(126.24, 128.56, 130.88);
}
body.lf-template-material #breadcrumb .breadcrumb-item a,
.lf-template-material #breadcrumb .breadcrumb-item a {
  color: rgb(126.24, 128.56, 130.88);
}
body.lf-template-material #breadcrumb .breadcrumb-item a:hover,
.lf-template-material #breadcrumb .breadcrumb-item a:hover {
  color: #212529;
}
body.lf-template-material #breadcrumb .breadcrumb-item.active,
.lf-template-material #breadcrumb .breadcrumb-item.active {
  color: #212529;
}
body.lf-template-material .btn-1,
body.lf-template-material .primary-btn,
.lf-template-material .btn-1,
.lf-template-material .primary-btn {
  background: #26775d;
  color: #ffffff;
  border-color: transparent;
}
body.lf-template-material .btn-1:hover,
body.lf-template-material .primary-btn:hover,
.lf-template-material .btn-1:hover,
.lf-template-material .primary-btn:hover {
  background: rgb(64.04, 135.32, 112.44);
  color: #ffffff;
}
body.lf-template-material .btn-2,
.lf-template-material .btn-2 {
  background: rgb(243.9, 244.1, 244.3);
  color: #212529;
  border-color: transparent;
}
body.lf-template-material .btn-2:hover,
.lf-template-material .btn-2:hover {
  background: rgb(235.02, 235.38, 235.74);
  color: #212529;
}
body.lf-template-material .btn-cancel,
.lf-template-material .btn-cancel {
  background: transparent;
  color: #212529;
  border-color: rgb(226.14, 226.66, 227.18);
}
body.lf-template-material .btn-cancel:hover,
.lf-template-material .btn-cancel:hover {
  background: rgb(241.68, 241.92, 242.16);
  color: #212529;
  border-color: rgb(206.16, 207.04, 207.92);
}
body.lf-template-material .primary-btn-outline,
body.lf-template-material .success-btn-outline,
body.lf-template-material .info-btn-outline,
body.lf-template-material .warning-btn-outline,
body.lf-template-material .danger-btn-outline,
body.lf-template-material .black-btn-outline,
body.lf-template-material .white-btn-outline,
.lf-template-material .primary-btn-outline,
.lf-template-material .success-btn-outline,
.lf-template-material .info-btn-outline,
.lf-template-material .warning-btn-outline,
.lf-template-material .danger-btn-outline,
.lf-template-material .black-btn-outline,
.lf-template-material .white-btn-outline {
  border-color: rgb(226.14, 226.66, 227.18) !important;
  box-shadow: none;
}
body.lf-template-material .success-btn,
body.lf-template-material .info-btn,
body.lf-template-material .warning-btn,
body.lf-template-material .danger-btn,
body.lf-template-material .black-btn,
body.lf-template-material .white-btn,
.lf-template-material .success-btn,
.lf-template-material .info-btn,
.lf-template-material .warning-btn,
.lf-template-material .danger-btn,
.lf-template-material .black-btn,
.lf-template-material .white-btn {
  border-color: transparent;
  box-shadow: none;
}
body.lf-template-material .white-btn,
.lf-template-material .white-btn {
  border-color: rgb(226.14, 226.66, 227.18);
}
body.lf-template-material .black-btn-outline,
body.lf-template-material .white-btn-outline,
.lf-template-material .black-btn-outline,
.lf-template-material .white-btn-outline {
  color: #212529 !important;
}
body.lf-template-material .action-btn,
.lf-template-material .action-btn {
  background: transparent;
  color: rgb(126.24, 128.56, 130.88);
}
body.lf-template-material .action-btn:hover,
.lf-template-material .action-btn:hover {
  background: rgb(241.68, 241.92, 242.16);
  color: #212529;
}
body.lf-template-material .action-btn.danger, body.lf-template-material .action-btn.delete-btn,
.lf-template-material .action-btn.danger,
.lf-template-material .action-btn.delete-btn {
  color: rgb(126.24, 128.56, 130.88);
}
body.lf-template-material .action-btn.danger:hover, body.lf-template-material .action-btn.delete-btn:hover,
.lf-template-material .action-btn.danger:hover,
.lf-template-material .action-btn.delete-btn:hover {
  background: rgb(251.4, 234.3, 238.1);
  color: #db3056;
}
body.lf-template-material .def-logo-btn-1,
.lf-template-material .def-logo-btn-1 {
  background: #26775d;
  color: #ffffff;
  border-color: transparent;
}
body.lf-template-material .def-logo-btn-1:hover,
.lf-template-material .def-logo-btn-1:hover {
  background: rgb(64.04, 135.32, 112.44);
}
body.lf-template-material .filter-reset-btn,
.lf-template-material .filter-reset-btn {
  color: rgb(126.24, 128.56, 130.88);
}
body.lf-template-material .filter-reset-btn:hover,
.lf-template-material .filter-reset-btn:hover {
  color: #212529;
}
body.lf-template-material .def-label,
.lf-template-material .def-label {
  color: #212529;
}
body.lf-template-material .def-input,
body.lf-template-material .def-date-input,
body.lf-template-material .menu-drop-down-field,
body.lf-template-material .custom-select .select-selected,
body.lf-template-material .upload-container,
body.lf-template-material .search-wrapper input,
.lf-template-material .def-input,
.lf-template-material .def-date-input,
.lf-template-material .menu-drop-down-field,
.lf-template-material .custom-select .select-selected,
.lf-template-material .upload-container,
.lf-template-material .search-wrapper input {
  background: #ffffff;
  border-color: rgb(237.24, 237.56, 237.88);
  color: #212529;
}
body.lf-template-material .def-input::placeholder,
body.lf-template-material .def-date-input::placeholder,
body.lf-template-material .menu-drop-down-field::placeholder,
body.lf-template-material .custom-select .select-selected::placeholder,
body.lf-template-material .upload-container::placeholder,
body.lf-template-material .search-wrapper input::placeholder,
.lf-template-material .def-input::placeholder,
.lf-template-material .def-date-input::placeholder,
.lf-template-material .menu-drop-down-field::placeholder,
.lf-template-material .custom-select .select-selected::placeholder,
.lf-template-material .upload-container::placeholder,
.lf-template-material .search-wrapper input::placeholder {
  color: rgb(166.2, 167.8, 169.4);
}
body.lf-template-material .def-input:hover,
body.lf-template-material .def-date-input:hover,
body.lf-template-material .menu-drop-down-field:hover,
body.lf-template-material .custom-select .select-selected:hover,
body.lf-template-material .upload-container:hover,
body.lf-template-material .search-wrapper input:hover,
.lf-template-material .def-input:hover,
.lf-template-material .def-date-input:hover,
.lf-template-material .menu-drop-down-field:hover,
.lf-template-material .custom-select .select-selected:hover,
.lf-template-material .upload-container:hover,
.lf-template-material .search-wrapper input:hover {
  border-color: rgb(219.48, 220.12, 220.76);
}
body.lf-template-material .def-input:focus, body.lf-template-material .def-input:focus-within,
body.lf-template-material .def-date-input:focus,
body.lf-template-material .def-date-input:focus-within,
body.lf-template-material .menu-drop-down-field:focus,
body.lf-template-material .menu-drop-down-field:focus-within,
body.lf-template-material .custom-select .select-selected:focus,
body.lf-template-material .custom-select .select-selected:focus-within,
body.lf-template-material .upload-container:focus,
body.lf-template-material .upload-container:focus-within,
body.lf-template-material .search-wrapper input:focus,
body.lf-template-material .search-wrapper input:focus-within,
.lf-template-material .def-input:focus,
.lf-template-material .def-input:focus-within,
.lf-template-material .def-date-input:focus,
.lf-template-material .def-date-input:focus-within,
.lf-template-material .menu-drop-down-field:focus,
.lf-template-material .menu-drop-down-field:focus-within,
.lf-template-material .custom-select .select-selected:focus,
.lf-template-material .custom-select .select-selected:focus-within,
.lf-template-material .upload-container:focus,
.lf-template-material .upload-container:focus-within,
.lf-template-material .search-wrapper input:focus,
.lf-template-material .search-wrapper input:focus-within {
  border-color: #26775d;
  box-shadow: 0 0 0 0.3px rgba(38, 119, 93, 0.45);
  outline: none;
}
body.lf-template-material .def-input input,
body.lf-template-material .def-input textarea,
body.lf-template-material .def-input select,
.lf-template-material .def-input input,
.lf-template-material .def-input textarea,
.lf-template-material .def-input select {
  background: transparent;
  color: #212529;
}
body.lf-template-material .def-input .field-icon,
.lf-template-material .def-input .field-icon {
  color: rgb(126.24, 128.56, 130.88);
}
body.lf-template-material .def-select::after,
body.lf-template-material .custom-select::after,
.lf-template-material .def-select::after,
.lf-template-material .custom-select::after {
  color: rgb(126.24, 128.56, 130.88);
}
body.lf-template-material .custom-select .select-items,
.lf-template-material .custom-select .select-items {
  background: #ffffff;
  border-color: rgb(226.14, 226.66, 227.18);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.09), 0 2px 4px -2px rgba(0, 0, 0, 0.08);
  color: #212529;
}
body.lf-template-material .custom-select .select-items li,
.lf-template-material .custom-select .select-items li {
  color: #212529;
}
body.lf-template-material .custom-select .select-items li:hover,
.lf-template-material .custom-select .select-items li:hover {
  background: rgb(241.68, 241.92, 242.16);
}
body.lf-template-material .custom-select .select-items li.same-as-selected,
.lf-template-material .custom-select .select-items li.same-as-selected {
  background: rgb(241.68, 241.92, 242.16);
  color: #212529;
  font-weight: 500;
}
body.lf-template-material .def-choices-select .choices__inner,
.lf-template-material .def-choices-select .choices__inner {
  background: #ffffff;
  border: 1px solid rgb(237.24, 237.56, 237.88);
  color: #212529;
}
body.lf-template-material .def-choices-select .choices__list--dropdown,
.lf-template-material .def-choices-select .choices__list--dropdown {
  background: #ffffff;
  border: 1px solid rgb(226.14, 226.66, 227.18);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.09), 0 2px 4px -2px rgba(0, 0, 0, 0.08);
  color: #212529;
}
body.lf-template-material .def-choices-select .choices__list--dropdown .choices__item--selectable.is-highlighted,
.lf-template-material .def-choices-select .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background: rgb(241.68, 241.92, 242.16);
}
body.lf-template-material .custom-checkbox input[type=checkbox],
.lf-template-material .custom-checkbox input[type=checkbox] {
  border-color: rgb(206.16, 207.04, 207.92);
  background: #ffffff;
}
body.lf-template-material .custom-checkbox input[type=checkbox]::after,
.lf-template-material .custom-checkbox input[type=checkbox]::after {
  color: #ffffff;
}
body.lf-template-material .custom-checkbox input[type=checkbox]:checked,
.lf-template-material .custom-checkbox input[type=checkbox]:checked {
  background: #26775d;
  border-color: #26775d;
}
body.lf-template-material .custom-checkbox input[type=checkbox]:focus,
.lf-template-material .custom-checkbox input[type=checkbox]:focus {
  border-color: #26775d;
  box-shadow: 0 0 0 0.3px rgba(38, 119, 93, 0.45);
  outline: none;
}
body.lf-template-material .custom-checkbox label,
.lf-template-material .custom-checkbox label {
  color: #212529;
}
body.lf-template-material .custom-radio,
body.lf-template-material .lf-application-settings .lf-radio,
.lf-template-material .custom-radio,
.lf-template-material .lf-application-settings .lf-radio {
  background: #ffffff;
  border-color: rgb(226.14, 226.66, 227.18);
}
body.lf-template-material .custom-radio label,
body.lf-template-material .lf-application-settings .lf-radio label,
.lf-template-material .custom-radio label,
.lf-template-material .lf-application-settings .lf-radio label {
  color: #212529;
}
body.lf-template-material .custom-radio:hover,
body.lf-template-material .lf-application-settings .lf-radio:hover,
.lf-template-material .custom-radio:hover,
.lf-template-material .lf-application-settings .lf-radio:hover {
  background: rgb(241.68, 241.92, 242.16);
  border-color: rgb(206.16, 207.04, 207.92);
}
body.lf-template-material .custom-radio:has(input[type=radio]:checked),
body.lf-template-material .lf-application-settings .lf-radio:has(input[type=radio]:checked),
.lf-template-material .custom-radio:has(input[type=radio]:checked),
.lf-template-material .lf-application-settings .lf-radio:has(input[type=radio]:checked) {
  background: rgb(228.96, 238.68, 235.56);
  border-color: #26775d;
  box-shadow: 0 0 0 1px #26775d;
}
body.lf-template-material .custom-radio:has(input[type=radio]:checked) label,
body.lf-template-material .lf-application-settings .lf-radio:has(input[type=radio]:checked) label,
.lf-template-material .custom-radio:has(input[type=radio]:checked) label,
.lf-template-material .lf-application-settings .lf-radio:has(input[type=radio]:checked) label {
  color: #212529;
  font-weight: 500;
}
body.lf-template-material .custom-radio label::before,
.lf-template-material .custom-radio label::before {
  border-color: rgb(206.16, 207.04, 207.92);
  background: #ffffff;
}
body.lf-template-material .custom-radio label::after,
.lf-template-material .custom-radio label::after {
  background: #26775d;
}
body.lf-template-material .custom-radio input[type=radio]:checked + label::before,
.lf-template-material .custom-radio input[type=radio]:checked + label::before {
  border-color: #26775d;
  background: #ffffff;
}
body.lf-template-material .lf-application-settings .lf-radio label::before,
.lf-template-material .lf-application-settings .lf-radio label::before {
  border-color: rgb(206.16, 207.04, 207.92);
  background: #ffffff;
  color: #ffffff;
}
body.lf-template-material .lf-application-settings .lf-radio input:checked + label::before,
body.lf-template-material .lf-application-settings .lf-radio label.active::before,
.lf-template-material .lf-application-settings .lf-radio input:checked + label::before,
.lf-template-material .lf-application-settings .lf-radio label.active::before {
  background: #26775d;
  border-color: #26775d;
}
body.lf-template-material .custom-switch,
.lf-template-material .custom-switch {
  background: rgb(235.02, 235.38, 235.74);
  border-color: transparent;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
body.lf-template-material .custom-switch::before,
.lf-template-material .custom-switch::before {
  background: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
body.lf-template-material .custom-switch:has(input[type=checkbox]:checked),
.lf-template-material .custom-switch:has(input[type=checkbox]:checked) {
  background: #26775d;
}
body.lf-template-material .custom-switch:has(input[type=checkbox]:checked)::before,
.lf-template-material .custom-switch:has(input[type=checkbox]:checked)::before {
  background: #ffffff;
}
body.lf-template-material .drop-area-container .drop-area,
.lf-template-material .drop-area-container .drop-area {
  background: rgb(243.9, 244.1, 244.3);
  border-color: rgb(206.16, 207.04, 207.92);
  color: rgb(126.24, 128.56, 130.88);
}
body.lf-template-material .drop-area-container .drop-area:hover,
.lf-template-material .drop-area-container .drop-area:hover {
  border-color: #26775d;
  background: rgb(241.68, 241.92, 242.16);
}
body.lf-template-material .upload-file-wrapper,
.lf-template-material .upload-file-wrapper {
  background: rgb(243.9, 244.1, 244.3);
  border-color: rgb(226.14, 226.66, 227.18);
  color: rgb(126.24, 128.56, 130.88);
}
body.lf-template-material .upload-file-wrapper .image-remove-btn,
.lf-template-material .upload-file-wrapper .image-remove-btn {
  background: #ffffff;
  color: #db3056;
  border: 1px solid rgb(226.14, 226.66, 227.18);
}
body.lf-template-material .invalid-feedback,
.lf-template-material .invalid-feedback {
  color: #db3056;
}
body.lf-template-material .multilang-input .lang-dropdown .dropdown-toggle,
.lf-template-material .multilang-input .lang-dropdown .dropdown-toggle {
  background: rgb(243.9, 244.1, 244.3);
  color: #212529;
  border-color: rgb(237.24, 237.56, 237.88);
}
body.lf-template-material .multilang-input .lang-dropdown .dropdown-toggle:hover,
.lf-template-material .multilang-input .lang-dropdown .dropdown-toggle:hover {
  background: rgb(235.02, 235.38, 235.74);
  color: #212529;
}
body.lf-template-material .multilang-input .lang-dropdown .lang-dropdown-menu,
.lf-template-material .multilang-input .lang-dropdown .lang-dropdown-menu {
  background: #ffffff;
  border-color: rgb(226.14, 226.66, 227.18);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.09), 0 2px 4px -2px rgba(0, 0, 0, 0.08);
}
body.lf-template-material .multilang-input .lang-dropdown .lang-dropdown-menu li,
.lf-template-material .multilang-input .lang-dropdown .lang-dropdown-menu li {
  background: transparent;
}
body.lf-template-material .multilang-input .lang-dropdown .lang-dropdown-menu li:hover,
.lf-template-material .multilang-input .lang-dropdown .lang-dropdown-menu li:hover {
  background: transparent;
}
body.lf-template-material .multilang-input .lang-dropdown .lang-dropdown-menu li a,
.lf-template-material .multilang-input .lang-dropdown .lang-dropdown-menu li a {
  color: #212529;
}
body.lf-template-material .multilang-input .lang-dropdown .lang-dropdown-menu li a:hover,
.lf-template-material .multilang-input .lang-dropdown .lang-dropdown-menu li a:hover {
  background: rgb(241.68, 241.92, 242.16);
}
body.lf-template-material .def-table,
.lf-template-material .def-table {
  background: #ffffff;
  border: 1px solid rgb(226.14, 226.66, 227.18);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
body.lf-template-material .def-table table thead,
body.lf-template-material .def-table table thead tr,
.lf-template-material .def-table table thead,
.lf-template-material .def-table table thead tr {
  background: transparent;
}
body.lf-template-material .def-table table thead th,
.lf-template-material .def-table table thead th {
  color: rgb(126.24, 128.56, 130.88);
  background: transparent;
  border-bottom-color: rgb(226.14, 226.66, 227.18);
}
body.lf-template-material .def-table table thead th a,
.lf-template-material .def-table table thead th a {
  color: rgb(126.24, 128.56, 130.88);
}
body.lf-template-material .def-table table thead th a:hover,
.lf-template-material .def-table table thead th a:hover {
  color: #212529;
}
body.lf-template-material .def-table table tbody tr,
.lf-template-material .def-table table tbody tr {
  background: transparent;
}
body.lf-template-material .def-table table tbody tr:hover,
.lf-template-material .def-table table tbody tr:hover {
  background: rgb(243.9, 244.1, 244.3);
}
body.lf-template-material .def-table table tbody td,
.lf-template-material .def-table table tbody td {
  background: transparent;
  color: #212529;
  border-bottom-color: rgb(226.14, 226.66, 227.18);
}
body.lf-template-material .def-table table tbody .child-td,
body.lf-template-material .def-table table tbody td.child,
.lf-template-material .def-table table tbody .child-td,
.lf-template-material .def-table table tbody td.child {
  background: rgb(243.9, 244.1, 244.3);
  color: #212529;
}
body.lf-template-material .pagination-wrapper,
.lf-template-material .pagination-wrapper {
  background: transparent;
  color: rgb(126.24, 128.56, 130.88);
}
body.lf-template-material .pagination-wrapper .pagination-text,
body.lf-template-material .pagination-wrapper .showing,
.lf-template-material .pagination-wrapper .pagination-text,
.lf-template-material .pagination-wrapper .showing {
  color: rgb(126.24, 128.56, 130.88);
}
body.lf-template-material .pagination-wrapper .showing-options,
.lf-template-material .pagination-wrapper .showing-options {
  background: #ffffff;
  border-color: rgb(237.24, 237.56, 237.88);
  color: #212529;
}
body.lf-template-material .pagination-wrapper .showing-options:hover,
.lf-template-material .pagination-wrapper .showing-options:hover {
  border-color: rgb(219.48, 220.12, 220.76);
}
body.lf-template-material .pagination-wrapper .pagination .page-item .page-link,
.lf-template-material .pagination-wrapper .pagination .page-item .page-link {
  background-color: transparent;
  color: #212529;
  border-color: transparent;
}
body.lf-template-material .pagination-wrapper .pagination .page-item .page-link:hover,
.lf-template-material .pagination-wrapper .pagination .page-item .page-link:hover {
  background-color: rgb(241.68, 241.92, 242.16);
  color: #212529;
}
body.lf-template-material .pagination-wrapper .pagination .page-item.active .page-link,
.lf-template-material .pagination-wrapper .pagination .page-item.active .page-link {
  background-color: #ffffff;
  color: #212529;
  border-color: rgb(226.14, 226.66, 227.18);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  font-weight: 600;
}
body.lf-template-material .pagination-wrapper .pagination .page-item.disabled .page-link,
.lf-template-material .pagination-wrapper .pagination .page-item.disabled .page-link {
  background-color: transparent;
  color: rgb(166.2, 167.8, 169.4);
}
body.lf-template-material .list-design-wrapper,
body.lf-template-material .filter-options,
.lf-template-material .list-design-wrapper,
.lf-template-material .filter-options {
  background: #ffffff;
  border: 1px solid rgb(226.14, 226.66, 227.18);
  color: #212529;
}
body.lf-template-material .filter-options .filter-header,
.lf-template-material .filter-options .filter-header {
  border-bottom: 1px solid rgb(226.14, 226.66, 227.18);
  color: #212529;
}
body.lf-template-material .tag-com,
.lf-template-material .tag-com {
  border-color: transparent;
}
body.lf-template-material .tag-com.add-btn,
.lf-template-material .tag-com.add-btn {
  background: transparent;
  border-color: rgb(226.14, 226.66, 227.18);
  color: #212529;
}
body.lf-template-material .tag-com.add-btn:hover,
.lf-template-material .tag-com.add-btn:hover {
  background: rgb(241.68, 241.92, 242.16);
}
body.lf-template-material .tooltip-container .tooltip .tooltip-content,
.lf-template-material .tooltip-container .tooltip .tooltip-content {
  background: #212529;
  color: #ffffff;
}
body.lf-template-material .tooltip-container .tooltip .tooltip-arrow,
.lf-template-material .tooltip-container .tooltip .tooltip-arrow {
  background: #212529;
}
body.lf-template-material .loader,
.lf-template-material .loader {
  border-color: rgb(226.14, 226.66, 227.18);
  border-top-color: #26775d;
}
body.lf-template-material .dropdown-show-box,
.lf-template-material .dropdown-show-box {
  background: #ffffff;
  border-color: rgb(226.14, 226.66, 227.18);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.09), 0 2px 4px -2px rgba(0, 0, 0, 0.08);
  color: #212529;
}
body.lf-template-material .dropdown-show-box .dropdown-list-color,
body.lf-template-material .dropdown-show-box .dropdown-item,
.lf-template-material .dropdown-show-box .dropdown-list-color,
.lf-template-material .dropdown-show-box .dropdown-item {
  color: #212529;
}
body.lf-template-material .dropdown-show-box .dropdown-list-color:hover,
body.lf-template-material .dropdown-show-box .dropdown-item:hover,
.lf-template-material .dropdown-show-box .dropdown-list-color:hover,
.lf-template-material .dropdown-show-box .dropdown-item:hover {
  background: rgb(241.68, 241.92, 242.16);
  color: #212529;
}
body.lf-template-material .dropdown-show-box .dropdown-list-color.active,
body.lf-template-material .dropdown-show-box .dropdown-item.active,
.lf-template-material .dropdown-show-box .dropdown-list-color.active,
.lf-template-material .dropdown-show-box .dropdown-item.active {
  background: rgb(241.68, 241.92, 242.16);
  color: #212529;
  font-weight: 500;
}
body.lf-template-material .notifications .content,
.lf-template-material .notifications .content {
  color: rgb(126.24, 128.56, 130.88);
}
body.lf-template-material .notifications .notifications-list a,
.lf-template-material .notifications .notifications-list a {
  background: transparent;
  color: #212529;
}
body.lf-template-material .notifications .notifications-list a:hover,
.lf-template-material .notifications .notifications-list a:hover {
  background: rgb(241.68, 241.92, 242.16);
}
body.lf-template-material .profile-info-color,
.lf-template-material .profile-info-color {
  color: #212529;
}
body.lf-template-material .profile-info-color p,
.lf-template-material .profile-info-color p {
  color: rgb(126.24, 128.56, 130.88);
}
body.lf-template-material .def-modal-container .def-modal,
.lf-template-material .def-modal-container .def-modal {
  background: #ffffff;
  color: #212529;
  border-color: rgb(226.14, 226.66, 227.18);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
body.lf-template-material .def-modal-container .def-modal .def-modal-title,
body.lf-template-material .def-modal-container .def-modal .def-modal-header,
.lf-template-material .def-modal-container .def-modal .def-modal-title,
.lf-template-material .def-modal-container .def-modal .def-modal-header {
  color: #212529;
}
body.lf-template-material .def-modal-container .def-modal .def-modal-footer,
.lf-template-material .def-modal-container .def-modal .def-modal-footer {
  border-top: 1px solid rgb(226.14, 226.66, 227.18);
}
body.lf-template-material .lf-modal-box .lf-modal-content,
.lf-template-material .lf-modal-box .lf-modal-content {
  background: #ffffff;
  color: #212529;
  border-color: rgb(226.14, 226.66, 227.18);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
body.lf-template-material .app-settings-accordion-title,
.lf-template-material .app-settings-accordion-title {
  background: #ffffff;
  color: #212529;
  border: 1px solid rgb(226.14, 226.66, 227.18);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
body.lf-template-material .app-settings-accordion-title h5,
.lf-template-material .app-settings-accordion-title h5 {
  color: #212529;
}
body.lf-template-material .app-settings-accordion-box,
.lf-template-material .app-settings-accordion-box {
  background: #ffffff;
  color: #212529;
  border: 1px solid rgb(226.14, 226.66, 227.18);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
body.lf-template-material .app-settings-accordion,
.lf-template-material .app-settings-accordion {
  background: #ffffff;
  border: 1px solid rgb(226.14, 226.66, 227.18);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
body.lf-template-material .app-settings-accordion .app-settings-accordion-title,
.lf-template-material .app-settings-accordion .app-settings-accordion-title {
  border: none;
  border-bottom: 1px solid rgb(226.14, 226.66, 227.18);
  box-shadow: none;
}
body.lf-template-material .app-settings-accordion .app-settings-parent-li,
.lf-template-material .app-settings-accordion .app-settings-parent-li {
  background: transparent;
}
body.lf-template-material .app-settings-accordion .app-settings-parent-link,
.lf-template-material .app-settings-accordion .app-settings-parent-link {
  background: transparent;
  color: #212529;
}
body.lf-template-material .app-settings-accordion .app-settings-parent-link:hover,
.lf-template-material .app-settings-accordion .app-settings-parent-link:hover {
  background: rgb(241.68, 241.92, 242.16);
}
body.lf-template-material .app-settings-accordion .app-settings-parent-li ul,
.lf-template-material .app-settings-accordion .app-settings-parent-li ul {
  background: transparent;
  color: #212529;
}
body.lf-template-material .app-settings-accordion ul li a,
.lf-template-material .app-settings-accordion ul li a {
  color: rgb(126.24, 128.56, 130.88);
}
body.lf-template-material .app-settings-accordion ul li a:hover,
.lf-template-material .app-settings-accordion ul li a:hover {
  background: rgb(241.68, 241.92, 242.16);
  color: #212529;
}
body.lf-template-material .app-settings-accordion ul li a.active,
.lf-template-material .app-settings-accordion ul li a.active {
  background: rgb(228.96, 238.68, 235.56);
  color: rgb(36.6, 96.04, 78.44);
  font-weight: 500;
}
body.lf-template-material .lf-application-settings .lf-select select,
.lf-template-material .lf-application-settings .lf-select select {
  background: #ffffff;
  border-color: rgb(237.24, 237.56, 237.88);
  color: #212529;
}
body.lf-template-material .lf-application-settings .lf-select select:hover,
.lf-template-material .lf-application-settings .lf-select select:hover {
  border-color: rgb(219.48, 220.12, 220.76);
}
body.lf-template-material .lf-application-settings .lf-select select:focus,
.lf-template-material .lf-application-settings .lf-select select:focus {
  border-color: #26775d;
  box-shadow: 0 0 0 0.3px rgba(38, 119, 93, 0.45);
}
body.lf-template-material .lf-application-settings .lf-select::after,
.lf-template-material .lf-application-settings .lf-select::after {
  color: rgb(126.24, 128.56, 130.88);
}
body.lf-template-material .lf-application-settings .lf-switch,
.lf-template-material .lf-application-settings .lf-switch {
  background: rgb(243.9, 244.1, 244.3);
}
body.lf-template-material .lf-application-settings .lf-switch .lf-switch-label,
.lf-template-material .lf-application-settings .lf-switch .lf-switch-label {
  background: transparent;
  color: rgb(126.24, 128.56, 130.88);
}
body.lf-template-material .lf-application-settings .lf-switch .lf-switch-input:checked + .lf-switch-label,
.lf-template-material .lf-application-settings .lf-switch .lf-switch-input:checked + .lf-switch-label {
  color: #212529;
}
body.lf-template-material .lf-application-settings .lf-switch .lf-switch-input:checked + .lf-switch-label::before,
.lf-template-material .lf-application-settings .lf-switch .lf-switch-input:checked + .lf-switch-label::before {
  background: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
body.lf-template-material .dashboard .lf-tab-box,
.lf-template-material .dashboard .lf-tab-box {
  background: transparent;
}
body.lf-template-material .dashboard .lf-tab-item,
.lf-template-material .dashboard .lf-tab-item {
  background: #cccccc;
  color: #212529;
  box-shadow: none;
}
body.lf-template-material .dashboard .lf-tab-item:hover,
.lf-template-material .dashboard .lf-tab-item:hover {
  background: #cccccc;
  color: #212529;
}
body.lf-template-material .dashboard .lf-tab-item.active, body.lf-template-material .dashboard .lf-tab-item.active:hover,
.lf-template-material .dashboard .lf-tab-item.active,
.lf-template-material .dashboard .lf-tab-item.active:hover {
  background: #26775d;
  color: #ffffff;
  box-shadow: none;
}
body.lf-template-material .dashboard .btn-2,
.lf-template-material .dashboard .btn-2 {
  background: #79a99a;
  color: #ffffff;
}
body.lf-template-material .dashboard .btn-2:hover,
.lf-template-material .dashboard .btn-2:hover {
  background: #79a99a;
  color: #ffffff;
}
body.lf-template-material .lf-template-card:hover,
.lf-template-material .lf-template-card:hover {
  border-color: rgb(206.16, 207.04, 207.92);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 2px -1px rgba(0, 0, 0, 0.08);
}
body.lf-template-material .lf-template-card .lf-card-box-header,
.lf-template-material .lf-template-card .lf-card-box-header {
  background: rgb(243.9, 244.1, 244.3);
}
body.lf-template-material .lf-template-card .lf-template-preview,
.lf-template-material .lf-template-card .lf-template-preview {
  border: 1px solid rgb(226.14, 226.66, 227.18);
}

/*# sourceMappingURL=green.css.map */