nav#sidebar { position: fixed; z-index: calc(var(--navLeft) - 1); top: 0; left: var(--appNavBarLeftWidth); height: 100vh; width: var(--secondarySideBarWidth); padding: 0 16px 24px; background: var(--backgroundLightest); border-right: 1px solid var(--borderLightest); overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } nav#sidebar::-webkit-scrollbar { width: 8px; } nav#sidebar::-webkit-scrollbar-track { background: none; } nav#sidebar::-webkit-scrollbar-thumb { border-radius: 99px; background: var(--backgroundMedium); } @media (max-width: 1100px) { nav#sidebar { width: calc(var(--secondarySideBarWidth) - 10px); } } @media (max-width: 999px) { nav#sidebar { display: none; } } nav#sidebar #projectInfo { display: flex; padding: 24px 4px; } nav#sidebar #projectInfo > .projectTexts { padding: 3px 0 0 10px; } nav#sidebar #projectInfo > .projectTexts > .projectName { color: var(--textDark); font-size: 15px; font-family: var(--font-medium); } nav#sidebar #projectInfo > .projectTexts > .projectCategory { color: var(--textMedium); font-size: 13px; } nav#sidebar .linkItem { position: relative; display: flex; padding: 8px 12px; border-radius: 3px; cursor: pointer; user-select: none; } nav#sidebar .linkItem > a { width: 100%; } nav#sidebar .linkItem.notAllowed, nav#sidebar .linkItem.notAllowed > a { cursor: not-allowed; color: var(--textDark); } nav#sidebar .linkItem.notAllowed, nav#sidebar .linkItem.notAllowed > a > .styledIcon { cursor: not-allowed; color: var(--textDark); } nav#sidebar .linkItem:hover { background: var(--backgroundLight); } nav#sidebar .linkItem.active { color: var(--primary); background: var(--backgroundLight); } nav#sidebar .linkItem > a { display: flex; } nav#sidebar .linkItem > a > i.styledIcon { margin-right: 15px; font-size: 20px; } nav#sidebar .linkItem > a > .linkText { padding-top: 2px; font-size: 14.7px; } .styledTooltip.messages { min-width: 800px; } .styledTooltip.messages > .messagesList { } .styledTooltip.messages > .messagesList > .message { padding: 15px; /*max-height: 90px;*/ /*overflow: hidden;*/ } /*.styledTooltip.messages > .messagesList > .message:hover {*/ /* max-height: 100%;*/ /*}*/ .styledTooltip.messages > .messagesList > .message > .top { display: flex; justify-content: space-between; } .styledTooltip.messages > .messagesList > .message > .top > .summary { font-family: var(--font-bold); font-size: 20px; line-height: 32px; } .styledTooltip.messages > .messagesList > .message > .top > .action { width: 32px; } .styledTooltip.messages > .messagesList > .message > .description { font-family: var(--font-regular); } .styledTooltip.messages > .messagesList > .message > .hyperlink { margin-top: 15px; } .styledTooltip.messages > .messagesList > .message > .hyperlink > a { color: var(--primary); } .styledTooltip.messages > .messagesList > .message > .hyperlink > a:hover { text-decoration: underline; } .styledTooltip.messages > .messagesList > .message > .hyperlink > a > .styledIcon { padding-right: 5px; font-size: 14.5px; } .styledTooltip.messages > .messagesList > .message > .actions { margin-top: 15px; } .styledTooltip.messages > .messagesList > .message > .actions > .styledButton { margin-right: 15px; }