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

    Template Name: Material
    Description: Structure layer of the admin template. Geometry, spacing, elevation
                 and motion only — every color lives in
                 `resources/sass/templates/material/color/{palette}.scss`.
    Version: 1.1.0

    Design language: shadcn/ui — one tight radius, hairline borders, compact controls,
    16px icons, neutral hover surfaces, a hairline focus ring, and segmented tabs.
    Nothing from shadcn is vendored; this is a hand-written implementation of the
    same visual rules applied to LaraFrame's existing class kit.

    Loaded after `app.css` and after the active palette css, and scoped to
    `body.lf-template-material`, so it wins over the base structure without
    needing `!important`.

----------------------------------------------------------------------------------- */
.lf-template-material {
  font-size: 14px;
  /* ============ 01. Shell ============ */
  /* ============ 02. Sidebar ============ */
  /* ============ 03. Header ============ */
  /* ============ 04. Cards ============ */
  /* ============ 05. Buttons ============ */
  /* ============ 06. Fields ============ */
  /* ============ 07. Table ============ */
  /*
      Pagination sits directly under `.def-table` as its footer row: muted count
      on the left, ghost page buttons on the right with the current page as the
      only outlined one.

      `core.renderable_template.pagination` wraps itself in a padded `.row` with
      two `.col-sm-6` halves, so that padding is unwound here and re-applied to
      `.pagination-wrapper` itself — otherwise the block double-pads and floats
      away from the table.
  */
  /* ============ 08. Badges & feedback ============ */
  /* ============ 09. Overlays ============ */
  /* ============ 10. Application settings ============ */
  /* ============ 11. Dashboard widgets ============ */
  /*
      Dashboard widgets reuse `.lf-tab-box` / `.lf-tab-item` as plain flex
      containers rather than as a tab strip (see
      `resources/views/admin/widgets/_widget_renderer.blade.php`), so the tab
      restyle above is reverted inside the widget grid.
  */
  /* ============ 12. Template picker ============ */
}
.lf-template-material .main-content {
  min-width: 0;
}
.lf-template-material .lf-responsive-menu-wrapper-padding {
  padding: 0 16px 24px;
}
@media (min-width: 768px) {
  .lf-template-material .lf-responsive-menu-wrapper-padding {
    padding: 0 24px 28px;
  }
}
@media (min-width: 1536px) {
  .lf-template-material .lf-responsive-menu-wrapper-padding {
    padding: 0 32px 32px;
  }
}
.lf-template-material .main-content-title h3 {
  font-size: 22px;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: -0.02em;
  text-transform: none;
  margin-bottom: 4px;
}
@media (min-width: 1536px) {
  .lf-template-material .main-content-title h3 {
    font-size: 24px;
  }
}
.lf-template-material #breadcrumb {
  margin-bottom: 0;
}
.lf-template-material #breadcrumb .breadcrumb {
  margin-bottom: 0;
}
.lf-template-material #breadcrumb .breadcrumb-item {
  font-size: 13px;
}
.lf-template-material #collapse-sidebar {
  padding: 0 0 8px;
  transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.lf-template-material #collapse-sidebar.expand-sidebar {
  width: 256px;
}
@media (min-width: 1536px) {
  .lf-template-material #collapse-sidebar.expand-sidebar {
    width: 272px;
  }
}
.lf-template-material #collapse-sidebar.expand-sidebar .shadow-layer {
  width: 256px;
}
@media (min-width: 1536px) {
  .lf-template-material #collapse-sidebar.expand-sidebar .shadow-layer {
    width: 272px;
  }
}
.lf-template-material #collapse-sidebar.collapse-sidebar {
  width: 68px;
}
@media (min-width: 1536px) {
  .lf-template-material #collapse-sidebar.collapse-sidebar {
    width: 72px;
  }
}
.lf-template-material #collapse-sidebar.collapse-sidebar .shadow-layer {
  width: 68px;
}
@media (min-width: 1536px) {
  .lf-template-material #collapse-sidebar.collapse-sidebar .shadow-layer {
    width: 72px;
  }
}
.lf-template-material #collapse-sidebar.collapse-sidebar .icon-wrapper {
  padding: 0 12px;
}
.lf-template-material #collapse-sidebar.collapse-sidebar .lfp-sidenav {
  padding: 0 10px;
}
.lf-template-material #collapse-sidebar.collapse-sidebar .lfp-sidenav li > a {
  justify-content: center;
  padding: 0;
  width: 36px;
  height: 36px;
  margin: 0 auto;
}
.lf-template-material #collapse-sidebar.collapse-sidebar .lfp-sidenav li > a .menu-icon {
  width: auto;
}
.lf-template-material #collapse-sidebar .icon-wrapper {
  height: 60px;
  padding: 0 16px;
  margin-bottom: 4px;
}
.lf-template-material #collapse-sidebar .lfp-sidenav {
  padding: 0 8px;
  margin-bottom: 0;
}
.lf-template-material #collapse-sidebar .lfp-sidenav li {
  margin-top: 1px;
}
.lf-template-material #collapse-sidebar .lfp-sidenav li.active-item::after, .lf-template-material #collapse-sidebar .lfp-sidenav li:hover::after {
  display: none;
}
.lf-template-material #collapse-sidebar .lfp-sidenav li > a {
  height: 32px;
  border-radius: 2px;
  padding: 0 8px;
  gap: 8px;
  justify-content: flex-start;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.lf-template-material #collapse-sidebar .lfp-sidenav li > a::after {
  right: 8px;
  font-size: 12px;
  line-height: 32px;
  opacity: 0.6;
}
.lf-template-material #collapse-sidebar .lfp-sidenav li > a .menu-icon {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.lf-template-material #collapse-sidebar .lfp-sidenav li > a .menu-title {
  letter-spacing: 0;
}
.lf-template-material #collapse-sidebar .lfp-sidenav li ul {
  margin: 1px 0 2px 15px;
  padding-left: 9px;
  border-left-width: 1px;
  border-left-style: solid;
}
.lf-template-material #collapse-sidebar .lfp-sidenav li ul > li > a {
  height: 28px;
  border-radius: 2px;
  font-size: 13px;
  padding: 0 8px;
}
.lf-template-material #collapse-sidebar .lfp-sidenav li ul > li > a::before {
  display: none;
}
.lf-template-material #collapse-sidebar .sidebar-footer {
  padding: 8px 0 4px;
}
.lf-template-material #collapse-sidebar .sidebar-footer .lfp-sidenav {
  padding: 0 8px;
}
.lf-template-material #collapse-sidebar .shadow-layer {
  box-shadow: none;
}
.lf-template-material header {
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  min-height: 60px;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.lf-template-material #sidebar-collapse-button {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.lf-template-material .icon-btn {
  min-width: 32px;
  min-height: 32px;
  border-radius: 2px;
  padding: 0 6px;
  font-size: 13px;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1536px) {
  .lf-template-material .icon-btn {
    min-width: 32px;
    min-height: 32px;
  }
}
.lf-template-material .icon-btn i {
  font-size: 18px;
}
@media (min-width: 1536px) {
  .lf-template-material .icon-btn i {
    font-size: 18px;
  }
}
.lf-template-material .icon-btn img {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  object-fit: cover;
}
.lf-template-material .notification-number-wrapper {
  top: -4px;
  right: -4px;
  width: auto;
  min-width: 15px;
  height: 15px;
  padding: 0 4px;
  line-height: 1;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  pointer-events: none;
}
@media (min-width: 1536px) {
  .lf-template-material .notification-number-wrapper {
    width: auto;
    height: 15px;
  }
}
.lf-template-material .lf-color-palette button > div {
  width: 16px;
  height: 16px;
  border-radius: 999px;
}
.lf-template-material .lf-color-palette .color-section a {
  width: 24px;
  height: 24px;
  border-radius: 2px;
}
.lf-template-material .lf-card-box {
  border-radius: 2px;
  margin-bottom: 20px;
  overflow: hidden;
}
.lf-template-material .lf-card-box .lf-card-box-header {
  padding: 16px 20px;
}
.lf-template-material .lf-card-box .lf-card-box-header h1,
.lf-template-material .lf-card-box .lf-card-box-header h2,
.lf-template-material .lf-card-box .lf-card-box-header h3,
.lf-template-material .lf-card-box .lf-card-box-header h4,
.lf-template-material .lf-card-box .lf-card-box-header h5 {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.3;
  margin-bottom: 0;
}
.lf-template-material .lf-card-box .lf-card-box-body {
  padding: 0;
}
.lf-template-material .lf-card-box .lf-card-box-footer {
  padding: 14px 20px;
}
.lf-template-material .lf-tab-box {
  display: inline-flex;
  width: auto;
  max-width: calc(100% - 32px);
  margin: 16px;
  padding: 3px;
  gap: 2px;
  border-radius: 2px;
  font-weight: 500;
  overflow-x: auto;
}
.lf-template-material .lf-tab-box .lf-tab-item {
  flex: 0 0 auto;
  padding: 6px 12px;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.lf-template-material .lf-tab-content {
  border-radius: 0;
}
.lf-template-material .btn-1,
.lf-template-material .btn-2,
.lf-template-material .btn-cancel,
.lf-template-material .primary-btn,
.lf-template-material .primary-btn-outline,
.lf-template-material .success-btn,
.lf-template-material .success-btn-outline,
.lf-template-material .info-btn,
.lf-template-material .info-btn-outline,
.lf-template-material .warning-btn,
.lf-template-material .warning-btn-outline,
.lf-template-material .danger-btn,
.lf-template-material .danger-btn-outline,
.lf-template-material .black-btn,
.lf-template-material .black-btn-outline,
.lf-template-material .white-btn,
.lf-template-material .white-btn-outline {
  border-radius: 2px;
  border: 1px solid transparent;
  padding: 0 16px;
  height: 36px;
  min-height: 36px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
  box-shadow: none;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.lf-template-material .btn-1 svg,
.lf-template-material .btn-1 img,
.lf-template-material .btn-2 svg,
.lf-template-material .btn-2 img,
.lf-template-material .btn-cancel svg,
.lf-template-material .btn-cancel img,
.lf-template-material .primary-btn svg,
.lf-template-material .primary-btn img,
.lf-template-material .primary-btn-outline svg,
.lf-template-material .primary-btn-outline img,
.lf-template-material .success-btn svg,
.lf-template-material .success-btn img,
.lf-template-material .success-btn-outline svg,
.lf-template-material .success-btn-outline img,
.lf-template-material .info-btn svg,
.lf-template-material .info-btn img,
.lf-template-material .info-btn-outline svg,
.lf-template-material .info-btn-outline img,
.lf-template-material .warning-btn svg,
.lf-template-material .warning-btn img,
.lf-template-material .warning-btn-outline svg,
.lf-template-material .warning-btn-outline img,
.lf-template-material .danger-btn svg,
.lf-template-material .danger-btn img,
.lf-template-material .danger-btn-outline svg,
.lf-template-material .danger-btn-outline img,
.lf-template-material .black-btn svg,
.lf-template-material .black-btn img,
.lf-template-material .black-btn-outline svg,
.lf-template-material .black-btn-outline img,
.lf-template-material .white-btn svg,
.lf-template-material .white-btn img,
.lf-template-material .white-btn-outline svg,
.lf-template-material .white-btn-outline img {
  width: 16px;
}
.lf-template-material .btn-1 i,
.lf-template-material .btn-2 i,
.lf-template-material .btn-cancel i,
.lf-template-material .primary-btn i,
.lf-template-material .primary-btn-outline i,
.lf-template-material .success-btn i,
.lf-template-material .success-btn-outline i,
.lf-template-material .info-btn i,
.lf-template-material .info-btn-outline i,
.lf-template-material .warning-btn i,
.lf-template-material .warning-btn-outline i,
.lf-template-material .danger-btn i,
.lf-template-material .danger-btn-outline i,
.lf-template-material .black-btn i,
.lf-template-material .black-btn-outline i,
.lf-template-material .white-btn i,
.lf-template-material .white-btn-outline i {
  font-size: 16px;
}
.lf-template-material .btn-1:disabled, .lf-template-material .btn-1[disabled],
.lf-template-material .btn-2:disabled,
.lf-template-material .btn-2[disabled],
.lf-template-material .btn-cancel:disabled,
.lf-template-material .btn-cancel[disabled],
.lf-template-material .primary-btn:disabled,
.lf-template-material .primary-btn[disabled],
.lf-template-material .primary-btn-outline:disabled,
.lf-template-material .primary-btn-outline[disabled],
.lf-template-material .success-btn:disabled,
.lf-template-material .success-btn[disabled],
.lf-template-material .success-btn-outline:disabled,
.lf-template-material .success-btn-outline[disabled],
.lf-template-material .info-btn:disabled,
.lf-template-material .info-btn[disabled],
.lf-template-material .info-btn-outline:disabled,
.lf-template-material .info-btn-outline[disabled],
.lf-template-material .warning-btn:disabled,
.lf-template-material .warning-btn[disabled],
.lf-template-material .warning-btn-outline:disabled,
.lf-template-material .warning-btn-outline[disabled],
.lf-template-material .danger-btn:disabled,
.lf-template-material .danger-btn[disabled],
.lf-template-material .danger-btn-outline:disabled,
.lf-template-material .danger-btn-outline[disabled],
.lf-template-material .black-btn:disabled,
.lf-template-material .black-btn[disabled],
.lf-template-material .black-btn-outline:disabled,
.lf-template-material .black-btn-outline[disabled],
.lf-template-material .white-btn:disabled,
.lf-template-material .white-btn[disabled],
.lf-template-material .white-btn-outline:disabled,
.lf-template-material .white-btn-outline[disabled] {
  opacity: 0.5;
}
.lf-template-material .action-btn {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  border: none;
  border-radius: 2px;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.lf-template-material .def-logo-btn-1 {
  width: 36px !important;
  height: 36px !important;
  border-radius: 2px !important;
  border: 1px solid transparent;
  font-size: 16px;
  box-shadow: none;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.lf-template-material .filter-reset-btn {
  border-radius: 2px;
  font-size: 13px;
}
.lf-template-material .def-label {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.4;
  margin-bottom: 6px;
  text-transform: none;
}
.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 {
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  min-height: 36px;
  padding: 7px 12px;
  font-size: 13px;
  box-shadow: none;
  transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.lf-template-material textarea.def-input,
.lf-template-material .def-input textarea {
  min-height: 72px;
}
.lf-template-material .menu-drop-down-field,
.lf-template-material .custom-select .select-selected {
  padding-right: 30px;
}
.lf-template-material .search-wrapper input {
  padding-left: 34px;
}
@media (min-width: 1536px) {
  .lf-template-material .search-wrapper input {
    padding-left: 34px;
  }
}
.lf-template-material .def-select::after {
  line-height: 36px;
  font-size: 14px;
  right: 12px;
}
.lf-template-material .custom-select::after {
  right: 11px;
  font-size: 11px;
}
.lf-template-material .custom-select .select-selected {
  min-height: 36px;
}
.lf-template-material .custom-select .select-items {
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  padding: 4px;
  margin-top: 4px;
}
.lf-template-material .custom-select .select-items li {
  border-radius: 2px;
  padding: 6px 8px;
  font-size: 13px;
}
.lf-template-material .def-choices-select .choices__inner {
  border-radius: 2px;
  min-height: 36px;
  padding: 4px 8px;
  font-size: 13px;
}
.lf-template-material .def-choices-select .choices__list--dropdown {
  border-radius: 2px;
  overflow: hidden;
  font-size: 13px;
}
.lf-template-material .custom-checkbox input[type=checkbox] {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.lf-template-material .custom-checkbox input[type=checkbox]::after {
  font-size: 10px;
  margin: -5px 0 0 -5px;
}
.lf-template-material .custom-checkbox label {
  font-size: 13px;
  padding-left: 8px;
}
.lf-template-material .custom-radio {
  display: inline-flex;
  align-items: stretch;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  min-width: 132px;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.lf-template-material .custom-radio label {
  flex: 1 1 auto;
  margin: 0;
  min-height: 40px;
  padding: 8px 12px 8px 34px;
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 1.35;
}
.lf-template-material .custom-radio label::before {
  left: 12px;
  width: 16px;
  height: 16px;
  border-width: 1px;
  border-style: solid;
}
.lf-template-material .custom-radio label::after {
  left: 16px;
  width: 8px;
  height: 8px;
}
.lf-template-material .custom-radio-group {
  flex-wrap: wrap;
}
.lf-template-material .lf-application-settings .lf-radio {
  display: inline-flex;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  min-width: 132px;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.lf-template-material .lf-application-settings .lf-radio label {
  flex: 1 1 auto;
  margin: 0;
  min-height: 38px;
  padding: 8px 12px 8px 34px;
  display: flex;
  align-items: center;
  font-size: 13px;
}
.lf-template-material .lf-application-settings .lf-radio label::before {
  left: 10px;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border-width: 1px;
  border-style: solid;
  font-size: 9px;
  line-height: 14px !important;
}
.lf-template-material .custom-switch {
  width: 34px;
  height: 20px;
  border-radius: 999px;
  border: 1px solid transparent;
}
.lf-template-material .custom-switch::before {
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.lf-template-material .custom-switch:has(input[type=checkbox]:checked)::before {
  transform: translateX(14px);
}
.lf-template-material .drop-area-container .drop-area {
  border-radius: 2px;
  border-width: 1px;
  border-style: dashed;
}
.lf-template-material .upload-file-wrapper {
  border-width: 1px;
  border-style: solid;
}
.lf-template-material .invalid-feedback {
  font-size: 12px;
  margin-top: 4px;
}
.lf-template-material .multilang-input .def-input {
  border-radius: 2px 0 0 2px;
  min-height: 36px;
}
.lf-template-material .multilang-input .lang-dropdown .dropdown-toggle {
  border-radius: 0 2px 2px 0;
  border-width: 1px;
  border-style: solid;
  border-left: none;
  height: 36px;
  min-width: 54px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 500;
}
.lf-template-material .multilang-input .lang-dropdown .lang-dropdown-menu {
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  margin-top: 4px;
  padding: 4px;
  min-width: 100%;
}
.lf-template-material .multilang-input .lang-dropdown .lang-dropdown-menu li {
  padding: 0;
}
.lf-template-material .multilang-input .lang-dropdown .lang-dropdown-menu li a {
  display: block;
  padding: 6px 8px;
  border-radius: 2px;
  font-size: 13px;
}
.lf-template-material .def-table {
  border-radius: 2px;
  overflow: hidden;
}
.lf-template-material .def-table table {
  border-collapse: collapse;
  font-size: 13px;
}
.lf-template-material .def-table table thead th {
  height: 34px;
  padding: 0 14px;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
  border: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.lf-template-material .def-table table tbody td {
  padding: 7px 14px;
  border: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  vertical-align: middle;
  line-height: 1.4;
}
.lf-template-material .def-table table tbody tr:last-child td {
  border-bottom-width: 0;
}
.lf-template-material .def-table .action-btn {
  width: 28px;
  height: 28px;
  line-height: 26px;
  font-size: 14px;
}
.lf-template-material div:has(> .pagination-wrapper) {
  padding: 0;
}
.lf-template-material .pagination-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  margin: 0;
  padding: 14px 0 0;
  font-size: 13px;
}
.lf-template-material .pagination-wrapper > [class*=col-] {
  padding-left: 0;
  padding-right: 0;
  width: auto;
  flex: 0 1 auto;
}
.lf-template-material .pagination-wrapper > nav {
  margin-left: auto;
}
.lf-template-material .pagination-wrapper .pagination-text,
.lf-template-material .pagination-wrapper .showing {
  font-size: 13px;
}
.lf-template-material .pagination-wrapper .showing-options {
  height: 32px;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  padding: 0 26px 0 10px;
  font-size: 13px;
}
.lf-template-material .pagination-wrapper .pagination {
  gap: 2px;
  margin: 0;
  align-items: center;
}
.lf-template-material .pagination-wrapper .page-item {
  margin: 0;
}
.lf-template-material .pagination-wrapper .page-link {
  min-width: 32px;
  height: 32px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  border: 1px solid transparent;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.lf-template-material .pagination-wrapper .page-item.disabled .page-link {
  pointer-events: none;
}
.lf-template-material .pagination-wrapper .pagination .page-item:first-child .page-link,
.lf-template-material .pagination-wrapper .pagination .page-item:last-child .page-link,
.lf-template-material .pagination-wrapper .pagination .page-item.hidden-xs .page-link {
  font-size: 0;
}
.lf-template-material .pagination-wrapper .pagination .page-item:first-child .page-link::after,
.lf-template-material .pagination-wrapper .pagination .page-item:last-child .page-link::after,
.lf-template-material .pagination-wrapper .pagination .page-item.hidden-xs .page-link::after {
  font-size: 14px;
  line-height: 1;
}
.lf-template-material .pagination-wrapper .pagination .page-item:first-child .page-link::after,
.lf-template-material .pagination-wrapper .pagination .page-item:last-child .page-link::after {
  font-family: "fontawesome";
}
.lf-template-material .pagination-wrapper .pagination .page-item:first-child .page-link::after {
  content: "\f104";
}
.lf-template-material .pagination-wrapper .pagination .page-item:last-child .page-link::after {
  content: "\f105";
}
.lf-template-material .pagination-wrapper .pagination .page-item.hidden-xs .page-link::after {
  content: "…";
}
.lf-template-material .list-design-wrapper,
.lf-template-material .filter-options {
  border-radius: 2px;
}
.lf-template-material .tag-com {
  border-radius: 2px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-width: 1px;
  border-style: solid;
  white-space: nowrap;
}
.lf-template-material .toaster-container .toaster-pop {
  border-radius: 2px;
  font-size: 13px;
}
.lf-template-material .loader {
  border-width: 2px;
  border-style: solid;
}
.lf-template-material .dropdown-show-box {
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  margin-top: 6px;
  padding: 4px;
  overflow: hidden;
  font-size: 13px;
}
.lf-template-material .dropdown-show-box .dropdown-list-color,
.lf-template-material .dropdown-show-box .dropdown-item {
  border-radius: 2px;
  padding: 6px 8px;
  font-size: 13px;
}
.lf-template-material .def-modal-container .def-modal,
.lf-template-material .lf-modal-box .lf-modal-content {
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
}
.lf-template-material .def-modal-container .def-modal .def-modal-header {
  padding: 20px 24px 8px;
  border: none;
}
.lf-template-material .def-modal-container .def-modal .def-modal-title {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.lf-template-material .def-modal-container .def-modal .def-modal-body {
  padding: 8px 24px 16px;
}
.lf-template-material .def-modal-container .def-modal .def-modal-footer {
  padding: 8px 24px 20px;
  border: none;
}
.lf-template-material .lf-modal-box .lf-modal-content .lf-message {
  font-size: 14px;
}
.lf-template-material .lf-modal-box .lf-modal-content .lf-button button {
  border-radius: 2px;
  height: 36px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 500;
}
.lf-template-material .tooltip-container .tooltip .tooltip-content {
  border-radius: 2px;
  padding: 4px 8px;
  font-size: 12px;
}
.lf-template-material .app-settings-accordion-title {
  border-radius: 2px;
  padding: 16px 20px;
}
.lf-template-material .app-settings-accordion-title h5 {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.lf-template-material .app-settings-accordion-box {
  border-radius: 2px;
  padding: 20px;
}
.lf-template-material .app-settings-accordion-box .acco-footer {
  padding-top: 20px;
}
.lf-template-material .app-settings-accordion {
  border-radius: 2px;
  overflow: hidden;
}
.lf-template-material .app-settings-accordion .app-settings-accordion-title {
  border-radius: 0;
  margin-bottom: 0;
}
.lf-template-material .app-settings-accordion .app-settings-parent-ul {
  padding: 6px;
  margin-bottom: 0;
}
.lf-template-material .app-settings-accordion .app-settings-parent-li {
  margin-bottom: 1px;
  border-radius: 2px;
}
.lf-template-material .app-settings-accordion .app-settings-parent-link {
  padding: 8px 10px;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 500;
}
.lf-template-material .app-settings-accordion ul li a {
  padding: 7px 10px 7px 28px;
  border-radius: 2px;
  font-size: 13px;
}
.lf-template-material .lf-application-settings .form-group label {
  font-size: 13px;
  font-weight: 500;
}
.lf-template-material .lf-application-settings .lf-select select {
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  min-height: 36px;
  padding: 7px 32px 7px 12px;
  font-size: 13px;
  transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.lf-template-material .lf-application-settings .lf-select select:focus {
  outline: none;
}
.lf-template-material .lf-application-settings .lf-select::after {
  line-height: 36px;
  font-size: 14px;
  right: 12px;
}
.lf-template-material .lf-application-settings .lf-switch {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  border-radius: 2px;
}
.lf-template-material .lf-application-settings .lf-switch .lf-switch-label {
  border-radius: 2px;
  min-width: 42px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  font-size: 12px;
}
.lf-template-material .lf-application-settings .lf-switch .lf-switch-input:checked + .lf-switch-label::before {
  border-radius: 2px;
}
.lf-template-material .dashboard {
  /*
      `admin/dashboard.blade.php` sets 1.25rem / 1rem radii with `!important`
      in its own <style> block (and an inline radius on the info widget),
      both of which render after this sheet — matched here so the widgets
      share the template radius.
  */
}
.lf-template-material .dashboard .lf-tab-box {
  display: flex;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  gap: 2px;
  border-radius: inherit;
  overflow: visible;
}
.lf-template-material .dashboard .lf-tab-item {
  flex: 1 1 0%;
  border-radius: inherit;
  font-size: inherit;
  white-space: normal;
}
.lf-template-material .dashboard .widget-card,
.lf-template-material .dashboard .lf-user-profile,
.lf-template-material .dashboard .widget-icon-wrapper,
.lf-template-material .dashboard .lf-tab-box,
.lf-template-material .dashboard .lf-tab-item,
.lf-template-material .dashboard .card-header {
  border-radius: 2px !important;
}
.lf-template-material .dashboard .widget-icon-wrapper {
  min-width: 56px;
}
.lf-template-material .dashboard .rounded-pill {
  border-radius: 2px !important;
}
.lf-template-material .dashboard .btn-1,
.lf-template-material .dashboard .btn-2,
.lf-template-material .dashboard .primary-btn {
  box-shadow: none !important;
}
.lf-template-material .lf-template-card {
  transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.lf-template-material .lf-template-card .lf-card-box-header {
  padding: 12px;
}
.lf-template-material .lf-template-card .lf-template-preview {
  border-radius: 2px;
}

html[dir=rtl] .lf-template-material #collapse-sidebar .lfp-sidenav li > a::after {
  right: auto;
  left: 8px;
}
html[dir=rtl] .lf-template-material #collapse-sidebar .lfp-sidenav li ul {
  margin-left: 0;
  margin-right: 15px;
  padding-left: 0;
  padding-right: 9px;
  border-left: none;
  border-right-width: 1px;
  border-right-style: solid;
}
html[dir=rtl] .lf-template-material .search-wrapper input {
  padding-left: 32px;
  padding-right: 34px;
}
html[dir=rtl] .lf-template-material .custom-switch:has(input[type=checkbox]:checked)::before {
  transform: translateX(-14px);
}
html[dir=rtl] .lf-template-material .app-settings-accordion ul li a {
  padding: 7px 28px 7px 10px;
}
html[dir=rtl] .lf-template-material .multilang-input .def-input {
  border-radius: 0 2px 2px 0;
}
html[dir=rtl] .lf-template-material .multilang-input .lang-dropdown .dropdown-toggle {
  border-radius: 2px 0 0 2px;
  border-left-width: 1px;
  border-left-style: solid;
  border-right: none;
}

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