#outliner-list .opener {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0px 4px;
	vertical-align: top;
	text-align: center;
}

	#outliner-list .opener.open:after {
		content: '−';
	}

	#outliner-list .opener.closed:after {
		content: '+';
	}

#outliner-list .option {

	border: 1px solid transparent;

}

#outliner-list .option.drag {

	border: 1px dashed #999;

}

#outliner-list .option.dragTop {

	border-top: 1px dashed #999;

}

#outliner-list .option.dragBottom {

	border-bottom: 1px dashed #999;

}

#outliner-list .type {
	display: inline-block;
	width: 14px;
	height: 14px;
	color: #ddd;
	text-align: center;
}

#outliner-list .type:after {
	content: '●';
}

/* */

#outliner-list .Scene {
	color: #8888dd;
}

#outliner-list .Camera {
	color: #dd8888;
}

#outliner-list .Light {
	color: #dddd88;
}

/* */

#outliner-list .Object3D {
	color: #aaaaee;
}

#outliner-list .Mesh {
	color: #8888ee;
}

#outliner-list .Line {
	color: #88ee88;
}

#outliner-list .LineSegments {
	color: #88ee88;
}

#outliner-list .Points {
	color: #ee8888;
}

/* */

#outliner-list .Geometry {
	color: #aaeeaa;
}

#outliner-list .Material {
	color: #eeaaee;
}

/* */

#outliner-list .Script:after {
	content: '◎'
}

input.Number:disabled {
    cursor: default !important; 
    background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));
    color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170)) !important;
    border-color: rgba(118, 118, 118, 0.3);
}

/* Para datGUI*/

.dg .cr.function .property-name{
	width: 100%; /* Sin esto, los botones asociados a acciones tienen 40% de tamaño (lo que corta el texto) */
}