/* Sidebar */
/* CSS here is only added if Sidebar Position is not 3 (Disabled) */
:root:not(.fixed) #header-bar {
  z-index: 10;
}
:root.left-sidebar body {
  padding-left: 306px;
}
:root.right-sidebar body {
  padding-right: 306px;
}
:root.left-sidebar:not(.mini-sidebar) .boardBanner,
:root.right-sidebar:not(.mini-sidebar) .boardBanner {
  position: fixed;
}
:root.left-sidebar:not(.mini-sidebar) .boardBanner {
  left: 2px;
}
:root.right-sidebar:not(.mini-sidebar) .boardBanner {
  right: 2px;
}
:root.fixed:not(.autohide):not(.bottom) .boardBanner {
  margin-top: -6px;
}
:root.left-sidebar #qr {
  left: 0 !important;
  right: auto !important;
}
:root.right-sidebar #qr {
  right: 0 !important;
  left: auto !important;
}
.captcha-img,
.captcha-img img {
  min-width: 100% !important;
  height: 56px !important;
}
/* SS-like Sidebar */
:root.ss-sidebar body::before {
  background:rgba\(" + $SS.theme.mainColor.shiftRGB(-18) + ",." + ($SS.theme.mainColor.isDark ? 9 : 2) + ");
  border-left:2px solid rgba(" + $SS.theme.mainColor.rgb + ",.9);
  box-shadow:inset " + $SS.theme.brderColor.hex + " 1px 0 0,inset " + $SS.theme.brderColor.hex + " -1px 0 0;
  content:'';
  height:100%;
  width:306px;
  position:fixed;
  top:0;
  right: 0;
}
:root.fixed.ss-sidebar #header-bar {
  box-shadow: -5px 1px 10px rgba(0,0,0,.2), inset " + $SS.theme.brderColor.hex + " -1px 0 0;
}
:root.fixed.header-shadow.ss-sidebar #header-bar {
  box-shadow: inset " + $SS.theme.brderColor.hex + " -1px 0 0 !important;
}
:root.ss-sidebar.left-sidebar body::before {
  border-right:2px solid rgba(" + $SS.theme.mainColor.rgb + ",.9);
  border-left: none !important;
  left: 0;
  right: auto !important;
}
:root.fixed.ss-sidebar.left-sidebar #header-bar {
  box-shadow: -5px 1px 10px rgba(0,0,0,.2), inset " + $SS.theme.brderColor.hex + " 1px 0 0;
}
:root.fixed.header-shadow.ss-sidebar.left-sidebar #header-bar {
  box-shadow: inset " + $SS.theme.brderColor.hex + " 1px 0 0 !important;
}
/* Vertical QR */
:root.vertical-qr:root.left-sidebar #qr {
  transform: translateX(-100%);
  left: 0 !important;
  right: auto !important;
}
:root.vertical-qr:root.left-sidebar #qr .move {
  transform: rotate(90deg);
  transform-origin: bottom right;
  left: 63.5%;
  bottom: 46px;
}
/* Minimal Sidebar */
:root.mini-sidebar:root.left-sidebar body {
  padding-left: 32px !important;
}
:root.mini-sidebar:root.right-sidebar body {
  padding-right: 32px !important;
}
:root.mini-sidebar .boardSubtitle {
  display: none;
}
:root.mini-sidebar:root.ss-sidebar body::before {
  width: 31px !important;
}
:root.mini-sidebar .boardTitle {
  top: 72px !important;
  letter-spacing: -1.4px;
  position: fixed;
  padding-top: .05em;
}
:root.mini-sidebar:root.right-sidebar .boardTitle {
  right: 32px;
  -webkit-transform-origin: top right;
  transform-origin: top right;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}
:root.mini-sidebar:root.left-sidebar .boardTitle {
  left: 32px;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}
