
/**
*	MATIERE color
**/

/**
*	ged
**/
.matiere-ged-icon.fa-ban{
	color: #d9534f;
}
.agl_folder_table tbody tr.active td.name .matiere-ged-icon.fa-ban{
	color: #fff;
}
/**
*	Tree
**/
/********************
	.agl-tree
********************/
.matiere-treeview {
	background:#fff;
	text-align: left;
	padding-left: 15px;
}
.matiere-treeview ul {
	position:relative;
	margin:0;
	padding:0;
	list-style: none;
}
.matiere-treeview > ul {
}
.matiere-treeview ul li {
	position:relative;
	padding:0 2px;
	border-bottom:1px solid #cdcdcd;
}
/* .loadingAjax.inline */
.matiere-treeview ul li.loadingAjax.inline {
	margin:0;
	padding: 0 2px 0 20px;
	background-position:20px center;
	text-align: left;
}
.matiere-treeview ul ul {
	display:none;
	padding-left:22px;
}
.matiere-treeview ul ul li {
	padding:0;
	margin-top:0;
	border-width:0;
}
/* .agl-tree-loading */
.matiere-treeview ul li.agl-tree-loading {
    margin: 0;
    padding: 0 2px 0 25px;
    background: url(../images/loading_blanc_small.gif) no-repeat 5px center;
    font-weight: bold;
    color: #a5a6a8;
}

.matiere-treeview a {
	color:#4d4d4d;
	cursor: pointer;
}
.matiere-treeview .element {
	position:relative;
	display:block;
	padding: 4px 2px;
}
.matiere-treeview a {
	text-decoration:none;
}


.matiere-treeview .element .glyphicon,
.matiere-treeview a .glyphicon {
	margin:0 4px 0 0;
	color:#9e9e9e;
}
.matiere-treeview .element:hover,
.matiere-treeview a:hover {
	color:#000;
}
.matiere-treeview .element:hover .glyphicon,
.matiere-treeview a:hover .glyphicon {
	color:#616161;
}

/* disabled */
.matiere-treeview li.disabled .element,
.matiere-treeview li.disabled .element:hover {
	color:#999;
	cursor: not-allowed;
}
.matiere-treeview li.disabled .element:hover .glyphicon {
	color:#999;
}

/* active */
.matiere-treeview li.active {
	background:#f3f3f3;
}
.matiere-treeview li.active > a,
.matiere-treeview li.active > a .glyphicon,
.matiere-treeview li.active > .element,
.matiere-treeview li.active > .element a,
.matiere-treeview li.active > .element .glyphicon {
	font-weight:bold;
	color:#577b95;
}
.matiere-treeview li.context-menu-active > a,
.matiere-treeview li.context-menu-active > a .glyphicon,
.matiere-treeview li.context-menu-active > .element,
.matiere-treeview li.context-menu-active > .element a,
.matiere-treeview li.context-menu-active > .element .glyphicon {
	background: #577b95;
	color: #fff;
	font-weight:bold;
}
.matiere-treeview .element.folder {
	display: block;
}
.matiere-treeview .element .folder,
.matiere-treeview .element .link {
	display: inline-block;
	cursor: pointer;
    padding: 4px 0;
    margin: -4px 0;
}
.matiere-treeview a.viewProcess {
	position: absolute;
	top:4px;
	right:-2px;
	padding:2px 4px 4px 4px;
	background:#fff;
	background:rgba(255, 255, 255, 0.8);
}
.matiere-treeview li.active a.viewProcess {
	background: #f3f3f3;
	background: rgba(243, 243, 243, 0.8);
}
.matiere-treeview a.viewProcess .glyphicon {
	margin: 0;
}

/********************
	.agl-tree
		.agl-icon
********************/
.matiere-treeview .element .glyphicon.agl-icon:before,
.matiere-treeview a .glyphicon.agl-icon:before {
	content: "\00a0";
	padding-left:1px;
	background:no-repeat left 0px;
}
.matiere-treeview .element:hover .glyphicon.agl-icon:before,
.matiere-treeview a:hover .glyphicon.agl-icon:before {
	background-position:left -30px;
}
.matiere-treeview li.active > .element .glyphicon.agl-icon:before,
.matiere-treeview li.active > a .glyphicon.agl-icon:before {
	background-position:left -60px;
}
.matiere-treeview li .glyphicon.agl-icon.agl-icon-process:before {
	background-image:url(images/agl-icon-process.png);
}

/********************
	.agl-tree
		.elements_right
********************/
.matiere-treeview .complements {
	position: relative;
	margin: -1.7em 0 0;
	float: right;
}
.matiere-treeview .complements .complements_element {
	display: inline-block;
	margin: 0 0 0 10px;
}
.matiere-treeview .complements .icon {
    margin-left: 0;
	font-size: 1.3em;
	vertical-align: middle;
}

/********************
	bootstrap
********************/
.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.w-100 {
  width: 100% !important;
}
.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.mr-1, .mx-1 {
  margin-right: .25rem !important;
}
.d-grid {
  display: grid !important;
}