﻿.tree-container ul {
    list-style: none;
}

.tree-container ul li label {
    max-width: 90%;
}

.tree-container ul li ul {
    display: none;
}

    .tree-container ul .svg-user,
    .tree-container ul .svg-categorie {
        position: relative;
        left: -33px;
    }

.tree-container ul .svg-folder {
    position: relative;
    left: -27px;
}

.tree-container .bordure {
    border-left: 1px solid red;
    margin-top: -5px;
    margin-bottom: -16px;
}

.tree-container ul .far {
    position: relative;
    left: -30px;
    top: 2px;
}

.tree-container .gestionnaire-alerte .message-alerte {
    display: inline;
    margin-left: 20px;
    background: #f2dede;
    border: 1px solid #ebccd1;
    border-radius: 4px;
    color: #DC3545;
    opacity: 0;
    padding: 4px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.tree-container .gestionnaire-alerte:hover .message-alerte {
    opacity: 1;
}

.tree-container li > ul {
	display: block;
	margin-top: 0 !important;
	position: relative;
}

	.tree-container li > ul.level-2,
	.tree-container li > ul.level-3 {
		border-left: solid 1px gray;
	}

.tree-container li {
	position: relative;
}


.tree-container li > ul.level-1 {
	left: 19px;
}

	.tree-container li > ul.level-2,
	.tree-container li > ul.level-3{
		left: 0px;
		padding-bottom: 5px;
	}

.tree-container ul > li:first-child {
	top:0px;
	padding-top:0.6rem;
}


.tree-container .level-1 > li:last-child ul,
.tree-container .level-2 > li:last-child ul,
.tree-container .level-3 > li:last-child ul {
	border-left: 0 !important;
}

.tree-container .custom-control-label {
	top: 1px;
}

.tree-container .custom-control-label:before,
.tree-container .custom-control-label:after {
	top: 2px;
}

.tree-container .custom-control-input {
	left: -8px;
}

.tree-container .tree-n3 {
	padding-top: 5px;
}