/* A.R.M.S v205.37 — Executive Baby Blue sidebar for day mode only. */

body[data-theme="light"] {
  --arms37-baby-blue-1: #edf8ff;
  --arms37-baby-blue-2: #dceffc;
  --arms37-baby-blue-3: #c9e6f7;
  --arms37-baby-blue-card: rgba(255, 255, 255, .76);
  --arms37-baby-blue-line: rgba(3, 105, 161, .2);
  --arms37-baby-blue-line-strong: rgba(29, 78, 216, .34);
  --arms37-baby-blue-active: #b9e3fb;
  --arms37-baby-blue-hover: #d0edfc;
  --arms37-ink: #0b1f33;
  --arms37-muted: #526d84;
  --arms37-blue: #1d4ed8;
  --arms37-sky: #0369a1;
}

html body[data-theme="light"] #sideMenu,
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu {
  color: var(--arms37-ink) !important;
  -webkit-text-fill-color: initial !important;
  background:
    radial-gradient(circle at 8% 4%, rgba(255, 255, 255, .94), transparent 28%),
    linear-gradient(180deg, var(--arms37-baby-blue-1) 0%, var(--arms37-baby-blue-2) 48%, var(--arms37-baby-blue-3) 100%) !important;
  border-right: 1px solid var(--arms37-baby-blue-line-strong) !important;
  box-shadow: 22px 0 58px rgba(11, 31, 51, .18) !important;
  opacity: 1 !important;
  filter: none !important;
}

html body[data-theme="light"] #sideMenu > .menu-hdr,
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu > .menu-hdr {
  color: var(--arms37-ink) !important;
  -webkit-text-fill-color: var(--arms37-ink) !important;
  background: rgba(220, 239, 252, .96) !important;
  border-bottom-color: var(--arms37-baby-blue-line) !important;
  box-shadow: 0 8px 24px rgba(11, 31, 51, .09) !important;
}

html body[data-theme="light"] #sideMenu > .menu-hdr h6,
html body[data-theme="light"] #sideMenu > .menu-hdr .mono,
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu > .menu-hdr h6,
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu > .menu-hdr .mono {
  color: var(--arms37-ink) !important;
  -webkit-text-fill-color: var(--arms37-ink) !important;
}

html body[data-theme="light"] #sideMenu > .menu-hdr h6 i,
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu > .menu-hdr h6 i {
  color: var(--arms37-blue) !important;
  -webkit-text-fill-color: var(--arms37-blue) !important;
}

html body[data-theme="light"] #sideMenu > .menu-hdr > button,
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu > .menu-hdr > button {
  color: var(--arms37-sky) !important;
  -webkit-text-fill-color: var(--arms37-sky) !important;
  background: rgba(255, 255, 255, .72) !important;
  border-color: var(--arms37-baby-blue-line) !important;
  box-shadow: 0 5px 14px rgba(11, 31, 51, .07) !important;
}

html body[data-theme="light"] #sideMenu > .menu-hdr > button:hover,
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu > .menu-hdr > button:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: var(--arms37-blue) !important;
  border-color: var(--arms37-blue) !important;
}

html body[data-theme="light"] #sideMenu > .menu-user,
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu > .menu-user {
  color: var(--arms37-ink) !important;
  -webkit-text-fill-color: initial !important;
  background: rgba(237, 248, 255, .82) !important;
  border-bottom-color: var(--arms37-baby-blue-line) !important;
}

html body[data-theme="light"] #sideMenu > .menu-user #menuAvatar,
html body[data-theme="light"] #sideMenu > .menu-user img#menuAvatar,
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu > .menu-user #menuAvatar,
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu > .menu-user img#menuAvatar {
  background: #ffffff !important;
  border-color: #ffffff !important;
  outline-color: rgba(29, 78, 216, .72) !important;
  box-shadow: 0 0 0 5px rgba(29, 78, 216, .1), 0 14px 30px rgba(11, 31, 51, .16) !important;
}

html body[data-theme="light"] #sideMenu > .menu-user #menuName,
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu > .menu-user #menuName {
  color: var(--arms37-ink) !important;
  -webkit-text-fill-color: var(--arms37-ink) !important;
}

html body[data-theme="light"] #sideMenu > .menu-user #menuShift,
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu > .menu-user #menuShift {
  color: var(--arms37-blue) !important;
  -webkit-text-fill-color: var(--arms37-blue) !important;
}

html body[data-theme="light"] #sideMenu .arms147-search-wrap,
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu .arms147-search-wrap {
  background: rgba(220, 239, 252, .96) !important;
  border-bottom-color: var(--arms37-baby-blue-line) !important;
  box-shadow: 0 10px 25px rgba(11, 31, 51, .09) !important;
}

html body[data-theme="light"] #sideMenu .arms147-search-box,
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu .arms147-search-box {
  color: var(--arms37-ink) !important;
  background: rgba(255, 255, 255, .9) !important;
  border-color: rgba(3, 105, 161, .25) !important;
  box-shadow: 0 7px 18px rgba(11, 31, 51, .07) !important;
}

html body[data-theme="light"] #sideMenu .arms147-search-box i,
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu .arms147-search-box i {
  color: var(--arms37-sky) !important;
  -webkit-text-fill-color: var(--arms37-sky) !important;
}

html body[data-theme="light"] #sideMenu .arms147-search-box input,
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu .arms147-search-box input {
  color: var(--arms37-ink) !important;
  -webkit-text-fill-color: var(--arms37-ink) !important;
  background: transparent !important;
}

html body[data-theme="light"] #sideMenu .arms147-search-box input::placeholder,
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu .arms147-search-box input::placeholder {
  color: var(--arms37-muted) !important;
  -webkit-text-fill-color: var(--arms37-muted) !important;
  opacity: .86 !important;
}

html body[data-theme="light"] #sideMenu .arms147-source,
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu .arms147-source {
  color: var(--arms37-muted) !important;
  -webkit-text-fill-color: var(--arms37-muted) !important;
}

html body[data-theme="light"] #sideMenu .arms147-source span:first-child,
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu .arms147-source span:first-child {
  color: var(--arms37-blue) !important;
  -webkit-text-fill-color: var(--arms37-blue) !important;
}

html body[data-theme="light"] #sideMenu :is(.menu-section, .arms147-group),
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu :is(.menu-section, .arms147-group) {
  color: var(--arms37-sky) !important;
  -webkit-text-fill-color: var(--arms37-sky) !important;
  background: transparent !important;
  border-bottom-color: rgba(3, 105, 161, .13) !important;
}

html body[data-theme="light"] #sideMenu :is(.menu-item, .arms147-item, [data-route]),
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu :is(.menu-item, .arms147-item, [data-route]) {
  color: var(--arms37-ink) !important;
  -webkit-text-fill-color: var(--arms37-ink) !important;
  background: transparent !important;
  border-color: transparent !important;
  border-left-color: transparent !important;
  box-shadow: none !important;
}

html body[data-theme="light"] #sideMenu :is(.menu-item, .arms147-item, [data-route]) span,
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu :is(.menu-item, .arms147-item, [data-route]) span {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body[data-theme="light"] #sideMenu :is(.menu-item, .arms147-item, [data-route]) i,
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu :is(.menu-item, .arms147-item, [data-route]) i {
  color: var(--arms37-sky) !important;
  -webkit-text-fill-color: var(--arms37-sky) !important;
}

html body[data-theme="light"] #sideMenu :is(.menu-item, .arms147-item, [data-route]):hover,
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu :is(.menu-item, .arms147-item, [data-route]):hover {
  color: #08233a !important;
  -webkit-text-fill-color: #08233a !important;
  background: var(--arms37-baby-blue-hover) !important;
  border-color: rgba(3, 105, 161, .15) !important;
  border-left-color: var(--arms37-sky) !important;
  box-shadow: 0 7px 17px rgba(11, 31, 51, .065) !important;
}

html body[data-theme="light"] #sideMenu :is(.menu-item, .arms147-item, [data-route]):is(.active, .arms-v2044-active),
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu :is(.menu-item, .arms147-item, [data-route]):is(.active, .arms-v2044-active) {
  color: #061f35 !important;
  -webkit-text-fill-color: #061f35 !important;
  background: linear-gradient(90deg, var(--arms37-baby-blue-active), rgba(255, 255, 255, .7)) !important;
  border-color: rgba(29, 78, 216, .2) !important;
  border-left-color: var(--arms37-blue) !important;
  box-shadow: 0 9px 22px rgba(29, 78, 216, .1), inset 3px 0 var(--arms37-blue) !important;
}

html body[data-theme="light"] #sideMenu :is(.menu-item, .arms147-item, [data-route]):is(.active, .arms-v2044-active) i,
html body[data-theme="light"].arms-v2044-premium-ready #sideMenu :is(.menu-item, .arms147-item, [data-route]):is(.active, .arms-v2044-active) i {
  color: var(--arms37-blue) !important;
  -webkit-text-fill-color: var(--arms37-blue) !important;
}

html body[data-theme="light"] #sideMenu::-webkit-scrollbar-thumb {
  background: rgba(3, 105, 161, .32) !important;
}

html body[data-theme="light"] #sideMenu::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .24) !important;
}