diff --git a/dist/grapesjs.min.css b/dist/grapesjs.min.css
new file mode 100644
index 000000000..fc1e1fdc5
--- /dev/null
+++ b/dist/grapesjs.min.css
@@ -0,0 +1,4287 @@
+@charset "UTF-8";
+/* stylelint-disable */
+/***
+Spectrum Colorpicker v1.7.1
+https://github.com/bgrins/spectrum
+Author: Brian Grinstead
+License: MIT
+***/
+.sp-container {
+ position: absolute;
+ top: 0;
+ left: 0;
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+ /* https://github.com/bgrins/spectrum/issues/40 */
+ z-index: 9999994;
+ overflow: hidden; }
+
+.sp-container.sp-flat {
+ position: relative; }
+
+/* Fix for * { box-sizing: border-box; } */
+.sp-container,
+.sp-container * {
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box; }
+
+/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
+.sp-top {
+ position: relative;
+ width: 100%;
+ display: inline-block; }
+
+.sp-top-inner {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0; }
+
+.sp-color {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 20%; }
+
+.sp-hue {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 84%;
+ height: 100%; }
+
+.sp-clear-enabled .sp-hue {
+ top: 33px;
+ height: 77.5%; }
+
+.sp-fill {
+ padding-top: 80%; }
+
+.sp-sat, .sp-val {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0; }
+
+.sp-alpha-enabled .sp-top {
+ margin-bottom: 18px; }
+
+.sp-alpha-enabled .sp-alpha {
+ display: block; }
+
+.sp-alpha-handle {
+ position: absolute;
+ top: -4px;
+ bottom: -4px;
+ width: 6px;
+ left: 50%;
+ cursor: pointer;
+ border: 1px solid black;
+ background: white;
+ opacity: .8; }
+
+.sp-alpha {
+ display: none;
+ position: absolute;
+ bottom: -14px;
+ right: 0;
+ left: 0;
+ height: 8px; }
+
+.sp-alpha-inner {
+ border: solid 1px #333; }
+
+.sp-clear {
+ display: none; }
+
+.sp-clear.sp-clear-display {
+ background-position: center; }
+
+.sp-clear-enabled .sp-clear {
+ display: block;
+ position: absolute;
+ top: 0px;
+ right: 0;
+ bottom: 0;
+ left: 84%;
+ height: 28px; }
+
+/* Don't allow text selection */
+.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
+ -webkit-user-select: none;
+ -moz-user-select: -moz-none;
+ -o-user-select: none;
+ user-select: none; }
+
+.sp-container.sp-input-disabled .sp-input-container {
+ display: none; }
+
+.sp-container.sp-buttons-disabled .sp-button-container {
+ display: none; }
+
+.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
+ display: none; }
+
+.sp-palette-only .sp-picker-container {
+ display: none; }
+
+.sp-palette-disabled .sp-palette-container {
+ display: none; }
+
+.sp-initial-disabled .sp-initial {
+ display: none; }
+
+/* Gradients for hue, saturation and value instead of images. Not pretty... but it works */
+.sp-sat {
+ background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
+ background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
+ background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
+ background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
+ background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
+ background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
+ filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); }
+
+.sp-val {
+ background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
+ background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
+ background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
+ background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
+ background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
+ background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); }
+
+.sp-hue {
+ background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
+ background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
+ background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
+ background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
+ background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
+ background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); }
+
+/* IE filters do not support multiple color stops.
+ Generate 6 divs, line them up, and do two color gradients for each.
+ Yes, really.
+ */
+.sp-1 {
+ height: 17%;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); }
+
+.sp-2 {
+ height: 16%;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); }
+
+.sp-3 {
+ height: 17%;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); }
+
+.sp-4 {
+ height: 17%;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); }
+
+.sp-5 {
+ height: 16%;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); }
+
+.sp-6 {
+ height: 17%;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); }
+
+.sp-hidden {
+ display: none !important; }
+
+/* Clearfix hack */
+.sp-cf:before, .sp-cf:after {
+ content: "";
+ display: table; }
+
+.sp-cf:after {
+ clear: both; }
+
+.sp-cf {
+ *zoom: 1; }
+
+/* Mobile devices, make hue slider bigger so it is easier to slide */
+@media (max-device-width: 480px) {
+ .sp-color {
+ right: 40%; }
+ .sp-hue {
+ left: 63%; }
+ .sp-fill {
+ padding-top: 60%; } }
+
+.sp-dragger {
+ border-radius: 5px;
+ height: 5px;
+ width: 5px;
+ border: 1px solid #fff;
+ background: #000;
+ cursor: pointer;
+ position: absolute;
+ top: 0;
+ left: 0; }
+
+.sp-slider {
+ position: absolute;
+ top: 0;
+ cursor: pointer;
+ height: 3px;
+ left: -1px;
+ right: -1px;
+ border: 1px solid #000;
+ background: white;
+ opacity: .8; }
+
+/*
+Theme authors:
+Here are the basic themeable display options (colors, fonts, global widths).
+See http://bgrins.github.io/spectrum/themes/ for instructions.
+*/
+.sp-container {
+ border-radius: 0;
+ background-color: #ECECEC;
+ border: solid 1px #f0c49B;
+ padding: 0; }
+
+.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
+ font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ box-sizing: border-box; }
+
+.sp-top {
+ margin-bottom: 3px; }
+
+.sp-color, .sp-hue, .sp-clear {
+ border: solid 1px #666; }
+
+/* Input */
+.sp-input-container {
+ float: right;
+ width: 100px;
+ margin-bottom: 4px; }
+
+.sp-initial-disabled .sp-input-container {
+ width: 100%; }
+
+.sp-input {
+ font-size: 12px !important;
+ border: 1px inset;
+ padding: 4px 5px;
+ margin: 0;
+ width: 100%;
+ background: transparent;
+ border-radius: 3px;
+ color: #222; }
+
+.sp-input:focus {
+ border: 1px solid orange; }
+
+.sp-input.sp-validation-error {
+ border: 1px solid red;
+ background: #fdd; }
+
+.sp-picker-container, .sp-palette-container {
+ float: left;
+ position: relative;
+ padding: 10px;
+ padding-bottom: 300px;
+ margin-bottom: -290px; }
+
+.sp-picker-container {
+ width: 172px;
+ border-left: solid 1px #fff; }
+
+/* Palettes */
+.sp-palette-container {
+ border-right: solid 1px #ccc; }
+
+.sp-palette-only .sp-palette-container {
+ border: 0; }
+
+.sp-palette .sp-thumb-el {
+ display: block;
+ position: relative;
+ float: left;
+ width: 24px;
+ height: 15px;
+ margin: 3px;
+ cursor: pointer;
+ border: solid 2px transparent; }
+
+.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
+ border-color: orange; }
+
+.sp-thumb-el {
+ position: relative; }
+
+/* Initial */
+.sp-initial {
+ float: left;
+ border: solid 1px #333; }
+
+.sp-initial span {
+ width: 30px;
+ height: 25px;
+ border: none;
+ display: block;
+ float: left;
+ margin: 0; }
+
+.sp-initial .sp-clear-display {
+ background-position: center; }
+
+/* Buttons */
+.sp-palette-button-container,
+.sp-button-container {
+ float: right; }
+
+/* Replacer (the little preview div that shows up instead of the ) */
+.sp-replacer {
+ margin: 0;
+ overflow: hidden;
+ cursor: pointer;
+ padding: 4px;
+ display: inline-block;
+ *zoom: 1;
+ *display: inline;
+ border: solid 1px #91765d;
+ background: #eee;
+ color: #333;
+ vertical-align: middle; }
+
+.sp-replacer:hover, .sp-replacer.sp-active {
+ border-color: #F0C49B;
+ color: #111; }
+
+.sp-replacer.sp-disabled {
+ cursor: default;
+ border-color: silver;
+ color: silver; }
+
+.sp-dd {
+ padding: 2px 0;
+ height: 16px;
+ line-height: 16px;
+ float: left;
+ font-size: 10px; }
+
+.sp-preview {
+ position: relative;
+ width: 25px;
+ height: 20px;
+ border: solid 1px #222;
+ margin-right: 5px;
+ float: left;
+ z-index: 0; }
+
+.sp-palette {
+ *width: 220px;
+ max-width: 220px; }
+
+.sp-palette .sp-thumb-el {
+ width: 16px;
+ height: 16px;
+ margin: 2px 1px;
+ border: solid 1px #d0d0d0; }
+
+.sp-container {
+ padding-bottom: 0; }
+
+/* Buttons: http://hellohappy.org/css3-buttons/ */
+.sp-container button {
+ background-color: #eeeeee;
+ background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
+ background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
+ background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
+ background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
+ background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
+ border: 1px solid #ccc;
+ border-bottom: 1px solid #bbb;
+ border-radius: 3px;
+ color: #333;
+ font-size: 14px;
+ line-height: 1;
+ padding: 5px 4px;
+ text-align: center;
+ text-shadow: 0 1px 0 #eee;
+ vertical-align: middle; }
+
+.sp-container button:hover {
+ background-color: #dddddd;
+ background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
+ background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
+ background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
+ background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
+ background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
+ border: 1px solid #bbb;
+ border-bottom: 1px solid #999;
+ cursor: pointer;
+ text-shadow: 0 1px 0 #ddd; }
+
+.sp-container button:active {
+ border: 1px solid #aaa;
+ border-bottom: 1px solid #888;
+ -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
+ -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
+ -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
+ -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
+ box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }
+
+.sp-cancel {
+ font-size: 11px;
+ color: #d93f3f !important;
+ margin: 0;
+ padding: 2px;
+ margin-right: 5px;
+ vertical-align: middle;
+ text-decoration: none; }
+
+.sp-cancel:hover {
+ color: #d93f3f !important;
+ text-decoration: underline; }
+
+.sp-palette span:hover, .sp-palette span.sp-thumb-active {
+ border-color: #000; }
+
+.sp-preview, .sp-alpha, .sp-thumb-el {
+ position: relative;
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); }
+
+.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0; }
+
+.sp-palette .sp-thumb-inner {
+ background-position: 50% 50%;
+ background-repeat: no-repeat; }
+
+.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); }
+
+.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); }
+
+.sp-clear-display {
+ background-repeat: no-repeat;
+ background-position: center;
+ background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); }
+
+/*!
+ * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+/* FONT PATH
+ * -------------------------- */
+@font-face {
+ font-family: 'FontAwesome';
+ src: url("../fonts/fontawesome-webfont.eot?v=4.5.0");
+ src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
+ font-weight: normal;
+ font-style: normal; }
+
+.fa {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale; }
+
+/* makes the font 33% larger relative to the icon container */
+.fa-lg {
+ font-size: 1.33333em;
+ line-height: 0.75em;
+ vertical-align: -15%; }
+
+.fa-2x {
+ font-size: 2em; }
+
+.fa-3x {
+ font-size: 3em; }
+
+.fa-4x {
+ font-size: 4em; }
+
+.fa-5x {
+ font-size: 5em; }
+
+.fa-fw {
+ width: 1.28571em;
+ text-align: center; }
+
+.fa-ul {
+ padding-left: 0;
+ margin-left: 2.14286em;
+ list-style-type: none; }
+ .fa-ul > li {
+ position: relative; }
+
+.fa-li {
+ position: absolute;
+ left: -2.14286em;
+ width: 2.14286em;
+ top: 0.14286em;
+ text-align: center; }
+ .fa-li.fa-lg {
+ left: -1.85714em; }
+
+.fa-border {
+ padding: .2em .25em .15em;
+ border: solid 0.08em #eee;
+ border-radius: .1em; }
+
+.fa-pull-left {
+ float: left; }
+
+.fa-pull-right {
+ float: right; }
+
+.fa.fa-pull-left {
+ margin-right: .3em; }
+
+.fa.fa-pull-right {
+ margin-left: .3em; }
+
+/* Deprecated as of 4.4.0 */
+.pull-right {
+ float: right; }
+
+.pull-left {
+ float: left; }
+
+.fa.pull-left {
+ margin-right: .3em; }
+
+.fa.pull-right {
+ margin-left: .3em; }
+
+.fa-spin {
+ -webkit-animation: fa-spin 2s infinite linear;
+ animation: fa-spin 2s infinite linear; }
+
+.fa-pulse {
+ -webkit-animation: fa-spin 1s infinite steps(8);
+ animation: fa-spin 1s infinite steps(8); }
+
+@-webkit-keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg); } }
+
+@keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg); } }
+
+.fa-rotate-90 {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg); }
+
+.fa-rotate-180 {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg); }
+
+.fa-rotate-270 {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
+ -webkit-transform: rotate(270deg);
+ -ms-transform: rotate(270deg);
+ transform: rotate(270deg); }
+
+.fa-flip-horizontal {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
+ -webkit-transform: scale(-1, 1);
+ -ms-transform: scale(-1, 1);
+ transform: scale(-1, 1); }
+
+.fa-flip-vertical {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
+ -webkit-transform: scale(1, -1);
+ -ms-transform: scale(1, -1);
+ transform: scale(1, -1); }
+
+:root .fa-rotate-90,
+:root .fa-rotate-180,
+:root .fa-rotate-270,
+:root .fa-flip-horizontal,
+:root .fa-flip-vertical {
+ filter: none; }
+
+.fa-stack {
+ position: relative;
+ display: inline-block;
+ width: 2em;
+ height: 2em;
+ line-height: 2em;
+ vertical-align: middle; }
+
+.fa-stack-1x, .fa-stack-2x {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ text-align: center; }
+
+.fa-stack-1x {
+ line-height: inherit; }
+
+.fa-stack-2x {
+ font-size: 2em; }
+
+.fa-inverse {
+ color: #fff; }
+
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+ readers do not read off random characters that represent icons */
+.fa-glass:before {
+ content: ""; }
+
+.fa-music:before {
+ content: ""; }
+
+.fa-search:before {
+ content: ""; }
+
+.fa-envelope-o:before {
+ content: ""; }
+
+.fa-heart:before {
+ content: ""; }
+
+.fa-star:before {
+ content: ""; }
+
+.fa-star-o:before {
+ content: ""; }
+
+.fa-user:before {
+ content: ""; }
+
+.fa-film:before {
+ content: ""; }
+
+.fa-th-large:before {
+ content: ""; }
+
+.fa-th:before {
+ content: ""; }
+
+.fa-th-list:before {
+ content: ""; }
+
+.fa-check:before {
+ content: ""; }
+
+.fa-remove:before,
+.fa-close:before,
+.fa-times:before {
+ content: ""; }
+
+.fa-search-plus:before {
+ content: ""; }
+
+.fa-search-minus:before {
+ content: ""; }
+
+.fa-power-off:before {
+ content: ""; }
+
+.fa-signal:before {
+ content: ""; }
+
+.fa-gear:before,
+.fa-cog:before {
+ content: ""; }
+
+.fa-trash-o:before {
+ content: ""; }
+
+.fa-home:before {
+ content: ""; }
+
+.fa-file-o:before {
+ content: ""; }
+
+.fa-clock-o:before {
+ content: ""; }
+
+.fa-road:before {
+ content: ""; }
+
+.fa-download:before {
+ content: ""; }
+
+.fa-arrow-circle-o-down:before {
+ content: ""; }
+
+.fa-arrow-circle-o-up:before {
+ content: ""; }
+
+.fa-inbox:before {
+ content: ""; }
+
+.fa-play-circle-o:before {
+ content: ""; }
+
+.fa-rotate-right:before,
+.fa-repeat:before {
+ content: ""; }
+
+.fa-refresh:before {
+ content: ""; }
+
+.fa-list-alt:before {
+ content: ""; }
+
+.fa-lock:before {
+ content: ""; }
+
+.fa-flag:before {
+ content: ""; }
+
+.fa-headphones:before {
+ content: ""; }
+
+.fa-volume-off:before {
+ content: ""; }
+
+.fa-volume-down:before {
+ content: ""; }
+
+.fa-volume-up:before {
+ content: ""; }
+
+.fa-qrcode:before {
+ content: ""; }
+
+.fa-barcode:before {
+ content: ""; }
+
+.fa-tag:before {
+ content: ""; }
+
+.fa-tags:before {
+ content: ""; }
+
+.fa-book:before {
+ content: ""; }
+
+.fa-bookmark:before {
+ content: ""; }
+
+.fa-print:before {
+ content: ""; }
+
+.fa-camera:before {
+ content: ""; }
+
+.fa-font:before {
+ content: ""; }
+
+.fa-bold:before {
+ content: ""; }
+
+.fa-italic:before {
+ content: ""; }
+
+.fa-text-height:before {
+ content: ""; }
+
+.fa-text-width:before {
+ content: ""; }
+
+.fa-align-left:before {
+ content: ""; }
+
+.fa-align-center:before {
+ content: ""; }
+
+.fa-align-right:before {
+ content: ""; }
+
+.fa-align-justify:before {
+ content: ""; }
+
+.fa-list:before {
+ content: ""; }
+
+.fa-dedent:before,
+.fa-outdent:before {
+ content: ""; }
+
+.fa-indent:before {
+ content: ""; }
+
+.fa-video-camera:before {
+ content: ""; }
+
+.fa-photo:before,
+.fa-image:before,
+.fa-picture-o:before {
+ content: ""; }
+
+.fa-pencil:before {
+ content: ""; }
+
+.fa-map-marker:before {
+ content: ""; }
+
+.fa-adjust:before {
+ content: ""; }
+
+.fa-tint:before {
+ content: ""; }
+
+.fa-edit:before,
+.fa-pencil-square-o:before {
+ content: ""; }
+
+.fa-share-square-o:before {
+ content: ""; }
+
+.fa-check-square-o:before {
+ content: ""; }
+
+.fa-arrows:before {
+ content: ""; }
+
+.fa-step-backward:before {
+ content: ""; }
+
+.fa-fast-backward:before {
+ content: ""; }
+
+.fa-backward:before {
+ content: ""; }
+
+.fa-play:before {
+ content: ""; }
+
+.fa-pause:before {
+ content: ""; }
+
+.fa-stop:before {
+ content: ""; }
+
+.fa-forward:before {
+ content: ""; }
+
+.fa-fast-forward:before {
+ content: ""; }
+
+.fa-step-forward:before {
+ content: ""; }
+
+.fa-eject:before {
+ content: ""; }
+
+.fa-chevron-left:before {
+ content: ""; }
+
+.fa-chevron-right:before {
+ content: ""; }
+
+.fa-plus-circle:before {
+ content: ""; }
+
+.fa-minus-circle:before {
+ content: ""; }
+
+.fa-times-circle:before {
+ content: ""; }
+
+.fa-check-circle:before {
+ content: ""; }
+
+.fa-question-circle:before {
+ content: ""; }
+
+.fa-info-circle:before {
+ content: ""; }
+
+.fa-crosshairs:before {
+ content: ""; }
+
+.fa-times-circle-o:before {
+ content: ""; }
+
+.fa-check-circle-o:before {
+ content: ""; }
+
+.fa-ban:before {
+ content: ""; }
+
+.fa-arrow-left:before {
+ content: ""; }
+
+.fa-arrow-right:before {
+ content: ""; }
+
+.fa-arrow-up:before {
+ content: ""; }
+
+.fa-arrow-down:before {
+ content: ""; }
+
+.fa-mail-forward:before,
+.fa-share:before {
+ content: ""; }
+
+.fa-expand:before {
+ content: ""; }
+
+.fa-compress:before {
+ content: ""; }
+
+.fa-plus:before {
+ content: ""; }
+
+.fa-minus:before {
+ content: ""; }
+
+.fa-asterisk:before {
+ content: ""; }
+
+.fa-exclamation-circle:before {
+ content: ""; }
+
+.fa-gift:before {
+ content: ""; }
+
+.fa-leaf:before {
+ content: ""; }
+
+.fa-fire:before {
+ content: ""; }
+
+.fa-eye:before {
+ content: ""; }
+
+.fa-eye-slash:before {
+ content: ""; }
+
+.fa-warning:before,
+.fa-exclamation-triangle:before {
+ content: ""; }
+
+.fa-plane:before {
+ content: ""; }
+
+.fa-calendar:before {
+ content: ""; }
+
+.fa-random:before {
+ content: ""; }
+
+.fa-comment:before {
+ content: ""; }
+
+.fa-magnet:before {
+ content: ""; }
+
+.fa-chevron-up:before {
+ content: ""; }
+
+.fa-chevron-down:before {
+ content: ""; }
+
+.fa-retweet:before {
+ content: ""; }
+
+.fa-shopping-cart:before {
+ content: ""; }
+
+.fa-folder:before {
+ content: ""; }
+
+.fa-folder-open:before {
+ content: ""; }
+
+.fa-arrows-v:before {
+ content: ""; }
+
+.fa-arrows-h:before {
+ content: ""; }
+
+.fa-bar-chart-o:before,
+.fa-bar-chart:before {
+ content: ""; }
+
+.fa-twitter-square:before {
+ content: ""; }
+
+.fa-facebook-square:before {
+ content: ""; }
+
+.fa-camera-retro:before {
+ content: ""; }
+
+.fa-key:before {
+ content: ""; }
+
+.fa-gears:before,
+.fa-cogs:before {
+ content: ""; }
+
+.fa-comments:before {
+ content: ""; }
+
+.fa-thumbs-o-up:before {
+ content: ""; }
+
+.fa-thumbs-o-down:before {
+ content: ""; }
+
+.fa-star-half:before {
+ content: ""; }
+
+.fa-heart-o:before {
+ content: ""; }
+
+.fa-sign-out:before {
+ content: ""; }
+
+.fa-linkedin-square:before {
+ content: ""; }
+
+.fa-thumb-tack:before {
+ content: ""; }
+
+.fa-external-link:before {
+ content: ""; }
+
+.fa-sign-in:before {
+ content: ""; }
+
+.fa-trophy:before {
+ content: ""; }
+
+.fa-github-square:before {
+ content: ""; }
+
+.fa-upload:before {
+ content: ""; }
+
+.fa-lemon-o:before {
+ content: ""; }
+
+.fa-phone:before {
+ content: ""; }
+
+.fa-square-o:before {
+ content: ""; }
+
+.fa-bookmark-o:before {
+ content: ""; }
+
+.fa-phone-square:before {
+ content: ""; }
+
+.fa-twitter:before {
+ content: ""; }
+
+.fa-facebook-f:before,
+.fa-facebook:before {
+ content: ""; }
+
+.fa-github:before {
+ content: ""; }
+
+.fa-unlock:before {
+ content: ""; }
+
+.fa-credit-card:before {
+ content: ""; }
+
+.fa-feed:before,
+.fa-rss:before {
+ content: ""; }
+
+.fa-hdd-o:before {
+ content: ""; }
+
+.fa-bullhorn:before {
+ content: ""; }
+
+.fa-bell:before {
+ content: ""; }
+
+.fa-certificate:before {
+ content: ""; }
+
+.fa-hand-o-right:before {
+ content: ""; }
+
+.fa-hand-o-left:before {
+ content: ""; }
+
+.fa-hand-o-up:before {
+ content: ""; }
+
+.fa-hand-o-down:before {
+ content: ""; }
+
+.fa-arrow-circle-left:before {
+ content: ""; }
+
+.fa-arrow-circle-right:before {
+ content: ""; }
+
+.fa-arrow-circle-up:before {
+ content: ""; }
+
+.fa-arrow-circle-down:before {
+ content: ""; }
+
+.fa-globe:before {
+ content: ""; }
+
+.fa-wrench:before {
+ content: ""; }
+
+.fa-tasks:before {
+ content: ""; }
+
+.fa-filter:before {
+ content: ""; }
+
+.fa-briefcase:before {
+ content: ""; }
+
+.fa-arrows-alt:before {
+ content: ""; }
+
+.fa-group:before,
+.fa-users:before {
+ content: ""; }
+
+.fa-chain:before,
+.fa-link:before {
+ content: ""; }
+
+.fa-cloud:before {
+ content: ""; }
+
+.fa-flask:before {
+ content: ""; }
+
+.fa-cut:before,
+.fa-scissors:before {
+ content: ""; }
+
+.fa-copy:before,
+.fa-files-o:before {
+ content: ""; }
+
+.fa-paperclip:before {
+ content: ""; }
+
+.fa-save:before,
+.fa-floppy-o:before {
+ content: ""; }
+
+.fa-square:before {
+ content: ""; }
+
+.fa-navicon:before,
+.fa-reorder:before,
+.fa-bars:before {
+ content: ""; }
+
+.fa-list-ul:before {
+ content: ""; }
+
+.fa-list-ol:before {
+ content: ""; }
+
+.fa-strikethrough:before {
+ content: ""; }
+
+.fa-underline:before {
+ content: ""; }
+
+.fa-table:before {
+ content: ""; }
+
+.fa-magic:before {
+ content: ""; }
+
+.fa-truck:before {
+ content: ""; }
+
+.fa-pinterest:before {
+ content: ""; }
+
+.fa-pinterest-square:before {
+ content: ""; }
+
+.fa-google-plus-square:before {
+ content: ""; }
+
+.fa-google-plus:before {
+ content: ""; }
+
+.fa-money:before {
+ content: ""; }
+
+.fa-caret-down:before {
+ content: ""; }
+
+.fa-caret-up:before {
+ content: ""; }
+
+.fa-caret-left:before {
+ content: ""; }
+
+.fa-caret-right:before {
+ content: ""; }
+
+.fa-columns:before {
+ content: ""; }
+
+.fa-unsorted:before,
+.fa-sort:before {
+ content: ""; }
+
+.fa-sort-down:before,
+.fa-sort-desc:before {
+ content: ""; }
+
+.fa-sort-up:before,
+.fa-sort-asc:before {
+ content: ""; }
+
+.fa-envelope:before {
+ content: ""; }
+
+.fa-linkedin:before {
+ content: ""; }
+
+.fa-rotate-left:before,
+.fa-undo:before {
+ content: ""; }
+
+.fa-legal:before,
+.fa-gavel:before {
+ content: ""; }
+
+.fa-dashboard:before,
+.fa-tachometer:before {
+ content: ""; }
+
+.fa-comment-o:before {
+ content: ""; }
+
+.fa-comments-o:before {
+ content: ""; }
+
+.fa-flash:before,
+.fa-bolt:before {
+ content: ""; }
+
+.fa-sitemap:before {
+ content: ""; }
+
+.fa-umbrella:before {
+ content: ""; }
+
+.fa-paste:before,
+.fa-clipboard:before {
+ content: ""; }
+
+.fa-lightbulb-o:before {
+ content: ""; }
+
+.fa-exchange:before {
+ content: ""; }
+
+.fa-cloud-download:before {
+ content: ""; }
+
+.fa-cloud-upload:before {
+ content: ""; }
+
+.fa-user-md:before {
+ content: ""; }
+
+.fa-stethoscope:before {
+ content: ""; }
+
+.fa-suitcase:before {
+ content: ""; }
+
+.fa-bell-o:before {
+ content: ""; }
+
+.fa-coffee:before {
+ content: ""; }
+
+.fa-cutlery:before {
+ content: ""; }
+
+.fa-file-text-o:before {
+ content: ""; }
+
+.fa-building-o:before {
+ content: ""; }
+
+.fa-hospital-o:before {
+ content: ""; }
+
+.fa-ambulance:before {
+ content: ""; }
+
+.fa-medkit:before {
+ content: ""; }
+
+.fa-fighter-jet:before {
+ content: ""; }
+
+.fa-beer:before {
+ content: ""; }
+
+.fa-h-square:before {
+ content: ""; }
+
+.fa-plus-square:before {
+ content: ""; }
+
+.fa-angle-double-left:before {
+ content: ""; }
+
+.fa-angle-double-right:before {
+ content: ""; }
+
+.fa-angle-double-up:before {
+ content: ""; }
+
+.fa-angle-double-down:before {
+ content: ""; }
+
+.fa-angle-left:before {
+ content: ""; }
+
+.fa-angle-right:before {
+ content: ""; }
+
+.fa-angle-up:before {
+ content: ""; }
+
+.fa-angle-down:before {
+ content: ""; }
+
+.fa-desktop:before {
+ content: ""; }
+
+.fa-laptop:before {
+ content: ""; }
+
+.fa-tablet:before {
+ content: ""; }
+
+.fa-mobile-phone:before,
+.fa-mobile:before {
+ content: ""; }
+
+.fa-circle-o:before {
+ content: ""; }
+
+.fa-quote-left:before {
+ content: ""; }
+
+.fa-quote-right:before {
+ content: ""; }
+
+.fa-spinner:before {
+ content: ""; }
+
+.fa-circle:before {
+ content: ""; }
+
+.fa-mail-reply:before,
+.fa-reply:before {
+ content: ""; }
+
+.fa-github-alt:before {
+ content: ""; }
+
+.fa-folder-o:before {
+ content: ""; }
+
+.fa-folder-open-o:before {
+ content: ""; }
+
+.fa-smile-o:before {
+ content: ""; }
+
+.fa-frown-o:before {
+ content: ""; }
+
+.fa-meh-o:before {
+ content: ""; }
+
+.fa-gamepad:before {
+ content: ""; }
+
+.fa-keyboard-o:before {
+ content: ""; }
+
+.fa-flag-o:before {
+ content: ""; }
+
+.fa-flag-checkered:before {
+ content: ""; }
+
+.fa-terminal:before {
+ content: ""; }
+
+.fa-code:before {
+ content: ""; }
+
+.fa-mail-reply-all:before,
+.fa-reply-all:before {
+ content: ""; }
+
+.fa-star-half-empty:before,
+.fa-star-half-full:before,
+.fa-star-half-o:before {
+ content: ""; }
+
+.fa-location-arrow:before {
+ content: ""; }
+
+.fa-crop:before {
+ content: ""; }
+
+.fa-code-fork:before {
+ content: ""; }
+
+.fa-unlink:before,
+.fa-chain-broken:before {
+ content: ""; }
+
+.fa-question:before {
+ content: ""; }
+
+.fa-info:before {
+ content: ""; }
+
+.fa-exclamation:before {
+ content: ""; }
+
+.fa-superscript:before {
+ content: ""; }
+
+.fa-subscript:before {
+ content: ""; }
+
+.fa-eraser:before {
+ content: ""; }
+
+.fa-puzzle-piece:before {
+ content: ""; }
+
+.fa-microphone:before {
+ content: ""; }
+
+.fa-microphone-slash:before {
+ content: ""; }
+
+.fa-shield:before {
+ content: ""; }
+
+.fa-calendar-o:before {
+ content: ""; }
+
+.fa-fire-extinguisher:before {
+ content: ""; }
+
+.fa-rocket:before {
+ content: ""; }
+
+.fa-maxcdn:before {
+ content: ""; }
+
+.fa-chevron-circle-left:before {
+ content: ""; }
+
+.fa-chevron-circle-right:before {
+ content: ""; }
+
+.fa-chevron-circle-up:before {
+ content: ""; }
+
+.fa-chevron-circle-down:before {
+ content: ""; }
+
+.fa-html5:before {
+ content: ""; }
+
+.fa-css3:before {
+ content: ""; }
+
+.fa-anchor:before {
+ content: ""; }
+
+.fa-unlock-alt:before {
+ content: ""; }
+
+.fa-bullseye:before {
+ content: ""; }
+
+.fa-ellipsis-h:before {
+ content: ""; }
+
+.fa-ellipsis-v:before {
+ content: ""; }
+
+.fa-rss-square:before {
+ content: ""; }
+
+.fa-play-circle:before {
+ content: ""; }
+
+.fa-ticket:before {
+ content: ""; }
+
+.fa-minus-square:before {
+ content: ""; }
+
+.fa-minus-square-o:before {
+ content: ""; }
+
+.fa-level-up:before {
+ content: ""; }
+
+.fa-level-down:before {
+ content: ""; }
+
+.fa-check-square:before {
+ content: ""; }
+
+.fa-pencil-square:before {
+ content: ""; }
+
+.fa-external-link-square:before {
+ content: ""; }
+
+.fa-share-square:before {
+ content: ""; }
+
+.fa-compass:before {
+ content: ""; }
+
+.fa-toggle-down:before,
+.fa-caret-square-o-down:before {
+ content: ""; }
+
+.fa-toggle-up:before,
+.fa-caret-square-o-up:before {
+ content: ""; }
+
+.fa-toggle-right:before,
+.fa-caret-square-o-right:before {
+ content: ""; }
+
+.fa-euro:before,
+.fa-eur:before {
+ content: ""; }
+
+.fa-gbp:before {
+ content: ""; }
+
+.fa-dollar:before,
+.fa-usd:before {
+ content: ""; }
+
+.fa-rupee:before,
+.fa-inr:before {
+ content: ""; }
+
+.fa-cny:before,
+.fa-rmb:before,
+.fa-yen:before,
+.fa-jpy:before {
+ content: ""; }
+
+.fa-ruble:before,
+.fa-rouble:before,
+.fa-rub:before {
+ content: ""; }
+
+.fa-won:before,
+.fa-krw:before {
+ content: ""; }
+
+.fa-bitcoin:before,
+.fa-btc:before {
+ content: ""; }
+
+.fa-file:before {
+ content: ""; }
+
+.fa-file-text:before {
+ content: ""; }
+
+.fa-sort-alpha-asc:before {
+ content: ""; }
+
+.fa-sort-alpha-desc:before {
+ content: ""; }
+
+.fa-sort-amount-asc:before {
+ content: ""; }
+
+.fa-sort-amount-desc:before {
+ content: ""; }
+
+.fa-sort-numeric-asc:before {
+ content: ""; }
+
+.fa-sort-numeric-desc:before {
+ content: ""; }
+
+.fa-thumbs-up:before {
+ content: ""; }
+
+.fa-thumbs-down:before {
+ content: ""; }
+
+.fa-youtube-square:before {
+ content: ""; }
+
+.fa-youtube:before {
+ content: ""; }
+
+.fa-xing:before {
+ content: ""; }
+
+.fa-xing-square:before {
+ content: ""; }
+
+.fa-youtube-play:before {
+ content: ""; }
+
+.fa-dropbox:before {
+ content: ""; }
+
+.fa-stack-overflow:before {
+ content: ""; }
+
+.fa-instagram:before {
+ content: ""; }
+
+.fa-flickr:before {
+ content: ""; }
+
+.fa-adn:before {
+ content: ""; }
+
+.fa-bitbucket:before {
+ content: ""; }
+
+.fa-bitbucket-square:before {
+ content: ""; }
+
+.fa-tumblr:before {
+ content: ""; }
+
+.fa-tumblr-square:before {
+ content: ""; }
+
+.fa-long-arrow-down:before {
+ content: ""; }
+
+.fa-long-arrow-up:before {
+ content: ""; }
+
+.fa-long-arrow-left:before {
+ content: ""; }
+
+.fa-long-arrow-right:before {
+ content: ""; }
+
+.fa-apple:before {
+ content: ""; }
+
+.fa-windows:before {
+ content: ""; }
+
+.fa-android:before {
+ content: ""; }
+
+.fa-linux:before {
+ content: ""; }
+
+.fa-dribbble:before {
+ content: ""; }
+
+.fa-skype:before {
+ content: ""; }
+
+.fa-foursquare:before {
+ content: ""; }
+
+.fa-trello:before {
+ content: ""; }
+
+.fa-female:before {
+ content: ""; }
+
+.fa-male:before {
+ content: ""; }
+
+.fa-gittip:before,
+.fa-gratipay:before {
+ content: ""; }
+
+.fa-sun-o:before {
+ content: ""; }
+
+.fa-moon-o:before {
+ content: ""; }
+
+.fa-archive:before {
+ content: ""; }
+
+.fa-bug:before {
+ content: ""; }
+
+.fa-vk:before {
+ content: ""; }
+
+.fa-weibo:before {
+ content: ""; }
+
+.fa-renren:before {
+ content: ""; }
+
+.fa-pagelines:before {
+ content: ""; }
+
+.fa-stack-exchange:before {
+ content: ""; }
+
+.fa-arrow-circle-o-right:before {
+ content: ""; }
+
+.fa-arrow-circle-o-left:before {
+ content: ""; }
+
+.fa-toggle-left:before,
+.fa-caret-square-o-left:before {
+ content: ""; }
+
+.fa-dot-circle-o:before {
+ content: ""; }
+
+.fa-wheelchair:before {
+ content: ""; }
+
+.fa-vimeo-square:before {
+ content: ""; }
+
+.fa-turkish-lira:before,
+.fa-try:before {
+ content: ""; }
+
+.fa-plus-square-o:before {
+ content: ""; }
+
+.fa-space-shuttle:before {
+ content: ""; }
+
+.fa-slack:before {
+ content: ""; }
+
+.fa-envelope-square:before {
+ content: ""; }
+
+.fa-wordpress:before {
+ content: ""; }
+
+.fa-openid:before {
+ content: ""; }
+
+.fa-institution:before,
+.fa-bank:before,
+.fa-university:before {
+ content: ""; }
+
+.fa-mortar-board:before,
+.fa-graduation-cap:before {
+ content: ""; }
+
+.fa-yahoo:before {
+ content: ""; }
+
+.fa-google:before {
+ content: ""; }
+
+.fa-reddit:before {
+ content: ""; }
+
+.fa-reddit-square:before {
+ content: ""; }
+
+.fa-stumbleupon-circle:before {
+ content: ""; }
+
+.fa-stumbleupon:before {
+ content: ""; }
+
+.fa-delicious:before {
+ content: ""; }
+
+.fa-digg:before {
+ content: ""; }
+
+.fa-pied-piper:before {
+ content: ""; }
+
+.fa-pied-piper-alt:before {
+ content: ""; }
+
+.fa-drupal:before {
+ content: ""; }
+
+.fa-joomla:before {
+ content: ""; }
+
+.fa-language:before {
+ content: ""; }
+
+.fa-fax:before {
+ content: ""; }
+
+.fa-building:before {
+ content: ""; }
+
+.fa-child:before {
+ content: ""; }
+
+.fa-paw:before {
+ content: ""; }
+
+.fa-spoon:before {
+ content: ""; }
+
+.fa-cube:before {
+ content: ""; }
+
+.fa-cubes:before {
+ content: ""; }
+
+.fa-behance:before {
+ content: ""; }
+
+.fa-behance-square:before {
+ content: ""; }
+
+.fa-steam:before {
+ content: ""; }
+
+.fa-steam-square:before {
+ content: ""; }
+
+.fa-recycle:before {
+ content: ""; }
+
+.fa-automobile:before,
+.fa-car:before {
+ content: ""; }
+
+.fa-cab:before,
+.fa-taxi:before {
+ content: ""; }
+
+.fa-tree:before {
+ content: ""; }
+
+.fa-spotify:before {
+ content: ""; }
+
+.fa-deviantart:before {
+ content: ""; }
+
+.fa-soundcloud:before {
+ content: ""; }
+
+.fa-database:before {
+ content: ""; }
+
+.fa-file-pdf-o:before {
+ content: ""; }
+
+.fa-file-word-o:before {
+ content: ""; }
+
+.fa-file-excel-o:before {
+ content: ""; }
+
+.fa-file-powerpoint-o:before {
+ content: ""; }
+
+.fa-file-photo-o:before,
+.fa-file-picture-o:before,
+.fa-file-image-o:before {
+ content: ""; }
+
+.fa-file-zip-o:before,
+.fa-file-archive-o:before {
+ content: ""; }
+
+.fa-file-sound-o:before,
+.fa-file-audio-o:before {
+ content: ""; }
+
+.fa-file-movie-o:before,
+.fa-file-video-o:before {
+ content: ""; }
+
+.fa-file-code-o:before {
+ content: ""; }
+
+.fa-vine:before {
+ content: ""; }
+
+.fa-codepen:before {
+ content: ""; }
+
+.fa-jsfiddle:before {
+ content: ""; }
+
+.fa-life-bouy:before,
+.fa-life-buoy:before,
+.fa-life-saver:before,
+.fa-support:before,
+.fa-life-ring:before {
+ content: ""; }
+
+.fa-circle-o-notch:before {
+ content: ""; }
+
+.fa-ra:before,
+.fa-rebel:before {
+ content: ""; }
+
+.fa-ge:before,
+.fa-empire:before {
+ content: ""; }
+
+.fa-git-square:before {
+ content: ""; }
+
+.fa-git:before {
+ content: ""; }
+
+.fa-y-combinator-square:before,
+.fa-yc-square:before,
+.fa-hacker-news:before {
+ content: ""; }
+
+.fa-tencent-weibo:before {
+ content: ""; }
+
+.fa-qq:before {
+ content: ""; }
+
+.fa-wechat:before,
+.fa-weixin:before {
+ content: ""; }
+
+.fa-send:before,
+.fa-paper-plane:before {
+ content: ""; }
+
+.fa-send-o:before,
+.fa-paper-plane-o:before {
+ content: ""; }
+
+.fa-history:before {
+ content: ""; }
+
+.fa-circle-thin:before {
+ content: ""; }
+
+.fa-header:before {
+ content: ""; }
+
+.fa-paragraph:before {
+ content: ""; }
+
+.fa-sliders:before {
+ content: ""; }
+
+.fa-share-alt:before {
+ content: ""; }
+
+.fa-share-alt-square:before {
+ content: ""; }
+
+.fa-bomb:before {
+ content: ""; }
+
+.fa-soccer-ball-o:before,
+.fa-futbol-o:before {
+ content: ""; }
+
+.fa-tty:before {
+ content: ""; }
+
+.fa-binoculars:before {
+ content: ""; }
+
+.fa-plug:before {
+ content: ""; }
+
+.fa-slideshare:before {
+ content: ""; }
+
+.fa-twitch:before {
+ content: ""; }
+
+.fa-yelp:before {
+ content: ""; }
+
+.fa-newspaper-o:before {
+ content: ""; }
+
+.fa-wifi:before {
+ content: ""; }
+
+.fa-calculator:before {
+ content: ""; }
+
+.fa-paypal:before {
+ content: ""; }
+
+.fa-google-wallet:before {
+ content: ""; }
+
+.fa-cc-visa:before {
+ content: ""; }
+
+.fa-cc-mastercard:before {
+ content: ""; }
+
+.fa-cc-discover:before {
+ content: ""; }
+
+.fa-cc-amex:before {
+ content: ""; }
+
+.fa-cc-paypal:before {
+ content: ""; }
+
+.fa-cc-stripe:before {
+ content: ""; }
+
+.fa-bell-slash:before {
+ content: ""; }
+
+.fa-bell-slash-o:before {
+ content: ""; }
+
+.fa-trash:before {
+ content: ""; }
+
+.fa-copyright:before {
+ content: ""; }
+
+.fa-at:before {
+ content: ""; }
+
+.fa-eyedropper:before {
+ content: ""; }
+
+.fa-paint-brush:before {
+ content: ""; }
+
+.fa-birthday-cake:before {
+ content: ""; }
+
+.fa-area-chart:before {
+ content: ""; }
+
+.fa-pie-chart:before {
+ content: ""; }
+
+.fa-line-chart:before {
+ content: ""; }
+
+.fa-lastfm:before {
+ content: ""; }
+
+.fa-lastfm-square:before {
+ content: ""; }
+
+.fa-toggle-off:before {
+ content: ""; }
+
+.fa-toggle-on:before {
+ content: ""; }
+
+.fa-bicycle:before {
+ content: ""; }
+
+.fa-bus:before {
+ content: ""; }
+
+.fa-ioxhost:before {
+ content: ""; }
+
+.fa-angellist:before {
+ content: ""; }
+
+.fa-cc:before {
+ content: ""; }
+
+.fa-shekel:before,
+.fa-sheqel:before,
+.fa-ils:before {
+ content: ""; }
+
+.fa-meanpath:before {
+ content: ""; }
+
+.fa-buysellads:before {
+ content: ""; }
+
+.fa-connectdevelop:before {
+ content: ""; }
+
+.fa-dashcube:before {
+ content: ""; }
+
+.fa-forumbee:before {
+ content: ""; }
+
+.fa-leanpub:before {
+ content: ""; }
+
+.fa-sellsy:before {
+ content: ""; }
+
+.fa-shirtsinbulk:before {
+ content: ""; }
+
+.fa-simplybuilt:before {
+ content: ""; }
+
+.fa-skyatlas:before {
+ content: ""; }
+
+.fa-cart-plus:before {
+ content: ""; }
+
+.fa-cart-arrow-down:before {
+ content: ""; }
+
+.fa-diamond:before {
+ content: ""; }
+
+.fa-ship:before {
+ content: ""; }
+
+.fa-user-secret:before {
+ content: ""; }
+
+.fa-motorcycle:before {
+ content: ""; }
+
+.fa-street-view:before {
+ content: ""; }
+
+.fa-heartbeat:before {
+ content: ""; }
+
+.fa-venus:before {
+ content: ""; }
+
+.fa-mars:before {
+ content: ""; }
+
+.fa-mercury:before {
+ content: ""; }
+
+.fa-intersex:before,
+.fa-transgender:before {
+ content: ""; }
+
+.fa-transgender-alt:before {
+ content: ""; }
+
+.fa-venus-double:before {
+ content: ""; }
+
+.fa-mars-double:before {
+ content: ""; }
+
+.fa-venus-mars:before {
+ content: ""; }
+
+.fa-mars-stroke:before {
+ content: ""; }
+
+.fa-mars-stroke-v:before {
+ content: ""; }
+
+.fa-mars-stroke-h:before {
+ content: ""; }
+
+.fa-neuter:before {
+ content: ""; }
+
+.fa-genderless:before {
+ content: ""; }
+
+.fa-facebook-official:before {
+ content: ""; }
+
+.fa-pinterest-p:before {
+ content: ""; }
+
+.fa-whatsapp:before {
+ content: ""; }
+
+.fa-server:before {
+ content: ""; }
+
+.fa-user-plus:before {
+ content: ""; }
+
+.fa-user-times:before {
+ content: ""; }
+
+.fa-hotel:before,
+.fa-bed:before {
+ content: ""; }
+
+.fa-viacoin:before {
+ content: ""; }
+
+.fa-train:before {
+ content: ""; }
+
+.fa-subway:before {
+ content: ""; }
+
+.fa-medium:before {
+ content: ""; }
+
+.fa-yc:before,
+.fa-y-combinator:before {
+ content: ""; }
+
+.fa-optin-monster:before {
+ content: ""; }
+
+.fa-opencart:before {
+ content: ""; }
+
+.fa-expeditedssl:before {
+ content: ""; }
+
+.fa-battery-4:before,
+.fa-battery-full:before {
+ content: ""; }
+
+.fa-battery-3:before,
+.fa-battery-three-quarters:before {
+ content: ""; }
+
+.fa-battery-2:before,
+.fa-battery-half:before {
+ content: ""; }
+
+.fa-battery-1:before,
+.fa-battery-quarter:before {
+ content: ""; }
+
+.fa-battery-0:before,
+.fa-battery-empty:before {
+ content: ""; }
+
+.fa-mouse-pointer:before {
+ content: ""; }
+
+.fa-i-cursor:before {
+ content: ""; }
+
+.fa-object-group:before {
+ content: ""; }
+
+.fa-object-ungroup:before {
+ content: ""; }
+
+.fa-sticky-note:before {
+ content: ""; }
+
+.fa-sticky-note-o:before {
+ content: ""; }
+
+.fa-cc-jcb:before {
+ content: ""; }
+
+.fa-cc-diners-club:before {
+ content: ""; }
+
+.fa-clone:before {
+ content: ""; }
+
+.fa-balance-scale:before {
+ content: ""; }
+
+.fa-hourglass-o:before {
+ content: ""; }
+
+.fa-hourglass-1:before,
+.fa-hourglass-start:before {
+ content: ""; }
+
+.fa-hourglass-2:before,
+.fa-hourglass-half:before {
+ content: ""; }
+
+.fa-hourglass-3:before,
+.fa-hourglass-end:before {
+ content: ""; }
+
+.fa-hourglass:before {
+ content: ""; }
+
+.fa-hand-grab-o:before,
+.fa-hand-rock-o:before {
+ content: ""; }
+
+.fa-hand-stop-o:before,
+.fa-hand-paper-o:before {
+ content: ""; }
+
+.fa-hand-scissors-o:before {
+ content: ""; }
+
+.fa-hand-lizard-o:before {
+ content: ""; }
+
+.fa-hand-spock-o:before {
+ content: ""; }
+
+.fa-hand-pointer-o:before {
+ content: ""; }
+
+.fa-hand-peace-o:before {
+ content: ""; }
+
+.fa-trademark:before {
+ content: ""; }
+
+.fa-registered:before {
+ content: ""; }
+
+.fa-creative-commons:before {
+ content: ""; }
+
+.fa-gg:before {
+ content: ""; }
+
+.fa-gg-circle:before {
+ content: ""; }
+
+.fa-tripadvisor:before {
+ content: ""; }
+
+.fa-odnoklassniki:before {
+ content: ""; }
+
+.fa-odnoklassniki-square:before {
+ content: ""; }
+
+.fa-get-pocket:before {
+ content: ""; }
+
+.fa-wikipedia-w:before {
+ content: ""; }
+
+.fa-safari:before {
+ content: ""; }
+
+.fa-chrome:before {
+ content: ""; }
+
+.fa-firefox:before {
+ content: ""; }
+
+.fa-opera:before {
+ content: ""; }
+
+.fa-internet-explorer:before {
+ content: ""; }
+
+.fa-tv:before,
+.fa-television:before {
+ content: ""; }
+
+.fa-contao:before {
+ content: ""; }
+
+.fa-500px:before {
+ content: ""; }
+
+.fa-amazon:before {
+ content: ""; }
+
+.fa-calendar-plus-o:before {
+ content: ""; }
+
+.fa-calendar-minus-o:before {
+ content: ""; }
+
+.fa-calendar-times-o:before {
+ content: ""; }
+
+.fa-calendar-check-o:before {
+ content: ""; }
+
+.fa-industry:before {
+ content: ""; }
+
+.fa-map-pin:before {
+ content: ""; }
+
+.fa-map-signs:before {
+ content: ""; }
+
+.fa-map-o:before {
+ content: ""; }
+
+.fa-map:before {
+ content: ""; }
+
+.fa-commenting:before {
+ content: ""; }
+
+.fa-commenting-o:before {
+ content: ""; }
+
+.fa-houzz:before {
+ content: ""; }
+
+.fa-vimeo:before {
+ content: ""; }
+
+.fa-black-tie:before {
+ content: ""; }
+
+.fa-fonticons:before {
+ content: ""; }
+
+.fa-reddit-alien:before {
+ content: ""; }
+
+.fa-edge:before {
+ content: ""; }
+
+.fa-credit-card-alt:before {
+ content: ""; }
+
+.fa-codiepie:before {
+ content: ""; }
+
+.fa-modx:before {
+ content: ""; }
+
+.fa-fort-awesome:before {
+ content: ""; }
+
+.fa-usb:before {
+ content: ""; }
+
+.fa-product-hunt:before {
+ content: ""; }
+
+.fa-mixcloud:before {
+ content: ""; }
+
+.fa-scribd:before {
+ content: ""; }
+
+.fa-pause-circle:before {
+ content: ""; }
+
+.fa-pause-circle-o:before {
+ content: ""; }
+
+.fa-stop-circle:before {
+ content: ""; }
+
+.fa-stop-circle-o:before {
+ content: ""; }
+
+.fa-shopping-bag:before {
+ content: ""; }
+
+.fa-shopping-basket:before {
+ content: ""; }
+
+.fa-hashtag:before {
+ content: ""; }
+
+.fa-bluetooth:before {
+ content: ""; }
+
+.fa-bluetooth-b:before {
+ content: ""; }
+
+.fa-percent:before {
+ content: ""; }
+
+/* Dark theme */
+/* Light: #573454 Dark: #3b2639 -moz-linear-gradient(top, #fca99b 0%, #6e2842 100%) */
+/* l: #d8d7db */
+/* Light theme
+$mainColor: #fff;
+$fontColor: #9299a3;
+$fontColorActive: #4f8ef7;
+*/
+/* darken($mainColor, 4%) - #383838 */
+/* #515151 */
+@font-face {
+ font-family: 'font3336';
+ src: url("../fonts/main-fonts.eot?v=20");
+ src: url("../fonts/main-fonts.woff?v=20") format("woff"), url("../fonts/main-fonts.ttf?v=20") format("truetype"), url("../fonts/main-fonts.svg?v=20") format("svg"), url("../fonts/main-fonts.eot?v=20") format("embedded-opentype");
+ font-weight: normal;
+ font-style: normal; }
+
+.gjs-fonts::before {
+ display: block;
+ font: normal normal normal 14px font3336;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ font-size: 5em; }
+
+.gjs-f-b1::before {
+ content: 'Q'; }
+
+.gjs-f-b2::before {
+ content: 'W'; }
+
+.gjs-f-b3::before {
+ content: 'E'; }
+
+.gjs-f-b37::before {
+ content: 'R'; }
+
+.gjs-f-hero::before {
+ content: 'T'; }
+
+.gjs-f-h1p::before {
+ content: 'y'; }
+
+.gjs-f-3ba::before {
+ content: 'u'; }
+
+.gjs-f-image::before {
+ content: 'I'; }
+
+.gjs-f-text::before {
+ content: 'o'; }
+
+.gjs-f-quo::before {
+ content: 'p'; }
+
+.gjs-f-button::before {
+ content: 'B'; }
+
+.gjs-f-divider::before {
+ content: 'D'; }
+
+.gjs-invis-invis, .gjs-clm-tags #gjs-clm-new,
+.gjs-no-app {
+ background-color: transparent;
+ border: none;
+ color: inherit; }
+
+.gjs-no-app {
+ height: 10px; }
+
+.gjs-test::btn {
+ color: '#fff'; }
+
+.opac50, .gjs-clm-tags #gjs-clm-close {
+ opacity: 0.5;
+ filter: alpha(opacity=50); }
+
+.gjs-checker-bg, .gjs-field-colorp-c, .checker-bg, .gjs-sm-sector .gjs-sm-property .gjs-sm-layer > #gjs-sm-preview-box, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer > #gjs-sm-preview-box {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg=="); }
+
+.gjs-no-user-select, .gjs-grabbing,
+.gjs-grabbing *, .gjs-nav-comp-name {
+ -moz-user-select: none;
+ -khtml-user-select: none;
+ -webkit-user-select: none;
+ -ms-user-select: none;
+ -o-user-select: none;
+ user-select: none; }
+
+.gjs-no-pointer-events, .gjs-resizer-c, .gjs-margin-v-el,
+.gjs-padding-v-el,
+.gjs-fixedmargin-v-el,
+.gjs-fixedpadding-v-el {
+ pointer-events: none; }
+
+.gjs-bg-main, .gjs-off-prv, .gjs-select option,
+.gjs-clm-select option,
+.gjs-sm-select option,
+.gjs-sm-unit option, .gjs-pn-panel, .gjs-nv-item .gjs-nv-title-c, .gjs-field-select option, .gjs-sm-sector .gjs-sm-colorp-c, .gjs-clm-tags .gjs-sm-colorp-c, .gjs-block, .gjs-mdl-dialog, #gjs-rte-toolbar, .sp-container {
+ background-color: #444; }
+
+.gjs-color-main, .gjs-off-prv, .gjs-btn-prim, .gjs-pn-panel, .gjs-pn-btn, .gjs-btnt, .gjs-sm-sector .gjs-sm-field.gjs-sm-composite, .gjs-clm-tags .gjs-sm-field.gjs-sm-composite, .gjs-sm-sector .gjs-sm-composite.gjs-clm-field, .gjs-clm-tags .gjs-sm-composite.gjs-clm-field, .gjs-sm-sector .gjs-sm-stack #gjs-sm-add, .gjs-clm-tags .gjs-sm-stack #gjs-sm-add, .gjs-mdl-dialog, #gjs-rte-toolbar .gjs-rte-btn {
+ color: #ddd; }
+
+.gjs-color-active, .gjs-pn-btn.gjs-pn-active, .gjs-btnt.gjs-pn-active {
+ color: #f8f8f8; }
+
+.gjs-bdrag {
+ pointer-events: none !important;
+ position: absolute !important;
+ z-index: 10 !important;
+ width: auto; }
+
+.gjs-drag-helper {
+ background-color: #3b97e3 !important;
+ pointer-events: none !important;
+ position: absolute !important;
+ z-index: 10 !important;
+ transform: scale(0.3) !important;
+ transform-origin: top left !important;
+ -webkit-transform-origin: top left !important;
+ margin: 15px !important;
+ transition: none !important;
+ outline: none !important; }
+
+.gjs-grabbing,
+.gjs-grabbing * {
+ cursor: grabbing !important;
+ cursor: -webkit-grabbing !important; }
+
+.gjs-grabbing {
+ overflow: hidden; }
+
+.gjs-off-prv {
+ position: relative;
+ z-index: 10;
+ padding: 5px;
+ cursor: pointer; }
+
+.gjs-editor-cont ::-webkit-scrollbar-track {
+ background: rgba(0, 0, 0, 0.1); }
+
+.gjs-editor-cont ::-webkit-scrollbar-thumb {
+ background-color: rgba(255, 255, 255, 0.2); }
+
+.gjs-editor-cont ::-webkit-scrollbar {
+ width: 8px; }
+
+/********************* MAIN ************************/
+.clear {
+ clear: both; }
+
+.no-select, .gjs-com-no-select, .gjs-com-no-select img, .gjs-clm-tags #gjs-clm-close, .gjs-clm-tags #gjs-clm-tag-label {
+ -moz-user-select: none;
+ -khtml-user-select: none;
+ -webkit-user-select: none;
+ -ms-user-select: none;
+ -o-user-select: none;
+ user-select: none; }
+
+.gjs-editor {
+ font-family: Helvetica, sans-serif;
+ background-color: #444;
+ position: relative;
+ box-sizing: border-box;
+ height: 100%; }
+
+.gjs-freezed,
+.gjs-nv-freezed {
+ opacity: 0.5;
+ filter: alpha(opacity=50);
+ pointer-events: none; }
+
+.gjs-btn-prim {
+ background-color: rgba(255, 255, 255, 0.1);
+ border-radius: 2px;
+ padding: 3px 6px;
+ cursor: pointer;
+ padding: 0.5em;
+ border: none; }
+
+.gjs-btn-prim:active {
+ background-color: rgba(255, 255, 255, 0.1); }
+
+.gjs-input, .gjs-select {
+ background-color: rgba(0, 0, 0, 0.3);
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ border-radius: 2px;
+ box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
+ box-sizing: border-box;
+ color: #ddd;
+ padding: 0.5em 1em; }
+
+div.gjs-select {
+ padding: 0; }
+
+.gjs-select select {
+ padding-right: 10px; }
+
+.gjs-select:-moz-focusring,
+.gjs-select select:-moz-focusring {
+ color: transparent;
+ text-shadow: 0 0 0 rgba(255, 255, 255, 0.7); }
+
+.gjs-input:focus, .gjs-select:focus,
+.gjs-button:focus,
+.gjs-btn-prim:focus,
+.gjs-select:focus,
+.gjs-select select:focus {
+ outline: none; }
+
+/************* TRAITS ****************/
+.gjs-traits-label {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.3);
+ font-size: 13px;
+ font-weight: lighter;
+ margin-bottom: 5px;
+ padding: 10px;
+ text-align: left; }
+
+.gjs-trt-trait {
+ display: flex;
+ justify-content: start;
+ padding: 5px 10px;
+ font-size: 0.75em;
+ font-weight: lighter; }
+ .gjs-trt-trait .gjs-label {
+ width: 30%;
+ text-align: left; }
+ .gjs-trt-trait .gjs-field {
+ width: 70%; }
+
+/************* CANVAS ****************/
+.gjs-cv-canvas {
+ background-color: rgba(0, 0, 0, 0.15);
+ box-sizing: border-box;
+ position: absolute;
+ width: 85%;
+ height: 100%;
+ bottom: 0;
+ left: 0;
+ overflow: hidden;
+ padding-top: 40px;
+ z-index: 1;
+ /* This simulate body behaviour */ }
+ .gjs-cv-canvas > iframe {
+ height: 100%;
+ outline: medium none;
+ width: 100%;
+ border: none;
+ margin: 0 auto;
+ display: block; }
+ .gjs-cv-canvas .gjs-ghost {
+ display: none;
+ pointer-events: none;
+ background-color: #5b5b5b;
+ border: 2px dashed #ccc;
+ position: absolute;
+ z-index: 10;
+ opacity: 0.55;
+ filter: alpha(opacity=55); }
+ .gjs-cv-canvas .gjs-highlighter,
+ .gjs-cv-canvas .gjs-highlighter-sel {
+ position: absolute;
+ outline: 1px solid #3b97e3;
+ pointer-events: none; }
+ .gjs-cv-canvas .gjs-highlighter-warning {
+ outline: 3px solid #ffca6f; }
+ .gjs-cv-canvas .gjs-highlighter-sel {
+ outline: 3px solid #3b97e3; }
+ .gjs-cv-canvas #gjs-tools {
+ width: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ outline: none; }
+ .gjs-cv-canvas > div:first-child {
+ background-color: #fff;
+ position: relative;
+ height: 100%;
+ overflow: auto;
+ width: 100%; }
+
+.gjs-cv-canvas * {
+ box-sizing: border-box; }
+
+.gjs-frame {
+ transition: width 0.35s ease; }
+
+.gjs-toolbar {
+ position: absolute;
+ background-color: #3b97e3;
+ color: white;
+ z-index: 10; }
+
+.gjs-toolbar-item {
+ padding: 5px 7px;
+ font-size: 0.8rem;
+ cursor: pointer; }
+
+.gjs-resizer-c {
+ position: absolute;
+ z-index: 9; }
+
+.gjs-margin-v-el,
+.gjs-padding-v-el,
+.gjs-fixedmargin-v-el,
+.gjs-fixedpadding-v-el {
+ opacity: 0.1;
+ filter: alpha(opacity=10);
+ position: absolute;
+ background-color: yellow; }
+
+.gjs-fixedmargin-v-el,
+.gjs-fixedpadding-v-el {
+ opacity: 0.2;
+ filter: alpha(opacity=20); }
+
+.gjs-padding-v-el,
+.gjs-fixedpadding-v-el {
+ background-color: navy; }
+
+.gjs-resizer-h {
+ pointer-events: all;
+ position: absolute;
+ border: 3px solid #3b97e3;
+ width: 10px;
+ height: 10px;
+ background-color: #fff;
+ margin: -5px; }
+
+.gjs-resizer-h-tl {
+ top: 0;
+ left: 0;
+ cursor: nwse-resize; }
+
+.gjs-resizer-h-tr {
+ top: 0;
+ right: 0;
+ cursor: nesw-resize; }
+
+.gjs-resizer-h-tc {
+ top: 0;
+ margin: -5px auto;
+ left: 0;
+ right: 0;
+ cursor: ns-resize; }
+
+.gjs-resizer-h-cl {
+ left: 0;
+ margin: auto -5px;
+ top: 0;
+ bottom: 0;
+ cursor: ew-resize; }
+
+.gjs-resizer-h-cr {
+ margin: auto -5px;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ cursor: ew-resize; }
+
+.gjs-resizer-h-bl {
+ bottom: 0;
+ left: 0;
+ cursor: nesw-resize; }
+
+.gjs-resizer-h-bc {
+ bottom: 0;
+ margin: -5px auto;
+ left: 0;
+ right: 0;
+ cursor: ns-resize; }
+
+.gjs-resizer-h-br {
+ bottom: 0;
+ right: 0;
+ cursor: nwse-resize; }
+
+.gjs-resizing .gjs-highlighter,
+.gjs-resizing .gjs-badge {
+ display: none !important; }
+
+.gjs-resizing-tl * {
+ cursor: nwse-resize !important; }
+
+.gjs-resizing-tr * {
+ cursor: nesw-resize !important; }
+
+.gjs-resizing-tc * {
+ cursor: ns-resize !important; }
+
+.gjs-resizing-cl * {
+ cursor: ew-resize !important; }
+
+.gjs-resizing-cr * {
+ cursor: ew-resize !important; }
+
+.gjs-resizing-bl * {
+ cursor: nesw-resize !important; }
+
+.gjs-resizing-bc * {
+ cursor: ns-resize !important; }
+
+.gjs-resizing-br * {
+ cursor: nwse-resize !important; }
+
+.btn-cl, .gjs-mdl-dialog .gjs-mdl-btn-close, .gjs-am-assets-cont #gjs-am-close {
+ opacity: 0.3;
+ filter: alpha(opacity=30);
+ font-size: 25px;
+ cursor: pointer; }
+ .btn-cl:hover, .gjs-mdl-dialog .gjs-mdl-btn-close:hover, .gjs-am-assets-cont #gjs-am-close:hover {
+ opacity: 0.7;
+ filter: alpha(opacity=70); }
+
+/************* RTE ****************/
+#commands.panel {
+ min-width: 35px;
+ height: 100%;
+ z-index: 3; }
+
+#options.panel {
+ z-index: 4;
+ bottom: 0; }
+
+#views.panel {
+ width: 16.5%;
+ font-weight: lighter;
+ color: #ddd;
+ right: 0;
+ top: 0;
+ z-index: 3;
+ height: 100%;
+ padding: 0; }
+
+#views.panel .c {
+ height: 100%; }
+
+#commands.panel, #options.panel {
+ width: 3.5%;
+ left: 0; }
+
+#options .c {
+ display: table;
+ margin: 0 auto; }
+
+/*********TEST**********/
+body.dragging, body.dragging * {
+ cursor: move !important; }
+
+.dragged {
+ position: absolute;
+ opacity: 0.5;
+ filter: alpha(opacity=50);
+ z-index: 2000; }
+
+ol.example li.placeholder {
+ position: relative; }
+
+ol.example li.placeholder:before {
+ position: absolute; }
+
+/*********END-TEST**********/
+.no-dots, .ui-resizable-handle {
+ border: none !important;
+ margin: 0 !important;
+ outline: none !important; }
+
+/********* COMMANDS **********/
+.gjs-com-dashed * {
+ outline: 1px dashed #888;
+ outline-offset: -2px;
+ box-sizing: border-box; }
+
+.gjs-cv-canvas .gjs-comp-selected {
+ outline: 3px solid #3b97e3 !important; }
+
+*.gjs-com-hover, div.gjs-com-hover {
+ outline: 1px solid #3b97e3; }
+
+*.gjs-com-hover-delete, div.gjs-com-hover-delete {
+ outline: 2px solid #dd3636;
+ opacity: 0.5;
+ filter: alpha(opacity=50); }
+
+*.gjs-com-hover-move, div.gjs-com-hover-move {
+ outline: 3px solid #ffca6f; }
+
+.gjs-com-badge, .gjs-com-badge-red, .gjs-badge {
+ pointer-events: none;
+ background-color: #3b97e3;
+ color: #fff;
+ padding: 2px 5px;
+ position: absolute;
+ z-index: 1;
+ font-size: 12px;
+ outline: none;
+ display: none; }
+
+.gjs-com-badge-red {
+ background-color: #dd3636; }
+
+.gjs-badge-warning {
+ background-color: #ffca6f; }
+
+.gjs-placeholder,
+.gjs-com-placeholder,
+.gjs-nv-placeholder {
+ position: absolute;
+ z-index: 10;
+ pointer-events: none;
+ display: none; }
+
+.gjs-placeholder,
+.gjs-nv-placeholder {
+ /*border-width: 3px !important;*/
+ border-style: solid !important;
+ border-color: #62c462;
+ outline: none;
+ box-sizing: border-box; }
+
+.gjs-placeholder-int,
+.gjs-com-placeholder-int,
+.gjs-nv-placeholder-int {
+ background-color: #62c462;
+ box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
+ height: 100%;
+ width: 100%;
+ pointer-events: none;
+ padding: 1.5px;
+ outline: none; }
+
+/********* PANELS **********/
+.gjs-pn-panel {
+ display: inline-block;
+ padding: 5px;
+ position: absolute;
+ box-sizing: border-box;
+ text-align: center;
+ z-index: 3; }
+ .gjs-pn-panel#gjs-pn-commands, .gjs-pn-panel#gjs-pn-options2 {
+ width: 85%;
+ left: 0;
+ top: 0;
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
+ .gjs-pn-panel#gjs-pn-options {
+ right: 15%;
+ top: 0; }
+ .gjs-pn-panel#gjs-pn-options2 {
+ bottom: 150px;
+ height: auto; }
+ .gjs-pn-panel .icon-undo, .gjs-pn-panel .icon-redo {
+ font-size: 20px;
+ height: 30px;
+ width: 25px; }
+ .gjs-pn-panel#gjs-pn-views {
+ border-bottom: 2px solid rgba(0, 0, 0, 0.3);
+ right: 0;
+ width: 15%;
+ z-index: 4; }
+ .gjs-pn-panel#gjs-pn-views-container {
+ height: 100%;
+ padding: 42px 0 0;
+ right: 0;
+ width: 15%;
+ overflow: auto;
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
+
+.gjs-pn-buttons {
+ align-items: center;
+ display: flex;
+ justify-content: center; }
+
+.gjs-pn-btn, .gjs-btnt {
+ box-sizing: border-box;
+ height: 30px;
+ width: 30px;
+ line-height: 21px;
+ background-color: transparent;
+ border: none;
+ font-size: 18px;
+ margin-right: 5px;
+ border-radius: 2px;
+ cursor: pointer;
+ padding: 5px;
+ position: relative; }
+ .gjs-pn-btn.gjs-pn-active, .gjs-btnt.gjs-pn-active {
+ background-color: rgba(0, 0, 0, 0.15);
+ box-shadow: 0 0 3px rgba(0, 0, 0, 0.25) inset; }
+ .gjs-pn-btn > .gjs-pn-arrow-rd, .gjs-btnt > .gjs-pn-arrow-rd {
+ border-bottom: 5px solid rgba(255, 255, 255, 0.7);
+ border-left: 5px solid transparent;
+ bottom: 2px;
+ right: 2px;
+ position: absolute; }
+ .gjs-pn-btn > .gjs-pn-buttons, .gjs-btnt > .gjs-pn-buttons {
+ background-color: #444;
+ border-radius: 2px;
+ position: absolute;
+ display: none;
+ left: 50px;
+ top: 0;
+ padding: 5px; }
+ .gjs-pn-btn > .gjs-pn-buttons.gjs-pn-visible, .gjs-btnt > .gjs-pn-buttons.gjs-pn-visible {
+ display: block; }
+ .gjs-pn-btn > .gjs-pn-buttons > .gjs-pn-arrow-l, .gjs-btnt > .gjs-pn-buttons > .gjs-pn-arrow-l {
+ border-bottom: 5px solid transparent;
+ border-right: 5px solid #444;
+ border-top: 5px solid transparent;
+ left: -5px;
+ top: 15px;
+ position: absolute; }
+
+/************* Navigator *************/
+.gjs-nv-opac50 {
+ opacity: 0.5;
+ filter: alpha(opacity=50); }
+
+.gjs-nv-navigator {
+ position: relative;
+ height: 100%; }
+ .gjs-nv-navigator #gjs-nv-placeholder {
+ width: 100%;
+ position: absolute; }
+ .gjs-nv-navigator #gjs-nv-placeholder #gjs-nv-plh-int {
+ height: 100%;
+ padding: 1px; }
+ .gjs-nv-navigator #gjs-nv-placeholder #gjs-nv-plh-int.gjs-nv-insert {
+ background-color: #62c462; }
+ .gjs-nv-navigator .gjs-nv-item {
+ font-weight: lighter;
+ text-align: left;
+ position: relative;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .gjs-nv-navigator .gjs-nv-item.gjs-nv-hide {
+ opacity: 0.55;
+ filter: alpha(opacity=55); }
+ .gjs-nv-navigator .gjs-nv-item #gjs-nv-counter {
+ font-size: 10px;
+ position: absolute;
+ right: 27px;
+ top: 9px; }
+ .gjs-nv-navigator .gjs-nv-item #gjs-nv-btn-eye {
+ height: auto !important;
+ width: auto !important;
+ font-size: 13px;
+ left: 0;
+ top: 0;
+ padding: 7px 5px 7px 10px;
+ position: absolute;
+ cursor: pointer;
+ z-index: 1; }
+
+.gjs-nv-item #gjs-nv-caret {
+ font-size: 7px;
+ width: 8px;
+ padding: 5px;
+ cursor: pointer;
+ opacity: 0.7;
+ filter: alpha(opacity=70); }
+ .gjs-nv-item #gjs-nv-caret:hover {
+ opacity: 1;
+ filter: alpha(opacity=100); }
+
+.gjs-nv-title {
+ background-color: rgba(0, 0, 0, 0.1);
+ font-size: 11px;
+ letter-spacing: 1px;
+ padding: 3px 10px 5px 30px;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.3);
+ border-top: 1px solid rgba(255, 255, 255, 0.1);
+ display: flex;
+ align-items: center; }
+
+.gjs-nv-item .gjs-nv-children .gjs-nv-title {
+ border-left: 1px solid rgba(5, 5, 5, 0.3); }
+
+.gjs-nv-item > .gjs-nv-children {
+ margin-left: 7px;
+ display: none; }
+
+.gjs-nv-item.open > .gjs-nv-children {
+ display: block; }
+
+.gjs-nv-item > .gjs-nv-no-chld > #gjs-nv-caret::before {
+ content: ''; }
+
+.gjs-nv-no-chld > #gjs-nv-caret {
+ display: none; }
+
+.gjs-nv-item > #gjs-nv-move {
+ position: absolute;
+ cursor: move;
+ font-size: 12px;
+ right: 0;
+ top: 0;
+ padding: 7px 10px 7px 5px; }
+
+/*
+.gjs-nv-item{
+ &.gjs-nv-selected{
+ border: 2px solid $colorBlue;
+ }
+}
+*/
+.gjs-nv-selected .gjs-nv-title {
+ background-color: rgba(255, 255, 255, 0.1); }
+
+.gjs-nv-nav-item-edit {
+ visibility: hidden;
+ padding: 5px;
+ font-size: 10px;
+ opacity: 0.7;
+ filter: alpha(opacity=70); }
+ .gjs-nv-nav-item-edit:hover {
+ opacity: 1;
+ filter: alpha(opacity=100); }
+
+.gjs-nv-title-c:hover .gjs-nv-nav-item-edit {
+ visibility: visible;
+ cursor: pointer; }
+
+.gjs-nav-comp-name {
+ padding: 5px;
+ box-sizing: content-box; }
+
+/************* END Navigator *************/
+/* pa-refresh pa-rocket pa-trash pa-columns pa-rotate-left/right */
+.btn.expand, .gjs-nv-navigator .gjs-nv-item .expand#gjs-nv-btn-eye {
+ background-image: none; }
+
+/*********** Components *************/
+.gjs-comp-image-placeholder {
+ display: block;
+ background-color: #f5f5f5;
+ color: #777;
+ height: 50px;
+ width: 50px;
+ line-height: 50px;
+ outline: 3px solid #ffca6f;
+ outline-offset: -3px;
+ text-align: center;
+ font-size: 16.66667px;
+ cursor: pointer; }
+ .gjs-comp-image-placeholder.fa-picture-o::after {
+ content: "\f03e"; }
+
+/********* Input style **********/
+/* #d5d5d5 */
+/* b1b1b1 */
+/* #252525 */
+/* 303030 */
+.gjs-label {
+ line-height: 18px; }
+
+.gjs-field {
+ background-color: rgba(0, 0, 0, 0.3);
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
+ border-radius: 2px;
+ box-sizing: border-box;
+ padding: 0;
+ position: relative; }
+ .gjs-field input,
+ .gjs-field select,
+ .gjs-field textarea {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ color: rgba(255, 255, 255, 0.7);
+ border: none;
+ background-color: transparent;
+ box-sizing: border-box;
+ width: 100%;
+ position: relative;
+ padding: 3px 4px 4px;
+ z-index: 1; }
+ .gjs-field textarea {
+ resize: vertical; }
+ .gjs-field select {
+ height: 20px;
+ padding-right: 12px; }
+ .gjs-field option {
+ padding: 3px 0; }
+ .gjs-field .gjs-sel-arrow {
+ height: 100%;
+ width: 9px;
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: 0; }
+ .gjs-field .gjs-d-s-arrow {
+ bottom: 7px;
+ border-top: 4px solid rgba(255, 255, 255, 0.7);
+ position: absolute;
+ height: 0;
+ width: 0;
+ border-left: 3px solid transparent;
+ border-right: 4px solid transparent;
+ cursor: pointer; }
+
+.gjs-field-color input {
+ padding-right: 22px;
+ box-sizing: border-box; }
+
+.gjs-field-colorp {
+ border-left: 1px solid rgba(0, 0, 0, 0.3);
+ box-sizing: border-box;
+ height: 100%;
+ padding: 2px;
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 22px;
+ z-index: 10; }
+ .gjs-field-colorp .gjs-checker-bg, .gjs-field-colorp .gjs-field-colorp-c {
+ height: 100%;
+ width: 100%;
+ border-radius: 1px; }
+
+.gjs-field-colorp-c {
+ height: 100%;
+ position: relative;
+ width: 100%; }
+
+.gjs-field-color-picker {
+ background-color: #ddd;
+ cursor: pointer;
+ height: 100%;
+ width: 100%;
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
+ border-radius: 1px;
+ position: absolute;
+ top: 0; }
+
+.gjs-field-radio {
+ float: left;
+ overflow: hidden;
+ padding: 0;
+ width: auto; }
+
+/* ??? */
+.gjs-field-checkbox {
+ padding: 0;
+ width: auto !important; }
+ .gjs-field-checkbox input {
+ display: none; }
+ .gjs-field-checkbox input:checked + .gjs-chk-icon {
+ border-color: rgba(255, 255, 255, 0.5);
+ border-width: 0 2px 2px 0;
+ border-style: solid; }
+
+.gjs-radio-item {
+ float: left;
+ border-left: 1px solid rgba(0, 0, 0, 0.3); }
+ .gjs-radio-item:first-child {
+ border: none; }
+ .gjs-radio-item:hover {
+ background: rgba(0, 0, 0, 0.3); }
+ .gjs-radio-item input {
+ display: none; }
+ .gjs-radio-item input:checked + .gjs-radio-item-label {
+ background-color: rgba(255, 255, 255, 0.2); }
+
+.gjs-radio-item-label {
+ cursor: pointer;
+ display: block;
+ padding: 5px; }
+
+.gjs-field-units {
+ position: absolute;
+ right: 0;
+ top: 0; }
+ .gjs-field-units select {
+ padding: 0 12px 0 0; }
+
+.gjs-field-unit {
+ position: absolute;
+ right: 10px;
+ top: 3px;
+ font-size: 10px;
+ color: rgba(255, 255, 255, 0.7);
+ cursor: pointer; }
+
+.gjs-field-arrows {
+ z-index: 10;
+ cursor: ns-resize;
+ height: 100%;
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 9px; }
+
+.gjs-field-arrow-u,
+.gjs-field-arrow-d {
+ position: absolute;
+ height: 0;
+ width: 0;
+ border-left: 3px solid transparent;
+ border-right: 4px solid transparent;
+ border-top: 4px solid rgba(255, 255, 255, 0.7);
+ bottom: 4px;
+ cursor: pointer; }
+
+.gjs-field-arrow-u {
+ border-bottom: 4px solid rgba(255, 255, 255, 0.7);
+ border-top: none;
+ top: 4px; }
+
+.gjs-field-select {
+ padding: 0; }
+
+.gjs-field-range {
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+ padding: 0; }
+ .gjs-field-range input {
+ margin: 0; }
+ .gjs-field-range input::-moz-range-thumb {
+ height: 10px;
+ width: 10px;
+ border: 1px solid rgba(0, 0, 0, 0.3);
+ border-radius: 100%;
+ background-color: #ddd;
+ cursor: pointer; }
+ .gjs-field-range input::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ margin-top: -5px;
+ height: 10px;
+ width: 10px;
+ border: 1px solid rgba(0, 0, 0, 0.3);
+ border-radius: 100%;
+ background-color: #ddd;
+ cursor: pointer; }
+ .gjs-field-range input::-ms-thumb {
+ height: 10px;
+ width: 10px;
+ border: 1px solid rgba(0, 0, 0, 0.3);
+ border-radius: 100%;
+ background-color: #ddd;
+ cursor: pointer; }
+ .gjs-field-range input::-moz-range-track {
+ background-color: rgba(0, 0, 0, 0.3);
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 1px;
+ height: 2px; }
+ .gjs-field-range input::-webkit-slider-runnable-track {
+ background-color: rgba(0, 0, 0, 0.3);
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 1px;
+ height: 2px; }
+ .gjs-field-range input::-ms-track {
+ background-color: rgba(0, 0, 0, 0.3);
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 1px;
+ height: 2px; }
+
+.gjs-chk-icon {
+ -ms-transform: rotate(45deg);
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ transform: rotate(45deg);
+ box-sizing: border-box;
+ display: block;
+ height: 14px;
+ margin: 0 5px;
+ width: 6px;
+ cursor: pointer; }
+
+.gjs-add-trasp {
+ background: none;
+ border: none;
+ color: #ddd;
+ cursor: pointer;
+ font-size: 1em;
+ border-radius: 2px;
+ opacity: 0.75;
+ filter: alpha(opacity=75); }
+ .gjs-add-trasp:hover {
+ opacity: 1;
+ filter: alpha(opacity=100); }
+ .gjs-add-trasp:active {
+ background-color: rgba(0, 0, 0, 0.2); }
+
+/********* Device Manager **********/
+.gjs-devices-c {
+ display: flex;
+ align-items: center;
+ padding: 4px;
+ /*
+ padding: 10px 5px;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+ margin-bottom: 10px;
+ */ }
+ .gjs-devices-c .gjs-device-label {
+ flex-grow: 2;
+ font-size: 0.7em;
+ text-align: left;
+ margin-right: 10px; }
+ .gjs-devices-c .gjs-select {
+ flex-grow: 20; }
+ .gjs-devices-c .gjs-add-trasp {
+ flex-grow: 1;
+ margin-left: 5px; }
+
+/********* END Device Manager **********/
+/********* Style Manager **********/
+.gjs-sm-close-btn, .gjs-sm-sector .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box #gjs-sm-close, .gjs-clm-tags .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box #gjs-sm-close {
+ display: block;
+ font-size: 23px;
+ position: absolute;
+ cursor: pointer;
+ right: 5px;
+ top: 0;
+ opacity: 0.2;
+ filter: alpha(opacity=20); }
+ .gjs-sm-close-btn:hover, .gjs-sm-sector .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box #gjs-sm-close:hover, .gjs-clm-tags .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box #gjs-sm-close:hover {
+ opacity: 0.7;
+ filter: alpha(opacity=70); }
+
+.gjs-sm-header {
+ font-size: 11px;
+ font-weight: lighter;
+ padding: 10px; }
+
+.gjs-sm-sector, .gjs-clm-tags {
+ clear: both;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.3);
+ font-weight: lighter;
+ text-align: left;
+ /*------------------Field--------------------*/
+ /*------------------END Field--------------------*/
+ /*------------------Property--------------------*/
+ /*------------------END Property--------------------*/ }
+ .gjs-sm-sector #gjs-sm-caret, .gjs-clm-tags #gjs-sm-caret {
+ padding-right: 5px;
+ font-size: 11px; }
+ .gjs-sm-sector .gjs-sm-title, .gjs-clm-tags .gjs-sm-title {
+ background-color: rgba(0, 0, 0, 0.1);
+ font-size: 13px;
+ letter-spacing: 1px;
+ padding: 12px 10px 12px 20px;
+ border-top: 1px solid rgba(255, 255, 255, 0.1);
+ cursor: pointer; }
+ .gjs-sm-sector .gjs-sm-label, .gjs-clm-tags .gjs-sm-label {
+ margin: 5px 5px 2px 0; }
+ .gjs-sm-sector .gjs-sm-field, .gjs-clm-tags .gjs-sm-field, .gjs-sm-sector .gjs-clm-field, .gjs-clm-tags .gjs-clm-field {
+ width: 100%;
+ position: relative; }
+ .gjs-sm-sector .gjs-sm-field input, .gjs-clm-tags .gjs-sm-field input, .gjs-sm-sector .gjs-clm-field input, .gjs-clm-tags .gjs-clm-field input, .gjs-sm-sector .gjs-sm-field select, .gjs-clm-tags .gjs-sm-field select, .gjs-sm-sector .gjs-clm-field select, .gjs-clm-tags .gjs-clm-field select {
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.7);
+ border: none;
+ width: 100%; }
+ .gjs-sm-sector .gjs-sm-field input, .gjs-clm-tags .gjs-sm-field input, .gjs-sm-sector .gjs-clm-field input, .gjs-clm-tags .gjs-clm-field input {
+ box-sizing: border-box; }
+ .gjs-sm-sector .gjs-sm-field select, .gjs-clm-tags .gjs-sm-field select, .gjs-sm-sector .gjs-clm-field select, .gjs-clm-tags .gjs-clm-field select {
+ position: relative;
+ z-index: 1;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none; }
+ .gjs-sm-sector .gjs-sm-field select::-ms-expand, .gjs-clm-tags .gjs-sm-field select::-ms-expand, .gjs-sm-sector .gjs-clm-field select::-ms-expand, .gjs-clm-tags .gjs-clm-field select::-ms-expand {
+ display: none; }
+ .gjs-sm-sector .gjs-sm-field select:-moz-focusring, .gjs-clm-tags .gjs-sm-field select:-moz-focusring, .gjs-sm-sector .gjs-clm-field select:-moz-focusring, .gjs-clm-tags .gjs-clm-field select:-moz-focusring {
+ color: transparent;
+ text-shadow: 0 0 0 rgba(255, 255, 255, 0.7); }
+ .gjs-sm-sector .gjs-sm-field select:focus, .gjs-clm-tags .gjs-sm-field select:focus, .gjs-sm-sector .gjs-clm-field select:focus, .gjs-clm-tags .gjs-clm-field select:focus, .gjs-sm-sector .gjs-sm-field input:focus, .gjs-clm-tags .gjs-sm-field input:focus, .gjs-sm-sector .gjs-clm-field input:focus, .gjs-clm-tags .gjs-clm-field input:focus {
+ outline: none; }
+ .gjs-sm-sector .gjs-sm-field .gjs-sm-unit, .gjs-clm-tags .gjs-sm-field .gjs-sm-unit, .gjs-sm-sector .gjs-clm-field .gjs-sm-unit, .gjs-clm-tags .gjs-clm-field .gjs-sm-unit {
+ position: absolute;
+ right: 10px;
+ top: 3px;
+ font-size: 10px;
+ color: rgba(255, 255, 255, 0.7);
+ cursor: pointer; }
+ .gjs-sm-sector .gjs-sm-field .gjs-sm-int-arrows, .gjs-clm-tags .gjs-sm-field .gjs-sm-int-arrows, .gjs-sm-sector .gjs-clm-field .gjs-sm-int-arrows, .gjs-clm-tags .gjs-clm-field .gjs-sm-int-arrows, .gjs-sm-sector .gjs-sm-field .gjs-sm-sel-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-sel-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-sel-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-sel-arrow, .gjs-sm-sector .gjs-sm-field .gjs-clm-sel-arrow, .gjs-clm-tags .gjs-sm-field .gjs-clm-sel-arrow, .gjs-sm-sector .gjs-clm-field .gjs-clm-sel-arrow, .gjs-clm-tags .gjs-clm-field .gjs-clm-sel-arrow {
+ height: 100%;
+ width: 9px;
+ position: absolute;
+ right: 0;
+ top: 0;
+ cursor: ns-resize; }
+ .gjs-sm-sector .gjs-sm-field .gjs-sm-sel-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-sel-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-sel-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-sel-arrow {
+ cursor: pointer; }
+ .gjs-sm-sector .gjs-sm-field .gjs-sm-u-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-u-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-u-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-u-arrow, .gjs-sm-sector .gjs-sm-field .gjs-sm-d-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-d-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-d-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-d-arrow, .gjs-sm-sector .gjs-sm-field .gjs-sm-d-s-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-d-s-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-d-s-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-d-s-arrow, .gjs-sm-sector .gjs-sm-field .gjs-clm-d-s-arrow, .gjs-clm-tags .gjs-sm-field .gjs-clm-d-s-arrow, .gjs-sm-sector .gjs-clm-field .gjs-clm-d-s-arrow, .gjs-clm-tags .gjs-clm-field .gjs-clm-d-s-arrow {
+ position: absolute;
+ height: 0;
+ width: 0;
+ border-left: 3px solid transparent;
+ border-right: 4px solid transparent;
+ cursor: pointer; }
+ .gjs-sm-sector .gjs-sm-field .gjs-sm-u-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-u-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-u-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-u-arrow {
+ border-bottom: 4px solid rgba(255, 255, 255, 0.7);
+ top: 4px; }
+ .gjs-sm-sector .gjs-sm-field .gjs-sm-d-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-d-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-d-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-d-arrow, .gjs-sm-sector .gjs-sm-field .gjs-sm-d-s-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-d-s-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-d-s-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-d-s-arrow, .gjs-sm-sector .gjs-sm-field .gjs-clm-d-s-arrow, .gjs-clm-tags .gjs-sm-field .gjs-clm-d-s-arrow, .gjs-sm-sector .gjs-clm-field .gjs-clm-d-s-arrow, .gjs-clm-tags .gjs-clm-field .gjs-clm-d-s-arrow {
+ border-top: 4px solid rgba(255, 255, 255, 0.7);
+ bottom: 4px; }
+ .gjs-sm-sector .gjs-sm-field .gjs-sm-d-s-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-d-s-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-d-s-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-d-s-arrow, .gjs-sm-sector .gjs-sm-field .gjs-clm-d-s-arrow, .gjs-clm-tags .gjs-sm-field .gjs-clm-d-s-arrow, .gjs-sm-sector .gjs-clm-field .gjs-clm-d-s-arrow, .gjs-clm-tags .gjs-clm-field .gjs-clm-d-s-arrow {
+ bottom: 7px; }
+ .gjs-sm-sector .gjs-sm-field.gjs-sm-integer, .gjs-clm-tags .gjs-sm-field.gjs-sm-integer, .gjs-sm-sector .gjs-sm-integer.gjs-clm-field, .gjs-clm-tags .gjs-sm-integer.gjs-clm-field, .gjs-sm-sector .gjs-sm-field.gjs-sm-select, .gjs-clm-tags .gjs-sm-field.gjs-sm-select, .gjs-sm-sector .gjs-sm-select.gjs-clm-field, .gjs-clm-tags .gjs-sm-select.gjs-clm-field, .gjs-sm-sector .gjs-clm-select, .gjs-clm-tags .gjs-clm-select, .gjs-sm-sector .gjs-sm-field.gjs-sm-list, .gjs-clm-tags .gjs-sm-field.gjs-sm-list, .gjs-sm-sector .gjs-sm-list.gjs-clm-field, .gjs-clm-tags .gjs-sm-list.gjs-clm-field, .gjs-sm-sector .gjs-sm-field.gjs-sm-color, .gjs-clm-tags .gjs-sm-field.gjs-sm-color, .gjs-sm-sector .gjs-sm-color.gjs-clm-field, .gjs-clm-tags .gjs-sm-color.gjs-clm-field, .gjs-sm-sector .gjs-sm-field.gjs-sm-input, .gjs-clm-tags .gjs-sm-field.gjs-sm-input, .gjs-sm-sector .gjs-sm-input.gjs-clm-field, .gjs-clm-tags .gjs-sm-input.gjs-clm-field {
+ background-color: rgba(0, 0, 0, 0.3);
+ /*353535*/
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ /*292929*/
+ box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
+ /*575757*/
+ color: rgba(255, 255, 255, 0.7);
+ border-radius: 2px;
+ box-sizing: border-box;
+ padding: 0 5px; }
+ .gjs-sm-sector .gjs-sm-field.gjs-sm-composite, .gjs-clm-tags .gjs-sm-field.gjs-sm-composite, .gjs-sm-sector .gjs-sm-composite.gjs-clm-field, .gjs-clm-tags .gjs-sm-composite.gjs-clm-field {
+ border-radius: 2px; }
+ .gjs-sm-sector .gjs-sm-field.gjs-sm-select, .gjs-clm-tags .gjs-sm-field.gjs-sm-select, .gjs-sm-sector .gjs-sm-select.gjs-clm-field, .gjs-clm-tags .gjs-sm-select.gjs-clm-field, .gjs-sm-sector .gjs-clm-select, .gjs-clm-tags .gjs-clm-select {
+ padding: 0; }
+ .gjs-sm-sector .gjs-sm-field.gjs-sm-select select, .gjs-clm-tags .gjs-sm-field.gjs-sm-select select, .gjs-sm-sector .gjs-sm-select.gjs-clm-field select, .gjs-clm-tags .gjs-sm-select.gjs-clm-field select, .gjs-sm-sector .gjs-clm-select select, .gjs-clm-tags .gjs-clm-select select {
+ height: 20px; }
+ .gjs-sm-sector .gjs-sm-field.gjs-sm-select option, .gjs-clm-tags .gjs-sm-field.gjs-sm-select option, .gjs-sm-sector .gjs-sm-select.gjs-clm-field option, .gjs-clm-tags .gjs-sm-select.gjs-clm-field option, .gjs-sm-sector .gjs-clm-select option, .gjs-clm-tags .gjs-clm-select option {
+ padding: 3px 0; }
+ .gjs-sm-sector .gjs-sm-field.gjs-sm-composite, .gjs-clm-tags .gjs-sm-field.gjs-sm-composite, .gjs-sm-sector .gjs-sm-composite.gjs-clm-field, .gjs-clm-tags .gjs-sm-composite.gjs-clm-field {
+ background-color: rgba(0, 0, 0, 0.1);
+ border: 1px solid rgba(0, 0, 0, 0.25); }
+ .gjs-sm-sector .gjs-sm-field.gjs-sm-list, .gjs-clm-tags .gjs-sm-field.gjs-sm-list, .gjs-sm-sector .gjs-sm-list.gjs-clm-field, .gjs-clm-tags .gjs-sm-list.gjs-clm-field {
+ width: auto;
+ padding: 0;
+ overflow: hidden;
+ float: left; }
+ .gjs-sm-sector .gjs-sm-field.gjs-sm-list input, .gjs-clm-tags .gjs-sm-field.gjs-sm-list input, .gjs-sm-sector .gjs-sm-list.gjs-clm-field input, .gjs-clm-tags .gjs-sm-list.gjs-clm-field input {
+ display: none; }
+ .gjs-sm-sector .gjs-sm-field.gjs-sm-list label, .gjs-clm-tags .gjs-sm-field.gjs-sm-list label, .gjs-sm-sector .gjs-sm-list.gjs-clm-field label, .gjs-clm-tags .gjs-sm-list.gjs-clm-field label {
+ cursor: pointer;
+ padding: 5px;
+ display: block; }
+ .gjs-sm-sector .gjs-sm-field.gjs-sm-list .gjs-sm-radio:checked + label, .gjs-clm-tags .gjs-sm-field.gjs-sm-list .gjs-sm-radio:checked + label, .gjs-sm-sector .gjs-sm-list.gjs-clm-field .gjs-sm-radio:checked + label, .gjs-clm-tags .gjs-sm-list.gjs-clm-field .gjs-sm-radio:checked + label {
+ background-color: rgba(255, 255, 255, 0.2);
+ /*5b5b5b*/ }
+ .gjs-sm-sector .gjs-sm-field.gjs-sm-list .gjs-sm-icon, .gjs-clm-tags .gjs-sm-field.gjs-sm-list .gjs-sm-icon, .gjs-sm-sector .gjs-sm-list.gjs-clm-field .gjs-sm-icon, .gjs-clm-tags .gjs-sm-list.gjs-clm-field .gjs-sm-icon {
+ background-repeat: no-repeat;
+ background-position: center;
+ text-shadow: none;
+ line-height: normal; }
+ .gjs-sm-sector .gjs-sm-field.gjs-sm-integer select, .gjs-clm-tags .gjs-sm-field.gjs-sm-integer select, .gjs-sm-sector .gjs-sm-integer.gjs-clm-field select, .gjs-clm-tags .gjs-sm-integer.gjs-clm-field select {
+ width: auto;
+ padding: 0; }
+ .gjs-sm-sector .gjs-sm-list .gjs-sm-el, .gjs-clm-tags .gjs-sm-list .gjs-sm-el {
+ float: left;
+ border-left: 1px solid rgba(0, 0, 0, 0.3); }
+ .gjs-sm-sector .gjs-sm-list .gjs-sm-el:first-child, .gjs-clm-tags .gjs-sm-list .gjs-sm-el:first-child {
+ border: none; }
+ .gjs-sm-sector .gjs-sm-list .gjs-sm-el:hover, .gjs-clm-tags .gjs-sm-list .gjs-sm-el:hover {
+ background: rgba(0, 0, 0, 0.3); }
+ .gjs-sm-sector .gjs-sm-properties, .gjs-clm-tags .gjs-sm-properties {
+ font-size: 11px;
+ padding: 10px 5px; }
+ .gjs-sm-sector .gjs-sm-property, .gjs-clm-tags .gjs-sm-property {
+ box-sizing: border-box;
+ float: left;
+ width: 50%;
+ margin-bottom: 5px;
+ padding: 0 5px; }
+ .gjs-sm-sector .gjs-sm-property.gjs-sm-file, .gjs-clm-tags .gjs-sm-property.gjs-sm-file, .gjs-sm-sector .gjs-sm-property.gjs-sm-composite, .gjs-clm-tags .gjs-sm-property.gjs-sm-composite, .gjs-sm-sector .gjs-sm-property.gjs-sm-stack, .gjs-clm-tags .gjs-sm-property.gjs-sm-stack, .gjs-sm-sector .gjs-sm-property.gjs-sm-list, .gjs-clm-tags .gjs-sm-property.gjs-sm-list {
+ width: 100%; }
+ .gjs-sm-sector .gjs-sm-property .gjs-sm-btn, .gjs-clm-tags .gjs-sm-property .gjs-sm-btn {
+ background-color: rgba(33, 33, 33, 0.3);
+ /*#5d5d5d*/
+ border-radius: 2px;
+ box-shadow: 1px 1px 0 rgba(5, 5, 5, 0.3), 1px 1px 0 rgba(43, 43, 43, 0.3) inset;
+ padding: 5px;
+ position: relative;
+ text-align: center;
+ height: auto;
+ width: 100%;
+ cursor: pointer;
+ color: #ddd;
+ box-sizing: border-box;
+ text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
+ border: none;
+ opacity: 0.85;
+ filter: alpha(opacity=85); }
+ .gjs-sm-sector .gjs-sm-property .gjs-sm-btn-c, .gjs-clm-tags .gjs-sm-property .gjs-sm-btn-c {
+ box-sizing: border-box;
+ float: left;
+ width: 100%;
+ padding: 0 5px; }
+ .gjs-sm-sector .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box, .gjs-clm-tags .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box {
+ background-color: rgba(255, 255, 255, 0.05);
+ border-radius: 2px;
+ margin-top: 5px;
+ position: relative;
+ overflow: hidden; }
+ .gjs-sm-sector .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box.gjs-sm-show, .gjs-clm-tags .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box.gjs-sm-show {
+ border: 1px solid rgba(252, 252, 252, 0.05);
+ padding: 3px 5px; }
+ .gjs-sm-sector .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box #gjs-sm-close, .gjs-clm-tags .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box #gjs-sm-close {
+ display: block; }
+ .gjs-sm-sector .gjs-sm-property.gjs-sm-file .gjs-sm-show #gjs-sm-preview-file, .gjs-clm-tags .gjs-sm-property.gjs-sm-file .gjs-sm-show #gjs-sm-preview-file {
+ height: 50px; }
+ .gjs-sm-sector .gjs-sm-property.gjs-sm-file #gjs-sm-preview-file, .gjs-clm-tags .gjs-sm-property.gjs-sm-file #gjs-sm-preview-file {
+ background-size: auto 100%;
+ background-repeat: no-repeat;
+ background-position: center center; }
+ .gjs-sm-sector .gjs-sm-property .gjs-sm-layers, .gjs-clm-tags .gjs-sm-property .gjs-sm-layers {
+ margin-top: 5px;
+ min-height: 30px; }
+ .gjs-sm-sector .gjs-sm-property .gjs-sm-layer, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer {
+ background-color: rgba(255, 255, 255, 0.055);
+ border-radius: 2px;
+ box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 0 rgba(255, 255, 255, 0.055) inset;
+ margin: 2px;
+ padding: 7px;
+ position: relative;
+ cursor: pointer; }
+ .gjs-sm-sector .gjs-sm-property .gjs-sm-layer > #gjs-sm-preview-box, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer > #gjs-sm-preview-box {
+ height: 15px;
+ position: absolute;
+ right: 27px;
+ top: 6px;
+ width: 15px; }
+ .gjs-sm-sector .gjs-sm-property .gjs-sm-layer #gjs-sm-preview-box, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer #gjs-sm-preview-box, .gjs-sm-sector .gjs-sm-property .gjs-sm-layer #gjs-sm-preview, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer #gjs-sm-preview {
+ border-radius: 2px; }
+ .gjs-sm-sector .gjs-sm-property .gjs-sm-layer #gjs-sm-close-layer, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer #gjs-sm-close-layer {
+ display: block;
+ font-size: 23px;
+ position: absolute;
+ cursor: pointer;
+ right: 5px;
+ top: 0;
+ opacity: 0.5;
+ filter: alpha(opacity=50); }
+ .gjs-sm-sector .gjs-sm-property .gjs-sm-layer #gjs-sm-close-layer:hover, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer #gjs-sm-close-layer:hover {
+ opacity: 0.8;
+ filter: alpha(opacity=80); }
+ .gjs-sm-sector .gjs-sm-property .gjs-sm-layer > #gjs-sm-preview-box #gjs-sm-preview, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer > #gjs-sm-preview-box #gjs-sm-preview {
+ background-color: white;
+ height: 100%;
+ width: 100%;
+ background-size: cover !important; }
+ .gjs-sm-sector .gjs-sm-property .gjs-sm-layer.gjs-sm-active, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer.gjs-sm-active {
+ background-color: rgba(255, 255, 255, 0.12); }
+ .gjs-sm-sector .gjs-sm-property .gjs-sm-layer.gjs-sm-no-preview #gjs-sm-preview-box, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer.gjs-sm-no-preview #gjs-sm-preview-box {
+ display: none; }
+ .gjs-sm-sector #gjs-sm-text-shadow #gjs-sm-preview::after, .gjs-clm-tags #gjs-sm-text-shadow #gjs-sm-preview::after {
+ color: #000;
+ content: "T";
+ font-weight: 900;
+ line-height: 17px;
+ padding: 0 4px; }
+ .gjs-sm-sector .gjs-sm-stack .gjs-sm-properties, .gjs-clm-tags .gjs-sm-stack .gjs-sm-properties {
+ padding-top: 5px; }
+ .gjs-sm-sector .gjs-sm-stack #gjs-sm-add, .gjs-clm-tags .gjs-sm-stack #gjs-sm-add {
+ background: none;
+ border: none;
+ cursor: pointer;
+ font-size: 22px;
+ line-height: 10px;
+ position: absolute;
+ right: 0;
+ top: -20px;
+ opacity: 0.75; }
+ .gjs-sm-sector .gjs-sm-stack #gjs-sm-add:hover, .gjs-clm-tags .gjs-sm-stack #gjs-sm-add:hover {
+ opacity: 1;
+ filter: alpha(opacity=100); }
+ .gjs-sm-sector .gjs-sm-colorp-c, .gjs-clm-tags .gjs-sm-colorp-c {
+ height: 100%;
+ width: 20px;
+ position: absolute;
+ right: 0;
+ top: 0;
+ box-sizing: border-box;
+ border-radius: 2px;
+ padding: 2px; }
+ .gjs-sm-sector .gjs-sm-colorp-c .gjs-checker-bg, .gjs-clm-tags .gjs-sm-colorp-c .gjs-checker-bg, .gjs-sm-sector .gjs-sm-colorp-c .gjs-field-colorp-c, .gjs-clm-tags .gjs-sm-colorp-c .gjs-field-colorp-c {
+ height: 100%;
+ width: 100%;
+ border-radius: 1px; }
+ .gjs-sm-sector .gjs-sm-color-picker, .gjs-clm-tags .gjs-sm-color-picker {
+ background-color: #ddd;
+ cursor: pointer;
+ height: 16px;
+ width: 100%;
+ margin-top: -16px;
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
+ border-radius: 1px; }
+ .gjs-sm-sector .gjs-sm-btn-upload #gjs-sm-upload, .gjs-clm-tags .gjs-sm-btn-upload #gjs-sm-upload {
+ left: 0;
+ top: 0;
+ position: absolute;
+ width: 100%;
+ opacity: 0;
+ cursor: pointer; }
+ .gjs-sm-sector .gjs-sm-btn-upload #gjs-sm-label, .gjs-clm-tags .gjs-sm-btn-upload #gjs-sm-label {
+ padding: 2px 0; }
+
+.gjs-sm-layer > #gjs-sm-move {
+ opacity: 0.7;
+ filter: alpha(opacity=70);
+ cursor: move;
+ font-size: 12px;
+ float: left;
+ margin: 0 5px 0 0; }
+ .gjs-sm-layer > #gjs-sm-move:hover {
+ opacity: 0.9;
+ filter: alpha(opacity=90); }
+
+/********* END Style Manager **********/
+/********* Block manager **********/
+.gjs-blocks-c {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start; }
+
+.gjs-block {
+ -moz-user-select: none;
+ -khtml-user-select: none;
+ -webkit-user-select: none;
+ -ms-user-select: none;
+ -o-user-select: none;
+ user-select: none;
+ width: 45%;
+ padding: 1em;
+ box-sizing: border-box;
+ height: 90px;
+ cursor: all-scroll;
+ font-size: 11px;
+ font-weight: lighter;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-end;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 3px;
+ margin: 10px 2.5% 5px;
+ box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
+ transition: all 0.2s ease 0s;
+ transition-property: box-shadow, color; }
+ .gjs-block:hover {
+ box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15); }
+
+.gjs-block.fa {
+ font-size: 2em;
+ line-height: 2em;
+ padding: 11px; }
+
+.gjs-block-label {
+ line-height: normal;
+ font-size: 0.65rem;
+ font-weight: normal;
+ font-family: Helvetica, sans-serif; }
+
+.gjs-block.gjs-bdrag {
+ width: auto;
+ padding: 0; }
+
+/********* END Block manager **********/
+/********* Class manager **********/
+.gjs-clm-tags {
+ font-size: 11px;
+ padding: 10px 5px; }
+ .gjs-clm-tags #gjs-clm-label, .gjs-clm-tags #gjs-clm-sel {
+ padding: 7px 0;
+ float: left; }
+ .gjs-clm-tags #gjs-clm-sel {
+ font-style: italic;
+ margin-left: 5px; }
+ .gjs-clm-tags #gjs-clm-status-c {
+ float: right; }
+ .gjs-clm-tags #gjs-clm-tags-field {
+ clear: both;
+ padding: 5px;
+ margin-bottom: 5px; }
+ .gjs-clm-tags #gjs-clm-tags-c {
+ display: inline-block;
+ vertical-align: top; }
+ .gjs-clm-tags #gjs-clm-add-tag {
+ background-color: rgba(255, 255, 255, 0.15);
+ border-radius: 2px;
+ padding: 5px 6px;
+ box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ cursor: pointer; }
+ .gjs-clm-tags #gjs-clm-new {
+ color: #ddd;
+ padding: 5px 6px;
+ display: none; }
+ .gjs-clm-tags .gjs-clm-tag {
+ background-color: #804f7b;
+ border: 1px solid #5a3857;
+ box-shadow: 1px 1px #9c6196 inset;
+ text-shadow: 1px 1px #6a4166;
+ display: inline-block;
+ border-radius: 3px;
+ margin: 0 3px 3px 0;
+ padding: 4px;
+ cursor: default; }
+ .gjs-clm-tags #gjs-clm-close {
+ font-size: 20px;
+ line-height: 0;
+ cursor: pointer;
+ color: rgba(255, 255, 255, 0.9); }
+ .gjs-clm-tags #gjs-clm-close:hover {
+ opacity: 0.7;
+ filter: alpha(opacity=70); }
+ .gjs-clm-tags #gjs-clm-checkbox {
+ color: rgba(255, 255, 255, 0.9);
+ vertical-align: middle;
+ cursor: pointer;
+ font-size: 9px; }
+ .gjs-clm-tags #gjs-clm-tag-label {
+ cursor: text; }
+ .gjs-clm-tags #gjs-clm-tag-label input {
+ width: auto;
+ padding: 0 4px; }
+
+/********* END Class manager **********/
+/********* Modal dialog **********/
+.gjs-mdl-backlayer {
+ background-color: #000;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 1;
+ width: 100%;
+ height: 100%;
+ opacity: 0.5;
+ filter: alpha(opacity=50); }
+
+.gjs-mdl-container {
+ font-family: Helvetica, sans-serif;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 10;
+ width: 100%;
+ height: 100%; }
+
+.gjs-mdl-dialog {
+ text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.05);
+ animation: gjs-slide-down 0.215s;
+ margin: 30px auto 0;
+ max-width: 850px;
+ width: 90%;
+ border-radius: 3px;
+ font-weight: lighter;
+ position: relative;
+ z-index: 2; }
+ .gjs-mdl-dialog .gjs-mdl-btn-close {
+ position: absolute;
+ right: 15px;
+ top: 5px; }
+
+.gjs-mdl-active .gjs-mdl-dialog {
+ animation: gjs-mdl-slide-down 0.216s; }
+
+.gjs-mdl-header, .gjs-mdl-content {
+ padding: 10px 15px;
+ clear: both; }
+
+.gjs-mdl-header {
+ position: relative;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.3);
+ padding: 15px 15px 7px; }
+
+.gjs-mdl-content {
+ border-top: 1px solid rgba(255, 255, 255, 0.1); }
+
+.gjs-export-dl::after {
+ content: "";
+ clear: both;
+ display: block;
+ margin-bottom: 10px; }
+
+/********* Assets Manager **********/
+.gjs-am-assets {
+ height: 290px;
+ overflow: auto;
+ clear: both; }
+
+.gjs-am-assets-header {
+ padding: 5px; }
+
+.gjs-am-add-asset .gjs-am-add-field {
+ width: 70%;
+ float: left; }
+
+.gjs-am-add-asset button {
+ width: 25%;
+ float: right; }
+
+.gjs-am-add-field input {
+ padding: 6px; }
+
+.gjs-am-assets-cont {
+ background-color: rgba(0, 0, 0, 0.1);
+ border-radius: 3px;
+ box-sizing: border-box;
+ padding: 10px;
+ width: 45%;
+ float: right;
+ height: 325px;
+ overflow: hidden; }
+ .gjs-am-assets-cont #gjs-am-preview-cont {
+ position: relative;
+ height: 70px;
+ width: 30%;
+ background-color: #444;
+ border-radius: 2px;
+ float: left;
+ overflow: hidden; }
+ .gjs-am-assets-cont #gjs-am-preview {
+ position: absolute;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+ height: 100%;
+ width: 100%;
+ z-index: 1; }
+ .gjs-am-assets-cont #gjs-am-preview-bg {
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ opacity: 0.5;
+ filter: alpha(opacity=50);
+ z-index: 0; }
+ .gjs-am-assets-cont .gjs-am-highlight {
+ background-color: rgba(255, 255, 255, 0.1); }
+ .gjs-am-assets-cont .gjs-am-asset {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.3);
+ padding: 5px;
+ cursor: pointer;
+ position: relative; }
+ .gjs-am-assets-cont .gjs-am-asset:hover #gjs-am-close {
+ display: block; }
+ .gjs-am-assets-cont #gjs-am-close {
+ position: absolute;
+ right: 5px;
+ top: 0;
+ display: none; }
+ .gjs-am-assets-cont #gjs-am-meta {
+ width: 70%;
+ float: left;
+ font-size: 12px;
+ padding: 5px 0 0 5px;
+ box-sizing: border-box; }
+ .gjs-am-assets-cont #gjs-am-meta > div {
+ margin-bottom: 5px; }
+ .gjs-am-assets-cont #gjs-am-meta #gjs-am-dimensions {
+ font-size: 10px;
+ opacity: 0.5;
+ filter: alpha(opacity=50); }
+
+/********* File uploader **********/
+.gjs-am-file-uploader {
+ width: 55%;
+ float: left; }
+ .gjs-am-file-uploader > form {
+ background-color: rgba(0, 0, 0, 0.1);
+ border: 2px dashed;
+ border-radius: 3px;
+ position: relative;
+ text-align: center;
+ margin-bottom: 15px; }
+ .gjs-am-file-uploader > form.gjs-am-hover {
+ border: 2px solid #62c462;
+ color: #75cb75;
+ /*#7ee07e*/ }
+ .gjs-am-file-uploader > form.gjs-am-disabled {
+ border-color: red; }
+ .gjs-am-file-uploader > form #gjs-am-uploadFile {
+ opacity: 0;
+ filter: alpha(opacity=0);
+ padding: 150px 10px;
+ width: 100%;
+ box-sizing: border-box; }
+ .gjs-am-file-uploader #gjs-am-title {
+ position: absolute;
+ padding: 150px 10px;
+ width: 100%; }
+
+/********* Code Manager **********/
+.gjs-cm-editor-c {
+ float: left;
+ box-sizing: border-box;
+ width: 50%; }
+ .gjs-cm-editor-c .CodeMirror {
+ height: 450px; }
+
+.gjs-cm-editor {
+ font-size: 12px; }
+ .gjs-cm-editor#gjs-cm-htmlmixed {
+ padding-right: 10px;
+ border-right: 1px solid rgba(0, 0, 0, 0.3); }
+ .gjs-cm-editor#gjs-cm-htmlmixed #gjs-cm-title {
+ color: #a97d44; }
+ .gjs-cm-editor#gjs-cm-css {
+ padding-left: 10px;
+ border-left: 1px solid rgba(255, 255, 255, 0.1); }
+ .gjs-cm-editor#gjs-cm-css #gjs-cm-title {
+ color: #ddca7e; }
+ .gjs-cm-editor #gjs-cm-title {
+ background-color: rgba(0, 0, 0, 0.3);
+ font-size: 12px;
+ padding: 5px 10px 3px;
+ text-align: right; }
+
+/*************RTE****************/
+#gjs-rte-toolbar {
+ display: none;
+ border: 1px solid rgba(0, 0, 0, 0.3);
+ position: absolute;
+ border-radius: 3px;
+ z-index: 10; }
+ #gjs-rte-toolbar .gjs-rte-btn {
+ display: inline-block;
+ padding: 5px;
+ min-width: 25px;
+ border-right: 1px solid rgba(0, 0, 0, 0.3);
+ text-align: center;
+ cursor: pointer;
+ outline: none; }
+ #gjs-rte-toolbar .gjs-rte-btn:last-child {
+ border-right: none; }
+ #gjs-rte-toolbar .gjs-rte-btn.btn-info {
+ background-color: rgba(0, 0, 0, 0.3); }
+ #gjs-rte-toolbar .gjs-rte-btn:hover {
+ background-color: rgba(255, 255, 255, 0.1); }
+ #gjs-rte-toolbar select {
+ height: 16px; }
+
+/********* Spectrum **********/
+.sp-hue, .sp-slider {
+ cursor: row-resize; }
+
+.sp-color, .sp-dragger {
+ cursor: crosshair; }
+
+.sp-alpha-inner, .sp-alpha-handle {
+ cursor: col-resize; }
+
+.sp-hue {
+ left: 90%; }
+
+.sp-color {
+ right: 15%; }
+
+.sp-container {
+ border: 1px solid rgba(0, 0, 0, 0.3);
+ box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
+ border-radius: 3px; }
+
+.sp-picker-container {
+ border: none; }
+
+.colpick_dark .colpick_color {
+ outline: 1px solid rgba(0, 0, 0, 0.3); }
+
+.sp-cancel, .sp-cancel:hover {
+ bottom: -8px;
+ color: #777 !important;
+ font-size: 25px;
+ left: 0;
+ position: absolute;
+ text-decoration: none; }
+
+.sp-alpha-handle {
+ background-color: #ccc;
+ border: 1px solid #555;
+ width: 4px; }
+
+.sp-color, .sp-hue {
+ border: 1px solid #333333; }
+
+.sp-slider {
+ background-color: #ccc;
+ border: 1px solid #555;
+ height: 3px;
+ left: -4px;
+ width: 22px; }
+
+.sp-dragger {
+ background: transparent;
+ box-shadow: 0 0 0 1px #111; }
+
+.sp-button-container {
+ float: none;
+ width: 100%;
+ position: relative;
+ text-align: right; }
+
+.sp-container button, .sp-container button:hover, .sp-container button:active {
+ background: rgba(0, 0, 0, 0.3);
+ border-color: rgba(0, 0, 0, 0.3);
+ color: #ddd;
+ text-shadow: none;
+ box-shadow: none;
+ padding: 3px 5px; }
+
+.sp-palette-container {
+ border: none;
+ float: none;
+ margin: 0;
+ padding: 5px 10px 0; }
+
+.sp-palette .sp-thumb-el, .sp-palette .sp-thumb-el:hover {
+ border: 1px solid rgba(0, 0, 0, 0.9); }
+
+.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
+ border-color: rgba(0, 0, 0, 0.9); }
+
+.gjs-hidden {
+ display: none; }
+
+@keyframes gjs-slide-down {
+ 0% {
+ transform: translate(0, -3rem);
+ opacity: 0; }
+ 100% {
+ transform: translate(0, 0);
+ opacity: 1; } }
+
+@keyframes gjs-slide-up {
+ 0% {
+ transform: translate(0, 0);
+ opacity: 1; }
+ 100% {
+ transform: translate(0, -3rem);
+ opacity: 0; } }
diff --git a/index.html b/index.html
index af894b0a7..67caa90b6 100755
--- a/index.html
+++ b/index.html
@@ -6,6 +6,10 @@
+
+
+
+
-
+