/*! 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.*/
 
.stencil-container {
   /*
   border-top: 1px solid #4f4f4f;
   */
   background-color: hsla(220,11%,97%,.95);
   color: #bcbcbc;
    -webkit-box-shadow: 2px 10px 16px 2px rgba(0,0,0,0.08);
    box-shadow: 2px 10px 16px 2px rgba(0,0,0,0.08);
    z-index: 2;
}

.stencil {
   top: 0px;
   /*
   background: #333;
   */
}

.stencil > .content {
   /*
   background: hsla(220,11%,97%,.95);
   */
/*    background: white;*/
    background: #f8f9fa;
    top:40px !important;
}


.stencil .group {
   max-height: 700px;
    margin-bottom: 2px;
    margin-top:2px;
}

.stencil .group .elements {
   margin-left: -10px;
   background: transparent;
}

/* Hide some nodes of elements in stencil. */
/*.stencil .elements .element.basic.Image text,*/
.stencil .elements .element.devs.Atomic .inPorts text,
.stencil .elements .element.devs.Atomic .outPorts text,
.stencil .elements .element.pn.Transition text {
   display: none;
}

/* filter */
.stencil .element.unmatched {
    display: none;
}
.stencil .group.unmatched {
    display: none;
}