/* Bootstrap 4 Configuration (must appear before all bootstrap-related styles) */
/* Common Configuration */
/* Dark-Theme Configuration */
/* Element status colors */
/* Notifications */
#trees {
  height: 100%;
  position: relative;
  overflow: hidden;
}
#trees .panel {
  border-top: 1px solid #ddd;
  height: auto;
}
#trees .panel ul .details {
  font-size: smaller;
  color: #aaaaaa;
  max-height: 31px;
}
#trees .panel.tree-headers {
  display: flex;
  overflow: visible;
  padding-right: 15px;
}
#trees .panel.tree-headers .expander {
  z-index: 1;
  position: absolute;
  top: 4px;
  left: 8px;
}
#trees .panel.tree-headers .panel-heading {
  overflow: visible;
}
#trees .panel.tree-headers .panel-heading ul img.model-icon {
  vertical-align: top;
  max-width: 16px;
}
#trees .panel.tree-headers .panel-heading ul img.model-icon.file-icon {
  margin-right: 3px;
}
#trees .panel.tree-headers .panel-heading.text-center {
  height: 100%;
}
#trees .panel.tree-headers .panel-heading#branchATree-tree-header .model-details {
  max-width: calc(100% - 120px);
  display: inline-block;
  vertical-align: middle;
}
#trees .panel.tree-headers .panel-heading#branchBTree-tree-header .model-details {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}
#trees .wrapper {
  height: calc(100% - 48px); /* 100% - height of horizontal scrollbars */
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
}
#trees .scrollbars {
  background: #fcfcfc;
  display: flex;
  height: 17px;
  padding-right: 15px; /* width of vertical scrollbar */
}
#trees .scrollbars .wrapper-dummy {
  overflow-x: scroll;
  overflow-y: hidden;
}
#trees .scrollbars .wrapper-dummy .div-dummy {
  height: 20px;
}
#trees .tree-master-container {
  display: flex;
  min-height: 100%;
}
#trees .tree-master-container span.badge {
  padding: 2px 6px;
  margin-left: 4px;
}
#trees .tree-master-container .tree-container {
  border: none;
  overflow: hidden;
  margin: 0;
  padding: 0 0 0 3px;
}
#trees .tree-master-container .tree-container span.fancytree-node {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px;
  border-left: 4px solid transparent;
}
#trees .tree-master-container .tree-container span.fancytree-node.ds-unknown .fancytree-title {
  color: #c300c3;
}
#trees .tree-master-container .tree-container span.fancytree-node.ds-unmodified .fancytree-title {
  color: darkgray;
}
#trees .tree-master-container .tree-container span.fancytree-node.ds-nonexistence .fancytree-title {
  color: darkgray;
  text-decoration: line-through;
}
#trees .tree-master-container .tree-container span.fancytree-node.ds-moved .fancytree-title, #trees .tree-master-container .tree-container span.fancytree-node.ds-moved.ds-modified .fancytree-title {
  color: #03a9f4;
}
#trees .tree-master-container .tree-container span.fancytree-node.ds-modified .fancytree-title {
  color: darkorange;
}
#trees .tree-master-container .tree-container span.fancytree-node.ds-subelementmodified .fancytree-title {
  color: #c37fff;
}
#trees .tree-master-container .tree-container span.fancytree-node.ds-new .fancytree-title {
  color: mediumseagreen;
}
#trees .tree-master-container .tree-container span.fancytree-node.ds-removed .fancytree-title {
  color: #e8554d;
  text-decoration: line-through;
}
#trees .tree-master-container .tree-container span.fancytree-node.reviewed {
  border-left: 4px solid #37b400 !important;
}
#trees .tree-master-container .tree-container span.fancytree-node.partly-reviewed {
  border-left: 4px solid orange !important;
}
#trees .tree-master-container .tree-container span.fancytree-node .user-hand {
  margin-right: 3px;
  margin-left: 3px;
}
#trees .tree-master-container .tree-container span.fancytree-node span.fancytree-title {
  margin-left: 3px !important;
}
#trees .tree-master-container .tree-container span.fancytree-node span.fancytree-title.fancytree-title-move-left {
  margin-left: -3px !important;
}
#trees.one-column .tree-container {
  width: 100%;
}
#trees #tree_viewer_container {
  height: 100%;
  width: 100%;
  background: white;
}
#trees #tree_viewer_container .k-treeview {
  display: inline-block;
  overflow: visible !important;
}
#trees #tree_viewer_container .k-treeview .k-treeview-leaf {
  cursor: pointer;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 0px;
  margin-right: 3px;
}
#trees #tree_viewer_container .k-treeview .k-treeview-leaf.k-selected {
  color: inherit !important;
  background-color: #E5F3FB !important;
  box-shadow: inset 0px 0px 1px 1px #70c0e7 !important;
}
#trees #tree_viewer_container .k-treeview .k-treeview-leaf .icon img {
  margin-top: -4px;
  width: 16px;
}
#trees #tree_viewer_container .k-treeview .k-treeview-leaf:hover, #trees #tree_viewer_container .k-treeview .k-treeview-leaf .k-treeview-leaf.k-hover {
  box-shadow: inset 0px 0px 0px 1px #ddd;
}
#trees.two-columns #branchATree-tree-header,
#trees.two-columns #branchBTree-tree-header,
#trees.two-columns .tree-container,
#trees.two-columns .wrapper-dummy {
  width: 50%;
}
#trees.two-columns #branchATree-tree-header,
#trees.two-columns #branchATree,
#trees.two-columns #tree_dummy_scrollbar_wrapper_branch_a {
  border-right: 1px solid #ccc;
}
#trees.three-columns #branchATree-tree-header,
#trees.three-columns #branchBTree-tree-header,
#trees.three-columns #branchMTree-tree-header,
#trees.three-columns .tree-container,
#trees.three-columns .wrapper-dummy {
  width: 33.33%;
}
#trees.three-columns #branchATree-tree-header,
#trees.three-columns #branchBTree-tree-header,
#trees.three-columns #branchATree,
#trees.three-columns #branchBTree,
#trees.three-columns #tree_dummy_scrollbar_wrapper_branch_a,
#trees.three-columns #tree_dummy_scrollbar_wrapper_branch_b {
  border-right: 1px solid #ccc;
}
#trees .k-animation-container {
  overflow: inherit !important;
}
#trees .top-left {
  position: absolute;
  left: 4px;
  top: 4px;
}
#trees .top-right {
  position: absolute;
  right: 2px;
  top: 2px;
}
#trees .active-filter-indicator {
  position: relative;
  margin: 2px;
  top: 2px;
  vertical-align: text-bottom;
}
#trees .useButton {
  font-size: 9px;
  margin-left: 4px;
  right: 3px;
}
#trees .k-selected > .fancytree-node > .useButton {
  right: 20px;
}
#trees .conflicts-icon {
  margin-top: -13px;
  margin-left: -7px;
}
#trees .take-subtree-button {
  display: inline;
  vertical-align: bottom;
}
#trees .take-subtree-button .useButton {
  margin-right: 3px;
  margin-top: 4px;
}
#trees input[type=checkbox] {
  vertical-align: text-top;
  position: sticky;
  right: 3px;
}

.dark-theme #trees .panel {
  border-top: 1px solid #616669;
}
.dark-theme #trees .panel ul .details {
  color: #7b7b7b;
}
.dark-theme #trees .scrollbars {
  background: #2c2c2c;
}
.dark-theme #trees .tree-master-container .tree-container span.fancytree-node {
  border-left: 4px solid transparent;
}
.dark-theme #trees #tree_viewer_container {
  background: #323536;
}
.dark-theme #trees #tree_viewer_container .k-treeview .k-treeview-leaf.k-selected {
  color: inherit !important;
  background-color: rgba(118, 171, 217, 0.3) !important;
  box-shadow: inset 0px 0px 1px 1px #70c0e7 !important;
}
.dark-theme #trees #tree_viewer_container .k-treeview .k-treeview-leaf:hover, .dark-theme #trees #tree_viewer_container .k-treeview .k-treeview-leaf .k-treeview-leaf.k-hover {
  box-shadow: inset 0px 0px 0px 1px #616669;
}
.dark-theme #trees.two-columns #branchATree-tree-header,
.dark-theme #trees.two-columns #branchATree,
.dark-theme #trees.two-columns #tree_dummy_scrollbar_wrapper_branch_a {
  border-right: 1px solid #616669;
}
.dark-theme #trees.three-columns #branchATree-tree-header,
.dark-theme #trees.three-columns #branchBTree-tree-header,
.dark-theme #trees.three-columns #branchATree,
.dark-theme #trees.three-columns #branchBTree,
.dark-theme #trees.three-columns #tree_dummy_scrollbar_wrapper_branch_a,
.dark-theme #trees.three-columns #tree_dummy_scrollbar_wrapper_branch_b {
  border-right: 1px solid #616669;
}