/*--------------------------------------------------------------------------------------+
|
|     Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
+--------------------------------------------------------------------------------------*/
/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

#connect-wrap {
  max-width: 100%;
}

#connect-wrap #GlobalHeader {
  margin-bottom: 0px;
}

#GlobalHeader {
  height: 53px;
}

#connect-body {
  display: flex;
  height: calc(100vh - 48px - 53px); /* 48px footer, 53px header */
}

#side-bar-navigation {
  float: left;
  height: calc(100vh - 48px - 53px) !important;
}

.side-bar-nav-item-container {
  border-bottom: 0px !important;
}

#connect-main {
  flex-grow: 1;
  width: 100%;
  overflow-y: scroll;
}

/* I have no idea why, but this fixes the left floating side nav breaking everything */
#root {
  display: flex;
}

#GlobalHeader {
  z-index: auto !important;
}

#HFProfileTab {
  z-index: 1;
}

#GlobalFooter {
  height: 48px;
}

#connect-footer {
  background-color: #eef0f3;
  margin-top: 0px !important; /* theres a hardcoded -48px margin on the footer. This removes that. */
}

/* fix icons in bwc inputs, vertical centering */
.bwc-inputs-labeled-input > .input.with-icon > .icon {
  display: flex;
  align-items: center;
  margin: 0px;
  margin-right: 11px;
}

.bwc-inputs-labeled-input > .input.with-icon > .icon > svg {
  min-width: 16px;
  pointer-events: none;
}

hr {
  width: 100%;
  height: 1px;
  background-color: #dce0e3;
}

.rthfc .rt-thead.-header {
  z-index: auto !important;
}

/*This styling for the scrollbar comes from ENMGT. It adds the new Itwins Ui library scrollbar
 style. */
::-webkit-scrollbar,
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner,
*::-webkit-scrollbar-track,
*::-webkit-scrollbar-corner {
  background-color: transparent;
}
::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 4px;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner,
*::-webkit-scrollbar-track,
*::-webkit-scrollbar-corner {
  background-color: transparent;
}