#treeModal .modal-dialog.modal-lg {
  width: fit-content;
  min-width: 650px;
  overflow: hidden;
}
#treeModal .modal-dialog-scrollable .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 14px 22px 10px 6px;
  margin: 0;
}
#treetitle_breadcrumb .breadcrumb_first a[onclick] {
  border-bottom: 1px solid;
  color: var(--bs-blue);
  cursor: pointer;
}
.treeli_wrapper.isfolder a[onclick] {
  color: var(--bs-blue );
  cursor: pointer;
}
.treeli_wrapper.isfolder a:not(.actionbutt) {
    border-bottom: 1px solid;
}
#trop_tree_modal {
  margin-top: -3px;
  margin-left: 9px;
}
#trop_tree_modal:hover {
  background: #FFF;
}
#treetitle_breadcrumb {  margin-bottom: 0 !important;}
.tree-view, .tree-view ul { list-style: none; padding-left: 1.25rem; }
.tree-view { padding-left: 0; }
.tree-view li { margin: 0.15rem 0; }
#treeModalBody .btn.btn-sm.btn-outline-primary {  padding: 3px;}
#treeModalBody ul a {text-decoration: none;}
.treebut_wrapper {  text-align: right;  position: relative;  line-height: 1em;  float: right;  height: 0;  margin-left: 3rem;}
.treebut_wrapper.wrapper_isfolder {  margin-right: -15px;}
.treebut_wrapper button {  background: #FFF !important;}
.tree-view {  width: fit-content;  margin-left: -1px;  margin-top: 10px;  min-width: 600px;  max-width: 600px;}
#treeModalBody li.isfolder {  margin-bottom: 10px;  border-left: 1px solid #e3e3e3;  /* border-bottom: 1px solid #e3e3e3; */  padding-left: 6px;} 
#treeModalBody li.isfolder::after, #treeModalBody li.isfolder li.isfile::before, #treeModalBody li.isfolder li.isfolder::before {  content: "";  position: absolute;  margin-top: 13px;  width: 13px;  height: 1px;  background: #d3d3d3;  margin-left: -12px;  display: block;}
#treeModalBody li.isfolder li.isfolder::before { margin-left: -43px;}
#treeModalBody .isfolder::after {  margin-left: -7px !important;  margin-top: 5px !important;  width: 40px !important;  height: 0px !important;  background: #b7b7b7 !important;}
.treeli_wrapper.isfolder {  margin-left: -15px;  background: #FFF;  width: 100%;  display: block;}
#treeModalBody li.isfolder {  margin-top: 9px;  background: #FFF;  margin-bottom: 0;  padding-bottom: 0px;    margin-left: 7px;}
#treeModalBody .icon_liste {  margin-right: 9px;}
.treebut_wrapper a button {  padding: 0 5px !important;}
.tree-view li:is(.isfolder):hover > .treeli_wrapper.isfolder {  background: rgb(183, 250, 252);}
.tree-view li:is(.isfile):hover {  background: rgb(226, 254, 255);}
#treetitle_breadcrumb .bi.bi-tree {  font-size: 43px;    margin-right: -6px;    margin-left: -10px;}
.treefilename {  padding-bottom: 3px;  padding-top: 5px;}
.treeli_wrapper.isfile[data-ext="css"] .bi.bi-css {  width: 19px !important;}
.tree-view li.isfile {  margin: 0px 0 0px 0;  line-height: 1em;}
.tree-view .isfolder li.isfile {  margin: 4px 0 -7px -15px;}
#treeModalBody .isfolder + .isfile {  margin-top: 20px !important;}
#treeModalBody .isfolder:has(li) + .isfile {  margin-top: 40px !important;}
#treeModalBody .isfolder + .isfolder:has(li) {  margin-top: 30px !important;}
#treeModalBody .isfolder .isfolder + .isfile {  margin-top: 15px !important;}
#treeModalBody .treebut_wrapper .btn.btn-sm.btn-outline-primary:hover, #treeModalBody .treebut_wrapper :is(a, button):hover {  background: #FFF !important;  color: var(--bs-blue);}
.treeli_wrapper.isfile {  white-space: nowrap;  max-width: none;  display: inline-block;  overflow: hidden;    width: 100%;}
.treeli_wrapper.isfile > a {  /* text-overflow: ellipsis; */  /* white-space: nowrap; */  display: inline-block;  /* overflow: hidden; */    padding-bottom: 0px;  padding-top: 0;}
.treefilename {  max-width: 470px;  display: inline-block;  white-space: pre;  max-width: 400px;  text-overflow: ellipsis;  overflow: hidden;}
#treeModalBody .isfile .icon_liste {  top: -6px;  position: relative;  left: 5px;  font-size: 18px;}
#treeModalBody .isfolder > .treeli_wrapper .icon_liste {  margin-right: 7px !important;  position: relative;  top: 1px;}
.actionbutt {  font-size: 0.7em;    margin-left: 0.3rem;    /* filter: hue-rotate(210deg); */position: relative;  top: -2px;}
#treeModalBody .isfile > .actionbutt {  top: -6px;  height: 0;}
.tree-view .openineditor, .tree-view .openineditor button, .openlink.isfile {  color: var(--cplinktree) !important;  border-color: var(--cplinktree);}
.actionbutt:not(:hover) {  display: none !important;}
.treeli_wrapper:hover > .actionbutt {  display: inline-block !important;}
#tree_wrap_toplinks p {  margin: 0;}
#tree_wrap_toplinks {  margin-top: 0px;  margin-bottom: 10px;}

#treeModalBody #body_container {  padding: 7px 0 5rem 2px !important;}
#treeModalBody #treetitle_breadcrumb { padding-left: 10px;}
#treeModalBody {  margin: 0 auto;  display: block;  width: fit-content;}
#treeModalBody .tree-view {margin-left: 20px;}
/* html:not(.iniframe) body #tree_back_doss {   display: none;} */
#tree_back_doss {  font-size: 19px;  margin-left: 3px;}
#treetitle_breadcrumb {  font-size: 30px;}
#treeModalBody #treetitle_breadcrumb .bi.bi-tree {    margin-left: -4px;}
#treeModalBody #body_container {  margin-left: 0px !important;}

#treeModalBody[data-frament="full_page_content"] .actionbutt {
  display: inline-block !important;
}
@media (max-width: 800px) {
  #treeModalBody .actionbutt {
    display: inline-block !important;
  }
}
#treeModalBody[data-frament="full_page_content"] #treetitle_breadcrumb {
  margin-bottom: 1rem !important;
  margin-top: 1.6rem;
}
#openhelp {
  text-decoration: underline;
  color: var(--bs-blue);
  cursor: pointer;
}