.dashedBorderRegion, #inventory-details-panel .attachments .toAttach .content, item-detailed-view .inventory-item-detailed-view .attachments .toAttach .content {
  border-style: dashed;
  border-width: 2px;
  background-color: var(--theme-main-200);
  border-color: var(--theme-main-700);
}

.arrow_box {
  position: relative;
  background: #ECEDEE;
  border: 4px solid #ECEDEE;
}

.arrow_box:after, .arrow_box:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box:after {
  border-color: rgba(242, 242, 242, 0);
  border-right-color: #ECEDEE;
  border-width: 30px;
  margin-top: -30px;
}

.arrow_box:before {
  border-color: rgba(231, 231, 231, 0);
  border-right-color: #ECEDEE;
  border-width: 36px;
  margin-top: -36px;
}

/**
  Moving it up because at this point an existing header is only going to be replaced with a React one on this view
 */
.text-box {
  position: relative;
}
.text-box input[type=text] {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #D9DADC;
  box-shadow: inset 0 2px 6px 0 #F5F5F6;
  border-radius: 2px;
  color: #434A54;
  color: #434A54;
  font: 13px/19.5px "Roboto-Regular", sans-serif;
  font-style: normal;
  padding: 13px 5px;
  color: #434A54 !important;
}
.text-box input[type=text][placeholder] {
  color: #B3B6BA;
}
.text-box input[type=text]::-webkit-input-placeholder {
  color: #B3B6BA;
}
.text-box input[type=text]::-moz-placeholder {
  color: #B3B6BA;
}
.text-box input[type=text] {
  /* Firefox 19+ */
}
.text-box input[type=text]:-moz-placeholder {
  color: #B3B6BA;
}
.text-box input[type=text] {
  /* Firefox 18- */
}
.text-box input[type=text]:-ms-input-placeholder {
  color: #B3B6BA;
}
.text-box input[type=text][placeholder] {
  text-overflow: ellipsis;
}
.text-box input[type=text]::-webkit-input-placeholder {
  text-overflow: ellipsis;
}
.text-box input[type=text]::-moz-placeholder {
  text-overflow: ellipsis;
}
.text-box input[type=text] {
  /* Firefox 19+ */
}
.text-box input[type=text]:-moz-placeholder {
  text-overflow: ellipsis;
}
.text-box input[type=text] {
  /* Firefox 18- */
}
.text-box input[type=text]:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.text-box input[type=text]:hover {
  border-color: var(--theme-main-700);
  box-shadow: 0 2px 4px 0 #ECEDEE, inset 0 2px 6px 0 #F5F5F6;
}
.text-box input[type=text]:focus {
  outline: none;
  border-color: var(--theme-main-700) !important;
  box-shadow: inset 2px 2px 4px 0 #D9DADC !important;
}
.text-box input[type=text].invalid {
  border-color: #DA4553 !important;
  box-shadow: 0 0 4px 0 #F7D9DC, inset 2px 2px 4px 0 #E88F97 !important;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
.text-box i {
  position: absolute;
  font-size: 15px;
  color: #B3B6BA;
}
.text-box i.fa-search {
  top: -1px;
  left: 10px;
}
.text-box i.fa-2x {
  top: 0;
  right: 10px;
}
.text-box i.fa-2x:hover {
  cursor: pointer;
}
.text-box.search input {
  padding-left: 35px;
}
.text-box.search input {
  padding-right: 20px;
}

.select-link-type {
  margin: 10px 0;
  align-items: center;
  -webkit-align-items: center;
  color: #434A54;
  font-size: 13px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: 19.5px;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
}
.select-link-type > span {
  margin-right: 10px;
}
.select-link-type > span.hidden {
  display: none;
}
.select-link-type > .select-element {
  width: 250px;
  height: 39px;
  line-height: 0;
  background: #FFFFFF;
  border: 1px solid #B3B6BA;
  box-shadow: inset 0px -2px 6px 0px #F5F5F6;
  border-radius: 2px;
  text-align: left;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
}
.select-link-type > .select-element.open {
  border-color: var(--theme-main-700);
  box-shadow: 0 0 4px 0 var(--theme-main-700), inset 0px -2px 6px 0px #F5F5F6;
}
.select-link-type > .select-element:focus {
  outline: none;
}
.select-link-type > .select-element:hover {
  border-color: var(--theme-main-700);
  box-shadow: 0 0 4px 0 var(--theme-main-700), inset 0px -2px 6px 0px #F5F5F6;
  outline: none;
  cursor: pointer;
}
.select-link-type > select {
  background: #FFFFFF;
  border-radius: 2px;
}
.select-link-type > select:hover {
  border-color: var(--theme-main-700);
  box-shadow: 0 0 4px 0 var(--theme-main-700), inset 0px -2px 6px 0px #F5F5F6;
  outline: none;
  cursor: pointer;
}
.select-link-type > select:focus {
  outline: none;
  border-color: var(--theme-main-700);
  box-shadow: 0 0 4px 0 var(--theme-main-700), inset 0px -2px 6px 0px #F5F5F6;
}

.modal > .idbs-pick-list-options {
  color: #434A54;
  font: 13px/normal "Roboto-Regular", sans-serif;
  font-style: normal;
  color: #434A54;
  background: #FFFFFF;
  border: 1px solid var(--theme-main-600);
  box-shadow: 0 4px 4px 0 #D9DADC;
  position: absolute;
}
.modal > .idbs-pick-list-options.up {
  box-shadow: 0 -4px 4px 0 #D9DADC;
}
.modal > .idbs-pick-list-options > div {
  padding: 1px 6px;
  line-height: 39px;
  min-height: 41px;
}
.modal > .idbs-pick-list-options > div:hover {
  color: #FFFFFF;
  font-size: 13px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: 39px;
  cursor: pointer;
  background: var(--theme-main-700);
}

idbs-error-message {
  position: relative;
}
idbs-error-message .idbs-error-message {
  position: absolute;
  z-index: -1;
  transition: top 0.25s;
  top: -30px;
  -webkit-transition: top 0.25s;
  height: 30px;
  width: 100%;
  color: #FFFFFF;
  font: 11px/1.5 "Roboto", sans-serif;
  background: #DA4553;
  padding: 5px;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
}
idbs-error-message .idbs-error-message {
  align-items: center;
  -webkit-align-items: center;
}

.idbs-switch-wrapper {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
}
.idbs-switch-wrapper {
  align-items: center;
  justify-content: space-between;
}
.idbs-switch-wrapper.direct {
  flex-direction: row;
}
.idbs-switch-wrapper.reverse {
  flex-direction: row-reverse;
}
.idbs-switch-wrapper .idbs-switch input[type=checkbox] {
  margin-left: -9999px;
  position: absolute;
  visibility: hidden;
}
.idbs-switch-wrapper .idbs-switch input[type=checkbox] + label {
  cursor: pointer;
  display: block;
  height: 16px;
  outline: none;
  padding: 0;
  position: relative;
  user-select: none;
  width: 32px;
  border-radius: 100px;
}
.idbs-switch-wrapper .idbs-switch input[type=checkbox] + label.offset-right {
  margin-right: 15px;
}
.idbs-switch-wrapper .idbs-switch input[type=checkbox] + label.offset-left {
  margin-left: 15px;
}
.idbs-switch-wrapper .idbs-switch input[type=checkbox] + label:before,
.idbs-switch-wrapper .idbs-switch input[type=checkbox] + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
.idbs-switch-wrapper .idbs-switch input[type=checkbox] + label:before {
  right: 1px;
  background-color: #B3B6BA;
  border-radius: 100px;
  transition: background 0.4s;
  height: 16px;
  opacity: 0.9;
}
.idbs-switch-wrapper .idbs-switch input[type=checkbox] + label:after {
  width: 12px;
  height: 12px;
  background-color: #FFFFFF;
  border-radius: 100px;
  transition: left 0.4s;
  top: 3px;
  left: 3px;
}
.idbs-switch-wrapper .idbs-switch input[type=checkbox]:checked + label:before {
  background-color: var(--theme-main-700);
}
.idbs-switch-wrapper .idbs-switch input[type=checkbox]:checked + label:after {
  left: 17px;
}
.idbs-switch-wrapper .idbs-switch input[type=checkbox].toggle {
  display: none;
}

.common-grid .ui-grid-a11y-ariascreenreader-speakable {
  clip: rect(0, 0, 0, 0) !important;
}
.common-grid .ui-grid-contents-wrapper {
  height: auto;
}
.common-grid .ui-grid-pinned-container .ui-grid-cell:last-child {
  border-right: 1px solid #D9DADC;
}
.common-grid .ui-grid-viewport {
  overflow: auto;
}
.common-grid .ui-grid-row .ui-grid-row-header-cell {
  border-bottom: none;
}
.common-grid .ui-grid-row.not-editable-row {
  opacity: 0.3;
}
.common-grid > .gridPager {
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  background: #F5F5F6;
  box-shadow: 0 4px 0 0 #D9DADC;
  min-height: 50px;
  color: #434A54;
  font: 13px/normal "Roboto-Regular", sans-serif;
  font-style: normal;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
}
.common-grid > .gridPager.item-list {
  position: relative;
}
.common-grid > .gridPager.item-list > .ui-grid-pager-container {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
.common-grid > .gridPager.item-list > .ui-grid-pager-container button {
  min-width: 98px;
}
.common-grid > .gridPager.item-list > .ui-grid-pager-container button:first-child {
  margin-right: 5px;
}
.common-grid > .gridPager > .ui-grid-pager-count-container, .common-grid > .gridPager .page-count {
  width: 200px;
  margin: 0 10px;
}
.common-grid > .gridPager > .ui-grid-pager-count-container .ui-grid-pager-count {
  margin: 0;
  float: left;
}
.common-grid > .gridPager > .ui-grid-pager-count-container .ui-grid-pager-count abbr {
  text-decoration: none;
}
.common-grid > .gridPager > .page-count {
  align-items: center;
  -webkit-align-items: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
}
.common-grid > .gridPager > .page-count .ui-grid-pager-row-count-label {
  text-transform: capitalize;
}
.common-grid > .gridPager > .page-count idbs-pick-list .select-link-type {
  margin: 0 0 0 5px;
}
.common-grid > .gridPager > .page-count idbs-pick-list .select-link-type .select-element {
  padding: 1px 6px;
  width: 50px;
}
.common-grid > .gridPager .ui-grid-pager-container {
  flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1; /* OLD - Firefox 19- */
  -webkit-flex: 1; /* Chrome */
  -ms-flex: 1; /* IE 10 */
}
.common-grid > .gridPager .ui-grid-pager-container .pager-control {
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1; /* OLD - Firefox 19- */
  -webkit-flex: 1; /* Chrome */
  -ms-flex: 1; /* IE 10 */
}
.common-grid > .gridPager .ui-grid-pager-container .pager-control button {
  height: 41px;
  width: auto;
  color: #434A54;
  min-width: 48px;
  opacity: 0.89;
  background: #FFFFFF;
  border: 1px solid #D9DADC;
  border-radius: 0;
}
.common-grid > .gridPager .ui-grid-pager-container .pager-control button:hover {
  cursor: pointer;
  color: #FFFFFF;
  background-color: var(--theme-main-700);
}
.common-grid > .gridPager .ui-grid-pager-container .pager-control button:focus {
  outline: none;
}
.common-grid > .gridPager .ui-grid-pager-container .pager-control button.ui-grid-pager-first, .common-grid > .gridPager .ui-grid-pager-container .pager-control button.ui-grid-pager-last {
  width: 80px;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
}
.common-grid > .gridPager .ui-grid-pager-container .pager-control button.ui-grid-pager-first > div, .common-grid > .gridPager .ui-grid-pager-container .pager-control button.ui-grid-pager-last > div {
  width: 100%;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
}
.common-grid > .gridPager .ui-grid-pager-container .pager-control button.ui-grid-pager-first > div > i, .common-grid > .gridPager .ui-grid-pager-container .pager-control button.ui-grid-pager-last > div > i {
  font-size: 14px;
}
.common-grid > .gridPager .ui-grid-pager-container .pager-control button.ui-grid-pager-first > div > i.fa-caret-left, .common-grid > .gridPager .ui-grid-pager-container .pager-control button.ui-grid-pager-last > div > i.fa-caret-left {
  margin-right: 4px;
}
.common-grid > .gridPager .ui-grid-pager-container .pager-control button.ui-grid-pager-first > div > i.fa-caret-right, .common-grid > .gridPager .ui-grid-pager-container .pager-control button.ui-grid-pager-last > div > i.fa-caret-right {
  margin-left: 4px;
}
.common-grid > .gridPager .ui-grid-pager-container .pager-control button.ui-grid-pager-first {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.common-grid > .gridPager .ui-grid-pager-container .pager-control button.ui-grid-pager-first > div {
  position: relative;
  left: -10px;
}
.common-grid > .gridPager .ui-grid-pager-container .pager-control button.ui-grid-pager-last {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.common-grid > .gridPager .ui-grid-pager-container .pager-control button.current-page {
  color: #FFFFFF;
  background: var(--theme-main-700);
  font-family: "Roboto-Medium", sans-serif;
  border-color: var(--theme-main-500);
}
.common-grid > .gridPager .ui-grid-pager-container .pager-control button[disabled] {
  color: #8E9298;
  background: #ECEDEE;
}
.common-grid .ui-grid-header {
  box-shadow: 0 4px 0 0 #D9DADC;
  margin-bottom: 3px;
}
.common-grid .ui-grid-header .ui-grid-top-panel {
  background: #F5F5F6;
}
.common-grid .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper {
  height: 50px;
}
.common-grid .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell {
  height: 100%;
  vertical-align: middle;
  font-weight: normal;
  padding-left: 5px;
  border-right: none;
  color: #434A54;
  font-size: 13px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: normal;
}
.common-grid .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell .ui-grid-sort-priority-number {
  margin-left: -4px;
}
.common-grid .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell:first-child {
  padding: 0;
}
.common-grid .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell:first-child:after {
  left: 5px;
}
.common-grid .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell > div:not(.labelBox) {
  border-right: 1px solid #D9DADC;
}
.common-grid .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell .systemIdHeader {
  justify-content: flex-start;
  margin-left: 5px;
}
.common-grid .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell > div {
  width: 100%;
  height: 100%;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
}
.common-grid .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell .ui-grid-cell-contents {
  align-items: center;
  -webkit-align-items: center;
  padding: 0 0 0 5px;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1; /* OLD - Firefox 19- */
  -webkit-flex: 1; /* Chrome */
  -ms-flex: 1; /* IE 10 */
}
.common-grid .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell .ui-grid-cell-contents > span.ui-grid-header-cell-label {
  text-overflow: ellipsis;
  overflow: hidden;
}
.common-grid .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell .ui-grid-cell-contents i.fa-long-arrow-up, .common-grid .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell .ui-grid-cell-contents i.fa-long-arrow-down {
  margin-left: 2px;
}
.common-grid .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell .ui-grid-cell-contents:focus, .common-grid .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell .ui-grid-cell-contents:active {
  outline: none;
}
.common-grid .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell .ui-grid-column-menu-button {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  display: none;
  align-items: center;
  -webkit-align-items: center;
  position: inherit;
}
.common-grid .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell .ui-grid-column-menu-button.shown {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
}
.common-grid .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell .ui-grid-column-menu-button.shown i {
  padding-top: 6px;
  padding-bottom: 0;
}
.common-grid .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell .ui-grid-column-menu-button.shown i:before {
  content: "\f0de";
}
.common-grid .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell .ui-grid-column-menu-button:focus, .common-grid .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell .ui-grid-column-menu-button:active {
  outline: none;
}
.common-grid .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell .ui-grid-column-menu-button i {
  align-items: center;
  -webkit-align-items: center;
  padding: 0 8px 6px 10px;
  background: #FFFFFF;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
}
.common-grid .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell .ui-grid-column-menu-button i:before {
  font-size: 16px;
  content: "\f0dd";
}
.common-grid .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell:hover .ui-grid-column-menu-button {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
}
.common-grid .ui-grid-menu-inner {
  background: #FFFFFF;
  border: 1px solid #ECEDEE;
  box-shadow: 0 0 8px 0 #D9DADC;
}
.common-grid .ui-grid-menu-inner ul li button.ui-grid-menu-item {
  background: #FFFFFF;
  border-bottom: none !important;
  color: #353B43;
  font: 13px/39px "Roboto-Regular", sans-serif;
  font-style: normal;
}
.common-grid .ui-grid-menu-inner ul li button.ui-grid-menu-item.ui-grid-menu-item-active {
  background: var(--theme-main-700) !important;
  box-shadow: none !important;
  color: #FFFFFF;
}
.common-grid .ui-grid-menu-inner ul li button.ui-grid-menu-item:focus, .common-grid .ui-grid-menu-inner ul li button.ui-grid-menu-item:active {
  outline: none !important;
  box-shadow: none !important;
}
.common-grid .ui-grid-menu-inner ul li button.ui-grid-menu-item:focus {
  background-color: #FFFFFF;
}
.common-grid .ui-grid-menu-inner ul li button.ui-grid-menu-item:hover {
  cursor: pointer;
  background-color: var(--theme-main-100);
}
.common-grid .ui-grid-menu-inner ul li button.ui-grid-menu-item:active {
  color: #FFFFFF;
  background-color: var(--theme-main-800);
}
.common-grid .ui-grid-cell {
  position: relative;
}
.common-grid .ui-grid-cell > div.ui-grid-cell-edit {
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  max-height: 40px;
}
.common-grid .ui-grid-cell > div.ui-grid-cell-edit > form {
  width: 100%;
  height: 100%;
}
.common-grid .ui-grid-cell > div.ui-grid-cell-edit > form > select {
  height: 40px;
  position: absolute;
  top: 0;
}
.common-grid .ui-grid-cell {
  border-right: none;
  box-shadow: inset 0 -1px 0 0 #F5F5F6;
}
.common-grid .ui-grid-cell > div {
  align-items: center;
  -webkit-align-items: center;
  color: #434A54;
  font: 13px/normal "Roboto-Regular", sans-serif;
  font-style: normal;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
}
.common-grid .ui-grid-cell > div > div {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.common-grid .ui-grid-cell > div > div.ui-grid-tree-base-row-header-buttons {
  overflow: visible;
}
.common-grid .ui-grid-cell > div a {
  text-decoration: none;
  color: #166ECD;
  font: 13px/normal "Roboto-Regular", sans-serif;
  font-style: normal;
}
.common-grid .ui-grid-cell > div a:hover {
  text-decoration: underline;
}
.common-grid .ui-grid-cell .labelBox {
  height: 100%;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.common-grid .ui-grid-cell location-field {
  overflow: hidden;
}
.common-grid .ui-grid-cell location-field .fieldButton {
  color: #166ECD;
}
.common-grid div.ui-grid-cell-contents.invalid {
  border-color: #DA4553 !important;
  box-shadow: 0 0 4px 0 #F7D9DC, inset 2px 2px 4px 0 #E88F97 !important;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  height: calc(100% - 4px);
  margin: 2px 0;
}

.inventory-button {
  padding: 13px 20px;
  height: 40px;
  border-radius: 2px;
  border: none;
  color: #FFFFFF;
  font-size: 13px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: 13px;
}
.inventory-button.icon {
  padding-top: 12px;
  padding-bottom: 11px;
}
.inventory-button.standard {
  background: #434A54;
}
.inventory-button.standard:hover {
  cursor: pointer;
  background: #686E76;
}
.inventory-button.standard:focus {
  outline: none;
  background: #353B43;
}
.inventory-button.disabled {
  background: #ECEDEE;
  color: #8E9298;
}
.inventory-button.disabled:hover {
  cursor: not-allowed;
  background: #ECEDEE !important;
  color: #8E9298 !important;
}
.inventory-button.disabled:focus {
  outline: none;
  background: #ECEDEE !important;
}
.inventory-button::-moz-focus-inner {
  border: 0;
}

.inventory-btn {
  display: inline-block;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  border: 1px solid transparent;
  align-items: flex-start;
  box-sizing: border-box;
  margin: 0;
  padding: 0.5rem 1rem;
  border-radius: 2px;
  -webkit-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.inventory-btn > .wrapper {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
}
.inventory-btn > .wrapper > span {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
}
.inventory-btn > .wrapper i {
  margin-right: 5px;
  font-size: 16px;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
}
.inventory-btn > .wrapper i.fa-caret-down, .inventory-btn > .wrapper i.fa-caret-up {
  margin-left: 15px;
  margin-right: 0;
}
.inventory-btn:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(37, 20, 42, 0.15);
  box-shadow: 0 0 0 2px rgba(37, 20, 42, 0.15);
}
.inventory-btn[disabled=disabled], .inventory-btn[disabled=disabled]:hover, .inventory-btn[disabled=disabled]:focus {
  color: #B3B6BA;
  border-color: #B3B6BA;
  background-color: transparent;
  box-shadow: none;
  cursor: not-allowed;
}

.inventory-btn-secondary {
  padding: 4px 10px 4px;
  color: var(--theme-main-800);
  background-color: rgba(37, 20, 42, 0.03);
  border-color: var(--theme-main-400);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.1);
  min-width: 40px;
}
.inventory-btn-secondary:hover {
  background: transparent;
}
.inventory-btn-secondary:active {
  background-color: rgba(37, 20, 42, 0.06);
}

.link-table-menu {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
}
.link-table-menu .menu-icon {
  padding: 15px;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  justify-content: space-between;
  align-items: center;
}
.link-table-menu .menu-icon:after {
  font-family: idbs;
  content: "\e65b";
  font-size: 16px;
  color: #434A54;
  margin-left: 5px;
}
.link-table-menu .menu-icon:hover {
  background: #FFFFFF;
  border: 1px solid #D9DADC;
  border-bottom: none;
  box-shadow: 0 2px 6px 0 #8E9298;
}
.link-table-menu .menu-icon.show {
  background: #FFFFFF;
  border: 1px solid #D9DADC;
  border-bottom: none;
  box-shadow: 0 2px 6px 0 #8E9298;
}

.idbs-context-menu-items {
  width: 200px;
  background: #FFFFFF;
  box-shadow: 0 0 10px 0 rgba(67, 74, 84, 0.5);
  position: absolute;
  border: 1px solid #D9DADC;
  border-top: none;
}
.idbs-context-menu-items > div {
  color: #434A54;
  font: 13px/18px "Roboto-Regular", sans-serif;
  font-style: normal;
  height: 40px;
  border-bottom: 1px solid #F5F5F6;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
  padding-left: 10px;
}
.idbs-context-menu-items > div.disabled {
  background: #ECEDEE !important;
  color: #8E9298 !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.idbs-context-menu-items > div.disabled:hover {
  cursor: not-allowed;
}
.idbs-context-menu-items > div:not(.disabled):hover {
  color: #434A54;
  font-size: 13px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: 18px;
  background: var(--theme-main-700);
  color: #FFFFFF;
  cursor: pointer;
  border-color: var(--theme-main-700);
}

.section-heading {
  color: #434A54;
  font-size: 16px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: 1.5;
  font-weight: 500;
}

.sub-section-heading {
  color: #434A54;
  font-size: 13px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: 1.5;
  font-weight: 500;
}

.paragraph {
  color: #434A54;
  font: 13px/1.5 "Roboto-Regular", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 20px;
}

idbs-tabs > div {
  margin-bottom: -1px;
}
idbs-tabs button {
  background: white;
  border: none;
  color: #434A54;
  font: 13px/19.5px "Roboto-Regular", sans-serif;
  font-style: normal;
  padding: 13px 20px;
  margin-bottom: 0;
}
idbs-tabs button.active {
  background: var(--theme-main-600);
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  color: white;
}
idbs-tabs button:focus {
  outline: none;
}
idbs-tabs button:hover:not(.active) {
  background: #686E76;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  color: white;
}

#toast-container {
  flex-direction: column;
}
#toast-container.idbs-toaster .toast {
  opacity: 1;
  padding-left: 80px;
  width: 367px;
}
#toast-container.idbs-toaster .toast-error {
  background-color: #DA4553;
  background-image: var(--toast-error) !important;
}
#toast-container.idbs-toaster .toast-success {
  background-color: #8BC34A;
  background-image: var(--toast-success) !important;
}
#toast-container.idbs-toaster .toast-warning {
  background-color: #FFF2D9;
  background-image: var(--toast-warning) !important;
}
#toast-container.idbs-toaster .toast-warning div {
  color: #664D1B;
}
#toast-container.idbs-toaster .toast-warning .toast-close-button {
  color: #664D1B;
}
#toast-container.idbs-toaster .toast-title {
  color: white;
  font-size: 16px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  line-height: 24px;
}
#toast-container.idbs-toaster .toast-message {
  color: white;
  font-size: 13px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: normal;
  line-height: 19.5px;
  min-height: 7px;
}
#toast-container.idbs-toaster .toast-info {
  background-color: #ECEDEE;
  background-image: var(--toast-info) !important;
}
#toast-container.idbs-toaster .toast-info .toast-title {
  color: #434A54;
  font: 16px/19px "Roboto", sans-serif;
  font-weight: 500;
}
#toast-container.idbs-toaster .toast-info .toast-message {
  color: #434A54;
  font: 13px/19px "Roboto", sans-serif;
}
#toast-container.idbs-toaster .toast-info .toast-close-button {
  color: #434A54;
}

.fntH1 {
  color: #353B43;
  font-size: 23px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: normal;
}

.fntH2 {
  color: #353B43;
  font-size: 17px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: normal;
}

.fntText {
  color: #353B43;
  font: 13px/normal "Roboto-Regular", sans-serif;
  font-style: normal;
}

.fntTextWhite, .storeItems .storeItemsMetadata > div, .locationEdit .nodeList .node span:first-child, .ivmHighlightButton, .locationEdit .saveLocation, .listSettings .listsButton, #inventory-details-panel .relatedContent .changeLinks, item-detailed-view .inventory-item-detailed-view .relatedContent .changeLinks {
  color: #FFFFFF;
  font: 13px/normal "Roboto-Regular", sans-serif;
  font-style: normal;
}

.fntLabel, .noStoreItems, .storeItems .storeItemContent {
  color: #353B43;
  font-size: 13px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: normal;
}

.fntTextWhite, .storeItems .storeItemsMetadata > div, .locationEdit .nodeList .node span:first-child, .ivmHighlightButton, .locationEdit .saveLocation, .listSettings .listsButton, #inventory-details-panel .relatedContent .changeLinks, item-detailed-view .inventory-item-detailed-view .relatedContent .changeLinks {
  color: #FFFFFF;
  font-size: 13px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: normal;
}

.fntTextLink, .storeItems .storeItemContent .name {
  color: #166ECD;
  font: 13px/normal "Roboto-Regular", sans-serif;
  font-style: normal;
}

.fntDefault, body {
  color: #353B43;
  font: 13px/normal "Roboto-Regular", sans-serif;
  font-style: normal;
}

.fntLabelForm {
  color: #353B43;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-family: "Roboto-Regular", sans-serif;
}

.fntLabel2 {
  color: #353B43;
  font-size: 11px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: normal;
}

.fntText2 {
  color: #353B43;
  font: 11px/normal "Roboto-Regular", sans-serif;
  font-style: normal;
}

.fntError {
  color: red;
  font-size: 13px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: normal;
}

select::-ms-value {
  background: none;
  color: black;
}

.left {
  float: left;
}

.right {
  float: right;
}

.rightText {
  text-align: right;
}

.noSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.clearAfter:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}

.positiveButton, #inventory-details-panel .attachments .btn, item-detailed-view .inventory-item-detailed-view .attachments .btn, div.button button:first-child, div.confirmButtons button:last-child, div.dualButtons button:first-child, .negativeButton, #inventory-details-panel .attachments .downloading, item-detailed-view .inventory-item-detailed-view .attachments .downloading, div.confirmButtons button:first-child, div.dualButtons button:last-child {
  color: #FFFFFF;
  background-color: var(--theme-main-700);
  display: inline-block;
  margin: 10px 20px auto 0;
  border: 1px solid #ECEDEE;
  border-radius: 2px;
  padding: 8px 20px 8px 20px;
}

.positiveButton:disabled, #inventory-details-panel .attachments .btn:disabled, item-detailed-view .inventory-item-detailed-view .attachments .btn:disabled, div.button button:disabled:first-child, div.confirmButtons button:disabled:last-child, div.dualButtons button:disabled:first-child, .negativeButton:disabled, #inventory-details-panel .attachments .downloading:disabled, item-detailed-view .inventory-item-detailed-view .attachments .downloading:disabled, div.confirmButtons button:disabled:first-child, div.dualButtons button:disabled:last-child {
  background-color: #ECEDEE;
}

.negativeButton, #inventory-details-panel .attachments .downloading, item-detailed-view .inventory-item-detailed-view .attachments .downloading, div.confirmButtons button:first-child, div.dualButtons button:last-child {
  color: var(--theme-main-700);
  background-color: #FFFFFF;
}

.negativeButton:disabled, #inventory-details-panel .attachments .downloading:disabled, item-detailed-view .inventory-item-detailed-view .attachments .downloading:disabled, div.confirmButtons button:disabled:first-child, div.dualButtons button:disabled:last-child {
  background-color: #FFFFFF;
}

div.dualButtons {
  display: inline-block;
  float: right;
}
div.confirmButtons {
  display: inline-block;
  float: right;
}
div.confirmButtons button:first-child {
  background-color: #ECEDEE;
  color: #8E9298;
}
div.button {
  display: inline-block;
  float: right;
}
.clickable, .storeItems .storeItemContent .name, .locationEdit .nodeList > button, .searchConfig button[type=submit], #inventory-details-panel .attachments .btn, item-detailed-view .inventory-item-detailed-view .attachments .btn, .ivmHighlightButton, .locationEdit .saveLocation, .listSettings .listsButton, #inventory-details-panel .relatedContent .changeLinks, item-detailed-view .inventory-item-detailed-view .relatedContent .changeLinks, div.confirmButtons button:first-child, div.confirmButtons button:last-child {
  cursor: pointer;
}

.clickable:disabled, .storeItems .storeItemContent .name:disabled, .locationEdit .nodeList > button:disabled, .searchConfig button[type=submit]:disabled, #inventory-details-panel .attachments .btn:disabled, item-detailed-view .inventory-item-detailed-view .attachments .btn:disabled, .ivmHighlightButton:disabled, .locationEdit .saveLocation:disabled, .listSettings .listsButton:disabled, #inventory-details-panel .relatedContent .changeLinks:disabled, item-detailed-view .inventory-item-detailed-view .relatedContent .changeLinks:disabled, div.confirmButtons button:disabled:first-child, div.confirmButtons button:disabled:last-child {
  cursor: default;
}

.invisible {
  display: none;
}

.iconButton {
  background-color: var(--theme-main-700);
  color: #FFFFFF;
  display: inline-block;
  border-radius: 2px;
  vertical-align: middle;
  border: none;
  align-content: center;
  padding: 0;
  width: 24px;
  height: 24px;
  font-weight: lighter;
}

.domain-equipment {
  background-image: url("/images/virtual-equipment-72a3a8b190.svg");
}

.domain-material {
  background-image: url("/images/virtual-material-58bb13817d.svg");
}

.domain-sample {
  background-image: url("/images/virtual-sample-34431869a2.svg");
}

.icon-room {
  background-image: url("/images/icon-change_rooms_dark-89ffa5b7ae.svg");
}

.icon-aliquot {
  background-image: url("/images/icon-aliquot-b9bb607861.png");
}

.icon-location {
  background-image: url("/images/icon-location-4b9531f4b5.png");
}

.icon-EXPERIMENT {
  background-image: url("/images/icon-EXPERIMENT-c941ca3263.png");
}

.icon-REPORT {
  background-image: url("/images/icon-REPORT-8e6b514dd4.png");
}

.icon-TEMPLATE {
  background-image: url("/images/icon-TEMPLATE-262cae1893.png");
}

.icon-RECORD {
  background-image: url("/images/icon-RECORD-ed2a65adce.png");
}

.icon-equipment {
  background-image: url("/images/icon-equipment.svg");
}

.icon-box {
  background-image: url("/images/icon-box-68e4feeded.svg");
}

.icon-generic {
  background-image: url("/images/icon-generic-bc38ba2051.svg");
}

.icon-sample {
  background-image: url("/images/icon-sample-44ff76f245.svg");
}

.icon-virtual-equipment {
  background-image: url("/images/virtual-equipment-72a3a8b190.svg");
}

.icon-virtual-material {
  background-image: url("/images/virtual-material-58bb13817d.svg");
}

.icon-virtual-sample {
  background-image: url("/images/virtual-sample-34431869a2.svg");
}

.icon-physical-equipment {
  background-image: url("/images/physical-equipment-266a26f420.svg");
}

.icon-physical-material {
  background-image: url("/images/physical-material-0ea6a639eb.svg");
}

.icon-physical-sample {
  background-image: url("/images/physical-sample-44ff76f245.svg");
}

div.itemStatus span {
  display: inline-block;
  padding: 0 20px;
}
div.itemStatus:after {
  font-family: FontAwesome;
  content: "\f0d7";
}

div.itemStatus.card {
  padding: 5px 10px;
  border-radius: 20px;
}

div.itemStatus.details {
  padding: 11px 10px;
  border-radius: 40px;
}

.availableLevel0 {
  background-color: #FFFFFF;
}

.availableLevel1 {
  background-color: #ABCCEE;
}

.availableLevel2 {
  background-color: #B9DB92;
}

.availableLevel3 {
  background-color: #FFDA8F;
}

.availableLevel4 {
  background-color: #E88F97;
}

.availableLevel1.clickable:hover, .storeItems .storeItemContent .availableLevel1.name:hover, .locationEdit .nodeList > button.availableLevel1:hover, .searchConfig button.availableLevel1[type=submit]:hover, #inventory-details-panel .attachments .availableLevel1.btn:hover, item-detailed-view .inventory-item-detailed-view .attachments .availableLevel1.btn:hover, .availableLevel1.ivmHighlightButton:hover, .locationEdit .availableLevel1.saveLocation:hover, .listSettings .availableLevel1.listsButton:hover, #inventory-details-panel .relatedContent .availableLevel1.changeLinks:hover, item-detailed-view .inventory-item-detailed-view .relatedContent .availableLevel1.changeLinks:hover, div.confirmButtons button.availableLevel1:hover:first-child, div.confirmButtons button.availableLevel1:hover:last-child {
  box-shadow: 0 0 10px rgb(43.7524752475, 126.7425742574, 212.2475247525);
}

.availableLevel2.clickable:hover, .storeItems .storeItemContent .availableLevel2.name:hover, .locationEdit .nodeList > button.availableLevel2:hover, .searchConfig button.availableLevel2[type=submit]:hover, #inventory-details-panel .attachments .availableLevel2.btn:hover, item-detailed-view .inventory-item-detailed-view .attachments .availableLevel2.btn:hover, .availableLevel2.ivmHighlightButton:hover, .locationEdit .availableLevel2.saveLocation:hover, .listSettings .availableLevel2.listsButton:hover, #inventory-details-panel .relatedContent .availableLevel2.changeLinks:hover, item-detailed-view .inventory-item-detailed-view .relatedContent .availableLevel2.changeLinks:hover, div.confirmButtons button.availableLevel2:hover:first-child, div.confirmButtons button.availableLevel2:hover:last-child {
  box-shadow: 0 0 10px rgb(109.6551724138, 159.3655172414, 52.6344827586);
}

.availableLevel3.clickable:hover, .storeItems .storeItemContent .availableLevel3.name:hover, .locationEdit .nodeList > button.availableLevel3:hover, .searchConfig button.availableLevel3[type=submit]:hover, #inventory-details-panel .attachments .availableLevel3.btn:hover, item-detailed-view .inventory-item-detailed-view .attachments .availableLevel3.btn:hover, .availableLevel3.ivmHighlightButton:hover, .locationEdit .availableLevel3.saveLocation:hover, .listSettings .availableLevel3.listsButton:hover, #inventory-details-panel .relatedContent .availableLevel3.changeLinks:hover, item-detailed-view .inventory-item-detailed-view .relatedContent .availableLevel3.changeLinks:hover, div.confirmButtons button.availableLevel3:hover:first-child, div.confirmButtons button.availableLevel3:hover:last-child {
  box-shadow: 0 0 10px rgb(245, 164.0625, 0);
}

.availableLevel4.clickable:hover, .storeItems .storeItemContent .availableLevel4.name:hover, .locationEdit .nodeList > button.availableLevel4:hover, .searchConfig button.availableLevel4[type=submit]:hover, #inventory-details-panel .attachments .availableLevel4.btn:hover, item-detailed-view .inventory-item-detailed-view .attachments .availableLevel4.btn:hover, .availableLevel4.ivmHighlightButton:hover, .locationEdit .availableLevel4.saveLocation:hover, .listSettings .availableLevel4.listsButton:hover, #inventory-details-panel .relatedContent .availableLevel4.changeLinks:hover, item-detailed-view .inventory-item-detailed-view .relatedContent .availableLevel4.changeLinks:hover, div.confirmButtons button.availableLevel4:hover:first-child, div.confirmButtons button.availableLevel4:hover:last-child {
  box-shadow: 0 0 10px rgb(184.1777777778, 37.8222222222, 50.9777777778);
}

input::-ms-clear {
  display: none;
}

input[type=checkbox] {
  display: None;
}

input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

input[type=checkbox] + label:before {
  letter-spacing: 10px;
  content: "\f096";
  color: var(--theme-main-900);
  font-size: 23px;
  vertical-align: middle;
  line-height: 20px;
}

input[type=checkbox]:checked + label:before {
  content: "\f14a";
  color: var(--theme-main-700);
  font-size: 21px;
}

input[type=checkbox][disabled=disabled] + label:before {
  color: #B3B6BA;
  cursor: default;
}

.disabled input[type=checkbox] + label:before {
  letter-spacing: 10px;
  content: "\f0c8";
  color: #B3B6BA;
  font-size: 23px;
  vertical-align: middle;
  line-height: 20px;
  cursor: default;
}

.toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}

.toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}

input.toggle-round + label {
  padding: 0;
  width: 58px;
  height: 25px;
  background-color: #ECEDEE;
  border-radius: 38px;
}

input.toggle-round + label:before,
input.toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
  font-family: "Roboto-Medium", sans-serif;
}

input.toggle-round + label:before {
  right: 1px;
  background-color: #ECEDEE;
  border-radius: 30px;
  transition: background 0.4s;
  content: "NO";
  font-size: 13px;
  letter-spacing: normal;
  color: grey;
  padding-right: 5px;
  text-align: right;
  line-height: 25px;
  vertical-align: middle;
}

input.toggle-round + label:after {
  width: 23px;
  height: 23px;
  background-color: #FFFFFF;
  border-radius: 30px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: margin 0.4s;
}

input.toggle-round:checked + label:before {
  background-color: #166ECD;
  content: "YES";
  font-size: 13px;
  letter-spacing: normal;
  color: #FFFFFF;
  padding-left: 6px;
  text-align: left;
}

input.toggle-round:checked + label:after {
  margin-left: 34px;
}

input[type=checkbox].toggle {
  display: none;
}

.actionToolbar {
  width: 100%;
  position: absolute;
  top: 65px;
  padding: 0 20px;
}

.ivmHighlightButton, .locationEdit .saveLocation, .listSettings .listsButton, #inventory-details-panel .relatedContent .changeLinks, item-detailed-view .inventory-item-detailed-view .relatedContent .changeLinks {
  text-align: center;
  padding: 10px;
  background-color: var(--theme-main-700);
  border: none;
}

.ivmHighlightButton:disabled, .locationEdit .saveLocation:disabled, .listSettings .listsButton:disabled, #inventory-details-panel .relatedContent .changeLinks:disabled, item-detailed-view .inventory-item-detailed-view .relatedContent .changeLinks:disabled {
  background-color: #ECEDEE;
  color: #8E9298;
}

.ivmTable {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  word-wrap: break-word;
}
.ivmTable .row {
  display: table-row;
}
.ivmTable .head {
  color: #FFFFFF;
  font: 13px/normal "Roboto-Regular", sans-serif;
  font-style: normal;
  background-color: #353B43;
}
.ivmTable .cell {
  display: table-cell;
  padding: 5px;
  border: #ECEDEE 1px solid;
}
.ivmTable .head {
  display: table-cell;
  padding: 5px;
  border: none;
}
.ivmTable .row:nth-child(odd) {
  background-color: #F5F5F6;
}
.ivmTable .row:hover {
  background: var(--theme-main-300);
}

#uniqueId-value {
  white-space: normal;
}

.clickCopyDisplay {
  display: inline-flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-inline-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-inline-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-inline-flexbox; /* TWEENER - IE 10 */
  display: -webkit-inline-flex; /* NEW - Chrome */
  position: relative;
  line-height: 18px;
}
.clickCopyDisplay > span {
  margin-right: 15px;
}
.clickCopyDisplay textarea {
  z-index: -1;
  width: 0;
  height: 0;
  outline: none;
  resize: none;
  border: none;
  overflow: hidden;
  margin-top: 6px;
  margin-left: 12px;
}
.clickCopyDisplay .defaultCursor {
  cursor: default;
}
.clickCopyDisplay .fa-clone {
  position: absolute;
  color: var(--theme-main-700);
  font-size: 9px;
  font-weight: 600;
  padding-bottom: 1px;
  top: 50%;
  transform: translateY(-50%);
}
.clickCopyDisplay .borderCopy {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
}
.clickCopyDisplay .borderCopy:hover .invisible {
  display: inline-block;
  line-height: 14px;
  color: var(--theme-main-800);
  border: 1px var(--theme-main-400) solid;
  border-radius: 2px;
  background-color: #F5F5F6;
  padding-top: 2px;
  padding-left: 21px;
  padding-right: 10px;
  margin-left: -9px;
}
.clickCopyDisplay .copyButton {
  margin-top: 6px;
  margin-left: 16px;
  overflow: auto;
}
.clickCopyDisplay .copyButton:hover {
  border: 1px var(--theme-main-400) solid;
  border-radius: 2px;
  background-color: #F5F5F6;
  padding: 15px;
  margin-left: 5px;
  margin-bottom: 4px;
}
@-moz-document url-prefix() {
  margin-bottom: 0;
}
.clickCopyDisplay .copyButton:hover i {
  margin-top: 1.5px;
  margin-left: -5px;
}
@-moz-document url-prefix() {
  margin-top: 3px;
}

.loading-dots-separate, #mainContainer .loading-script {
  color: #353B43;
  font-size: 24px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: 1.5;
}
.loading-dots-separate span, #mainContainer .loading-script span {
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}
.loading-dots-separate span:nth-child(2), #mainContainer .loading-script span:nth-child(2) {
  animation-delay: 0.2s;
}
.loading-dots-separate span:nth-child(3), #mainContainer .loading-script span:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes blink {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}

help-icon img:hover {
  cursor: pointer;
}

.shell.loading {
  position: absolute;
  top: 50%;
  left: 50%;
}

.centered {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

div.locationDisplay {
  min-height: 30px;
  background-image: url("/images/icon-pin-bab2738b45.png");
  background-repeat: no-repeat;
}
div.locationDisplay.left {
  background-position: left 2px;
  padding-left: 20px;
}
div.locationDisplay.right {
  background-position: right 2px;
  padding-right: 20px;
  text-align: right;
}

div.locationTree div.location {
  white-space: nowrap;
  line-height: 25px;
}
div.locationTree div.location.expanded div.location-name {
  color: #353B43;
  font-size: 13px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: normal;
}
div.locationTree div.location.expanded span.expand-toggle:before {
  content: "\f0d7";
}
div.locationTree div.location.root span.expand-toggle:before {
  content: url("/images/icon-pin-bab2738b45.png");
  vertical-align: -25%;
}
div.locationTree div.location.root div.location-name span {
  color: #166ECD;
  text-transform: uppercase;
}
div.locationTree span.expand-toggle {
  font-family: FontAwesome;
  display: inline-block;
  width: 40px;
  font-size: 20px;
  vertical-align: middle;
  text-align: center;
}
div.locationTree span.expand-toggle:before {
  content: "\f0da";
}
div.locationTree span.expand-toggle.leaf:before {
  content: "" !important;
}
div.locationTree div.location-name {
  display: inline-block;
  height: 20px;
}
div.locationTree div.location-name span {
  vertical-align: middle;
  padding: 0 5px;
}
div.locationTree div.location-name span.selected {
  color: #353B43;
  font-size: 13px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: normal;
  background: var(--theme-main-400);
}
div.locationTree div.location-name span.disabled {
  color: #8E9298;
  cursor: not-allowed;
}
div.locationTree ol {
  list-style-type: none;
  padding-left: 15px;
}

@font-face {
  font-family: "idbs";
  src: url("/webfont/idbs.eot?-7ak3f1");
  src: url("/webfont/idbs.eot?#iefix-7ak3f1") format("embedded-opentype"), url("/webfont/idbs.ttf?-7ak3f1") format("truetype"), url("/webfont/idbs.woff?-7ak3f1") format("woff"), url("/webfont/idbs-c7382b4491.svg?-7ak3f1#idbs") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=idbs-]:before, [class*=" idbs-"]:before {
  font-family: "idbs";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.idbs-add_user:before {
  content: "\e600";
}

.idbs-align_center:before {
  content: "\e601";
}

.idbs-align_left:before {
  content: "\e602";
}

.idbs-align_right:before {
  content: "\e603";
}

.idbs-arrow:before {
  content: "\e604";
}

.idbs-attachment:before {
  content: "\e605";
}

.idbs-back:before {
  content: "\e606";
}

.idbs-barcode:before {
  content: "\e607";
}

.idbs-bold:before {
  content: "\e608";
}

.idbs-book_completed:before {
  content: "\e609";
}

.idbs-book:before {
  content: "\e60a";
}

.idbs-bug:before {
  content: "\e60b";
}

.idbs-bullet_list:before {
  content: "\e60c";
}

.idbs-calendar:before {
  content: "\e60d";
}

.idbs-caret_down:before {
  content: "\e60e";
}

.idbs-caret_left:before {
  content: "\e60f";
}

.idbs-caret_right:before {
  content: "\e610";
}

.idbs-caret_up:before {
  content: "\e611";
}

.idbs-chevron_down:before {
  content: "\e612";
}

.idbs-chevron_left:before {
  content: "\e613";
}

.idbs-chevron_right:before {
  content: "\e614";
}

.idbs-chevron_up:before {
  content: "\e615";
}

.idbs-clock-icon:before {
  content: "\e616";
}

.idbs-cog:before {
  content: "\e617";
}

.idbs-comment:before {
  content: "\e618";
}

.idbs-delete:before {
  content: "\e619";
}

.idbs-delete2:before {
  padding-left: 3px;
  padding-right: 3px;
  content: "\e619";
}

.idbs-document:before {
  content: "\e638";
}

.idbs-download:before, div.download-modal-window span.fntH1:before {
  content: "\e63f";
}

.idbs-drag:before {
  content: "\e640";
}

.idbs-earth:before {
  content: "\e641";
}

.idbs-empty:before {
  content: "\e642";
}

.idbs-enlarge:before {
  content: "\e643";
}

.idbs-exclamation:before {
  content: "\e644";
}

.idbs-eye:before {
  content: "\e645";
}

.idbs-eyedropper:before {
  content: "\e646";
}

.idbs-filter:before {
  content: "\e647";
}

.idbs-folder_open:before {
  content: "\e648";
}

.idbs-folder:before {
  content: "\e649";
}

.idbs-form_select:before {
  content: "\e64a";
}

.idbs-full:before {
  content: "\e64b";
}

.idbs-functions:before {
  content: "\e64c";
}

.idbs-hall_empty:before {
  content: "\e64d";
}

.idbs-hamburger:before {
  content: "\e64e";
}

.idbs-idbs-grid:before {
  content: "\e64f";
}

.idbs-idbs-list:before {
  content: "\e650";
}

.idbs-idbs-single:before {
  content: "\e651";
}

.idbs-image:before {
  content: "\e652";
}

.idbs-italics:before {
  content: "\e653";
}

.idbs-link:before {
  content: "\e654";
}

.idbs-location_pointer:before {
  content: "\e655";
}

.idbs-minus:before {
  content: "\e656";
}

.idbs-newwindow:before {
  content: "\e657";
}

.idbs-notallowed:before {
  content: "\e658";
}

.idbs-numbered_list:before {
  content: "\e659";
}

.idbs-one_third:before {
  content: "\e65a";
}

.idbs-options:before {
  content: "\e65b";
}

.idbs-password:before {
  content: "\e65c";
}

.idbs-pencil:before {
  content: "\e65d";
}

.idbs-pencil2:before {
  content: "\e65e";
}

.idbs-pencil3:before {
  padding-right: 3px;
  content: "\e65d";
}

.idbs-pin:before {
  content: "\e65f";
}

.idbs-plus:before {
  content: "\e660";
}

.idbs-print:before {
  content: "\e661";
}

.idbs-printer2:before {
  content: "\e662";
}

.idbs-profile:before {
  content: "\e663";
}

.idbs-question:before {
  content: "\e664";
}

.idbs-remove_user:before {
  content: "\e665";
}

.idbs-remove:before {
  content: "\e666";
}

.idbs-rotate:before {
  content: "\e667";
}

.idbs-search:before {
  content: "\e668";
}

.idbs-sendto:before {
  content: "\e669";
}

.idbs-settings:before {
  content: "\e66a";
}

.idbs-shrink:before {
  content: "\e66b";
}

.idbs-signout:before {
  content: "\e66c";
}

.idbs-star:before {
  content: "\e66d";
}

.idbs-suitcase:before {
  content: "\e66e";
}

.idbs-table:before {
  content: "\e66f";
}

.idbs-tag_alt:before {
  content: "\e670";
}

.idbs-tag:before {
  content: "\e671";
}

.idbs-task-tick:before {
  content: "\e672";
}

.idbs-team_admin:before {
  content: "\e673";
}

.idbs-tick:before {
  content: "\e674";
}

.idbs-two_thirds:before {
  content: "\e675";
}

.idbs-underline:before {
  content: "\e676";
}

.idbs-upload:before {
  content: "\e677";
}

.idbs-upload2:before {
  content: "\e678";
}

.idbs-user_comment:before {
  content: "\e679";
}

.idbs-users:before {
  content: "\e67a";
}

.idbs-book2:before {
  content: "\e61a";
}

.idbs-stack:before {
  content: "\e61b";
}

.idbs-eye-plus:before {
  content: "\e61c";
}

.idbs-eye-minus:before {
  content: "\e61d";
}

.idbs-eye-blocked:before {
  content: "\e61e";
}

.ngdialog-overlay {
  position: fixed;
  background: rgba(67, 74, 84, 0.8);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin-right: 0;
}

.ngdialog {
  z-index: 999;
  overflow: visible;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.ngdialog.editorOverlay {
  z-index: 1001;
}

.ngdialog-content {
  min-width: 300px;
  box-shadow: 0 0 10px 0 #434A54;
  max-height: 614px;
}

.modalDialog {
  max-height: 614px;
  position: relative;
}
.modalDialog .iconHeader {
  display: inline-block;
  min-height: 56px;
  height: 56px;
  background-repeat: no-repeat;
  background-position: calc(24px / 2) calc(24px / 2);
  background-size: 32px 32px;
  padding-left: calc(32px + 2 * (56px - 32px) / 2);
  background-position-y: 10px;
}
.modalDialog .iconHeader span:first-child {
  padding-left: 40px;
}
.modalDialog .dialogHeader {
  background-color: var(--theme-main-700);
  padding: 16px 15px;
  color: white;
  font: 16px/normal "Roboto", sans-serif;
  display: block;
  border-bottom: 4px solid var(--theme-main-200);
}
.modalDialog .dialogHeader .fntH1 {
  color: white;
  font-size: 15px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: normal;
}
.modalDialog .dialogHeader .closeButton {
  display: inline-block;
  float: right;
}
.modalDialog .dialogHeader .closeButton:before {
  content: "\f00d";
  font-family: FontAwesome;
  font-size: 16px;
  color: #FFFFFF;
}
.modalDialog .dialogHeader .closeButton:hover:before {
  color: var(--theme-main-300);
}
.modalDialog .dialogContent {
  min-height: 170px;
  overflow: auto;
  padding: 16px 15px;
}
.modalDialog .creation {
  padding-left: 120px;
}
.modalDialog #status-message {
  position: absolute;
  bottom: 10px;
  left: 20px;
  padding: 5px;
  z-index: 99999;
}
.modalDialog #status-message:not(.error):before {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  font-family: FontAwesome;
  content: "\f110";
}
.modalDialog #status-message.error {
  position: absolute;
  padding: 5px 15px 5px 15px;
  z-index: 99999;
  color: white;
  max-width: 330px;
  background-color: red;
}
.modalDialog #status-message.error:before {
  font-family: FontAwesome;
  content: "\f071";
  padding-right: 10px;
}
.modalDialog .dialogFooter {
  height: 44px;
  padding: 6px 0 5px 0;
  color: #8E9298;
  font: 13px/15px "Roboto", sans-serif;
  font-weight: 500;
}
.modalDialog .dialogFooter > .primary-button {
  background: var(--theme-main-800);
  color: #FFFFFF;
}
.modalDialog .dialogFooter > .primary-button.disabled, .modalDialog .dialogFooter > .primary-button.disabled:hover, .modalDialog .dialogFooter > .primary-button.disabled:active {
  background-color: var(--theme-main-200);
  color: var(--color-neutral-300);
  font-weight: 500;
  cursor: not-allowed;
}
.modalDialog .dialogFooter > .secondary-button {
  padding-top: 8px;
  padding-bottom: 8px;
  background: var(--theme-main-100);
  border: 1px solid var(--theme-main-800);
  color: var(--theme-main-800);
  text-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.modalDialog .dialogFooter > .secondary-button:hover {
  background-color: rgba(113, 61, 126, 0.1);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.modalDialog .dialogFooter > .secondary-button.disabled {
  background-color: var(--theme-main-100);
  color: var(--color-neutral-300);
  border-color: var(--theme-main-200);
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  cursor: not-allowed;
}
.modalDialog .dialogFooter div {
  display: inline-block;
  float: right;
  margin: 0 8px;
  padding: 9px 16px;
  border-radius: 2px;
}

div.print-label-error .modalDialog .iconHeader span:first-child {
  padding-left: 0;
}
div.print-label-error div.ngdialog-content {
  width: 400px;
}
div.print-label-error div.ngdialog-content div.title .fntH1 {
  color: white;
  font-size: 16px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: normal;
  padding-left: 0;
}
div.print-label-error div.ngdialog-content .dialogContent {
  min-height: 130px;
}
div.print-label-error .dialogFooter {
  background-color: #ECEDEE;
}

.dialogContent .print-warning {
  background-image: url("/images/caution-icon-9725b9087a.svg");
  padding-left: 46px;
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: 10px top;
}
.dialogContent .print-warning .title {
  padding-left: 20px;
  color: #664D1B;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-family: "Roboto-Regular", sans-serif;
}
.dialogContent .print-warning .desc {
  display: inline-block;
  padding-top: 5px;
  padding-left: 20px;
  font-size: 13px;
  line-height: 22px;
  color: #664D1B;
}

div.print-label-dialog .modalDialog .iconHeader span:first-child {
  padding-left: 0;
}
div.print-label-dialog .dialogContent {
  width: 500px;
  padding: 0;
  background-color: var(--theme-main-50);
}
div.print-label-dialog .print-details {
  height: calc(100% - 43px);
}
div.print-label-dialog .print-details .title {
  color: var(--theme-main-900);
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-family: "Roboto-Regular", sans-serif;
  background-color: #FFFFFF;
  padding: 5px;
  margin: 0 0 5px 150px;
}
div.print-label-dialog .print-details .printing-option {
  display: flex;
}
div.print-label-dialog .print-details .printing-option .option-label {
  color: #434A54;
  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  font-family: "Roboto-Regular", sans-serif;
  width: 150px;
  text-align: right;
  padding-right: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
div.print-label-dialog .print-details .printing-option .option-value {
  flex-grow: 1;
  background-color: #FFFFFF;
  padding: 5px;
}
div.print-label-dialog .print-details select {
  width: 80%;
  padding: 5px;
}
div.print-label-dialog .print-details input[type=number] {
  width: 80px;
  padding: 5px;
}
div.print-label-dialog .dialogFooter {
  background-color: #ECEDEE;
}

div.location-dialog div.ngdialog-content {
  width: 800px;
}
div.location-dialog div.ngdialog-content .locationDialog > div {
  padding: 0 25px;
}
div.location-dialog div.ngdialog-content .locationDialog .boxPosition:after, div.location-dialog div.ngdialog-content .locationDialog .boxPosition:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
div.location-dialog div.ngdialog-content .locationDialog .boxPosition:after {
  border-color: rgba(245, 245, 246, 0);
  border-width: 8px;
  border-right-color: #F5F5F6;
  margin-top: -8px;
}
div.location-dialog div.ngdialog-content .locationDialog .boxPosition:before {
  border-color: rgba(236, 237, 238, 0);
  border-width: 10.82842712px;
  border-right-color: #ECEDEE;
  margin-top: -10.82842712px;
}
div.location-dialog div.ngdialog-content .locationDialog .boxPosition {
  background-color: #F5F5F6;
  border: 1px solid #ECEDEE;
  position: relative;
  float: right;
  left: 10px;
  top: -31px;
  width: 315px;
  padding: 20px;
}
@-moz-document url-prefix() {
  div.location-dialog div.ngdialog-content .locationDialog .boxPosition {
    top: -58px;
  }
}
div.location-dialog div.ngdialog-content .locationDialog .boxPosition .positionSelector > span {
  display: inline-block;
  min-height: 17px;
  height: 17px;
  line-height: 17px;
  display: inline-block;
  max-width: 180px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

div.featureButtons {
  padding-top: 175px;
  min-width: 640px;
}
div.featureButtons div.ngdialog-overlay {
  position: fixed;
  background: transparent;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
div.featureButtons div.ngdialog-content {
  background: transparent;
  width: 150px;
  height: 32px;
}

div.featureMenuPanel {
  background: white;
  font-size: 14px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid grey;
  box-shadow: 0 4px 4px #B3B6BA !important;
  -moz-box-shadow: 0 4px 4px #B3B6BA !important;
  -webkit-box-shadow: 0 4px 4px #B3B6BA !important;
}

div.featureMenuOptions {
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
}
div.featureMenuOptions li {
  padding-left: 20px;
  list-style: none;
}
div.featureMenuOptions li.enabled:hover {
  background: #EAF3FB;
}
div.featureMenuOptions li.disabled {
  opacity: 0.5;
}

div.cannotDelete {
  padding-top: 176px;
}
div.cannotDelete div.ngdialog-content {
  width: 240px;
  height: 120px;
}
div.cannotDelete div.ngdialog-content .title {
  padding: 10px;
  background-color: #ECEDEE;
}
div.cannotDelete div.ngdialog-content .title:before {
  font-family: FontAwesome;
  content: "\f071";
  margin-right: 5px;
  color: red;
}
div.cannotDelete div.ngdialog-content .description {
  margin-top: 10px;
  text-align: center;
}
div.cannotDelete div.ngdialog-content div.dialogButtons {
  text-align: center;
  margin-top: 10px;
}
div.cannotDelete div.ngdialog-content div.dialogButtons button {
  display: inline-block;
  border: none;
  padding: 10px;
  outline: none;
  cursor: pointer;
}

.confirmationContent.waiting .dialogContent, div.waiting.adminWarning .dialogContent, div.waiting.confirmationOfRebuild .dialogContent {
  min-height: 90px;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
}
.confirmationContent.waiting.maintenance-transition span.closeButton, div.waiting.maintenance-transition.adminWarning span.closeButton, div.waiting.maintenance-transition.confirmationOfRebuild span.closeButton {
  display: none;
}
.confirmationContent div.ngdialog-content, div.adminWarning div.ngdialog-content, div.confirmationOfRebuild div.ngdialog-content {
  width: 300px;
}
.confirmationContent div.ngdialog-content .dialogContent, div.adminWarning div.ngdialog-content .dialogContent, div.confirmationOfRebuild div.ngdialog-content .dialogContent {
  min-height: 70px;
}
.confirmationContent div.ngdialog-content .title > span:first-child, div.adminWarning div.ngdialog-content .title > span:first-child, div.confirmationOfRebuild div.ngdialog-content .title > span:first-child {
  padding-left: 0;
}
.confirmationContent.rebuild .dialogContent, div.rebuild.adminWarning .dialogContent, div.rebuild.confirmationOfRebuild .dialogContent {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0 15px;
}
.confirmationContent.print-confirm .ngdialog-content, div.print-confirm.adminWarning .ngdialog-content, div.print-confirm.confirmationOfRebuild .ngdialog-content {
  width: 370px;
}
.confirmationContent.print-confirm .ngdialog-content .dialogContent, div.print-confirm.adminWarning .ngdialog-content .dialogContent, div.print-confirm.confirmationOfRebuild .ngdialog-content .dialogContent {
  min-height: 80px;
}

div.confirmReload div.ngdialog-content {
  width: 400px;
}
div.confirmReload div.ngdialog-content .title:before {
  font-family: FontAwesome;
  content: "\f071";
  margin-right: 5px;
  color: red;
}
div.confirmReload div.ngdialog-content .description {
  padding-top: 10px;
  padding-left: 20px;
}

div.helpPageContent div.ngdialog-content {
  width: 638px;
  height: 351px;
  position: relative;
}

div.confirmationOfRebuild {
  padding-top: 226px;
}
div.confirmationOfRebuild div.ngdialog-content {
  height: 170px;
}
div.confirmationOfRebuild div.ngdialog-content .description {
  height: 80px;
}
div.confirmationOfRebuild div.spinner {
  float: right;
  position: relative;
  right: 40px;
  top: 12px;
}

div.confirmationOnNavigateContent div.ngdialog-content {
  width: 500px;
}
div.confirmationOnNavigateContent div.ngdialog-content .title > span:first-child {
  padding-left: 0;
}
div.confirmationOnNavigateContent div.ngdialog-content .dialogContent {
  min-height: 102px;
}
div.confirmationOnNavigateContent div.ngdialog-content .dialogContent .line {
  margin-bottom: 20px;
}
div.confirmationOnNavigateContent div.ngdialog-content .dialogFooter {
  background-color: #ECEDEE;
}

div.entity-creator-confirmation div.ngdialog-content {
  width: 400px;
  background-color: transparent;
}
div.entity-creator-confirmation .dialogHeader {
  height: 40px;
  min-height: 40px;
  padding: 0 0 0 8px;
  display: flex;
  border-radius: 2px 2px 0 0;
}
div.entity-creator-confirmation .dialogHeader span {
  display: inline-block;
  padding: 10px 0;
}
div.entity-creator-confirmation .dialogContent {
  padding: 0;
  background-color: #FFFFFF;
}
div.entity-creator-confirmation .dialogFooter {
  height: 50px;
  padding: 0 9px;
  border-radius: 0 0 2px 2px;
  background-color: #F5F5F6;
  display: flex;
  flex-direction: row-reverse;
  justify-content: end;
  align-items: center;
}
div.entity-creator-confirmation .dialogFooter .clickable {
  margin: 6px 0 6px 8px;
}
div.entity-creator-confirmation .warning-dialog {
  display: flex;
  flex: 1;
  height: 100px;
}
div.entity-creator-confirmation .warning-dialog .warning-dialog-icon {
  margin-left: 12px;
  margin-right: 12px;
  min-width: 36px;
  min-height: 36px;
  background-repeat: no-repeat;
  background-position-y: 10px;
  background-size: 36px 36px;
  background-image: var(--exclamation-yellow);
}
div.entity-creator-confirmation .warning-dialog .warning-dialog-text {
  color: #664D1B;
  font-family: "Roboto", sans-serif;
  margin-top: 12px;
}
div.entity-creator-confirmation .warning-dialog .warning-dialog-text .warning-dialog-text-main {
  color: #664D1B;
  font-size: 13px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: 19px;
  padding-right: 114px;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}
div.entity-creator-confirmation .warning-dialog .warning-dialog-text .warning-dialog-text-sub {
  height: 39px;
  padding-right: 28px;
  font-size: 13px;
  line-height: 19px;
}

div.adminWarning #test-id-button-cancel {
  display: none;
}

div.link-items-window div.ngdialog-content {
  width: 75%;
  max-width: 738px;
}
div.link-items-window div.ngdialog-content .dialogContent {
  overflow-y: hidden;
}

div.download-modal-window span.fntH1:before {
  font-family: "idbs";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 15px;
}

@media screen and (max-width: 1024px) {
  .ngdialog-content {
    max-width: 75%;
  }
}
.subMenuOverlay {
  position: fixed;
  z-index: 990;
  top: 0;
  bottom: 0;
  right: 0;
  display: none;
  overflow: hidden;
  background-color: rgba(68, 68, 68, 0);
  transition: background-color 400ms linear;
}
.subMenuOverlay {
  left: 198px;
}
@media screen and (max-width: 1024px) {
  .subMenuOverlay {
    left: 40px;
  }
}
.subMenuOverlay.show {
  overflow: visible;
}
.subMenuOverlay.show .subMenu {
  left: 0;
}
.subMenuOverlay.show {
  background-color: rgba(68, 68, 68, 0.6);
}
.subMenuOverlay.ng-animate {
  overflow: hidden;
}
.subMenuOverlay .click-handler {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.subMenuOverlay .subMenu {
  position: absolute;
  top: 0;
  left: -374px;
  bottom: 0;
  width: 374px;
  background-color: white;
  transition: left 400ms linear;
}
.subMenuOverlay .subMenu .header {
  display: table;
  height: 50px;
  width: 100%;
  background-color: var(--theme-main-700);
}
.subMenuOverlay .subMenu .header > div {
  display: table-cell;
  vertical-align: middle;
}
.subMenuOverlay .subMenu .header .text {
  min-height: 50px;
  height: 50px;
  vertical-align: middle;
  color: white;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-family: "Roboto-Regular", sans-serif;
}
.subMenuOverlay .subMenu .header div#close-button {
  text-align: center;
  color: #FFFFFF;
  font-size: 16px;
  width: 20px;
  padding-right: 12px;
}
.subMenuOverlay .subMenu .header.createNew {
  margin-bottom: 24px;
}
.subMenuOverlay .subMenu .header.createNew .text {
  background-image: url("/images/icon-plus-ede093d942.png");
  background-repeat: no-repeat;
  background-position: 14px 14px;
  background-size: 22px 22px;
  padding-left: 50px;
}
.subMenuOverlay .subMenu .header.changeRoom .text {
  font-size: 16px;
  padding-left: 8px;
}
.subMenuOverlay .subMenu .item {
  height: 54px;
  margin-bottom: 20px;
  min-height: 54px;
  background-repeat: no-repeat;
  background-position: 10px 3px;
  background-size: 48px 48px;
  padding-left: 64px;
  display: table;
}
.subMenuOverlay .subMenu .item .label {
  width: 374px;
  display: table-cell;
  vertical-align: middle;
}
.subMenuOverlay .subMenu .item:hover {
  background-color: #F3EAF6;
  cursor: pointer;
}
.subMenuOverlay .subMenu .item .name {
  font-size: 18px;
  font-weight: 600;
}
.subMenuOverlay .subMenu .item .description {
  font-size: 12px;
}
.subMenuOverlay .subMenu #location-tree-container {
  height: calc(100% - 50px);
}

div.modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10001;
}

.featureMenu #test-feature-menu {
  position: fixed;
  top: 116px;
  right: 20px;
  padding: 6px 6px 12px 6px;
  z-index: 10000;
  border: 2px solid transparent;
}
.featureMenu #test-feature-menu:hover {
  border-top: 2px solid #ECEDEE;
  border-left: 2px solid #ECEDEE;
  border-right: 2px solid #ECEDEE;
  height: 34px;
  background-color: white;
}
.featureMenu #test-feature-menu.show {
  height: 46px;
  border-top: 2px solid #ECEDEE;
  border-left: 2px solid #ECEDEE;
  border-right: 2px solid #ECEDEE;
  background-color: white;
}
.featureMenu #test-feature-menu:after {
  font-family: idbs;
  content: "\e65b";
  padding-left: 5px;
  font-size: 12px;
}
.featureMenu .menuItems {
  position: fixed;
  top: 160px;
  right: 20px;
  width: auto;
  border: 2px solid #ECEDEE;
  background-color: #FFFFFF;
  z-index: 10000;
  box-shadow: 1px 1px 3px 1px #ECEDEE;
}
.featureMenu .menuItems .menuItem {
  display: inline-block;
  min-height: 40px;
  height: 40px;
  line-height: 40px;
  display: block;
  border-bottom: 1px solid #F5F5F6;
  width: auto;
  padding: 0 10px;
  background-color: #FFFFFF;
}
.featureMenu .menuItems .menuItem.enabled {
  color: #353B43;
}
.featureMenu .menuItems .menuItem.enabled:hover {
  background-color: var(--theme-main-700);
  color: #FFFFFF;
}
.featureMenu .menuItems .menuItem.disabled {
  color: #ECEDEE;
}

.maintenanceBanner .featureMenu #test-feature-menu {
  top: 176px;
}
.maintenanceBanner .menuItems {
  top: 220px;
}

.historyLogPanel div.ngdialog-content {
  width: 770px;
}
.historyLogPanel div.ngdialog-content .title > span:first-child {
  padding-left: 0;
}
.historyLogPanel div.ngdialog-content .dialogContent {
  min-height: 480px;
}
.historyLogPanel div.ngdialog-content .history-log-download-container .primary-button {
  display: inline-block;
  background-image: url("/images/download_icon_white-3b952fc6c4.svg");
  background-repeat: no-repeat;
  background-position: 8px 50%;
  background-color: var(--theme-main-800);
  opacity: 0.9;
  color: #FFFFFF;
  font-weight: 500;
  cursor: pointer;
  margin-bottom: 8px;
  padding: 8px 8px 8px 30px;
  border-radius: 2px;
}
.historyLogPanel div.ngdialog-content .historyHeader {
  color: #FFFFFF;
  background-color: #353B43;
}
.historyLogPanel div.ngdialog-content .historyRow:nth-child(even) {
  background-color: #F5F5F6;
}
.historyLogPanel div.ngdialog-content .col {
  display: inline-block;
  line-height: 18px;
  padding: 1px 8px 5px 0px;
}
.historyLogPanel div.ngdialog-content .event-col {
  width: 40%;
}
.historyLogPanel div.ngdialog-content .user-col {
  width: 22%;
}
.historyLogPanel div.ngdialog-content .date-col {
  width: 22%;
}
.historyLogPanel div.ngdialog-content .module-col {
  width: 13%;
}
.historyLogPanel div.ngdialog-content .col-alignment {
  vertical-align: top;
  padding-top: 4px;
}
.historyLogPanel div.ngdialog-content .header-alignment {
  padding-left: 8px;
}
.historyLogPanel.gxpMode div.ngdialog-content {
  width: 95% !important;
  height: 95%;
  min-height: 95%;
}
.historyLogPanel.gxpMode div.ngdialog-content .modalDialog {
  max-height: none;
  height: 95%;
}
.historyLogPanel.gxpMode div.ngdialog-content .dialogContent {
  min-height: 95%;
}
.historyLogPanel.gxpMode div.ngdialog-content .col {
  padding: 3px 8px 3px 0;
}
.historyLogPanel.gxpMode div.ngdialog-content .event-col {
  width: 25%;
  padding-left: 10px;
}
.historyLogPanel.gxpMode div.ngdialog-content .user-col {
  width: 12%;
}
.historyLogPanel.gxpMode div.ngdialog-content .date-col {
  width: 15%;
}
.historyLogPanel.gxpMode div.ngdialog-content .reason-col {
  width: 12%;
  -ms-word-break: break-all;
  word-break: break-all;
  white-space: pre-wrap;
}
.historyLogPanel.gxpMode div.ngdialog-content .comment-col {
  width: 21%;
  -ms-word-break: break-all;
  word-break: break-all;
  white-space: pre-wrap;
}

.history-log-content {
  color: #353B43;
  font: 13px/normal "Roboto-Regular", sans-serif;
  font-style: normal;
  overflow-y: auto;
}

.log-event-description {
  margin-top: 4px;
  margin-bottom: 6px;
}
.log-event-description .stabiltiy-event-history-log-entry {
  white-space: pre-wrap;
}

.storeDownloadPanel {
  padding-top: 176px;
}
.storeDownloadPanel div.ngdialog-content {
  margin: 0 auto;
  position: relative;
  width: 800px;
}
.storeDownloadPanel div.ngdialog-content .storeContentDownload {
  padding: 20px;
}
.storeDownloadPanel div.ngdialog-content .storeContentDownload .downloadLink {
  padding: 5px;
}

.aliquotGrid .formLocation .formLocationName, .common-grid .formLocation .formLocationName {
  display: inline-block;
  width: 100%;
}
.aliquotGrid .formLocation .fieldButton, .common-grid .formLocation .fieldButton {
  float: left;
  display: inline-block;
  color: blue;
  cursor: pointer;
  margin-right: 15px;
}
.aliquotGrid .formLocation .formLocationPath, .common-grid .formLocation .formLocationPath {
  display: inline-block;
}
.aliquotGrid .formLocation .formLocationPath:after, .common-grid .formLocation .formLocationPath:after {
  content: ")";
}
.aliquotGrid .formLocation .formLocationPath:before, .common-grid .formLocation .formLocationPath:before {
  content: "(";
}
.aliquotGrid .formLocation .singleLineName, .common-grid .formLocation .singleLineName {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.aliquotGrid .deleteRowLink, .common-grid .deleteRowLink {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  height: 100%;
  width: 100%;
}
.aliquotGrid .deleteRowLink > i:hover, .common-grid .deleteRowLink > i:hover {
  cursor: pointer;
}
.aliquotGrid .ui-grid-pager-count-container, .common-grid .ui-grid-pager-count-container {
  float: left;
}
.aliquotGrid .ui-grid-pager-panel, .common-grid .ui-grid-pager-panel {
  text-align: center;
}
.aliquotGrid .ui-grid-pager-container, .common-grid .ui-grid-pager-container {
  float: none;
}
.aliquotGrid .ui-grid-pager-control, .common-grid .ui-grid-pager-control {
  float: none;
  display: inline-block;
}
.aliquotGrid .ui-grid-pager-row-count-picker, .common-grid .ui-grid-pager-row-count-picker {
  float: right;
}
.aliquotGrid .requiredColumnHeader::after, .common-grid .requiredColumnHeader::after {
  color: #8E9298;
  font-size: 11px;
  font-weight: 400;
  font-style: normal;
  font-family: "Roboto-Regular", sans-serif;
  bottom: 1px;
  content: "(maximum 250 characters)";
  left: 7px;
  position: absolute;
}

.aliquotsListDialogWrapper {
  padding-top: 0;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.aliquotsListDialogWrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.aliquotsListDialogWrapper .ngdialog-content {
  position: relative;
  height: 100%;
}
.aliquotsListDialogWrapper .ngdialog-content .modalDialog {
  height: 100%;
}
.aliquotsListDialogWrapper .ngdialog-content .modalDialog .dialogContent {
  height: calc(100% - 70px);
}
.aliquotsListDialogWrapper .ngdialog-content .modalDialog .dialogContent .aliquotsListDialog {
  height: 100%;
  padding: 10px;
}
.aliquotsListDialogWrapper .ngdialog-content .modalDialog .dialogContent .aliquotsListDialog .aliquotGrid, .aliquotsListDialogWrapper .ngdialog-content .modalDialog .dialogContent .aliquotsListDialog .common-grid {
  height: 100%;
}
.aliquotsListDialogWrapper .ngdialog-content .modalDialog .dialogContent .aliquotsListDialog .aliquotGrid .formLocation .fieldButton, .aliquotsListDialogWrapper .ngdialog-content .modalDialog .dialogContent .aliquotsListDialog .common-grid .formLocation .fieldButton {
  display: none;
}

.gxp-dialog {
  z-index: 10010 !important;
}
.gxp-dialog .dialogContent {
  height: auto !important;
  min-height: 230px;
  overflow: hidden;
}
.gxp-dialog .gxp-dialog-footer {
  background-color: #F5F5F6;
}
.gxp-dialog .gxp-reason-modal {
  height: 230px;
  width: 400px;
  color: #353B43;
  font-size: 16px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: normal;
}
.gxp-dialog .gxp-reason-modal .gxp-content {
  height: 100%;
  width: 100%;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19.5px;
}
.gxp-dialog .gxp-reason-modal .gxp-content .gxp-reason-comment {
  height: 100%;
  padding-top: 4px;
  font-size: 13px;
}
.gxp-dialog .gxp-reason-modal .gxp-content .gxp-reason-comment .gxp-reason-container {
  -moz-appearance: none;
  width: 100%;
  letter-spacing: 0;
  line-height: 19.5px;
  font-weight: 500;
  padding-bottom: 15px;
}
.gxp-dialog .gxp-reason-modal .gxp-content .gxp-reason-comment .gxp-reason-container .gxp-dropdown {
  position: relative;
  color: #353B43;
  font: 13px/normal "Roboto-Regular", sans-serif;
  font-style: normal;
}
.gxp-dialog .gxp-reason-modal .gxp-content .gxp-reason-comment .gxp-reason-container .gxp-dropdown .gxp-dropdown-toggle {
  display: block;
  text-align: left;
  height: 30px;
  width: 100%;
  border: 1px solid var(--theme-main-600);
  border-radius: 2px;
  box-sizing: border-box;
  box-shadow: 0 2px 4px 0 rgba(213, 213, 213, 0.5);
  background: #FFFFFF no-repeat url("../../images/icon-dropdown-bbd53aa770.svg") calc(100% - 9px);
}
.gxp-dialog .gxp-reason-modal .gxp-content .gxp-reason-comment .gxp-reason-container .gxp-dropdown .gxp-dropdown-toggle:focus {
  outline: none;
}
.gxp-dialog .gxp-reason-modal .gxp-content .gxp-reason-comment .gxp-reason-container .gxp-dropdown .gxp-dropdown-menu {
  overflow: auto;
  position: absolute;
  display: inline-block;
  max-height: 140px;
  width: 100%;
  margin-top: 0;
  padding: 0;
  border-radius: 2px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 6px 0 rgba(13, 14, 16, 0.3);
}
.gxp-dialog .gxp-reason-modal .gxp-content .gxp-reason-comment .gxp-reason-container .gxp-dropdown .gxp-dropdown-menu li {
  list-style-type: none;
}
.gxp-dialog .gxp-reason-modal .gxp-content .gxp-reason-comment .gxp-reason-container .gxp-dropdown .gxp-dropdown-menu .gxp-reason {
  height: 35px;
}
.gxp-dialog .gxp-reason-modal .gxp-content .gxp-reason-comment .gxp-reason-container .gxp-dropdown .gxp-dropdown-menu .gxp-reason a {
  padding-left: 10px;
  display: block;
  letter-spacing: 0;
  line-height: 35px;
}
.gxp-dialog .gxp-reason-modal .gxp-content .gxp-reason-comment .gxp-reason-container .gxp-dropdown .gxp-dropdown-menu .gxp-reason.selected {
  background-image: url("../../images/tick-icon-3bfed47aa4.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 9px);
  color: #353B43;
  font-size: 13px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: normal;
}
.gxp-dialog .gxp-reason-modal .gxp-content .gxp-reason-comment .gxp-reason-container .gxp-dropdown .gxp-dropdown-menu .gxp-reason:hover {
  border-radius: 0 0 2px 2px;
  background-color: #ECEDEE;
}
.gxp-dialog .gxp-reason-modal .gxp-content .gxp-reason-comment .gxp-comment {
  width: 100%;
  height: 19.5px;
  letter-spacing: 0;
  line-height: 19.5px;
}
.gxp-dialog .gxp-reason-modal .gxp-content .gxp-reason-comment .gxp-comment .optional {
  color: #686E76;
}
.gxp-dialog .gxp-reason-modal .gxp-content .gxp-reason-comment .gxp-comment .gxp-comment-field {
  width: 100%;
  height: 90px;
  resize: none;
  box-sizing: border-box;
  border: 1px solid #B3B6BA;
  border-radius: 2px;
  background-color: #FFFFFF;
  color: #353B43;
  font: 13px/normal "Roboto-Regular", sans-serif;
  font-style: normal;
}
.gxp-dialog .gxp-reason-modal .gxp-content .gxp-reason-comment .gxp-comment .gxp-comment-field.maxCharError {
  border: 1px solid #AE3742;
}
.gxp-dialog .gxp-reason-modal .gxp-content .gxp-reason-comment .gxp-comment .remaining-container {
  height: 30px;
  margin-top: -6px;
  letter-spacing: 0;
  line-height: 15px;
  color: #686E76;
  font-size: 13px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: normal;
}
.gxp-dialog .gxp-reason-modal .gxp-content .gxp-reason-comment .gxp-comment .remaining-container .error {
  box-sizing: border-box;
  border: 1px solid #AE3742;
  border-radius: 0 0 2px 2px;
  background-color: #AE3742;
  box-shadow: 0 2px 4px 0 rgba(87, 27, 33, 0.2);
}
.gxp-dialog .gxp-reason-modal .gxp-content .gxp-reason-comment .gxp-comment .remaining-container .error-message-container {
  box-sizing: border-box;
  height: 30px;
  border: 1px solid #AE3742;
  border-radius: 0 0 2px 2px;
  background-color: #AE3742;
  box-shadow: 0 2px 4px 0 rgba(87, 27, 33, 0.2);
}
.gxp-dialog .gxp-reason-modal .gxp-content .gxp-reason-comment .gxp-comment .remaining-container .error-message-container .error-text {
  color: #FDF5F6;
  padding-left: 6px;
  letter-spacing: 0;
  vertical-align: middle;
  line-height: 30px;
}
.gxp-dialog .gxp-reason-modal .gxp-content .gxp-reason-comment .gxp-comment .remaining-container .default-text {
  padding-left: 6px;
  vertical-align: middle;
  line-height: 30px;
}

.relogin-dialog-container .relogin-dialog-background {
  background-color: white;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.relogin-dialog-container .relogin-dialog {
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 448px;
  height: 268px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.relogin-dialog-container .relogin-dialog .relogin-lhs-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 100%;
  position: absolute;
  top: 0;
  text-align: center;
  background-color: #F5F5F6;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  border-right: 1px solid #ECEDEE;
}
.relogin-dialog-container .relogin-dialog .relogin-lhs-panel .relogin-cloud-image-container {
  height: 56px;
  width: 96px;
  background: transparent url("/images/logo/idbs-logo-dark-61355e0e1b.svg") no-repeat center;
  background-size: 96px 56px;
  display: inline-block;
}
.relogin-dialog-container .relogin-dialog .relogin-lhs-panel .relogin-cloud-image-container .relogin-cloud-image {
  position: inherit;
  display: block;
  width: 96px;
  height: 56px;
  margin: auto;
}
.relogin-dialog-container .relogin-dialog .relogin-lhs-panel .relogin-cloud-text {
  font-weight: 200;
  color: #444955;
  font-size: 18px;
  font-family: "Roboto-Light", sans-serif;
  font-style: normal;
  line-height: normal;
}
.relogin-dialog-container .relogin-dialog .relogin-rhs-panel {
  height: 100%;
  line-height: 1.5;
  background-color: #FFFFFF;
  margin-left: 150px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-right: 1px solid #ECEDEE;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.relogin-dialog-container .relogin-dialog .relogin-text {
  color: #434A54;
  width: 192px;
}
.relogin-dialog-container .relogin-dialog .sign-out-text {
  color: #434A54;
  font-size: 16px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: 1.5;
}
.relogin-dialog-container .relogin-dialog .sign-in-link {
  font-size: 14px;
}
.relogin-dialog-container .relogin-dialog .sign-in-link a {
  color: #0035C6;
  font: 14px/1.5 "Roboto-Regular", sans-serif;
  font-style: normal;
}
.relogin-dialog-container .relogin-dialog .sign-in-link a:hover {
  text-decoration: underline;
  color: #002895;
}

#nav-bar {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 198px;
  background-color: var(--nav-bar-background);
  min-height: 438px;
}
#nav-bar .logo-top {
  height: 50px;
  padding-left: 15px;
  padding-top: 0;
  margin: 5px 0 40px;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
  width: 100%;
  box-sizing: border-box;
}
#nav-bar .nav-top {
  display: flex;
  height: 40px;
  align-items: center;
  background-color: var(--nav-bar-top-background);
  margin-bottom: 40px;
}
#nav-bar .logo {
  height: 40px;
  padding-top: 0;
  padding-left: 0;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
  width: 100%;
  box-sizing: border-box;
}
#nav-bar .logo-top > .logotype,
#nav-bar .logo > .logotype {
  background: var(--navBar-logo) no-repeat;
  height: 40px;
  width: 120px;
  background-position: left center;
}
#nav-bar .menu-item {
  --bg-color: transparent;
  --label-color: var(--nav-item-label);
  --icon-color: var(--nav-item-icon-color);
  height: 50px;
  padding: 0 15px;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
  cursor: pointer;
  background-color: var(--bg-color);
}
#nav-bar .menu-item:hover {
  --bg-color: var(--nav-item-hover);
  --label-color: var(--nav-item-label-hover);
  --icon-color: var(--nav-item-icon-color-hover);
}
#nav-bar .menu-item.selected {
  --bg-color: var(--nav-item-selected);
  --label-color: var(--nav-item-label-selected);
  --icon-color: var(--nav-item-icon-color-selected);
}
#nav-bar .menu-item .label {
  color: var(--nav-item-label);
  font: 14px/20px "Roboto-Regular", sans-serif;
  font-style: normal;
  color: var(--label-color);
}
#nav-bar .menu-item .nav-bar__icon {
  width: 28px;
  height: 28px;
  --color: var(--icon-color);
}
#nav-bar .menu-item > svg {
  margin-right: 10px;
}
#nav-bar .menu-item > i.type_configuration {
  --color: var(--nav-item-icon-color);
  margin-right: 5px;
}
#nav-bar .menu-item > i.system_info {
  --color: var(--nav-item-icon-color);
  margin-right: 5px;
}
#nav-bar .menu-item > i.global_settings {
  --color: var(--nav-item-icon-color);
  margin-right: 5px;
}
#nav-bar .menu-item > i.search_settings {
  --color: var(--nav-item-icon-color);
  margin-right: 5px;
}
#nav-bar .menu-item > i.permission_settings {
  --color: var(--nav-item-icon-color);
  margin-right: 5px;
}
#nav-bar .help-section {
  height: 50px;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  position: absolute;
  left: 0;
  bottom: 121px;
  right: 0;
  color: var(--nav-bar-user-details);
}
#nav-bar .help-section:hover {
  background-color: var(--nav-bar-user-details-background-hover);
  color: var(--nav-bar-user-details-hover);
}
#nav-bar .help-section .helpItem-text {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
  color: var(--nav-bar-user-details);
  font: 14px/20px "Roboto-Regular", sans-serif;
  font-style: normal;
}
#nav-bar .help-section .helpItem-text .label {
  margin-left: 10px;
}
#nav-bar .help-section .caret {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 18px;
  font-family: FontAwesome;
}
#nav-bar .nav-bottom {
  height: 50px;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
  position: absolute;
  left: 0;
  bottom: 71px;
  right: 0;
  z-index: 1000;
}
#nav-bar .nav-bottom .userDetail {
  color: var(--nav-bar-user-details);
  font: 14px/20px "Roboto-Regular", sans-serif;
  font-style: normal;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0 15px;
  height: 50px;
  width: 100%;
}
#nav-bar .nav-bottom .userDetail:hover {
  background-color: var(--nav-bar-user-details-background-hover);
  color: var(--nav-bar-user-details-hover);
}
#nav-bar .nav-bottom .userDetail .userAvatar {
  display: flex;
  margin-right: 10px;
}
#nav-bar .nav-bottom .userDetail .userAvatar .avatarIcon {
  width: 28px;
  height: 28px;
}
#nav-bar .nav-bottom .userDetail .userName {
  flex-grow: 1;
}
#nav-bar .nav-bottom .userDetail .caret {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 18px;
  font-family: FontAwesome;
}
#nav-bar .nav-footer {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  height: 71px;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}
#nav-bar .nav-footer > .idbs-logo {
  background: url("/images/idbs-logo-dc59ac609f.svg") no-repeat;
  height: 24px;
  width: 78px;
}
#nav-bar .slide-menu-container {
  position: absolute;
  top: 46px;
  left: 198px;
  bottom: 0;
  width: 0;
  overflow: hidden;
}

.userMenuOverlay-left, .helpMenuOverlay-left {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.userMenuOverlay {
  position: fixed;
  top: 0;
  left: 198px;
  bottom: 67px;
  right: 0;
  overflow: hidden;
}
.userMenuOverlay .userMenu {
  position: absolute;
  width: 240px;
  height: auto;
  bottom: 4px;
  left: -240px;
  color: #D9DADC;
  background: #FFFFFF;
  box-shadow: 0 1px 4px 0 #434A54;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.userMenuOverlay .userMenu.showed {
  left: 0;
}
.userMenuOverlay .userMenu > .menuItem {
  min-height: 50px;
  border-bottom: 1px solid #F5F5F6;
  padding-left: 9px;
  color: #434A54;
  font: 13px/normal "Roboto", sans-serif;
  font-weight: 400;
  box-sizing: border-box;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
}
.userMenuOverlay .userMenu > .menuItem:hover {
  border-color: var(--theme-main-600);
  color: #FFFFFF;
  font-weight: 500;
  background-color: var(--theme-main-600);
}

.helpMenuOverlay {
  position: fixed;
  top: 0;
  left: 198px;
  bottom: 117px;
  right: 0;
  overflow: hidden;
}
.helpMenuOverlay .helpMenu {
  position: absolute;
  width: 240px;
  height: auto;
  bottom: 4px;
  left: -240px;
  color: #D9DADC;
  background: #FFFFFF;
  box-shadow: 0 1px 4px 0 #434A54;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.helpMenuOverlay .helpMenu.showed {
  left: 0;
}
.helpMenuOverlay .helpMenu > .menuItem {
  min-height: 50px;
  border-bottom: 1px solid #F5F5F6;
  padding-left: 9px;
  color: #434A54;
  font: 13px/normal "Roboto", sans-serif;
  font-weight: 400;
  box-sizing: border-box;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
}
.helpMenuOverlay .helpMenu > .menuItem:hover {
  border-color: var(--theme-main-600);
  color: #FFFFFF;
  font-weight: 500;
  background-color: var(--theme-main-600);
}

@media screen and (max-width: 1024px) {
  #nav-bar {
    width: 40px;
  }
  #nav-bar .nav-top {
    display: block;
    margin-bottom: 0;
  }
  #nav-bar .nav-top .logo {
    display: none;
  }
  #nav-bar .logo-top {
    margin-bottom: 0;
    padding-left: 6px;
  }
  #nav-bar .logo-top .app-label {
    display: none;
  }
  #nav-bar .menu-item {
    padding: 0 8px;
  }
  #nav-bar .menu-item > .label {
    display: none;
  }
  #nav-bar .menu-item svg {
    margin: 0;
    min-width: 24px;
  }
  #nav-bar .slide-menu-container {
    left: 40px;
  }
  #nav-bar .help-section .label, #nav-bar .help-section .caret {
    display: none;
  }
  #nav-bar .nav-bottom .userDetail {
    padding: 0 8px;
  }
  #nav-bar .nav-bottom .userDetail .userAvatar {
    margin: 0;
  }
  #nav-bar .nav-bottom .userDetail .userAvatar .avatarIcon {
    width: 24px;
    height: 24px;
  }
  #nav-bar .nav-bottom .userDetail .userName {
    display: none;
  }
  #nav-bar .nav-bottom .userDetail .caret {
    display: none;
  }
  #nav-bar .nav-footer > .idbs-logo {
    background: url("/images/idbs-logo-cut-82b5b61220.svg") no-repeat;
    height: 24px;
    width: 24px;
  }
  .userMenuOverlay, .helpMenuOverlay {
    left: 40px;
  }
}
.titleBar {
  padding: 2px 0 2px 10px;
  color: black;
  height: 56px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.titleBar * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.titleBar {
  margin-left: 198px;
}
@media screen and (max-width: 1024px) {
  .titleBar {
    margin-left: 40px;
  }
}
.titleBar .back {
  cursor: pointer;
  height: 36px;
  background-color: #F5F5F6;
  display: inline-block;
  min-height: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: calc(12px / 2) calc(12px / 2);
  background-size: 24px 24px;
  padding-left: calc(24px + 2 * (36px - 24px) / 2);
  background-image: url(var(--titleBar-back-path));
  display: inline-block;
  min-height: 36px;
  height: 36px;
  line-height: 36px;
  color: black;
  font-size: 13px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: 36px;
}
.titleBar .back:hover {
  background-image: var(--titleBar-back-hover);
}
.titleBar .close {
  cursor: pointer;
  height: 36px;
  padding-top: 5px;
  padding-right: 15px;
}
.titleBar .customTitle {
  padding: 7px;
  color: black;
  font-size: 18px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: normal;
}
.titleBar .title {
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: white;
  color: black;
  font-size: 23px;
  font-weight: 400;
  font-style: normal;
  font-family: "Roboto-Regular", sans-serif;
}
.titleBar .title .idTitle {
  vertical-align: top;
}
.titleBar .title.search {
  display: inline-block;
  min-height: 56px;
  height: 56px;
  background-repeat: no-repeat;
  background-position: calc(8px / 2) calc(8px / 2);
  background-size: 48px 48px;
  padding-left: calc(48px + 2 * (56px - 48px) / 2);
  background-image: url(var(--titleBar-search-path));
}
.titleBar .title.room {
  display: inline-block;
  min-height: 56px;
  height: 56px;
  background-repeat: no-repeat;
  background-position: calc(8px / 2) calc(8px / 2);
  background-size: 48px 48px;
  padding-left: calc(48px + 2 * (56px - 48px) / 2);
  background-image: url(var(--titleBar-room-path));
}

.titleBar.smallTitle {
  height: 40px;
  background-color: #F5F5F6;
}

.titleBar.largeTitle {
  height: 60px;
  background-color: white;
}

#inventory-types-select {
  cursor: pointer;
  padding: 0 20px 0;
  height: 36px;
}
#inventory-types-select .domain-equipment {
  display: inline-block;
  min-height: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: calc(12px / 2) calc(12px / 2);
  background-size: 24px 24px;
  padding-left: calc(24px + 2 * (36px - 24px) / 2);
  background-image: url("/images/virtual-equipment-72a3a8b190.svg");
}
#inventory-types-select .domain-material {
  display: inline-block;
  min-height: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: calc(12px / 2) calc(12px / 2);
  background-size: 24px 24px;
  padding-left: calc(24px + 2 * (36px - 24px) / 2);
  background-image: url("/images/virtual-material-58bb13817d.svg");
}
#inventory-types-select .domain-sample {
  display: inline-block;
  min-height: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: calc(12px / 2) calc(12px / 2);
  background-size: 24px 24px;
  padding-left: calc(24px + 2 * (36px - 24px) / 2);
  background-image: url("/images/virtual-sample-34431869a2.svg");
}
#inventory-types-select span.domainName {
  display: inline-block;
  min-height: 36px;
  height: 36px;
  line-height: 36px;
  color: #353B43;
  font-size: 17px;
  font-weight: 500;
  font-style: normal;
  font-family: "Roboto-Regular", sans-serif;
  padding-left: 4px;
}
#inventory-types-select label {
  font-family: FontAwesome;
}
#inventory-types-select.selected, #inventory-types-select:hover {
  background-color: #353B43;
}
#inventory-types-select.selected span.domainName, #inventory-types-select:hover span.domainName {
  color: white;
}
#inventory-types-select.selected label, #inventory-types-select:hover label {
  color: white;
}
div.freeTextSearch {
  height: 36px;
  padding: 3px 0;
}
div.freeTextSearch input {
  width: 210px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #B3B6BA;
  outline: none;
  padding: 0 26px 0 26px;
  color: black;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  font-family: "Roboto-Regular", sans-serif;
}
div.freeTextSearch input:focus {
  box-shadow: 0 0 3px 1px var(--theme-main-700);
}
div.freeTextSearch button {
  padding: 0;
  height: 26px;
  width: 26px;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  font-family: FontAwesome;
  color: #B3B6BA;
}
div.freeTextSearch button.clear {
  position: relative;
  right: 27px;
}
div.freeTextSearch button:hover {
  color: black;
}
div.freeTextSearch div.search {
  position: relative;
  display: inline-block;
  width: 26px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  left: 26px;
  vertical-align: top;
}
div.freeTextSearch div.search span {
  vertical-align: middle;
  color: #B3B6BA;
}

.warningBanner {
  padding: 2px 26px 2px 5px;
  color: black;
  height: 56px;
}
.warningBanner .warningBox {
  background: #FFF8EC;
  border: solid 1px #FFCE6A;
  box-sizing: border-box;
  margin-left: 214px;
}
.warningBanner .bannerTitle {
  padding-top: 5px;
  padding-bottom: 5px;
  color: black;
  font-size: 23px;
  font-weight: 400;
  font-style: normal;
  font-family: "Roboto-Regular", sans-serif;
}
.warningBanner .exclamation {
  display: inline-block;
  min-height: 56px;
  height: 56px;
  background-repeat: no-repeat;
  background-position: calc(8px / 2) calc(8px / 2);
  background-size: 48px 48px;
  padding-left: calc(48px + 2 * (56px - 48px) / 2);
  background-image: url("/images/exclamation-6e4e888451.svg");
  background-position: 0 0;
}

.transfer-log-dialog .ngdialog-content {
  width: 550px;
  height: 614px;
}
.transfer-log-dialog .ngdialog-content .modalDialog {
  height: 100%;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.transfer-log-dialog .ngdialog-content .modalDialog > .dialogContent {
  flex: 1 !important; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: 1 !important; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1 !important; /* OLD - Firefox 19- */
  -webkit-flex: 1 !important; /* Chrome */
  -ms-flex: 1 !important; /* IE 10 */
  padding: 0;
  overflow: hidden;
}
.transfer-log-dialog .ngdialog-content .modalDialog > .dialogContent > .common-grid {
  height: calc(100% - 5px);
}
.transfer-log-dialog .ngdialog-content .modalDialog > .dialogContent > .common-grid .error-field > div {
  white-space: normal;
}
.transfer-log-dialog .ngdialog-content .modalDialog > .dialogContent > .common-grid .system-id .ui-grid-cell-contents > a {
  color: var(--theme-main-700);
  font: 13px/18px "Roboto", sans-serif;
  font-weight: 500;
  cursor: pointer;
}
.transfer-log-dialog .ngdialog-content .modalDialog > .dialogContent > .common-grid .status {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
}
.transfer-log-dialog .ngdialog-content .modalDialog > .dialogContent > .common-grid .status > .ui-grid-cell-contents {
  height: 20px;
  line-height: 19px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin: 0 5px;
}
.transfer-log-dialog .ngdialog-content .modalDialog > .dialogContent > .common-grid .status.available > .ui-grid-cell-contents {
  background-color: #D3F2EE;
  border: 1px solid #25C0AB;
}
.transfer-log-dialog .ngdialog-content .modalDialog > .dialogContent > .common-grid .status.disposed > .ui-grid-cell-contents, .transfer-log-dialog .ngdialog-content .modalDialog > .dialogContent > .common-grid .status.decommissioned > .ui-grid-cell-contents {
  background-color: #D9DADC;
  border: 1px solid #434A54;
}
.transfer-log-dialog .ngdialog-content .modalDialog > .dialogContent > .common-grid .status.greater-than-50 > .ui-grid-cell-contents {
  background-color: #E7F3DA;
  border: 1px solid #8BC34A;
}
.transfer-log-dialog .ngdialog-content .modalDialog > .dialogContent > .common-grid .status.less-than-50 > .ui-grid-cell-contents {
  background-color: #FFF2D9;
  border: 1px solid #FFC245;
}
.transfer-log-dialog .ngdialog-content .modalDialog > .dialogContent > .common-grid .status.in-use > .ui-grid-cell-contents {
  background-color: #DDEBF9;
  border: 1px solid #166ECD;
}
.transfer-log-dialog .ngdialog-content .modalDialog > .dialogContent > .common-grid .status.do-not-use > .ui-grid-cell-contents {
  background-color: #F7D9DC;
  border: 1px solid #DA4553;
}
.transfer-log-dialog .ngdialog-content .modalDialog > .dialogContent > .common-grid .status.unavailable > .ui-grid-cell-contents {
  background-color: #FFFFFF;
  border: 1px solid #8E9298;
}
.transfer-log-dialog .ngdialog-content .modalDialog > .dialogContent > .common-grid .ui-grid-header-cell:hover .toggle-icon {
  display: none;
}
.transfer-log-dialog .ngdialog-content .modalDialog > .dialogContent > .common-grid .ui-grid-canvas {
  width: 100%;
}
.transfer-log-dialog .ngdialog-content .modalDialog > .dialogContent > .common-grid .ui-grid-viewport {
  overflow-y: scroll !important;
  width: 100%;
}
.transfer-log-dialog .ngdialog-content .modalDialog > .dialogContent > .common-grid .pager-control button {
  min-width: 100px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.transfer-log-dialog .ngdialog-content .modalDialog > .dialogContent > .common-grid .pager-control button * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#inventory-details-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  min-width: 826px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#inventory-details-panel * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#inventory-details-panel .header {
  height: 110px;
  padding-top: 10px;
  position: relative;
}
#inventory-details-panel .header .status {
  padding-right: 26px;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  max-width: 200px;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
#inventory-details-panel .header .status .secondaryStatus {
  margin-top: 7px;
}
#inventory-details-panel .header .add-physical-item {
  position: absolute;
  right: 20px;
  bottom: 0;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
  padding: 15px;
  height: 46px;
  text-decoration: none;
}
#inventory-details-panel .header .add-physical-item > span {
  margin-right: 10px;
}
#inventory-details-panel .header .add-physical-item > .idbs-plus:before {
  font-size: 16px;
  line-height: 1.5;
  color: white;
  padding: 7px;
  background: var(--theme-main-600);
}
#inventory-details-panel .header .add-physical-item:hover {
  cursor: pointer;
  border: 1px solid #D9DADC;
  box-shadow: 0 2px 6px 0 #8E9298;
}
#inventory-details-panel .actionsView {
  position: absolute;
  top: 110px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  border-top: solid 4px var(--theme-main-600);
}
#inventory-details-panel .detailedView {
  background: -webkit-linear-gradient(left, #ECEDEE 250px, #FFFFFF 0%);
  background: -moz-linear-gradient(left, #ECEDEE 250px, #FFFFFF 0%);
  background: -ms-linear-gradient(left, #ECEDEE 250px, #FFFFFF 0%);
  min-height: 100%;
}
#inventory-details-panel .attachments .toAttach {
  display: table;
  width: 100%;
}
#inventory-details-panel .attachments .toAttach > div {
  display: table-row;
}
#inventory-details-panel .attachments .toAttach .collapseButton {
  display: table-cell;
  text-align: right;
  padding-right: 20px;
}
#inventory-details-panel .attachments .toAttach .content {
  width: 50%;
  display: table-cell;
  text-align: center;
}
#inventory-details-panel .attachments .toAttach {
  border-spacing: 10px;
}
#inventory-details-panel .attachments .toAttach .content {
  padding: 10px;
}
#inventory-details-panel .attachments .toAttach .content .label {
  display: block;
  margin-top: 5px;
}
#inventory-details-panel .attachments .toAttach .content .fileUpload {
  background-color: var(--theme-main-700);
  display: inline-block;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  overflow: hidden;
  margin-top: 15px;
}
#inventory-details-panel .attachments .toAttach .content .fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
}
#inventory-details-panel .attachments .toAttach .link {
  background-color: rgb(160.627753304, 201.1387665198, 244.872246696);
  border-color: #166ECD;
}
#inventory-details-panel .attachments .hover .content {
  background-color: var(--theme-main-400);
}
#inventory-details-panel .attachments {
  background-color: #FFFFFF;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#inventory-details-panel .attachments .attachmentList {
  overflow: auto;
  margin: 10px;
}
#inventory-details-panel .attachments .attachmentList .attachmentHeader {
  margin-bottom: 10px;
}
#inventory-details-panel .attachments .attachment.isDownloading:after {
  padding-top: 60px;
  font-family: "FontAwesome";
  font-size: 28px;
  color: white;
  content: "\f019";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
  background-color: rgba(73, 122, 221, 0.8);
}
#inventory-details-panel .attachments .largeIcon {
  padding: 10px;
  font-size: 60px;
}
#inventory-details-panel .attachments .attachment {
  position: relative;
  margin-bottom: 30px;
  margin-right: 2.7%;
  display: inline-block;
  text-align: center;
  width: 180px;
  height: 220px;
  background: #FFFFFF;
  border: 1px solid #ECEDEE;
  box-shadow: 0 0 4px 1px #ECEDEE;
  border-radius: 2px;
}
#inventory-details-panel .attachments .attachment > img {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 40px;
}
#inventory-details-panel .attachments .attachment .attachmentInfo {
  overflow: hidden;
  max-width: 180px;
  vertical-align: top;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 5px;
}
#inventory-details-panel .attachments .attachment > span {
  display: block;
}
#inventory-details-panel .attachments .attachment .hoverOverlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #166ECD;
  color: #FFFFFF;
  opacity: 0;
  overflow: hidden;
  z-index: 900;
  padding: 20px;
  transition: 400ms ease;
}
#inventory-details-panel .attachments .attachment .hoverOverlay .footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 30px;
  background-color: #353B43;
}
#inventory-details-panel .attachments .attachment .hoverOverlay .footer .deleteAttachment {
  float: right;
  opacity: 0.25;
  padding: 10px;
}
#inventory-details-panel .attachments .attachment .hoverOverlay .footer .deleteAttachment.active {
  opacity: 1;
}
#inventory-details-panel .attachments .attachment .hoverOverlay.active {
  opacity: 0.95;
  z-index: 1001;
}
#inventory-details-panel .attachments .attachment .confirmDeleteOverlay .deletePopup:after, #inventory-details-panel .attachments .attachment .confirmDeleteOverlay .deletePopup:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#inventory-details-panel .attachments .attachment .confirmDeleteOverlay .deletePopup:after {
  border-color: rgba(53, 59, 67, 0);
  border-width: 8px;
  border-top-color: #353B43;
  margin-left: -8px;
}
#inventory-details-panel .attachments .attachment .confirmDeleteOverlay .deletePopup:before {
  border-color: rgba(53, 59, 67, 0);
  border-width: 9.41421356px;
  border-top-color: #353B43;
  margin-left: -9.41421356px;
}
#inventory-details-panel .attachments .attachment .confirmDeleteOverlay .deletePopup {
  z-index: 1002;
  position: absolute;
  right: -45px;
  bottom: 35px;
  background-color: #353B43;
  opacity: 0.95;
  border: none;
  box-shadow: 1px 1px 2px 2px #8E9298;
  border-radius: 2px;
  padding: 10px 20px;
}
#inventory-details-panel .attachments .attachment .confirmDeleteOverlay .deletePopup .deleteButton {
  background: #E16A75;
  color: #FFFFFF;
  border-radius: 2px;
  padding: 13px 20px 14px 20px;
}
#inventory-details-panel .attachments .newAttachment {
  margin: 14px;
}
#inventory-details-panel .relatedContent {
  padding: 10px;
  height: 100%;
}
#inventory-details-panel .relatedContent idbs-pick-list {
  display: inline-block;
}
#inventory-details-panel .relatedContent .aliquotsHeader {
  margin-top: 5px;
  margin-bottom: 10px;
}
#inventory-details-panel .relatedContent .aliquotGrid, #inventory-details-panel .relatedContent .common-grid {
  height: calc(100% - 75px);
  border: none;
}
#inventory-details-panel .relatedContent .aliquotGrid.full-height, #inventory-details-panel .relatedContent .common-grid.full-height {
  height: calc(100% - 12px);
  opacity: 0;
}
#inventory-details-panel .relatedContent .aliquotGrid .formLocation .fieldButton, #inventory-details-panel .relatedContent .common-grid .formLocation .fieldButton {
  display: none;
}
#inventory-details-panel .relatedContent .aliquotGrid .pageCount, #inventory-details-panel .relatedContent .common-grid .pageCount {
  padding-right: 14px;
}
#inventory-details-panel .relatedContent .aliquotGrid .labelBox, #inventory-details-panel .relatedContent .common-grid .labelBox {
  font-weight: normal;
  margin-left: 5px;
  padding: 5px;
}
#inventory-details-panel .relatedContent .aliquotGrid .rightCell, #inventory-details-panel .relatedContent .common-grid .rightCell {
  padding-left: 6px;
}
#inventory-details-panel .relatedContent .changeLinks {
  float: right;
  width: 140px;
}
#inventory-details-panel .relatedContent .cancelChanges {
  background-color: #FFFFFF;
  border: 1px solid #ECEDEE;
  color: var(--theme-main-600);
  margin-left: 20px;
}
#inventory-details-panel .relatedContent .location .ui-grid-column-menu-button {
  display: none;
}

item-detailed-view .inventory-item-detailed-view {
  height: 100%;
  width: 100%;
  flex-direction: column;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
item-detailed-view .inventory-item-detailed-view * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header {
  position: relative;
  padding: 10px 20px 0;
  min-height: 125px;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  margin-bottom: 10px;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info > .menu-buttons {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info > .menu-buttons > inventory-button {
  margin-right: 5px;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info > .menu-buttons > inventory-button:last-child {
  margin-left: 15px;
  position: relative;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info > .menu-buttons > inventory-button:last-child:before {
  content: "";
  box-sizing: border-box;
  height: 30px;
  border: 1px solid #D9DADC;
  position: absolute;
  left: -11px;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .general-info {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
  min-height: 60px;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .general-info.full-width {
  flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1; /* OLD - Firefox 19- */
  -webkit-flex: 1; /* Chrome */
  -ms-flex: 1; /* IE 10 */
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .general-info .item-icon {
  min-width: 64px;
  min-height: 64px;
  background-repeat: no-repeat;
  margin-right: 10px;
  background-position-y: center;
  background-size: 64px 64px;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .general-info .info {
  color: #434A54;
  font: 16px/19px "Roboto", sans-serif;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .general-info .info > .item-id .label {
  font-style: italic;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .general-info .info > .item-id .value {
  font-weight: 500;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .general-info .info > .item-record-name {
  word-break: break-word;
  color: #686E76;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .general-info .info > .item-record-name.item-view {
  color: var(--theme-main-700);
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .general-info .info > .item-record-name.item-view:hover {
  cursor: pointer;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .general-info .info > .item-record-type {
  font-size: 13px;
  line-height: 15px;
  margin-top: 4px;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .status-location {
  flex: 0.35; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: 0.35; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 0.35; /* OLD - Firefox 19- */
  -webkit-flex: 0.35; /* Chrome */
  -ms-flex: 0.35; /* IE 10 */
  margin-left: 20px;
  min-height: 30px;
  margin-bottom: -20px;
  margin-top: -10px;
  max-width: 600px;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .status-location > div {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  height: 30px;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .status-location > div.status {
  margin-bottom: 5px;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .status-location > div.remaining-quantity {
  margin-bottom: 5px;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .status-location > div.location > span {
  padding-left: 15px;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .status-location > div > .label {
  color: #686E76;
  font: 13px/0 "Roboto", sans-serif;
  font-weight: 500;
  min-width: 130px;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .status-location > div > .label.small {
  min-width: 120px;
  text-align: right;
  margin-right: 10px;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .status-location > div > remaining-quantity-field {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1; /* OLD - Firefox 19- */
  -webkit-flex: 1; /* Chrome */
  -ms-flex: 1; /* IE 10 */
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .status-location > div > location-field {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1; /* OLD - Firefox 19- */
  -webkit-flex: 1; /* Chrome */
  -ms-flex: 1; /* IE 10 */
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .status-location > div > location-field > section:hover {
  border-color: var(--theme-main-600);
  box-shadow: 0 0 4px 0 var(--theme-main-600), inset 0px -2px 6px 0px #F5F5F6;
  outline: none;
  cursor: pointer;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .status-location > div > location-field > section.nohover:hover {
  border-color: #B3B6BA;
  box-shadow: inset 0px -2px 6px 0px #F5F5F6;
  cursor: default;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .status-location > div > status-switcher {
  flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1; /* OLD - Firefox 19- */
  -webkit-flex: 1; /* Chrome */
  -ms-flex: 1; /* IE 10 */
}
@media screen and (max-width: 1024px) {
  item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .general-info, item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .status-location {
    flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1; /* OLD - Firefox 19- */
    -webkit-flex: 1; /* Chrome */
    -ms-flex: 1; /* IE 10 */
  }
  item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .general-info {
    margin-bottom: 20px;
  }
  item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .status-location {
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-left: 0;
  }
  item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .status-location > * {
    flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1; /* OLD - Firefox 19- */
    -webkit-flex: 1; /* Chrome */
    -ms-flex: 1; /* IE 10 */
  }
  item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .status-location > *.location .label {
    min-width: 60px;
  }
  item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .status-location > *.location .label.small {
    min-width: 0;
    margin-right: 10px;
  }
  item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .status-location > *.status .label {
    min-width: 130px;
  }
  item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .status-location > *.status .label.small {
    min-width: 0;
    margin-right: 10px;
  }
  item-detailed-view .inventory-item-detailed-view .detailed-view-header .header-info .status-location > *.status {
    margin-bottom: 0 !important;
    margin-right: 10px;
  }
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .idbs-tabs {
  position: static;
  padding: 0;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .add-physical-item {
  position: absolute;
  right: 20px;
  bottom: 0;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
  padding: 15px;
  height: 46px;
  text-decoration: none;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .add-physical-item > span {
  margin-right: 10px;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .add-physical-item > .idbs-plus:before {
  font-size: 16px;
  line-height: 1.5;
  color: white;
  padding: 7px;
  background: var(--theme-main-600);
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .add-physical-item:hover {
  cursor: pointer;
  border: 1px solid #D9DADC;
  box-shadow: 0 2px 6px 0 #8E9298;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .add-physical-item.disabled {
  cursor: not-allowed;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .add-physical-item.disabled .idbs-plus:before {
  background: #B3B6BA;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .add-physical-item.disabled > span {
  color: #B3B6BA;
}
item-detailed-view .inventory-item-detailed-view .detailed-view-header .add-physical-item.disabled:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
}
item-detailed-view .inventory-item-detailed-view .actionsView {
  border-top: solid 4px var(--theme-main-600);
  flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1; /* OLD - Firefox 19- */
  -webkit-flex: 1; /* Chrome */
  -ms-flex: 1; /* IE 10 */
  position: relative;
}
item-detailed-view .inventory-item-detailed-view .inventory-tab-container-list-view {
  height: 100%;
}
item-detailed-view .inventory-item-detailed-view div.filter-button {
  background-color: rgba(37, 20, 42, 0.03);
  border: 1px solid var(--theme-main-400);
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
  color: black;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-family: "Roboto-Regular", sans-serif;
  float: right;
  line-height: 33px;
  height: 33px;
  margin-right: 10px;
  margin-top: 2px;
  width: 38px;
}
item-detailed-view .inventory-item-detailed-view div.filter-button > span:after {
  content: "\e647";
  color: var(--theme-main-700);
  font-family: "idbs";
  padding-left: 10px;
  position: relative;
}
item-detailed-view .inventory-item-detailed-view div.filter-button.hasSelectedItems {
  border-color: #F5F5F6;
}
item-detailed-view .inventory-item-detailed-view div.filter-button.hasSelectedItems > span:after {
  color: #F5F5F6;
}
item-detailed-view .inventory-item-detailed-view .table-header-not-list-view {
  background-color: var(--theme-main-200);
  border: 1px solid var(--theme-main-600);
  height: 40px;
  width: calc(100% - 230px);
}
item-detailed-view .inventory-item-detailed-view .table-header-not-list-view.panel-closed {
  width: 100%;
}
item-detailed-view .inventory-item-detailed-view .table-header-not-list-view.hasSelectedItems {
  background-color: var(--theme-main-500);
}
item-detailed-view .inventory-item-detailed-view .table-header-not-list-view .quantity-button {
  color: var(--theme-main-800);
  font: 13px/19.5px "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  padding-left: 7px;
  border: 1px solid var(--theme-main-400);
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
  float: left;
  line-height: 30px;
  margin-left: 7px;
  margin-top: 4px;
  height: 30px;
  width: 149px;
  display: flex;
  align-items: center;
}
item-detailed-view .inventory-item-detailed-view .table-header-not-list-view .quantity-button.hidden {
  display: none;
}
item-detailed-view .inventory-item-detailed-view .table-header-not-list-view .quantity-button.selected {
  color: #FFFFFF;
  background-color: var(--theme-main-800);
  padding-left: 7px;
  border: 1px solid var(--theme-main-800);
  text-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
item-detailed-view .inventory-item-detailed-view .table-header-not-list-view .quantity-button.selected > .icon {
  --color: #FFFFFF;
}
item-detailed-view .inventory-item-detailed-view .table-header-not-list-view .quantity-button > .icon {
  --color: var(--theme-main-700);
  width: 18px;
  height: 18px;
  margin-right: 4px;
}
item-detailed-view .inventory-item-detailed-view .table-header-not-list-view .selectedItemsRecord {
  color: #F5F5F6;
  font: 14px/normal "Roboto-Regular", sans-serif;
  font-style: normal;
  font-weight: 500;
  position: relative;
  top: 10px;
  left: 15px;
}
item-detailed-view .inventory-item-detailed-view .table-header-not-list-view .transferButton {
  height: 33px;
  float: right;
  background-color: rgba(37, 20, 42, 0.03);
  border: 1px solid #F5F5F6;
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
  color: #F5F5F6;
  font: 14px/33px "Roboto-Regular", sans-serif;
  font-style: normal;
  font-weight: 500;
  margin-right: 10px;
  margin-top: 2px;
  padding: 0 5px 0 5px;
  cursor: pointer;
}
item-detailed-view .inventory-item-detailed-view .table-header-not-list-view > idbs-context-menu .link-table-menu {
  display: inline;
}
item-detailed-view .inventory-item-detailed-view .table-header-not-list-view > idbs-context-menu .link-table-menu div.menu-icon {
  background-color: rgba(37, 20, 42, 0.03);
  border: 1px solid var(--theme-main-400);
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
  color: black;
  font: 14px/33px "Roboto-Regular", sans-serif;
  font-style: normal;
  font-weight: 500;
  float: right;
  height: 33px;
  margin-right: 10px;
  margin-top: 2px;
  width: 38px;
}
item-detailed-view .inventory-item-detailed-view .table-header-not-list-view > idbs-context-menu .link-table-menu div.menu-icon:after {
  content: "\e65b";
  color: var(--theme-main-700);
  font-family: "idbs";
  padding-left: 10px;
  position: relative;
  left: -20px;
}
item-detailed-view .inventory-item-detailed-view .table-header-not-list-view > idbs-context-menu.hasSelectedItems .link-table-menu div.menu-icon {
  border-color: #F5F5F6;
}
item-detailed-view .inventory-item-detailed-view .table-header-not-list-view > idbs-context-menu.hasSelectedItems .link-table-menu div.menu-icon:after {
  color: #F5F5F6;
}
item-detailed-view .inventory-item-detailed-view .inventory-tab {
  height: calc(100% - 242px);
  position: fixed;
  right: 230px;
}
item-detailed-view .inventory-item-detailed-view .inventory-tab {
  left: 198px;
}
@media screen and (max-width: 1024px) {
  item-detailed-view .inventory-item-detailed-view .inventory-tab {
    left: 40px;
  }
}
item-detailed-view .inventory-item-detailed-view .inventory-tab div.quantity-summary, item-detailed-view .inventory-item-detailed-view .inventory-tab div.none-quantity {
  color: #05319E;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  font-family: "Roboto-Regular", sans-serif;
  border: 1px solid #166ECD;
  border-radius: 2px;
  box-sizing: border-box;
  height: 31px;
  line-height: 31px;
  margin: 4px 11px 4px 7px;
  overflow-x: auto;
  overflow-y: hidden;
}
item-detailed-view .inventory-item-detailed-view .inventory-tab div.quantity-summary.quantity-summary, item-detailed-view .inventory-item-detailed-view .inventory-tab div.none-quantity.quantity-summary {
  background: var(--quantitySummary-blue) no-repeat left center #DDEBF9;
  background-origin: content-box;
  padding-left: 7px;
}
item-detailed-view .inventory-item-detailed-view .inventory-tab div.quantity-summary.none-quantity, item-detailed-view .inventory-item-detailed-view .inventory-tab div.none-quantity.none-quantity {
  background: var(--quantitySummary-none) no-repeat left center #DDEBF9;
  background-origin: content-box;
  padding-left: 7px;
  margin: 4px 11px 4px 7px;
}
item-detailed-view .inventory-item-detailed-view .inventory-tab div.quantity-summary div, item-detailed-view .inventory-item-detailed-view .inventory-tab div.none-quantity div {
  padding-left: 30px;
}
item-detailed-view .inventory-item-detailed-view .inventory-tab div.quantity-summary div.hidden, item-detailed-view .inventory-item-detailed-view .inventory-tab div.none-quantity div.hidden {
  display: none !important;
}
item-detailed-view .inventory-item-detailed-view .inventory-tab div.quantity-summary div .separator, item-detailed-view .inventory-item-detailed-view .inventory-tab div.none-quantity div .separator {
  padding-left: 10px;
  padding-right: 10px;
  color: #166ECD;
}
item-detailed-view .inventory-item-detailed-view .inventory-tab div.quantity-summary div .approximate, item-detailed-view .inventory-item-detailed-view .inventory-tab div.none-quantity div .approximate {
  font-size: 26px;
  vertical-align: bottom;
}
item-detailed-view .inventory-item-detailed-view .inventory-tab div.quantity-summary div .idbs-remove, item-detailed-view .inventory-item-detailed-view .inventory-tab div.none-quantity div .idbs-remove {
  float: right;
  color: #166ECD;
  margin-right: 10px;
}
item-detailed-view .inventory-item-detailed-view .inventory-tab physical-items .ivmCheckbox {
  display: block;
  margin-left: 10px;
}
item-detailed-view .inventory-item-detailed-view .inventory-tab physical-items > section {
  height: 100%;
  overflow: hidden;
  padding-bottom: 3px;
}
item-detailed-view .inventory-item-detailed-view .inventory-tab physical-items > section > .common-grid {
  border: none;
  height: 100%;
  opacity: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
item-detailed-view .inventory-item-detailed-view .inventory-tab physical-items > section > .common-grid .formLocation .fieldButton {
  display: none;
}
item-detailed-view .inventory-item-detailed-view .inventory-tab physical-items > section > .common-grid .location .ui-grid-column-menu-button {
  display: none;
}
item-detailed-view .inventory-item-detailed-view .inventory-tab physical-items > section > .common-grid .ui-grid-header-cell-wrapper .systemIdHeafer {
  justify-content: flex-start;
  margin-left: 5px;
}
item-detailed-view .inventory-item-detailed-view .inventory-tab physical-items > section > .common-grid .no-sortable:hover .ui-grid-column-menu-button {
  display: none !important;
}
@media screen and (max-width: 1024px) {
  item-detailed-view .inventory-item-detailed-view .inventory-tab {
    height: calc(100% - 262px);
  }
}
item-detailed-view .inventory-item-detailed-view .panel-closed {
  right: 0;
}
item-detailed-view .inventory-item-detailed-view .attachments .toAttach {
  display: table;
  width: 100%;
}
item-detailed-view .inventory-item-detailed-view .attachments .toAttach > div {
  display: table-row;
}
item-detailed-view .inventory-item-detailed-view .attachments .toAttach .collapseButton {
  display: table-cell;
  text-align: right;
  padding-right: 20px;
}
item-detailed-view .inventory-item-detailed-view .attachments .toAttach .content {
  width: 50%;
  display: table-cell;
  text-align: center;
}
item-detailed-view .inventory-item-detailed-view .attachments .toAttach {
  border-spacing: 10px;
}
item-detailed-view .inventory-item-detailed-view .attachments .toAttach .content {
  padding: 10px;
}
item-detailed-view .inventory-item-detailed-view .attachments .toAttach .content .label {
  display: block;
  margin-top: 5px;
}
item-detailed-view .inventory-item-detailed-view .attachments .toAttach .content .fileUpload {
  background-color: var(--theme-main-700);
  display: inline-block;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  overflow: hidden;
  margin-top: 15px;
}
item-detailed-view .inventory-item-detailed-view .attachments .toAttach .content .fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
}
item-detailed-view .inventory-item-detailed-view .attachments .toAttach .link {
  background-color: rgb(160.627753304, 201.1387665198, 244.872246696);
  border-color: #166ECD;
}
item-detailed-view .inventory-item-detailed-view .attachments .hover .content {
  background-color: var(--theme-main-400);
}
item-detailed-view .inventory-item-detailed-view .attachments {
  background-color: #FFFFFF;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachmentHeader {
  margin: 10px;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachmentList {
  overflow: auto;
  margin: 10px;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachmentUploadCollapsed {
  height: calc(100% - 75px);
}
item-detailed-view .inventory-item-detailed-view .attachments .attachmentUploadExpanded {
  height: calc(100% - 270px);
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment.isDownloading:after {
  padding-top: 60px;
  font-family: "FontAwesome";
  font-size: 28px;
  color: white;
  content: "\f019";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
  background-color: #166ECD;
  opacity: 0.8;
}
item-detailed-view .inventory-item-detailed-view .attachments .largeIcon {
  padding: 10px;
  font-size: 60px;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment {
  position: relative;
  margin-bottom: 30px;
  margin-right: 2.7%;
  display: inline-block;
  text-align: center;
  width: 180px;
  height: 220px;
  background: #FFFFFF;
  border: 1px solid #ECEDEE;
  box-shadow: 0 0 4px 1px #ECEDEE;
  border-radius: 2px;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-csv {
  background-image: url("/images/icon-file-csv-4375960a41.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-dna {
  background-image: url("/images/icon-file-dna-75893f83ac.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-doc {
  background-image: url("/images/icon-file-doc-5536f1a548.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-docx {
  background-image: url("/images/icon-file-docx-5536f1a548.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-fa {
  background-image: url("/images/icon-file-fa-4be1ef428f.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-fasta {
  background-image: url("/images/icon-file-fasta-6fd39425f6.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-fas {
  background-image: url("/images/icon-file-fas-52c6f43351.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-fna {
  background-image: url("/images/icon-file-fna-b023e4ed07.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-ffn {
  background-image: url("/images/icon-file-ffn-6475f23c06.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-jpg {
  background-image: url("/images/icon-file-jpg-ea2b9c8456.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-gb {
  background-image: url("/images/icon-file-gb-f760d4d261.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-gbank {
  background-image: url("/images/icon-file-gbank-496f6eb9dd.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-gbk {
  background-image: url("/images/icon-file-gbk-53a267ff12.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-genbank {
  background-image: url("/images/icon-file-genbank-e4d71cf01a.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-gp {
  background-image: url("/images/icon-file-gp-0206a39142.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-helm {
  background-image: url("/images/icon-file-helm-2aa3fda4fe.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-pdf {
  background-image: url("/images/icon-file-pdf-aa07524d48.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-png {
  background-image: url("/images/icon-file-png-ea2b9c8456.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-ppt {
  background-image: url("/images/icon-file-ppt-0132f7caef.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-pptx {
  background-image: url("/images/icon-file-pptx-0132f7caef.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-seq {
  background-image: url("/images/icon-file-seq-4209dfecb6.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-txt {
  background-image: url("/images/icon-file-txt-19cd60ae7f.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-xdna {
  background-image: url("/images/icon-file-xdna-d9fb4b2fbd.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-xls {
  background-image: url("/images/icon-file-xls-5713b5cf1e.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .icon-file-xlsx {
  background-image: url("/images/icon-file-xlsx-5713b5cf1e.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 10px;
  width: 50%;
  height: 50%;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .attachmentInfo {
  overflow: hidden;
  max-width: 180px;
  vertical-align: top;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 5px;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .attachmentName {
  margin-top: 10px;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment > span {
  display: block;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .hoverOverlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #166ECD;
  color: #FFFFFF;
  opacity: 0;
  overflow: hidden;
  z-index: 900;
  padding: 20px;
  transition: 400ms ease;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .hoverOverlay .footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 30px;
  background-color: #353B43;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .hoverOverlay .footer .deleteAttachment {
  float: right;
  opacity: 0.25;
  padding: 10px;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .hoverOverlay .footer .deleteAttachment.active {
  opacity: 1;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .hoverOverlay.active {
  opacity: 0.95;
  z-index: 1001;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .confirmDeleteOverlay .deletePopup:after, item-detailed-view .inventory-item-detailed-view .attachments .attachment .confirmDeleteOverlay .deletePopup:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .confirmDeleteOverlay .deletePopup:after {
  border-color: rgba(53, 59, 67, 0);
  border-width: 8px;
  border-top-color: #353B43;
  margin-left: -8px;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .confirmDeleteOverlay .deletePopup:before {
  border-color: rgba(53, 59, 67, 0);
  border-width: 9.41421356px;
  border-top-color: #353B43;
  margin-left: -9.41421356px;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .confirmDeleteOverlay .deletePopup {
  z-index: 1002;
  position: absolute;
  right: -45px;
  bottom: 35px;
  background-color: #353B43;
  opacity: 0.95;
  border: none;
  box-shadow: 1px 1px 2px 2px #8E9298;
  border-radius: 2px;
  padding: 10px 20px;
}
item-detailed-view .inventory-item-detailed-view .attachments .attachment .confirmDeleteOverlay .deletePopup .deleteButton {
  background: #E16A75;
  color: #FFFFFF;
  border-radius: 2px;
  padding: 13px 20px 14px 20px;
}
item-detailed-view .inventory-item-detailed-view .attachments .newAttachment {
  margin: 14px;
}
item-detailed-view .inventory-item-detailed-view .relatedContent {
  padding: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
item-detailed-view .inventory-item-detailed-view .relatedContent idbs-pick-list {
  display: inline-block;
}
item-detailed-view .inventory-item-detailed-view .relatedContent idbs-pick-list .select-element {
  padding: 1px 6px;
}
item-detailed-view .inventory-item-detailed-view .relatedContent .aliquotsHeader {
  margin-top: 5px;
  margin-bottom: 10px;
}
item-detailed-view .inventory-item-detailed-view .relatedContent .aliquotGrid, item-detailed-view .inventory-item-detailed-view .relatedContent .common-grid {
  height: calc(100% - 75px) !important;
  border: none;
}
item-detailed-view .inventory-item-detailed-view .relatedContent .aliquotGrid.full-height, item-detailed-view .inventory-item-detailed-view .relatedContent .common-grid.full-height {
  height: calc(100% - 12px);
  opacity: 0;
}
item-detailed-view .inventory-item-detailed-view .relatedContent .aliquotGrid .formLocation .fieldButton, item-detailed-view .inventory-item-detailed-view .relatedContent .common-grid .formLocation .fieldButton {
  display: none;
}
item-detailed-view .inventory-item-detailed-view .relatedContent .aliquotGrid .pageCount, item-detailed-view .inventory-item-detailed-view .relatedContent .common-grid .pageCount {
  padding-right: 14px;
}
item-detailed-view .inventory-item-detailed-view .relatedContent .aliquotGrid .labelBox, item-detailed-view .inventory-item-detailed-view .relatedContent .common-grid .labelBox {
  font-weight: normal;
  margin-left: 5px;
  padding: 5px;
}
item-detailed-view .inventory-item-detailed-view .relatedContent .aliquotGrid .rightCell, item-detailed-view .inventory-item-detailed-view .relatedContent .common-grid .rightCell {
  padding-left: 6px;
}
item-detailed-view .inventory-item-detailed-view .relatedContent .changeLinks {
  float: right;
  width: 140px;
}
item-detailed-view .inventory-item-detailed-view .relatedContent .cancelChanges {
  background-color: #FFFFFF;
  border: 1px solid #ECEDEE;
  color: var(--theme-main-600);
  margin-left: 20px;
}
item-detailed-view .inventory-item-detailed-view .relatedContent .location .ui-grid-column-menu-button {
  display: none;
}

.modal.status-switcher .idbs-pick-list-options {
  font-family: "Roboto";
}
.modal.status-switcher .idbs-pick-list-options .active {
  font-weight: 500;
}

.detailTab {
  padding: 20px;
}

div.fieldDivision {
  padding: 10px 10px 10px 20px;
}
div.fieldDivision label.fieldDivisionName:before {
  display: inline-block;
  width: 16px;
  font-size: 16px;
  font-family: FontAwesome;
  content: "\f0da";
}
div.fieldDivision label.fieldDivisionName.show:before {
  display: inline-block;
  width: 16px;
  font-size: 16px;
  font-family: FontAwesome;
  content: "\f0d7";
}

table.details {
  width: 820px;
}
table.details tr {
  height: 40px;
  vertical-align: middle;
}
table.details .fieldName {
  padding-right: 30px;
  width: 240px;
  text-align: right;
}
table.details .fieldValue {
  padding: 10px;
  border-bottom: 1px solid #F5F5F6;
  overflow-wrap: break-word;
  /* For Edge 16 and IE 11 */
  word-break: break-all;
  /* For decent browsers */
  word-break: break-word;
  white-space: pre-line;
}
table.details a.fieldValue {
  color: #166ECD;
  text-decoration: none;
}
table.details a.fieldValue:hover {
  color: #166ECD;
  text-decoration: underline;
}
table.details .fieldValue-textarea {
  overflow-wrap: break-word;
  /* For Edge 16 and IE 11 */
  word-break: break-all;
  /* For decent browsers */
  word-break: break-word;
  white-space: pre-line;
}
table.details .link-to-group {
  color: #166ECD;
}
table.details .link-to-group:hover {
  cursor: pointer;
  text-decoration: underline;
}

.usage-log-container {
  padding: 40px 20px 0 20px;
  height: 100%;
}
.usage-log-container > section {
  height: calc(100% - 24px);
}
.usage-log-container > section section {
  height: 100%;
}
.usage-log-container .usage-log-header {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  justify-content: space-between;
}
.usage-log-container .usage-log-header .usage-log-switcher-blog {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  justify-content: space-between;
}
.usage-log-container .usage-log-header .usage-log-switcher-blog help-icon {
  position: relative;
}
.usage-log-container .usage-log-header .usage-log-switcher-blog help-icon .overlay {
  height: 19px;
  position: absolute;
  width: 19px;
  top: 2px;
  left: 15px;
  cursor: pointer;
}
.usage-log-container .usage-log-header .usage-log-switcher-blog help-icon .help-icon-wrapper {
  margin-left: 15px;
  top: 2px;
}
.usage-log-container .usage-log-header .usage-log-switcher-blog help-icon .usage-log-help-message-container {
  position: absolute;
  right: -10px;
  top: 30px;
  border: 1px solid #B3B6BA;
  background: #FFFFFF;
  line-height: 1.5em;
  padding: 5px;
  width: 400px;
  z-index: 1;
}
.usage-log-container .usage-log-header .usage-log-switcher-blog help-icon .usage-log-help-message-container .usage-log-help-message-header {
  border-bottom: 1px solid #B3B6BA;
}
.usage-log-container .usage-log-header .usage-log-switcher-blog help-icon .usage-log-help-message-container .usage-log-help-message .paragraph {
  margin-bottom: 0;
  margin-top: 5px;
}
.usage-log-container .usage-log-header .usage-log-switcher-blog help-icon .usage-log-help-message-container .help-arrow {
  position: absolute;
  top: -24px;
  right: 18px;
}
.usage-log-container .usage-log-header .usage-log-switcher-blog help-icon .usage-log-help-message-container .help-arrow:after, .usage-log-container .usage-log-header .usage-log-switcher-blog help-icon .usage-log-help-message-container .help-arrow:before {
  border: 0 solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.usage-log-container .usage-log-header .usage-log-switcher-blog help-icon .usage-log-help-message-container .help-arrow:after {
  border: 13px transparent;
  border-bottom-color: white;
  margin-left: -13px;
}
.usage-log-container .usage-log-header .usage-log-switcher-blog help-icon .usage-log-help-message-container .help-arrow:before {
  border: 12px solid transparent;
  border-bottom-color: #B3B6BA;
  margin-left: -12px;
}
.usage-log-container usage-log-table .common-grid {
  height: calc(100% - 5px) !important;
  border: none;
}
.usage-log-container usage-log-table .ui-grid-cell-contents {
  display: block;
}
.usage-log-container usage-log-table .ui-grid-cell-contents div, .usage-log-container usage-log-table .ui-grid-cell-contents a {
  line-height: 20px;
}
.usage-log-container usage-log-table .ui-grid-cell-contents.grouped {
  flex-direction: column;
  align-items: flex-start;
}
.usage-log-container usage-log-table [ui-grid-row] {
  display: table-row;
  height: 50px;
}
.usage-log-container usage-log-table .ui-grid-row, .usage-log-container usage-log-table .ui-grid-cell {
  height: auto !important;
}
.usage-log-container usage-log-table .ui-grid-cell {
  float: none;
  display: table-cell;
  vertical-align: middle;
}
.usage-log-container usage-log-table .ui-grid-header-cell, .usage-log-container usage-log-table .ui-grid-cell-contents {
  white-space: normal;
  word-break: break-word;
}
.usage-log-container usage-log-table .ui-grid-header-cell:hover > div:not(.sortable) i.toggle-icon {
  display: none !important;
}
.usage-log-container usage-log-table .experiment-title {
  vertical-align: top;
}

.link-items-window .title span:first-child {
  padding-left: 0;
}
.link-items-window .modalDialog {
  min-height: 614px;
}
.link-items-window .dialogContent {
  position: relative;
  padding: 0;
}
.link-items-window .dialogContent .items-creator {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: flex-start;
  -webkit-align-items: flex-start;
  padding-left: 15px;
  padding-right: 20px;
}
.link-items-window .dialogContent .items-creator-wrapper {
  position: relative;
}
.link-items-window .dialogContent .items-creator-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.link-items-window .dialogContent .items-creator-loading__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--theme-main-600);
  opacity: 0.5;
}
.link-items-window .dialogContent .items-creator span {
  white-space: nowrap;
}
.link-items-window .dialogContent .items-creator .creator-title {
  font-weight: 600;
  height: 26px;
  min-width: 105px;
  padding-right: 15px;
  margin-top: 13px;
}
.link-items-window .dialogContent .inventory-button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  min-width: 106px;
}
.link-items-window .dialogContent .inventory-button.quick-finder-button {
  position: relative;
  margin-left: 5px;
  background-color: #F5F5F6;
  border: 1px solid var(--theme-main-500);
  z-index: 2000;
  padding: 0 9px;
}
.link-items-window .dialogContent .inventory-button > .quick-finder-container {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.link-items-window .dialogContent .inventory-button > .quick-finder-container .inventory-icon {
  --color: var(--theme-main-800);
  width: 15px;
  height: 15px;
}
.link-items-window .dialogContent .inventory-button > .quick-finder-container .inventory-icon svg.icon {
  width: 15px;
  height: 15px;
}
.link-items-window .dialogContent .inventory-button > .quick-finder-container .text-quick-finder {
  margin-left: 6px;
  color: var(--theme-main-800);
  font-family: "Roboto-Medium", sans-serif;
}
.link-items-window .dialogContent .inventory-button.add-items {
  margin-left: 10px;
}
.link-items-window .dialogContent i.fa-search {
  font-size: 16px;
  position: absolute;
  top: 26px;
  left: 25px;
  z-index: 10;
}
.link-items-window .dialogContent tags-input {
  overflow: hidden;
  width: 100%;
  z-index: 1000;
}
.link-items-window .dialogContent tags-input .host {
  margin: 0;
}
.link-items-window .dialogContent tags-input .tags {
  background: #FFFFFF;
  border: 1px solid #D9DADC;
  box-shadow: inset 0 2px 6px 0 #F5F5F6;
  border-radius: 2px;
  color: #434A54;
  color: #434A54;
  font: 13px/19.5px "Roboto-Regular", sans-serif;
  font-style: normal;
}
.link-items-window .dialogContent tags-input .tags:hover {
  border-color: var(--theme-main-700);
  box-shadow: 0 2px 4px 0 #ECEDEE, inset 0 2px 6px 0 #F5F5F6;
}
.link-items-window .dialogContent tags-input .tags {
  position: relative;
  padding: 4px 5px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  max-height: 100px;
  overflow-y: auto;
  min-height: 40px;
}
.link-items-window .dialogContent tags-input .tags > ul > li.tag-item {
  background: var(--theme-main-700);
  border: 1px solid var(--theme-main-700);
  color: #FFFFFF;
  font: 13px/normal "Roboto-Regular", sans-serif;
  font-style: normal;
  margin-right: 5px;
}
.link-items-window .dialogContent tags-input .tags > ul > li.tag-item.invalid-from-server {
  background: #DA4553;
  border-color: #DA4553;
}
.link-items-window .dialogContent tags-input .tags > ul > li.tag-item.invalid-from-server span:before {
  content: "\f06a";
  font-family: FontAwesome, sans-serif;
  color: #FFFFFF;
  font-size: 14px;
  margin-right: 5px;
}
.link-items-window .dialogContent tags-input .tags > ul > li.tag-item .remove-button {
  color: var(--theme-main-900);
  font: 23px/normal "Roboto-Regular", sans-serif;
  font-style: normal;
}
.link-items-window .dialogContent tags-input .tags > ul > li.tag-item .remove-button:hover {
  color: var(--theme-main-300);
}
.link-items-window .dialogContent tags-input .tags > ul > li.tag-item ng-include {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  height: 100%;
}
.link-items-window .dialogContent tags-input .tags.focused {
  border-color: var(--theme-main-700) !important;
  box-shadow: inset 2px 2px 4px 0 #D9DADC !important;
}
.link-items-window .dialogContent tags-input .tags.focused.invalid {
  border-color: #DA4553 !important;
  box-shadow: 0 0 4px 0 #F7D9DC, inset 2px 2px 4px 0 #E88F97 !important;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.link-items-window .dialogContent tags-input .tags.invalid {
  border-color: #DA4553 !important;
  box-shadow: 0 0 4px 0 #F7D9DC, inset 2px 2px 4px 0 #E88F97 !important;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.link-items-window .dialogContent tags-input .tags .input {
  font: 13px/19.5px "Roboto-Regular", sans-serif;
  padding-top: 2px;
}
.link-items-window .aliquotGrid, .link-items-window .common-grid {
  border: none;
  margin-top: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.link-items-window .aliquotGrid *, .link-items-window .common-grid * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.link-items-window .aliquotGrid .ui-grid-header-canvas, .link-items-window .common-grid .ui-grid-header-canvas {
  display: inline-block;
}
.link-items-window .aliquotGrid div.labelBox, .link-items-window .common-grid div.labelBox {
  margin-left: 5px;
  padding: 5px;
}
.link-items-window .aliquotGrid .link-table-menu, .link-items-window .common-grid .link-table-menu {
  width: auto;
  height: 54px;
}
.link-items-window .aliquotGrid .ui-grid-cell input, .link-items-window .common-grid .ui-grid-cell input {
  height: 50%;
}
.link-items-window .aliquotGrid .ui-grid-cell .invalid, .link-items-window .common-grid .ui-grid-cell .invalid {
  height: 90%;
  margin: 2px 0;
  border-color: #DA4553 !important;
  box-shadow: 0 0 4px 0 #F7D9DC, inset 2px 2px 4px 0 #E88F97 !important;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  border-radius: 2px;
}
.link-items-window .links-explanation {
  border-bottom: 1px solid #D9DADC;
  line-height: 19px;
  margin-bottom: 15px;
  padding: 15px;
}
.link-items-window .tag-tooltip {
  font-size: 12px;
  opacity: 0.7;
  padding-top: 2px;
  padding-left: 120px;
}
.link-items-window .wrapper {
  max-height: 120px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 120px;
  position: absolute;
  transition: all 0.4s;
  z-index: 1;
}

.id-tag {
  background: var(--theme-main-700);
}

.input-search {
  display: flex;
  padding: 5px;
  height: 41px;
  width: 100%;
  box-sizing: border-box;
}
.input-search input {
  flex-grow: 1;
  border: 1px solid #B3B6BA;
  height: 18px;
  border-radius: 2px;
  padding: 5px 5px 5px 25px;
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  background-image: var(--permissions-search);
  background-repeat: no-repeat;
  background-position: 5px center;
  background-color: #FFFFFF;
}
.input-search input:focus {
  outline: var(--theme-main-800) auto 1px;
}

#list-view-wrapper.drawerOpenedRight div.filterPanel {
  right: 0;
}
#list-view-wrapper.drawerOpenedRight #inventory-items-panel {
  right: 250px;
}

#list-view-wrapper.drawerOpenedLeft div.locationFilter {
  left: 0;
}
#list-view-wrapper.drawerOpenedLeft #inventory-items-panel {
  left: 250px;
}

#list-view-wrapper.enableAnimate div.filterPanel {
  transition: all linear 400ms;
}
#list-view-wrapper.enableAnimate #inventory-items-panel {
  transition: all linear 400ms;
}
#list-view-wrapper.enableAnimate div.locationFilter {
  transition: all linear 400ms;
}

div.filterPanel {
  background-color: white;
  top: 0;
  bottom: 0;
  height: 100%;
  right: -250px;
  width: 250px;
  position: absolute;
  border-left: solid 1px rgb(209.0833333333, 211.5, 213.9166666667);
}

div.filterPanelHeader {
  height: 46px;
  line-height: 46px;
  background-color: var(--theme-main-700);
  color: white;
  color: white;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-family: "Roboto-Regular", sans-serif;
}
div.filterPanelHeader span#filter-by:before {
  content: "\e647";
  font-family: "idbs";
  padding-right: 7px;
  padding-left: 7px;
}
div.filterPanelHeader span.closeFilter {
  float: right;
  padding-right: 10px;
  color: black;
}
div.filterPanelHeader span.closeFilter:before {
  font-family: FontAwesome;
  content: "\f00d";
}
div.filterPanelHeader span.closeFilter:hover {
  color: white;
}

div.hiddenFacets {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
div.hiddenFacets div.hiddenFacetsPrimaryLine {
  display: inline-block;
}
div.hiddenFacets div.hiddenFacetsPrimaryLine .hiddenFacetsText {
  position: relative;
}
div.hiddenFacets div.hiddenFacetsPrimaryLine div.hiddenFacetsText, div.hiddenFacets div.hiddenFacetsPrimaryLine .hiddenFacetsHelp, div.hiddenFacets div.hiddenFacetsPrimaryLine .hiddenFacetsToggle {
  display: inline-block;
}
div.hiddenFacets div.hiddenFacetsPrimaryLine div.hiddenFacetsHelp {
  right: -25px;
  top: 2px;
}
div.hiddenFacets div.hiddenFacetsPrimaryLine div.hiddenFacetsFixedElements {
  position: absolute;
  display: inline-block;
  top: 51px;
  left: 150px;
}
div.hiddenFacets div.hiddenFacetsPrimaryLine div.hiddenFacetsToggle {
  padding-left: 4px;
  margin-right: 4px;
  height: 20px;
  position: relative;
  width: 33px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
div.hiddenFacets .filterHelp {
  color: #353B43;
  position: absolute;
  top: 30px;
  left: -210px;
  border: 1px solid #B3B6BA;
  background: #FFFFFF;
  line-height: 1.5em;
  width: 225px;
  padding: 5px;
}
div.hiddenFacets .filterHelpProperty {
  padding-top: 10px;
}
div.hiddenFacets .filterHelpProperty ul {
  margin-top: 5px;
  margin-bottom: 5px;
}
div.hiddenFacets .filterHelpHeader {
  font-weight: bold;
}
div.hiddenFacets .filterHelpContent {
  line-height: 1.2em;
}
div.hiddenFacets .filterHelpArrow {
  position: absolute;
  top: 0;
  left: 0;
}
div.hiddenFacets .filterHelpArrow:after, div.hiddenFacets .filterHelpArrow:before {
  left: 218px;
  top: -24px;
  border: 0 solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
div.hiddenFacets .filterHelpArrow:after {
  border-color: transparent;
  border-bottom-color: white;
  border-width: 13px;
  margin-left: -13px;
}
div.hiddenFacets .filterHelpArrow:before {
  border-color: transparent;
  border-bottom-color: #B3B6BA;
  border-width: 12px;
  margin-left: -12px;
}

div.filter-main {
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  bottom: 0;
  top: 85px;
  width: 230px;
  overflow-y: auto;
  overflow-x: hidden;
}
div.filter-main .sub-filter {
  padding-left: 16px;
  margin-top: 5px;
  cursor: pointer;
}
div.filter-main .filter-section-name {
  padding-bottom: 16px;
  left: 20px;
  display: block;
}
div.filter-main .filter-section-name .facet-name:before {
  display: inline-block;
  min-width: 15px;
  font-family: FontAwesome;
  content: "\f0d7";
}
div.filter-main .filter-section-name .facet-name.hide:before {
  display: inline-block;
  min-width: 15px;
  font-family: FontAwesome;
  content: "\f0da";
}
div.filter-main div.filter-value-text {
  display: inline;
  vertical-align: middle;
}
div.filter-main div.filter-value-text > div {
  display: inline;
}
div.filter-main div.viewAll {
  width: 80px;
  padding-left: 10px;
  padding-bottom: 5px;
}
div.filter-main div.viewAll .viewAllText {
  position: relative;
  top: 3px;
  padding-right: 10px;
}
div.filter-main div.viewAll .viewAllArrow {
  position: relative;
  top: 6px;
}

div.filterPanelExtended {
  background-color: white;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 250px;
  position: absolute;
  border-left: solid 1px rgb(209.0833333333, 211.5, 213.9166666667);
}
div.filterPanelExtended div.backToFilters {
  padding-left: 10px;
  padding-top: 10px;
}
div.filterPanelExtended div.backToFilters .backToFiltersArrow {
  position: relative;
  top: 3px;
  padding-left: 10px;
  transform: rotate(-180deg);
}

div.extendedPanelOpen {
  right: 0;
  transition: all linear 400ms;
}

div.extendedPanelClosed {
  right: -250px;
  transition: all linear 400ms;
}

sidebar-panel > aside {
  position: absolute;
  top: 0;
  right: -650px;
  bottom: 40px;
  left: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
sidebar-panel > aside * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
sidebar-panel > aside {
  width: 650px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border-left: 1px solid #D9DADC;
  transition: display 0.2s ease-out;
}
sidebar-panel > aside.fullscreen {
  width: calc(100% - 198px);
}
sidebar-panel > aside.disabled {
  display: none;
}
sidebar-panel > aside.active {
  right: 0;
  z-index: 1000;
  height: 100%;
  overflow: hidden;
}
sidebar-panel > aside.active.filter {
  width: 650px;
}
sidebar-panel > aside.active.keep-page-header {
  top: 63px;
  height: calc(100% - 63px);
}
sidebar-panel > aside .inner-panel {
  position: absolute;
  top: 40px;
  right: 0;
  width: 650px;
  height: calc(100% - 40px);
  background-color: #FFFFFF;
}
sidebar-panel > aside .inner-panel-header {
  position: absolute;
  top: 40px;
  z-index: 5;
  right: 0;
  width: 650px;
  background-color: var(--theme-main-700);
}
sidebar-panel > aside > header {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
sidebar-panel > aside > header {
  height: 40px;
  background-color: var(--theme-main-800);
  padding: 13px 15px 13px 10px;
  position: relative;
  margin-left: -1px;
}
sidebar-panel > aside > header > .header-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40px;
  border-left: 1px solid #FFFFFF;
  background-color: rgba(0, 0, 0, 0.7);
}
sidebar-panel > aside > header > .title {
  color: #FFFFFF;
  font: 16px/normal "Roboto", sans-serif;
}
sidebar-panel > aside > header > .title {
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
sidebar-panel > aside > header > .idbs-remove {
  color: #FFFFFF;
  font-size: 13.5px;
  margin-left: 20px;
}
sidebar-panel > aside > header > .idbs-chevron_right {
  color: #FFFFFF;
  font-size: 13.5px;
  margin-left: 20px;
}
sidebar-panel > aside > header > .notification {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  color: white;
  font-size: 13px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: normal;
}
sidebar-panel > aside > header > .notification {
  background-color: #6F9C3B;
  position: absolute;
  top: 0;
  right: 43px;
  line-height: 19.5px;
  padding: 5px 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
sidebar-panel > aside > header > .notification > .idbs-remove {
  margin-left: 50px;
  color: #53752C;
}
sidebar-panel > aside > .content {
  height: calc(100% - 40px);
  margin-left: -1px;
}
sidebar-panel > aside > .content iframe {
  border: none;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
sidebar-panel > aside.editor {
  background-color: white;
}
sidebar-panel > aside.editor .content {
  overflow: hidden;
  position: relative;
  height: calc(100% - 40px);
}
sidebar-panel .sidebar-backdrop {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.2s ease-out;
}
sidebar-panel .sidebar-backdrop.ng-hide {
  background-color: transparent;
}
@media screen and (max-width: 1024px) {
  sidebar-panel > aside.fullscreen {
    width: calc(100% - 40px);
  }
}

div.locationControl {
  float: left;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  padding-left: 22px;
  background: url("/images/icon-pin-154424fbbc.svg") no-repeat;
  background-size: 16px 24px;
  background-position: 5px 8px;
}
div.locationControl span#selectedLocation {
  vertical-align: middle;
  padding-left: 2px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}
div.locationControl span#selectedLocation:before {
  display: inline-block;
  height: 40px;
  content: "\f0da";
  font-family: FontAwesome;
  padding-right: 5px;
}

div.locationControl:hover {
  background-image: url("/images/icon-pin-blue-1b4795d55c.png");
  color: #166ECD;
}

#locationFilterButton {
  display: table-cell;
  cursor: pointer;
}

#locationFilterButton.close:after {
  content: "\f054";
  font-family: FontAwesome;
}

#locationFilterButton.open:after {
  content: "\f053";
  font-family: FontAwesome;
}

div.locationFilter {
  overflow: auto;
  border-right: solid 1px rgb(209.0833333333, 211.5, 213.9166666667);
  background-color: white;
  top: 0;
  bottom: 0;
  height: 100%;
  left: -250px;
  width: 249px;
  position: absolute;
}
div.locationFilter div.locationFilterHeader {
  padding-left: 30px;
  background-color: var(--theme-main-700);
  display: inline-block;
  min-height: 46px;
  height: 46px;
  line-height: 46px;
  display: block;
  color: white;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-family: "Roboto-Regular", sans-serif;
  background-image: url("/images/icon-pin-154424fbbc.svg");
  background-repeat: no-repeat;
  background-size: 16px 24px;
  background-position: 5px 11px;
}
div.locationFilter div.locationFilterHeader span.closeButton {
  float: right;
  color: black;
  cursor: pointer;
  padding-right: 10px;
}
div.locationFilter div.locationFilterHeader span.closeButton:before {
  font-family: FontAwesome;
  content: "\f00d";
}
div.locationFilter div.locationFilterHeader span.closeButton:hover {
  color: white;
}

.unauthorized {
  margin: 0 40px;
}
.unauthorized img.banner {
  height: 100px;
  vertical-align: middle;
}

div.settingsContent * {
  box-sizing: border-box;
}

div.settingsContent > .header {
  height: 110px;
  padding-top: 10px;
}
div.settingsContent > .header .title {
  display: inline-block;
  min-height: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: calc(0px / 2) calc(0px / 2);
  background-size: 48px 48px;
  padding-left: calc(48px + 2 * (48px - 48px) / 2);
  background-image: url("/images/icon-settings-black-0b4e29756e.svg");
  padding-left: 80px;
  background-position: 20px 0;
  line-height: 48px;
  color: #353B43;
  font-size: 24px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: 48px;
}
div.settingsContent .actionsView {
  position: absolute;
  top: 110px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  border-top: solid 4px var(--theme-main-700);
}
div.settingsContent help-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
div.settingsContent help-icon .help-icon-wrapper .tooltip {
  position: absolute;
  right: 30px;
  top: -10px;
  padding: 10px;
  width: 310px;
  text-align: left;
  background: #FFFFFF;
  border: 1px solid #D9DADC;
  border-radius: 4px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}
div.settingsContent help-icon .help-icon-wrapper .tooltip .tooltip-title {
  color: #05319E;
  font: 16px/19px "Roboto", sans-serif;
  font-weight: bold;
  margin: 0 0 10px;
}
div.settingsContent help-icon .help-icon-wrapper .tooltip .tooltip-content {
  color: #353B43;
  font: 13px/15px "Roboto", sans-serif;
}
div.settingsContent help-icon .help-icon-wrapper .tooltip .tooltip-content p:last-child {
  margin-bottom: 0;
}
div.settingsContent help-icon .help-icon-wrapper .tooltip .tooltip-arrow {
  position: absolute;
  top: 10px;
  right: -12px;
}
div.settingsContent help-icon .help-icon-wrapper .tooltip .tooltip-arrow:before, div.settingsContent help-icon .help-icon-wrapper .tooltip .tooltip-arrow:after {
  border: 0 solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
div.settingsContent help-icon .help-icon-wrapper .tooltip .tooltip-arrow:before {
  border: 8px solid transparent;
  border-left-color: #B3B6BA;
  margin-left: -11px;
}
div.settingsContent help-icon .help-icon-wrapper .tooltip .tooltip-arrow:after {
  border: 8px solid transparent;
  border-left-color: white;
  margin-left: -12px;
}

.systemInfoGroup {
  padding: 10px;
}
.systemInfoGroup .status {
  padding: 5px;
}
.systemInfoGroup .statusError {
  background-color: #E88F97;
}
.systemInfoGroup .statusWarning {
  background-color: #FFDA8F;
}
.systemInfoGroup .statusGood {
  background-color: #B9DB92;
}

.systemInfo :first-child {
  width: 30%;
}

.settingsPageOverlay {
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  user-select: none;
  z-index: 1001;
  transition: display 0.5s ease-out;
}
.settingsPageOverlay .loading-dots {
  color: #353B43;
  font-size: 75px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  line-height: 0;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.settingsPageOverlay .loading-dots > span:nth-child(2) {
  animation-delay: 0.2s;
  -webkit-animation-delay: 2s;
}
.settingsPageOverlay .loading-dots > span:nth-child(3) {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}
.settingsPageOverlay .loading-dots > span {
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  -webkit-animation-duration: 1.4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
}

.labelledInput {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  max-width: 100%;
}
.labelledInput > label {
  display: block;
  margin-bottom: 5px;
}
.labelledInput > textarea, .labelledInput input, .labelledInput select {
  height: 36px;
  margin-bottom: 5px;
  padding-left: 5px;
  border-radius: 3px;
  border: 1px solid #B3B6BA;
  max-width: 100%;
}
.labelledInput > div {
  margin-right: 42px;
}
.labelledInput img {
  vertical-align: top;
  margin: 7px;
  cursor: pointer;
}
.labelledInput textarea {
  width: 400px;
}
.labelledInput textarea:focus {
  height: 80px;
}
.labelledInput > input.ng-invalid.ng-dirty {
  background-color: #F0B4BA;
}
.labelledInput a {
  height: 35px;
  line-height: 35px;
}
.labelledInput > button.submit {
  border: none;
  outline: none;
  height: 24px;
  width: 24px;
  margin-left: 10px;
  border-radius: 3px;
}

.printerEdit {
  margin: 10px;
}
.printerEdit .printer-test {
  float: right;
  margin-left: 20px;
}

.existingPrinterInfo {
  margin-top: 40px;
}
.existingPrinterInfo .cell {
  padding: 10px;
  border: none;
}
.existingPrinterInfo .printerName {
  width: 190px;
}
.existingPrinterInfo .printerAddress {
  width: 300px;
}
.existingPrinterInfo .printerTest {
  width: 160px;
}
.existingPrinterInfo .active {
  height: 100px;
}

.switcher {
  margin: 6px 15px;
}
.switcher > div {
  float: left;
  margin-right: 10px;
}
.switcher input.toggle-round:checked + label::before {
  background-color: #166ECD;
}
.switcher input.toggle-round + label::before {
  background-color: #8E9298;
  color: #FFFFFF;
}
.switcher input.toggle-round + label:before {
  content: "OFF";
}
.switcher input.toggle-round:checked + label:before {
  content: "ON";
}

.listSettings {
  top: 10px;
  position: relative;
  left: 10px;
  width: 850px;
}
.listSettings .listTableContainer {
  display: inline-block;
}
.listSettings .listTable {
  display: table;
  padding-top: 10px;
  width: 850px;
}
.listSettings .listRow {
  display: table-row;
}
.listSettings .listsButton {
  margin-left: 10px;
  float: right;
  border: none;
  outline: none;
}
.listSettings .listsButton:disabled {
  background-color: #ECEDEE;
  color: rgb(155.25, 160.5, 165.75);
}
.listSettings .listsButton:not([disabled]) {
  cursor: pointer;
}
.listSettings .listsHeader {
  background: linear-gradient(#FFFFFF, #ECEDEE);
  display: table-cell;
  padding-top: 5px;
  padding-left: 11px;
  padding-bottom: 5px;
  border-top: 1px solid #D9DADC;
  border-bottom: 1px solid #D9DADC;
  border-left: 1px solid #D9DADC;
  height: 48px;
  vertical-align: middle;
  width: 33%;
}
.listSettings .rightEdge {
  border-right: 1px solid #D9DADC;
}
.listSettings .cellContainer {
  height: 490px;
  overflow: auto;
}
.listSettings .tableColumn, .listSettings .optionsForList, .listSettings .listsForCategory, .listSettings .categories {
  display: table-cell;
  width: 33%;
  border-left: 1px solid #D9DADC;
  border-bottom: 1px solid #D9DADC;
  vertical-align: top;
  overflow: auto;
}
.listSettings .categories {
  background: #F5F5F6;
}
.listSettings .categories .category {
  padding-top: 10px;
}
.listSettings .categories .category > div {
  padding-left: 11px;
}
.listSettings .categories .category .categoryName {
  display: inline-block;
}
.listSettings .categories .category .categoryName:before {
  display: inline-block;
  content: "\e610";
  font-family: "idbs";
  width: 15px;
}
.listSettings .categories .category .subCategory {
  padding-top: 10px;
  margin-left: 30px;
  position: relative;
}
.listSettings .categories .addSubCategory {
  margin-left: 10px;
  color: #8E9298;
  text-decoration: underline;
  display: inline-block;
}
.listSettings .categories .newSubCategory {
  margin-left: 20px;
  margin-top: 5px;
}
.listSettings .categories .showSubCategories .categoryName:before {
  content: "\e60e";
}
.listSettings .listsForCategory {
  background: #ECEDEE;
}
.listSettings .listsForCategory .list {
  padding-top: 10px;
  padding-left: 11px;
}
.listSettings .optionsForList {
  background: #FFFFFF;
}
.listSettings .optionsForList .option {
  padding-top: 10px;
  padding-left: 11px;
}
.listSettings .optionsForList .option .listEdit {
  display: None;
  padding-right: 5px;
}
.listSettings .optionsForList .option:hover .listEdit {
  display: Block;
}
.listSettings .newListItem {
  top: 2px;
  position: relative;
}
.listSettings .listInput {
  width: 70%;
  height: 36px;
  border-radius: 2px;
  border-left: 1px solid #686E76;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Roboto-Regular;
  font-size: 13px;
  color: #353B43;
}
.listSettings .validationMessage {
  margin-top: 5px;
  color: #E16A75;
}

.searchConfig .elasticOnline, .searchConfig .elasticOffline {
  margin-top: 10px;
  margin-left: 10px;
  width: 900px;
  min-width: 900px;
  padding-bottom: 2px;
  border-bottom: 5px solid var(--theme-main-700);
}
.searchConfig .elasticOnline > span, .searchConfig .elasticOffline > span {
  float: left;
  padding: 10px;
}
.searchConfig .elasticOnline:after, .searchConfig .elasticOffline:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.searchConfig .elasticOffline {
  padding-top: 10px;
  padding-bottom: 20px;
}
.searchConfig .indexesToRebuild {
  margin-top: 10px;
  margin-left: 20px;
}
.searchConfig button[type=submit] {
  border: none;
  padding: 10px;
  background-color: var(--theme-main-700);
  width: 140px;
  float: right;
}
.searchConfig button[type=submit]:disabled {
  cursor: default;
  background-color: rgb(209.0833333333, 211.5, 213.9166666667);
}
.searchConfig .cancelBuildButton {
  position: relative;
  top: -30px;
}
.searchConfig .runningBuilds .noRunningBuilds {
  margin-top: 10px;
  margin-bottom: 10px;
}
.searchConfig .runningBuilds .runningBuilds {
  margin-top: 10px;
  margin-bottom: 10px;
}
.searchConfig .runningBuilds .runningBuild {
  margin-top: 5px;
}
.searchConfig .runningBuilds .progressContainer {
  margin-top: 5px;
  margin-bottom: 10px;
}
.searchConfig .runningBuilds .progressContainer .progress {
  height: 20px;
  color: var(--theme-main-600);
  box-shadow: 0 0 10px 0;
  background-color: var(--theme-main-600);
  width: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
.searchConfig div.rebuildHistory {
  margin-top: 10px;
  margin-left: 10px;
}
.searchConfig div.rebuildHistory .historyTable {
  margin-top: 5px;
  width: 850px;
}
.searchConfig div.rebuildHistory .historyTable .cell:nth-child(1), .searchConfig div.rebuildHistory .historyTable .head:nth-child(1) {
  width: 160px;
}
.searchConfig div.rebuildHistory .historyTable .cell:nth-child(2), .searchConfig div.rebuildHistory .historyTable .head:nth-child(2) {
  width: 120px;
}
.searchConfig div.rebuildHistory .historyTable .showLinks {
  float: right;
  color: #166ECD;
}

.locationEdit {
  width: 850px;
  max-width: 850px;
  margin: 10px;
}
.locationEdit .dualButtons {
  margin-bottom: 10px;
}
.locationEdit .locationSettingsError {
  display: none;
}
.locationEdit .locationSettingsError.show {
  display: block;
}
.locationEdit .editForm {
  clear: both;
}
.locationEdit .pathComponentView {
  padding: 10px;
  background-color: #F5F5F6;
}
.locationEdit .labelledInput > select {
  min-width: 170px;
}

.locationEdit .saveLocation {
  margin-top: 10px;
  float: right;
  border: none;
  outline: none;
}
.locationEdit .saveLocation:disabled {
  background-color: #ECEDEE;
  color: rgb(155.25, 160.5, 165.75);
}
.locationEdit .saveLocation:not([disabled]) {
  cursor: pointer;
}

.locationEdit .locationTab {
  outline: none;
  border: none;
  background-color: transparent;
  display: inline-block;
  padding: 0 20px 0 20px;
  margin-right: 5px;
  height: 50px;
  text-transform: uppercase;
  text-align: center;
}
.locationEdit .locationTab.selectedTab {
  background-color: #F5F5F6;
}
.locationEdit .locationTab:disabled {
  color: #ECEDEE;
}
.locationEdit .locationTab:not([disabled]) {
  cursor: pointer;
}

.locationEdit .nodeList {
  margin-top: 10px;
  margin-bottom: 20px;
}
.locationEdit .nodeList > button {
  display: inline-block;
  border: none;
  outline: none;
  padding-left: 0;
  background-color: transparent;
  margin-bottom: 5px;
}
.locationEdit .nodeList > button:before {
  display: inline-block;
  content: "\f0d7";
  font-family: "FontAwesome";
  width: 15px;
}
.locationEdit .nodeList .node {
  display: inline-block;
  margin: 5px 10px 5px 0;
  background: var(--theme-main-700);
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.locationEdit .nodeList .node span {
  background: var(--theme-main-700);
  color: #FFFFFF;
  padding: 3px 0 3px 5px;
  display: inline-block;
  border-top: 1px solid var(--theme-main-700);
  border-bottom: 1px solid var(--theme-main-700);
}
.locationEdit .nodeList .node span:first-child {
  outline: none;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.locationEdit .nodeList .node span:first-child:active,
.locationEdit .nodeList .node span:first-child:focus {
  color: #353B43;
  background: #F5F5F6;
  padding-right: 5px;
  border-left: 1px solid var(--theme-main-700);
}
.locationEdit .nodeList .node span:first-child.ng-invalid {
  background-color: #F0B4BA;
}
.locationEdit .nodeList .node span:first-child.ng-invalid:after {
  padding-left: 10px;
  font-family: "idbs";
  content: "\e60b";
  font-size: 10px;
}
.locationEdit .nodeList .node span:nth-child(2) {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.locationEdit .nodeList .node span:nth-child(2):after {
  font-family: "idbs";
  content: "\e666";
  font-size: 10px;
  padding-right: 5px;
}
.locationEdit .nodeList .node span:nth-child(2):hover {
  cursor: pointer;
  color: #353B43;
}
.locationEdit .nodeList .building > label {
  display: inline-block;
  margin-bottom: 2px;
}
.locationEdit .nodeList.collapse > button:before {
  content: "\f0da";
}
.locationEdit .nodeList.collapse .nodes {
  display: none;
}
.locationEdit .nodeList.collapse .building {
  display: none;
}

#help-page {
  width: 638px;
  height: 351px;
  background-color: #F5F5F6;
}

.logo {
  height: 84px;
  width: 84px;
  padding-left: 10px;
  padding-top: 10px;
  display: inline-block;
}
.logo .inv-icon {
  --color: var(--theme-main-600);
  --color400: var(--theme-main-400);
}

.closeCross {
  width: 40px;
  height: 40px;
  display: inline-block;
  float: right;
  background: url("/images/icon-close_off-a7d24b7c34.png") no-repeat center center;
  background-size: 13px 13px;
  cursor: pointer;
}

.helpContent {
  color: #434A54;
  font-size: 23px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: normal;
  text-align: center;
  position: relative;
  padding-top: 5px;
}
.helpContent .helpContentLink {
  color: var(--theme-main-700);
  text-decoration: underline;
  cursor: pointer;
}

.helpInfo {
  text-align: center;
  padding-top: 10px;
}

.helpLink {
  color: #353B43;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  font-family: "Roboto-Regular", sans-serif;
  text-decoration: underline;
  cursor: pointer;
}

.mainWords {
  color: #353B43;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-family: "Roboto-Regular", sans-serif;
}

.additionalInfo {
  color: #8E9298;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  font-family: "Roboto-Regular", sans-serif;
  padding-top: 50px;
  display: inline-table;
  height: 40px;
  width: 100%;
}

.versionInfo {
  height: 40px;
  display: table-cell;
  vertical-align: bottom;
  width: 50%;
  padding-left: 10px;
  padding-bottom: 5px;
}

.copyrightInfo {
  height: 40px;
  display: table-cell;
  vertical-align: bottom;
  text-align: right;
  width: 50%;
  padding-right: 10px;
  padding-bottom: 5px;
}

.bottomLinks {
  color: #F5F5F6;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  font-family: "Roboto-Regular", sans-serif;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 45px;
  background-color: var(--theme-main-700);
  display: inline-table;
  width: 100%;
}
.bottomLinks a:focus {
  outline: 0;
}
.bottomLinks .support {
  width: 30%;
  padding-left: 10px;
  height: 45px;
  display: table-cell;
  vertical-align: middle;
}
.bottomLinks .acknowledgements {
  width: 60%;
  height: 45px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.bottomLinks .dummy {
  width: 20%;
  height: 45px;
  display: table-cell;
}
.bottomLinks .container {
  background: url("/images/idbs-logo-dc59ac609f.svg") no-repeat;
  display: table-cell;
  width: 50%;
  background-size: 40px 24px;
  height: 24px;
  padding-left: 40px;
  vertical-align: middle;
  background-position: left center;
  cursor: pointer;
}
.bottomLinks .container span {
  height: 24px;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  cursor: pointer;
  padding-right: 10px;
  padding-left: 8px;
}
.bottomLinks .clickableLinks {
  color: #F5F5F6;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  font-family: "Roboto-Regular", sans-serif;
  cursor: pointer;
  text-decoration: none;
}

.noStoreItems {
  margin-top: 50px;
  margin-left: 50px;
}

.storeItems {
  display: table;
  border-collapse: collapse;
  overflow: auto;
}
.storeItems .storeItemsMetadata {
  display: table-header-group;
}
.storeItems .storeItemsMetadata > div {
  background: #353B43;
  display: table-row;
  height: 25px;
  line-height: 25px;
  text-transform: uppercase;
}
.storeItems .storeItemsContent {
  display: table-row-group;
}
.storeItems .storeItemContent {
  display: table-row;
}
.storeItems .storeItemContent:nth-child(odd) {
  background-color: #F5F5F6;
  border-bottom: 1px solid #ECEDEE;
  border-top: 1px solid #ECEDEE;
}
.storeItems .storeItemContent:nth-child(odd):hover, .storeItems .storeItemContent:hover {
  background-color: var(--theme-main-100);
  border-bottom: 1px solid white;
  border-top: 1px solid white;
}
.storeItems .uniqueId {
  display: table-cell;
  padding-left: 10px;
  height: 25px;
  line-height: 25px;
}
.storeItems .name {
  display: table-cell;
  padding-left: 10px;
  height: 25px;
  line-height: 25px;
}
.storeItems .type {
  display: table-cell;
  padding-left: 10px;
  height: 25px;
  line-height: 25px;
}
.storeItems .status {
  display: table-cell;
  padding-left: 10px;
  height: 25px;
  line-height: 25px;
}
.storeItems .name {
  width: 400px;
}
.storeItems .type {
  width: 150px;
}
.storeItems .uniqueId.disposed, .storeItems .type.disposed {
  color: #E88F97;
}
.storeItems .uniqueId {
  width: 150px;
}
.storeItems .status {
  width: 200px;
  padding: 5px;
}
.storeItems .status > span {
  display: inline-block;
  width: 180px;
  padding-left: 15px;
  border-radius: 15px;
}
.storeItems .position {
  padding: 5px;
}

div.errorPage div.errorContainer {
  margin: 100px auto 0 auto;
  display: table;
}
div.errorPage div.errorContainer div.roryContainer {
  display: table-cell;
  vertical-align: top;
}
div.errorPage div.errorContainer div.roryContainer img {
  width: 200px;
}
div.errorPage div.errorContainer div.roryContainer .errorCode {
  font-family: Roboto-Medium;
  font-size: 120px;
  line-height: 140px;
  color: var(--theme-main-700);
}
div.errorPage div.errorContainer .errorMessageContainer {
  display: table-cell;
  padding: 50px;
  vertical-align: middle;
  text-align: center;
}
div.errorPage div.errorContainer .errorMessageContainer .errorCode {
  font-family: Roboto-Medium;
  font-size: 120px;
  line-height: 140px;
  color: var(--theme-main-700);
}
div.errorPage div.errorContainer .errorMessageContainer .error Message {
  font-size: 24px;
  line-height: 28px;
}

inventory-header .inventory-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 65px;
  padding: 0 10px;
  border-bottom: 3px solid var(--theme-main-800);
  background-color: var(--color-neutral-white);
  justify-content: space-between;
  -webkit-justify-content: space-between;
  box-sizing: border-box;
  position: fixed;
  padding: 15px 24px 15px 20px;
  top: 0;
  right: 0;
  transition: top 0.5s;
}
inventory-header .inventory-header {
  left: 198px;
}
@media screen and (max-width: 1024px) {
  inventory-header .inventory-header {
    left: 40px;
  }
}
inventory-header .inventory-header.no-border {
  border-bottom: none;
}
inventory-header .inventory-header.maintenanceBanner {
  top: 60px;
}
inventory-header .inventory-header.settingsHeader {
  z-index: -1;
}
inventory-header .inventory-header .inventory-header-navigation {
  height: 100%;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
  margin-right: 20px;
}
inventory-header .inventory-header .inventory-header-navigation a {
  color: #8E9298;
  font: 11px/13px "Roboto", sans-serif;
  font-weight: 500;
  border: 1px solid #B3B6BA;
  border-radius: 2px;
  box-shadow: inset 0 1px 5px 0 rgba(227, 227, 227, 0.5);
  box-sizing: border-box;
  text-decoration: none;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  padding: 0 15px;
  height: 100%;
}
inventory-header .inventory-header .inventory-header-navigation a:hover {
  cursor: pointer;
}
inventory-header .inventory-header .inventory-header-navigation a > i {
  font-size: 16px;
  margin-right: 10px;
}
inventory-header .inventory-header .inventory-header-navigation > .creating-title {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
}
inventory-header .inventory-header .inventory-header-navigation .room-header {
  padding-top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
inventory-header .inventory-header .inventory-header-navigation .room-header .location-icon {
  height: 48px;
  width: 48px;
  padding-right: 5px;
  --icon-color: var(--theme-main-700);
  --circle-color: var(--theme-main-200);
}
inventory-header .inventory-header .inventory-header-navigation .room-header .location-name {
  color: black;
  font-size: 23px;
  font-weight: 400;
  font-style: normal;
  font-family: "Roboto-Regular", sans-serif;
}
inventory-header .inventory-header .inventory-header-navigation .print-button {
  position: absolute;
  right: 10px;
  top: 13px;
}
inventory-header .inventory-header .inventory-header-actions {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  width: 360px;
}
inventory-header .inventory-header .inventory-header-actions.flex-right {
  justify-content: flex-end;
}
inventory-header .inventory-header .inventory-header-actions, inventory-header .inventory-header .inventory-header-actions * {
  height: 100%;
}
inventory-header .inventory-header .inventory-header-actions .menu-icon {
  margin-right: 15px;
  box-sizing: border-box;
  padding: 10px 15px;
  border: 1px solid #B3B6BA;
  border-radius: 2px;
  background-color: #FFFFFF;
  box-shadow: inset 0 1px 5px 0 rgba(228, 228, 228, 0.5);
  color: #8E9298;
  font: 11px/13px "Roboto", sans-serif;
  font-weight: 500;
}
inventory-header .inventory-header .inventory-header-actions .menu-icon.show {
  border-color: transparent;
}
inventory-header .inventory-header .inventory-header-actions .menu-icon.show:hover {
  border-color: transparent;
}
inventory-header .inventory-header .inventory-header-actions .menu-icon:after {
  font-family: idbs;
  content: "\e60e";
  font-size: 12px;
  color: inherit;
  margin-left: 6px;
  padding-top: 2px;
}
inventory-header .inventory-header .inventory-header-actions .menu-icon:hover {
  box-shadow: inset 0 1px 5px 0 rgba(228, 228, 228, 0.5);
  border: 1px solid #B3B6BA;
}
inventory-header .inventory-header .inventory-header-actions > free-text-search {
  flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1; /* OLD - Firefox 19- */
  -webkit-flex: 1; /* Chrome */
  -ms-flex: 1; /* IE 10 */
}
inventory-header .inventory-header .inventory-header-actions > maintenance-mode-switcher {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1; /* OLD - Firefox 19- */
  -webkit-flex: 1; /* Chrome */
  -ms-flex: 1; /* IE 10 */
}
inventory-header .inventory-header .inventory-header-actions > maintenance-mode-switcher > idbs-switch {
  height: auto;
}
inventory-header .inventory-header .inventory-header-actions > maintenance-mode-switcher label {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
}
inventory-header .inventory-header .inventory-header-actions > .close {
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1; /* OLD - Firefox 19- */
  -webkit-flex: 1; /* Chrome */
  -ms-flex: 1; /* IE 10 */
}
inventory-header .inventory-header .inventory-header-actions > .close > i {
  height: auto;
}
inventory-header .inventory-header .inventory-header-actions > .close:hover {
  cursor: pointer;
}

domain-switcher idbs-pick-list .select-link-type > span {
  font-family: Roboto;
  font-size: 24px;
  margin-right: 0;
}
domain-switcher idbs-pick-list .select-link-type > div.select-element {
  border: none;
  box-shadow: none;
  color: #434A54;
  font: 24px/normal "Roboto", sans-serif;
  font-style: italic;
  width: auto;
  margin-left: 6px;
  border-bottom: 1px dashed var(--theme-main-400);
  padding-top: 1px;
}
domain-switcher idbs-pick-list .select-link-type > div.select-element:hover, domain-switcher idbs-pick-list .select-link-type > div.select-element.open {
  border: none;
  border-bottom: 1px dashed var(--theme-main-400);
  box-shadow: none;
}
domain-switcher idbs-pick-list .select-link-type > div.select-element span {
  padding-top: 3px;
  margin-left: 10px;
}

.domain-switcher-options .idbs-pick-list-options {
  border: none;
}
.domain-switcher-options .idbs-pick-list-options > div {
  border-top: 1px solid #D9DADC;
  text-transform: capitalize;
  color: #434A54;
  font-family: Roboto;
  font-size: 13px;
}
.domain-switcher-options .idbs-pick-list-options > div:first-child {
  border-top: none;
}
.domain-switcher-options .idbs-pick-list-options > div.active {
  font-weight: 500;
}

status-switcher {
  width: 100%;
}
status-switcher.select-link-type {
  margin: 0;
}
status-switcher div {
  width: 100%;
}
status-switcher div .select-element {
  height: 30px !important;
  width: 100% !important;
  padding: 0 15px 0 0;
  color: #434A54;
  font: 13px/0 "Roboto", sans-serif;
}
status-switcher div .select-element.nohover:hover {
  border-color: #B3B6BA;
  box-shadow: inset 0px -2px 6px 0px #F5F5F6;
  cursor: default;
}
status-switcher div .select-element > .select-element-label {
  height: 20px;
  line-height: 19px;
  margin: 5px 25px 5px 5px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
status-switcher div .select-element > .select-element-label.available {
  background-color: #D3F2EE;
  border: 1px solid #25C0AB;
}
status-switcher div .select-element > .select-element-label.disposed, status-switcher div .select-element > .select-element-label.decommissioned {
  background-color: #D9DADC;
  border: 1px solid #434A54;
}
status-switcher div .select-element > .select-element-label.greater-than-50 {
  background-color: #E7F3DA;
  border: 1px solid #8BC34A;
}
status-switcher div .select-element > .select-element-label.less-than-50 {
  background-color: #FFF2D9;
  border: 1px solid #FFC245;
}
status-switcher div .select-element > .select-element-label.in-use {
  background-color: #DDEBF9;
  border: 1px solid #166ECD;
}
status-switcher div .select-element > .select-element-label.do-not-use {
  background-color: #F7D9DC;
  border: 1px solid #DA4553;
}
status-switcher div .select-element > .select-element-label.unavailable {
  background-color: #FFFFFF;
  border: 1px solid #8E9298;
}
status-switcher div .select-element .fa-caret-down:before, status-switcher div .select-element .fa-caret-up:before {
  font-family: idbs;
  content: "\e60e";
  font-size: 12px;
  color: #8E9298;
}
status-switcher div .select-element .fa-caret-up:before {
  content: "\e611";
}

location-field[inline] > .form {
  border: 1px solid #B3B6BA;
  border-radius: 2px;
  box-shadow: inset 0 2px 6px 0 rgba(245, 245, 246, 0.5);
  flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1; /* OLD - Firefox 19- */
  -webkit-flex: 1; /* Chrome */
  -ms-flex: 1; /* IE 10 */
  height: 100%;
  padding: 5px 11px 5px 10px;
  width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  cursor: pointer;
}
location-field[inline] > .form > div {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 5px;
}
location-field[inline] > .form > i {
  font-size: 16px;
  color: #8E9298;
}

free-text-search form {
  display: flex;
  align-items: center;
}
free-text-search form idbs-text {
  flex: 1;
}
free-text-search form idbs-text .text-box input[type=text] {
  box-sizing: border-box;
  padding-top: 0;
  padding-bottom: 0;
}
free-text-search form idbs-text .text-box input[type=text][placeholder] {
  color: #8E9298;
}
free-text-search form idbs-text .text-box input[type=text]::-webkit-input-placeholder {
  color: #8E9298;
}
free-text-search form idbs-text .text-box input[type=text]::-moz-placeholder {
  color: #8E9298;
}
free-text-search form idbs-text .text-box input[type=text] {
  /* Firefox 19+ */
}
free-text-search form idbs-text .text-box input[type=text]:-moz-placeholder {
  color: #8E9298;
}
free-text-search form idbs-text .text-box input[type=text] {
  /* Firefox 18- */
}
free-text-search form idbs-text .text-box input[type=text]:-ms-input-placeholder {
  color: #8E9298;
}
free-text-search form idbs-text .text-box input[type=text] {
  border-radius: 2px 0 0 2px;
  padding-right: 1px;
}
free-text-search form inventory-button .inventory-btn-secondary {
  border-radius: 0 2px 2px 0;
  line-height: 1.7;
}

room-page > .room-page > idbs-tabs > .actionToolbar {
  top: 0;
}
room-page > .room-page > div[ui-view] {
  position: absolute;
  top: 10px;
  right: 0;
  bottom: 0;
  left: 0;
  border-top: solid 4px var(--theme-main-600);
}
room-page > .room-page > div[ui-view].details {
  top: 0;
}

room-list > .room-list, .actionsView > .room-list {
  flex-direction: column;
  -webkit-flex-direction: column;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
room-list > .room-list *, .actionsView > .room-list * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
room-list > .room-list > .domain-switcher, .actionsView > .room-list > .domain-switcher {
  color: var(--theme-main-700);
  font: 13px/19.5px "Roboto", sans-serif;
  width: 100%;
  padding: 5px 0;
  border-bottom: 1px solid var(--theme-main-300);
  background-color: var(--theme-main-200);
}
room-list > .room-list > .domain-switcher > .primary-domains, room-list > .room-list > .domain-switcher > .expired-items, room-list > .room-list > .domain-switcher > .location-domains, .actionsView > .room-list > .domain-switcher > .primary-domains, .actionsView > .room-list > .domain-switcher > .expired-items, .actionsView > .room-list > .domain-switcher > .location-domains {
  display: inline-block;
  margin: 1px 5px;
}
room-list > .room-list > .domain-switcher .domain-toggle, .actionsView > .room-list > .domain-switcher .domain-toggle {
  background-color: rgba(37, 20, 42, 0.03);
  display: inline-block;
  padding: 5px 20px;
  cursor: pointer;
  margin: 0;
  box-sizing: border-box;
  height: 30px;
  font-size: 13px;
  line-height: 19.5px;
  border: 1px solid var(--theme-main-400);
  border-left-width: 0;
  user-select: none;
  -webkit-box-shadow: inset 0 1px 4px 0 rgba(255, 255, 255, 0.1), 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 4px 0 rgba(255, 255, 255, 0.1), 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
room-list > .room-list > .domain-switcher .domain-toggle.expired, .actionsView > .room-list > .domain-switcher .domain-toggle.expired {
  border: 1px solid #DA4553;
  color: #DA4553;
}
room-list > .room-list > .domain-switcher .domain-toggle.expired.active, .actionsView > .room-list > .domain-switcher .domain-toggle.expired.active {
  background-color: #E16A75;
  border-color: #DA4553 !important;
}
room-list > .room-list > .domain-switcher .domain-toggle.expired.active:last-of-type, .actionsView > .room-list > .domain-switcher .domain-toggle.expired.active:last-of-type {
  border-right: 1px solid var(--theme-main-400);
}
room-list > .room-list > .domain-switcher .domain-toggle.expired:last-of-type, .actionsView > .room-list > .domain-switcher .domain-toggle.expired:last-of-type {
  border-right: 1px solid #DA4553;
}
room-list > .room-list > .domain-switcher .domain-toggle.expired:not(.active):hover, .actionsView > .room-list > .domain-switcher .domain-toggle.expired:not(.active):hover {
  background-color: #F7D9DC;
}
room-list > .room-list > .domain-switcher .domain-toggle.expired:active, .actionsView > .room-list > .domain-switcher .domain-toggle.expired:active {
  background-color: #F0B4BA;
  -webkit-box-shadow: none;
  box-shadow: none;
}
room-list > .room-list > .domain-switcher .domain-toggle.active, .actionsView > .room-list > .domain-switcher .domain-toggle.active {
  background-color: var(--theme-main-500);
  border-left-width: 1px;
  margin-left: -1px;
  position: relative;
  color: #FFFFFF;
  border-color: var(--theme-main-700) !important;
  -webkit-box-shadow: inset 0 1px 4px 0 rgba(37, 20, 42, 0.25);
  box-shadow: inset 0 1px 4px 0 rgba(37, 20, 42, 0.25);
}
room-list > .room-list > .domain-switcher .domain-toggle:first-of-type, .actionsView > .room-list > .domain-switcher .domain-toggle:first-of-type {
  border-left-width: 1px;
  border-radius: 2px 0 0 2px;
  margin-left: 0 !important;
}
room-list > .room-list > .domain-switcher .domain-toggle:last-of-type, .actionsView > .room-list > .domain-switcher .domain-toggle:last-of-type {
  border-right: 1px solid var(--theme-main-400);
  border-radius: 0 2px 2px 0;
}
room-list > .room-list > .domain-switcher .domain-toggle:not(.active):hover, .actionsView > .room-list > .domain-switcher .domain-toggle:not(.active):hover {
  background-color: transparent;
}
room-list > .room-list > .domain-switcher .domain-toggle:active, .actionsView > .room-list > .domain-switcher .domain-toggle:active {
  background-color: var(--theme-main-300);
  -webkit-box-shadow: none;
  box-shadow: none;
}
room-list > .room-list > .domain-switcher idbs-context-menu .link-table-menu, .actionsView > .room-list > .domain-switcher idbs-context-menu .link-table-menu {
  display: inline;
}
room-list > .room-list > .domain-switcher idbs-context-menu .link-table-menu div.menu-icon, .actionsView > .room-list > .domain-switcher idbs-context-menu .link-table-menu div.menu-icon {
  background-color: rgba(37, 20, 42, 0.03);
  border: 1px solid var(--theme-main-400);
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
  color: black;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-family: "Roboto-Regular", sans-serif;
  float: right;
  line-height: 33px;
  height: 33px;
  margin-right: 10px;
  margin-top: 2px;
  width: 38px;
}
room-list > .room-list > .domain-switcher idbs-context-menu .link-table-menu div.menu-icon:after, .actionsView > .room-list > .domain-switcher idbs-context-menu .link-table-menu div.menu-icon:after {
  content: "\e65b";
  color: var(--theme-main-700);
  font-family: "idbs";
  padding-left: 10px;
  position: relative;
  left: -20px;
}
room-list > .room-list > .room-panel-header .container, .actionsView > .room-list > .room-panel-header .container {
  color: var(--theme-main-400);
  font-size: 13px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: 19px;
  width: 100%;
  background-color: var(--theme-main-300);
  border-bottom: 1px solid var(--theme-main-300);
  display: flex;
  align-items: center;
}
room-list > .room-list > .room-panel-header .container .selected-label, .actionsView > .room-list > .room-panel-header .container .selected-label {
  height: 46px;
  color: var(--theme-main-800);
  min-width: 150px;
  padding-left: 15px;
  padding-right: 14px;
  padding-top: 14px;
}
room-list > .room-list > .room-panel-header .container inventory-button button, .actionsView > .room-list > .room-panel-header .container inventory-button button {
  color: #FFFFFF;
  font: 13px/19px "Roboto-Regular", sans-serif;
  font-style: normal;
  border-color: var(--theme-main-800);
  background-color: var(--theme-main-800);
  height: 30px;
  box-shadow: none;
}
room-list > .room-list > .room-panel-header .container inventory-button:focus, .actionsView > .room-list > .room-panel-header .container inventory-button:focus {
  outline: 0;
  box-shadow: none;
}
room-list > .room-list > .room-panel-header .container inventory-button button:disabled, .actionsView > .room-list > .room-panel-header .container inventory-button button:disabled {
  border-color: rgba(179, 182, 186, 0.3);
  background-color: rgba(179, 182, 186, 0.3);
  color: rgba(40, 44, 50, 0.4);
}
room-list > .room-list > .room-panel-header .container .select-buttons, .actionsView > .room-list > .room-panel-header .container .select-buttons {
  min-width: 220px;
}
room-list > .room-list > .room-panel-header .container .select-buttons .edit-icon, .actionsView > .room-list > .room-panel-header .container .select-buttons .edit-icon {
  background: url("/images/edit-icon-14e153e476.svg") no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
room-list > .room-list > .room-panel-header .container .select-buttons > inventory-button:nth-child(2), .actionsView > .room-list > .room-panel-header .container .select-buttons > inventory-button:nth-child(2) {
  margin-right: 5px;
  position: relative;
}
room-list > .room-list > .room-panel-header .container .select-buttons > inventory-button:nth-child(2):after, .actionsView > .room-list > .room-panel-header .container .select-buttons > inventory-button:nth-child(2):after {
  content: "";
  box-sizing: border-box;
  height: 47px;
  border: 1px solid var(--theme-main-600);
  position: absolute;
  right: -5px;
  top: -14px;
}
room-list > .room-list > .room-content, .actionsView > .room-list > .room-content {
  flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1; /* OLD - Firefox 19- */
  -webkit-flex: 1; /* Chrome */
  -ms-flex: 1; /* IE 10 */
}
room-list > .room-list > .room-content > .empty-message, .actionsView > .room-list > .room-content > .empty-message {
  color: #434A54;
  font: 13px/normal "Roboto", sans-serif;
  font-weight: 400;
  padding: 15px;
}
room-list > .room-list > .room-content > .empty-message > h2, .actionsView > .room-list > .room-content > .empty-message > h2 {
  margin: 0 0 8px 25px;
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
}
room-list > .room-list > .room-content > .empty-message > p, .actionsView > .room-list > .room-content > .empty-message > p {
  margin: 0 0 0 25px;
  color: #8E9298;
}
room-list > .room-list > .room-content > room-list-content > .common-grid, room-list > .room-list > .room-content store-list-content > .common-grid, .actionsView > .room-list > .room-content > room-list-content > .common-grid, .actionsView > .room-list > .room-content store-list-content > .common-grid {
  border: none;
  height: calc(100% - 3px);
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
@media screen and (min-height: 1020px) {
  room-list > .room-list > .room-content > room-list-content > .common-grid, room-list > .room-list > .room-content store-list-content > .common-grid, .actionsView > .room-list > .room-content > room-list-content > .common-grid, .actionsView > .room-list > .room-content store-list-content > .common-grid {
    min-height: 900px !important;
  }
}
room-list > .room-list > .room-content > room-list-content > .common-grid .expiry-date > div, room-list > .room-list > .room-content store-list-content > .common-grid .expiry-date > div, .actionsView > .room-list > .room-content > room-list-content > .common-grid .expiry-date > div, .actionsView > .room-list > .room-content store-list-content > .common-grid .expiry-date > div {
  color: #DA4553;
}
room-list > .room-list > .room-content > room-list-content > .common-grid .no-sortable:hover .ui-grid-column-menu-button, room-list > .room-list > .room-content store-list-content > .common-grid .no-sortable:hover .ui-grid-column-menu-button, .actionsView > .room-list > .room-content > room-list-content > .common-grid .no-sortable:hover .ui-grid-column-menu-button, .actionsView > .room-list > .room-content store-list-content > .common-grid .no-sortable:hover .ui-grid-column-menu-button {
  display: none !important;
}

@media screen and (max-width: 442px) {
  .room-panel-header .container .select-buttons {
    min-width: 220px;
  }
  .room-panel-header .container .select-buttons > inventory-button {
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .room-panel-header .container .select-buttons > inventory-button:nth-child(2):after {
    display: none;
  }
}
.loading-component {
  text-align: center;
}
.loading-component > .loading-message {
  color: #8E9298;
  font: 13px/15px "Roboto", sans-serif;
  font-weight: 500;
}
.loading-component > .loading-dots {
  color: #353B43;
  font-size: 75px;
  font-family: "Roboto-Medium", sans-serif;
  font-style: normal;
  line-height: 0;
}
.loading-component > .loading-dots span {
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}
.loading-component > .loading-dots span:nth-child(2) {
  animation-delay: 0.2s;
}
.loading-component > .loading-dots span:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes blink {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}

.big-dots.loading-component {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.big-dots.loading-component > .loading-dots .dot {
  height: 25px;
  width: 25px;
  background-color: #353B43;
  border-radius: 50%;
  display: inline-block;
  margin: 0 7px;
}
.big-dots.loading-component .loading-message {
  margin-top: 13px;
}

banner > .message {
  min-height: 83px;
  margin: 5px auto 11px;
  border-radius: 2px;
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  align-items: center;
  -webkit-align-items: center;
}
banner > .message .text-error {
  max-width: 430px;
  margin-right: 8px;
}
banner > .message .text-error > .label {
  color: #353B43;
  font: 16px/19px "Roboto", sans-serif;
  font-weight: 500;
  line-height: 1.5em;
}
banner > .message .text-error > .message {
  color: #434A54;
  font: 13px/18px "Roboto", sans-serif;
}
banner > .message-default {
  height: auto;
  min-height: auto;
  padding: 5px 10px;
  background-color: #DDEBF9;
  border: 1px solid #166ECD;
}
banner > .message-default > .text-error {
  max-width: none;
}
banner > .message-default > .text-error .label,
banner > .message-default > .text-error .message {
  color: #05319E;
}
banner > .message-error {
  background-color: #F7D9DC;
  border: solid 1px #DA4553;
}
banner > .message-error > .text-error .label,
banner > .message-error > .text-error .message {
  color: #571B21;
}
banner > .message-info {
  border: 1px solid #434A54;
  background-color: #ECEDEE;
}
banner > .message-blue-info {
  border: 1px solid #166ECD;
  background-color: #DDEBF9;
}
banner > .message-blue-info > .text-error .label,
banner > .message-blue-info > .text-error .message {
  color: #05319E;
}
banner > .message-warning {
  border: 1px solid #FFC245;
  background-color: #FFE6B4;
  padding-right: 40px;
}
banner > .message .img-container {
  margin: 10px 15px;
  align-self: start;
}
banner > .message .img {
  height: 36px;
  width: 36px;
}
banner > .message .img-error {
  background: var(--banner-error) no-repeat center center;
  background-size: contain;
}
banner > .message .img-info {
  background: var(--banner-info) no-repeat center center;
  background-size: contain;
}
banner > .message .img-blue-info {
  background: var(--banner-blue-info) no-repeat center center;
  background-size: contain;
}
banner > .message .img-warning {
  background: var(--banner-warning) no-repeat center center;
  background-size: contain;
}

app-switcher .app-switcher {
  min-height: 48px;
  margin-right: 50px;
}

@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto-Light.eot");
  src: url("fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto-Light.woff2") format("woff2"), url("fonts/Roboto-Light.woff") format("woff"), url("fonts/Roboto-Light.ttf") format("truetype"), url("fonts/Roboto-Light.svg#Roboto") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Light";
  src: url("fonts/Roboto-Light.eot");
  src: url("fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto-Light.woff2") format("woff2"), url("fonts/Roboto-Light.woff") format("woff"), url("fonts/Roboto-Light.ttf") format("truetype"), url("fonts/Roboto-Light.svg#Roboto") format("svg");
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto-Regular.eot");
  src: url("fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto-Regular.woff2") format("woff2"), url("fonts/Roboto-Regular.woff") format("woff"), url("fonts/Roboto-Regular.ttf") format("truetype"), url("fonts/Roboto-Regular.svg#Roboto") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Regular";
  src: url("fonts/Roboto-Regular.eot");
  src: url("fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto-Regular.woff2") format("woff2"), url("fonts/Roboto-Regular.woff") format("woff"), url("fonts/Roboto-Regular.ttf") format("truetype"), url("fonts/Roboto-Regular.svg#Roboto") format("svg");
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto-Medium.eot");
  src: url("fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto-Medium.woff2") format("woff2"), url("fonts/Roboto-Medium.woff") format("woff"), url("fonts/Roboto-Medium.ttf") format("truetype"), url("fonts/Roboto-Medium.svg#Roboto") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Medium";
  src: url("fonts/Roboto-Medium.eot");
  src: url("fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto-Medium.woff2") format("woff2"), url("fonts/Roboto-Medium.woff") format("woff"), url("fonts/Roboto-Medium.ttf") format("truetype"), url("fonts/Roboto-Medium.svg#Roboto") format("svg");
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto-Bold.eot");
  src: url("fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto-Bold.woff2") format("woff2"), url("fonts/Roboto-Bold.woff") format("woff"), url("fonts/Roboto-Bold.ttf") format("truetype"), url("fonts/Roboto-Bold.svg#Roboto") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Bold";
  src: url("fonts/Roboto-Bold.eot");
  src: url("fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto-Bold.woff2") format("woff2"), url("fonts/Roboto-Bold.woff") format("woff"), url("fonts/Roboto-Bold.ttf") format("truetype"), url("fonts/Roboto-Bold.svg#Roboto") format("svg");
}
body {
  margin: 0;
  padding: 0;
}

.mainPanel {
  position: fixed;
  top: 65px;
  bottom: 0;
  right: 0;
  transition: top 0.5s;
}
.mainPanel {
  left: 198px;
}
@media screen and (max-width: 1024px) {
  .mainPanel {
    left: 40px;
  }
}

.uiViewContainer {
  height: 100%;
}
.uiViewContainer > div[ui-view] {
  height: 100%;
}

.mainPanel.maintenanceBanner {
  top: 125px;
}

svg.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
}

.content-frame:not([src]) {
  display: none;
}

input, textarea {
  font-family: "Roboto-Regular", "Roboto", sans-serif;
}

idbs-button {
  font-family: "Roboto-Medium", "Roboto", sans-serif;
  font-weight: 500;
}

/* Override styles for IdbsNotify to make it visible over all panels */
.sl-toast-stack {
  z-index: 9999 !important;
}
.sl-toast-stack #content {
  background: inherit !important;
}