header .left-side {
  background: #2e79eb;
}
header .left-side .burger-icon:hover {
  background: rgba(17, 21, 28, 0.2);
}
header .right-side {
  position: relative;
  background: #1f2531;
}
header .right-side .menu-title {
  position: relative;
  z-index: 5;
}
header .right-side .menu-title h2 {
  color: #fff;
}
header .right-side .user-info {
  position: relative;
  z-index: 6;
}
header .right-side .user-info h3 {
  color: #fff;
}
header .right-side .user-info button {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}
header .right-side .user-info button:hover {
  background: #fff;
  color: #11151c;
}
header .right-side::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 21, 28, 0.5);
}

.app-content aside {
  background: #2e79eb;
}
.app-content aside nav .main-nav > li .main-title {
  opacity: 0.5;
}
.app-content aside nav .main-nav > li.active, .app-content aside nav .main-nav > li:hover {
  background: rgba(17, 21, 28, 0.2);
}
.app-content aside nav .main-nav > li.active .main-title, .app-content aside nav .main-nav > li:hover .main-title {
  opacity: 1;
}
.app-content aside nav .main-nav > li .sub-nav > li a{
  opacity: 0.5;
}
.app-content aside nav .main-nav > li .sub-nav > li .router-link-active, .app-content aside nav .main-nav > li .sub-nav > li:hover {
  opacity: 1;
  color: #f5f6f8;
}
.app-content .views {
  background: #1F2531;
}
.app-content .sub-title {
  line-height: 20px;
  color: #2E79EB;
}

/* 대시보드에서만 오버라이드*/
.card {
  /*background: rgba(255, 255, 255, 0.05);*/
}

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-thumb {
  background: rgba(17, 21, 28, 0.3);
}	

/* 사이드바 li active*/
aside nav .sub-nav > li.router-link-active {
  font-weight: 700;
  color : white;
  opacity : 1;
}

/* 공통 메시지(readN.modules.common.msg) 가시성 개선 */
.notifications-container {
  max-width: 480px !important;
}

.notifications-container .notify {
  --notify-padding: 1.125rem;
  --notify-icon-size: 48px;
  --notify-close-icon-size: 24px;
  min-height: 84px;
  border-radius: 9px;
  padding: var(--notify-padding) !important;
}

.notifications-container .notify.notify-autoclose {
  --progress-height: 8px;
  padding-bottom: calc(var(--notify-padding) + var(--progress-height)) !important;
}

.notifications-container .notify__icon {
  margin-right: 18px;
}

.notifications-container .notify__icon svg {
  width: 48px;
  height: 48px;
}

.notifications-container .notify__title {
  font-size: 1.5rem !important;
  line-height: 1.5;
}

.notifications-container .notify__text {
  font-size: 1.3125rem !important;
  line-height: 1.5;
}

.notifications-container .notify__close svg {
  width: 24px;
  height: 24px;
}