.v-enter-active[data-v-402f9588],
.v-leave-active[data-v-402f9588] {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.v-enter-from[data-v-402f9588],
.v-leave-to[data-v-402f9588] {
  opacity: 0;
}
.v-sidebar-menu {
  --vsm-primary-color:#51a2ff;
  --vsm-base-bg: #213623;
  --vsm-item-color: #dcf1de;
  --vsm-item-active-line-color: var(--vsm-primary-color);
  --vsm-item-open-color: #fff;
  --vsm-item-open-bg: var(--vsm-primary-color);
  --vsm-item-hover-bg: #b0c1b2;
  /* --vsm-icon-color: var(--vsm-item-color); */
  --vsm-icon-color: #123486;
  --vsm-icon-bg: #213623;
  --vsm-mobile-item-color: #fff;
  --vsm-mobile-item-bg: var(--vsm-primary-color);
  --vsm-mobile-icon-color: var(--vsm-mobile-item-color);
  --vsm-mobile-icon-bg: transparent;
  --vsm-dropdown-bg: #36363b;
  --vsm-header-item-color: hsla(0, 0%, 100%, 0.7);
  --vsm-toggle-btn-color: #fff;
  --vsm-toggle-btn-bg: #213623;
  --vsm-item-font-size: 16px;
  --vsm-item-line-height: 35px;
  --vsm-item-padding: 6px 15px;
  --vsm-icon-height: 20px;
  --vsm-icon-width: 20px;
}
.v-sidebar-menu * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.v-sidebar-menu {
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  position: static;
  text-align: left;
  top: 0;
  -webkit-transition: max-width 0.3s ease;
  transition: max-width 0.3s ease;
  width: 100%;
  z-index: 999;
}
.v-sidebar-menu,
.v-sidebar-menu .vsm--wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.v-sidebar-menu .vsm--wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  position: relative;
}
.v-sidebar-menu .vsm--menu {
  position: static !important;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.v-sidebar-menu .vsm--scroll-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  position: relative;
}
.v-sidebar-menu .vsm--scroll {
  -ms-overflow-style: none;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
}
.v-sidebar-menu .vsm--scroll::-webkit-scrollbar {
  display: none;
  height: 0;
  width: 0;
}
.v-sidebar-menu .vsm--scroll-bar {
  border-radius: 4px;
  bottom: 2px;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 6px;
  z-index: 5;
}
.v-sidebar-menu .vsm--scroll-thumb {
  background-color: #aaa;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.v-sidebar-menu .vsm--scroll-thumb:hover {
  opacity: 1;
}
.v-sidebar-menu .vsm--dropdown,
.v-sidebar-menu .vsm--menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.v-sidebar-menu .vsm--dropdown {
  padding: 5px;
}
.v-sidebar-menu .vsm--item {
  display: block;
  position: static !important;
  width: 100%;
}
.v-sidebar-menu .vsm--link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--vsm-item-font-size);
  font-weight: 400;
  line-height: var(--vsm-item-line-height);
  padding: var(--vsm-item-padding);
  position: static !important;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 30px;
  font-size: 0.875rem;
  text-align: left;
}
.v-sidebar-menu .vsm--link_active {
  font-weight: 600;
    color: #0A7CFC;
  border-radius: 0px 0px 0px 0px;
  font-weight: bolder;
  box-shadow: 8px 0px 0px 0px #123486 inset;
  border: 1.5px solid #0A7CFC;

}
.v-sidebar-menu .vsm--link_disabled {
  opacity: 0.4;
  pointer-events: none;
}
.v-sidebar-menu .vsm--link_level-1 .vsm--icon {
  border-radius: 3px;
  height: var(--vsm-icon-height);
  width: var(--vsm-icon-width);
}
.v-sidebar-menu .vsm--icon {
  -ms-flex-negative: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  flex-shrink: 0;
  height: 25px;
  justify-content: center;
  margin-right: 15px;
  width: 25px;
  z-index: 20;
}
.v-sidebar-menu .vsm--icon,
.v-sidebar-menu .vsm--title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.v-sidebar-menu .vsm--title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.v-sidebar-menu .vsm--title > span:first-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v-sidebar-menu .vsm--title_hidden {
  visibility: hidden;
}
.v-sidebar-menu .vsm--arrow {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  height: 30px;
  justify-content: center;
  text-align: center;
  width: 30px;
}
.v-sidebar-menu .vsm--arrow_default {
  height: 12px;
  position: relative;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  width: 12px;
}
.v-sidebar-menu .vsm--arrow_default:before {
  border-bottom: 2px solid;
  border-left: 2px solid;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  content: "";
  display: inline-block;
  height: 6px;
  left: 0;
  position: absolute;
  top: 2px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  width: 6px;
}
.v-sidebar-menu .vsm--arrow_open .vsm--arrow_default {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.v-sidebar-menu .vsm--header {
  font-size: 14px;
  font-weight: 600;
  padding: 10px 15px;
  text-transform: uppercase;
  white-space: nowrap;
}
.v-sidebar-menu .vsm--badge_default {
  border-radius: 3px;
  font-size: 8pt;
  font-weight: 600;
  height: 20px;
  line-height: 20px;
  padding: 0 6px;
  text-transform: uppercase;
}
.v-sidebar-menu .vsm--toggle-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  height: 65px;
  justify-content: center;
  text-align: center;
  width: 100%;
    display: none;
}
.v-sidebar-menu .vsm--toggle-btn_default {
  height: 12px;
  position: relative;
  width: 12px;
}
.v-sidebar-menu .vsm--toggle-btn_default:before {
  border-left: 2px solid;
  content: "";
  display: inline-block;
  height: 12px;
  left: 0;
  position: absolute;
  top: 0;
}
.v-sidebar-menu .vsm--toggle-btn_default:after {
  border-bottom: 2px solid;
  border-left: 2px solid;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  content: "";
  display: inline-block;
  height: 6px;
  left: 4px;
  position: absolute;
  top: 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
}
.v-sidebar-menu.vsm_collapsed .vsm--link_level-1.vsm--link_hover,
.v-sidebar-menu.vsm_collapsed .vsm--link_level-1:hover {
  background-color: transparent !important;
}
.v-sidebar-menu.vsm_collapsed .vsm--toggle-btn_default {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.v-sidebar-menu.vsm_collapsed.vsm_rtl .vsm--toggle-btn_default {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.v-sidebar-menu.vsm_collapsed .vsm--scroll-wrapper {
  width: calc(100% + 8px);
}
.v-sidebar-menu.vsm_rtl {
  direction: rtl;
  left: inherit;
  right: 0;
  text-align: right;
}
.v-sidebar-menu.vsm_rtl .vsm--icon {
  margin-left: 15px;
  margin-right: 0;
}
.v-sidebar-menu.vsm_rtl .vsm--arrow_default {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.v-sidebar-menu.vsm_rtl .vsm--arrow_open .vsm--arrow_default {
  -webkit-transform: rotate(-90deg) scaleX(-1);
  transform: rotate(-90deg) scaleX(-1);
}
.v-sidebar-menu.vsm_rtl .vsm--toggle-btn_default {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.v-sidebar-menu.vsm_rtl .vsm--scroll-bar {
  left: 2px;
  right: inherit;
}
.v-sidebar-menu.vsm_relative {
  height: 100%;
  position: relative;
}
.v-sidebar-menu .expand-enter-active,
.v-sidebar-menu .expand-leave-active {
  overflow: hidden;
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
}
.v-sidebar-menu .expand-enter-from,
.v-sidebar-menu .expand-leave-to {
  height: 0 !important;
}
.v-sidebar-menu .slide-animation-enter-active,
.v-sidebar-menu .slide-animation-leave-active {
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.v-sidebar-menu .slide-animation-enter-from,
.v-sidebar-menu .slide-animation-leave-to {
  width: 0 !important;
}
.v-sidebar-menu {
  background-color: var(--vsm-base-bg);
}
.v-sidebar-menu .vsm--item {
  color: var(--vsm-item-color);
}
.v-sidebar-menu .vsm--link_active {
  background-color: var(--vsm-item-active-bg, transparent);
  color: var(--vsm-item-active-color, inherit);
}
.v-sidebar-menu .vsm--link_level-1.vsm--link_active {
  -webkit-box-shadow: 3px 0 0 0 var(--vsm-item-active-line-color) inset;
  box-shadow: 3px 0 0 0 var(--vsm-item-active-line-color) inset;
}
.v-sidebar-menu .vsm--link_level-1.vsm--link_active .vsm--icon {
  background-color: var(--vsm-icon-active-bg, var(--vsm-icon-bg));
  color: var(--vsm-icon-active-color, inherit);
}
.v-sidebar-menu .vsm--link_level-1 .vsm--icon {
  background-color: var(--vsm-icon-bg);

  color: orange;
    color: var(--vsm-icon-active-color, inherit);
}
.v-sidebar-menu .vsm--link_hover {
  background-color: var(--vsm-item-hover-bg);
  color: var(--vsm-item-hover-color, inherit);
}
.v-sidebar-menu .vsm--link_mobile {
  color: var(--vsm-mobile-item-color);
}
.v-sidebar-menu.vsm_expanded .vsm--link_level-1.vsm--link_open {
  background-color: var(--vsm-item-open-bg);
  color: var(--vsm-item-open-color);
}
.v-sidebar-menu.vsm_expanded .vsm--link_level-1.vsm--link_open .vsm--icon {
  background-color: var(--vsm-icon-open-bg, transparent);
  color: var(--vsm-icon-open-color, inherit);
}
.v-sidebar-menu.vsm_collapsed .vsm--link_level-1.vsm--link_hover .vsm--icon {
  background-color: var(--vsm-mobile-icon-bg);
  color: var(--vsm-mobile-icon-color);
}
.v-sidebar-menu .vsm--icon {
  color: var(--vsm-icon-color, inherit);
}
.v-sidebar-menu .vsm--dropdown {
  background-color: var(--vsm-dropdown-bg);
}
.v-sidebar-menu .vsm--dropdown .vsm--item {
  color: var(--vsm-dropdown-color, var(--vsm-item-color));
}
.v-sidebar-menu .vsm--mobile-bg {
  background-color: var(--vsm-mobile-item-bg);
}
.v-sidebar-menu.vsm_rtl .vsm--link_level-1.vsm--link_active {
  -webkit-box-shadow: -3px 0 0 0 var(--vsm-item-active-line-color) inset;
  box-shadow: -3px 0 0 0 var(--vsm-item-active-line-color) inset;
}
.v-sidebar-menu .vsm--header {
  color: var(--vsm-header-item-color);
}
.v-sidebar-menu .vsm--badge_default {
  background-color: #1e1e21;
  color: var(--vsm-item-color);
}
.v-sidebar-menu .vsm--toggle-btn {
  background-color: var(--vsm-toggle-btn-bg);
  color: var(--vsm-toggle-btn-color);
}











  /* white theme  */
.v-sidebar-menu.vsm_white-theme {
  --vsm-base-bg: #dcf1de;
  --vsm-item-color: #262626;
  --vsm-item-hover-bg: #0a7bfc8c;
  --vsm-icon-bg: #dcf1de;
  --vsm-icon-active-color: #0A7CFC;
  --vsm-icon-active-bg: transparent;
  --vsm-dropdown-bg: #e3e3e3;
  --vsm-header-item-color: rgba(38, 38, 38, 0.7);
  --vsm-toggle-btn-color: var(--vsm-item-color);
  --vsm-toggle-btn-bg: #f2f2f2;
  background-color: var(--vsm-base-bg);
}
.v-sidebar-menu.vsm_white-theme .vsm--item {
  color: var(--vsm-item-color);
}
.v-sidebar-menu.vsm_white-theme .vsm--link_active {
  background-color: var(--vsm-item-active-bg, transparent);
  color: var(--vsm-item-active-color, inherit);
}
.v-sidebar-menu.vsm_white-theme .vsm--link_level-1.vsm--link_active {
  -webkit-box-shadow: 3px 0 0 0 var(--vsm-item-active-line-color) inset;
  box-shadow: 3px 0 0 0 var(--vsm-item-active-line-color) inset;
  background-color: transparent;
  border-radius: 0px 0px 0px 0px;
  font-weight: bolder;
  box-shadow: 8px 0px 0px 0px #123486 inset;
  border: 1.5px solid #849185;
  /* font-size: 16pt; */
  /* color: #55a4ff; */
}
.v-sidebar-menu.vsm_white-theme .vsm--link_level-1.vsm--link_active .vsm--icon {
  background-color: var(--vsm-icon-active-bg, var(--vsm-icon-bg));
  color: var(--vsm-icon-active-color, inherit);
}
.v-sidebar-menu.vsm_white-theme .vsm--link_level-1 .vsm--icon {
  background-color: var(--vsm-icon-bg);
}
.v-sidebar-menu.vsm_white-theme .vsm--link_hover {
  background-color: var(--vsm-item-hover-bg);
  color: var(--vsm-item-hover-color, inherit);
}
.v-sidebar-menu.vsm_white-theme .vsm--link_mobile {
  color: var(--vsm-mobile-item-color);
}
.v-sidebar-menu.vsm_white-theme.vsm_expanded .vsm--link_level-1.vsm--link_open {
  background-color: var(--vsm-item-open-bg);
  color: var(--vsm-item-open-color);
}
.v-sidebar-menu.vsm_white-theme.vsm_expanded .vsm--link_level-1.vsm--link_open .vsm--icon {
  background-color: var(--vsm-icon-open-bg, transparent);
  color: var(--vsm-icon-open-color, inherit);
}
.v-sidebar-menu.vsm_white-theme.vsm_collapsed .vsm--link_level-1.vsm--link_hover .vsm--icon {
  background-color: var(--vsm-mobile-icon-bg);
  color: var(--vsm-mobile-icon-color);
}
.v-sidebar-menu.vsm_white-theme .vsm--icon {
  color: var(--vsm-icon-color, inherit);
}
.v-sidebar-menu.vsm_white-theme .vsm--dropdown {
  background-color: var(--vsm-dropdown-bg);
}
.v-sidebar-menu.vsm_white-theme .vsm--dropdown .vsm--item {
  color: var(--vsm-dropdown-color, var(--vsm-item-color));
}
.v-sidebar-menu.vsm_white-theme .vsm--mobile-bg {
  background-color: var(--vsm-mobile-item-bg);
}
.v-sidebar-menu.vsm_white-theme.vsm_rtl .vsm--link_level-1.vsm--link_active {
  -webkit-box-shadow: -3px 0 0 0 var(--vsm-item-active-line-color) inset;
  box-shadow: -3px 0 0 0 var(--vsm-item-active-line-color) inset;
}
.v-sidebar-menu.vsm_white-theme .vsm--header {
  color: var(--vsm-header-item-color);
}
.v-sidebar-menu.vsm_white-theme .vsm--badge_default {
  background-color: #f2f2f2;
  color: var(--vsm-item-color);
}
.v-sidebar-menu.vsm_white-theme .vsm--toggle-btn {
  background-color: var(--vsm-toggle-btn-bg);
  color: var(--vsm-toggle-btn-color);
}
/*# sourceMappingURL=vue-sidebar-menu.css.map */




/* BLUE THEME - DARK */
.v-sidebar-menu.vsm_blue-theme {
  --vsm-base-bg: #10202a;
  --vsm-item-color: #66bfff;
  --vsm-item-hover-bg: #18314a;
  --vsm-icon-bg: #10202a;
  --vsm-icon-active-color: #0396ff;
  --vsm-icon-active-bg: #18314a;
  --vsm-dropdown-bg: #18314a;
  --vsm-header-item-color: #66bfff;
  --vsm-toggle-btn-color: #66bfff;
  --vsm-toggle-btn-bg: #18314a;
  background-color: var(--vsm-base-bg);
}

/* GREEN THEME - DARK */
.v-sidebar-menu.vsm_green-theme {
  --vsm-base-bg: #10291c;
  --vsm-item-color: #7fffb2;
  --vsm-item-hover-bg: #1e4d37;
  --vsm-icon-bg: #10291c;
  --vsm-icon-active-color: #4de1a7;
  --vsm-icon-active-bg: #1e4d37;
  --vsm-dropdown-bg: #183d2a;
  --vsm-header-item-color: #4de1a7;
  --vsm-toggle-btn-color: #4de1a7;
  --vsm-toggle-btn-bg: #183d2a;
  background-color: var(--vsm-base-bg);
}

/* YELLOW THEME - DARK */
.v-sidebar-menu.vsm_yellow-theme {
  --vsm-base-bg: #2d2a12;
  --vsm-item-color: #ffe066;
  --vsm-item-hover-bg: #3d3700;
  --vsm-icon-bg: #2d2a12;
  --vsm-icon-active-color: #ffe066;
  --vsm-icon-active-bg: #3d3700;
  --vsm-dropdown-bg: #3d3700;
  --vsm-header-item-color: #ffe066;
  --vsm-toggle-btn-color: #ffe066;
  --vsm-toggle-btn-bg: #3d3700;
  background-color: var(--vsm-base-bg);
}

/* ORANGE THEME - DARK */
.v-sidebar-menu.vsm_orange-theme {
  --vsm-base-bg: #2d1a0a;
  --vsm-item-color: #ffb366;
  --vsm-item-hover-bg: #4d2c12;
  --vsm-icon-bg: #2d1a0a;
  --vsm-icon-active-color: #ffb366;
  --vsm-icon-active-bg: #4d2c12;
  --vsm-dropdown-bg: #3d210f;
  --vsm-header-item-color: #ffb366;
  --vsm-toggle-btn-color: #ffb366;
  --vsm-toggle-btn-bg: #3d210f;
  background-color: var(--vsm-base-bg);
}

/* RED THEME - DARK */
.v-sidebar-menu.vsm_red-theme {
  --vsm-base-bg: #2d1414;
  --vsm-item-color: #ff4d4f;
  --vsm-item-hover-bg: #4d1a1a;
  --vsm-icon-bg: #2d1414;
  --vsm-icon-active-color: #ff4d4f;
  --vsm-icon-active-bg: #4d1a1a;
  --vsm-dropdown-bg: #3d1a1a;
  --vsm-header-item-color: #ff4d4f;
  --vsm-toggle-btn-color: #ff4d4f;
  --vsm-toggle-btn-bg: #3d1a1a;
  background-color: var(--vsm-base-bg);
}