.space{
    height: 600px;
    width: 100%;
    min-height: 600px;
}

.asset-space{
    height: 100%;
    width: 20%;
    float: left;
    padding: 10px;
    border: solid lightblue 1px;
    border-radius: 5px;
}

.tool-bar{
    height: 40px;
    margin-bottom: 3px;
    width: 75%;
    border: solid 1px silver;
    float: right;
}

.work-area{
    height: 40%;
    width: 75%;
    background-color: purple;
    float: right;
    border: solid 1px silver;
}

.edit-area{
    height: 100%;
    width: 50%;
    background-color: white;
    float: left;
}

.option-area{
    height: 100%;
    width: 50%;
    background-color: lightgrey;
    float: left;
    position: relative;
    overflow: auto;
}

.output-area{
    /* height: 48%; */
    margin-top: 5px;
    width: 75%;
    background-color: white;
    /* border: solid 1px silver; */
    float: right;
    overflow: auto;
}

.result-box{
    margin: 5px;
}

.result-piece{
    white-space: pre;
    margin: 2px;
}

.run-filter{
    position: absolute;
    top: 0px;
    right: 0px;
}

.selected{
    border: solid 1px lightblue;
}

.asset-options{
    display: inline-block;
    float: right;
}

.asset-space .asset{
    /*padding: 4px;*/
    border-radius: 4px;
}

.asset-space .asset:hover{
    cursor: pointer;
    background-color: #eceeef;
}

.asset-space .asset:hover::before{
    content: "";
    background-color: blue;
    width: 3px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.asset-options button{
    padding: 0px;
    width: 25px;
    height: 25px;
    margin: auto 2px;
    line-height: 25px;
}

.allow-whitespace{
    white-space: pre;
}

.single-field-select{
    padding-left: 20px;
}