@font-face {
  font-family: 'Roboto';
  font-style: normal;
  src: url('../Fonts/Roboto/Roboto-Regular.ttf') format('ttf'), url('../Fonts/Roboto/Roboto-Regular.woff') format('woff');
  /* old browsers */
}
@font-face {
  font-family: 'Roboto-Medium';
  font-style: normal;
  font-weight: 500;
  src: url('../Fonts/Roboto/Roboto-Medium.ttf') format('ttf'), url('../Fonts/Roboto/Roboto-Medium.woff') format('woff');
  /* old browsers */
}
@font-face {
  font-family: 'Roboto-Bold';
  font-style: normal;
  font-weight: 600;
  src: url('../Fonts/Roboto/Roboto-Bold.ttf') format('woff');
}
#main-content {
  display: flex;
  flex-flow: row nowrap;
  min-height: 100%;
}
.space-left {
  margin-left: 52px;
}
.sidebar {
  padding-block: 5px;
  position: absolute;
  top: 50px;
  left: 0;
  background-color: #1c293a;
  width: 52px;
  font-family: Roboto, Tahoma, sans-serif !important;
  font-size: 14px;
  height: calc(100vh - 60px);
  z-index: 3;
  transition: width 0.3s;
  overflow: hidden;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  overflow-x: hidden;
  overflow-y: auto;
}
.sidebar-hover {
  transition-delay: 300ms;
}
.sidebar-hover .saas-name,
.sidebar-hover .sidebar-config {
  transition: visibility 300ms;
  transition-delay: 300ms;
}
.sidebar-content {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
}
.sidebar-item {
  padding-left: 15px;
  margin-block: 5px;
  background-color: #1c293a;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 40px;
  flex-shrink: 0;
  font-weight: 500;
}
.sidebar-item:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.sidebar-icon {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(306deg) brightness(103%) contrast(101%);
}
.sidebar-item div {
  margin-left: 15px;
  white-space: nowrap;
}
.current-sidebar-item {
  background-color: rgba(255, 255, 255, 0.15);
}
.sidebar-footer {
  white-space: nowrap;
  color: white;
}
.sidebar-saas {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding-left: 17px;
  margin-block: 5px;
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  align-content: center;
  overflow: hidden;
  cursor: url("/Content/Images/Cursors/pointer-help.svg") 6 0, pointer !important;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.sidebar-saas .NotOk {
  filter: brightness(0) saturate(100%) invert(15%) sepia(54%) saturate(6268%) hue-rotate(355deg) brightness(93%) contrast(85%);
}
.sidebar-saas .Pending {
  filter: brightness(0) saturate(100%) invert(81%) sepia(62%) saturate(3357%) hue-rotate(4deg) brightness(100%) contrast(110%) !important;
}
.sidebar-saas .Ok {
  filter: brightness(0) saturate(100%) invert(54%) sepia(63%) saturate(465%) hue-rotate(64deg) brightness(92%) contrast(81%);
}
.sidebar-saas .saas-update {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(223deg) brightness(104%) contrast(101%);
  height: 12px !important;
}
.sidebar-saas #saas-indicator {
  margin-bottom: 1px;
  margin-inline: 4px;
  padding-right: 12px;
  height: 17px;
}
.sidebar-saas:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.sidebar-config {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  padding-top: 10px;
  display: flex;
  flex-flow: row nowrap;
  gap: 0px 7px;
  align-items: center;
}
.sidebar-version {
  background: rgba(255, 255, 255, 0.15);
  padding: 6px;
  border-radius: 6px;
  margin-left: 15px;
  margin-right: 5px;
  cursor: pointer;
}
.sidebar-alert {
  margin: 0.5vw;
  padding: 0.5vw;
  border: 1px solid rgba(0, 0, 0, 0.5);
  background: #ffe0b1;
  color: black !important;
  font-size: 14px;
}
.sidebar-alert .title {
  font-family: Roboto-Bold, Tahoma, sans-serif !important;
  font-weight: bold;
  margin-bottom: 0.5em;
  color: black !important;
  display: flex;
  justify-content: space-between;
}
.close {
  color: black !important;
  cursor: pointer;
}
.sidebar-item-right-elem {
  width: 50px;
  margin-left: auto !important;
  margin-right: 10px;
  display: flex;
  justify-content: center;
}
.adjust-icon-import {
  padding-left: 13px !important;
}
.adjust-icon-import .sidebar-icon {
  padding-right: 2px;
}
.adjust-icon-export {
  padding-left: 19px !important;
}
.adjust-icon-export .flex {
  margin-left: 13px !important;
}