div.item span {
	display: inline-block;
}

.adminUser{
	color:#60cc75;
}

.noAdminUser{
	color:black;
}

.unSelectedNode{
	color:gray;
}

.selectedNode{
	background-color:#c8ebc0 !important;
}

.uncolapsableNode{
	display: block!important;
}

.uncolapsableNodeIcon:before{
	content: '\f068' !important;
}

.notExpand:before{
	content: close-quote!important;
}

.itemsExpand{
	display: block!important;	
}

.hierarchy li div.item{
	padding-right: 4px; 
	padding-top: 5px;
}

.hierarchy li div.item i.fa-users{
	font-size: 18px; color: dimgray;
}

.hierarchy li div.item i.fa-sitemap{
	font-size: 18px; color: #50b1d4;
}

.css-form input.ng-invalid {
	border-color: #FA787E !important;
}

.css-form input.ng-valid.ng-dirty {
}

/* modale select customers */

#customers-table tr.selected-customer {
	background-color: #9BD6F4!important;
}

#customers-table tbody tr:hover {
  cursor: pointer!important;
  background-color: #f5f5f5;
}

div#customerModal div.modal-dialog{
	width: 800px;
}

div#customerModal div.modal-footer{
	margin-top: 0px!important;
}

div.modal-table-container {
	max-height: 380px;
	overflow: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

#agents-table tr.selected-agent {
	background-color: #9BD6F4!important;
}

#agents-table tbody tr:hover {
  cursor: pointer!important;
  background-color: #f5f5f5;
}

div#agentModal div.modal-dialog{
	width: 800px;
}

div#agentModal div.modal-footer{
	margin-top: 0px!important;
}


.edit-flowchart-btn{
	border-radius: 5px;
	background-color: transparent;
	border: 2px solid #5aa7b5;
	color: #5aa7b5;
	padding: 0px 40px;
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 9pt;
}