n@1170: div#blanket {
n@1170:     z-index: 2;
n@1170:     background-color: rgba(0,0,0,0.5);
n@1170:     width: 100%;
n@1170:     height: 100%;
n@1174:     position: fixed;
n@1170:     left: 0px;
n@1170:     top: 0px;
n@1170: }
n@1170: 
n@1170: div#popupHolder {
n@1170:     z-index: 3;
n@1170:     background-color: rgba(255,255,255,1);
n@1170:     width: 730px;
n@1170:     height: 480px;
n@1174:     position: fixed;
n@1170:     border-radius: 10px;
n@1170: 	box-shadow: 0px 0px 50px #000;
n@1170:     padding: 10px;
n@1170: }
n@1170: 
n@1170: div#popup-title-holder {
n@1170:     width: 100%;
n@1170:     height: 50px;
n@1170:     font-size: 2em;
n@1170: }
n@1170: 
n@1170: button#popup-proceed {
n@1170:     width: 60px;
n@1170:     height: 27px;
n@1170:     padding: 5px;
n@1170:     position: absolute;
n@1170:     right: 10px;
n@1170:     bottom: 10px;
n@1170: }
n@1170: 
n@1173: div.drag-area {
n@1173:     border: 3px black dashed;
n@1173: }
n@1173: div.drag-over {
n@1173:     background-color: aquamarine;
n@1173: }
n@1173: div.drag-dropped {
n@1173:     background-color: aqua;
n@1173: }
n@1173: div.drag-error {
n@1173:     background-color: coral
n@1173: }
n@1173: 
n@1173: div#project-drop {
n@1173:     width: 99%;
n@1173:     height: 50px;
n@1173:     margin: 10px 0px;
n@1173: }
n@1173: 
n@1170: div.popup-checkbox {
n@1170:     padding: 5px;
n@1170: }
n@1170: 
n@1170: div.popup-checkbox input {
n@1170:     margin: 0px 5px;
n@1170: }
n@1170: 
n@1170: div.disabled{
n@1170:     color: rgb(100,100,100);
n@1170: }
n@1170: 
n@1170: div.node {
n@1170:     float: left;
n@1170:     padding: 10px;
n@1170:     border: black 2px solid;
n@1170:     border-radius: 10px;
n@1174:     margin: 10px;
n@1170:     min-width: 92%;
n@1170: }
n@1170: div.node-title {
n@1170:     float: left;
n@1170:     width: 100%;
n@1170:     font-size: 2em;
n@1170:     margin: 5px 0px;
n@1170: }
n@1170: div.node-attributes {
n@1170:     width: auto;
n@1170:     float: left;
n@1170:     padding: 10px;
n@1170:     border: black 2px dashed;
n@1170: }
n@1170: div.attribute {
n@1170:     float: left;
n@1170:     margin-right: 10px;
n@1170: }
n@1170: div.node-children {
n@1170:     float: left;
n@1170: }
n@1170: div.node-buttons {
n@1170:     float: left;
n@1170: }
n@1170: div.attribute input {
n@1170:     max-width: 100px;
n@1170:     margin-right: 10px;
n@1170: }
n@1170: div.attribute input[type=number] {
n@1170:     width: 80px;
n@1170: }