.b-table {
  border-radius: var(--lpx-radius);
  background: var(--lpx-card-bg);
  box-shadow: var(--lpx-shadow);
}
.b-table .btn {
  padding: 0.375rem 0.75rem !important;
  font-size: 0.765625rem !important;
  width: auto;
}
.b-table.table > :not(:first-child) {
  border-top: 1px solid var(--lpx-border-color);
}
.b-table.table thead th,
.b-table.table thead td {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.b-table.table tbody th,
.b-table.table tbody td {
  padding: 1rem 1.25rem !important;
  vertical-align: middle;
}
.b-table.table tbody tr:last-child td {
  border-bottom: 0 !important;
}
.b-table.table > :not(:last-child) > :last-child > * {
  border-bottom-color: var(--lpx-border-color);
}

.card .b-table {
  border-radius: 0;
  background: none;
  box-shadow: none;
  padding: 0rem !important;
}

.entry-row .content-header-title {
  font-size: 1.5em !important;
  font-weight: 600;
  color: var(--lpx-card-title-text-color);
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.entry-row .breadcrumb {
  display: none;
}
.entry-row .btn {
  padding: 0.375rem 0.75rem !important;
  font-size: 0.765625rem !important;
  margin-right: 10px;
}

/* TO DO: Remove this Arm */
.form-group.my-auto.ms-2.d-none.d-md-inline-block {
  font-size: 0.875em;
  opacity: 0.65;
  padding-right: 0.75em;
}

.lpx-content-toolbar .btn {
  padding: 0.375rem 0.75rem !important;
  font-size: 0.765625rem !important;
}

.lpx-theme-light .excubo-blazor-treeview-item svg path {
  stroke: #000 !important;
}

.lpx-theme-dark .excubo-blazor-treeview-item svg path {
  stroke: #ddd !important;
}

.b-numeric .b-numeric-handler-wrap {
  background: var(--lpx-card-bg);
  border-color: var(--lpx-border-color);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.b-numeric .b-numeric-handler-wrap .b-numeric-handler.btn {
  border-top-right-radius: var(--bs-border-radius);
  border-bottom-right-radius: var(--bs-border-radius);
}
.b-numeric .b-numeric-handler-wrap .b-numeric-handler.b-numeric-handler-up,
.b-numeric .b-numeric-handler-wrap .b-numeric-handler.b-numeric-handler-down {
  border-color: var(--lpx-border-color);
  border-radius: 0;
}

.editor-toolbar {
  border-top-color: var(--lpx-border-color) !important;
  border-left-color: var(--lpx-border-color) !important;
  border-right-color: var(--lpx-border-color) !important;
}
.editor-toolbar button.active,
.editor-toolbar button:hover {
  border-color: var(--lpx-border-color) !important;
  background-color: var(--lpx-card-bg) !important;
  color: var(--lpx-card-title-text-color) !important;
}

.CodeMirror {
  background: var(--lpx-light) !important;
  color: var(--lpx-dark) !important;
}
.CodeMirror .CodeMirror-gutters {
  border-color: var(--lpx-border-color) !important;
  background-color: rgba(var(--lpx-content-bg-rgb), 0.9) !important;
}

.tree-view > div {
  position: relative;
}
.tree-view > div .tree-view-title {
  display: block;
  width: 100%;
  padding-left: 1rem !important;
}
.tree-view > div .tree-view-title > span {
  display: block;
}
.tree-view > div .tree-view-title .p-1 {
  border-radius: var(--lpx-radius);
}
.tree-view > div .tree-view-title .bg-primary.text-white {
  background-color: var(--lpx-content-bg) !important;
  color: var(--lpx-content-text) !important;
}
.tree-view > div .tree-view-title .bg-primary.text-white .text-primary {
  color: var(--lpx-brand) !important;
}
.tree-view > div .tree-view-title span.ms-1.me-1 > span {
  display: none;
}
.tree-view > div .tree-view-icon {
  position: absolute;
  top: 6px;
  left: 10px;
}

.tree-view {
  min-height: 300px;
}
.tree-view .tree-view {
  min-height: inherit;
}

.lpx-theme-dark input[type=time]::-webkit-calendar-picker-indicator,
.lpx-theme-dark input[type=datetime-local]::-webkit-calendar-picker-indicator {
  filter: invert(1) !important;
  cursor: pointer;
  margin-right: 2px;
  color-scheme: light;
}
.lpx-theme-dark input[type=time],
.lpx-theme-dark input[type=datetime-local] {
  color-scheme: dark;
}

.lpx-theme-dim input[type=time]::-webkit-calendar-picker-indicator,
.lpx-theme-dim input[type=datetime-local]::-webkit-calendar-picker-indicator,
.lpx-theme-light input[type=time]::-webkit-calendar-picker-indicator,
.lpx-theme-light input[type=datetime-local]::-webkit-calendar-picker-indicator {
  filter: none !important;
}

.input-group > div.datepicker {
  padding: 0;
}

.lpx-scroll-container {
  overflow-y: auto;
  height: 100%;
}

.tree-view .tree-view {
  padding-left: 1.25rem;
}

.tree-view {
  margin-right: 1.25rem;
  margin-left: 0;
}

.cursor-pointer {
  cursor: pointer;
}

.tree-view-title {
  display: inline;
}

.dropdown:where(:not(.datepicker, .timepicker)) > div.dropdown-menu {
  position: fixed !important;
}

.dropdown.b-is-autocomplete > div.dropdown-menu {
  position: absolute !important;
}

.table-responsive {
  background-color: var(--lpx-card-bg);
  box-shadow: var(--lpx-shadow);
  border-radius: var(--lpx-radius);
  margin-bottom: 1rem;
}

.pagination {
  background-color: var(--lpx-card-bg);
  box-shadow: var(--lpx-shadow);
  border-radius: var(--lpx-radius);
}

.badge.bg-light {
  color: #343a40 !important;
  background-color: #e6ebef !important;
}

.b-is-autocomplete.b-is-autocomplete-multipleselection.focus {
  background-color: transparent !important;
}

.editor-toolbar {
  border-color: var(--lpx-border-color);
  background-color: var(--lpx-content-bg);
  color: var(--lpx-content-text);
  border-top-left-radius: var(--lpx-radius);
  border-top-right-radius: var(--lpx-radius);
}
.editor-toolbar button {
  color: var(--lpx-content-text);
  background-color: var(--lpx-content-bg);
}
.editor-toolbar button:hover {
  border-color: var(--lpx-border-color);
  background-color: var(--lpx-card-bg);
  color: var(--lpx-card-title-text-color);
}
.editor-toolbar button.active {
  border-color: var(--lpx-border-color);
  background-color: var(--lpx-card-bg);
  color: var(--lpx-card-title-text-color);
}
.editor-toolbar i.separator {
  border-color: var(--lpx-border-color) !important;
  border-width: 0 1px 0 0 !important;
}

.editor-statusbar {
  color: var(--lpx-content-text);
}

.EasyMDEContainer .CodeMirror {
  border-color: var(--lpx-border-color) !important;
  border-bottom-left-radius: var(--lpx-radius);
  border-bottom-right-radius: var(--lpx-radius);
  color: var(--lpx-card-title-text-color);
  background-color: var(--lpx-card-bg);
}

.CodeMirror-gutters {
  border-color: var(--lpx-border-color);
  background-color: var(--lpx-card-bg);
}

.CodeMirror > * {
  caret-color: var(--lpx-content-text);
}
