/*! 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.*/
 
 .text-input-wrapper span {
  cursor:pointer;
  color:white;
  font-weight:bold;
  visibility:hidden;
  padding: 0.15em;
    outline: none;
}

.process_variable_details-button {
  border: none;
  padding: 0;
  background: none;
}
 
 .entity_variables-button {
  border: none;
  padding: 0;
  background: none;
}

 .entity_details-button {
  border: none;
  padding: 0;
  background: none;
}

 .expression-editor-button {
  border: none;
  padding: 0;
  background: none;
}
 
.toolbar-container {
   background-color: #333;
   color: #bcbcbc;
   text-shadow: 0 -1px 0 #000;
   border-top: 1px solid #4f4f4f;
}

.toolbar-container .btn {
   background-color: hsla(220,11%,97%,.95);
   background-image: -webkit-linear-gradient(top,#fff,#f2f2f2);
   background-image: -moz-linear-gradient(top,#fff,#f2f2f2);
   background-image: linear-gradient(top,#fff,#f2f2f2);
   background-repeat: repeat-x;
   color: #333;
   text-shadow: none;
   border-top: none;
    /*new icons*/
    background: none;
    font-size: 18px;
    width: 41px;
    color: white;
}

.toolbar-container label,
.toolbar-container output {
   font-size: .8em;
}

.toolbar-container label {
   margin-left: 10px;
}

.toolbar-container input[type="range"] {
   width: 80px;
   text-shadow: 0 -1px 0 #000;
   color: #ddd;
   box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1),0px 0 0 1px rgba(255,255,255,0.1);
   border: 1px solid black;
   background: transparent;
   height: 1px;
   vertical-align: middle;
}

.toolbar-container .panel {
    width: 40px;
    display: inline-block;
    text-align: center;
    font-size: .8em;
}

@media screen and (min-width:0\0) {
    /* IE9 & IE10 */
    .toolbar-container input[type="range"] {
	height: 20px;
	text-align: right;
    }

    #output-gridsize {
	display: none;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10 only */
    .toolbar-container input[type="range"] {
	height: 5px;
	border-style: hidden;
	box-shadow: none;
	position: absolute;
    }

    #output-gridsize {
	margin-left: 90px;
	display: inline;
    }

    .toolbar-container input[type="range"]::-ms-fill-lower {
	background-color: lightgray;
    }

    .toolbar-container input[type="range"]::-ms-fill-upper {
	background-color: white;
    }

    .toolbar-container input[type="range"]::-ms-track {
	color: transparent;
    }

    .toolbar-container input[type="range"]::-ms-thumb {
	background-color:  #242424;
	border-style: hidden;
    }

    .toolbar-container input[type="range"]::-ms-tooltip {
	display: none;
    }
}
