@charset "utf-8";
/*
Hive UX Framework
Copyright (c) 2008-2020 Hive Solutions Lda.
This file is part of Hive UX Framework.
Hive UX Framework is free software: you can redistribute it and/or modify
it under the terms of the Apache License as published by the Apache
Foundation, either version 2.0 of the License, or (at your option) any
later version.
Hive UX Framework is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
Apache License for more details.
You should have received a copy of the Apache License along with
Hive UX Framework. If not, see .
*/
/*
__author__ = Francisco Castro & João Magalhães
__version__ = 1.0.0
__revision__ = $LastChangedRevision$
__date__ = $LastChangedDate$
__copyright__ = Copyright (c) 2008-2020 Hive Solutions Lda.
__license__ = Apache License, Version 2.0
*/
@-webkit-keyframes fade-in-visibility {
from {
opacity: 0;
-o-opacity: 0;
-ms-opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
}
to {
opacity: 1;
-o-opacity: 1;
-ms-opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
}
@keyframes fade-in-visibility {
from {
opacity: 0;
-o-opacity: 0;
-ms-opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
}
to {
opacity: 1;
-o-opacity: 1;
-ms-opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
}
@-webkit-keyframes fade-out-visibility {
from {
opacity: 1;
-o-opacity: 1;
-ms-opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
to {
opacity: 0;
-o-opacity: 0;
-ms-opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
}
}
@keyframes fade-out-visibility {
from {
opacity: 1;
-o-opacity: 1;
-ms-opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
to {
opacity: 0;
-o-opacity: 0;
-ms-opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
}
}
.no-select {
user-select: none;
-o-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
}
.do-moving {
cursor: move !important;
}
.data-source {
display: none;
}
.source {
display: none;
}
.error-box {
display: none;
}
.replacer-target {
display: none;
}
.disabled[readonly] {
pointer-events: none;
}
.for-desktop,
.for-tablet,
.for-mobile {
display: none;
}
body.desktop-s .for-desktop {
display: block;
}
body.tablet-s .for-tablet {
display: block;
}
body.mobile-s .for-mobile {
display: block;
}
.number {
visibility: hidden;
}
.number.processed {
visibility: visible;
}
.template {
display: none;
}
.timestamp {
visibility: hidden;
}
.timestamp.processed {
visibility: visible;
}
.transform-container {
perspective: 1000;
-o-perspective: 1000;
-ms-perspective: 1000;
-moz-perspective: 1000;
-khtml-perspective: 1000;
-webkit-perspective: 1000;
}
.transform-flip {
transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-khtml-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}
.transform-face {
backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-khtml-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
position: absolute;
}
.transform-face-relative {
backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-khtml-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
position: relative;
}
.transform-face-front {
z-index: 1;
}
.transform-face-back {
transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-khtml-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
}
.transform-flip.flip {
transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-khtml-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
}
.transform-flip.flip .transform-face-front {
z-index: 0;
}
body.wait-load {
display: none;
}
.button {
cursor: pointer;
user-select: none;
-o-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
}
.button.disabled {
cursor: default;
}
.calendar-range > .calendar {
display: none;
}
.calendar-range.calendar-visible > .calendar {
display: block;
}
.carousel {
overflow: hidden;
}
.carousel > .items {
font-size: 0px;
}
.carousel > .items > .item {
display: inline-block;
vertical-align: top;
}
.carousel > .views {
font-size: 0px;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
.carousel > .views > li {
display: inline-block;
}
.check-field-label {
cursor: pointer;
}
.content-changer > .changer-panel {
display: none;
}
.drop-down-container > ul.drop-down {
display: none;
}
.drop-down-container.visible > ul.drop-down {
display: block;
}
.drop-field {
user-select: none;
-o-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
}
.drop-field > .drop-field-no-results {
display: none;
}
.drop-field > .drop-field-contents {
display: none;
position: absolute;
}
.drop-field > .drop-field-clear {
clear: both;
}
.drop-field .hidden-field,
.drop-field .hidden-template {
display: none;
}
.drop-tag .drop-tag-header {
cursor: pointer;
}
.drop-tag.disabled .drop-tag-header {
cursor: default;
}
.drop-tag .drop-tag-tag .drop-tag-close {
cursor: pointer;
}
.drop-tag > ul.items {
display: none;
}
.drop-tag > ul.items > li {
cursor: pointer;
}
.filter .filter-options {
display: none;
}
.filter > .filter-no-results {
display: none;
}
.filter > .filter-more {
display: none;
}
.filter .filter-clear {
clear: both;
}
.filter.no-results .filter-contents {
display: none;
}
.link {
cursor: pointer;
}
.link.no-action {
pointer-events: none;
}
.form > .submit-button {
border: 0px none;
height: 0px;
left: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
width: 0px;
}
.form > .form-success {
display: none;
}
.window.window-lightbox.loading .button-expand {
display: none;
}
.window.window-lightbox.loaded.loading .button-expand {
display: block;
}
.menu-contents {
display: none;
}
.option-key {
float: left;
}
.option-value {
float: right;
}
.option-clear {
clear: both;
}
.overlay-panel {
animation: fade-in-visibility 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-o-animation: fade-in-visibility 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-ms-animation: fade-in-visibility 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-moz-animation: fade-in-visibility 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-khtml-animation: fade-in-visibility 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-webkit-animation: fade-in-visibility 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
display: none;
}
.overlay-panel.visible {
display: block;
visibility: visible;
}
.overlay-panel.invisible {
animation: fade-out-visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-o-animation: fade-out-visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-ms-animation: fade-out-visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-moz-animation: fade-out-visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-khtml-animation: fade-out-visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-webkit-animation: fade-out-visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1.0);
display: block;
visibility: hidden;
}
.overlay {
display: none;
left: 0px;
position: absolute;
top: 0px;
}
.panel-more > .panel-more-contents {
display: none;
}
.panel-stack > .panel {
display: none;
}
.panel-stack > .panel:first-child {
display: block;
visibility: hidden;
}
.radio-field-label {
cursor: pointer;
}
.select-list li.moving {
visibility: hidden;
}
.select-list li.clone {
cursor: move !important;
position: absolute;
}
.slider {
display: none;
overflow: hidden;
}
.slideshow ul.slideshow-alternates li {
cursor: pointer;
}
.slideshow .slideshow-details {
cursor: pointer;
}
.slideshow > .items {
display: none;
}
.stack {
overflow: hidden;
}
.stack > .stack-in {
font-size: 0px;
position: relative;
text-align: left;
}
.stack > .stack-out {
display: none;
}
.stack .stack-item {
display: inline-block;
font-size: medium;
overflow: auto;
vertical-align: middle;
}
.stack .stack-item.stack-bottom {
overflow: hidden;
}
.tab-panel .tab {
display: none;
}
.tab-panel .tab.active {
display: block;
}
.omni-style .text-field {
appearance: none;
-o-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
-khtml-appearance: none;
-webkit-appearance: none;
border-radius: 0px 0px 0px 0px;
-o-border-radius: 0px 0px 0px 0px;
-ms-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-khtml-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
}
.omni-style .text-area {
appearance: none;
-o-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
-khtml-appearance: none;
-webkit-appearance: none;
border-radius: 0px 0px 0px 0px;
-o-border-radius: 0px 0px 0px 0px;
-ms-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-khtml-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
}
.uploader-input {
cursor: pointer;
opacity: 0.0;
-o-opacity: 0.0;
-ms-opacity: 0.0;
-moz-opacity: 0.0;
-khtml-opacity: 0.0;
-webkit-opacity: 0.0;
}
.top-bar {
left: 0px;
position: fixed;
top: 0px;
}
.window {
animation: fade-in-visibility 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-o-animation: fade-in-visibility 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-ms-animation: fade-in-visibility 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-moz-animation: fade-in-visibility 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-khtml-animation: fade-in-visibility 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-webkit-animation: fade-in-visibility 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
display: none;
position: fixed;
}
.window.visible {
display: block;
visibility: visible;
}
.window.invisible {
animation: fade-out-visibility 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-o-animation: fade-out-visibility 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-ms-animation: fade-out-visibility 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-moz-animation: fade-out-visibility 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-khtml-animation: fade-out-visibility 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-webkit-animation: fade-out-visibility 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
display: block;
visibility: hidden;
}
.window .window-mask {
display: none;
height: 100%;
left: 0px;
position: absolute;
text-align: center;
top: 0px;
width: 100%;
}
.window .window-mask.visible {
animation: fade-in-visibility 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-o-animation: fade-in-visibility 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-ms-animation: fade-in-visibility 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-moz-animation: fade-in-visibility 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-khtml-animation: fade-in-visibility 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-webkit-animation: fade-in-visibility 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
display: block;
visibility: visible;
}
.window .window-mask.invisible {
animation: fade-out-visibility 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-o-animation: fade-out-visibility 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-ms-animation: fade-out-visibility 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-moz-animation: fade-out-visibility 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-khtml-animation: fade-out-visibility 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-webkit-animation: fade-out-visibility 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
display: block;
visibility: hidden;
}
.eol {
margin: inherit;
}
code[class*="language-"],
pre[class*="language-"] {
color: black;
direction: ltr;
font-family: Consolas, Monaco, "Andale Mono", monospace;
hyphens: none;
-o-hyphens: none;
-ms-hyphens: none;
-moz-hyphens: none;
-khtml-hyphens: none;
-webkit-hyphens: none;
tab-size: 4;
-o-tab-size: 4;
-ms-tab-size: 4;
-moz-tab-size: 4;
-khtml-tab-size: 4;
-webkit-tab-size: 4;
text-align: left;
white-space: pre;
word-spacing: normal;
}
pre[class*="language-"]::-moz-selection,
code[class*="language-"]::-moz-selection {
background: #b3d4fc;
text-shadow: none;
-o-text-shadow: none;
-ms-text-shadow: none;
-moz-text-shadow: none;
-khtml-text-shadow: none;
-webkit-text-shadow: none;
}
pre[class*="language-"]::selection,
code[class*="language-"]::selection {
background: #b3d4fc;
text-shadow: none;
-o-text-shadow: none;
-ms-text-shadow: none;
-moz-text-shadow: none;
-khtml-text-shadow: none;
-webkit-text-shadow: none;
}
pre[class*="language-"] {
margin: 0.5em 0em 0.5em 0em;
overflow: auto;
padding: 1em 1em 1em 1em;
}
:not(pre) > code[class*="language-"] {
border-radius: 0.3em 0.3em 0.3em 0.3em;
-o-border-radius: 0.3em 0.3em 0.3em 0.3em;
-ms-border-radius: 0.3em 0.3em 0.3em 0.3em;
-moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
-khtml-border-radius: 0.3em 0.3em 0.3em 0.3em;
-webkit-border-radius: 0.3em 0.3em 0.3em 0.3em;
padding: 0.1em 0.1em 0.1em 0.1em;
}
.token {
visibility: visible;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: slategray;
}
.token.punctuation {
color: #999999;
}
.namespace {
opacity: 0.7;
-o-opacity: 0.7;
-ms-opacity: 0.7;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
-webkit-opacity: 0.7;
}
.token.property,
.token.etag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol {
color: #990055;
}
.token.selector,
.token.attr-name,
.token.string,
.token.builtin {
color: #669900;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
color: #a67f59;
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #0077aa;
}
.token.regex,
.token.important {
color: #ee9900;
}
.token.important {
font-weight: bold;
}
.token.entity {
cursor: help;
}