.jqx-fill-state-normal {
  border: 0;
  background-color: #E9ECEF;
}

.jstree-anchor > .jstree-themeicon {
  margin: 0;
}

.jstree {
  margin-bottom: 12px;
  font-family: 'Roboto', sans-serif;
}

.jstree:last-child {
  margin-bottom: 0;
}

.jstree .jstree-container-ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.jstree .jstree-icon {
  min-width: 24px;
}

.jstree .jstree-container-ul .jstree-node {
  position: relative;
}

.jstree-default .jstree-initial-node.jstree-loading {
  display: flex;
  gap: 4px;
}

.jstree > .jstree-container-ul > .jstree-node > .jstree-icon.jstree-ocl::before {
  position: absolute;
  font-size: 14px;
  line-height: 1;
  content: "\f054";
  font-weight: 900;
  transition: all 0.1s;
  color: var(--default-gray);
  font-family: "Font Awesome 5 Free";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.jstree .jstree-container-ul > .jstree-node.jstree-open > .jstree-icon.jstree-ocl::before {
  color: var(--default-blue);
  transform: translate(-50%, -50%) rotate(90deg);
}

.jstree > .jstree-container-ul > .jstree-node:hover > .jstree-anchor,
.jstree > .jstree-container-ul > .jstree-node:hover > .jstree-anchor .jstree-icon,
.jstree > .jstree-container-ul > .jstree-node:hover > .jstree-icon.jstree-ocl::before,
.jstree .jstree-container-ul > .jstree-node.jstree-open > .jstree-anchor {
  color: var(--default-blue) !important;
}

.jstree .jstree-container-ul > .jstree-node > .jstree-anchor {
  position: relative;
  padding: 0;
  font-size: 16px;
  line-height: 40px !important;
  min-height: 40px;
  color: var(--label-color) !important;
  padding-right: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.jstree .jstree-container-ul > .jstree-node > .jstree-anchor > .jstree-icon {
  color: var(--label-color) !important;
  margin: 0 10px 0 0 !important;
  width: 20px;
  height: 40px !important;
  line-height: 40px !important;
}

.jstree .jstree-container-ul > .jstree-node.jstree-open > .jstree-anchor > .jstree-icon {
  color: var(--default-blue) !important;
}

.jstree > .jstree-container-ul > .jstree-node:hover > .jstree-anchor,
.jstree .jstree-container-ul > .jstree-node.jstree-open > .jstree-anchor {
  font-weight: 600;
}

.jstree .jstree-container-ul .jstree-node .jstree-children {
  font-size: 12px;
  color: var(--label-color);
}

.jstree > .jstree-container-ul > .jstree-node > .jstree-children {
  margin-left: 32px;
  width: calc(100% - 13px);
}

.jstree .jstree-container-ul .jstree-node .jstree-children .jstree-node:not(.jstree-leaf) .jstree-children .jstree-node:not(.jstree-leaf) {
  margin-left: 20px;
}

.jstree .jstree-container-ul .jstree-node .jstree-children .jstree-node:not(.jstree-leaf) .jstree-anchor {
  padding-left: 30px;
  width: fit-content;
  min-width: 100%;
}

.jstree .jstree-container-ul .jstree-node .jstree-children .jstree-node:not(.jstree-leaf) .jstree-children .jstree-node.jstree-leaf .jstree-anchor {
  padding-left: 50px;
  width: fit-content;
  min-width: 100%;
}

.jstree .jstree-container-ul .jstree-node .jstree-children .jstree-node:not(.jstree-leaf) .jstree-children .jstree-node:not(.jstree-leaf) .jstree-node .jstree-children {
  margin-left: 10px;
}

.jstree .jstree-container-ul .jstree-node .jstree-children .jstree-node {
  background: none;
  min-height: 40px;
  line-height: 40px;
  margin: 0 0 6px;
  list-style: none;
  position: relative;
}

.jstree .jstree-container-ul .jstree-node .jstree-children .jstree-node .jstree-children .jstree-node {
  min-height: 36px;
  line-height: 36px;
  margin-bottom: 0;
}

.jstree .jstree-container-ul .jstree-node .jstree-children .jstree-node .jstree-children .jstree-node .jstree-icon.jstree-ocl {
  height: 36px !important;
}

.jstree .jstree-anchor {
  position: relative;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  outline: 0;
  padding-right: 20px;
  padding-left: 4px;
  text-decoration: none;
  background: none;
  height: auto !important;
  color: var(--default-gray) !important;
  line-height: inherit !important;
  box-shadow: none !important;
  transition: all 0.3s;
}

.jstree .jstree-children .jstree-anchor:hover > .jstree-icon,
.jstree .jstree-children .jstree-node:not(.jstree-closed) .jstree-anchor.jstree-clicked > .jstree-icon {
  color: var(--default-blue) !important;
}

.jstree .jstree-children .jstree-anchor:hover,
.jstree .jstree-children .jstree-node:not(.jstree-closed) .jstree-anchor.jstree-clicked {
  outline: 0;
  font-weight: 500;
  border-radius: 5px;
  text-decoration: none;
  background-color: var(--light-blue);
  color: var(--default-blue) !important;
}

.jstree > .jstree-container-ul > .jstree-node > .jstree-anchor {
  background: none !important;
}

.jstree .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node.jstree-open > .jstree-anchor {
  font-weight: 500;
  color: var(--label-color) !important;
}

.jstree .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node.jstree-open > .jstree-anchor.jstree-clicked,
.jstree .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node.jstree-open > .jstree-anchor.jstree-hovered {
  font-weight: 500;
  color: var(--default-blue) !important;
}

.jstree .jstree-container-ul .jstree-node .jstree-children .jstree-node.jstree-leaf .jstree-anchor::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  left: 30px;
  display: block;
  border-left: 1px solid #ADB5BD;
}

.jstree .jstree-container-ul .jstree-node .jstree-children .jstree-node.jstree-leaf .jstree-anchor:hover::after,
.jstree .jstree-container-ul .jstree-node .jstree-children .jstree-node.jstree-leaf .jstree-anchor.jstree-clicked::after {
  border-left-color: var(--default-blue);
}

.jstree > .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node.jstree-leaf > .jstree-anchor::after {
  display: none !important;
}

.jstree > .jstree-container-ul > .jstree-node > .jstree-children > .jstree-open:not(.jstree-leaf) > .jstree-anchor::after,
.jstree > .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node.jstree-open > .jstree-children > .jstree-node.jstree-open > .jstree-anchor::after {
  display: none;
}

.jstree .jstree-children .jstree-node.jstree-leaf .jstree-ocl {
  display: none !important;
}

.jstree .jstree-children .jstree-node .jstree-ocl {
  top: 0;
  left: 0;
  cursor: pointer;
  position: absolute;
  z-index: 1;
  width: 30px;
  display: block !important;
  height: 40px !important;
  background: none;
}

.jstree .jstree-children .jstree-node .jstree-children .jstree-ocl {
  width: 20px;
}

.jstree > .jstree-container-ul > .jstree-node > .jstree-ocl {
  left: calc(var(--arrow-position) - 20px);
  height: 40px !important;
  font-style: normal;
}

.jstree .jstree-children .jstree-children .jstree-node:not(.jstree-leaf).jstree-closed .jstree-ocl {
  background: url(./Images/icon_plus.svg) no-repeat center center !important;
}

.jstree .jstree-children .jstree-children .jstree-node.jstree-open .jstree-ocl {
  background: url(./Images/icon_minus.svg) no-repeat center center !important;
}

.jstree .jstree-children .jstree-node.jstree-loading .jstree-anchor .jstree-icon,
.jstree .jstree-children .jstree-node:not(.jstree-leaf).jstree-loading.jstree-closed .jstree-ocl {
  background: url(./Images/throbber.gif) no-repeat center center !important;
  background-size: 16px !important;
}

.jstree .jstree-children .jstree-node:not(.jstree-loading) .jstree-icon {
  background: none !important;
}

.jstree .jstree-children .jstree-node.jstree-loading .jstree-icon.showIcon {
  background: none !important;
}

/* Icon Hide */
.jstree .jstree-container-ul .jstree-children .jstree-icon {
  display: none;
}

/* Icon Show only #divUC */
#divEnvironmentTree.jstree .jstree-container-ul .jstree-children .jstree-node .jstree-children .jstree-icon.showIcon,
#divSharedWithMe.jstree .jstree-container-ul .jstree-children .jstree-node .jstree-children .jstree-icon.showIcon,
#divUC.jstree .jstree-container-ul .jstree-children .jstree-node .jstree-children .jstree-icon.showIcon,
#divProductionTree.jstree .jstree-container-ul .jstree-children .jstree-node .jstree-children .jstree-icon.showIcon {
  display: block;
  font-size: 14px;
}

#divSharedWithMe.jstree .jstree-container-ul .jstree-children .jstree-node .jstree-icon.showIcon {
  width: 20px;
  display: block;
  font-size: 14px;
}

#divSharedWithMe.jstree .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node.jstree-leaf > .jstree-anchor {
  padding-left: 30px;
  position: relative;
}

#divSharedWithMe.jstree .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node.jstree-leaf > .jstree-anchor:hover,
#divSharedWithMe.jstree .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node.jstree-leaf > .jstree-anchor.jstree-clicked {
  background: var(--light-blue);
}

#divSharedWithMe.jstree .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node.jstree-leaf > .jstree-anchor::before,
#divSharedWithMe.jstree .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node.jstree-leaf > .jstree-anchor.jstree-clicked::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  left: 10px;
  display: block;
  border-left: 1px solid #ADB5BD;
}

#divSharedWithMe.jstree .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node.jstree-leaf > .jstree-anchor:hover::before,
#divSharedWithMe.jstree .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node.jstree-leaf > .jstree-anchor.jstree-clicked::before {
  border-left-color: var(--default-blue);
}

#divSharedWithMe.jstree .jstree-container-ul .jstree-node .jstree-children .jstree-node:not(.jstree-leaf) .jstree-children .jstree-node:not(.jstree-leaf) {
  margin-left: 30px;
}

/* CSS for Portal Tab Menu */
.portals-list-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.portals-list-container li {
  margin-bottom: 12px;
  position: relative;
}

.portals-list-container li > i {
  display: none;
  font-size: 14px;
  color: var(--default-blue);
  background: none;
  position: absolute;
  right: 0;
  top: 50%;
  line-height: 40px;
  transform: translateY(-50%);
}

.portals-list-container li:hover > i {
  display: block;
}

.portals-list-container li a {
  white-space: nowrap;
  position: relative;
  padding: 0;
  font-size: 16px;
  min-height: 40px;
  color: var(--label-color) !important;
  padding-right: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  text-decoration: none;
}

.portals-list-container li a > i {
  width: 20px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  margin-right: 10px;
  color: var(--label-color) !important;
}

.portals-list-container li a > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.portals-list-container li.selected-portal a,
.portals-list-container li.selected-portal a > i,
.portals-list-container li a:hover,
.portals-list-container li a:hover > i {
  color: var(--default-blue) !important;
}

.portals-list-container li.selected-portal a,
.portals-list-container li a:hover span {
  font-weight: 500;
}

.dx-popup, .dx-popup-normal .dx-overlay-content, .dx-popup-normal .dx-popup-content {
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  border-radius: 8px !important;
  background: var(--label-color) !important;
}

.dx-popup-normal .dx-popover-arrow::after {
  background: var(--label-color) !important;
  border-color: var(--label-color) !important;
}