/*! Rappid v1.7.2 - HTML5 Diagramming Framework - TRIAL VERSION

Copyright (c) 2015 client IO

 2016-07-06 


This Source Code Form is subject to the terms of the Rappid Trial License
, v. 2.0. If a copy of the Rappid License was not distributed with this
file, You can obtain one at http://jointjs.com/license/rappid_v2.txt
 or from the Rappid archive as was distributed by client IO. See the LICENSE file.*/


/* Generic layout. */

h1 {
    position: absolute;
    left: 5px;
}

/* Code for Motivian Splash Screen Image */
#overlay{
    	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.8;
	z-index:1001;
}
/* End of Code for Motivian Splash Screen Image */

.home-container {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 40px;
   z-index: 1000;
   width: 40px;
}

.toolbar-container {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   /*
   padding-left: 262px;
   */
   padding-left: 17%;
   height: 45px;
   line-height: 40px;
}

.stencil-container {
   position: absolute;
   left: 0;
   top: 60px;
   bottom: 20px; 
   width: 17%;
}

.inspector-container {
   position: absolute;
   top: 60px;
   right: 0;
   bottom: 20px;
   /*width: 240px;*/
   width: 20%;
}
.navigator-container {
   position: absolute;
   height: 120px;  
   left: 240px;
   bottom: 20px; 
   /*width: 240px;*/
    width: 17%;
}
.paper-container {
   position: absolute;
   top: 70px;
   /*
   left: 246px;
   */
   left:17%;
   right: 241px;
   bottom: 20px;
   overflow: hidden;
}
.paper-container .paper-scroller {
   width: 100%;
   height: 100%; 
}

/*Uncomment rules-json, workitems-json, language-json, group-select-options-json,
 group-json, info-json and data-json for debugging purposes*/

/*

.data-json{
   position: absolute;
   left: 241px;
   right: 241px;
   bottom: 420px; 
}

.database-tables-json{
   position: absolute;
   left: 241px;
   right: 241px;
   bottom: 440px; 
}

.database-table-columns-json{
   position: absolute;
   left: 241px;
   right: 241px;
   bottom: 460px; 
}

.roles-json{
   position: absolute;
   left: 241px;
   right: 241px;
   bottom: 480px; 
}

.entity-variables-json{
   position: absolute;
   left: 241px;
   right: 241px;
   bottom: 680px; 
}

.entity-details-json{
   position: absolute;
   left: 241px;
   right: 241px;
   bottom: 740px; 
}

.rules-json{
   position: absolute;
   left: 241px;
   right: 241px;
   bottom: 640px; 
}

.workitems-json{
   position: absolute;
   left: 241px;
   right: 241px;
   bottom: 620px; 
}

.language-json{
   position: absolute;
   left: 241px;
   right: 241px;
   bottom: 600px; 
}


.group-select-options-json{
   position: absolute;
   left: 241px;
   right: 241px;
   bottom: 580px; 
}

.group-json{
   position: absolute;
   left: 241px;
   right: 241px;
   bottom: 540px; 
}

.info-json{
   position: absolute;
   left: 241px;
   right: 241px;
   bottom: 500px; 
}

.transition-rules-json{
   position: absolute;
   left: 241px;
   right: 241px;
   bottom: 400px; 
}

.loaded-process-json{
   position: absolute;
   left: 241px;
   right: 241px;
   bottom: 560px; 
}

*/

.validation-results{
   position: absolute;
   left: 260px;
   right: 241px;
   bottom: 40px; 
}


.statusbar-container {
   position: absolute;
   left: 0;
   bottom: 0;
   right: 0;
   height: 20px;
}