/* reset.css */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #00e; color: #fff; text-shadow: none; }
::selection { background: #00e; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* main.css */

/*	---------------------------------------------------------------------------
 *	:: Type
 *
 *  - Fonts
 *	- Base
 *	- Links
 *	-------------------------------------------------------------------------*/
 
/* Fonts */
@font-face {
/*     font-family: 'ProximaNovaRgRegular'; */
    src: url('./proxima_nova_reg-webfont-DgY6QSi_.eot');
    src: url('./proxima_nova_reg-webfont-DgY6QSi_.eot?#iefix') format('embedded-opentype'),
         url('./proxima_nova_reg-webfont-CWe_WxKC.woff') format('woff'),
         url('./proxima_nova_reg-webfont-Cbzqw_0Q.ttf') format('truetype'),
         url('./proxima_nova_reg-webfont-CvRN3Rx8.svg#ProximaNovaRgRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {
    height:100%
}

body * {
 /*pointer-events: none;*/
}

#Normal{
    height:100%;
    /*background: url('../img/body-bkg.gif');*/

}

div.link {
	position:absolute;
	font-style: italic;
	font-size:13px;
	color: black;
	bottom: 0px;
/* 	right: 10px; */
}

div.link a {
	color: white;
	font: inherit;
	text-decoration: none;
}

path {
	/*z-index:5;*/
    cursor:pointer;
    opacity:0.65;
}
path:hover {
	/*z-index:5;*/
    opacity:1;
}


/* Base */
html,
button,
input,
select,
textarea {
/* 	font-family: 'ProximaNovaRgRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif; */
	color: #4c4c4c;
}
body {
	font-size: 1em;
	line-height: 1.4;
    height:100%;
}

/* Links */
a,
a:visited {
	color: #ffffff!important;
	font-size: .6875em; /* 11 / 16 */
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}

/*	---------------------------------------------------------------------------
 *	:: Raw elements
 *	-------------------------------------------------------------------------*/
body {
    background-image: url(../img/pseudoRandomFilter2.png),url(../img/body-bkg.png),url(../img/blueFilter.png);
    background-size: 600px,20px,1px;

	/*background: url('../img/test2.png');*/
	-moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
	font-family: 'ProximaNovaRgRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;	
   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}

#footer{
	position: fixed;
	bottom:0%;
	width:100%;
	height:60px;
	/*z-index: 5;*/
}

.grayButton {
/* 	position:relative; */
/* 	top: 20%; */
/* 
	margin-left:auto;
	margin-right:auto;
 */
	text-align: center;
/* 	width: 300px; */
/* 	background-color: orange; */
	border-radius: 5px;
	color: #4c4c4c;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
	text-transform: uppercase;
	font-size:20px;
}

#footer .logoGrame {
position:relative;
padding-left: 8px;
}

/*	---------------------------------------------------------------------------
 *	:: Main
 *
 *	- Header
 *	- Nav
 *  - Controls
 *  - Dropdown
 *  - Dropdown arrow
 *  - Modules
 *	-------------------------------------------------------------------------*/
#main {
	padding-right: 106px;
	position: relative;
	/*z-index: 1;*/
}

/* Header */
#header {
	margin: 0;
	padding: 2em 0 0 2em;	
/* 	left:250px%; */
/* 	right:250px%; */
	/*z-index:0;*/
	color:white;
	text-align:center;
	font-size:13.5px;
	position:absolute;
	top:1%;
	width:95%;
}

#upload{
	color:white;
	text-align:center;
/* 	font-family: 'Droid Serif', Georgia, serif;  */
	font-size:20px;
	background-color:transparent;
	/*z-index:0;*/
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

.number{
	background:transparent;
	color: white;
/* 	font-family: 'Droid Serif', Georgia, serif;  */
	border: solid white 1px;
	border-radius: 50%;
	width:20px;
	left:0px;
	text-align:center;
	padding:0.2em 0.5em 0.2em 0.5em;
	margin:0.1em 1em 0.1em 0.1em;
}

/*loading div*/
div#loadingPage {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 255, 0.61);
    z-index:100;
    background-image:url("../img/logoAnim.gif");
    top: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 75px;
}
div#loadingTextBig {
    color: white;
    font-size: 2em;
    margin: 30vh auto;
    text-align:center;
}
/*messages style*/

div#dialogue {
    z-index: 10;
    position: absolute;
    width: 100%;
}

.messageContainer {
    padding: 1em 0;
    position: relative;
    width: 100%;
    color: white;
    background: rgba(0, 0, 255, 0.61);
    text-align: center;
}

.messageShow {
    opacity:1!important;
}
.messageHide {
    opacity:0!important;
}

.messageTransitionOut {
    -webkit-transition: all 6000ms ease;
    transition: all 6000ms ease;
}

.messageTransitionIn {
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.messageTransitionOutFast {
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.validConfirmContainer {
    position: relative;
    bottom: 0px;
    width: 100%;
    margin-bottom: -1em;
    margin-top:1em;
}/* faustModules.css */

/*	---------------------------------------------------------------------------
 *	:: Type
 *
 *  - Fonts
 *	- Base
 *	- Links
 *	-------------------------------------------------------------------------*/

/* Modules */
#modules {
	padding-left: 2em;
}
/* Module Input*/

#moduleInput>.content {
    min-width: 3em;
    background:url("../img/ico-micro.png");
    background-repeat:no-repeat!important;
    background-position:center!important;
    height:50px;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    


}
#moduleInput {
    height:88px;
}
/* Module Output*/
#moduleOutput>.content {
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    min-width: 3em;
    background:url("../img/ico-speaker.png");
    background-repeat:no-repeat!important;
    background-position:center!important;
    height:50px;


}
#moduleOutput {
    height:88px;
}
    

/* Modules */
.moduleFaust {
	background-color: rgba(255, 255, 255, 0.8);
	color:#FF0016;
	/*border-radius: 5px;*/
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
	display: inline-block;
	position: absolute;
	margin-left:auto;
	margin-right:auto;
	/*z-index:5;*/
    cursor:move;
}

.moduleFaust .content {
	display: inline-block;
	border-radius: 5px;
	min-width: 10em;
	overflow: hidden;
	padding: 1em 1.25em 1.25em 1.25em;
	position: relative;
}
.mini {
    visibility: hidden;
    height: 0px;
    min-width: 0px!important;
    padding: 0em! important;
    width: 0em;
}
.moduleFaust .content img {
	display: block;
	margin: 0 auto;
}

.moduleFaust h6 {
	font-size: .75em;
	margin: 1em 1em 1em;
	text-align: center;
	text-transform: uppercase;
}

.miniTitle {
    margin: 1em 5em 1em !important;
}

/* Module nodes */
.moduleFaust .node {
	position: absolute;
	margin-top: -16px;
	top: 50%;
}
.moduleFaust .node-input {
	left: -18px;
}
.moduleFaust .node-output {
	right: -18px;
}

/* Module close */
.moduleFaust .close {
    background: url('../img/cross_close.png') 0 0 no-repeat;
    background-size: 100%;
    height: 15px;
    text-indent: -999em;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 15px;
    opacity: 0.8;
    cursor: pointer;
}

.moduleFaust .minus {
    background: url('../img/minus.png') 0 0 no-repeat;
    background-size: 100%;
    height: 15px;
    text-indent: -999em;
    position: absolute;
    right: 26px;
    top: 8px;
    width: 15px;
    opacity: 0.8;
    cursor: pointer;
}
.moduleFaust .max {
    background: url('../img/big.png') 0 0 no-repeat;
    background-size: 100%;
    height: 15px;
    text-indent: -999em;
    position: absolute;
    right: 26px;
    top: 8px;
    display:none;
    width: 15px;
    opacity: 0.8;
    cursor: pointer;
}
.moduleFaust .close:hover {
	opacity: 1
}

.moduleFaust.analyzer {
}

/* Module footer */
.moduleFaust footer {
	/*background-color: #fff;*/
	/*background-image: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(219, 219, 219));
	background-image: linear-gradient(top, rgb(255, 255, 255), rgb(219, 219, 219));*/
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	padding: 0em .4em .1em;	
}
.moduleFaust footer select {
	background: url('../img/ico-arrow.png') 100% 50% no-repeat;
	border: none;
	box-sizing: border-box;
	cursor: default;
/* 	font-family: 'Droid Serif', Georgia, serif; */
	font-size: .625em;
	font-style: italic;
	outline: none;
	white-space: pre;
	width: 100%;
	-webkit-appearance: none;
	-webkit-box-align: center;
}
.moduleFaust.has-loop footer select {
	width: 70%;
}
.moduleFaust footer .loop {
	border-left: 1px solid #dbdbdb;
	display: inline;
	float: right;
	font-size: .625em;
	padding: .4em 0 .4em .6em;
	text-transform: uppercase;
	width: 23%;
}
footer>img {
    cursor: pointer;
}
.edit {
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-bottom: 2px;
    background: url(../img/edit.png) no-repeat 100%;
}

/*	---------------------------------------------------------------------------
 *	:: Global classes and styles
 *
 *	- Clearfix
 *	- Nodes
 *	- Modules
 *	- Module nodes
 *	- Module close
 *	- Module footer
 *	- Control group
 *	- Slider
 *	-------------------------------------------------------------------------*/

/* Nav */
#nav {
	margin: 0 0 1.3em;
	padding: 1.3em 0 0 2em;
}

/* Controls */
#controls {
	list-style: none;
	margin: 0;
	padding: 0;
}
#controls li {
	float: left;
	margin-right: .8em;
	position: relative;
}
#controls a {
	background: url('../img/ico-plus.png') .9em 50% no-repeat #fff;
	border-radius: 5px;
	color: #4c4c4c;
	display: block;
	font-size: .625em; /* 11 / 16 */
	padding: .5em 1em .4em 2.6em;
	text-transform: uppercase;
	-webkit-transition: background-color 0.1s linear;
	transition: background-color 0.1s linear;
}

/* Dropdown */
#controls .sub-menu {
	display: none;
	left: 0;
	padding-top: 8px;
	position: absolute;
	/*z-index: 1000;*/
}
#controls ul {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 5px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	list-style: none;
	margin: 0;
	padding: .2em 0;
	position: relative;
}
#controls ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#controls ul a {
	background: none;
	background-image: none;
	border-radius: 0;
	padding: .5em 1em .4em;
	white-space: nowrap;
}
#controls ul a:hover {
	background-color: #dbdbdb;
}
#controls li:hover .sub-menu {
	display: block;
}

/* Dropdown arrow */
#controls ul:after,
#controls ul:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#controls ul:after {
	border-bottom-color: #ffffff;
	border-width: 8px;
	left: 20%;
	margin-left: -8px;
}
#controls ul:before {
	border-bottom-color: #aaa;
	border-width: 9px;
	left: 20%;
	margin-left: -9px;
}

/* Clearfix */
.container:before, .container:after { content: ""; display: table; }
.container:after { clear: both; }
.container { *zoom: 1; }

/* Nodes */
.node {
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 0 3px rgba(0,0,0, .5);
	cursor: pointer;
	height: 34px;
	position: relative;
	width: 34px;
}
.node span {
	border-radius: 50%;
	display: block;
	height: 24px;
	left: 5px;
	position: absolute;
	top: 5px;
	width: 24px;
}
.node-input span {
	background: #24d711;
}

.node-output span {
	background: #ff3030;
}*/
.node:hover {
	box-shadow: 0 0 3px rgba(0,0,0, 1);
}

/* Modules */
.module {
	background-color:white;
	border-radius: 5px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	display: inline-block;
	position: absolute;
}
.module .content {
	background: #fff;
	border-radius: 5px;
	min-width: 10em;
	overflow: hidden;
	padding: 1em 1.25em 1.25em 1.25em;
	position: relative;
}
.module .content img {
	display: block;
	margin: 0 auto;
}
.module.has-footer .content {
	border-bottom: 1px solid #dbdbdb;
	border-radius: 5px 5px 0 0;
}
.module h6 {
	font-size: .75em;
	margin: 0 0 1em;
	text-align: center;
	text-transform: uppercase;
}

/* Module nodes */
.module .node {
	position: absolute;
	margin-top: -16px;
	top: 50%;
}
.module .node-input {
	left: -18px;
}
.module .node-output {
	right: -18px;
}

/* Module close */
.module .close {
	background: url('../img/ico-close.gif') 0 0 no-repeat;
	height: 8px;
	text-indent: -999em;
	position: absolute;
	right: 8px;
	top: 8px;
	width: 9px;
}
.module .close:hover {
	opacity: .8
}

.module.analyzer {
}

/* Module footer */
.module footer {
	background-color: #fff;
	background-image: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(219, 219, 219));
	background-image: linear-gradient(top, rgb(255, 255, 255), rgb(219, 219, 219));
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	padding: 0em .4em .1em;	
}
.module footer select {
	background: url('../img/ico-arrow.png') 100% 50% no-repeat;
	border: none;
	box-sizing: border-box;
	cursor: default;
/* 	font-family: 'Droid Serif', Georgia, serif; */
	font-size: .625em;
	font-style: italic;
	outline: none;
	white-space: pre;
	width: 100%;
	-webkit-appearance: none;
	-webkit-box-align: center;
}
.module.has-loop footer select {
	width: 70%;
}
.module footer .loop {
	border-left: 1px solid #dbdbdb;
	display: inline;
	float: right;
	font-size: .625em;
	padding: .4em 0 .4em .6em;
	text-transform: uppercase;
	width: 23%;
}

/* Control group */
.control-group {
	margin: 0 0 0.2em;
    width:100%;
    display:table;
}
.control-group.last {
	margin: 0;
}

.control-group:last-of-type {
	margin: 0;
}

.control-group.disabled .slider-info {
	color: #e0e0e0;
}
/* Slider */
.slider-info {
	font-size: .625em; /* 10 / 16 */
	margin-bottom: 1em;
	overflow: hidden;
	padding-bottom: .4em;
	position: relative;
}
.slider-info .label {
	display: inline;
	float: left;
	text-transform: uppercase;
	width: 49%;
}
.slider-info .value {
	display: inline;
	float: right;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
	width: 49%;
}
.module .slider-info:last-child {
	margin-bottom: 0;
}

.ui-slider {
	background: url('../img/slider-bkg.gif') 0 0 repeat-x;
	border: 0 none;
	color: #fff;
	height: 11px;
	position: relative;
	text-align: left;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #cccccc;
	background: #f6f6f6;
	font-weight: bold;
	color: #1c94c4;
}
.ui-slider .ui-slider-handle {
	background: url('../img/slider-handle.png') 0 1px no-repeat;
	border: 0 none;
	cursor: default;
	height: 18px;
	margin-left: -.6em;
	position: absolute;
	top: -.3em;
	width: 16px;
	/*z-index: 2;*/
}
.ui-slider .ui-slider-range {
	background-position: 0 0;
	border: 0;
	display: block;
	font-size: .7em;
	height: 100%;
	position: absolute;
	top: 0;
	/*z-index: 1;*/
}
.ui-slider .ui-slider-range-min {
	left: 0;
}
.ui-slider .ui-slider-range-max {
	right: 0;
}

input.not-allowed {
    cursor:not-allowed;
    opacity:0.5;
}
input.allowed {
    cursor:pointer;
    opacity:1;
}
input.edit {
    cursor:pointer!important;
}

input[type="range"] {
	-webkit-appearance: none;
	background-color: #303030;
	height: 2px;
	display: block;
	margin-top: 5px;
	margin-bottom: 15px;
	width: 100%;
}
input[type=range]::-moz-range-track {
    background-color: #303030;
	height: 1px;
    border-style:none;
	display: block;
	margin-top: 5px;
	margin-bottom: 15px;
	width: 100%;
}
input[type="range"]::-webkit-slider-thumb {
    background-color: #fff;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.61);
	-webkit-appearance: none;
	position: relative;
	top: 0px;
	height: 20px;
    width: 20px;
	border-radius: 40px;
}

.x > input[type="range"]::-webkit-slider-thumb {
    background-color: #ff002f;
}
.y > input[type="range"]::-webkit-slider-thumb {
    background-color: #24d711;
}
.z > input[type="range"]::-webkit-slider-thumb {
    background-color: #0044ff;
}
.disabledAcc > input[type="range"]::-webkit-slider-thumb {
    background-color: white;
}
input[type=range]::-moz-range-thumb {
    background-color: #fff;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.61);
	position: relative;
	top: 0px;
	height: 20px;
    width: 20px;
	border-radius: 40px;
    border-style:hidden;
}
.x > input[type="range"]::-moz-range-thumb {
    background-color: #ff002f;
}
.y > input[type="range"]::-moz-range-thumb {
    background-color: #24d711;
}
.z > input[type="range"]::-moz-range-thumb {
    background-color: #0044ff;
}
.disabledAcc > input[type="range"]::-moz-range-thumb {
    background-color: white;
}

input.accCheckbox {
    display:block;
    width: 1em;
    height: 1em;
    float: left;
    margin-right: 0.3em;
}

span.titleAcc {
    font-size: 0.7em;
    line-height: 1.5em;
    display: block;
    float: left;
    margin-right: 0.3em;
}



#library {
	background:orange;
	height: 100%;
	position: fixed;
	left: 0%;
	top: 0%;
	bottom: 15%;
	/*z-index: 1;*/
	font-size : 14px;
	color:white;
	text-align:center;
	padding:0.5em 0.5em 0.5em 0.5em;
	overflow-y: auto;
	overflow-x: hidden;
}

#library .space{
	height: 70px;
}

#library.link a {
	color: white;
	font: inherit;
	text-decoration: underline;
}

#library li.sections{
 color: black;
 display : list-item;
 text-align:left;
 font-size:18px;
} 

#library .title{

	text-align:left;
	color:black;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform: rotate(270deg);
	display:block;
	position: relative;
	top:40%;
	right:250%;
	width:300px;
	font-size:20px;
	/*z-index:2;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.inputconnector {
		position: absolute;
		left:-12px; top:75px;
		width:10px; height:10px;
		border:5px solid red;
		border-radius: 10px;
		background: gray;
}

.inputconnector.connected, .outputconnector.connected { background: lightgreen }
.inputconnector.canConnect, .outputconnector.canConnect { background: pink }

.outputconnector {
		position: absolute;
		right:-12px; top:75px;
		width:10px; height:10px;
		border:5px solid green;
		border-radius: 10px;
		background: gray;
}

.dialcontrol {
	position: absolute;
}

/* #code { font: 10pt Courier New, fixed; } */

/*	---------------------------------------------------------------------------
 *	:: Input
 *	-------------------------------------------------------------------------*/
#input {
	
	bottom: 0;
	display: block;
	position: fixed;
	padding:10px;
	left: 0;
	width: 8%;
	/*z-index: 1;*/
}

#input .node {
	right: -18px;
	margin-top: -11px;
	position: absolute;
	top: 50%;
}

.text{
	
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:19px;
	background-color:transparent;
	top: 60%;
    left:10%;
}


/*	---------------------------------------------------------------------------
 *	:: Output
 *	-------------------------------------------------------------------------*/
#sceneOutput {
	/*! background:
		url('../img/output-bkg.gif') 0 0 repeat; */
	/*! box-shadow: 0 0 3px rgba(0,0,0, .4); */
	display: block;
	position: fixed;
	padding-right:20px;
	padding-left:20px;
	right: 0;
	top: 0;
	width: 150px;
	/*z-index: 4;*/
    border-radius: 0px 0px 0px 0px;
    padding:10px;
	background: rgba(6, 39, 156, 0.21);
}


#sceneOutput .node {
	left: -18px;
	margin-top: -11px;
	position: absolute;
	top: 50%;
}

#sceneOutput .export-title {
	color: black;	
	font-size: 20px;
	text-align:center;
	font-size: 14px;
	margin: 0 0 1em;
	text-align: center;
	text-transform: uppercase;
}

#sceneOutput .architectures, #sceneOutput .platforms{
	width: 100%; 
    margin-top: 7px;
    /*! border-radius: 32px; */
}
#svgRefreshButton{
    width: 100%;
}

#sceneOutput .qrcodeDiv{
	position: fixed; 
	bottom: 2px;
}

#sceneOutput .exportButton{
	position: fixed;
	right: 60px;
}

.textArea {
    margin-top: -2em;
    margin-left: 1em;
    margin-right: 1em;
}


.sceneTitle:focus { 
	outline: 0px solid transparent; 
}

.sceneSubtitle{
	color:white;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
	text-align:center;
	font-size:18px;
	background-color:transparent;
	/*z-index:1;*/
}

/* 
.grayButton {
	position:fixed;
	color: white;
	bottom: 2px;
	right: 200px;
	text-align: center;
	background-color: #FCD21C;
	border-radius: 5px;
	color: #4c4c4c;
	font-size: 1em;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
	text-transform: uppercase;
	font-size:20px;
}
 */

.orangeButton {

	position:relative;
	text-align: center;
	background-color: orange;
	border-radius: 5px;
	color: #4c4c4c;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 15px;
	text-transform: uppercase;
	font-size:20px;
	width: 100px;
	margin-left:auto; 
	margin-right:auto;
	top:200px;
	box-shadow: 2px 2px 2px 2px black;
}
div#sceneSensor {
    width: 100%;
    height: 100%;
}#svgCanvas{
	position:absolute; 
	width:100%; 
	height:100%; 
	top:0; 
	left:0; 
	/*z-index:-1;*/
}


#optionExportContainer{
    position:relative;
    width:100%
}




#ChrisLine{
	position:fixed;
	left:100px; 
    color: rgba(24, 24, 162, 0.65);
	/*z-index:2;*/
}

.text{
	position:absolute; 
	top:60%;
}

#logoDiv{
	bottom:4px; 
	position:absolute; 
	margin-left:auto; 
	margin-right : auto; 
}

.dropElementGraph {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
}
.dropElementText {
    position: absolute;
    bottom: 0px;
    font-size: 500%;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
    color: rgba(0, 0, 0, 0.1);
    text-align: center;
    width: 100%;
}



/*Menu.css*/



/*layout menu general*/


div#menuContainer {
    width: 100%;
    position: absolute;
    top: 0;
}

.no_pointer{
    pointer-events:none;
}

div#closeButtonContainer {
    height: 25px;
}
.menuContent {
    width:100%;
}
div#closeButton {
    background: url(../img/cross_close_menu.png);
    width: 15px;
    height: 15px;
    margin: 5px;
    background-repeat: no-repeat;
    background-position: 50%;
    float: right;
    cursor: pointer;
    background-size: 100%;
    opacity: 0.8;
}
div#closeButton:hover{
    opacity:1;

}
.sceneTitle{
    color: white;
    position: relative;
    float: right;
    margin-right: 8px;
    font-size: 25px;
}
div#buttonsMenu {
    background-color: rgba(255, 0, 0, 0.39);
    float: left;
    position: relative;
    width: 100%;
    box-shadow: 0 0 20px rgba(0, 55, 255, 0.65);
}

div#contentsMenu {
    float: left;
    position: relative;
    width:100%;
    color: white;
    background-color: rgba(220,54,64,0.9);
    box-shadow: 0 0 5px black;
    padding-bottom: 10px;

}
.buttonsMenu {
    position:relative;
    border-style: solid;
    border-width: 0px 1px 0 0;
    border-color: rgba(0, 168, 255,0.4);
    /* box-shadow: 0 0 1px black; */
    cursor: pointer;
    float: left;
    line-height: 40px;
    text-align: center;
    height: 40px;
    background-color: rgba(227, 64, 80, 0.73);
    /* margin-bottom: 10px; */
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.9);
    width: 99px;
}
.buttonsMenu:hover {
    color:white;
    background-color: rgba(209, 64, 80, 0.9)!important;
}

/*layout menu library*/

.submenuLibraryContent {
    float: left;
    height: 300px;
    width: 33%;
}
.librarySelects {
    overflow-y: auto;
    height: 250px;
    overflow-x: hidden;
}




.libraryTitles {

    width: 100%;
    display: inline-block;
    text-align: center;

}
ul.librarySelects {
    padding: 0.5em 1em;
    margin: 5%;
    position: relative;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.29);
    list-style: none;
    height:calc(100% - 4em);

}
.librarySelects.ps-container > .ps-scrollbar-x-rail,
.librarySelects.ps-container > .ps-scrollbar-y-rail
{
    opacity:0.6;

}
.librarySelects.ps-container > .ps-scrollbar-x-rail,
.librarySelects.ps-container > .ps-scrollbar-y-rail:hover
{
    opacity:0.6;

}
li {
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 0em 0.2em;
}
li>a {
    display: block;
    padding-left: 1em;
    pointer-events:all!important;
}

li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: rgba(59, 165, 255, 0.74);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.49);
    border-radius: 2px;
}
/*perfect scroll bar theme*/

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    border-radius:0px!important;
    background-color: #73FFEA;

}
.ps-container > .ps-scrollbar-y-rail  {
    border-radius:0px!important;

}
/*layout menu export*/

div#exportContent {
    height: 100%;
}
.exportSubmenu {
    width: 29%;
    padding: 0px 2%;
    float: left;
    height: 100%;
    margin-bottom: 2.5em;
}
.exportTitle {
    text-align: center;
    width: 100%;
    display: block;
}
.selects {
    display: block;
    margin: 0 auto;
    margin-bottom: 1em;
    padding: 0.3em;
    width: 100%;
    max-width: 200px;
    border: none;
    /* color: white; */
    background-color: rgba(255, 255, 255, 0.49);
    cursor:pointer;
}
.bottomButtonContainer {
    bottom: 0;
    position: absolute;
    width: calc(100%/3.45);
    margin-bottom: 1em;
}

div#nameAppContainer {
    border-right-color: rgba(0, 0, 0, 0.35);
    border-right-style: solid;
    border-right-width: 2px;
}
input#inputNameApp {
}
.inputExport{
    display: block;
    margin: 1em auto;
    color: white;
    border-style: none;
    padding: 0.3em;
    width: 95%;
    max-width: 300px;
    background-color: rgba(255, 255, 255, 0.3);
}

.button {
    border: none;
    background-color: #E34050;
    margin: 0 auto;
    width: 98%;
    max-width: 200px;
    display: block;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.52);
    opacity: 0.8;
    color: white;
    min-height:40px;

}

.changeAccountButton {
    margin-bottom: 1em;
}

.button:hover {
    box-shadow:0 0 5px black;
    opacity: 1;
    }
span#rulesName {
    font-size: 0.8em;
    display: block;
    opacity: 0.6;
    margin: 2em 0;
    text-align:justify;
}

div#nameAppContainer {
    border-right-color: rgba(0, 0, 0, 0.2);
    border-right-style: solid;
    border-right-width: 2px;
}
div#exportOptionContainer{
    border-right-color: rgba(0, 0, 0, 0.2);
    border-right-style: solid;
    border-right-width: 2px;
}

#faustweburl {
    /*color: rgba(255, 255, 255, 0.6);
    padding-bottom: 4em;
    display: block;
    margin: 0 auto;
    border: 0px;
    text-align: center;
    font-size: 12px;
    background-color: transparent;
    outline: 0px solid transparent;
    text-align: center;
    position: relative;*/
}
#refreshButton {
    margin-bottom: 2em
}
#refreshButton:hover{
    opacity:1;
}

#selectDiv{
	position:relative;
    width: 100%;
    float:left;
}

div#moreOptionDiv {
    top: 40%;
    margin: 0px auto;
    width: inherit;
    cursor: pointer;
    text-align: center;
    position: absolute;
}

div#lessOptionDiv {
    cursor: pointer;
    font-size: small;
}

#plateforms{


}

#architectures{


}

#exportButton{

}

/*téléchargement*/

a#linkDownload {
    display: block;
    text-align: center;
    font-size: 1em;
    line-height: 3em;
    margin-top: 2em;
}
a#linkDownload:hover{
    color:white;
}

#loadingImg {
    border: 0;
    width: 75px;
    display: block;
    margin: 3em auto;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

#loadingText{
    display: block;
    width: 26%;
    margin: 0 auto;
}

#qrcodeDiv{
	position: relative;
    margin-top: 2em;
    margin-bottom: 2em;
}

#qrcodeDiv>div {
    box-shadow: 0 0 5px black;
}

/*fullscreen button*/
.buttonsLittleMenu {
    height: 40px;
    cursor: pointer;
    margin: 0 1%;
    width: 40px;
    float: left;
}
div#fullScreenButton {
    background: url("../img/fullscreen.png") no-repeat 50%;
    background-size: 80%;
}
div#accButton {
    background: url("../img/checkBox.png") no-repeat 50%;
    background-size: 80%;
}
 div#cleanButton {
    background: url("../img/trash.png") no-repeat 50%;
    background-size: 80%;
}

/*Save menu*/


div#saveContainer {
    height: 100%;
}

div#downloadContainer {
    border-right-color:rgba(0, 0, 0, 0.2);
    border-right-style: solid;
    border-right-width: 2px;
}
div#localSaveContainer {
    border-right-color: rgba(0, 0, 0, 0.2);
    border-right-style: solid;
    border-right-width: 2px;
}

#labelDownload {
    font-size: 0.8em;
}
#checkBoxPrecompile {
    display: block;
    float: left;
    margin: 0.5em;
}
select.sceneSelect {
    width: 100%;
    background: rgba(255, 255, 255, 0.15);
    border: none;
    color: white;
    padding: 0.2em;
    margin-bottom: 1em;
}

select::selection {
    background: rgba(255, 255, 255, 0.53)!important;
    color: black!important;
    text-shadow: none;
}

select:focus {
    border:none;
    background: rgba(255, 255, 255, 0.53)!important;

}

#dialogGoodNews {
    -webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

/*load menu*/

div#loadContainer {
        height: 100px;
}

div#loadFileContainer {
    border-right-color: rgba(0, 0, 0, 0.2);
    border-right-style: solid;
    border-right-width: 2px;
}
div#loadLocalContainer {
    border-right-color: rgba(0, 0, 0, 0.2);
    border-right-style: solid;
    border-right-width: 2px;
}

#loadFileInput {
    width: 100%;
}

.exempleAnchor {
    display: block;
    line-height: 2em;
}

select#existingSceneSelectDrive {
    width: 100%;
    background: rgba(255, 255, 255, 0.15);
    border: none;
    color: white;
    padding: 0.2em;
}
div#accBlockLayer {
    position: absolute;
    display: block;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0, 137, 255, 0.95) 0%, rgba(108, 50, 255, 0.95) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 137, 255, 0.95) 0%,rgba(108, 50, 255, 0.95) 100%);
    background: linear-gradient(to bottom, rgba(0, 137, 255, 0.95) 0%,rgba(108, 50, 255, 0.95) 100%);
}
div#accEditContainer {
    color: white;
}

#accEditContainer>h6 {
    font-size: large;
    text-align: center;
    height: 0em;
    padding: 0;
    margin: 0.4em;
}
form#radioCurveContainer {
    width: 75%;
    margin: 0 auto;
    position:relative;

}
form#radioAxisContainer {
    position:relative;
    width: 75%;
    margin: 0 auto;
}
[type="radio"], [type="checkbox"] {
    cursor:pointer;
}
input.radio {
    width: 1.3em;
    display: block;
    float: right;
    margin-top: 0.1em;
    height: 1.3em;
    margin-right: 1em;
}
label.curve {
    box-shadow: 0 0 5px rgb(0, 67, 255);
    border-radius: 5px;
    display: block;
    width: 23%;
    float: left;
    margin: 0 1%;
    padding: 3px 0;
    padding-bottom:1.8em;
    text-align: center;
}
label#curve1 {
    background:url(../img/curve1.png);
    background-position: 50% 95%;
    background-repeat: no-repeat;
}
label#curve2 {
    background:url(../img/curve2.png);
    background-position: 50% 95%;
    background-repeat: no-repeat;
}
label#curve3 {
    background:url(../img/curve3.png);
    background-position: 50% 95%;
    background-repeat: no-repeat;
}
label#curve4 {
    background:url(../img/curve4.png);
    background-position: 50% 95%;
    background-repeat: no-repeat;
}
label.axe {
    box-shadow: 0 0 5px rgb(0, 67, 255);
    border-radius: 5px;
    display: block;
    width: 23%;
    float: left;
    margin: 0 1%;
    opacity: 0.8;
    padding: 3px 0;
    text-align: center;
}
    label.axe:hover {
        opacity:1;
    }
label#axeX {
    background: rgba(255, 65, 33, 0.4);
}
label#axeY {
    background: rgba(0, 255, 0, 0.3);
}
label#axeZ {
    background: rgba(0, 0, 255, 0.1);
}


form#checkOnOffContainer {
    position: relative;
    width: 33%;
    margin: 0px auto;
    display: block;
    min-width: 187px;
}

label#checkOnOffLabel {
    position: relative;
    display: block;
    padding: 4px;
    box-shadow: 0 0 3px blue;
    text-align: center;
    cursor: pointer;
    width: 100%;
    float: left;
    top: -5px;
}

input#checkOnOff {
    margin-left: 0.5em;
    width: 1.3em;
    height: 1.3em;
    display: block;
    float: right;
}

div#cloneContainer {
    position: relative;
    width: 33%;
    margin: 0 auto;
    opacity: 0.5;
    height:0;
}


#cloneContainer > .control-group {
    cursor: not-allowed;
    background: white;
    color: red;
}
#cloneContainer > .control-group > input {
    cursor:not-allowed;
}
div#rangeContainer {
    /* top: 400px; */
    position: relative;
    width: 80%;
    margin: 0 auto;
    height: 3em;
    padding-top: 3em;
    /* padding-right: 1em; */
    /* padding-left: 1em; */
    border-radius: 5px;
    box-shadow: 0 0 7px #0043FF;
    /* margin-top: 50%; */
}

input.accRange {
    position:absolute;
}
label#labelTitle {

    display: block;
    font-size: 0.8em;
    margin: -3em 1em;
    position: absolute;
}
input[type="range"]#accRangeMin::-webkit-slider-thumb {
    content:"";
    background: url("../img/sliderleft_chrome.png");
    box-shadow:none;
    background-repeat: no-repeat;
    background-position: center;
	-webkit-appearance: none;
	position: relative;
	top: -18px;
	height: 36px;
    width: 28px;
    left: -14px;
	border-radius: 0px;
}
input[type="range"]#accRangeMid::-webkit-slider-thumb{
    content:"";
    background: url("../img/slidermiddle_chrome.png");
    box-shadow:none;
    background-repeat: no-repeat;
    background-position: center;
	-webkit-appearance: none;
	position: relative;
	top: -18px;
	height: 36px;
    width: 28px;
	border-radius: 0px;
}
input[type="range"]#accRangeMax::-webkit-slider-thumb {
    content:"";
    background: url("../img/sliderright_chrome.png");
    box-shadow:none;
    background-repeat: no-repeat;
    background-position: center;
	-webkit-appearance: none;
	position: relative;
	top: -18px;
	height: 36px;
    width: 28px;
	border-radius: 0px;
    left: 14px;
}

[type="range"]#accRangeVirtual::-webkit-slider-thumb {
    background:red;
    width: 20px;

    border-radius:20px;
    top: 0px!important;
    height: 20px!important;

}
[type="range"]#accRangeCurrent::-webkit-slider-thumb {
    background:red;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.61);
        width: 35px;

    border-radius:20px;
    top: 0px!important;
    height: 35px!important;
}

.x > input[type="range"]#accRangeCurrent::-webkit-slider-thumb {
    background-color: rgba(255, 0, 47, 0.60);
}
.y > input[type="range"]#accRangeCurrent::-webkit-slider-thumb {
    background-color: rgba(36, 215, 17, 0.60);
}
.z > input[type="range"]#accRangeCurrent::-webkit-slider-thumb {
    background-color: rgba(0, 68, 255, 0.60);
}
.disabledAcc > input[type="range"]#accRangeCurrent::-webkit-slider-thumb {
    background-color: rgba(255, 255, 255, 0.60)!important;
}
.x > input[type="range"]#accRangeVirtual::-webkit-slider-thumb {
    background-color: rgba(255, 0, 47, 0.90);
}
.y > input[type="range"]#accRangeVirtual::-webkit-slider-thumb {
    background-color: rgba(36, 215, 17, 0.90);
}
.z > input[type="range"]#accRangeVirtual::-webkit-slider-thumb {
    background-color: rgba(0, 68, 255, 0.90);
}
.disabledAcc > input[type="range"]#accRangeVirtual::-webkit-slider-thumb {
    background-color: rgba(255, 255, 255, 0.90)!important;
}
#rangeContainer > input[type="range"] {
    -webkit-appearance: none;
    cursor: pointer;
    background-color: rgba(83, 0, 255, 0.5);
    box-shadow: 0 0 2px rgba(1, 185, 255, 0.35);
    height: 10px;
    display: block;
    border-radius: 10px;
    margin-top: 1px;
    margin-bottom: 15px;
    margin: 1em 1em;
    width: 95%;
}

input[type="range"]#accRangeMin::-moz-range-thumb {
    background: url("../img/sliderleft.png");
    box-shadow:none;
    background-repeat: no-repeat;
    background-position: left;
	-webkit-appearance: none;
	position: relative;
	top: -18px;
	height: 72px;
    width: 56px;
    left: -14px;
	border-radius: 0px;
}
input[type="range"]#accRangeMid::-moz-range-thumb{
    background: url("../img/slidermiddle.png");
    box-shadow:none;
    background-repeat: no-repeat;
    background-position: center;
	-webkit-appearance: none;
	position: relative;
	top: -18px;
	height: 72px;
    width: 28px;
	border-radius: 0px;
}
input[type="range"]#accRangeMax::-moz-range-thumb {
    background: url("../img/sliderright.png");
    box-shadow:none;
    background-repeat: no-repeat;
    background-position: right;
	-webkit-appearance: none;
	position: relative;
	top: -18px;
	height: 72px;
    width: 56px;
    left: 14px;
	border-radius: 0px;
}
[type="range"]#accRangeVirtual::-moz-range-thumb {
    background:red;
    border-radius:20px;
    top: 0px!important;
    height: 20px!important;
    width:20px;
}
[type="range"]#accRangeCurrent::-moz-range-thumb {
    background:red;
    border-radius:20px;
    top: 0px!important;
    height: 35px!important;
    width:35px;
}
#rangeContainer > input[type=range]::-moz-range-track {
    -webkit-appearance: none;
    cursor: pointer;
    background-color: rgba(83, 0, 255, 0.5);
    box-shadow: 0 0 2px rgba(1, 185, 255, 0.35);
    height: 10px;
    display: block;
    border-radius: 10px;
    margin-top: 1px;
    margin-bottom: 15px;
    margin: 1em 1em;
    width: 95%;
}
.x > input[type="range"]#accRangeCurrent::-moz-range-thumb {
    background-color: rgba(255, 0, 47, 0.60);
}
.y > input[type="range"]#accRangeCurrent::-moz-range-thumb {
    background-color: rgba(36, 215, 17, 0.60);
}
.z > input[type="range"]#accRangeCurrent::-moz-range-thumb {
    background-color: rgba(0, 68, 255, 0.60);
}
.disabledAcc > input[type="range"]#accRangeCurrent::-moz-range-thumb {
    background-color: rgba(255, 255, 255, 0.60)!important;
}
.x > input[type="range"]#accRangeVirtual::-moz-range-thumb {
    background-color: rgba(255, 0, 47, 0.90);
}
.y > input[type="range"]#accRangeVirtual::-moz-range-thumb {
    background-color: rgba(36, 215, 17, 0.90);
}
.z > input[type="range"]#accRangeVirtual::-moz-range-thumb {
    background-color: rgba(0, 68, 255, 0.90);
}
.disabledAcc > input[type="range"]#accRangeVirtual::-moz-range-thumb {
    background-color: rgba(255, 255, 255, 0.90)!important;
}




div#validContainer {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
button.accButton {
    border-right: 1px solid rgba(0, 0, 255, 0.35) !important;
    border-top: 1px solid rgba(0, 0, 255, 0.35) !important;
    height: 3em;
    width: 50%;
    border: none;
}
button#cancelButton {
    background: url(../img/cancel_white.png)no-repeat 50%;
    background-size: contain;

}
button#validButton {
    background: url(../img/validate_white.png)no-repeat 50%;
    background-size: contain;
}
.editControl {
    box-shadow: rgb(0, 112, 255) 0 0 5px;
    border-radius: 3px;
}
.editControl:hover {
    box-shadow: rgb(0, 112, 255) 0 0 20px!important;
    border-radius: 3px;
    cursor:pointer;
}/* perfect-scrollbar v0.6.10 */
.ps-container{-ms-touch-action:none;touch-action:none;overflow:hidden !important;-ms-overflow-style:none}@supports (-ms-overflow-style: none){.ps-container{overflow:auto !important}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.ps-container{overflow:auto !important}}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block;background-color:transparent}.ps-container.ps-in-scrolling{pointer-events:none}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:0.9}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:0.9}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;bottom:3px;height:8px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;bottom:0;height:8px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;right:3px;width:8px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;right:0;width:8px}.ps-container:hover.ps-in-scrolling{pointer-events:none}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:0.9}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:0.9}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:0.6}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:0.9}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:0.9}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}