:root {
  --cplinktree: #06634e;
}

.list-group-item .sep { padding: 0 10px; } 
.li_right_butts_alts .btn:not(:hover) {  background: #FFF; }
.li_right_butts_alts .btn { margin-left: 2px;}
.li_right_butts .btn {  padding: 6px 5px !important;  line-height: 1em !important;}
* { transition: none !important; }
body.modal-open {overflow: hidden !important;}
form[action="/login"] button {width: 220px;}
.badge[data-ext] { background:  rgb(158, 180, 187)!important; }
.badge[data-type="dossier"] {background-color: rgba(13,110,253)!important; }
.badge[data-type="assets"] {  background: blue !important;}
.badge[data-name=".git"], .badge[data-name=".vscode"] {background-color: rgb(64, 73, 118)!important; }
.badge[data-name=".gitignore"] {background-color: rgb(255, 175, 254)!important; }
.badge:is([data-ext="md"],[data-ext="txt"]) {background-color: rgb(206, 218, 154)!important; }
.badge[data-type="image"] {background: #f4906c !important;}
.badge[data-type="style"] {background: #83e45a !important;} 
.badge[data-type="html"] {  background: #e4e457 !important;} 
.badge[data-name="index.html"] {    background: #e6e624 !important; border: 2px solid #cbb854;} 
.list-group-item:has([data-ext="isfolder"]) {  background: #f7f7ff;}.icon_liste {  margin-right: 0.8rem;  color: #000;}
.list-group-item:not(.active_copied):hover {  background: #f5feff; border-left-color: rgba(13,110,253)!important; border-right-color: rgba(13,110,253)!important;}
.list-group-item .badge { min-width: 70px;    margin-right: 20px !important; }
.list-group-item .badge {  padding: 2px 0 4px 0;  line-height: 1.2em;  position: relative;  top: -2px;}
#home_choose_folder {  margin-bottom: 0.7rem !important;}
#toplinks {  margin-left: 1rem;   margin-top: 18px; width: 100%; }
.is_repo #toplinks {  position: relative;  top: -7px;}
#girepoicon {  top: 13px;  position: relative;}
/* #toplinks a + a {  margin-left: 0.5rem;} */
#trop_tree {  margin-right: -13px;}
#urls_share_links {  margin-left: 1rem;}
html.zenmod .hideonzen {  display: none !important;}
.zenmod #toggle_zen {  border-color: #197300;  color: #197300;  background: #f1ffdc;}
#wrapper_send_file {  float: right;  margin-top: 20px;  text-align: right;  margin-bottom: -10px;}
h1#toptitle {  float: left;   margin-top: 10px;}
html:not(.zenmod) .hideonzen_not { display: none; }
#zenmode_only_button  {  float: none;}
#top_r_buttons {float: right;}
html.zenmod .breadcrumb_first a[href="/dossier"] + span {  display: none;}
html.zenmod .list-group-item.is_folder:is([data-file=".git"],[data-file=".vscode"]) {
  display: none !important;
}
#zenmode_only_button {  margin-top: 10px;  margin-right: 10px;  display: inline-block;}
#toggle_zen {float: right;}
#top_nav_fr {float: right;}
#matrix_chat_link {  padding: 5px !important;  line-height: 1.7rem;  margin-right: 9px;}
#view-toggle:checked ~ .view-dropdown, #view-toggle:not(:checked) ~ .view-list { display: none;}
.form-check-input:checked[type="checkbox"] ~ .btn.btn-primary {  margin-top: 20px;}
.wrapperli .bg-secondary { background: #e2e2e2 !important; }
.wrapperli { padding-top: 1rem; margin: 1rem 0 -20px 0; }
.view-list.wrapperli {  margin-top: 1rem;}
.view-dropdown.wrapperli + .btn.btn-primary {  margin-top: 2rem;}
.alert-folder { background: #d3fccf; width: 100%; }
form[action="/create-folder"] :is(.btn.btn-primary, #folder) {  float: left;  margin-right: 10px;}
form:is([action="/create-folder"], [action="/create-file"]) input {      max-width: 370px; }
form[action="/create-folder"] .form-label {  float: none;  display: block;}
#exemple_newfolder {   padding-top: 5px;  padding-right: 1rem;}
#new_folder_form .dim {  font-size: 0.7em;  padding-left: 10px;}
.wrapcreator {  padding-top: 10px;}
#folder_content {    margin-top: 0px; margin-bottom: 3rem;  float: none; clear: both;}
#folder_content.is_repo {  margin-bottom: 0;}
.zenmod #folder_content { margin-bottom: 1rem; }
#exemple_newfolder_clone { text-align: right;  float: right;  display: inline-block;}
#exemple_newfolder_clone_left {  display: inline-block;  float: none;  text-align: left;}
.alert.alert-info.mt-4.wrapcreator {  display: block;  clear: both;  float: left;  width: 100%;}
#new_folder_form {  float: left;  width: 100%; }
.wrapcreator:last-child { margin-bottom: 3rem;}
.alert-principal {  background: #ffe1e1;}
.doss_principale { margin-bottom: 8px;}
code:not([class^="language-"]) {  background: #e8e8e8;  padding: 3px;  color: #000;}
#fileEditorPre {  max-width: calc(100vw - 50px);}
pre.pre_editor[class*="language-"] {  resize: vertical;   width: 100%;  border-color: #000;}
.list-group-numbered > .list-group-item::before { font-size: 10px; float: none; width: 1rem; display: inline-block; text-align: right; margin-left: -11px; margin-right: 10px; }
.wrap_rliste { float: none;  margin-left: 20px; }
.list-group-item:not(:hover) a {  text-decoration: none;}
.text-muted.emptyfolder { margin-top: 2rem;}
.text-muted.emptyfolder::before { display: none; }
#folder_content:has(.text-muted.emptyfolder) { margin-top: 0; margin-bottom: 44px; }
.list-group-item.text-muted.emptyfolder { margin-top: 0; }
a[data-login]::after {  content: attr(data-login);  color: #000;  text-decoration: none !important;  border: none;  line-height: 2em;  vertical-align: bottom;  font-size: 14px;}a[data-login] {  text-decoration: none !important;}
#committext {  font-family: serif;  margin: 0.1rem 0 0.5rem 0;  display: block;  font-size: 0.9em !important;}
.comitwrap {  font-size: 1.1em;} 
#top_links {   width: fit-content;   float: none;   display: inline-block; } 
#nav_top {   margin-bottom: 1.3rem }
#form_dropdown_top_little { width: 200px;font-size: 14px;   float: right;  padding: 3px 0px 3px 14px;  font-family: sans-serif;  font-weight: 440;}
.view-dropdown.wrapperli.alert.alert-principal.mb-2.wrapcreator.mini {float: left;  padding: 4px 4px 0px 9px;font-size: 18px;   margin-top: -3px;   margin-right: 20px; }
.view-dropdown.wrapperli.alert.alert-principal.mb-2.wrapcreator.mini .doss_principale {margin-right: 8px;font-size: 18px;}
html.zenmod #body_container { padding-top: 1rem !important;}
.messagebox {  background: #fff8be;  padding: 1rem 1rem;  margin-top: 3rem;   border: 1px solid #fff17f; }
body[data-title="Code ArTeC, Acceuil / Dossiers"] 
.messagebox {  margin-top: 2rem;}
.message_closer_wrapper {  float: left;  width: 100%;  clear: both;}
.messagebox.inpage {  margin:-40px 0 1rem 0 !important;  display: block;  padding: 0.6rem 1rem;} 
.messagebox.inp_bottom {  display: block;   width: 100%;   clear: both;float: left !important;}
.card.mt-4 + #wrap_create_filefolder {  margin-top: 2rem;}
.messagebox i.bi.bi-cassette-fill::after {content: "Message :";font-style: normal;padding-left: 5px;}
.messagebox.current_folder_messages i.bi.bi-cassette-fill::after {  content: "Message dédié à ce dossier...";}
#done.hidemessages .messagebox {  display: none;}
.message_closer_wrapper + .message_closer_wrapper .messagebox.inpage {   margin-top:0px !important;}
.message_closer_wrapper + .message_closer_wrapper .message_closer {  display: none;}
.message_closer {width: auto;  float: right;  padding: 3px 7px;  left: 0px;  position: relative;  background: #fff286;  top: -14px;  z-index: 999;  cursor: pointer;  border: 1px solid  #000;  color: #000;  line-height: 1em;}
#done.hidemessages .message_closer_wrapper {margin-top: -30px;}
#done.hidemessages .message_closer_wrapper .messagebox {pointer-events: none;display: none;}
#done.hidemessages.zenmod .message_closer {  left: 0px !important;  top: -2px;  font-size: 13px;}
#done.hidemessages .message_closer::before {  content: "Messages ";}
.messagebox i.bi {padding-bottom: 0.1rem;display: block;}
.messagebox p:last-child {  margin: 0;}
.message-files {  background: #fff498;  padding-bottom: 0;  }
.message-files label {  height: 1em;  display: block;  margin-bottom: 12px;}
.message-files i.bi.messfiles::after {content: "Fichiers :";font-style: normal;padding-left: 5px;}
.message-files .bi.bi-file-text.messfiles {  position: relative;  left: -22px;  height: 1.4em;  display: block;  width: 100%;  background: transparent;  margin-bottom: 10px;  float: left;}
.messfiles {  list-style: conic-gradient;  margin-left: 18px;}
.homeli.messfiles button {  padding: 3px 5px 2px 5px;  margin: 0;  border: 1px solid #999;  font-size: 0.6em;  line-height: 1em;}
#messagebox:target #message-files::before       {  content: "Fichier copié !";  position: absolute;  top: 10px;  left: 270px;  background: #00ff1c;  padding: 10px;  line-height: 0.7em;  border-radius: 4px;}
#messageboxcur:target #message-filescur::before {  content: "Fichier copié !";  position: absolute;  top: 10px;  left: 270px;  background: #00ff1c;  padding: 10px;  line-height: 0.7em;  border-radius: 4px;}
.list-group-item .btn.btn-sm {  float: right;}
.messagebox {  clear: both;  float: none !important;}
#mess_Glob[data-wheris="ishome"] {  margin-top: 100px;  float: left;  display: block;  clear: both;}
#mess_Glob[data-wheris="ishome"] .message_closer {  display: none;}
.message_closer_wrapper + #body_page_dossiers {  margin-top: 1rem;}#treetitle_breadcrumb a[href="/tree"] {  color: #000;}
form[action="/delete-file"] .alert.alert-danger {  width: 100%;}
:is(.alert.alert-folder, .alert.alert-danger) button:not(.fl) {  margin-top: 10px !important;}
#filename {  /* max-width: 600px; */  float: left;  clear: left;}
.filename {  border-bottom: 1px solid;  padding-bottom: 2px;}
.is_code_button.isfile[data-typelabel="html"] {  background: rgb(255, 255, 129);}
.is_code_button.isfile[data-filename="index.html"] {  background: yellow;}
.is_code_button.isfile[data-typelabel="html"] { color: #000 !important; }
#currentpath_modalfooter {  opacity: 0.5; font-size: 13px; margin-left: 5px;}
form[action="/create-file"] button {  margin-top: 0 !important;  margin-left: 0.6rem;  float: left;}
.form-label[for="filename"] {  float: left; }
.float-left { float: left;}
.float-right { float: right;}
#new_file_form, #new_folder_form {  min-height: 155px;width: calc(50% - 10px) !important; }
#new_file_form {  float: right;}
:is(li.is_folder .btn[title="vscode"], #top_editor, .folder_vsc_open):not(:hover) {  background: #ddfaff;}
#toplinks .btn {  margin-top: 15px; }
#topnav_folders { margin-bottom: 1.7rem !important;}
#toplinks .btn#toggle_zen {  margin-top: 10px;}
#done.hidemessages #topnav_folders {
  margin-bottom: 20px !important;
}
#toplinks a { text-decoration: none;}
#apps_accueil { margin-left: 10px;}
.topiconswrappers a {  text-decoration: none;  margin: 0 !important;  margin-right: 10px !important;}
#i_copy_path_url::before { font-size: 1.2rem;   margin-top: 4px;}
#i_copy_path_url span {  position: absolute;  margin-top: 33px;  margin-left: -33px;}
#www_url { background: transparent !important;  color: var(--bs-blue); border: none;}
#awrap_www_url {  margin: 13px 0px 0 -2px !important; }
.active_copied {  background: #d1ffd6;}
.active_copied.bicopy {  background: #f3ff66;}
form[action="/copy-message-file-all"] button {  float: right;  margin-top: -30px; position: absolute; margin-left: -50px;}
.gitlistlogo.btn.btn-sm.btn-outline-primary, .gitlistlogo.btn.btn-sm.btn-outline-primary:hover {  background: transparent !important;  border: 0; color: var(--bs-btn-color);}
#fileEditorPre, #fileEditorPre2 {  position: relative;  display: block;  width: 100%;  margin: 0;  overflow: auto;  font-size: 14px;    tab-size: 3;  line-height: 1.4em;     height: calc(50vh - 120px); }
.line-numbers-rows {  line-height: 1.4em;}
.unselectable {user-select: none;}
.noacess {  filter: contrast(1) grayscale(1) brightness(0.9);  user-select: none;}
#lastcomituser {  line-height: 1.3em;  display: block;  font-size: 13px;}
/* .list_filelink:hover:after {  content: " (voir)";  position:absolute;} */
/* .list_filelink:hover::after {  content: "(afficher)";  position: absolute;  margin-left: 10px;  font-size: 0.8em;  padding-top: 0.3em;} */
/* .voirfile {  display: none; } */
/* .voirfile[data-ouvrable="nonvisionable"] {  display: none !important;} */
/* #folder_content .is_code_button.list_filelink:hover + [data-ouvrable="ouvrable"], 
#folder_content [data-ouvrable="ouvrable"]:hover {  display: inline-block;  padding-left: 20px;  margin-left: 0;} */
.cplink i span {  margin-left: 5px;  font-style: normal;}
[data-ouvrable="nonvisionable"]:not(.cplink) {  filter: grayscale(1);}
#openPreviewer[data-ouvrable="ouvrable"] {  background: yellow;  color: var(--bs-blue);}
#openPreviewer + #checkbox_autoreload_wrapper {margin-right: 20px !important; }
#checkbox_autoreload {margin-top: 9px; margin-left: 7px;}
.modal-lg, .modal-xl {  --bs-modal-width: 96vw;}
#fileEditorModal .modal-dialog { margin: 41px auto 15px auto; max-width: calc(100vw - 20px); position: relative; left: 0px;}
.btn.folder_right .icon_liste {  margin-right: 0;  color: var(--bs-btn-color);}
.btn.folder_right:hover .icon_liste {color: #FFF;}
#editor_copy_currenteditor.nonvisionable {  filter: grayscale(1) brightness(1.6);}
::selection, #fileEditorPre code::selection,
::selection, #fileEditorPre2 code::selection {  background: #3800ff !important;  color: yellow !important;}
.hideme {  display:none;}
#previewer_buttons { margin-top: 0rem;}
#modal_second_ediror_buttons {  float: none;  display: inline-flex !important;  min-width: 560px; width: 42%;}
#secondEditorFileSelect {  float: right;    margin-left: 10px;}
#modal_premier_ediror_buttons {  float: none; display: inline-flex;  width: 55%; min-width: 700px; }
#saveSecondEditorBtn {  float: right;    margin-left: 10px;}
.modal-footer {  display: block !important;}
/* .modal-footer.editors { border-top: 0;   margin-top: -10px;} */
#modal_second_ediror_buttons {  text-align: right; margin-top: 2px; float: right;}
#modal_premier_ediror_buttons a {  text-decoration: none;}
#modal_premier_ediror_buttons .btn.btn-primary {  margin-right: 0.4rem;}
/* #editor_copy_currenteditor {  margin-right: 0.2rem;} */
/* #editor_copy_currenteditor {  margin-left: 1rem;} */
#modal_premier_ediror_buttons .btn.btn-primary {  float: left;}
#loadPremierEditorBtn {float: left;}
#loadSecondEditorBtn {float: right;   margin-left: 0.6rem;}
#premierEditorFileSelect {margin-right: 0.5rem;}
#wrapper_secondSelect {  display: flex; width: 100%; align-items: center; flex-basis: auto; flex-flow: row-reverse;}
#loadSecondEditorBtn, #secondEditorFileSelect {  height: 2.7em;}
#editor_secondaire .d-flex {  justify-content: flex-end;}
.editor_title {  margin-right: 10px;}
#editor_secondaire .editor_title {  margin-left: 10px;}
#editor_secondaire:has(.hideme.language-none) {  width: 50%;}
#elargir_PremierEditor:not(.hideme) {  margin-right: 10px;}
.elargir_editor.active {  border-color: #197300;  color: #197300;  background: #f1ffdc;}
.elargir_editor.active i.bi-arrows-angle-expand::before { content: "\F149" !important; }
.elargir_editor {  font-size: 14px;  padding: 2px 6px;}
.modal-footer {  padding-top: 0;  padding-bottom: 0;}
.modalfooterbuttons.hideme {    visibility: hidden;    pointer-events: none;}
.modal-footer.closer {    margin-top: -13px;  border-top: 0; height: 3em;  display: block !important;  justify-content: space-between;  padding: 5px 5px 0 16px; margin-top: 10px;}
#ctrlsave, #second_editor_instructions {margin-top: -10px;}
#ctrlsave { margin-left: -3px; font-size: 11px;  background: #FFF;  padding: 5px;  color: #3b3b3b; position: absolute; bottom: 0px;   width: calc(100% - 30px);}
#closemodular { float: right;}
#closemodular a {  color: red !important; text-decoration: none;}
#second_editor_instructions {   font-size: 11px; line-height: 1em;  background: #FFF; color: var(--bs-blue); margin-right: 15px; position: relative; right: auto; float: right; margin-top: 5px;}
.modal-footer.closer .btn {  float: right;  margin-top: 0.4em;  padding: 0 0.3em;}
#editor_shows_buttons { float: left;   display: inline-block;   margin-left: 0px;   margin-top: 5px; }
#editor_shows_buttons a {  margin-left: 0px !important;  margin-right: 0;   height: 1.9em; display: inline-block;}
#editor_shows_buttons #editor_copy_currenteditor {  margin: 0 0px 0 0px !important}
#loadPremierEditorBtn {  display: none;}
#editor_premier .ext_type {  margin-left: 8px;}
#editor_secondaire .ext_type {  margin-right: 8px;}
.ext_type {  font-size: 0.8em;}
pre[class*="language-"] {  background: #f4f4f4 !important;}
pre[class*="language-markup"] {  background: #fffdeb !important;}
pre[class*="language-css"] {  background: #ebffeb !important;}
.modal-body {  min-height: 40vh;}
#fileEditorTextarea {   background: transparent; }
#modal_premier_ediror_buttons .btn.btn-primary {  background: #0093ff;  border-color: #0093ff;}
.toast.text-bg-premier {  background: #0093ff !important;  border-color: #0093ff;}
.toast.text-bg-premier-recharge {  background: #bf00ff !important;  border-color: #bf00ff;}
.toast.text-bg-secondaire-recharge { text-align: right !important;  background: #b300ff !important;  border-color: #b300ff;}
#modal_second_ediror_buttons .btn.btn-primary {  background: #12bbdc;  border-color: #12bbdc;}.toast.text-bg-secondaire {  background: #12bbdc !important;  border-color: #12bbdc;}
#editor_toast_left, #editor_toast_right {  padding: 0 !important;}
#editor_toast_left {  left: 25px !important;  right: auto;}
#editor_toast_right {  left: auto;  right: 35px !important;}
#editor_toast_left,
#editor_toast_right {    top: 12px !important;}
:is(#editor_toast_left,  #editor_toast_right) .toast-body {padding: 5px 10px !important;}
#send_file:not(:hover) {  border-color: #b5c3d3;  color: #889bac;}
#copyToast.text-bg-primary :is(a,.toast-body, .d-flex) { background: var(--bs-blue) !important; }
#copyToast.text-bg-cancel :is(a, .toast-body, .d-flex) {  background: rgb(216, 96, 96) !important}
#copyToast :is(a,.toast-body) { color: #FFF !important;}
.modal-dialog-scrollable .modal-body {  
  overflow-y: auto;  
  /* overflow-y: hidden; */
    padding-bottom: 10px;
}
.refresh_editor {  padding: 4px;  font-size: 15px;  line-height: 1em;  position: relative;  top: 3px;  margin-left: 10px;}
.refresh_editor {  background: #bdc2ca;  color: #FFF;  border: 0;  border-radius: 14px;}
.refresh_editor:hover {  background: orangered;}
#refresh_editor1:hover::after {  content: "Recharger (état serveur), attention, perte des modifications";  position: absolute;  color: orangered;  display: block;  width: max-content;  margin: -2px 0 0 -406px;  pointer-events: none; width: 240px; text-align: left; margin-left: 23px; margin-top: -25px;}
#refresh_editor2:hover::before {  content: "Recharger (état serveur), attention, perte des modifications";  position: absolute;  color: orangered;  display: block;  width: max-content;  margin: -17px 0 0 25px;  pointer-events: none; width: 240px; text-align: right; margin-left: -255px; margin-top: -11px;}
#refresh_editor2 {  margin-right: 6px;}
.separator {  height: 1em;  display: inline-block;  width: 7px;}
#previewer_wrapper:not(.active) {  height: 0;}
iframe {overflow: visible;}
#previewer_button {height: 360px;overflow: visible;}
#previewer_wrapper.active #previewer  {  overflow: visible;  display: flex;  float: left;  width: 100%;  resize: both;  overflow: auto; margin-top: -1px; border: 1px solid #2f80c3;  resize: vertical;
  min-height: calc(50vh - 113px);
  max-height: calc(50vh - 100px) !important;
}
#done.full_height_previewer #previewer_wrapper #previewer {  height: 100% !important;  min-height: calc(100vh - 220px) !important;}
#wrap_editors {  margin-top: 5px;}
#wrap_editors.hideme {display: none !important;}
select.form-select {  border-color: #7f7f7f;  background: #f6f6f6;  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;  background-repeat: no-repeat !important;  background-size: 1em;}
select.form-select {  background-position: 98% center !important;}
.modal-footer.editors select.form-select { background-position: 96% center; }
.voirfile,  select.form-select, #iframe_fullscreen, #checkbox_autoreload,.is_code_button.list_filelink {  cursor: pointer;}
.toggablewidht:not(.col-md-6) {  width: 100% !important;}
#iframe_fullscreen {  margin-left: 10px;  font-size: 0.9em;}
#current_iframe_url {  border: 1px solid rgb(0, 94, 182); border-bottom: 0; padding: 0px 12px;  margin-left: 0px;  color: #5c5c5c;  margin-top: 9px;  position: relative;  top: 0px;   text-decoration: none; padding-bottom: 4px;}
#current_iframe_url:not(.hideme) {display: inline-block;   background: #ffffc2;   color: #000;}
#current_iframe_url i::before { content: "\F116";   margin-right: 10px;}
#current_iframe_url_close {  margin-left: 10px;  color: red; cursor: pointer; }
#current_iframe_url:is(:active) {  background-color: rgba(100, 180, 255, 1);}
.modal-footer.editors {    margin-bottom: 20px;    margin-bottom: 10px; padding-top: 0px;}
#accueil_link {  margin-right: 12px;}
.topleftdossier img {margin: 0 !important;}
a.topleftdossier {margin: 0 !important;margin-left: 4px !important;text-decoration: none;}
#gitealogo img {  height: 17px;  margin-left: 2px;  filter: hue-rotate(130deg); padding-bottom: 2px;} 

pre.pre_editor[class*="language-"].animated.animation,
.animated.animation {  animation: border-pulse 4 0.5s ease-out;}
@keyframes border-pulse {
  0%   { border-color: rgb(124, 0, 182); }
  60%  { border-color: rgb(186, 222, 255); }
  100% { border-color: rgb(0, 94, 182); }
}
pre.pre_editor[class*="language-"].animated.animationeditor,
.animated.animationeditor {  animation: border-pulse-editor 2 1s ease-out;}
@keyframes border-pulse-editor {
  0%   { border-color: rgb(0, 0, 0); }
  40%  { border-color: rgb(255, 100, 180); }
  100% { border-color: rgba(100, 180, 255, 0.984); }
}
pre.pre_editor[class*="language-"].animated.animationeditorvalide,
.animated.animationeditorvalide {  animation: border-pulse-valide 2 1s ease-out;}
@keyframes border-pulse-valide {
  0%   { border-color: rgba(100, 180, 255, 0); }
  40%  { border-color: rgb(52, 241, 83); }
  100% { border-color: rgba(100, 180, 255, 0); }
}

@media (max-width: 900px) {
  .container, .container-sm {    max-width: none !important;    width: 100% !important;    margin: 0 !important;  }
  #wrap_create_filefolder .d-flex {  display: block !important;  float: none;  height: 100%;  min-height: auto;  clear: both;  width: 100% !important;}
  .wrapcreator:not(.message-files, .view-dropdown) {  height: 100%;  display: block;  float: left;}
  .modalfooterbuttons {  width: 100% !important;  float: left;  display: block;}
}

@media (max-width: 1000px) {
  #editor_secondaire .d-flex {    justify-content: flex-start;  }
  #wrap_editors.d-flex {    display: block !important;  }
  #previewer_wrapper {    display: block;    float: left;  }
  .modal-body {  padding: 0;  }
  .pre_editor {  margin-left: -0px !important;  margin-bottom: 3rem !important;  }
  #previewer_wrapper.active #previewer { width: calc(100vw - 10px);   max-width: none;   min-width: calc(100vw - 10px);   display: block !important;       min-height: 740px;       margin-left: 0px;       margin-right: -10px; }
  #fileEditorPre, #fileEditorPre2 { width: calc(100vw - 10px); max-width: 100vw; }
  .modal_header.d-flex.align-items-center.mb-2 {padding-left: 10px;}
  #wrap_editors {  padding: 10px 0 30px 0;  }
 .toggablewidht:not(.col-md-6) {  width: 100% !important;  margin-left: 10px;  }
  #previewer_wrapper {    margin-top: 2rem;      float: left;      margin-bottom: 14rem;  }
  .modal-footer.closer { margin-top: -20px;}
  #body_container {  margin: 0;  width: 100%;  max-width: none;}
  #closemodular {float: right;margin-left: 0;display: block;margin-top: 5px;}
  #modal_premier_ediror_buttons {  display: block;}
  .modalfooterbuttons, #modal_premier_ediror_buttons {float: none;width: 100%;display: block;}
  #wrapper_secondSelect {display: block;width: 100%;margin-top: 0px;}
  #second_editor_instructions {  display: none;}
  #modal_premier_ediror_buttons {  clear:both; float: none;  width: 100%;  display: flex !important;}
  #modal_second_ediror_buttons {  clear:both;   float: none; text-align: right;  margin-top: 2px;  width: 100%;    float: left;  display: block !important;  width: 100%;  }
  #keyshorts {display: none;}
  .modal-footer.editors {margin-bottom: 0px;}
  #editor_premier {    margin-top: 10px;  }
  #editor_secondaire .d-flex {    justify-content: flex-start;    display: flex !important;  }
  #refresh_editor2 {    order: 3;  }
  #editor_secondaire .editor_title {    order: 1;  }
  #editor_secondaire #elargir_SecondEditor {   order: 0; }
  #editor_secondaire .modal_fileinfos {    order: 2;  }
}

@media (max-width: 950px) {
  #currentpath_modalfooter { display: none; }
  #wrapper_secondSelect { display: block; width: 100%; margin-top: 10px; margin-bottom: 20px !important; height: auto;}
  #editor_secondaire .d-flex {  justify-content: flex-start;  flex-direction: inherit !important;}
  #editor_secondaire #refresh_editor2 {  flex-direction: row-reverse !important;}
  #editor_secondaire #refresh_editor2 {  order: 4;}
  #editor_secondaire .modal_fileinfos {  order: 3;}
  #editor_secondaire .modal_title {  order: 1;}
  #editor_secondaire .editor_title {  order: 2;}
  #premierEditorFileSelect {max-width: 220px;float: left;}
  .modal-dialog.modal-lg.modal-dialog-scrollable { margin: 0 !important; width: 100% !important; max-width: none !important; left: 0 !important; }
  #closemodular { text-align: right; font-size: 15px; }
  .list-group-item.d-flex.align-items-center::before {   display: none !important; }
  .list-group-item.d-flex.align-items-center {  padding: 6px 10px 6px 11px;}
}

@media (min-width: 1000px) {
  .modal-footer.closer {  height: 0em;   margin-top: 10px;}
  #editor_premier:not(.hideme) + #editor_secondaire #fileEditorPre2 {    width: calc(100% - 10px);    margin-left: 10px;  }
}

.language-markup .line-numbers-rows {display: none !important;}
pre[class*="language-markup"].line-numbers {padding-left: 10px !important;}
#currentpath_modalfooter {display: none;}
#fileEditorTitle {  margin-top: -47px;  position: absolute;  position: fixed;  background: #FFF;  padding: 5px 10px;  line-height: 1em;  margin-left: -18px;}
#fileEditorTitle_text {  border-bottom: 1px solid;  padding-bottom: 3px;}
#editor_copy_currenteditor_this i,
#trop_tree_modal button {  padding: 0;  font-size: 1em !important;}
#fileEditorTitle_text {float: left;}
#editor_copy_currenteditor_this {line-height: 1em;font-size: 17px;position: relative;top: -2px;left: 5px;margin-left: -5px;}
#editor_copy_currenteditor, #trop_tree_modal {  float: right;  margin-left: 10px;  line-height: 1em;  margin-top: -3px; }
#editor_copy_currenteditor {  margin-left: 13px !important;  float: none;  position: relative;  top: -2px;}
#toplinks a#girepoicon {  margin-left: 0.8rem; margin-right: -24px; font-size: 1.3em; }
#toplinks #www_url.btn {  margin-top: 18px;  font-size: 1.3rem !important;}
.active_copied.bicopy button:has(.bi.bi-copy) {  filter: brightness(1) contrast(1) invert(0) hue-rotate(-50deg);}
#otherpath_ed2 {  margin-left: 1rem;}
#editor_shows_buttons_ed2 a {  text-decoration: none;}
#i_copy_path_url, #copy_btn, #trop_tree button, #trop_tree_modal button, #editor_copy_currenteditor_this i {  border: 0;  background: transparent !important;  color: var(--bs-blue);   text-decoration: none;}
#modaleditor_tab_buttons :is(button, i) {  border: 0;  padding: 0;  font-size: 17px !important;   background: #FFF; color: var(--bs-blue);}
#modaleditor_tab_buttons a {text-decoration: none; padding: 0; border: 0;}
#bytestash_modal {  float: right;}
#bytestash_modal svg {  width: 19px !important;  margin-left: 15px;}
html.closed_modal_dim_active_copied li.active_copied.bicopy {  background: #ffffdc;}
#fileEditorTitle_text {  display: none;}
.modal_fileinfos .dirname {  font-weight: lighter;}
.modal_fileinfos .ext_type {  display: none;}
#treeModal, #treeModal .modal-dialog, #treeModal .modal-content {  /* height: calc\(100vh !important; */  height: calc(100vh - 0px) !important;}
#treeModal .modal-content {  height: calc(100vh - 40px) !important;}
.breadcrumb_first a[href="/dossier/"] + span {  display: none;}
#rootlink a {  text-decoration: none;}
.breadcrumb_first.breadcrumbtop a[onclick] {  padding-bottom: 1px;  border-bottom: 1px dashed !important;  cursor: pointer;}

@media (min-width: 1000px) {
  :is(#otherpath, #otherpath_ed2):hover::before,
  :is(#editor_copy_currenteditor_cplink, #editor_copy_currenteditor_cplink_ed2)[href]:hover::before,
  :is(#copy_permalink_ed1, #copy_permalink_ed2)[href]:hover::before,
  #openPreviewer[data-relpath]:hover::before {   content: attr(href);   position: absolute;   font-size: 13px;   width: fit-content;   padding: 3px 11px;   margin-top: -24px;   background: var(--bs-blue);   color: #FFF;   text-align: center;   margin-left: 0px;   pointer-events: none; }
  #openPreviewer[data-relpath]:hover::before {  content: attr(data-relpath);}
  :is(#otherpath,#otherpath_ed2):hover::before {    content: "Ouvir path direct (ou /tree)";  }
  #openPreviewer[data-ouvrable="nonvisionable"]:hover::before {    display: none;  }
}

#trop_tree_home {  text-decoration: none;}
#trop_tree_home button {  border: 0;  padding: 0;  margin: -8px 6px 0 1px;  background: #FFF !important;  color: var(--bs-blue);}
.li_right_butts_alts {  display: flex;  gap: .25rem !important;}

@media (max-width: 900px) {
  .zenmod .li_right_butts_alts {  position: absolute;  right: 70px;  display:none;}
  .zenmod .toggle_li_right_butts_alts:is(:hover,:active) + .li_right_butts_alts,
  .li_right_butts_alts:hover {  display: flex;}
  html:not(.zenmod) .toggle_li_right_butts_alts {  display: none;}
   #folder_content .voirfile {display: inline-block;  padding-left: 20px;  margin-left: 0;}
}
@media (min-width: 900px) {
   .toggle_li_right_butts_alts{
    display: none;
   }
   #folder_content .voirfile {display: none;}
}
html:not(.zenmod) #folder_content .voirfile {  display: none !important;}
.li_right_butts_alts .btn:not(:hover) {  background: #FFF;}
#wrap_create_filefolder {  float: left;  display: block;  margin-bottom: 13rem;}

#messagebox .btn.btn-sm[type="submit"],
#download_all_message_images:not(:hover) {  background: #ffda4b; color: #000 !important;}
#messageboxcur {  border: 1px solid #dbe5ff;  background: #dbe5ff;}
#messageboxcur .message-files {  background: #cad9ff;  padding-bottom: 0;}
#messageboxcur .btn.btn-sm[type="submit"],
#messageboxcur #download_all_message_images {  background: #90afff !important;  border: #dbe5ff !important;}
#mess_Cur .message_closer {  background: #cad9ff;}
#mess_Cur {  filter: hue-rotate(-90deg);}

#treehelp_modal {  font-size: 11px;  display: block;  margin-left: 20px;}
#tree_instruction_copy {color: var(--cplinktree) !important;}
#tree_instruction_go {  color: var(--bs-blue);}

#wrapper_fl_bottom_buttons_liste {  float: right;  text-align: right;  display: block;  clear: both;}
#upload_form {  float: none;}
#remove_folder {  float: right;  margin-top: 20px;  margin-right: 10px;}

#body_page_dossiers {  float: left;  clear: both;}
#remove_folder button.btn-outline-danger:not(:hover) {  opacity: 0.7;}
#move_folder {  width: fit-content;  float: right;  margin: 20px 10px 0 0;}
#keyshorts {  white-space: pre-line;}
#helpModal .modal-dialog {  max-width: 550px;}
#treeModal #treeModalBody:has(#error_wrapper) {  padding-right: 0;}
#treeModal .modal-dialog.modal-lg #treeModalBody:has(#error_wrapper) {  margin: auto;  width: fit-content;  display: block;}

#treeModal .modal-content:has(#error_wrapper),
#treeModal:has(#error_wrapper),
#treeModal .modal-dialog:has(#error_wrapper),
#treeModal .modal-content #treeModalBody:has(#error_wrapper) { 
  height: auto !important;
}
/* .modal-open[data-bs-overflow="hidden"] #fileEditorModal {  opacity: 0;} */

.tree-view.pagetree .isfile {cursor: default;}
.tree-view.pagetree .isfile .openineditor {cursor: pointer;}
#current_iframe_url_re_edit {
  font-size: 19px;
  margin-left: 0.5rem;
  color: gray;
}