.ligne-invalide {
	display: none ;
}



/* horizontal panel*/

.panel-container {
  display: flex;
  flex-direction: row;
  overflow: auto;
  height : calc(90vh - 40px);
}

.panel-left {
        flex: 0 0 auto;
        /* only manually resize */
        white-space: nowrap;
        background-color: #FFFFFF;
        min-width: 299px;
        /* overflow-y: scroll; */

}

.panel-right {
  position: sticky;
  top: 0%;
}
.splitter {
  flex: 0 0 auto;
  width: 18px;  
  background: url(https://raw.githubusercontent.com/RickStrahl/jquery-resizable/master/assets/vsizegrip.png) center center no-repeat #535353;
  min-height: 200px;
  cursor: col-resize; 
  position: sticky;
    top: 0%;
 
}


#document-page {
  display: flex;
  flex-direction: row;
  overflow: hidden;
}

#document-menu {
  flex: 0 0 auto;
  /* only manually resize */
  padding: 10px;
  width: 20%;
  max-width: 50%;
  min-width: 20%;
  white-space: nowrap;
}

#separateur {
  flex: 0 0 auto;
  width: 2px;  
  background: url(https://raw.githubusercontent.com/RickStrahl/jquery-resizable/master/assets/vsizegrip.png) center center no-repeat #535353;
  min-height: 200px;
  cursor: col-resize;  
}

#document-contenu {
  flex: 1 1 auto;
  /* resizable */
  padding: 10px;
}


.doubleligneblanche{
	border-left: none;
	border-right: none;
	height: 30px;
}


.list-group-item {
	cursor : pointer
}
body {
min-height: 100%;
margin: 0;
padding: 0;
}
#id-apercu-img {
height:calc(100vh - 260px);
}

#scroll {
height:calc(100vh - 230px);
}
#list-document {
	height:calc(100vh - 230px); 
}

#nonApercu {
	height:calc(100vh - 300px);

}

#iconNoApercu {
	background-repeat: no-repeat ;
	background-position: top; 
	background-size: 200px;
}



[data-notify="container"] {
  /*min-width: 10% !important;
  max-width: 100% !important;*/
	width : 25% !important; 
}


fieldset.scheduler-border {
  border: 1px groove #ddd !important;
  padding: 0 1.4em 1.4em 1.4em !important;
  margin: 0 0 1.5em 0 !important;
  -webkit-box-shadow: 0px 0px 0px 0px #000;
  box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
  width: inherit;
  /* Or auto */
  padding: 0 10px;
  /* To give a bit of padding on the left and right */
  border-bottom: none;
  font-size: 14px !important;
  margin-top: 20px !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
}

#document_pieces #scrollArea tr {
  color: #333 !important;
  padding: 20px !important;
}

#document_pieces  #scrollArea {
  height: calc(100vh - 250px)
}



.doc {
  cursor: pointer;
}

.doc:hover {
  font-weight: bold;
  ;
}

#labelSelectionnerTous:hover {
  font-size: 10.5px !important;
  font-weight: bold !important;
}

td {
  padding: 0 !important
}

.nomDocument {
  text-overflow: ellipsis;
  width: 70%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}

.lien {
  cursor: pointer;
}



#menu-vertical img {
  width: 15px;
  height: 15px
}

.icon {
  font-size: 80%;
}

.hover {
  background-color: #ddd;
}

.sous {
  padding: 5px;
  padding-right: 10px
}

a:hover {
  color: black !important;
}


#document-menu .btn-protection {
  display: none !important;
}

#arborescence-tete {
  display: block
}

#progression.show {
  visibility: visible;
}

.menudoc {
  height: 100% !important;
  max-height: 100% !important
}

.nom-menu {
  text-overflow: ellipsis;
  width: 70%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}

#menu-vertical div li {
  padding: 5px !important;
}

#document-contenu {
  width: 500px
}

#arborescence {
  overflow: auto;
  scrollbar-width: thin;
}

#arborescence,
#arborescence-tete
{
  position: sticky;
  width: 100%
}

legend img {
  width: 15px;
  height: 15px;
}
#arborescence {
     height: 80%!important;
  }
  #menu-pied {
     position: sticky;
     width: 100%;
     bottom: 0%;
     height: 25%;
  }


#document-menu {
  background-color: white !important;
}

 #document-menu  .survol {
   background-color: #ccc
}

#liste-menu {
  margin-bottom : 5px !important ;
  margin : 10px !important;
}

.simplebar-content {
  height: 100% ;
  overflow: auto;
  scrollbar-width: thin;

}

.seulLigne {
 white-space: nowrap;
 text-overflow: ellipsis;
 width: 70%;
 white-space: nowrap;
 overflow: hidden;
 display: inline-block;
 }


  .contextMenu .btn   {
     text-align: left;
     padding-left: 3px;
     border: none;
     margin-left: 10px;
  }

  .contextMenu li   {
    padding : 5px ;
  }

  .contextMenu .btn:hover  {
     background-color : #CEE3F6 ;
  }

  .contextMenu {
    position: fixed;
    display:none ;
    z-index: 10;
    }