/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22-Mar-2020, 16:19:26
    Author     : Frank
*/

#divider  {
    left: 30em; /* same as left component width */
    width: 5px !important;
}
.split-pane-divider {
    background: #aaa;
    /* width: 5px !important; */
}
#left-component {
    width: 30em;
}

#right-component  {
    left: 30em;
    margin-left: 5px; /* same as divider width */
}
#horizontal-divider {
    bottom: 50%;  /*same as top component width*/ 
    height: 5px;
}
#top-component {
    bottom: 50%;
    margin-bottom: 5px;
}
#bottom-component {
    height: 50%;
 
}