/*$skStyle-font-face: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
body {
  padding-left: 44px;
  padding-top: 0; }

.mainMenu {
  position: fixed;
  left: 44px;
  top: 0;
  z-index: 101; }
  .mainMenu .x-title-icon.x-fa, .mainMenu .x-title-icon.x-fal {
    color: inherit; }
  .mainMenu .x-grid-item-selected div {
    background-color: transparent; }

.x-keyboard-mode .mainMenu .x-grid-item-focused {
  color: black !important; }
  .x-keyboard-mode .mainMenu .x-grid-item-focused .x-grid-cell-inner::before {
    border: none !important; }

.mainMenu.x-hide-offsets {
  top: 0 !important;
  left: -120% !important;
  z-index: 11;
  -webkit-transition: z-index 0s, visibility 0s 1s, left 1s ease-in-out;
  -moz-transition: z-index 0s, visibility 0s 1s, left 1s ease-in-out;
  transition: z-index 0s, visibility 0s 1s, left 1s ease-in-out; }

#menuBar {
  text-align: center;
  cursor: pointer;
  position: fixed;
  left: 0;
  top: 0;
  width: 44px;
  height: 100vh;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 15;
  font-size: 18px; }
  #menuBar i.x-fa, #menuBar i.x-fal, #menuBar i.x-far, #menuBar i.x-fas, #menuBar i.x-fab {
    display: block;
    padding-top: 15px; }
    #menuBar i.x-fa:first-child, #menuBar i.x-fal:first-child, #menuBar i.x-far:first-child, #menuBar i.x-fas:first-child, #menuBar i.x-fab:first-child {
      padding-bottom: 10px; }
    #menuBar i.x-fa:nth-child(2), #menuBar i.x-fal:nth-child(2), #menuBar i.x-far:nth-child(2), #menuBar i.x-fas:nth-child(2), #menuBar i.x-fab:nth-child(2) {
      padding-bottom: 10px; }
  #menuBar #logout {
    position: absolute;
    bottom: 20px;
    left: 14px; }

.x-hidden .x-tree-node, .x-hidden .x-tree-node-ct, .x-hide-offsets .x-tree-node, .x-hide-offsets .x-tree-node-ct {
  visibility: hidden !important; }

div.permissionChecks {
  text-align: center;
  height: 18px !important; }

div.permissionChecks table {
  margin-left: auto;
  margin-right: auto;
  height: 18px !important; }

div.permissionChecks table div {
  height: 18px !important;
  width: auto !important; }

/* In support for MultiSelectTree.js: */
.x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon {
  display: inline !important; }

#header {
  position: relative;
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  background: url("getImage.ashx?image=branding/dashboard/topBar") repeat-x;
  z-index: 1; }
  #header img {
    margin-left: 0;
    margin-top: 0; }

.snl-support {
  color: #0a5287; }

.viewTitle {
  color: #0a5287;
  font-weight: bold;
  font-size: 25px;
  font-style: normal;
  vertical-align: middle;
  font-family: Akkurat ProTT, sans-serif;
  white-space: nowrap;
  text-decoration: none;
  position: relative;
  top: -14px; }

.snl-support {
  position: absolute;
  visibility: visible !important;
  z-index: 10;
  background-color: transparent;
  width: 70px;
  height: 40px;
  padding: 5px;
  vertical-align: baseline;
  padding-top: 22px; }

.snl-feedback {
  position: absolute;
  visibility: visible !important;
  z-index: 10;
  background-color: transparent;
  width: 70px;
  height: 40px;
  padding: 5px;
  vertical-align: baseline; }
  .snl-feedback a {
    text-decoration: none !important;
    color: inherit; }
  .snl-feedback:hover {
    background-color: slategray;
    background-color: rgba(255, 255, 255, 0.3);
    height: auto; }

.thumbnail .snl-support, .thumbnail .snl-feedback {
  display: none !important; }

/* ExtJS Overrides */
.x-btn-disabled.x-btn-default-small {
  opacity: 0.3 !important; }

.x-mask {
  background-color: rgba(0, 0, 0, 0.12) !important; }

/* Override the fact that the northeast resize handle gets larger when hovered. 
    This is making the resize cursor remain when hovering over the close button after hovering over the resize handle */
.x-resizable-handle-northeast-over,
.x-resizable-pinned > .x-resizable-handle-northeast {
  font: 1px/1 ExtJS !important; }