.sidebar-right .sidebar-right-trigger {
  position: fixed !important;
  top: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  border-radius: 5px 0 0 0 !important;
}

[data-layout="vertical"] .nav-header {
  width: 11.25rem !important;
}

[data-sidebar-style="icon-hover"][data-layout="vertical"] .header {
  padding-left: 11.25rem !important;
}

[direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .header {
  padding-right: 11.25rem !important;
  padding-left: 0.9375rem !important;
}

[data-layout="vertical"][data-sidebar-style="full"] .nav-header .brand-logo img[data-auto-theme-logo="true"] {
  max-height: 49.4px !important;
}

.form-control:not(textarea) {
  height: 40px !important;
  min-height: 40px !important;
}


.deznav .metismenu li > a .menu-icon-ph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  font-size: 1.15rem;
  line-height: 1;
}

.btn .btn-ph-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  line-height: 1;
  margin-right: 0.35rem;
}

.btn .btn-label {
  display: inline-flex;
  align-items: center;
}

.deznav,
.deznav .metismenu,
.deznav .metismenu li,
.deznav .metismenu li > a,
.deznav .metismenu li > ul,
.deznav .metismenu ul,
.deznav .metismenu .has-arrow::after {
  transition: none !important;
  animation: none !important;
}

[data-header-position="fixed"][data-layout="horizontal"][data-sidebar-position="fixed"][data-sidebar-style="full"] .content-body {
  padding-top: 13.125rem !important;
}

[data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu > li > ul {
  display: none !important;
  top: calc(100% - 3px) !important;
  margin-top: 0 !important;
}

[data-layout="horizontal"] .deznav .metismenu > li > ul {
  display: none !important;
  top: calc(100% - 3px) !important;
  margin-top: 0 !important;
}

[data-layout="horizontal"] .deznav .metismenu > li:hover > ul {
  display: flex !important;
  box-shadow: none !important;
}

[data-layout="horizontal"] .deznav .metismenu > li.mm-active > a.has-arrow {
  border-radius: 0.75rem !important;
}

[data-layout="horizontal"] .deznav .metismenu > li:hover > a.has-arrow,
[data-layout="horizontal"] .deznav .metismenu > li.mm-active:hover > a.has-arrow {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

[data-layout="horizontal"] .deznav .metismenu > li:hover > ul,
[data-layout="horizontal"] .deznav .metismenu > li.mm-active > ul {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0.75rem !important;
}

[data-layout="horizontal"] .deznav .metismenu > li:nth-last-child(-n + 5):hover > ul,
[data-layout="horizontal"] .deznav .metismenu > li:nth-last-child(-n + 5).mm-active > ul {
  border-top-left-radius: 0.75rem !important;
  border-top-right-radius: 0 !important;
}

[data-layout="horizontal"] .content-body .page-titles {
  margin-bottom: 0 !important;
}

[data-layout="vertical"] .deznav {
  overflow: visible !important;
  -webkit-overflow-scrolling: touch;
}

[data-layout="vertical"] .deznav .deznav-scroll {
  display: block !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
}

[data-primary="color_2"][data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu > li:hover > a,
[data-primary="color_2"][data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu > li.mm-active > a,
[data-primary="color_2"][data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu > li:hover > a,
[data-primary="color_2"][data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu > li.mm-active > a,
[data-primary="color_2"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu > li:hover > a,
[data-primary="color_2"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu > li.mm-active > a {
  box-shadow: none !important;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu li > ul {
  background: var(--sidebar-submenu-bg, #fff) !important;
  box-shadow: none !important;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul a,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu li > ul a {
  color: var(--sidebar-submenu-text, #7e7e7e) !important;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul a:hover,
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul a:focus,
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul a.mm-active,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu li > ul a:hover,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu li > ul a:focus,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu li > ul a.mm-active {
  color: var(--sidebar-submenu-hover-text, #7e7e7e) !important;
}

[data-layout="horizontal"] .deznav .metismenu li > ul,
[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu li > ul {
  background: var(--submenu-parent-bg, var(--sidebar-submenu-bg, #fff)) !important;
}

[data-layout="horizontal"] .deznav .metismenu > li:hover > ul,
[data-layout="horizontal"] .deznav .metismenu > li.mm-active > ul,
[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu > li:hover > ul,
[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > ul {
  color: var(--submenu-parent-text, var(--sidebar-submenu-text, #7e7e7e)) !important;
}

[data-layout="horizontal"] .deznav .metismenu > li:hover > ul,
[data-layout="horizontal"] .deznav .metismenu > li:hover > ul a,
[data-layout="horizontal"] .deznav .metismenu > li:hover > ul .nav-text,
[data-layout="horizontal"] .deznav .metismenu > li:hover > ul span,
[data-layout="horizontal"] .deznav .metismenu > li:hover > ul i,
[data-layout="horizontal"] .deznav .metismenu > li:hover > ul svg,
[data-layout="horizontal"] .deznav .metismenu > li:hover > ul svg *,
[data-layout="horizontal"] .deznav .metismenu > li.mm-active > ul,
[data-layout="horizontal"] .deznav .metismenu > li.mm-active > ul a,
[data-layout="horizontal"] .deznav .metismenu > li.mm-active > ul .nav-text,
[data-layout="horizontal"] .deznav .metismenu > li.mm-active > ul span,
[data-layout="horizontal"] .deznav .metismenu > li.mm-active > ul i,
[data-layout="horizontal"] .deznav .metismenu > li.mm-active > ul svg,
[data-layout="horizontal"] .deznav .metismenu > li.mm-active > ul svg *,
[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu > li:hover > ul,
[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu > li:hover > ul a,
[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu > li:hover > ul .nav-text,
[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu > li:hover > ul span,
[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu > li:hover > ul i,
[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu > li:hover > ul svg,
[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu > li:hover > ul svg *,
[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > ul,
[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > ul a,
[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > ul .nav-text,
[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > ul span,
[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > ul i,
[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > ul svg,
[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > ul svg * {
  color: #fff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

[data-layout="horizontal"] .deznav .metismenu li > ul a,
[data-layout="horizontal"] .deznav .metismenu li > ul a .nav-text,
[data-layout="horizontal"] .deznav .metismenu li > ul a span,
[data-layout="horizontal"] .deznav .metismenu li > ul a i,
[data-layout="horizontal"] .deznav .metismenu li > ul a svg,
[data-layout="horizontal"] .deznav .metismenu li > ul a svg *,
[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu li > ul a {
  color: var(--submenu-parent-text, var(--sidebar-submenu-text, #7e7e7e)) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

[data-layout="horizontal"] .deznav .metismenu li > ul a i,
[data-layout="horizontal"] .deznav .metismenu li > ul a::before,
[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu li > ul a i,
[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu li > ul a::before {
  color: var(--submenu-parent-text, var(--sidebar-submenu-text, #7e7e7e)) !important;
  background-color: currentColor !important;
}

[data-layout="horizontal"] .deznav .metismenu li > ul a:hover,
[data-layout="horizontal"] .deznav .metismenu li > ul a:focus,
[data-layout="horizontal"] .deznav .metismenu li > ul a:hover .nav-text,
[data-layout="horizontal"] .deznav .metismenu li > ul a:focus .nav-text,
[data-layout="horizontal"] .deznav .metismenu li > ul a.mm-active .nav-text,
[data-layout="horizontal"] .deznav .metismenu li > ul a.mm-active,
[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu li > ul a:hover,
[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu li > ul a:focus,
[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu li > ul a.mm-active {
  color: var(--submenu-parent-text, var(--sidebar-submenu-text, #7e7e7e)) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

.sidebar-right {
  height: 100vh;
  max-height: 100vh;
}

.sidebar-right .sidebar-right-inner {
  height: 100vh;
  max-height: 100vh;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
}