catch up with development
Signed-off-by: Ralf Mollik <ramollik@compex-commerce.com>
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..d1add00
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,40 @@
+**/target/
+**/bin/
+**/VAADIN/widgetsets/
+**/VAADIN/gwt-unitCache/
+**._trace
+**git.properties
+
+**/target/
+**/.metadata/
+
+**/emf-gen/**/.gitignore
+**/src-gen/**/.gitignore
+**/git.properties
+**/*.java._trace
+**/*.log
+**/*.log.properties
+
+**/bin/
+**/build/
+*.class
+*.ctrl
+**/Debug/
+.DS_Store
+*.ear
+*.war
+
+**/*.actionbin
+**/*.blipbin
+**/*.chartbin
+**/*.cubebin
+**/*.datatypebin
+**/*.dtobin
+**/*.entitybin
+**/*.servicebin
+**/*.tablebin
+**/*.uibin
+**/*.uisemanticbin
+**/*.xtendbin
+**/*.xtextbin
+
diff --git a/.settings/org.eclipse.core.resources.prefs b/.settings/org.eclipse.core.resources.prefs
new file mode 100644
index 0000000..99f26c0
--- /dev/null
+++ b/.settings/org.eclipse.core.resources.prefs
@@ -0,0 +1,2 @@
+eclipse.preferences.version=1
+encoding/<project>=UTF-8
diff --git a/.settings/org.eclipse.m2e.core.prefs b/.settings/org.eclipse.m2e.core.prefs
new file mode 100644
index 0000000..f897a7f
--- /dev/null
+++ b/.settings/org.eclipse.m2e.core.prefs
@@ -0,0 +1,4 @@
+activeProfiles=
+eclipse.preferences.version=1
+resolveWorkspaceProjects=true
+version=1
diff --git a/org.eclipse.osbp.themes.feature/.gitignore b/org.eclipse.osbp.themes.feature/.gitignore
new file mode 100644
index 0000000..b83d222
--- /dev/null
+++ b/org.eclipse.osbp.themes.feature/.gitignore
@@ -0,0 +1 @@
+/target/
diff --git a/org.eclipse.osbp.themes.feature/.settings/org.eclipse.core.resources.prefs b/org.eclipse.osbp.themes.feature/.settings/org.eclipse.core.resources.prefs
new file mode 100644
index 0000000..99f26c0
--- /dev/null
+++ b/org.eclipse.osbp.themes.feature/.settings/org.eclipse.core.resources.prefs
@@ -0,0 +1,2 @@
+eclipse.preferences.version=1
+encoding/<project>=UTF-8
diff --git a/org.eclipse.osbp.themes.feature/.settings/org.eclipse.m2e.core.prefs b/org.eclipse.osbp.themes.feature/.settings/org.eclipse.m2e.core.prefs
new file mode 100644
index 0000000..ff7698f
--- /dev/null
+++ b/org.eclipse.osbp.themes.feature/.settings/org.eclipse.m2e.core.prefs
@@ -0,0 +1,4 @@
+activeProfiles=
+eclipse.preferences.version=1
+resolveWorkspaceProjects=false
+version=1
diff --git a/org.eclipse.osbp.themes.feature/.settings/org.eclipse.xtend.core.Xtend.prefs b/org.eclipse.osbp.themes.feature/.settings/org.eclipse.xtend.core.Xtend.prefs
new file mode 100644
index 0000000..19e3115
--- /dev/null
+++ b/org.eclipse.osbp.themes.feature/.settings/org.eclipse.xtend.core.Xtend.prefs
@@ -0,0 +1,11 @@
+//outlet.DEFAULT_OUTPUT.sourceFolder.src/test/java.directory=src/test/generated-sources/xtend
+BuilderConfiguration.is_project_specific=true
+eclipse.preferences.version=1
+is_project_specific=true
+outlet.DEFAULT_OUTPUT.hideLocalSyntheticVariables=true
+outlet.DEFAULT_OUTPUT.installDslAsPrimarySource=false
+outlet.DEFAULT_OUTPUT.sourceFolder.emf-gen.directory=xtend-gen
+outlet.DEFAULT_OUTPUT.sourceFolder.src-gen.directory=xtend-gen
+outlet.DEFAULT_OUTPUT.sourceFolder.src.directory=xtend-gen
+outlet.DEFAULT_OUTPUT.sourceFolder.xtend-gen.directory=xtend-gen
+outlet.DEFAULT_OUTPUT.userOutputPerSourceFolder=true
diff --git a/org.eclipse.osbp.themes.feature/pom.xml b/org.eclipse.osbp.themes.feature/pom.xml
index d4fe11e..e649872 100644
--- a/org.eclipse.osbp.themes.feature/pom.xml
+++ b/org.eclipse.osbp.themes.feature/pom.xml
@@ -39,13 +39,6 @@
<configuration>
<labelSuffix> (source)</labelSuffix>
<excludes>
- <plugin id="dcharts"/>
- <plugin id="com.vaadin.theme-compiler"/>
- <plugin id="com.vaadin.client-compiled"/>
- <plugin id="com.vaadin.server"/>
- <plugin id="com.vaadin.shared"/>
- <plugin id="com.vaadin.shared.deps"/>
- <plugin id="com.vaadin.themes"/>
<plugin id="org.eclipse.osbp.themes"/>
</excludes>
</configuration>
diff --git a/org.eclipse.osbp.themes/.classpath b/org.eclipse.osbp.themes/.classpath
new file mode 100644
index 0000000..cf36b56
--- /dev/null
+++ b/org.eclipse.osbp.themes/.classpath
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<classpath>
+ <classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-1.8"/>
+ <classpathentry kind="con" path="org.eclipse.pde.core.requiredPlugins"/>
+ <classpathentry kind="src" path="src/"/>
+ <classpathentry kind="output" path="target/classes"/>
+</classpath>
diff --git a/org.eclipse.osbp.themes/.project b/org.eclipse.osbp.themes/.project
index 52591fe..db0746d 100644
--- a/org.eclipse.osbp.themes/.project
+++ b/org.eclipse.osbp.themes/.project
@@ -45,12 +45,12 @@
</arguments>
</buildCommand>
<buildCommand>
- <name>org.eclipse.m2e.core.maven2Builder</name>
+ <name>org.eclipse.babel.editor.rbeBuilder</name>
<arguments>
</arguments>
</buildCommand>
<buildCommand>
- <name>org.eclipse.babel.editor.rbeBuilder</name>
+ <name>org.eclipse.m2e.core.maven2Builder</name>
<arguments>
</arguments>
</buildCommand>
diff --git a/org.eclipse.osbp.themes/.settings/org.eclipse.core.resources.prefs b/org.eclipse.osbp.themes/.settings/org.eclipse.core.resources.prefs
new file mode 100644
index 0000000..7a53139
--- /dev/null
+++ b/org.eclipse.osbp.themes/.settings/org.eclipse.core.resources.prefs
@@ -0,0 +1,3 @@
+eclipse.preferences.version=1
+encoding/<project>=UTF-8
+encoding/src=UTF-8
diff --git a/org.eclipse.osbp.themes/.settings/org.eclipse.jdt.core.prefs b/org.eclipse.osbp.themes/.settings/org.eclipse.jdt.core.prefs
new file mode 100644
index 0000000..6e80039
--- /dev/null
+++ b/org.eclipse.osbp.themes/.settings/org.eclipse.jdt.core.prefs
@@ -0,0 +1,8 @@
+eclipse.preferences.version=1
+org.eclipse.jdt.core.compiler.codegen.inlineJsrBytecode=enabled
+org.eclipse.jdt.core.compiler.codegen.targetPlatform=1.8
+org.eclipse.jdt.core.compiler.compliance=1.8
+org.eclipse.jdt.core.compiler.problem.assertIdentifier=error
+org.eclipse.jdt.core.compiler.problem.enumIdentifier=error
+org.eclipse.jdt.core.compiler.problem.forbiddenReference=warning
+org.eclipse.jdt.core.compiler.source=1.8
diff --git a/org.eclipse.osbp.themes/.settings/org.eclipse.m2e.core.prefs b/org.eclipse.osbp.themes/.settings/org.eclipse.m2e.core.prefs
new file mode 100644
index 0000000..f897a7f
--- /dev/null
+++ b/org.eclipse.osbp.themes/.settings/org.eclipse.m2e.core.prefs
@@ -0,0 +1,4 @@
+activeProfiles=
+eclipse.preferences.version=1
+resolveWorkspaceProjects=true
+version=1
diff --git a/org.eclipse.osbp.themes/.settings/org.eclipse.xtend.core.Xtend.prefs b/org.eclipse.osbp.themes/.settings/org.eclipse.xtend.core.Xtend.prefs
new file mode 100644
index 0000000..19e3115
--- /dev/null
+++ b/org.eclipse.osbp.themes/.settings/org.eclipse.xtend.core.Xtend.prefs
@@ -0,0 +1,11 @@
+//outlet.DEFAULT_OUTPUT.sourceFolder.src/test/java.directory=src/test/generated-sources/xtend
+BuilderConfiguration.is_project_specific=true
+eclipse.preferences.version=1
+is_project_specific=true
+outlet.DEFAULT_OUTPUT.hideLocalSyntheticVariables=true
+outlet.DEFAULT_OUTPUT.installDslAsPrimarySource=false
+outlet.DEFAULT_OUTPUT.sourceFolder.emf-gen.directory=xtend-gen
+outlet.DEFAULT_OUTPUT.sourceFolder.src-gen.directory=xtend-gen
+outlet.DEFAULT_OUTPUT.sourceFolder.src.directory=xtend-gen
+outlet.DEFAULT_OUTPUT.sourceFolder.xtend-gen.directory=xtend-gen
+outlet.DEFAULT_OUTPUT.userOutputPerSourceFolder=true
diff --git a/org.eclipse.osbp.themes/META-INF/MANIFEST.MF b/org.eclipse.osbp.themes/META-INF/MANIFEST.MF
index d465c96..e768806 100644
--- a/org.eclipse.osbp.themes/META-INF/MANIFEST.MF
+++ b/org.eclipse.osbp.themes/META-INF/MANIFEST.MF
@@ -6,11 +6,9 @@
Bundle-Version: 0.9.0.qualifier
Bundle-Activator: org.eclipse.osbp.themes.Activator
Require-Bundle: org.eclipse.core.runtime,
- com.vaadin.client-compiled;bundle-version="7.5.7",
- com.vaadin.sass-compiler;bundle-version="0.9.12",
- com.vaadin.shared;bundle-version="7.5.7",
- com.vaadin.theme-compiler;bundle-version="7.1.1",
- com.vaadin.themes;bundle-version="7.5.7",
+ com.vaadin.client-compiled;bundle-version="[7.7.6,7.8.0)",
+ com.vaadin.shared;bundle-version="[7.7.6,7.8.0)",
+ com.vaadin.themes;bundle-version="[7.7.6,7.8.0)",
org.jsoup;bundle-version="1.8.3",
org.w3c.css.sac;bundle-version="1.3.1",
org.w3c.flute;bundle-version="1.3.0"
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/absolutelayout/absolutelayout.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/absolutelayout/absolutelayout.scss
deleted file mode 100644
index 4f007de..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/absolutelayout/absolutelayout.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-@mixin base-absolutelayout($primaryStyleName : v-absolutelayout) {
-
-.#{$primaryStyleName}-wrapper {
- position: absolute;
- overflow: hidden;
-}
-.#{$primaryStyleName}-margin, .#{$primaryStyleName}-canvas {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-.#{$primaryStyleName}.v-has-height > div, .#{$primaryStyleName}.v-has-height > div > div {
- height: 100%;
-}
-.#{$primaryStyleName}.v-has-width > div, .#{$primaryStyleName}.v-has-width > div > div {
- width: 100%;
-}
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/accordion/accordion.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/accordion/accordion.scss
deleted file mode 100644
index a8def37..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/accordion/accordion.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-@mixin base-accordion {
-
-.v-accordion {
- position: relative;
- outline: none;
- overflow: visible;
- text-align: left; /* Force default alignment */
- font-size: 0;
-}
-.v-accordion-item {
- position: relative;
- display: inline-block;
- width: 100%;
-}
-.v-accordion-item-caption {
- overflow: visible;
- white-space: nowrap;
- background: #eee;
- border-bottom: 1px solid #ddd;
-}
-.v-accordion-item-caption .v-caption {
- cursor: pointer;
- font-size: $font-size;
-}
-.v-accordion-item-open .v-accordion-item-caption .v-caption {
- cursor: default;
-}
-.v-accordion-item-content {
- position: absolute;
- width: 100%;
-}
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/base.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/base.scss
deleted file mode 100644
index 56b2e31..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/base.scss
+++ /dev/null
@@ -1,134 +0,0 @@
-$font-size: 16px !default;
-$line-height: normal !default;
-
-// Provide these so that we can use them in base mixins
-// and so that we can use base mixins in Valo
-$v-font-size: $font-size !default;
-$v-line-height: $line-height !default;
-
-@import "common/mixins.scss";
-@import "absolutelayout/absolutelayout.scss";
-@import "accordion/accordion.scss";
-@import "button/button.scss";
-@import "button/nativebutton.scss";
-@import "button/checkbox.scss";
-@import "layout/layout.scss";
-@import "calendar/calendar.scss";
-@import "caption/caption.scss";
-@import "colorpicker/colorpicker.scss";
-@import "common/common.scss";
-@import "common/reconnect-dialog.scss";
-@import "csslayout/csslayout.scss";
-@import "customcomponent/customcomponent.scss";
-@import "customlayout/customlayout.scss";
-@import "datefield/datefield.scss";
-@import "inlinedatefield/inlinedatefield.scss";
-@import "dragwrapper/dragwrapper.scss";
-@import "embedded/embedded.scss";
-@import "escalator/escalator.scss";
-@import "fonts/fonts.scss";
-@import "formlayout/formlayout.scss";
-@import "grid/grid.scss";
-@import "gridlayout/gridlayout.scss";
-@import "label/label.scss";
-@import "link/link.scss";
-@import "loginform/loginform.scss";
-@import "menubar/menubar.scss";
-@import "notification/notification.scss";
-@import "orderedlayout/orderedlayout.scss";
-@import "panel/panel.scss";
-@import "popupview/popupview.scss";
-@import "progressindicator/progressindicator.scss";
-@import "select/select.scss";
-@import "shadow/shadow.scss";
-@import "slider/slider.scss";
-@import "splitpanel/splitpanel.scss";
-@import "table/table.scss";
-@import "tabsheet/tabsheet.scss";
-@import "textfield/textfield.scss";
-@import "tree/tree.scss";
-@import "treetable/treetable.scss";
-@import "upload/upload.scss";
-@import "widget/widget.scss";
-@import "window/window.scss";
-@import "browserframe/browserframe.scss";
-
-.v-vaadin-version:after {
- content: "@version@";
-}
-
-/* References the BODY tag generated by Vaadin application servlet */
-.v-generated-body {
- width: 100%;
- height: 100%;
- border: 0;
- margin: 0;
- overflow: hidden;
-}
-
-.v-modal-window-open {
- overflow: hidden;
-}
-
-@mixin base {
- // @include base-app;
-
- // everything included from base theme
- // other themes should enclose corresponding definitions in theme selectors
-
- @include base-widget;
-
- @include base-absolutelayout;
- @include base-accordion;
- @include base-browserframe;
- @include base-button;
- @include base-nativebutton;
- @include base-checkbox;
- @include base-caption;
- @include base-colorpicker;
- @include base-calendar;
-
- // here for now to preserve old semantics
- @include base-common;
- @include base-reconnect-dialog;
-
- @include base-layout;
- @include base-csslayout;
- @include base-customcomponent;
- @include base-customlayout;
- @include base-datefield;
- @include base-inline-datefield;
- @include base-dragwrapper;
- @include base-embedded;
- @include base-escalator;
- @include base-formlayout;
- @include base-grid;
- @include base-gridlayout;
- @include base-label;
- @include base-link;
- @include base-loginform;
- @include base-menubar;
- @include base-notification;
- @include base-orderedlayout;
- @include base-panel;
- @include base-popupview;
- @include base-progressindicator(v-progressbar);
- /* For legacy ProgressIndicator component */
- @include base-progressindicator(v-progressindicator);
-
- @include base-select;
- @include base-shadow;
- @include base-slider;
- @include base-splitpanel;
- @include base-table;
- @include base-tabsheet;
- @include base-textfield;
- @include base-richtextarea;
- @include base-tree;
- @include base-treetable;
- @include base-upload;
- @include base-window;
-}
-
-// always include, don't wrap in .themename{}
-@include fonts;
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/browserframe/browserframe.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/browserframe/browserframe.scss
deleted file mode 100644
index fce9c11..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/browserframe/browserframe.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-@mixin base-browserframe {
-
- /* Removes duplicate scrollbars in some cases */
- .v-browserframe {
- font-size: 0;
- }
-
- /* fix for #14813 - unable to scroll on iOS devices */
- .v-webkit.v-ios & .v-browserframe {
- -webkit-overflow-scrolling: touch;
- overflow:auto;
- }
-
- /* Some times a browser frame can contain a span with altenate text */
- .v-browserframe > span {
- font-size: $font-size;
- }
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/button/button.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/button/button.scss
deleted file mode 100644
index 694e49a..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/button/button.scss
+++ /dev/null
@@ -1,82 +0,0 @@
-@mixin base-button($primaryStyleName : v-button) {
-
-/*
- * Default button (more customizable)
- * -------------------------------------- */
-.#{$primaryStyleName} {
- display: inline-block;
- zoom: 1;
- text-align: center !important;
- text-decoration: none;
- border: 2px outset #ddd;
- background: #eee;
- cursor: pointer;
- white-space: nowrap;
- margin: 0;
- padding: .2em 1em;
- color: inherit;
- font: inherit;
- font-size: $font-size;
- line-height: normal;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-
-.#{$primaryStyleName}.v-disabled {
- cursor: default;
-}
-
-.#{$primaryStyleName}-wrap,
-.#{$primaryStyleName}-caption {
- vertical-align: baseline;
- white-space: nowrap;
- font: inherit;
- color: inherit;
- line-height: normal;
- }
-
-.#{$primaryStyleName} .v-icon {
- vertical-align: middle;
- margin-right: 3px;
- border: none;
- }
-
-.#{$primaryStyleName} .v-errorindicator {
- display: inline-block;
- zoom: 1;
- vertical-align: middle;
- float: none;
-}
-
-/* Link style (we really should deprecate this) */
-.#{$primaryStyleName}-link {
- border: none;
- text-align: left !important;
- background: transparent;
- padding: 0;
- color: inherit;
- -khtml-user-select: text;
- -moz-user-select: text;
- -ie-user-select: text;
- user-select: text;
-}
-
-/* Inset Safari focus outline a bit */
-.v-sa & .#{$primaryStyleName}-link:focus{
- outline-offset: -3px;
- }
-
-.#{$primaryStyleName}-link .#{$primaryStyleName}-caption {
- text-decoration: underline;
- color: inherit;
- text-align: left;
- }
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/button/checkbox.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/button/checkbox.scss
deleted file mode 100644
index e46d236..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/button/checkbox.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-@mixin base-checkbox($primaryStyleName : v-checkbox) {
-
-.#{$primaryStyleName},
-.#{$primaryStyleName} label,
-.#{$primaryStyleName} input,
-.#{$primaryStyleName} .v-icon {
- vertical-align: middle;
- white-space: nowrap;
-}
-
-.#{$primaryStyleName} .v-icon {
- margin: 0 2px;
-}
-.#{$primaryStyleName} .v-errorindicator {
- float: none;
- display: inline;
- display: inline-block;
- zoom: 1;
-}
-
-
-/* Disabled by default
-.#{$primaryStyleName}-error {
- background: #ffe0e0;
-}
-*/
-/* Disabled by default
-.#{$primaryStyleName}-required {
- background: #ffe0e0;
-}
-*/
-
-}
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/button/nativebutton.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/button/nativebutton.scss
deleted file mode 100644
index f85bd50..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/button/nativebutton.scss
+++ /dev/null
@@ -1,73 +0,0 @@
-@mixin base-nativebutton($primaryStyleName : v-nativebutton) {
-
-
-.#{$primaryStyleName} .v-icon {
- vertical-align: middle;
- margin-right: 3px;
- border: none;
- }
-
-.#{$primaryStyleName} .v-errorindicator {
- display: inline-block;
- zoom: 1;
- vertical-align: middle;
- float: none;
-}
-
-/* Link style (we really should deprecate this) */
-.#{$primaryStyleName}-link {
- border: none;
- text-align: left !important;
- background: transparent;
- padding: 0;
- color: inherit;
- -khtml-user-select: text;
- -moz-user-select: text;
- -ie-user-select: text;
- user-select: text;
-}
-
-.#{$primaryStyleName}-link .#{$primaryStyleName}-caption {
- text-decoration: underline;
- color: inherit;
- text-align: left;
- }
-
-.#{$primaryStyleName} {
- text-align: center !important;
- cursor: pointer;
- white-space: nowrap;
- margin: 0;
- color: inherit;
- font: inherit;
- line-height: normal;
- }
-.#{$primaryStyleName} .#{$primaryStyleName}-caption {
- vertical-align: middle;
- white-space: nowrap;
- font: inherit;
- color: inherit;
- }
-
-.#{$primaryStyleName} .v-icon {
- vertical-align: middle;
- margin-right: 3px;
- }
-
-.#{$primaryStyleName} .v-errorindicator {
- display: inline-block;
- zoom: 1;
- float: none;
-}
-/* Fixes stretched buttons in IE7*/
-.v-ie & .#{$primaryStyleName} {
- overflow: visible;
- padding-left: 1em;
- padding-right: 1em;
-}
-
-.v-ie & .#{$primaryStyleName}-link {
- padding: 0;
-}
-
-}
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/calendar/calendar.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/calendar/calendar.scss
deleted file mode 100644
index 8ff97df..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/calendar/calendar.scss
+++ /dev/null
@@ -1,378 +0,0 @@
-@mixin base-calendar($primaryStyleName : v-calendar) {
-
-/* Global resize style */
-.#{$primaryStyleName}-nresize DIV DIV {
- cursor: n-resize !important;
-}
-
-.#{$primaryStyleName}-sresize DIV DIV {
- cursor: s-resize !important;
-}
-
-/* Header bar */
-.#{$primaryStyleName} {
- background-color: #fff;
-}
-
-.#{$primaryStyleName}-header-month,.#{$primaryStyleName}-header-week {
- border-bottom: 1px solid #c1c1c1;
-}
-
-.#{$primaryStyleName}-header-day {
- text-align: center;
- color: #666;
- font-size: 12px;
- line-height: normal;
-}
-
-.#{$primaryStyleName}-header-week .#{$primaryStyleName}-header-day:hover {
- cursor: pointer;
- color: #222
-}
-
-.#{$primaryStyleName}-header-day-today {
- font-weight: bold;
- color: #444;
-}
-
-.#{$primaryStyleName}-header-month td:first-child {
- padding-left: 19px;
- /* Same as VCalendar.MONTHLY_WEEKTOOLBARWIDTH - .#{$primaryStyleName}-week-numbers border */
-}
-
-.#{$primaryStyleName}-header-week .#{$primaryStyleName}-back,.#{$primaryStyleName}-header-week .#{$primaryStyleName}-next
- {
- border: none;
- padding: 0;
- margin: 0;
- height: 12px;
- width: 12px;
- overflow: hidden;
- background: transparent url(img/arrows.png) no-repeat 50% 0;
- opacity: .3;
- filter: alpha(opacity = 30);
- cursor: default;
-}
-
-.#{$primaryStyleName}-header-week .#{$primaryStyleName}-back:hover,.#{$primaryStyleName}-header-week .#{$primaryStyleName}-next:hover
- {
- opacity: .6;
- filter: alpha(opacity = 60);
-}
-
-.#{$primaryStyleName}-header-week .#{$primaryStyleName}-back:active,.#{$primaryStyleName}-header-week .#{$primaryStyleName}-next:active
- {
- opacity: 1;
- filter: alpha(opacity = 100);
-}
-
-.#{$primaryStyleName}-header-week .#{$primaryStyleName}-next {
- background-position: 50% -12px;
-}
-
-/* Month grid */
-.#{$primaryStyleName}-month {
- outline: none;
-}
-
-.#{$primaryStyleName}-week-numbers {
- width: 20px;
- border-right: 1px solid #ccc;
-}
-
-.#{$primaryStyleName}-week-number {
- border: none;
- background: transparent;
- padding: 0;
- margin: 0;
- cursor: pointer;
- opacity: .5;
- width: 20px;
- text-align: center;
- border-bottom: 1px solid #ddd;
-}
-
-.#{$primaryStyleName}-week-number:hover {
- opacity: 1;
-}
-
-.#{$primaryStyleName}-month-day {
- border-bottom: 1px solid #ccc;
- border-right: 1px solid #ccc;
- outline: none;
-}
-
-.#{$primaryStyleName}-month-day-today {
- background-color: #e7f0f5;
-}
-
-.#{$primaryStyleName}-month-day-selected {
- background-color: #fffee7;
-}
-
-.#{$primaryStyleName}-month-day-dragemphasis {
- background-color: #a8a8a8;
-}
-
-.#{$primaryStyleName}-month-day-scrollable {
- overflow-y: scroll;
-}
-
-.#{$primaryStyleName}-day-number {
- height: 18px;
- line-height: 18px;
- font-size: 12px;
- text-align: right;
- padding-right: 3px;
- white-space: nowrap;
-}
-
-.#{$primaryStyleName}-day-number:hover {
- cursor: pointer;
- opacity: .6;
- filter: alpha(opacity = 60);
-}
-
-.#{$primaryStyleName}-month .#{$primaryStyleName}-spacer,.#{$primaryStyleName}-month .#{$primaryStyleName}-bottom-spacer,.#{$primaryStyleName}-month .#{$primaryStyleName}-bottom-spacer-empty
- {
- /* Bottom spacer is used in GWT to measure the event height (offsetHeight) */
- height: 15px;
- font-size: 11px;
-}
-
-.#{$primaryStyleName}-month .#{$primaryStyleName}-bottom-spacer:hover {
- cursor: pointer;
- opacity: .6;
- filter: alpha(opacity = 60);
-}
-
-.#{$primaryStyleName}-event {
- line-height: 14px;
- font-size: 11px;
- padding: 0 0 0 4px;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
-
- outline: none;
-}
-
-.#{$primaryStyleName}-event-month {
- margin-bottom: 1px;
- white-space: nowrap;
-}
-
-.#{$primaryStyleName}-event-month:hover {
- text-decoration: underline;
-}
-
-.#{$primaryStyleName}-event-all-day {
- background: #999;
- display: block;
- margin-left: -2px;
-}
-
-div.#{$primaryStyleName}-event-all-day {
- color: #fff;
- height: 14px;
-}
-
-.#{$primaryStyleName}-event-continued-from {
- margin-left: 0;
-}
-
-.#{$primaryStyleName}-event-start {
- -webkit-border-top-left-radius: 6px;
- -webkit-border-bottom-left-radius: 6px;
- -moz-border-radius-topleft: 6px;
- -moz-border-radius-bottomleft: 6px;
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- margin-left: 0;
-}
-
-.#{$primaryStyleName}-event-end {
- -webkit-border-top-right-radius: 6px;
- -webkit-border-bottom-right-radius: 6px;
- -moz-border-radius-topright: 6px;
- -moz-border-radius-bottomright: 6px;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
-}
-
-/* Week/day view */
-.#{$primaryStyleName}-week-wrapper {
- position: relative;
-}
-
-/*.v-ie7 .#{$primaryStyleName}-week-wrapper TABLE{
- table-layout: fixed;
-}*/
-.#{$primaryStyleName}-times {
- width: 51px;
-}
-
-.#{$primaryStyleName}-time {
- padding: 0 8px 7px 0;
- margin-top: -7px;
- text-align: right;
- font-size: 11px;
- color: #666;
- border-right: 1px solid #ccc;
-}
-
-.#{$primaryStyleName}-weekly-longevents {
- border-left: 1px solid #ccc;
- border-bottom: 2px solid #bbb;
- margin-left: 50px;
-}
-
-.#{$primaryStyleName}-weekly-longevents .#{$primaryStyleName}-datecell {
- border-right: 1px solid #ccc;
- padding: 1px 0 0;
-}
-
-.#{$primaryStyleName}-weekly-longevents .#{$primaryStyleName}-event {
- height: 14px;
- margin-bottom: 1px;
-}
-
-.#{$primaryStyleName}-weekly-longevents .#{$primaryStyleName}-event:hover {
- text-decoration: underline;
-}
-
-.#{$primaryStyleName}-day-times {
- border-right: 1px solid #ccc;
- outline: none;
-}
-
-.#{$primaryStyleName}-day-times .v-datecellslot,.#{$primaryStyleName}-day-times .v-datecellslot-even {
- border-bottom: 1px solid #ccc;
-}
-
-.#{$primaryStyleName}-day-times .v-datecellslot-even {
- border-bottom-color: #eee;
-}
-
-.#{$primaryStyleName}-day-times .v-daterange {
- background-color: #a8a8a8;
-}
-
-.#{$primaryStyleName}-day-times .v-reserved {
- background-color: #FF3333;
-}
-
-.#{$primaryStyleName}-day-times .dragemphasis {
- background-color: #a8a8a8;
-}
-
-.#{$primaryStyleName}-week-wrapper .#{$primaryStyleName}-event {
- padding: 0;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- margin-top: -1px;
-}
-
-.#{$primaryStyleName}-event-caption {
- position: absolute;
- z-index: 1;
- top: 2px;
- left: 4px;
- width: 100%;
- overflow: hidden;
- text-overflow: ellipsis;
- line-height: normal;
-}
-
-.#{$primaryStyleName}-event-content {
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- border: 1px solid #777;
- background: #eee;
- opacity: .8;
- filter: alpha(opacity = 80);
- height: 14px; /* "min-height" */
-}
-
-.#{$primaryStyleName}-current-time {
- position: absolute;
- left: 0;
- width: 100%;
- height: 1px;
- overflow: hidden;
- background: #5a6c86;
- opacity: .6;
- filter: alpha(opacity = 60);
- z-index: 2;
-}
-
-.#{$primaryStyleName}-event-resizetop {
- position: absolute;
- cursor: n-resize;
- height: 5%;
- min-height: 3px;
- top: 0;
- width: 100%;
- z-index: 1;
-}
-
-.#{$primaryStyleName}-event-resizebottom {
- position: absolute;
- cursor: s-resize;
- height: 5%;
- min-height: 3px;
- bottom: 0;
- width: 100%;
- z-index: 1;
-}
-
-.#{$primaryStyleName}-month-sizedheight .#{$primaryStyleName}-month-day {
- height: 100px;
-}
-
-.#{$primaryStyleName}-month-sizedwidth .#{$primaryStyleName}-month-day {
- width: 100px;
-}
-
-.#{$primaryStyleName}-header-month-Hsized .#{$primaryStyleName}-header-day {
- width: 101px;
-}
-
-/* for others */
-.#{$primaryStyleName}-header-month-Hsized td:first-child {
- padding-left: 21px;
-}
-
-.#{$primaryStyleName}-header-day-Hsized {
- width: 200px;
-}
-
-.#{$primaryStyleName}-week-numbers-Vsized .#{$primaryStyleName}-week-number {
- height: 100px;
- line-height: 100px;
-}
-
-.#{$primaryStyleName}-week-wrapper-Vsized {
- height: 400px;
- overflow-x: hidden !important;
-}
-
-.#{$primaryStyleName}-times-Vsized .#{$primaryStyleName}-time {
- height: 38px;
-}
-
-.#{$primaryStyleName}-times-Hsized .#{$primaryStyleName}-time {
- width: 42px;
-}
-
-.#{$primaryStyleName}-day-times-Vsized .v-datecellslot,.#{$primaryStyleName}-day-times-Vsized .v-datecellslot-even {
- height: 18px;
-}
-
-.#{$primaryStyleName}-day-times-Hsized, .#{$primaryStyleName}-day-times-Hsized .v-datecellslot,.#{$primaryStyleName}-day-times-Hsized .v-datecellslot-even {
- width: 200px;
-}
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/calendar/img/arrows.png b/org.eclipse.osbp.themes/VAADIN/themes/base/calendar/img/arrows.png
deleted file mode 100644
index 9905c0b..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/calendar/img/arrows.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/caption/caption.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/caption/caption.scss
deleted file mode 100644
index ec87f71..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/caption/caption.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-@mixin base-caption($primaryStyleName : v-caption) {
-
-.#{$primaryStyleName}wrapper {
- text-align: left; /* Force default alignment */
-}
-.#{$primaryStyleName} {
- overflow: hidden;
- white-space: nowrap;
- font-size: $font-size;
-}
-.v-errorindicator {
- display: inline-block;
-}
-.#{$primaryStyleName} .v-icon {
- display: inline-block;
- padding-right: 2px;
- vertical-align: middle;
-}
-.#{$primaryStyleName} .#{$primaryStyleName}text {
- display: inline-block;
- overflow: hidden;
- vertical-align: middle;
-}
-.#{$primaryStyleName} .v-required-field-indicator {
- display: inline-block;
-}
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/colorpicker/colorpicker.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/colorpicker/colorpicker.scss
deleted file mode 100644
index 70705dc..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/colorpicker/colorpicker.scss
+++ /dev/null
@@ -1,212 +0,0 @@
-@mixin base-colorpicker($name : v-colorpicker) {
-
-.#{$name} {
- text-align: center;
-}
-
-.#{$name}-button-color {
- border: 1px solid silver;
- float: left;
- width: 10px;
- height: 10px;
- margin-top: 2px;
- margin-right: 5px;
-}
-
-.#{$name}-area {
- border: 1px solid silver;
- margin: 1px auto;
-}
-
-.#{$name}.v-default-caption-width {
- width: 100px;
-}
-
-/***************** COLOR HISTORY COMPONENT *****************************/
-.#{$name}-history {
- margin: 5px;
-}
-
-.#{$name}-history td {
- border: 1px solid silver !important;
-}
-
-.#{$name}-history td {
- line-height: 15px;
-}
-/***********************************************************************/
-
-
-/**************** COLOR POPUP COMPONENT ********************************/
-.#{$name}-popup {
- width: 244px;
-}
-
-.#{$name}-popup .v-scrollable {
- background-color: #dddddd;
-}
-
-.#{$name}-popup .v-tabsheet-content .v-scrollable {
- background-color: #eaeaea;
-}
-
-.#{$name}-popup .v-tabsheet-content .v-tabsheet-tabsheetpanel {
- background: transparent;
-}
-
-.#{$name}-popup .resize-button {
- border: 0px solid silver;
- background: url(images/resizebg.png);
- margin-top: 5px;
-}
-
-.#{$name}-popup .resize-button-caption {
- display: none;
-}
-
-.#{$name}-popup .resize-button:hover {
- background: url(images/resizebg-selected.png);
-}
-
-.#{$name}-popup .resize-button:focus {
- outline: none;
-}
-
-/***********************************************************************/
-
-
-/*********************** COLOR GRADIENT *******************************/
-.#{$name}-gradient {
- width: 220px;
- height: 220px;
- padding-left: 10px;
- margin-top: 0px;
-}
-
-.#{$name}-gradient .#{$name}-gradient-clicklayer {
- background-color: white;
- filter: alpha(opacity = 0);
- opacity: 0;
-}
-
-.#{$name}-popup .rgb-gradient .#{$name}-gradient-background {
- width: 220px;
- height: 220px;
- background: url(images/gradient2.png);
-}
-
-.#{$name}-popup .hsv-gradient .#{$name}-gradient-foreground {
- background: url(images/gradient.png);
-}
-
-.#{$name}-popup .#{$name}-gradient-lowerbox {
- border-right: 1px solid white;
- border-top: 1px solid white;
-}
-
-.#{$name}-popup .#{$name}-gradient-higherbox {
- border-left: 1px solid white;
- border-bottom: 1px solid white;
-}
-/**********************************************************************/
-
-
-/************************ COLOR SLIDER ********************************/
-.#{$name}-popup .rgb-sliders {
- width: 227px;
- padding-left: 10px;
- color: #444444;
- text-shadow: 0 1px 0 #FFFFFF;
-}
-
-.#{$name}-popup .rgb-sliders .red .v-slider-base {
- background-color: red;
-}
-
-.#{$name}-popup .rgb-sliders .green .v-slider-base {
- background-color: green;
-}
-
-.#{$name}-popup .rgb-sliders .blue .v-slider-base {
- background-color: blue;
-}
-
-.#{$name}-popup .hsv-sliders {
- padding-left: 10px;
- color: #444444;
- text-shadow: 0 1px 0 #FFFFFF;
-}
-
-.#{$name}-popup .hue-slider {
- height: 10px;
- border: 0px solid silver;
- background-image: url(images/slider_hue_bg.png);
- background-color: transparent;
- background-repeat: no-repeat;
- background-position: 0 3px;
- margin-top: 0px;
-}
-
-.#{$name}-popup .hue-slider .v-slider-handle {
- margin-top: -2px;
-}
-
-.#{$name}-popup .hue-slider .v-slider-base {
- border: 0px none;
- height: 0px;
- background-color: transparent;
-}
-/****************************************************************/
-
-
-/****************** COLOR PREVIEW *******************************/
-.#{$name}-popup .#{$name}-preview {
- margin-top: 5px;
- padding-left: 11px;
- padding-right: 10px;
- margin-bottom: 0px;
-}
-
-.#{$name}-popup .v-absolutelayout-wrapper {
- width: 100%;
- height: 100%;
-}
-
-.#{$name}-popup .#{$name}-preview-textfield {
- background: none;
- overflow: hidden;
- overflow-y: hidden;
- overflow-x: hidden;
-}
-
-.#{$name}-popup .v-textfield-dark {
- color: #FFFFFF;
-}
-
-.#{$name}-popup .v-textfield-light {
- color: #000000;
-}
-/****************************************************************/
-
-
-/*************** COLOR SELECT ***********************************/
-.#{$name}-popup .colorselect {
- margin-top: 5px;
- padding-left: 10px;
- padding-right: 10px;
-}
-
-.#{$name}-popup .v-tabsheet .#{$name}-grid {
- height: 319px;
-}
-
-.#{$name}-popup .colorselect td {
- line-height: 15px;
-}
-
-.#{$name}-popup .v-filterselect {
- padding-right: 16px;
-}
-/****************************************************************/
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/colorpicker/images/gradient.png b/org.eclipse.osbp.themes/VAADIN/themes/base/colorpicker/images/gradient.png
deleted file mode 100644
index def063a..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/colorpicker/images/gradient.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/colorpicker/images/gradient2.png b/org.eclipse.osbp.themes/VAADIN/themes/base/colorpicker/images/gradient2.png
deleted file mode 100644
index f51ed75..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/colorpicker/images/gradient2.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/colorpicker/images/resizebg-selected.png b/org.eclipse.osbp.themes/VAADIN/themes/base/colorpicker/images/resizebg-selected.png
deleted file mode 100644
index 6e56ec0..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/colorpicker/images/resizebg-selected.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/colorpicker/images/resizebg.png b/org.eclipse.osbp.themes/VAADIN/themes/base/colorpicker/images/resizebg.png
deleted file mode 100644
index b6e3532..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/colorpicker/images/resizebg.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/colorpicker/images/slider_hue_bg.png b/org.eclipse.osbp.themes/VAADIN/themes/base/colorpicker/images/slider_hue_bg.png
deleted file mode 100644
index bcef2c5..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/colorpicker/images/slider_hue_bg.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/common/common.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/common/common.scss
deleted file mode 100644
index ea8b5e5..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/common/common.scss
+++ /dev/null
@@ -1,293 +0,0 @@
-@mixin base-common {
-
-&.v-app {
- height: 100%;
-}
-/* Force arrow cursor for all elements inside the app */
-&.v-app,
-.v-window,
-.v-popupview-popup,
-.v-label,
-.v-caption {
- cursor: default;
-}
-/* add box-shadows to overlay elements */
-.v-window {
- box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .5);
-}
-.v-datefield-popup,
-.v-filterselect-suggestpopup,
-.v-menubar-popup,
-.v-slider-feedback,
-.v-popupview-popup,
-.v-contextmenu {
- box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .5);
-}
-
-body &.v-app .v-app-loading {
- /* You can use this to provide indication for the user that the application is loading. */
- /* It is applied to the same element as .v-app */
- background-image: url(img/loading-indicator.gif);
- background-repeat: no-repeat;
- background-position: 50%;
- width: 100%;
- height: 100%;
-}
-.v-ui {
- height: 100%;
- width: 100%;
- /* avoid scrollbars with margins in root layout */
- outline: none;
- position: relative;
-}
-/* Prevent margin collapse */
-.v-ui.v-ui-embedded {
- margin-top: -1px;
- border-top: 1px solid transparent;
-}
-/**
- * Try to handle printing somehow. Reasonable printing support
- * needs application specific planning and CSS tuning.
- */
- /* Disabled for now, see #10336
-@media print {
- .v-generated-body {
- height: auto;
- min-height: 20cm;
- overflow: visible;
- }
- .v-app {
- height: auto;
- min-height: 20cm;
- }
- .v-ui {
- overflow: visible;
- }
- .v-gridlayout {
- overflow: visible !important;
- }
-}
-*/
-
-.v-ui:active,
-.v-ui:focus {
- outline: none;
-}
-&.v-app select,
-.v-window select {
- margin: 0;
-}
-.v-disabled {
- opacity: .3;
- filter: alpha(opacity=30);
- cursor: default;
-}
-.v-disabled * {
- cursor: default;
-}
-* html & .v-disabled {
- zoom: 1;
-}
-*+html & .v-disabled {
- zoom: 1;
-}
-.v-disabled .v-disabled {
- opacity: 1;
-}
-.v-required-field-indicator {
- padding-left: 2px;
- color: red;
-}
-.v-form fieldset {
- border: none;
- padding: 0;
- margin: 0;
- height: 100%;
-}
-.v-form-content {
- height: 100%;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-
-/* Field modified */ /* Disabled by default
-.v-modified,
-.v-richtextarea.v-modified iframe.gwt-RichTextArea,
-.v-checkbox.v-modified,
-.v-modified .v-select-option,
-.v-modified .v-textfield,
-.v-modified .v-datefield-calendarpanel,
-.v-modified .v-select-select,
-.v-modified .v-select-twincol-selections,
-.v-modified .v-select-twincol-options,
-.v-modified .v-slider-base {
- background: #ffffe0;
-}
-*/
-.v-tooltip {
- cursor: default;
- background: #fff;
- box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .5);
-}
-.v-tooltip-text {
- overflow: auto;
-}
-.v-tooltip .v-errormessage {
- overflow: auto;
-}
-.v-contextmenu {
- background: #fff;
-}
-.v-contextmenu .gwt-MenuItem {
- cursor: pointer;
- vertical-align: middle;
- padding: 0;
- border: 0;
- margin: 0;
-}
-
-.v-contextmenu .gwt-MenuBar {
- overflow-y: auto;
- overflow-x: hidden;
-}
-
-.v-contextmenu .gwt-MenuItem div {
- cursor: pointer;
- vertical-align: middle;
- white-space: nowrap;
-}
-.v-contextmenu .gwt-MenuItem-selected div {
- background: #aaa;
- color: #fff;
-}
-.v-contextmenu table {
- border-collapse: collapse;
- margin: 0;
- padding: 0;
-}
-.v-contextmenu .gwt-MenuItem img {
- margin-right: 1em;
- vertical-align: middle;
-}
-/* Margins are not supported within Label */
-.v-label pre {
- margin: 0;
-}
-/* A label with undefined width is always considered to be on one line */
-.v-label-undef-w {
- white-space: nowrap;
-}
-/* Revert line-height for heading elements inside labels */
-.v-label h1,
-.v-label h2,
-.v-label h3,
-.v-label h4,
-.v-label h5,
-.v-label h6 {
- line-height: normal;
-}
-/* Loading indicator states
- * Note: client side expects that loading indicator has a height. It depends on
- * this css property to ensure browsers have applied all required styles.
- */
-.v-loading-indicator,
-.v-loading-indicator-delay,
-.v-loading-indicator-wait {
- position: absolute;
- top: 0;
- right: 0;
- z-index: 30000;
- width: 31px;
- height: 31px;
- background: transparent url(img/loading-indicator.gif);
- margin-right: 5px;
- margin-top: 5px;
-}
-.v-loading-indicator-delay {
- background-image: url(img/loading-indicator-delay.gif);
-}
-.v-loading-indicator-wait {
- background-image: url(img/loading-indicator-wait.gif);
-}
-/* Fix for Liferay, issue #2384 */
-&.v-app input[type="text"],
-&.v-app input[type="password"],
-&.v-app input[type="reset"],
-&.v-app select,
-&.v-app textarea ,
-.v-window input[type="text"],
-.v-window input[type="password"],
-.v-window input[type="reset"],
-.v-window select,
-.v-window textarea {
- padding: 2px;
-}
-
-/* Removes clear button from input fields introduced by IE10 */
-input::-ms-clear {
- display: none;
-}
-
-.v-drag-element {
- z-index: 60000;
- /* override any other position: properties */
- position: absolute !important;
- opacity: 0.5;
- filter: alpha(opacity=50);
- cursor: default;
-}
-
-.v-clip {
- overflow: hidden;
-}
-
-.v-scrollable {
- overflow: auto;
- font-size: 0;
- line-height: normal;
-}
-/* Set font-size in order to make Firefox scrolling better #11353 */
-.v-ff & .v-scrollable {
- font-size: $font-size;
-}
-.v-ios.v-webkit & .v-scrollable {
- -webkit-overflow-scrolling: touch;
-}
-/* Disable native scrolling on iOS 5 due to #8792 */
-.v-ios5.v-webkit & .v-scrollable {
- -webkit-overflow-scrolling: none;
-}
-
-/* "Unnecessary scrollbar" related fixes (#14631, copied from Valo) */
-.v-scrollable.v-panel-content > .v-widget {
- /* This is needed for IE */
- vertical-align: middle;
-
- /* Needed for all browsers. Can't really show anything outside the
- * scrolling area anyway, so we can safely hide any overflow */
- overflow: hidden;
-}
-
-
-
-&.v-overlay-container {
- width: 0;
- height: 0;
-}
-
-}
-
-/* Outside the base mixin because elements might be added directly to the body */
-.v-assistive-device-only {
- position: absolute;
- top: -2000px;
- left: -2000px;
- width: 10px;
- overflow: hidden;
-}
-/* fix for #14681 - mobile safari 8 sometimes displayed text cursor on that element */
-.v-radiobutton {
- -webkit-user-select: none;
-}
-
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/ajax-loader-big.gif b/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/ajax-loader-big.gif
deleted file mode 100644
index 73dc88e..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/ajax-loader-big.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/ajax-loader-medium.gif b/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/ajax-loader-medium.gif
deleted file mode 100644
index 0a0c6aa..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/ajax-loader-medium.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/ajax-loader.gif b/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/ajax-loader.gif
deleted file mode 100644
index 354dc46..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/ajax-loader.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/drag-slot-dot.png b/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/drag-slot-dot.png
deleted file mode 100644
index f8abcf7..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/drag-slot-dot.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/loading-indicator-delay.gif b/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/loading-indicator-delay.gif
deleted file mode 100644
index 8315268..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/loading-indicator-delay.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/loading-indicator-wait.gif b/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/loading-indicator-wait.gif
deleted file mode 100644
index b10a072..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/loading-indicator-wait.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/loading-indicator.gif b/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/loading-indicator.gif
deleted file mode 100644
index 3fae1b8..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/loading-indicator.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/reconnect-spinner.gif b/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/reconnect-spinner.gif
deleted file mode 100644
index bc1a496..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/reconnect-spinner.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/sprites.png b/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/sprites.png
deleted file mode 100644
index c5d2e89..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/common/img/sprites.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/common/mixins.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/common/mixins.scss
deleted file mode 100644
index fab97e9..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/common/mixins.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-@mixin keyframes ($name) {
- @-webkit-keyframes #{$name} {
- @content;
- }
- @-moz-keyframes #{$name} {
- @content;
- }
- @keyframes #{$name} {
- @content;
- }
-}
-
-@mixin animation ($anim) {
- -webkit-animation: $anim;
- -moz-animation: $anim;
- animation: $anim;
-}
-
-@mixin box-shadow ($shadow) {
- -webkit-box-shadow: $shadow;
- -moz-box-shadow: $shadow;
- box-shadow: $shadow;
-}
-
-@mixin box-sizing ($box-sizing) {
- -webkit-box-sizing: $box-sizing;
- -moz-box-sizing: $box-sizing;
- box-sizing: $box-sizing;
-}
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/common/reconnect-dialog.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/common/reconnect-dialog.scss
deleted file mode 100644
index 15b7880..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/common/reconnect-dialog.scss
+++ /dev/null
@@ -1,31 +0,0 @@
-@mixin base-reconnect-dialog {
- .v-reconnect-dialog {
- color: white;
- top: 12px;
- right: 12px;
- max-width: 100%;
- border-radius: 0;
- @include box-shadow(0 0 20px 0 rgba(0,0,0,0.25));
- padding: 10px;
-
- background-color: #444;
- text-align: center;
-
- .text {
- display: inline-block;
- padding-left: 10px;
- }
-
- .spinner {
- background-image: url(img/reconnect-spinner.gif);
- width: 31px;
- height: 31px;
- display: none;
- vertical-align: middle;
- }
-
- &.active .spinner {
- display: inline-block;
- }
- }
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/csslayout/csslayout.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/csslayout/csslayout.scss
deleted file mode 100644
index d6df771..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/csslayout/csslayout.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-@mixin base-csslayout($primaryStyleName : v-csslayout) {
-
-.#{$primaryStyleName} {
- overflow: hidden;
-}
-/* More specific selector to override 'v-connector' */
-div.#{$primaryStyleName} {
- display: block;
-}
-.#{$primaryStyleName}-margin, .#{$primaryStyleName}-container {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-.v-has-width > .#{$primaryStyleName}-margin,
-.v-has-width > .#{$primaryStyleName}-margin > .#{$primaryStyleName}-container {
- width: 100%;
-}
-.v-has-height > .#{$primaryStyleName}-margin,
-.v-has-height > .#{$primaryStyleName}-margin > .#{$primaryStyleName}-container {
- height: 100%;
-}
-.#{$primaryStyleName}-margin-top {
- padding-top: 12px;
-}
-.#{$primaryStyleName}-margin-bottom {
- padding-bottom: 12px;
-}
-.#{$primaryStyleName}-margin-left {
- padding-left: 12px;
-}
-.#{$primaryStyleName}-margin-right {
- padding-right: 12px;
-}
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/customcomponent/customcomponent.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/customcomponent/customcomponent.scss
deleted file mode 100644
index d672254..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/customcomponent/customcomponent.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-@mixin base-customcomponent($primaryStyleName : v-customcomponent) {
-
-.#{$primaryStyleName} {
-}
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/customlayout/customlayout.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/customlayout/customlayout.scss
deleted file mode 100644
index c8a13da..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/customlayout/customlayout.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-@mixin base-customlayout($primaryStyleName : v-customlayout) {
-
-.#{$primaryStyleName} {
- overflow: hidden;
-}
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/datefield/datefield.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/datefield/datefield.scss
deleted file mode 100644
index 57a6912..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/datefield/datefield.scss
+++ /dev/null
@@ -1,122 +0,0 @@
-@mixin base-datefield($primaryStyleName : v-datefield) {
-
-.#{$primaryStyleName} {
- white-space: nowrap;
- display: inline-block; /* Force minimum width */
-}
-.#{$primaryStyleName}-textfield {
- vertical-align: top;
-}
-.v-ie & .#{$primaryStyleName}-button:after {
- content: "\200B";
-}
-
-.#{$primaryStyleName}-button {
- cursor: pointer;
- vertical-align: top;
-}
-.v-has-width > input.#{$primaryStyleName}-textfield {
- width: 100%;
-}
-
-.#{$primaryStyleName}-prompt .#{$primaryStyleName}-textfield {
- color: #999;
- font-style: italic;
-}
-.#{$primaryStyleName} .#{$primaryStyleName}-button-readonly {
- display: none;
-}
-.#{$primaryStyleName}-calendarpanel table {
- width: 100%;
-}
-.#{$primaryStyleName}-calendarpanel td {
- padding: 0;
- margin: 0;
-}
-.#{$primaryStyleName}-calendarpanel:focus {
- outline:none;
-}
-.#{$primaryStyleName}-calendarpanel-header td {
- text-align: center;
-}
-.#{$primaryStyleName}-calendarpanel-month {
- text-align: center;
- white-space: nowrap;
-}
-.#{$primaryStyleName}-calendarpanel-weeknumber {
- color: #999;
- border-right: 1px solid #ddd;
- font-size: 11.7px;
-}
-.#{$primaryStyleName}-calendarpanel-day,
-.#{$primaryStyleName}-calendarpanel-day-today {
- cursor: pointer;
-}
-.#{$primaryStyleName}-calendarpanel-day-today {
- border: 1px solid #ddd;
-}
-.v-disabled .#{$primaryStyleName}-calendarpanel-day,
-.v-disabled .#{$primaryStyleName}-calendarpanel-day-today,
-.v-disabled.#{$primaryStyleName}-popupcalendar .#{$primaryStyleName}-button {
- cursor: default;
-}
-.#{$primaryStyleName}-calendarpanel-day-disabled,
-.#{$primaryStyleName}-calendarpanel-day-outside-range {
- cursor: default;
- opacity: .5;
-}
-
-.#{$primaryStyleName}-calendarpanel-prevyear,
-.#{$primaryStyleName}-calendarpanel-nextyear,
-.#{$primaryStyleName}-calendarpanel-prevmonth,
-.#{$primaryStyleName}-calendarpanel-nextmonth {
- button.outside-range{
- opacity: .5;
- }
-}
-
-.#{$primaryStyleName}-calendarpanel-day-selected {
- cursor: default;
- background: #333;
- color: #fff;
-}
-.#{$primaryStyleName}-calendarpanel-day-focused {
- outline: 1px dotted black;
-}
-.#{$primaryStyleName}-calendarpanel-day-offmonth {
- color: #666;
-}
-
-.#{$primaryStyleName}-time {
- white-space: nowrap;
-}
-.#{$primaryStyleName}-time .v-label {
- display: inline;
-}
-.#{$primaryStyleName}-popup {
- background: #fff;
- .v-ie9 &, .v-ie10 &, .v-ie11 & {
- box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .5);
- }
-}
-.#{$primaryStyleName}-popupcalendar input.#{$primaryStyleName}-textfield {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-/* Disabled by default
-.#{$primaryStyleName}-error .v-textfield,
-.#{$primaryStyleName}-error .#{$primaryStyleName}-calendarpanel {
- background: #ffe0e0;
-}
-*/
-
-/* Disabled by default
-.#{$primaryStyleName}-required .v-textfield,
-.#{$primaryStyleName}-required .#{$primaryStyleName}-calendarpanel {
- background:transparent;
- background-color: #ffe0e0;
-}
-*/
-
-}
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/dragwrapper/dragwrapper.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/dragwrapper/dragwrapper.scss
deleted file mode 100644
index 86000ab..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/dragwrapper/dragwrapper.scss
+++ /dev/null
@@ -1,164 +0,0 @@
-@mixin base-dragwrapper($primaryStyleName : v-ddwrapper) {
-
-.#{$primaryStyleName} {
- padding: 2px;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- position: relative;
- -ms-touch-action: none;
- touch-action: none;
-}
-[draggable=true] {
- -khtml-user-drag: element;
- -webkit-user-drag: element;
- -khtml-user-select: none;
- -webkit-user-select: none;
-}
-.v-ie & .#{$primaryStyleName} a.drag-start {
- display: block;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- /* Some color needed to make it draggable */
- background-color:cyan;
- filter: alpha(opacity=0);
-}
-.#{$primaryStyleName}-over {
- border: 2px solid #1d9dff;
- background-color: #bcdcff;
- padding: 0;
-}
-.#{$primaryStyleName}-over {
- background-color: rgba(169,209,255,.6);
-}
-.no-box-drag-hints .#{$primaryStyleName}-over {
- border: none;
- background-color: transparent;
- padding: 2px;
-}
-&.v-app .#{$primaryStyleName}-over-top,
-.v-window .#{$primaryStyleName}-over-top,
-.v-popupview-popup .#{$primaryStyleName}-over-top {
- border: none;
- border-top: 2px solid #1d9dff;
- background-color: transparent;
- padding: 2px;
- padding-top: 0;
- -moz-border-radius: 0;
- -webkit-border-radius: 0;
- border-radius: 0;
-}
-&.v-app .#{$primaryStyleName}-over-bottom,
-.v-window .#{$primaryStyleName}-over-bottom,
-.v-popupview-popup .#{$primaryStyleName}-over-bottom {
- border: none;
- border-bottom: 2px solid #1d9dff;
- background-color: transparent;
- padding: 2px;
- padding-bottom: 0;
- -moz-border-radius: 0;
- -webkit-border-radius: 0;
- border-radius: 0;
-}
-&.v-app .#{$primaryStyleName}-over-left,
-.v-window .#{$primaryStyleName}-over-left,
-.v-popupview-popup .#{$primaryStyleName}-over-left {
- border: none;
- border-left: 2px solid #1d9dff;
- background-color: transparent;
- padding: 2px;
- padding-left: 0;
- -moz-border-radius: 0;
- -webkit-border-radius: 0;
- border-radius: 0;
-}
-&.v-app .#{$primaryStyleName}-over-right,
-.v-window .#{$primaryStyleName}-over-right,
-.v-popupview-popup .#{$primaryStyleName}-over-right {
- border: none;
- border-right: 2px solid #1d9dff;
- background-color: transparent;
- padding: 2px;
- padding-right: 0;
- -moz-border-radius: 0;
- -webkit-border-radius: 0;
- border-radius: 0;
-}
-.#{$primaryStyleName},
-.#{$primaryStyleName}-over,
-&.v-app .#{$primaryStyleName}-over-top,
-.v-window .#{$primaryStyleName}-over-top,
-.v-popupview-popup .#{$primaryStyleName}-over-top,
-&.v-app .#{$primaryStyleName}-over-bottom,
-.v-window .#{$primaryStyleName}-over-bottom,
-.v-popupview-popup .#{$primaryStyleName}-over-bottom,
-&.v-app .#{$primaryStyleName}-over-left,
-.v-window .#{$primaryStyleName}-over-left,
-.v-popupview-popup .#{$primaryStyleName}-over-left,
-&.v-app .#{$primaryStyleName}-over-right,
-.v-window .#{$primaryStyleName}-over-right,
-.v-popupview-popup .#{$primaryStyleName}-over-right {
- border-color: rgba(0,109,232,.6);
-}
-
-.#{$primaryStyleName}-over-top:before,
-.#{$primaryStyleName}-over-bottom:after,
-.#{$primaryStyleName}-over-left:before,
-.#{$primaryStyleName}-over-right:before {
- display: block;
-
- position: absolute;
- width: 6px;
- height: 6px;
- margin-top: -4px;
- margin-left: -2px;
- background: transparent url(../common/img/drag-slot-dot.png) no-repeat;
-}
-.#{$primaryStyleName}-over-bottom:after {
- margin-top: -2px;
-}
-.#{$primaryStyleName}-over-left:before,
-.#{$primaryStyleName}-over-right:before {
- background-position: 0 -6px;
- margin-top: -2px;
- margin-left: -4px;
-}
-.#{$primaryStyleName}-over-right:before {
- position: relative;
- margin-bottom: -4px;
- margin-right: -4px;
- margin-left: 0;
- width: auto;
- background-position: 100% -6px;
-}
-
-.no-horizontal-drag-hints .#{$primaryStyleName}-over-left {
- padding-left: 2px;
- border-left: none;
-}
-.no-horizontal-drag-hints .#{$primaryStyleName}-over-right {
- padding-right: 2px;
- border-right: none;
-}
-.no-vertical-drag-hints .#{$primaryStyleName}-over-top {
- padding-top: 2px;
- border-top: none;
-}
-.no-vertical-drag-hints .#{$primaryStyleName}-over-bottom {
- padding-bottom: 2px;
- border-bottom: none;
-}
-.no-horizontal-drag-hints .#{$primaryStyleName}-over-left:before,
-.no-horizontal-drag-hints .#{$primaryStyleName}-over-right:before,
-.no-vertical-drag-hints .#{$primaryStyleName}-over-top:before,
-.no-vertical-drag-hints .#{$primaryStyleName}-over-bottom:after {
- display: none;
-}
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/embedded/embedded.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/embedded/embedded.scss
deleted file mode 100644
index abb5e79..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/embedded/embedded.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-@mixin base-embedded($primaryStyleName : v-embedded) {
-
-.v-table .#{$primaryStyleName}-image {
- /* make embeddeds be centered in centered table cells. */
- display: inline-block;
-}
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/escalator/escalator.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/escalator/escalator.scss
deleted file mode 100644
index 2d5ad72..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/escalator/escalator.scss
+++ /dev/null
@@ -1,156 +0,0 @@
-@mixin base-escalator($primaryStyleName: v-escalator, $background-color: #fff) {
-
- .#{$primaryStyleName} {
- position: relative;
- }
-
- .#{$primaryStyleName}-scroller {
- position: absolute;
- z-index: 1;
- outline: none;
- @include box-sizing(border-box);
- }
-
- .#{$primaryStyleName}-scroller-horizontal {
- left: 0; // Left position adjusted to align with frozen columns
- right: 0;
- bottom: 0;
- overflow-y: hidden;
- -ms-overflow-y: hidden;
- }
-
- .#{$primaryStyleName}-scroller-vertical {
- right: 0;
- top: 0; // this will be overridden by code, but it's a good default behavior
- bottom: 0; // this will be overridden by code, but it's a good default behavior
- overflow-x: hidden;
- -ms-overflow-x: hidden;
- }
-
- .#{$primaryStyleName}-tablewrapper {
- position: absolute;
- overflow: hidden;
- @include box-sizing(border-box);
- z-index: 5;
- }
-
- .#{$primaryStyleName}-tablewrapper > table {
- border-spacing: 0;
- table-layout: fixed;
- width: inherit; // a decent default fallback
- }
-
- .#{$primaryStyleName}-header-deco,
- .#{$primaryStyleName}-footer-deco {
- position: absolute;
- right: 0;
- @include box-sizing(border-box);
- }
-
- .#{$primaryStyleName}-horizontal-scrollbar-deco {
- position: absolute;
- bottom: 0;
- left: 0;
- right: 0;
- @include box-sizing(border-box);
- }
-
- .#{$primaryStyleName}-header,
- .#{$primaryStyleName}-body,
- .#{$primaryStyleName}-footer {
- position: absolute;
- left: 0;
- width: inherit;
- z-index: 10;
- }
-
- .#{$primaryStyleName}-header,
- .#{$primaryStyleName}-header-deco {
- top: 0;
- }
-
- .#{$primaryStyleName}-footer,
- .#{$primaryStyleName}-footer-deco {
- bottom: 0;
- }
-
- .#{$primaryStyleName}-body {
- z-index: 0;
- top: 0;
-
- .#{$primaryStyleName}-row {
- position: absolute;
- top: 0;
- left: 0;
- }
- }
-
- .#{$primaryStyleName}-row {
- display: block;
-
- .v-ie8 &, .v-ie9 & {
- // Neither IE8 nor IE9 let table rows be longer than tbody, with only
- // "display: block". Moar hax.
-
- float: left;
- clear: left;
-
- // The inline style of margin-top from the <tbody> to offset the
- // header's dimension is, for some strange reason, inherited into each
- // contained <tr>. We need to cancel it:
-
- margin-top: 0;
- }
-
- > td,
- > th {
- // IE8 likes the bgcolor here instead of on the row
- background-color: $background-color;
- }
- }
-
- .#{$primaryStyleName}-row {
- width: inherit;
- }
-
- .#{$primaryStyleName}-cell {
- display: block;
- float: left;
- padding: 2px;
- white-space: nowrap;
- @include box-sizing(border-box);
- overflow: hidden;
-
- // Because Vaadin changes the font size after the initial render, we
- // need to mention the font size here explicitly, otherwise automatic
- // row height detection gets broken.
-
- font-size: $v-font-size;
- }
-
- .#{$primaryStyleName}-cell.frozen {
- position: relative;
- z-index: 1;
- }
-
- .#{$primaryStyleName}-spacer {
- position: absolute;
- display: block;
-
- background-color: $background-color;
-
- > td {
- width: 100%;
- height: 100%;
- @include box-sizing(border-box);
- }
-
- .v-ie8 &, .v-ie9 & {
- // The inline style of margin-top from the <tbody> to offset the
- // header's dimension is, for some strange reason, inherited into each
- // contained <tr>. We need to cancel it:
-
- margin-top: 0;
- }
- }
-}
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/favicon.ico b/org.eclipse.osbp.themes/VAADIN/themes/base/favicon.ico
deleted file mode 100644
index 2013ab2..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/favicon.ico
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/fonts/FontAwesome.otf b/org.eclipse.osbp.themes/VAADIN/themes/base/fonts/FontAwesome.otf
deleted file mode 100644
index 3ed7f8b4..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/fonts/FontAwesome.otf
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/fonts/fonts.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/fonts/fonts.scss
deleted file mode 100644
index 1f5c0cf..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/fonts/fonts.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-$v-font-awesome: true !default; // Set to false to exclude Font Awesome
-
-@mixin fonts {
- @include fonticons;
- @include v-font(ThemeIcons, themeicons-webfont);
-}
-
-@mixin fonticons {
- @if $v-font-awesome {
- @include v-font(FontAwesome, fontawesome-webfont);
- }
-}
-
-@mixin v-font($font-family, $file-name) {
- @font-face {
- font-family: '#{$font-family}';
- src: url('#{$file-name}.eot');
- src: url('#{$file-name}.eot?#iefix') format('embedded-opentype'), url('#{$file-name}.woff') format('woff'), url('#{$file-name}.ttf') format('truetype'), url('#{$file-name}.svg') format('svg');
- font-weight: normal;
- font-style: normal;
- }
- .#{$font-family} {
- font-family: '#{$font-family}';
- font-style: normal;
- font-weight: normal;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- display: inline-block;
- }
-}
-
-@mixin font($font-family, $file-name) {
- @warn "The 'font' mixin is DEPRECATED. You should use the corresponding 'v-font' mixin instead.";
- @include v-font($font-family, $file-name);
-}
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/formlayout/formlayout.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/formlayout/formlayout.scss
deleted file mode 100644
index 2e2a321..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/formlayout/formlayout.scss
+++ /dev/null
@@ -1,57 +0,0 @@
-@mixin base-formlayout($primaryStyleName : v-formlayout) {
-
-.#{$primaryStyleName}.v-has-width > table {
- width: 100%;
-}
-.#{$primaryStyleName}.v-has-height > table {
- height: 100%;
-}
-.#{$primaryStyleName}-cell .v-errorindicator {
- display: block;
-}
-.#{$primaryStyleName}-error-indicator {
- /* fix width so layout is not jumpy when error disappears */
- width: 12px;
-}
-.#{$primaryStyleName}-captioncell {
- text-align:right;
- white-space: nowrap;
-}
-.#{$primaryStyleName}-errorcell, .#{$primaryStyleName}-captioncell {
- width: 1px; /* Don't use any extra space */
- min-width: 1px;
-}
-.#{$primaryStyleName}-captioncell .v-caption {
- overflow: visible;
-}
-.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-captioncell,
-.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-contentcell,
-.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-errorcell {
- padding-top: 6px;
-}
-.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-captioncell,
-.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-contentcell,
-.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-errorcell {
- padding-top: 0;
-}
-.#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-captioncell,
-.#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-contentcell,
-.#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-errorcell {
- padding-top: 12px;
-}
-.#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-captioncell,
-.#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-contentcell,
-.#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-errorcell {
- padding-bottom: 12px;
-}
-.#{$primaryStyleName}-margin-left > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-captioncell {
- padding-left: 12px;
-}
-.#{$primaryStyleName}-margin-right > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-contentcell {
- padding-right: 12px;
-}
-.#{$primaryStyleName}-captioncell .v-caption .v-required-field-indicator {
- float: none;
-}
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/grid/grid.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/grid/grid.scss
deleted file mode 100644
index 3e7b708..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/grid/grid.scss
+++ /dev/null
@@ -1,590 +0,0 @@
-$v-grid-border-size: 1px !default;
-$v-grid-border: $v-grid-border-size solid #ddd !default;
-$v-grid-cell-vertical-border: $v-grid-border !default;
-$v-grid-cell-horizontal-border: $v-grid-cell-vertical-border !default;
-$v-grid-cell-focused-border: 1px solid !default;
-$v-grid-header-border: $v-grid-border !default;
-$v-grid-footer-border: $v-grid-header-border !default;
-
-$v-grid-row-height: round($v-font-size * 1.5) !default;
-$v-grid-row-background-color: #fff !default;
-$v-grid-row-stripe-background-color: darken($v-grid-row-background-color, 5%) !default;
-$v-grid-row-selected-background-color: darken($v-grid-row-background-color, 25%) !default;
-$v-grid-row-focused-background-color: null !default;
-
-$v-grid-header-row-height: null !default;
-$v-grid-header-font-size: $v-font-size !default;
-$v-grid-header-background-color: $v-grid-row-background-color !default;
-$v-grid-header-drag-marked-color: $v-grid-row-selected-background-color !default;
-
-$v-grid-footer-row-height: $v-grid-header-row-height !default;
-$v-grid-footer-font-size: $v-grid-header-font-size !default;
-$v-grid-footer-background-color: $v-grid-header-background-color !default;
-
-$v-grid-cell-padding-horizontal: 10px !default;
-
-$v-grid-editor-background-color: $v-grid-row-background-color !default;
-
-$v-grid-details-marker-width: 2px !default;
-$v-grid-details-marker-color: $v-grid-row-selected-background-color !default;
-$v-grid-details-border-top: $v-grid-cell-horizontal-border !default;
-$v-grid-details-border-top-stripe: $v-grid-cell-horizontal-border !default;
-$v-grid-details-border-bottom: 1px solid darken($v-grid-row-stripe-background-color, 10%) !default;
-$v-grid-details-border-bottom-stripe: 1px solid darken($v-grid-row-background-color, 10%) !default;
-
-@import "../escalator/escalator";
-
-
-@mixin base-grid($primaryStyleName: v-grid) {
-
- @include base-escalator($primaryStyleName: $primaryStyleName, $background-color: $v-grid-row-background-color);
-
- .#{$primaryStyleName} {
- outline: none;
- }
-
- .#{$primaryStyleName}-scroller-vertical,
- .#{$primaryStyleName}-scroller-horizontal {
- border: $v-grid-border;
- }
-
- .#{$primaryStyleName}-scroller-vertical {
- border-left: none;
- }
-
- .#{$primaryStyleName}-scroller-horizontal {
- border-top: none;
- }
-
- .#{$primaryStyleName}-tablewrapper {
- border: $v-grid-border;
- }
-
- // Column drag and drop elements
-
- .#{$primaryStyleName} .header-drag-table {
- border-spacing: 0;
- position: relative;
- table-layout: fixed;
- width: inherit; // a decent default fallback
-
- .#{$primaryStyleName}-header {
- position: absolute;
- > .#{$primaryStyleName}-cell {
- border: $v-grid-border;
- margin-top: -10px;
- opacity: 0.9;
- filter: alpha(opacity=90); // IE8
- z-index: 30000;
- }
-
- > .#{$primaryStyleName}-drop-marker {
- background-color: $v-grid-header-drag-marked-color;
- position: absolute;
- width: 3px;
- }
- }
- }
-
- // Sidebar
-
- .#{$primaryStyleName}-sidebar.v-contextmenu {
- @include box-shadow(none);
- border-radius: 0;
- position: absolute;
- top: 0;
- right: 0;
-
- background-color: $v-grid-header-background-color;
- border: $v-grid-header-border;
- padding: 0;
- z-index: 5;
-
- &.#{$primaryStyleName}-sidebar-popup {
- right: auto;
- }
-
- .#{$primaryStyleName}-sidebar-button {
- background: transparent;
- border: none;
- color: inherit;
- cursor: pointer;
- outline: none;
- padding: 0 4px;
- text-align: right;
- line-height: 1;
-
- &[disabled] {
- cursor: default;
- }
-
- &::-moz-focus-inner {
- border: 0;
- }
-
- &:after {
- content: "\f0c9";
- display: block;
- font-family: ThemeIcons, sans-serif;
- font-size: $v-grid-header-font-size;
- }
- }
-
- &.closed {
- border-radius: 0;
- }
-
- &.open {
- .#{$primaryStyleName}-sidebar-button {
- width: 100%;
-
- &:after {
- content: "\f0c9";
- font-size: $v-grid-header-font-size;
- line-height: 1;
- }
- }
- }
-
- .v-ie &.open .#{$primaryStyleName}-sidebar-button {
- vertical-align: middle;
- }
-
- .v-ie8 &.open .#{$primaryStyleName}-sidebar-button:after {
- vertical-align: middle;
- text-align: center;
- display: inline;
- }
-
- .#{$primaryStyleName}-sidebar-content {
- padding: 4px 0;
-
- .gwt-MenuBar {
- .gwt-MenuItem .column-hiding-toggle {
- text-shadow: none;
- }
- }
- }
- }
-
- // Common cell styles
-
- .#{$primaryStyleName}-cell {
- background-color: $v-grid-row-background-color;
- padding: 0 $v-grid-cell-padding-horizontal;
- line-height: $v-grid-row-height;
- text-overflow: ellipsis;
-
- > * {
- line-height: $v-line-height;
- vertical-align: middle;
- }
-
- // Force div elements to inline-blocks by default to enable vertical centering
- > div {
- display: inline-block;
- }
-
- &.frozen {
- @include box-shadow(1px 0 2px rgba(0,0,0,.1));
- border-right: $v-grid-cell-vertical-border;
-
- @if $v-grid-cell-vertical-border and $v-grid-cell-vertical-border != none {
- + th,
- + td {
- border-left: none;
- }
- }
- }
- }
-
- // Rows
-
- .#{$primaryStyleName}-row > td,
- .#{$primaryStyleName}-editor-cells > div {
- border-left: $v-grid-cell-vertical-border;
- border-bottom: $v-grid-cell-horizontal-border;
-
- &:first-child {
- border-left: none;
- }
- }
-
- .#{$primaryStyleName}-editor-cells.frozen > div {
- @include box-shadow(1px 0 2px rgba(0,0,0,.1));
- border-right: $v-grid-cell-vertical-border;
- border-left: none;
- }
-
- .#{$primaryStyleName}-row-stripe > td {
- background-color: $v-grid-row-stripe-background-color;
- }
-
- .#{$primaryStyleName}-row-selected > td {
- background: $v-grid-row-selected-background-color;
- }
-
- .#{$primaryStyleName}-row-focused > td {
- background-color: $v-grid-row-focused-background-color;
- }
-
- // Header
-
- .#{$primaryStyleName}-header {
- th {
- position: relative;
- background-color: $v-grid-header-background-color;
- font-size: $v-grid-header-font-size;
- font-weight: inherit;
- border-left: $v-grid-header-border;
- border-bottom: $v-grid-header-border;
- line-height: $v-grid-header-row-height;
- text-align: left;
-
- &:first-child {
- border-left: none;
- }
- }
-
- .sort-asc,
- .sort-desc {
- padding-right: round($v-grid-header-font-size * 1.2) + $v-grid-cell-padding-horizontal;
-
- &:after {
- font-family: ThemeIcons, sans-serif;
- content: "\f0de" " " attr(sort-order);
- position: absolute;
- right: $v-grid-cell-padding-horizontal;
- font-size: round($v-grid-header-font-size * 0.85);
- }
- }
-
- .sort-desc:after {
- content: "\f0dd" " " attr(sort-order);
- }
- }
-
- .#{$primaryStyleName}-column-resize-handle {
- position: absolute;
- width: 2 * $v-grid-cell-padding-horizontal;
- right: -$v-grid-cell-padding-horizontal;
- top: 0px;
- bottom: 0px;
- cursor: col-resize;
- z-index: 10;
-
- // TODO should refactor into a mixin
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
-
- // Footer
-
- .#{$primaryStyleName}-footer {
- td {
- background-color: $v-grid-footer-background-color;
- font-size: $v-grid-footer-font-size;
- font-weight: inherit;
- border-left: $v-grid-footer-border;
- border-top: $v-grid-footer-border;
- border-bottom: none;
- line-height: $v-grid-footer-row-height;
-
- &:first-child {
- border-left: none;
- }
- }
- }
-
- // Header and footer
-
- .#{$primaryStyleName}-header,
- .#{$primaryStyleName}-footer {
- .#{$primaryStyleName}-cell {
- overflow: visible;
- }
- }
-
- .#{$primaryStyleName}-column-header-content,
- .#{$primaryStyleName}-column-footer-content {
- width: 100%;
- overflow: hidden;
- text-overflow: ellipsis;
- // Hackish, needed to override the "v-grid-cell > *" rule above
- line-height: $v-grid-row-height;
- vertical-align: baseline;
- }
-
- // Decorative elements
-
- .#{$primaryStyleName}-header-deco {
- border-top: $v-grid-header-border;
- border-right: $v-grid-header-border;
- background-color: $v-grid-header-background-color;
- }
-
- .#{$primaryStyleName}-footer-deco {
- border-bottom: $v-grid-footer-border;
- border-right: $v-grid-footer-border;
- background-color: $v-grid-footer-background-color;
- }
-
- .#{$primaryStyleName}-horizontal-scrollbar-deco {
- background-color: $v-grid-footer-background-color;
- border: $v-grid-footer-border;
- border-top: none;
- }
-
- // Focused cell style (common for all cells)
-
- .#{$primaryStyleName}-cell-focused {
- position: relative;
-
- &:before {
- content: "";
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- border: $v-grid-cell-focused-border;
- display: none;
- pointer-events: none;
- }
-
- // IE 8-10 apply "pointer-events" only to SVG elements.
- // Using an empty SVG instead of an empty text node makes IE
- // obey the "pointer-events: none" and forwards click events
- // to the underlying element. The data decodes to:
- // <svg xmlns="http://www.w3.org/2000/svg"></svg>
- .ie8 &:before,
- .ie9 &:before,
- .ie10 &:before {
- content: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==);
- }
- }
-
- .#{$primaryStyleName}:focus .#{$primaryStyleName}-cell-focused:before {
- display: block;
- }
-
- .#{$primaryStyleName}.v-disabled:focus .#{$primaryStyleName}-cell-focused:before {
- // Disabled Grid should not show cell focus outline
- display: none;
- }
-
- // Editor
-
- .#{$primaryStyleName}-editor {
- position: absolute;
- z-index: 20;
- overflow: hidden;
- left: 0;
- right: 0;
- border: $v-grid-border;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- margin-top: nth($v-grid-border, 1) * -1;
- @include box-shadow(0 0 9px rgba(0,0,0,.2));
-
- // Unbuffered footer needs to be 100% width to display correctly
- &.unbuffered {
- .#{$primaryStyleName}-editor-footer {
- width: 100%;
- }
- }
- }
-
- .#{$primaryStyleName}-editor-cells {
- position: relative;
- white-space: nowrap;
-
- &.frozen {
- z-index: 2;
- }
-
- > div {
- display: inline-block;
- @include box-sizing(border-box);
- vertical-align: middle;
- background: $v-grid-editor-background-color;
-
- &:first-child {
- border-left: none;
- }
-
- > * {
- vertical-align: middle;
- display: inline-block;
- }
-
- .v-filterselect {
- padding-left: 0;
- }
-
- input[type="text"],
- input[type="text"].v-filterselect-input,
- input[type="password"] {
- padding-left: $v-grid-cell-padding-horizontal;
- }
-
- input[type="text"]:not(.v-filterselect-input),
- input[type="password"] {
- padding-right: $v-grid-cell-padding-horizontal / 2;
- }
-
- input[type="checkbox"] {
- margin-left: $v-grid-cell-padding-horizontal;
- }
-
- .v-textfield,
- .v-datefield,
- .v-filterselect {
- min-width: 100%;
- max-width: 100%;
- min-height: 100%;
- max-height: 100%;
- }
-
- .v-datefield-button {
- .v-ie8 & {
- margin-left: -37px;
- }
- }
-
- .v-filterselect-button {
- .v-ie8 & {
- margin-left: -25px;
- }
- }
-
- .v-select,
- .v-select-select {
- min-width: 100%;
- max-width: 100%;
- }
-
- &.not-editable.#{$primaryStyleName}-cell {
- float: none;
- }
- }
-
- .error::before {
- position: absolute;
- display: block;
- height: 0;
- width: 0;
- content: "";
- border-top: 5px solid red;
- border-right: 5px solid transparent;
- }
-
- .error,
- .error > input {
- background-color: #fee;
- }
- }
-
- .#{$primaryStyleName}-editor-footer {
- display: table;
- height: $v-grid-row-height;
- border-top: $v-grid-cell-horizontal-border;
- margin-top: nth($v-grid-cell-horizontal-border, 1) * -1;
- background: $v-grid-row-background-color;
- padding: 0 5px;
-
- + .#{$primaryStyleName}-editor-cells > div {
- border-bottom: none;
- border-top: $v-grid-cell-horizontal-border;
- }
-
- &:first-child {
- border-top: none;
- margin-top: 0;
- border-bottom: $v-grid-cell-horizontal-border;
- margin-bottom: nth($v-grid-cell-horizontal-border, 1) * -1;
- }
- }
-
- .#{$primaryStyleName}-editor-message,
- .#{$primaryStyleName}-editor-buttons {
- display: table-cell;
- white-space: nowrap;
- vertical-align: middle;
- }
-
- .#{$primaryStyleName}-editor-message {
- width: 100%;
- position: relative;
-
- > div {
- position: absolute;
- width: 100%;
- overflow: hidden;
- text-overflow: ellipsis;
- line-height: $v-grid-row-height;
- top: 0;
- }
- }
-
- .#{$primaryStyleName}-editor-save {
- margin-right: 4px;
- }
-
- .#{$primaryStyleName}-spacer {
- // using padding since left is used with some position functions in escalator
- padding-left: $v-grid-details-marker-width - $v-grid-border-size;
- }
-
- .#{$primaryStyleName}-spacer > td {
- display: block;
- padding: 0;
-
- background-color: $v-grid-row-background-color;
- border-top: $v-grid-details-border-top;
- border-bottom: $v-grid-details-border-bottom;
- }
-
- .#{$primaryStyleName}-spacer.stripe > td {
- background-color: $v-grid-row-stripe-background-color;
- border-top: $v-grid-details-border-top-stripe;
- border-bottom: $v-grid-details-border-bottom-stripe;
- }
-
- .#{$primaryStyleName}-spacer-deco-container {
- border-top: $v-grid-border-size solid transparent; // same size as table wrapper border
- position: relative;
- top: 0; // escalator will override top for scrolling and margin-top for header offset.
- z-index: 5;
- }
-
- .#{$primaryStyleName}-spacer-deco {
- top: 0; // this will be overridden by code, but it's a good default.
- left: 0;
- width: $v-grid-details-marker-width;
- background-color: $v-grid-details-marker-color;
- position: absolute;
- height: 100%; // this will be overridden by code, but it's a good default.
- pointer-events: none;
-
- // IE 8-10 apply "pointer-events" only to SVG elements.
- // Using an empty SVG instead of an empty text node makes IE
- // obey the "pointer-events: none" and forwards click events
- // to the underlying element. The data decodes to:
- // <svg xmlns="http://www.w3.org/2000/svg"></svg>
- .ie8 &:before,
- .ie9 &:before,
- .ie10 &:before {
- content: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==);
- }
- }
-
- // Renderers
-
- .#{$primaryStyleName}-cell > .v-progressbar {
- width: 100%;
- }
-}
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/gridlayout/gridlayout.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/gridlayout/gridlayout.scss
deleted file mode 100644
index 54a2e86..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/gridlayout/gridlayout.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-@mixin base-gridlayout($primaryStyleName : v-gridlayout) {
-
-.#{$primaryStyleName} {
- position: relative;
-}
-.#{$primaryStyleName}-slot {
- position: absolute;
-}
-.#{$primaryStyleName}-margin-top {
- padding-top: 12px;
-}
-.#{$primaryStyleName}-margin-bottom {
- padding-bottom: 12px;
-}
-.#{$primaryStyleName}-margin-left {
- padding-left: 12px;
-}
-.#{$primaryStyleName}-margin-right {
- padding-right: 12px;
-}
-.#{$primaryStyleName}-spacing-on {
- padding-left: 6px;
- padding-top: 6px;
- overflow: hidden;
-}
-.#{$primaryStyleName}-spacing,
-.#{$primaryStyleName}-spacing-off {
- padding-left: 0;
- padding-top: 0;
-}
-.#{$primaryStyleName}-spacing-off {
- overflow: hidden;
-}
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/inlinedatefield/inlinedatefield.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/inlinedatefield/inlinedatefield.scss
deleted file mode 100644
index 06a2412..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/inlinedatefield/inlinedatefield.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-@mixin base-inline-datefield($primaryStyleName : v-inline-datefield){
-
- /* FIXME $primaryStyleName should be passed to the the mixing instead of the default. Fix when SASS compiler works. #9821 */
- @include base-datefield(v-inline-datefield);
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/label/label.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/label/label.scss
deleted file mode 100644
index 3c72796..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/label/label.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-@mixin base-label($primaryStyleName : v-label) {
-
-.#{$primaryStyleName} {
- overflow: hidden;
-}
-
-.#{$primaryStyleName}.v-has-width {
- white-space: normal;
-}
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/layout/layout.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/layout/layout.scss
deleted file mode 100644
index fe3fcd1..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/layout/layout.scss
+++ /dev/null
@@ -1,221 +0,0 @@
-/*
-TODO
-- separate styles to proper places
-- decide a good class name structure for core layouts (e.g. 'v-layout', 'v-vertical', 'v-grid' etc.)
-- use !important in carefully selected places to prevent accidental layout breakage by custom theming (e.g. alignments should be forced)
-
-*/
-
-@mixin base-layout {
-
-.v-vertical.v-margin-top,
-.v-horizontal.v-margin-top {
- padding-top: 12px;
-}
-
-.v-vertical.v-margin-right,
-.v-horizontal.v-margin-right {
- padding-right: 12px;
-}
-
-.v-vertical.v-margin-bottom,
-.v-horizontal.v-margin-bottom {
- padding-bottom: 12px;
-}
-
-.v-vertical.v-margin-left,
-.v-horizontal.v-margin-left {
- padding-left: 12px;
-}
-
-/* Different for historical reasons: previously was inherited directly from Base theme */
-/* TODO unify these values in version 7 */
-.v-gridlayout.v-layout-margin-top {
- padding-top: 24px;
-}
-.v-gridlayout,
-.v-verticallayout,
-.v-horizontallayout {
- font-size: 0;
- line-height: normal;
-}
-
-.v-gridlayout.v-layout-margin-bottom {
- padding-bottom: 24px;
-}
-.v-gridlayout.v-layout-margin-left {
- padding-left: 24px;
-}
-.v-gridlayout.v-layout-margin-right {
- padding-right: 24px;
-}
-.v-gridlayout .v-layout-spacing-on {
- padding-left: 12px;
- padding-top: 12px;
-}
-
-.v-spacing {
- width: 6px;
- height: 6px;
-}
-
-.v-vertical,
-.v-horizontal {
- display: inline-block;
-}
-
-div.v-layout.v-horizontal.v-widget {
- white-space: nowrap;
-}
-
-.v-layout.v-vertical > .v-expand,
-.v-layout.v-horizontal > .v-expand {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- width: 100%;
- height: 100%;
-}
-
-.v-slot,
-.v-spacing {
- display: inline-block;
- white-space: normal;
- vertical-align: top;
-}
-
-/* Clear any floats inside the slot, to prevent unwanted collapsing */
-.v-vertical > .v-slot:after {
- display: inline-block;
- clear: both;
- width: 0;
- height: 0;
- overflow: hidden;
- line-height:0;
-}
-
-.v-vertical > .v-slot,
-.v-vertical > .v-expand > .v-slot {
- display: block;
- clear: both;
-}
-
-.v-horizontal > .v-slot,
-.v-horizontal > .v-expand > .v-slot {
- height: 100%;
-}
-
-/* Workaround for IE8+IE9 bug where clicking inside an input area which is inside a div with negative margin causes cursor position to jump to wrong position. See #11152 */
-.v-horizontal > .v-expand > .v-slot {
- position: relative;
-}
-
-.v-vertical > .v-spacing,
-.v-vertical > .v-expand > .v-spacing {
- width: 0;
- display: block;
- clear: both;
-}
-
-.v-horizontal > .v-spacing,
-.v-horizontal > .v-expand > .v-spacing {
- height: 0;
-}
-
-.v-align-middle:before,
-.v-align-bottom:before,
-.v-expand > .v-align-middle:before,
-.v-expand > .v-align-bottom:before {
- content: "";
- display: inline-block;
- height: 100%;
- vertical-align: middle;
- width: 0;
-}
-
-.v-align-middle,
-.v-align-bottom {
- white-space: nowrap;
-}
-
-.v-align-middle > .v-widget,
-.v-align-right > .v-widget,
-.v-align-center > .v-widget,
-.v-align-bottom > .v-widget {
- display: inline-block;
-}
-
-.v-align-middle,
-.v-align-middle > .v-widget {
- vertical-align: middle;
-}
-
-.v-align-bottom,
-.v-align-bottom > .v-widget {
- vertical-align: bottom;
-}
-
-.v-align-center {
- text-align: center;
-}
-
-.v-align-center > .v-widget {
- margin-left: auto;
- margin-right: auto;
-}
-
-.v-align-right {
- text-align: right;
-}
-
-.v-align-right > .v-widget {
- margin-left: auto;
-}
-
-.v-has-caption,
-.v-has-caption > .v-caption {
- display: inline-block; /* Force natural width to zero */
-}
-
-.v-caption {
- overflow: visible;
- vertical-align: middle;
-}
-
-.v-caption-on-left,
-.v-caption-on-right {
- white-space: nowrap;
-}
-
-.v-caption-on-top > .v-caption,
-.v-caption-on-bottom > .v-caption {
- display: block;
-}
-
-.v-caption-on-left > .v-caption {
- padding-right: .5em;
-}
-
-.v-caption-on-right > .v-caption {
- vertical-align:top;
-}
-
-.v-caption-on-left > .v-widget,
-.v-caption-on-right > .v-widget {
- display: inline-block;
- vertical-align: middle;
-}
-
-.v-has-caption.v-has-width > .v-widget {
- width: 100% !important;
-}
-
-.v-has-caption.v-has-height > .v-widget {
- height: 100% !important;
-}
-
-.v-errorindicator {
- vertical-align: middle;
-}
-
-}
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/legacy-styles.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/legacy-styles.scss
deleted file mode 100644
index 188fc85..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/legacy-styles.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-@import "base.scss";
-// For legacy themes; does not wrap styles in .themename
-// Creates legacy-styles.css that can be imported into non-sass themes.
-// NOTE: can not be used in scenarios where multiple themes are used on the
-// same page (e.g portals).
-@include base;
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/link/link.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/link/link.scss
deleted file mode 100644
index bff6fbd..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/link/link.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-@mixin base-link($primaryStyleName : v-link) {
-
-.#{$primaryStyleName} {
- white-space: nowrap;
-}
-.#{$primaryStyleName} a {
- vertical-align: middle;
- text-decoration: none;
-}
-.#{$primaryStyleName} span {
- text-decoration: underline;
- vertical-align: middle;
-}
-.v-disabled a {
- cursor: default;
-}
-.#{$primaryStyleName} img {
- vertical-align: middle;
- border:none;
-}
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/loginform/loginform.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/loginform/loginform.scss
deleted file mode 100644
index 48fabbf..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/loginform/loginform.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-@mixin base-loginform($primaryStyleName : v-loginform) {
-
-.#{$primaryStyleName} {
- height: 140px;
- width: 200px;
-}
-
-.v-app-loginpage .v-button,
-.v-app-loginpage .v-button {
- float: left; /* Force minimum width for button */
-}
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/menubar/img/check.gif b/org.eclipse.osbp.themes/VAADIN/themes/base/menubar/img/check.gif
deleted file mode 100644
index 0a89195..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/menubar/img/check.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/menubar/menubar.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/menubar/menubar.scss
deleted file mode 100644
index ad701f1..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/menubar/menubar.scss
+++ /dev/null
@@ -1,108 +0,0 @@
-@mixin base-menubar($primaryStyleName : v-menubar) {
-
-.#{$primaryStyleName} {
- display: inline-block;
- white-space: nowrap;
- overflow: hidden;
-}
-.#{$primaryStyleName} .#{$primaryStyleName}-menuitem {
- cursor: default;
- vertical-align: middle;
- white-space: nowrap;
- display: inline;
- display: inline-block;
- zoom: 1;
-}
-.#{$primaryStyleName} .#{$primaryStyleName}-menuitem-caption .v-icon {
- vertical-align: middle;
- white-space: nowrap;
-}
-.#{$primaryStyleName}-submenu {
- background: #fff;
-}
-.#{$primaryStyleName}-menuitem-selected {
- background: #333;
- color: #fff;
-}
-.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem {
- cursor: default;
- display: block;
- position: relative;
- padding-right: 1.5em;
-}
-.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-caption {
- display: block;
-}
-.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem *,
-.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-caption * {
- white-space: nowrap;
-}
-.#{$primaryStyleName}-submenu-indicator {
- display: none;
- /* Arial has the most coverage for geometric entity characters */
- font-family: arial, helvetica, sans-serif;
-}
-.#{$primaryStyleName}-submenu .#{$primaryStyleName}-submenu-indicator {
- display: block;
- position: absolute;
- right: 0;
- width: 1em;
- height: 1em;
- font-size: 11.7px;
-}
-.#{$primaryStyleName}-menuitem-disabled,
-.#{$primaryStyleName} span.#{$primaryStyleName}-menuitem-disabled:hover,
-.#{$primaryStyleName} span.#{$primaryStyleName}-menuitem-disabled:focus,
-.#{$primaryStyleName} span.#{$primaryStyleName}-menuitem-disabled:active {
- opacity: .5;
- filter: alpha(opacity=50);
-
- .v-ie8 & {
- filter: none;
- color: #999;
- img {
- filter: alpha(opacity=50);
- }
- }
-}
-
-.#{$primaryStyleName}-more-menuitem {
- /* Arial has the most coverage for geometric entity characters */
- font-family: arial, helvetica, sans-serif;
-}
-.#{$primaryStyleName}-separator {
- overflow: hidden;
-}
-.#{$primaryStyleName}-separator span {
- display: block;
- text-indent: -9999px;
- font-size: 1px;
- line-height: 1px;
- border-top: 1px solid #ddd;
- margin: 3px 0 2px;
- overflow: hidden;
-}
-.#{$primaryStyleName} .v-icon,
-.#{$primaryStyleName}-submenu .v-icon {
- margin-right: 3px;
-}
-
-.#{$primaryStyleName}:focus,
-.#{$primaryStyleName}-popup:focus,
-.#{$primaryStyleName}-popup .popupContent:focus,
-.#{$primaryStyleName}-popup .popupContent .#{$primaryStyleName}-submenu:focus{
- outline: none;
-}
-/* Checkboxes for checkable/checked menu items */
-/* Checked/unchecked requires combined style selected-(un)checked for IE6 */
-.#{$primaryStyleName}-submenu-check-column .#{$primaryStyleName}-menuitem {
- padding-left: 6px;
-}
-.#{$primaryStyleName}-submenu-check-column .#{$primaryStyleName}-menuitem-caption {
- padding-left: 18px;
-}
-.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-checked .#{$primaryStyleName}-menuitem-caption {
- background: transparent url(img/check.gif) no-repeat left;
-}
-
-}
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/notification/notification.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/notification/notification.scss
deleted file mode 100644
index 5deb7e0..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/notification/notification.scss
+++ /dev/null
@@ -1,67 +0,0 @@
-@mixin base-notification($primaryStyleName : v-Notification) {
-
-.#{$primaryStyleName} {
- background: #999;
- color: #fff;
- cursor: pointer;
- overflow: hidden;
- padding: 1em;
- max-width:85%;
- opacity: .9;
- filter: alpha(opacity=90);
-}
-.#{$primaryStyleName}-caption,
-.#{$primaryStyleName}-description,
-.#{$primaryStyleName}-details {
- display: inline;
- margin: 0 0.5em 0 0;
-}
-.#{$primaryStyleName}-warning {
- background: orange;
-}
-.#{$primaryStyleName}-error {
- background: red;
-}
-.#{$primaryStyleName}-tray {
- .#{$primaryStyleName}-caption,
- .#{$primaryStyleName}-description {
- display: block;
- }
-}
-.#{$primaryStyleName}-system {
- background-color: red;
-}
-.#{$primaryStyleName}-system .#{$primaryStyleName}-caption {
- display: block;
- margin: 0;
-}
-.#{$primaryStyleName}-animate-out {
- @include animation(v-notification-animate-out 400ms);
-}
-
-.#{$primaryStyleName} {
- &.v-position-top {
- top: 0;
- }
- &.v-position-right {
- right: 0;
- }
- &.v-position-bottom {
- bottom: 0;
- }
- &.v-position-left {
- left: 0;
- }
- &.v-position-assistive {
- top: -9999px;
- left: -9999px;
- }
-}
-
-}
-
-@include keyframes(v-notification-animate-out) {
- 100% {
- opacity: 0;
- }
-}
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/orderedlayout/orderedlayout.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/orderedlayout/orderedlayout.scss
deleted file mode 100644
index 7820d84..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/orderedlayout/orderedlayout.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-@mixin base-orderedlayout {
-
-.v-orderedlayout,
-.v-horizontallayout,
-.v-verticallayout {
- position: relative;
-}
-
-.v-orderedlayout-margin-top,
-.v-horizontallayout-margin-top,
-.v-verticallayout-margin-top {
- padding-top: 12px;
-}
-.v-orderedlayout-margin-right,
-.v-horizontallayout-margin-right,
-.v-verticallayout-margin-right {
- padding-right: 12px;
-}
-.v-orderedlayout-margin-bottom,
-.v-horizontallayout-margin-bottom,
-.v-verticallayout-margin-bottom {
- padding-bottom: 12px;
-}
-.v-orderedlayout-margin-left,
-.v-horizontallayout-margin-left,
-.v-verticallayout-margin-left {
- padding-left: 12px;
-}
-.v-orderedlayout-spacing-on,
-.v-horizontallayout-spacing-on,
-.v-verticallayout-spacing-on {
- padding-top: 6px;
- padding-left: 6px;
-}
-/* This can be used to define spacing if spacing is off server side */
-.v-orderedlayout-spacing-off,
-.v-horizontallayout-spacing-off,
-.v-verticallayout-spacing-off {
- padding-top: 0;
- padding-left: 0;
-}
-
-.v-horizontallayout-slot, .v-verticallayout-slot {
- position: absolute;
-}
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/panel/panel.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/panel/panel.scss
deleted file mode 100644
index 16fadfa..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/panel/panel.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-@mixin base-panel($primaryStyleName : v-panel) {
-
-.#{$primaryStyleName},
-.#{$primaryStyleName}-caption,
-.#{$primaryStyleName}-content,
-.#{$primaryStyleName}-deco,
-.#{$primaryStyleName}-light,
-.#{$primaryStyleName}-caption-light,
-.#{$primaryStyleName}-content-light,
-.#{$primaryStyleName}-deco-light {
- outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */
- text-align: left; /* Force default alignment */
-}
-.#{$primaryStyleName}-caption .v-errorindicator {
- float: none;
- display: inline;
-}
-.#{$primaryStyleName}-caption .v-icon {
- display: inline;
- vertical-align: middle;
-}
-.#{$primaryStyleName}-caption span {
- vertical-align: middle;
-}
-.#{$primaryStyleName}-caption {
- white-space: nowrap;
- overflow:hidden;
- font-weight: bold;
-}
-.#{$primaryStyleName}-nocaption {
- overflow: hidden;
-}
-.#{$primaryStyleName}-content {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-.#{$primaryStyleName}.v-has-width > .#{$primaryStyleName}-content {
- width: 100%;
-}
-.#{$primaryStyleName}.v-has-height > .#{$primaryStyleName}-content {
- height: 100%;
-}
-.#{$primaryStyleName}-deco {
-}
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/popupview/popupview.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/popupview/popupview.scss
deleted file mode 100644
index cafcf9b..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/popupview/popupview.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-@mixin base-popupview($primaryStyleName : v-popupview) {
-
-.#{$primaryStyleName} {
- cursor: pointer;
- text-decoration: underline;
- white-space: nowrap;
-}
-.#{$primaryStyleName}-popup {
- overflow: auto;
-}
-.#{$primaryStyleName}-loading {
- width: 30px;
- height: 30px;
- background: transparent url(../common/img/ajax-loader-medium.gif) no-repeat 50%;
-}
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/progressindicator/progressindicator.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/progressindicator/progressindicator.scss
deleted file mode 100644
index 0065cf3..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/progressindicator/progressindicator.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-@mixin base-progressindicator($primaryStyleName : v-progressindicator) {
-
-.#{$primaryStyleName} {
- width: 150px;
-}
-.#{$primaryStyleName}-wrapper {
- height: 7px;
- border: 1px solid #ddd;
-}
-.#{$primaryStyleName}-indicator {
- height: 7px;
- background: #ddd;
-}
-div.#{$primaryStyleName}-indeterminate {
- height: 20px;
- width: 20px;
- background: #fff url(../common/img/ajax-loader-medium.gif) no-repeat 50%;
- border-radius: 4px;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
-}
-/* Hide obsolete elements in indeterminate mode */
-.#{$primaryStyleName}-indeterminate .#{$primaryStyleName}-wrapper,
-.#{$primaryStyleName}-indeterminate .#{$primaryStyleName}-indicator,
-.#{$primaryStyleName}-indeterminate-disabled .#{$primaryStyleName}-wrapper,
-.#{$primaryStyleName}-indeterminate-disabled .#{$primaryStyleName}-indicator {
- display: none;
-}
-div.#{$primaryStyleName}-indeterminate-disabled {
- height: 20px;
- width: 20px;
- background: transparent;
-}
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/select/select.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/select/select.scss
deleted file mode 100644
index 69d3c07..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/select/select.scss
+++ /dev/null
@@ -1,174 +0,0 @@
-@mixin base-select($primaryStyleName : v-select) {
-
-$select-button-width : 1em;
-$select-button-negative-width : -1em;
-
-.#{$primaryStyleName} {
- text-align: left;
-}
-.#{$primaryStyleName}-optiongroup .#{$primaryStyleName}-option {
- display: block;
- white-space: nowrap;
-}
-.#{$primaryStyleName}-optiongroup .v-icon {
- vertical-align: middle;
- white-space: nowrap;
- margin: 0 2px;
-}
-.v-ie & .#{$primaryStyleName}-optiongroup .#{$primaryStyleName}-option {
- zoom: 1;
-}
-.#{$primaryStyleName}-select {
- display: block;
-}
-.#{$primaryStyleName}-twincol {
- white-space: nowrap;
-}
-.#{$primaryStyleName}-twincol-options {
- float: left;
-}
-.#{$primaryStyleName}-twincol-caption-left {
- float: left;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-.#{$primaryStyleName}-twincol-selections {
- font-weight: bold;
-}
-.#{$primaryStyleName}-twincol-caption-right {
- float: right;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-.#{$primaryStyleName}-twincol-buttons {
- float: left;
- text-align: center;
-}
-.#{$primaryStyleName}-twincol-buttons .#{$primaryStyleName}-twincol-deco {
- clear: both;
-}
-.#{$primaryStyleName}-twincol .v-textfield {
- display: block;
- float: left;
- clear: left;
-}
-.#{$primaryStyleName}-twincol .v-button {
- float: left;
-}
-.#{$primaryStyleName}-twincol-buttons .v-button {
- float: none;
-}
-.v-filterselect {
- white-space: nowrap;
- text-align: left;
- display: inline-block;
- padding-right: $select-button-width; /* Space for the button */
-}
-.v-filterselect .v-icon {
- float: left;
-}
-&.v-app .v-filterselect-input,
-.v-window .v-filterselect-input,
-.v-popupview-popup .v-filterselect-input {
- margin: 0;
- float: left;
- -webkit-border-radius: 0px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-.v-filterselect-prompt .v-filterselect-input {
- color: #999;
- font-style: italic;
-}
-.v-filterselect-button {
- display: inline-block;
- cursor: pointer;
- width: $select-button-width;
- margin-right: $select-button-negative-width;
- height: 1em;
- background: transparent url(../common/img/sprites.png) no-repeat -5px -8px;
-}
-.v-filterselect.v-readonly .v-filterselect-button {
- display: none;
-}
-.v-filterselect.v-readonly,
-.v-filterselect.v-readonly .v-filterselect-input {
- background: transparent;
-}
-.v-filterselect-suggestpopup {
- background: #fff;
- border: 1px solid #eee;
-}
-.v-filterselect-suggestmenu table {
- border-collapse: collapse;
- border: none;
- vertical-align:top;
-}
-.v-filterselect-suggestmenu .gwt-MenuItem {
- white-space: nowrap;
-}
-.v-filterselect-suggestmenu .gwt-MenuItem .v-icon {
- margin-right: 3px;
- vertical-align: middle;
-}
-.v-filterselect-suggestmenu .gwt-MenuItem span {
- vertical-align: middle;
-}
-.v-filterselect-suggestmenu .gwt-MenuItem-selected {
- background: #333;
- color: #fff;
-}
-.v-filterselect-nextpage,
-.v-filterselect-nextpage-off,
-.v-filterselect-prevpage-off,
-.v-filterselect-prevpage {
- width: 100%;
- background: #aaa;
- text-align: center;
- overflow: hidden;
- cursor: pointer;
-}
-.v-filterselect-nextpage-off,
-.v-filterselect-prevpage-off {
- color: #666;
- opacity: .5;
- filter: alpha(opacity=50);
- cursor: default;
-}
-.v-filterselect-nextpage-off span,
-.v-filterselect-prevpage-off span {
- cursor: default;
-}
-.v-filterselect-status {
- white-space: nowrap;
- text-align: center;
-}
-
-.v-filterselect-no-input .v-filterselect-input {
- cursor: default;
-}
-
-/* Error styles (disabled by default)
-
-.v-filterselect-error .v-filterselect-input,
-.#{$primaryStyleName}-error .#{$primaryStyleName}-option,
-.#{$primaryStyleName}-error .#{$primaryStyleName}-select,
-.#{$primaryStyleName}-error .#{$primaryStyleName}-twincol-selections,
-.#{$primaryStyleName}-error .#{$primaryStyleName}-twincol-options {
- background: #ffaaaa;
-}
-*/
-
-/* Required field styles (disabled by default)
-
-.v-filterselect-error .v-filterselect-input,
-.#{$primaryStyleName}-required .#{$primaryStyleName}-option,
-.#{$primaryStyleName}-required .#{$primaryStyleName}-select,
-.#{$primaryStyleName}-required .#{$primaryStyleName}-twincol-selections,
-.#{$primaryStyleName}-required .#{$primaryStyleName}-twincol-options {
- background: #ffaaaa;
-}
-*/
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/bottom-left.png b/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/bottom-left.png
deleted file mode 100644
index 6b2cd00..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/bottom-left.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/bottom-right.png b/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/bottom-right.png
deleted file mode 100644
index c5c10a7..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/bottom-right.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/bottom.png b/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/bottom.png
deleted file mode 100644
index 14935a8..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/bottom.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/center.png b/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/center.png
deleted file mode 100644
index 1db9a53..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/center.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/left.png b/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/left.png
deleted file mode 100644
index 45634c0..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/left.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/right.png b/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/right.png
deleted file mode 100644
index 619c403..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/right.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/top-left.png b/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/top-left.png
deleted file mode 100644
index 10e7438..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/top-left.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/top-right.png b/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/top-right.png
deleted file mode 100644
index 2088806..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/top-right.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/top.png b/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/top.png
deleted file mode 100644
index 9daf3f4..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/img/top.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/shadow.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/shadow.scss
deleted file mode 100644
index 3c369d3..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/shadow/shadow.scss
+++ /dev/null
@@ -1,78 +0,0 @@
-@mixin base-shadow($primaryStyleName : v-shadow) {
-
-.#{$primaryStyleName} {
- position: absolute;
- display: none;
- pointer-events: none;
-
- .v-ie8 & {
- display: block;
- }
-}
-
-.#{$primaryStyleName} .top-left {
- position: absolute; overflow: hidden;
- top: -3px; left: -5px;
- width: 10px; height: 10px;
- background: transparent url(img/top-left.png);
-}
-
-.#{$primaryStyleName} .top {
- position: absolute; overflow: hidden;
- top: -3px; left: 5px;
- height: 10px; right: 5px;
- background: transparent url(img/top.png);
-}
-
-.#{$primaryStyleName} .top-right {
- position: absolute; overflow: hidden;
- top: -3px; right: -5px;
- width: 10px; height: 10px;
- background: transparent url(img/top-right.png);
-}
-
-.#{$primaryStyleName} .left {
- position: absolute; overflow: hidden;
- top: 7px; left: -5px;
- width: 10px;
- bottom: 3px;
- background: transparent url(img/left.png);
-}
-
-.#{$primaryStyleName} .center {
- position: absolute; overflow: hidden;
- top: 7px; left: 5px;
- bottom: 3px; right: 5px;
- background: transparent url(img/center.png);
-}
-
-.#{$primaryStyleName} .right {
- position: absolute; overflow: hidden;
- top: 7px; right: -5px;
- width: 10px;
- bottom: 3px;
- background: transparent url(img/right.png);
-}
-
-.#{$primaryStyleName} .bottom-left {
- position: absolute; overflow: hidden;
- bottom: -7px; left: -5px;
- width: 10px; height: 10px;
- background: transparent url(img/bottom-left.png);
-}
-
-.#{$primaryStyleName} .bottom {
- position: absolute; overflow: hidden;
- bottom: -7px; left: 5px;
- right: 5px; height: 10px;
- background: transparent url(img/bottom.png);
-}
-
-.#{$primaryStyleName} .bottom-right {
- position: absolute; overflow: hidden;
- bottom: -7px; right: -5px;
- width: 10px; height: 10px;
- background: transparent url(img/bottom-right.png);
-}
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/slider/slider.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/slider/slider.scss
deleted file mode 100644
index 60047bc..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/slider/slider.scss
+++ /dev/null
@@ -1,70 +0,0 @@
-@mixin base-slider($primaryStyleName : v-slider) {
-
-.#{$primaryStyleName} {
- margin: 5px 0;
-}
-.#{$primaryStyleName}-base {
- /* changing the borders will require adjustments to ISlider.java */
- height: 2px;
- border-top: 1px solid #ddd;
- background: #eee;
- border-left: 1px solid #ddd;
- border-right: 1px solid #eee;
-}
-.#{$primaryStyleName}-handle {
- background: #aaa;
- width: 12px;
- height: 12px;
- margin-top: -5px;
- font-size: 0;
- -ms-touch-action: none;
- touch-action: none;
-}
-
-.#{$primaryStyleName}-vertical {
- width: 2px;
- height: auto;
- margin: 0 5px;
- border: none;
- border-left: 1px solid #cccfd0;
- border-right: 1px solid #cccfd0;
-}
-.#{$primaryStyleName}-vertical .#{$primaryStyleName}-base {
- width: 2px;
- border-bottom: 1px solid #eee;
- border-right: none;
-}
-.#{$primaryStyleName}-vertical .#{$primaryStyleName}-handle {
- width: 12px;
- height: 12px;
- font-size: 0;
- margin-left: -5px;
-}
-
-.#{$primaryStyleName}-feedback {
- padding: 2px 5px;
- background: #444;
- color: #fff;
- font-size: 11px;
- line-height: 13px;
- font-weight: bold;
- font-family: Arial, Helvetica, sans-serif;
- border-radius: 4px;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- margin: -2px 0 0 2px;
- text-shadow: 0 1px 0 #000;
-}
-
-/* Disabled by default
-.#{$primaryStyleName}-error .#{$primaryStyleName}-base {
- background: #FFE0E0;
-}
-*/
-/* Disabled by default
-.#{$primaryStyleName}-required .#{$primaryStyleName}-base {
- background: #FFE0E0;
-}
-*/
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/splitpanel/splitpanel.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/splitpanel/splitpanel.scss
deleted file mode 100644
index 968894d..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/splitpanel/splitpanel.scss
+++ /dev/null
@@ -1,38 +0,0 @@
-@mixin base-splitpanel($primaryStyleName : v-splitpanel) {
-
-.#{$primaryStyleName}-horizontal,
-.#{$primaryStyleName}-vertical {
- overflow: hidden;
-}
-.#{$primaryStyleName}-hsplitter {
- width: 6px;
-}
-.#{$primaryStyleName}-hsplitter div {
- width: 6px;
- position: absolute;
- top: 0;
- bottom: 0;
- background: #ddd;
- cursor: e-resize;
- cursor: col-resize;
- -ms-touch-action: none;
- touch-action: none
-}
-.v-disabled .#{$primaryStyleName}-hsplitter div {
- cursor: default;
-}
-.#{$primaryStyleName}-vsplitter {
- height: 6px;
-}
-.#{$primaryStyleName}-vsplitter div {
- height: 6px;
- background: #ddd;
- cursor: s-resize;
- cursor: row-resize;
- -ms-touch-action: none;
- touch-action: none;
-}
-.v-disabled .#{$primaryStyleName}-vsplitter div {
- cursor: default;
-}
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/styles.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/styles.scss
deleted file mode 100644
index 1b69429..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/styles.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-@import "base.scss";
-.base {
- @include base;
-}
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/table/table.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/table/table.scss
deleted file mode 100644
index 22ffdff..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/table/table.scss
+++ /dev/null
@@ -1,293 +0,0 @@
-@mixin base-table($primaryStyleName : v-table) {
-
-/* Table theme building instructions
- *
- * Vaadin scroll table is very complex widget with dozens of features. These
- * features set some limitations for theme builder. To keep things working, it
- * is safest to try to just override values used in default theme and comfort to
- * these instructions.
- *
- * Borders in table header and in table body need to be same width
- * - specify vertical borders on .#{$primaryStyleName}-header-wrap and .#{$primaryStyleName}-body
- *
- * Table cells in body:
- * - padding/border for cells is to be defined for td elements (class name: .#{$primaryStyleName}-cell-content)
- * - in default theme there are no borders, but they should work. Just set border-right or border-bottom
- * - no padding or border is allowed for div inside cells (class name: .#{$primaryStyleName}-cell-wrapper) element
- * - background is allowed for both elements
- *
- * Table headers:
- * - table cells in header contain .#{$primaryStyleName}-resizer and
- * .#{$primaryStyleName}-caption-container div elements, which are both floated to right
- * - to align header caption to body content resizer width + .#{$primaryStyleName}-caption-container
- * padding right should be equal to content cells padding-right and border-right.
- * - Possible cell border in header must be themed into column resizer.
- *
- */
-.#{$primaryStyleName} {
- overflow: hidden;
- text-align: left; /* Force default alignment */
-}
-.#{$primaryStyleName}-header-wrap {
- overflow: hidden;
- border: 1px solid #aaa;
- border-bottom: none;
- background: #efefef;
-}
-.#{$primaryStyleName}-header table,
-.#{$primaryStyleName}-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0;
- padding: 0;
- border: 0;
-}
-.#{$primaryStyleName}-table {
- font-size: $font-size;
-}
-
-.#{$primaryStyleName}-header td {
- padding: 0;
-}
-.#{$primaryStyleName}-header-cell,
-.#{$primaryStyleName}-header-cell-asc,
-.#{$primaryStyleName}-header-cell-desc {
- cursor: pointer;
-}
-
-.#{$primaryStyleName}.v-disabled .#{$primaryStyleName}-header-cell,
-.#{$primaryStyleName}.v-disabled .#{$primaryStyleName}-header-cell-asc,
-.#{$primaryStyleName}.v-disabled .#{$primaryStyleName}-header-cell-desc {
- cursor: default;
-}
-
-.#{$primaryStyleName}-footer-wrap {
- overflow: hidden;
- border: 1px solid #aaa;
- border-top: none;
- background: #efefef;
-}
-.#{$primaryStyleName}-footer table {
- border-spacing: 0;
- border-collapse: collapse;
- margin: 0;
- padding: 0;
- border: 0;
-}
-.#{$primaryStyleName}-footer td {
- padding: 0;
- border-right: 1px solid #aaa;
-}
-.#{$primaryStyleName}-footer-cell {
- cursor: pointer;
-}
-.#{$primaryStyleName}-footer-container {
- float:right;
- padding-right:6px;
- overflow:hidden;
- white-space:nowrap;
-}
-.#{$primaryStyleName}-resizer {
- display: block;
- height: 1.2em;
- float: right;
- background: #aaa;
- cursor: e-resize; /* Opera does not support col-resize, so use e-resize instead */
- cursor: col-resize;
- width: 1px;
- overflow: hidden;
-}
-.#{$primaryStyleName}.v-disabled .#{$primaryStyleName}-resizer {
- cursor: default;
-}
-.#{$primaryStyleName}-caption-container {
- overflow: hidden;
- white-space: nowrap;
- margin-left: 6px;
-}
-.#{$primaryStyleName}-caption-container-align-right {
- float: right;
-}
-.#{$primaryStyleName}-sort-indicator {
- width: 0px;
- height: 1.2em;
- float: right;
-}
-.#{$primaryStyleName}-header-cell-asc .#{$primaryStyleName}-sort-indicator,
-.#{$primaryStyleName}-header-cell-desc .#{$primaryStyleName}-sort-indicator {
- width: 16px;
- height: 1.2em;
- float: right;
-}
-.#{$primaryStyleName}-header-cell-asc .#{$primaryStyleName}-sort-indicator {
- background: transparent url(../common/img/sprites.png) no-repeat right 6px;
-}
-.#{$primaryStyleName}-header-cell-desc .#{$primaryStyleName}-sort-indicator {
- background: transparent url(../common/img/sprites.png) no-repeat right -10px;
-}
-.#{$primaryStyleName}-caption-container-align-center {
- text-align: center;
-}
-.#{$primaryStyleName}-caption-container-align-right {
- text-align: right;
-}
-.#{$primaryStyleName}-caption-container .v-icon,
-.#{$primaryStyleName}-header-drag .v-icon {
- vertical-align: middle;
-}
-.#{$primaryStyleName}-body {
- border: 1px solid #aaa;
-}
-.#{$primaryStyleName}-row-spacer {
- height: 10px;
- overflow: hidden; /* IE hack to allow < one line height divs */
-}
-.#{$primaryStyleName}-row,
-.#{$primaryStyleName}-row-odd {
- background: #fff;
- border: 0;
- margin: 0;
- padding: 0;
- cursor: pointer;
-}
-
-.#{$primaryStyleName}-generated-row {
- background: #efefef;
-}
-
-.#{$primaryStyleName}-body-noselection .#{$primaryStyleName}-row,
-.#{$primaryStyleName}-body-noselection .#{$primaryStyleName}-row-odd {
- cursor: default;
-}
-.#{$primaryStyleName} .v-selected {
- background: #999;
- color: #fff;
-}
-.#{$primaryStyleName}-cell-content {
- white-space: nowrap;
- overflow: hidden;
- padding: 0 6px;
- border-right: 1px solid #aaa;
-}
-.#{$primaryStyleName}-cell-wrapper {
- /* Do not specify any margins, paddings or borders here */
- white-space: nowrap;
- overflow: hidden;
-}
-.#{$primaryStyleName}-cell-wrapper-align-center {
- text-align: center;
-}
-.#{$primaryStyleName}-cell-wrapper-align-right {
- text-align: right;
-}
-.#{$primaryStyleName}-column-selector {
- float: right;
- background: transparent url(../common/img/sprites.png) no-repeat 4px -37px;
- margin: -1.2em 0 0 0;
- height: 1.2em;
- width: 14px;
- position: relative; /* hide this from IE, it works without it */
- cursor: pointer;
-}
-.#{$primaryStyleName}.v-disabled .#{$primaryStyleName}-column-selector {
- cursor: default;
-}
-.#{$primaryStyleName}-focus-slot-left {
- border-left: 2px solid #999;
- float: none;
- margin-bottom: -1.2em;
- width: auto;
- background: transparent;
- border-right: 1px solid #aaa;
-}
-.#{$primaryStyleName}-focus-slot-right {
- border-right: 2px solid #999;
- margin-left: -2px;
-}
-.#{$primaryStyleName}-header-drag {
- position: absolute;
- background: #efefef;
- border: 1px solid #eee;
- opacity: 0.9;
- filter: alpha(opacity=90);
- margin-top: 20px;
- z-index: 30000;
-}
-.#{$primaryStyleName}-header-drag .v-icon {
- vertical-align: middle;
-}
-.#{$primaryStyleName}-scrollposition {
- width: 160px;
- background: #eee;
- border: 1px solid #aaa;
-}
-.#{$primaryStyleName}-scrollposition span {
- display: block;
- text-align: center;
-}
-.#{$primaryStyleName}-body:focus,
-.#{$primaryStyleName}-body-wrapper:focus {
- outline: none;
-}
-.#{$primaryStyleName}-body.focused {
- border-color: #388ddd;
-}
-.#{$primaryStyleName}-focus .#{$primaryStyleName}-cell-content {
- border-top: 1px dotted #0066bd;
- border-bottom: 1px dotted #0066bd;
-}
-.#{$primaryStyleName}-focus .#{$primaryStyleName}-cell-wrapper {
- margin-top: -1px;
- margin-bottom: -1px;
-}
-/* row in column selector */
-.v-on {
-
-}
-.v-off {
- color: #ddd;
-}
-
-/* CheckBox and selection fix #9064 */
-.#{$primaryStyleName} .v-checkbox {
- display: inline-block;
-}
-
-/*************************************
- * Drag'n'drop styles
- *************************************/
-.#{$primaryStyleName}-drag .#{$primaryStyleName}-body {
- border-color: #1d9dff;
-}
-.#{$primaryStyleName}-row-drag-middle .#{$primaryStyleName}-cell-content {
- background-color: #bcdcff;
-}
-.#{$primaryStyleName}-row-drag-top .#{$primaryStyleName}-cell-content {
- border-top: 2px solid #1d9dff;
-}
-.#{$primaryStyleName}-row-drag-top .#{$primaryStyleName}-cell-wrapper {
- margin-top: -2px; /* compensate the space consumed by border hint */
-}
-.#{$primaryStyleName}-row-drag-bottom .#{$primaryStyleName}-cell-content {
- border-bottom: 2px solid #1d9dff;
-}
-.#{$primaryStyleName}-row-drag-bottom .#{$primaryStyleName}-cell-wrapper {
- margin-bottom: -2px; /* compensate the space consumed by border hint */
-}
-.#{$primaryStyleName}-row-drag-top .#{$primaryStyleName}-cell-content:first-child:before,
-.#{$primaryStyleName}-row-drag-bottom .#{$primaryStyleName}-cell-content:first-child:after {
- display: block;
-
- position: absolute;
- width: 6px;
- height: 6px;
- margin-top: -4px;
- margin-left: -6px;
- background: transparent url(../common/img/drag-slot-dot.png);
-}
-.v-ff & .#{$primaryStyleName}-row-drag-bottom .#{$primaryStyleName}-cell-content:first-child:after,
-.v-ie & .#{$primaryStyleName}-row-drag-bottom .#{$primaryStyleName}-cell-content:first-child:after {
- margin-top: -2px;
-}
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/tabsheet/tabsheet.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/tabsheet/tabsheet.scss
deleted file mode 100644
index 14def56..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/tabsheet/tabsheet.scss
+++ /dev/null
@@ -1,134 +0,0 @@
-@mixin base-tabsheet($primaryStyleName : v-tabsheet) {
-
-.#{$primaryStyleName},
-.#{$primaryStyleName}-content,
-.#{$primaryStyleName}-deco {
- outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */
- text-align: left; /* Force default alignment */
-}
-.#{$primaryStyleName}-tabs {
- empty-cells: hide;
- border-collapse: collapse;
- margin: 0;
- padding: 0;
- border: 0;
- width: 100%;
- overflow:hidden;
-}
-.#{$primaryStyleName}-tabitemcell:focus {
- outline: none;
-}
-.#{$primaryStyleName}-tabitemcell,
-.#{$primaryStyleName}-spacertd {
- margin: 0;
- padding: 0;
- vertical-align: bottom;
-}
-.#{$primaryStyleName}-spacertd {
- width: 100%;
-}
-.#{$primaryStyleName}-spacertd div {
- border-left: 1px solid #aaa;
- border-bottom: 1px solid #aaa;
- height: 1em;
- padding: 0.2em 0;
-}
-.#{$primaryStyleName}-hidetabs > .#{$primaryStyleName}-tabcontainer {
- display: none;
-}
-.#{$primaryStyleName}-scroller {
- white-space: nowrap;
- text-align: right;
- margin-top: -1em;
-}
-.v-disabled .#{$primaryStyleName}-scroller {
- display: none;
-}
-.#{$primaryStyleName}-scrollerPrev,
-.#{$primaryStyleName}-scrollerNext,
-.#{$primaryStyleName}-scrollerPrev-disabled,
-.#{$primaryStyleName}-scrollerNext-disabled {
- border: 1px solid #aaa;
- background: #fff;
- width: 12px;
- height: 1em;
- cursor: pointer;
-}
-.#{$primaryStyleName}-scrollerPrev-disabled,
-.#{$primaryStyleName}-scrollerNext-disabled {
- opacity: 0.5;
- cursor: default;
-}
-.#{$primaryStyleName}-tabs .v-caption,
-.#{$primaryStyleName}-tabs .v-caption span {
- white-space: nowrap;
-}
-.#{$primaryStyleName}-caption-close {
- display: inline;
- display: inline-block;
- zoom: 1;
- width: 16px;
- height: 16px;
- text-align: center;
- font-weight: bold;
- cursor: pointer;
- vertical-align: middle;
- user-select: none;
- -khtml-user-select: none;
- -ms-user-select: none;
- -moz-user-select: none;
- -webkit-user-select: none;
-}
-.#{$primaryStyleName} .v-disabled .#{$primaryStyleName}-caption-close {
- cursor: default;
- visibility: hidden;
-}
-.#{$primaryStyleName}-tabitem:hover .#{$primaryStyleName}-caption-close {
- visibility: visible;
-}
-.#{$primaryStyleName}-tabitem {
- border: 1px solid #aaa;
- border-right: none;
- cursor: pointer;
- padding: 0.2em 0.5em;
-}
-.#{$primaryStyleName}-tabitem .v-caption {
- cursor: inherit;
-}
-.#{$primaryStyleName}.v-disabled .#{$primaryStyleName}-tabitem,
-.#{$primaryStyleName}-tabitemcell-disabled .#{$primaryStyleName}-tabitem {
- cursor: default;
-}
-.#{$primaryStyleName}-tabitem-selected {
- cursor: default;
- border-bottom-color: #fff;
-}
-.#{$primaryStyleName}-tabitem-selected .v-caption {
- cursor: default;
-}
-.#{$primaryStyleName}-tabitem-focus .v-captiontext {
- text-decoration: underline;
-}
-.#{$primaryStyleName}-tabitem-selected.#{$primaryStyleName}-tabitem-focus .v-captiontext {
- text-decoration: inherit;
-}
-.#{$primaryStyleName}-content {
- border: 1px solid #aaa;
- /* Vertical borders are not supported, use v-tabsheet-tabcontainer and v-tabsheet-deco to present these borders */
- border-top: none;
- border-bottom: none;
- position: relative;
-}
-.#{$primaryStyleName}-deco {
- height: 1px;
- background: #aaa;
- overflow: hidden;
-}
-.#{$primaryStyleName}-hidetabs .#{$primaryStyleName}-content {
- border: none;
-}
-.#{$primaryStyleName}-hidetabs .#{$primaryStyleName}-deco {
- height: 0;
-}
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/textfield/img/richtext-toolbar-bg.png b/org.eclipse.osbp.themes/VAADIN/themes/base/textfield/img/richtext-toolbar-bg.png
deleted file mode 100644
index e92be23..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/textfield/img/richtext-toolbar-bg.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/textfield/textfield.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/textfield/textfield.scss
deleted file mode 100644
index 4266346..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/textfield/textfield.scss
+++ /dev/null
@@ -1,120 +0,0 @@
-// textfield-normal.css
-
-@mixin base-textfield($primaryStyleName : v-textfield) {
-
-.#{$primaryStyleName} {
- text-align: left; /* Force default alignment */
-}
-.v-textarea {
- resize: none;
- white-space: pre-wrap;
-}
-.#{$primaryStyleName}-focus,
-.v-textarea-focus {
-}
-input.#{$primaryStyleName}-prompt,
-textarea.v-textarea-prompt {
- color: #999;
- font-style: italic;
-}
-input.#{$primaryStyleName}-readonly,
-textarea.v-textarea-readonly {
- background: transparent;
- border: none;
- resize: none;
-}
-input.v-disabled,
-textarea.v-disabled {
- resize: none;
-}
-input.#{$primaryStyleName}-readonly:focus,
-textarea.v-textarea-readonly:focus {
- outline: none;
-}
-/* Disabled by default
-.v-textarea-error,
-.#{$primaryStyleName}-error,
-.v-richtextarea-error iframe.gwt-RichTextArea {
- background: #FFE0E0;
-}
-*/
-/* Disabled by default
-.v-textarea-required,
-.#{$primaryStyleName}-required,
-.v-richtextarea-required iframe.gwt-RichTextArea {
- background: #FFE0E0;
-}
-*/
-/* Safari focus glow fix */
-.v-sa & input:focus,
-.v-sa & textarea:focus {
- outline-width: medium;
-}
-
-}
-
-// richtext.css
-
-@mixin base-richtextarea {
-
-.v-richtextarea {
- border: 1px solid #aaa;
- overflow: hidden;
-}
-.v-richtextarea .gwt-RichTextArea {
- background: #fff;
- border: none;
-}
-.v-richtextarea .gwt-HTML {
- height: 100%;
- font-size: $font-size;
-}
-.v-richtextarea .gwt-RichTextToolbar {
- white-space: nowrap;
- background: #959595 url(img/richtext-toolbar-bg.png) repeat-x 0 -42px;
- border-bottom: 1px solid #7d7d7d;
- padding: 2px;
- overflow: hidden;
-}
-.v-richtextarea .gwt-RichTextToolbar-top {
- padding-bottom: 1px;
- overflow: hidden;
- white-space: normal;
-}
-.v-richtextarea .gwt-RichTextToolbar-bottom {
- clear: left;
- overflow: hidden;
- white-space: nowrap;
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton {
- float: left;
- display: inline;
- width: 22px;
- height: 21px;
- overflow: hidden;
- background: transparent url(img/richtext-toolbar-bg.png) repeat-x;
- cursor: pointer;
- margin-right: 2px;
- text-align: center;
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down,
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
- background-position: 0 -21px;
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton img,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton img {
-
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ListBox {
- width: 24.5%;
- margin-right: 2px;
-}
-
-.v-richtextarea-readonly {
- border: none;
-}
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector-collapse-last.png b/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector-collapse-last.png
deleted file mode 100644
index c03e083..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector-collapse-last.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector-collapse.png b/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector-collapse.png
deleted file mode 100644
index 577a7c9..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector-collapse.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector-expand-last.png b/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector-expand-last.png
deleted file mode 100644
index 3a57868..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector-expand-last.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector-expand.png b/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector-expand.png
deleted file mode 100644
index f354887..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector-expand.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector-item-last.png b/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector-item-last.png
deleted file mode 100644
index 2eb04a3..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector-item-last.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector-item.png b/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector-item.png
deleted file mode 100644
index 5f88fe1..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector-item.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector-leaf-last.png b/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector-leaf-last.png
deleted file mode 100644
index 15a2550..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector-leaf-last.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector-leaf.png b/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector-leaf.png
deleted file mode 100644
index 282839b..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector-leaf.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector.png b/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector.png
deleted file mode 100644
index 4f03272..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/tree/img/connector.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/tree/tree.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/tree/tree.scss
deleted file mode 100644
index ace6d7d..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/tree/tree.scss
+++ /dev/null
@@ -1,141 +0,0 @@
-@mixin base-tree($primaryStyleName : v-tree) {
-
-// tree-default.css
-
-.#{$primaryStyleName} {
- text-align: left; /* Force default alignment */
- padding: 1px 0;
- outline: none;
-}
-.#{$primaryStyleName}-node {
- background: transparent url(../common/img/sprites.png) no-repeat 5px -37px;
- padding: 1px 0;
-}
-.#{$primaryStyleName}-node-caption:focus {
- outline: none;
-}
-div.#{$primaryStyleName}-node-leaf {
- background: transparent;
-}
-.#{$primaryStyleName}-node-expanded {
- background: transparent url(../common/img/sprites.png) no-repeat -5px -10px;
-}
-.#{$primaryStyleName}-node-caption {
- margin-left: 1em;
-}
-.#{$primaryStyleName}-node span {
- cursor: pointer;
-}
-.#{$primaryStyleName}-node-caption div {
- white-space: nowrap;
-}
-.#{$primaryStyleName}-node-caption span,
-.#{$primaryStyleName}-node-caption .v-icon {
- vertical-align: middle;
-}
-.#{$primaryStyleName}-node-selected span {
- background: #999;
- color: #fff;
-}
-.#{$primaryStyleName}-node-children {
- padding-left: 1em;
-}
-
-// Drag'n'drop styles
-
-.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top {
- border-top: 2px solid #1d9dff;
- margin-top: -1px;
- padding-top: 0;
-}
-.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-bottom {
- border-bottom: 2px solid #1d9dff;
- margin-bottom: -1px;
- padding-bottom: 0;
-}
-.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top:before,
-.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-bottom:after,
-.#{$primaryStyleName} .#{$primaryStyleName}-node-caption-drag-center:after {
- display: block;
-
- position: absolute;
- width: 6px;
- height: 6px;
- margin-top: -4px;
- background: transparent url(../common/img/drag-slot-dot.png);
-}
-.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-bottom:after {
- margin-top: -2px;
-}
-.#{$primaryStyleName} .#{$primaryStyleName}-node-caption-drag-center:after {
- margin-left: 14px;
-}
-.v-ff & .#{$primaryStyleName} .#{$primaryStyleName}-node-caption-drag-center:after,
-.v-ie & .#{$primaryStyleName} .#{$primaryStyleName}-node-caption-drag-center:after {
- margin-top: -2px;
-}
-.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top {
- background-position: 5px -38px;
-}
-.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top.#{$primaryStyleName}-node-expanded {
- background-position: -5px -11px;
-}
-.#{$primaryStyleName} .#{$primaryStyleName}-node-caption-drag-center div {
- border: 2px solid #1d9dff;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- margin: -2px 2px -2px -2px;
- background-color: #bcdcff;
-}
-.#{$primaryStyleName} .#{$primaryStyleName}-node-caption-drag-center div {
- background-color: rgba(169,209,255,.6);
-}
-.#{$primaryStyleName} .#{$primaryStyleName}-node-caption-drag-center div,
-.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top,
-.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-bottom {
- border-color: rgba(0,109,232,.6);
-}
-
-// tree-connectors.css
-// This could be (and was) wrapped in a nested block instead of prefixing each
-// row, but #10309 prevents us from doing that right now.
-
- // Make item caption height an even number (so that the connector dots overlap nicely)
- .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-caption {
- padding-top: 1px;
- }
- .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node {
- background: transparent url(img/connector-expand.png) no-repeat 2px -52px;
- }
- .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-expanded {
- background: transparent url(img/connector-collapse.png) no-repeat 2px -52px;
- }
- .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-last {
- background: transparent url(img/connector-expand-last.png) no-repeat 2px -52px;
- }
- .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-expanded.#{$primaryStyleName}-node-last {
- background: transparent url(img/connector-collapse-last.png) no-repeat 2px -52px;
- }
- .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-leaf {
- background: transparent url(img/connector-leaf.png) repeat-y 2px 50%;
- }
- .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-leaf-last {
- background: transparent url(img/connector-leaf-last.png) repeat-y 2px 50%;
- }
- .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-children {
- background: transparent url(img/connector.png) repeat-y 2px 0;
- }
- .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-children-last {
- background: transparent;
- }
- .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-drag-top,
- .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-expanded.#{$primaryStyleName}-node-drag-top {
- background-position: 2px -53px;
- }
- .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-drag-top.#{$primaryStyleName}-node-leaf {
- background-position: 2px 50%;
- }
-
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/treetable/img/arrow-down.gif b/org.eclipse.osbp.themes/VAADIN/themes/base/treetable/img/arrow-down.gif
deleted file mode 100644
index ad59967..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/treetable/img/arrow-down.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/treetable/img/arrow-down.png b/org.eclipse.osbp.themes/VAADIN/themes/base/treetable/img/arrow-down.png
deleted file mode 100644
index cba812b..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/treetable/img/arrow-down.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/treetable/img/arrow-right.gif b/org.eclipse.osbp.themes/VAADIN/themes/base/treetable/img/arrow-right.gif
deleted file mode 100644
index cbe21ac..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/treetable/img/arrow-right.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/treetable/img/arrow-right.png b/org.eclipse.osbp.themes/VAADIN/themes/base/treetable/img/arrow-right.png
deleted file mode 100644
index 7fe6e2b..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/treetable/img/arrow-right.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/treetable/treetable.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/treetable/treetable.scss
deleted file mode 100644
index e4d41ee..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/treetable/treetable.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-@mixin base-treetable($primaryStyleName : v-treetable) {
-
-.#{$primaryStyleName}-treespacer {
- display: inline-block;
- background: transparent;
- height: 10px;
- /* defines the amount of indent per level */
- width: 18px;
- position: absolute;
- left: 0;
- top: 5px;
-}
-
-.#{$primaryStyleName}-node-closed {
- background: url(../treetable/img/arrow-right.png) right top no-repeat;
-}
-
-.#{$primaryStyleName}-node-open {
- background: url(../treetable/img/arrow-down.png) right top no-repeat;
-}
-
-.#{$primaryStyleName} .v-checkbox {
- display: inline-block;
- padding-bottom: 4px;
-}
-
-.#{$primaryStyleName} .v-table-row .v-table-cell-content,
-.#{$primaryStyleName} .v-table-row-odd .v-table-cell-content {
- z-index: 10;
-}
-
-.#{$primaryStyleName} .v-table-cell-wrapper {
- position: relative;
-}
-
-.#{$primaryStyleName} .v-table-body .v-table-table .v-table-row-animating {
- zoom:1;
- z-index:1;
-}
-
-.#{$primaryStyleName} .v-table-body .v-table-table .v-table-row-animating,
-.#{$primaryStyleName} .v-table-body .v-table-table .v-table-row-animating .v-table-cell-content {
- background:transparent;
-}
-
-.#{$primaryStyleName}-animation-clone {
- border-spacing: 0;
- zoom:1;
-}
-
-div.#{$primaryStyleName}-animation-clone-wrapper {
- position: absolute;
- z-index: 2;
- background-color:#fff;
-}
-
-div.#{$primaryStyleName}-animation-clone-wrapper table.#{$primaryStyleName}-animation-clone {
- background-color:#fff;
-}
-
-div table.#{$primaryStyleName}-animation-clone tr.v-table-row,
-div table.#{$primaryStyleName}-animation-clone tr.v-table-row-odd,
-div table.#{$primaryStyleName}-animation-clone tr.v-table-row td.v-table-cell-content,
-div table.#{$primaryStyleName}-animation-clone tr.v-table-row-odd td.v-table-cell-content {
- visibility: visible;
-}
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/upload/upload.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/upload/upload.scss
deleted file mode 100644
index f8e7074..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/upload/upload.scss
+++ /dev/null
@@ -1,41 +0,0 @@
-@mixin base-upload($primaryStyleName : v-upload) {
-
-.#{$primaryStyleName} {
- white-space: nowrap;
-}
-
-.#{$primaryStyleName}-immediate {
- position: relative;
- margin: 0;
- overflow: hidden;
- .v-button {
- width:100%;
- }
-}
-
-.v-ff & .#{$primaryStyleName}-immediate,
-.v-op & .#{$primaryStyleName}-immediate {
- display: inline-block;
-}
-
-.#{$primaryStyleName}-immediate input {
- opacity: 0;
- filter: alpha(opacity=0);
- z-index: 2;
- position: absolute;
- right: 0;
- height: 21px;
- text-align: right;
- border: none;
- background: transparent;
-}
-
-.#{$primaryStyleName}-immediate button {
- position: relative;
- left: 0;
- top: 0;
- width: 100%;
- text-align: left;
-}
-
-}
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/widget/widget.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/widget/widget.scss
deleted file mode 100644
index e4f6600..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/widget/widget.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-@mixin base-widget($primaryStyleName : v-widget) {
-
-.#{$primaryStyleName} {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- text-align: left;
- display: inline-block;
- white-space: normal;
- vertical-align: bottom;
- font-size: $font-size;
- line-height: $line-height;
-}
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/bottom-left.png b/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/bottom-left.png
deleted file mode 100644
index f40e53f..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/bottom-left.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/bottom-right.png b/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/bottom-right.png
deleted file mode 100644
index 8ef8376..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/bottom-right.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/bottom.png b/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/bottom.png
deleted file mode 100644
index 8909631..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/bottom.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/center.png b/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/center.png
deleted file mode 100644
index 1db9a53..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/center.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/left.png b/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/left.png
deleted file mode 100644
index bc526b1..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/left.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/right.png b/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/right.png
deleted file mode 100644
index b837d90..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/right.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/top-left.png b/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/top-left.png
deleted file mode 100644
index abd7943..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/top-left.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/top-right.png b/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/top-right.png
deleted file mode 100644
index d54b748..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/top-right.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/top.png b/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/top.png
deleted file mode 100644
index 4d5272e..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/window/img/shadow/top.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/window/window.scss b/org.eclipse.osbp.themes/VAADIN/themes/base/window/window.scss
deleted file mode 100644
index bdc1699..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/base/window/window.scss
+++ /dev/null
@@ -1,194 +0,0 @@
-@mixin base-window($primaryStyleName : v-window) {
-
-.#{$primaryStyleName} {
- background: #fff;
-}
-.#{$primaryStyleName}-contents {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-
-.#{$primaryStyleName}.v-has-width > div.popupContent,
-.#{$primaryStyleName}.v-has-width .#{$primaryStyleName}-wrap,
-.#{$primaryStyleName}.v-has-width .#{$primaryStyleName}-contents,
-.#{$primaryStyleName}.v-has-width .#{$primaryStyleName}-contents > div {
- width: 100%;
-}
-
-.#{$primaryStyleName}.v-has-height > div.popupContent,
-.#{$primaryStyleName}.v-has-height .#{$primaryStyleName}-wrap,
-.#{$primaryStyleName}.v-has-height .#{$primaryStyleName}-contents,
-.#{$primaryStyleName}.v-has-height .#{$primaryStyleName}-contents > div {
- height: 100%;
-}
-
-.#{$primaryStyleName}-outerheader {
- padding: 0.3em 1em;
- height: 1.6em;
- position: relative;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-
-.#{$primaryStyleName}-outerheader,
-.#{$primaryStyleName}-draggingCurtain {
- cursor: move;
-}
-.#{$primaryStyleName}-header {
- font-weight: bold;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ie-user-select: none;
- user-select: none;
-}
-/* A more specific selector to make sure padding isn't so easily overridden */
-div.#{$primaryStyleName}-header {
- white-space: nowrap;
- text-overflow: ellipsis;
- -ms-text-overflow: ellipsis;
- overflow: hidden;
- padding: 0;
-}
-.#{$primaryStyleName}-header .v-icon {
- vertical-align: middle; /* This has to be 'middle', not 'bottom', to allow larger icons than 16px */
-}
-.#{$primaryStyleName}-contents > div {
- outline: none;
-}
-.#{$primaryStyleName}-footer {
- overflow: hidden;
- zoom: 1;
- height: 10px;
- position: relative;
- cursor: move;
-}
-.#{$primaryStyleName}-resizebox {
- width: 10px;
- height: 10px;
- background: #ddd;
- overflow: hidden;
- position: absolute;
- right: 0;
-}
-
-.#{$primaryStyleName}-resizebox,
-.#{$primaryStyleName}-resizingCurtain {
- cursor: se-resize;
-}
-
-.#{$primaryStyleName} div.#{$primaryStyleName}-footer-noresize {
- height: 0;
-}
-.#{$primaryStyleName}-resizebox-disabled,
-.#{$primaryStyleName}-closebox-disabled,
-.#{$primaryStyleName}-restorebox-disabled,
-.#{$primaryStyleName}-maximizebox-disabled {
- cursor: default;
- display: none;
-}
-.#{$primaryStyleName}-closebox,
-.#{$primaryStyleName}-restorebox,
-.#{$primaryStyleName}-maximizebox {
- position: absolute;
- top: 0;
- right: 0;
- width: 1em;
- height: 1em;
- cursor: pointer;
- overflow: hidden;
-}
-.#{$primaryStyleName}-maximizebox,
-.#{$primaryStyleName}-restorebox {
- right: 1.1em;
-}
-
-.#{$primaryStyleName}-closebox {
- background: red;
-}
-.#{$primaryStyleName}-maximizebox {
- background: blue;
-}
-.#{$primaryStyleName}-restorebox {
- background: yellow;
-}
-.#{$primaryStyleName}-modalitycurtain {
- top: 0;
- left: 0;
- background: #999;
- opacity: 0.5;
- position: fixed;
- width: 100%;
- height: 100%;
- filter: alpha(opacity=50);
-}
-/* Shadow for window */
-.v-shadow-window {
- position: absolute;
- display: none;
- pointer-events: none;
-
- .v-ie8 & {
- display: block;
- }
-}
-.v-shadow-window .top-left {
- position: absolute; overflow: hidden;
- top: -10px; left: -15px;
- width: 28px; height: 28px;
- background: transparent url(img/shadow/top-left.png);
-}
-.v-shadow-window .top {
- position: absolute; overflow: hidden;
- top: -10px; left: 13px;
- height: 28px;
- right: 13px;
- background: transparent url(img/shadow/top.png);
-}
-.v-shadow-window .top-right {
- position: absolute; overflow: hidden;
- top: -10px; right: -15px;
- width: 28px; height: 28px;
- background: transparent url(img/shadow/top-right.png);
-}
-.v-shadow-window .left {
- position: absolute; overflow: hidden;
- top: 18px; left: -15px;
- width: 28px;
- bottom: 10px;
- background: transparent url(img/shadow/left.png);
-}
-.v-shadow-window .center {
- position: absolute; overflow: hidden;
- top: 18px; left: 13px;
- bottom: 10px; right: 13px;
- background: transparent url(img/shadow/center.png);
-}
-.v-shadow-window .right {
- position: absolute; overflow: hidden;
- top: 18px; right: -15px;
- width: 28px;
- bottom: 10px;
- background: transparent url(img/shadow/right.png);
-}
-.v-shadow-window .bottom-left {
- position: absolute; overflow: hidden;
- bottom: -18px; left: -15px;
- width: 28px; height: 28px;
- background: transparent url(img/shadow/bottom-left.png);
-}
-.v-shadow-window .bottom {
- position: absolute; overflow: hidden;
- bottom: -18px; left: 13px;
- right: 13px; height: 28px;
- background: transparent url(img/shadow/bottom.png);
-}
-.v-shadow-window .bottom-right {
- position: absolute; overflow: hidden;
- bottom: -18px; right: -15px;
- width: 28px; height: 28px;
- background: transparent url(img/shadow/bottom-right.png);
-}
-
-}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/WARNING.TXT b/org.eclipse.osbp.themes/VAADIN/themes/common/WARNING.TXT
similarity index 100%
copy from org.eclipse.osbp.themes/VAADIN/themes/osbp/image/WARNING.TXT
copy to org.eclipse.osbp.themes/VAADIN/themes/common/WARNING.TXT
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/common/html/Welcome.html b/org.eclipse.osbp.themes/VAADIN/themes/common/html/Welcome.html
new file mode 100644
index 0000000..25ce3c7
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/common/html/Welcome.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<head>
+
+<meta charset="utf-8">
+
+<meta name="viewport" content="width=device-width, initial-scale=1">
+
+
+<link rel="stylesheet" type="text/css" href="typo-welcome-validated.css" media="all">
+
+
+<title>Compex - Welcomepage</title>
+
+</head>
+<body class="osbp typo-welcome">
+
+
+<header class="header" style="background:#0067b1; padding-top: 10px;">
+ <div style="background:#0067b1">
+ <div class="inner small">
+ <h2 class="headlineH2withoutUnderline versal">Welcome</h2>
+ <h3 class="align-center" style="color: rgb(255, 255, 255);">Here are some resources that will help you to get started</h3>
+ </div>
+ </div>
+</header>
+
+<div class="welcome-image" align="center" style="padding-top: 10px; padding-bottom: 10px;">
+</div>
+
+<main>
+ <div class="ce-twoCol-Box " id="c309">
+ <div class="inner small">
+
+ <div class="boxen withFontAwesome">
+
+ <div class="">
+ <div><h2 class="smallHeadlineWithUnderline">Watch tutorial videos</h2>
+ <p class="bodytext">Learn how to use My1App and learn more about OS.bee from step-by-step tutorial videos.</p></div>
+ </div>
+
+ <div class="">
+ <div><h2 class="smallHeadlineWithUnderline">Read documentation</h2>
+ <p class="bodytext">Need more insight? Detailed information can be found in our documentation.</p></div>
+ </div>
+
+ <div class="">
+ <div><h2 class="smallHeadlineWithUnderline">Visit our forum</h2>
+ <p class="bodytext">The OS.bee forum is a great place to find answers and ask questions, especially for newcommers.</p></div>
+ </div>
+
+ <div class="">
+ <div><h2 class="smallHeadlineWithUnderline">Register to join the community</h2>
+ <p class="bodytext">Register and benefit from special resources for community members.</p></div>
+ </div>
+
+ </div>
+
+ </div>
+ </div>
+
+</main>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/common/html/typo-welcome-validated.css b/org.eclipse.osbp.themes/VAADIN/themes/common/html/typo-welcome-validated.css
new file mode 100644
index 0000000..b9b4b15
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/common/html/typo-welcome-validated.css
@@ -0,0 +1,12703 @@
+ /*typo welcome test*/
+ .welcome-image::before {
+ content: url('../image/StartAppHere.png');
+ }
+
+ /* cyrillic-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
+ /*unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;*/
+ }
+ /* cyrillic */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
+/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
+ }
+ /* greek-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
+/* unicode-range: U+1F00-1FFF; */
+ }
+ /* greek */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
+/* unicode-range: U+0370-03FF; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* cyrillic-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */
+ }
+ /* cyrillic */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
+ }
+ /* greek-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+1F00-1FFF; */
+ }
+ /* greek */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0370-03FF; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* cyrillic-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
+/* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */
+ }
+ /* cyrillic */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
+/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
+ }
+ /* greek-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
+/* unicode-range: U+1F00-1FFF; */
+ }
+ /* greek */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
+/* unicode-range: U+0370-03FF; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* cyrillic-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
+/* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */
+ }
+ /* cyrillic */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
+/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
+ }
+ /* greek-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
+/* unicode-range: U+1F00-1FFF; */
+ }
+ /* greek */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
+/* unicode-range: U+0370-03FF; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/NUrn2XQrRfyGZp5MknntaRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/s2PXW4WrV3VLrOUpHiqsfRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/sKd0EMYPAh5PYCRKSryvW1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+
+ i.fa {
+ padding-left : 5px;
+ font-size : 0.9rem;
+ }
+ .bg-blue {
+ background-color : #0067b1;
+ }
+ .bg-darkblue {
+ background-color : #002f58;
+ }
+ .bg-red {
+ background-color : #be1622;
+ }
+ .bg-white {
+ background-color : #fff;
+ }
+ .button {
+ display : inline-block;
+ background : inherit;
+ color : inherit;
+ padding : 15px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ text-decoration : none;
+ cursor : pointer;
+ }
+ .button i {
+ padding-right : 5px;
+ transition : all 0.5s;
+ font-size : 18px;
+ line-height : normal;
+ }
+ .button span + i {
+ padding-left : 5px;
+ transition : all 0.5s;
+ }
+ .button:hover {
+ text-decoration : none !important ;
+ }
+ .button:hover i {
+ padding-right : 10px;
+ transition : all 0.5s;
+ }
+ .button:hover span + i {
+ padding-left : 10px;
+ transition : all 0.5s;
+ }
+ span span {
+ background : inherit;
+ color : inherit;
+ }
+ .redbutton, .bluebutton, .thirdSection .right a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .darkbluebutton, .greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton, .whitebutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a, .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a {
+ display : inline-block;
+ background : none 0% 0% repeat scroll #be1622;
+ color : #FFF;
+ padding : 15px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ text-decoration : none;
+ cursor : pointer;
+ border : none;
+ }
+ .redbutton:hover, .bluebutton:hover, .thirdSection .right a:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:hover, .darkbluebutton:hover, .greybutton:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover, .whitebutton:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:hover {
+ text-decoration : none !important ;
+ }
+ .bluebutton, .thirdSection .right a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a {
+ background-color : #0067b1;
+ }
+ .darkbluebutton {
+ background-color : #002f58;
+ text-align : left;
+ }
+ .darkbluebutton.arrowlink:after, .thirdSection .right a.darkbluebutton:after {
+ float : right;
+ }
+ .darkbluebutton.arrowlink:hover:after, .thirdSection .right a.darkbluebutton:hover:after {
+ padding-left : 30px;
+ }
+ .greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton {
+ background-color : #f5f5f5;
+ color : #333;
+ }
+ .greybutton:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover {
+ background-color : #0067b1;
+ color : #fff;
+ }
+ .whitebutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a {
+ background-color : #ffffff;
+ color : #333;
+ }
+ .arrowlink, .thirdSection .right a {
+ font-weight : 700;
+ text-decoration : none;
+ transition : all 0.5s;
+ }
+ .arrowlink:after, .thirdSection .right a:after {
+ font-family : 'FontAwesome';
+ content : "\f178";
+ padding-left : 5px;
+ font-size : 15px;
+ transition : all 0.7s;
+ display : inline-block;
+ }
+ .arrowlink:hover, .thirdSection .right a:hover {
+ text-decoration : none;
+ }
+ .arrowlink:hover:after, .thirdSection .right a:hover:after {
+ padding-left : 15px;
+ transition : all 0.5s;
+ }
+ .arrowlink.down:after, .thirdSection .right a.down:after {
+ content : "\f078";
+ vertical-align : bottom;
+ }
+ .arrowlink.down.active:after, .thirdSection .right a.down.active:after {
+ content : "\f077";
+ }
+ .keylink {
+ text-align : center;
+ color : #fff;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .keylink:before {
+ content : "\f084";
+ font-family : 'FontAwesome';
+ padding-right : 5px;
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ .downloadlink {
+ text-align : center;
+ font-weight : 700;
+ text-decoration : none;
+ transition : all 0.5s;
+ min-height : 54px;
+ }
+ .downloadlink:after {
+ font-family : 'FontAwesome';
+ content : "\f019";
+ padding-left : 5px;
+ font-size : 15px;
+ transition : all 0.5s;
+ }
+ .downloadlink:hover {
+ font-size : 18px;
+ }
+ .downloadlink:hover:after {
+ font-size : 17px;
+ transition : all 0.5s;
+ }
+ .buttonContainer {
+ text-align : center;
+ }
+ .versal {
+ text-transform : uppercase;
+ }
+ .cf:before, .inner:before, body.contact .contactMain:before, .ce-twoCol-Box .boxen:before, .ce-twoCol-Box .boxen.withFontAwesome:before, .ce-twoCol-Box .boxen.withoutFontAwesome:before, .ce-twoCol-Box .boxen.withOtherFontAwesome:before, .ce-twoCol-Box .boxen.withOtherFontAwesome div:before, .text-slide:before, .toggleContainer h3:before, .ce-threeBoxesWithOption:before, .ce-threeBoxesWithOption .inner div:before, .fontAwesome-list.twocol ul:before, .ce-os-bee:before, .ce-table:before, .service-formular:before, .service-formular .powermail_check_outer:before, .secondSection div.inner:before, .thirdSection:before, .thirdSection .inner:before, .newsletter:before, .newsletter .firstrow:before, .newsletter .secondrow:before, .newsletter .secondrow .inner:before, .ce-youtube-text:before, .ce-youtube-slider:before, .marketplace-wrapper:before, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:before, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:before, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:before, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:before, .marketplace-wrapper .mp-contentContainer .mp-filter ul:before, .marketplace-wrapper .mp-contentContainer .mp-content:before, .marketplace-wrapper .mp-contentContainer .mp-content article header:before, .marketplace-wrapper .mp-contentContainer .mp-content article footer:before, .mpdetail-content .mp-productInfo:before, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:before, .mpdetail-content .mp-productWrapper > ul:before, .tx-typo3forum-pi1 .forum_menu ul:before, .tx-typo3forum-pi1 .topic_list_menu ul:before, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #topic fieldset div:before, .tx-typo3forum-pi1 #post fieldset div:before, .tx-typo3forum-pi1 #report fieldset div:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:before, .ce-osbee-forum-singlepost:before, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:before, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:before, .blogSidebar .blog-subscribe .terms:before, .news-list-view .article:before, .news-list-view .news-content-wrap:before, .latest-news-container:before, .latest-news-container .startpage-latesnews:before, .latest-news-container .startpage-latesnews .news-img-wrap a:before, .shariff .orientation-horizontal:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:before, .tx-sy-osbeeproducts .os_cartSupport:before, .tx-sy-osbeeproducts .os_cartSupport > div .container:before, .tx-sy-osbeeproducts .os_carAppSupport:before, .tx-sy-osbeeproducts .os_carAppSupport > div .container:before, .tx-sy-osbeeproducts .checkoutOption:before, .tx-contentpackage-checkoutFormular div:before, .checkoutSteps:before, .tx-indexedsearch-browsebox:before, .tx-srfeuserregister-pi1 fieldset:before, .tx-srfeuserregister-pi1 fieldset .formwrap:before, .community-forum-news:before, .community-forum-news > .inner > div.news .latest-news-container:before, .zweispaltig-unterseiten-layout:before, header.header:before, header.header .topMeta:before, header.header .topMeta + div:before, header.header nav > ul:before, footer.footer div.inner.small:before, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:before, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:before, .ce-video:before, .ce-forum-latest-post:before, .ce-forum-latest-post > div:before, .ce-forum-latest-post > div div:before, .cf:after, .inner:after, body.contact .contactMain:after, .ce-twoCol-Box .boxen:after, .ce-twoCol-Box .boxen.withFontAwesome:after, .ce-twoCol-Box .boxen.withoutFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome div:after, .text-slide:after, .toggleContainer h3:after, .ce-threeBoxesWithOption:after, .ce-threeBoxesWithOption .inner div:after, .fontAwesome-list.twocol ul:after, .ce-os-bee:after, .ce-table:after, .service-formular:after, .service-formular .powermail_check_outer:after, .secondSection div.inner:after, .thirdSection:after, .thirdSection .inner:after, .newsletter:after, .newsletter .firstrow:after, .newsletter .secondrow:after, .newsletter .secondrow .inner:after, .ce-youtube-text:after, .ce-youtube-slider:after, .marketplace-wrapper:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:after, .marketplace-wrapper .mp-contentContainer .mp-filter ul:after, .marketplace-wrapper .mp-contentContainer .mp-content:after, .marketplace-wrapper .mp-contentContainer .mp-content article header:after, .marketplace-wrapper .mp-contentContainer .mp-content article footer:after, .mpdetail-content .mp-productInfo:after, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:after, .mpdetail-content .mp-productWrapper > ul:after, .tx-typo3forum-pi1 .forum_menu ul:after, .tx-typo3forum-pi1 .topic_list_menu ul:after, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #topic fieldset div:after, .tx-typo3forum-pi1 #post fieldset div:after, .tx-typo3forum-pi1 #report fieldset div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after, .ce-osbee-forum-singlepost:after, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after, .blogSidebar .blog-subscribe .terms:after, .news-list-view .article:after, .news-list-view .news-content-wrap:after, .latest-news-container:after, .latest-news-container .startpage-latesnews:after, .latest-news-container .startpage-latesnews .news-img-wrap a:after, .shariff .orientation-horizontal:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after, .tx-sy-osbeeproducts .os_cartSupport:after, .tx-sy-osbeeproducts .os_cartSupport > div .container:after, .tx-sy-osbeeproducts .os_carAppSupport:after, .tx-sy-osbeeproducts .os_carAppSupport > div .container:after, .tx-sy-osbeeproducts .checkoutOption:after, .tx-contentpackage-checkoutFormular div:after, .checkoutSteps:after, .tx-indexedsearch-browsebox:after, .tx-srfeuserregister-pi1 fieldset:after, .tx-srfeuserregister-pi1 fieldset .formwrap:after, .community-forum-news:after, .community-forum-news > .inner > div.news .latest-news-container:after, .zweispaltig-unterseiten-layout:after, header.header:after, header.header .topMeta:after, header.header .topMeta + div:after, header.header nav > ul:after, footer.footer div.inner.small:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after, .ce-video:after, .ce-forum-latest-post:after, .ce-forum-latest-post > div:after, .ce-forum-latest-post > div div:after {
+ content : " ";
+ display : table;
+ }
+ .cf:after, .inner:after, body.contact .contactMain:after, .ce-twoCol-Box .boxen:after, .ce-twoCol-Box .boxen.withFontAwesome:after, .ce-twoCol-Box .boxen.withoutFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome div:after, .text-slide:after, .toggleContainer h3:after, .ce-threeBoxesWithOption:after, .ce-threeBoxesWithOption .inner div:after, .fontAwesome-list.twocol ul:after, .ce-os-bee:after, .ce-table:after, .service-formular:after, .service-formular .powermail_check_outer:after, .secondSection div.inner:after, .thirdSection:after, .thirdSection .inner:after, .newsletter:after, .newsletter .firstrow:after, .newsletter .secondrow:after, .newsletter .secondrow .inner:after, .ce-youtube-text:after, .ce-youtube-slider:after, .marketplace-wrapper:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:after, .marketplace-wrapper .mp-contentContainer .mp-filter ul:after, .marketplace-wrapper .mp-contentContainer .mp-content:after, .marketplace-wrapper .mp-contentContainer .mp-content article header:after, .marketplace-wrapper .mp-contentContainer .mp-content article footer:after, .mpdetail-content .mp-productInfo:after, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:after, .mpdetail-content .mp-productWrapper > ul:after, .tx-typo3forum-pi1 .forum_menu ul:after, .tx-typo3forum-pi1 .topic_list_menu ul:after, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #topic fieldset div:after, .tx-typo3forum-pi1 #post fieldset div:after, .tx-typo3forum-pi1 #report fieldset div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after, .ce-osbee-forum-singlepost:after, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after, .blogSidebar .blog-subscribe .terms:after, .news-list-view .article:after, .news-list-view .news-content-wrap:after, .latest-news-container:after, .latest-news-container .startpage-latesnews:after, .latest-news-container .startpage-latesnews .news-img-wrap a:after, .shariff .orientation-horizontal:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after, .tx-sy-osbeeproducts .os_cartSupport:after, .tx-sy-osbeeproducts .os_cartSupport > div .container:after, .tx-sy-osbeeproducts .os_carAppSupport:after, .tx-sy-osbeeproducts .os_carAppSupport > div .container:after, .tx-sy-osbeeproducts .checkoutOption:after, .tx-contentpackage-checkoutFormular div:after, .checkoutSteps:after, .tx-indexedsearch-browsebox:after, .tx-srfeuserregister-pi1 fieldset:after, .tx-srfeuserregister-pi1 fieldset .formwrap:after, .community-forum-news:after, .community-forum-news > .inner > div.news .latest-news-container:after, .zweispaltig-unterseiten-layout:after, header.header:after, header.header .topMeta:after, header.header .topMeta + div:after, header.header nav > ul:after, footer.footer div.inner.small:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after, .ce-video:after, .ce-forum-latest-post:after, .ce-forum-latest-post > div:after, .ce-forum-latest-post > div div:after {
+ clear : both;
+ }
+ html {
+ margin : 0;
+ padding : 0;
+ font-size : 15px;
+ line-height : normal;
+ }
+ html * {
+ box-sizing : border-box;
+ font-family : "Open Sans", sans-serif;
+ }
+ body {
+ margin : 0;
+ padding : 0;
+ counter-reset : olliste;
+ }
+ section, main, footer, nav, aside, article {
+ display : block;
+ }
+ img {
+ height : auto;
+ max-width : 100%;
+ }
+ figure {
+ margin : 0;
+ padding : 0;
+ }
+ ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ ::-webkit-input-placeholder {
+ color : #333333;
+ opacity : 1 !important ;
+ }
+ :-moz-placeholder {
+ color : #333333;
+ }
+ ::-moz-placeholder {
+ color : #333333;
+ }
+ :-ms-input-placeholder {
+ color : #333333;
+ }
+ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
+ color : #333333;
+ opacity : 1 !important ;
+ }
+ input:-moz-placeholder, textarea:-moz-placeholder {
+ color : #333333;
+ }
+ input::-moz-placeholder, textarea::-moz-placeholder {
+ color : #333333;
+ }
+ input:-ms-input-placeholder, textarea:-ms-input-placeholder {
+ color : #333333;
+ }
+ .unorderedList li, .clients ul li, .ce-twoCol-Box .boxen.withFontAwesome > div ul li, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li, .text-slide .left ul li, .ce-Image-Text-Element .einspaltig ul li, .toggleContainer ul li, .ce-threeBoxesWithOption .inner div article ul li, .fontAwesome-list ul li ul li, .fontAwesome-list.twocol ul li ul li, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li, .ce-leftright > div figure + div ul li, .news ul li {
+ position : relative;
+ padding-left : 15px;
+ }
+ .unorderedList li:before, .clients ul li:before, .ce-twoCol-Box .boxen.withFontAwesome > div ul li:before, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li:before, .text-slide .left ul li:before, .ce-Image-Text-Element .einspaltig ul li:before, .toggleContainer ul li:before, .ce-threeBoxesWithOption .inner div article ul li:before, .fontAwesome-list ul li ul li:before, .fontAwesome-list.twocol ul li ul li:before, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li:before, .ce-leftright > div figure + div ul li:before, .news ul li:before {
+ content : "\f054";
+ content : "\f111";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ position : absolute;
+ top : 7px;
+ left : 0;
+ color : #be1622;
+ font-size : 6px;
+ }
+ .unorderedList li + li, .clients ul li + li, .ce-twoCol-Box .boxen.withFontAwesome > div ul li + li, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li + li, .text-slide .left ul li + li, .ce-Image-Text-Element .einspaltig ul li + li, .toggleContainer ul li + li, .ce-threeBoxesWithOption .inner div article ul li + li, .fontAwesome-list ul li ul li + li, .fontAwesome-list.twocol ul li ul li + li, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li + li, .ce-leftright > div figure + div ul li + li, .news ul li + li {
+ margin-top : 4px;
+ }
+ .unorderedList li ul, .clients ul li ul, .ce-twoCol-Box .boxen.withFontAwesome > div ul li ul, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li ul, .text-slide .left ul li ul, .ce-Image-Text-Element .einspaltig ul li ul, .toggleContainer ul li ul, .ce-threeBoxesWithOption .inner div article ul li ul, .fontAwesome-list ul li ul li ul, .fontAwesome-list.twocol ul li ul li ul, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li ul, .ce-leftright > div figure + div ul li ul, .news ul li ul {
+ margin-top : 5px;
+ }
+ .unorderedList + p, .clients ul + p, .ce-twoCol-Box .boxen.withFontAwesome > div ul + p, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul + p, .text-slide .left ul + p, .ce-Image-Text-Element .einspaltig ul + p, .toggleContainer ul + p, .ce-threeBoxesWithOption .inner div article ul + p, .fontAwesome-list ul li ul + p, .fontAwesome-list.twocol ul li ul + p, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul + p, .ce-leftright > div figure + div ul + p, .news ul + p, .unorderedList + ul, .clients ul + ul, .ce-twoCol-Box .boxen.withFontAwesome > div ul + ul, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul + ul, .text-slide .left ul + ul, .ce-Image-Text-Element .einspaltig ul + ul, .toggleContainer ul + ul, .ce-threeBoxesWithOption .inner div article ul + ul, .fontAwesome-list ul li ul + ul, .fontAwesome-list.twocol ul li ul + ul, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul + ul, .ce-leftright > div figure + div ul + ul, .news ul + ul {
+ margin-top : 15px;
+ }
+ .inner {
+ max-width : 1325px;
+ margin : 0 auto;
+ }
+ .inner.small, .tx-felogin-pi1 .tx-felogin-pi1-inner {
+ max-width : 1030px;
+ margin : 0 auto;
+ }
+ @media screen and (max-width:1100px) {
+ .inner.small, .tx-felogin-pi1 .tx-felogin-pi1-inner {
+ padding : 0 25px;
+ }
+ }
+ main {
+ overflow : hidden;
+ }
+ body.contact .contactMain {
+ max-width : 1030px;
+ margin : 0 auto 0 auto;
+ }
+ h1, h2, .ce-table table caption, h3 {
+ margin : 0;
+ font-size : inherit;
+ line-height : normal;
+ }
+ .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 {
+ font-family : "Quicksand", sans-serif;
+ font-size : 60px;
+ line-height : normal;
+ color : #333;
+ margin : 0 0 40px 0;
+ text-transform : uppercase;
+ font-weight : 300;
+ display : block;
+ }
+ @media screen and (max-width:1024px) {
+ .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 {
+ font-size : 45px;
+ margin-bottom : 30px;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 {
+ font-size : 35px;
+ margin-bottom : 25px;
+ }
+ }
+ @media screen and (max-width:640px) {
+ .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 {
+ font-size : 28px;
+ margin-bottom : 20px;
+ }
+ }
+ .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center {
+ font-family : "Quicksand", sans-serif;
+ font-size : 60px;
+ line-height : normal;
+ color : #333;
+ margin : 0 0 40px 0;
+ text-transform : uppercase;
+ text-align : center;
+ font-weight : 300;
+ display : block;
+ }
+ @media screen and (max-width:1024px) {
+ .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center {
+ font-size : 45px;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center {
+ font-size : 35px;
+ }
+ }
+ @media screen and (max-width:640px) {
+ .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center {
+ font-size : 28px;
+ }
+ }
+ .headlineH2Center, p.headlineH2Center, .service-formular fieldset .powermail_legend, .sliderContainer p.headlineH2Center, .latest-news-container h2, .latest-news-container .ce-table table caption, .ce-table table .latest-news-container caption, .mp-contentContainer.checkout h1 {
+ font-family : "Quicksand", sans-serif;
+ font-weight : 400;
+ text-transform : uppercase;
+ color : #333;
+ font-size : 24px;
+ line-height : normal;
+ text-align : center;
+ display : block;
+ margin : 0 0 15px 0;
+ }
+ .headlineH2Center:after, .service-formular fieldset .powermail_legend:after, .sliderContainer p.headlineH2Center:after, .latest-news-container h2:after, .latest-news-container .ce-table table caption:after, .ce-table table .latest-news-container caption:after, .mp-contentContainer.checkout h1:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px auto 0 auto;
+ }
+ .headlineH2, p.headlineH2, .sliderContainer p.headlineH2, .tx-typo3forum-pi1 #topic fieldset legend, .tx-typo3forum-pi1 #post fieldset legend, .tx-typo3forum-pi1 #report fieldset legend, .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption {
+ font-family : "Quicksand", sans-serif;
+ font-weight : 400;
+ text-transform : uppercase;
+ color : #333;
+ font-size : 24px;
+ line-height : normal;
+ display : block;
+ margin : 0 0 15px 0;
+ }
+ .headlineH2:after, .sliderContainer p.headlineH2:after, .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #report fieldset legend:after, .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px 0 0 0;
+ }
+ .headlineH2withoutUnderline, .headlineH2withoutUnderlineLeft, p.headlineH2withoutUnderline, .sliderContainer p.headlineH2withoutUnderline {
+ font-size : 36px;
+ line-height : normal;
+ font-family : "Quicksand", sans-serif;
+ font-weight : 400;
+ color : #fff;
+ display : block;
+ margin : 0 0 15px 0;
+ text-align : center;
+ }
+ .headlineH2withoutUnderlineLeft {
+ text-align : left;
+ }
+ .headlineH3, p.headlineH3, .sliderContainer p.headlineH3 {
+ font-weight : 700;
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ margin : 0 0 20px 0;
+ display : block;
+ }
+ .smallHeadlineWithUnderline, p.smallHeadlineWithUnderline, .sliderContainer p.smallHeadlineWithUnderline {
+ font-size : 18px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ margin-bottom : 20px;
+ }
+ .smallHeadlineWithUnderline:after, .sliderContainer p.smallHeadlineWithUnderline:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 5px 0 0 0;
+ }
+ a {
+ color : #0067b1;
+ text-decoration : none;
+ font-weight : 700;
+ }
+ a span {
+ color : inherit;
+ }
+ a:hover {
+ text-decoration : underline;
+ }
+ a.arrowlink:hover, .thirdSection .right a:hover {
+ text-decoration : underline !important ;
+ }
+ a.arrowlink:hover:after, .thirdSection .right a:hover:after {
+ text-decoration : none !important ;
+ }
+ a.button:hover {
+ text-decoration : none !important ;
+ }
+ a.button:hover span {
+ text-decoration : none !important ;
+ }
+ span a {
+ color : inherit;
+ }
+ .textlinkarrow:after, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:after, .ce-table table tr td a:after, .ce-leftright > div figure + div a:after, .ce-youtube-text .right a:after, .news-list-view .more:after {
+ content : "\f178";
+ transition : all 0.7s;
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ font-weight : 700;
+ font-family : 'FontAwesome';
+ padding-left : 5px;
+ transition : all 0.7s;
+ }
+ .textlinkarrow:hover, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:hover, .ce-table table tr td a:hover, .ce-leftright > div figure + div a:hover, .ce-youtube-text .right a:hover, .news-list-view .more:hover {
+ text-decoration : none;
+ }
+ .textlinkarrow:hover:after, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:hover:after, .ce-table table tr td a:hover:after, .ce-leftright > div figure + div a:hover:after, .ce-youtube-text .right a:hover:after, .news-list-view .more:hover:after {
+ padding-left : 10px;
+ }
+ .textlinkarrow.whitetextlinkarrow, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a.whitetextlinkarrow, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow .ce-leftright > div figure + div a, .ce-leftright > div figure + div .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a, .ce-table table tr td a.whitetextlinkarrow, .ce-leftright > div figure + div a, .ce-youtube-text .right a.whitetextlinkarrow, .ce-youtube-text .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .ce-youtube-text .right a, .news-list-view .whitetextlinkarrow.more, .news-list-view .ce-leftright > div figure + div a.more, .ce-leftright > div figure + div .news-list-view a.more {
+ color : #fff;
+ }
+ h1, h2, .ce-table table caption, h3, h4, h5, h6 {
+ font-size : 15px;
+ line-height : normal;
+ margin : 0;
+ font-weight : 400;
+ }
+ p {
+ font-size : 15px;
+ line-height : normal;
+ margin : 0;
+ }
+ p + p, p + ul, p + ol {
+ margin-top : 15px;
+ }
+ p + h1, p + h2, .ce-table table p + caption, p + h3, p + .headlineH3, .sliderContainer p + p.headlineH3, p + .headlineH2withoutUnderline, p + .headlineH2withoutUnderlineLeft, .sliderContainer p + p.headlineH2withoutUnderline, p + .smallHeadlineWithUnderline, .sliderContainer p + p.smallHeadlineWithUnderline, p + .headlineH2, .sliderContainer p + p.headlineH2, .tx-typo3forum-pi1 #topic fieldset p + legend, .tx-typo3forum-pi1 #post fieldset p + legend, .tx-typo3forum-pi1 #report fieldset p + legend, .mp-contentContainer.checkout .checkout_paymentOption p + h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table p + caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption p + caption, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > p + h2, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > p + caption, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > p + caption, p + .headlineH2Center, .service-formular fieldset p + .powermail_legend, .sliderContainer p + p.headlineH2Center, .latest-news-container p + h2, .latest-news-container .ce-table table p + caption, .ce-table table .latest-news-container p + caption, .mp-contentContainer.checkout p + h1, p + .headlineH1Center, .sliderContainer p + p.headlineH1Center, p + .headlineH1, .sliderContainer p + p.headlineH1, p + .headlineH2withoutUnderline, p + .headlineH2withoutUnderlineLeft, .sliderContainer p + p.headlineH2withoutUnderline {
+ margin-top : 25px;
+ }
+ p i {
+ font-style : italic;
+ }
+ p.bigText {
+ font-size : 18px;
+ line-height : normal;
+ }
+ p.bigText a {
+ font-size : 18px;
+ line-height : normal;
+ }
+ p.centeralign, p.align-center {
+ text-align : center;
+ }
+ p.leftalign, p.align-left {
+ text-align : left;
+ }
+ p.rightalign, p.align-right {
+ text-align : right;
+ }
+ ul li {
+ font-size : 15px;
+ line-height : normal;
+ }
+ a {
+ font-size : 15px;
+ line-height : normal;
+ }
+ .bigText {
+ font-size : 18px;
+ line-height : normal;
+ }
+ .centeralign, .align-center {
+ text-align : center;
+ }
+ .leftalign {
+ text-align : left;
+ }
+ .rightalign {
+ text-align : right;
+ }
+ .hvr-grow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
+ transform : scale(1.1);
+ }
+ .hvr-shrink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
+ transform : scale(0.9);
+ }
+ @keyframes hvr-pulse {
+ 25% {
+ transform : scale(1.1);
+ }
+ 75% {
+ transform : scale(0.9);
+ }
+ }
+ .hvr-pulse {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
+ animation-name : hvr-pulse;
+ animation-duration : 1s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ }
+ @keyframes hvr-pulse-grow {
+ to {
+ transform : scale(1.1);
+ }
+ }
+ .hvr-pulse-grow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
+ animation-name : hvr-pulse-grow;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ animation-direction : alternate;
+ }
+ @keyframes hvr-pulse-shrink {
+ to {
+ transform : scale(0.9);
+ }
+ }
+ .hvr-pulse-shrink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
+ animation-name : hvr-pulse-shrink;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ animation-direction : alternate;
+ }
+ @keyframes hvr-push {
+ 50% {
+ transform : scale(0.8);
+ }
+ 100% {
+ transform : scale(1);
+ }
+ }
+ .hvr-push {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-push:hover, .hvr-push:focus, .hvr-push:active {
+ animation-name : hvr-push;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-pop {
+ 50% {
+ transform : scale(1.2);
+ }
+ }
+ .hvr-pop {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
+ animation-name : hvr-pop;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ .hvr-bounce-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
+ transform : scale(1.2);
+ transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36);
+ }
+ .hvr-bounce-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
+ transform : scale(0.8);
+ transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36);
+ }
+ .hvr-rotate {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
+ transform : rotate(4deg);
+ }
+ .hvr-grow-rotate {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
+ transform : scale(1.1) rotate(4deg);
+ }
+ .hvr-float {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-float:hover, .hvr-float:focus, .hvr-float:active {
+ transform : translateY(-8px);
+ }
+ .hvr-sink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
+ transform : translateY(8px);
+ }
+ @keyframes hvr-bob {
+ 0% {
+ transform : translateY(-8px);
+ }
+ 50% {
+ transform : translateY(-4px);
+ }
+ 100% {
+ transform : translateY(-8px);
+ }
+ }
+ @keyframes hvr-bob-float {
+ 100% {
+ transform : translateY(-8px);
+ }
+ }
+ .hvr-bob {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
+ animation-name : hvr-bob-float, hvr-bob;
+ animation-duration : 0.3s, 1.5s;
+ animation-delay : 0s, 0.3s;
+ animation-timing-function : ease-out, ease-in-out;
+ animation-iteration-count : 1, infinite;
+ animation-fill-mode : forwards;
+ animation-direction : normal, alternate;
+ }
+ @keyframes hvr-hang {
+ 0% {
+ transform : translateY(8px);
+ }
+ 50% {
+ transform : translateY(4px);
+ }
+ 100% {
+ transform : translateY(8px);
+ }
+ }
+ @keyframes hvr-hang-sink {
+ 100% {
+ transform : translateY(8px);
+ }
+ }
+ .hvr-hang {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
+ animation-name : hvr-hang-sink, hvr-hang;
+ animation-duration : 0.3s, 1.5s;
+ animation-delay : 0s, 0.3s;
+ animation-timing-function : ease-out, ease-in-out;
+ animation-iteration-count : 1, infinite;
+ animation-fill-mode : forwards;
+ animation-direction : normal, alternate;
+ }
+ .hvr-skew {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
+ transform : skew(-10deg);
+ }
+ .hvr-skew-forward {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transform-origin : 0 100%;
+ }
+ .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
+ transform : skew(-10deg);
+ }
+ .hvr-skew-backward {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transform-origin : 0 100%;
+ }
+ .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
+ transform : skew(10deg);
+ }
+ @keyframes hvr-wobble-vertical {
+ 16.65% {
+ transform : translateY(8px);
+ }
+ 33.3% {
+ transform : translateY(-6px);
+ }
+ 49.95% {
+ transform : translateY(4px);
+ }
+ 66.6% {
+ transform : translateY(-2px);
+ }
+ 83.25% {
+ transform : translateY(1px);
+ }
+ 100% {
+ transform : translateY(0);
+ }
+ }
+ .hvr-wobble-vertical {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
+ animation-name : hvr-wobble-vertical;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-horizontal {
+ 16.65% {
+ transform : translateX(8px);
+ }
+ 33.3% {
+ transform : translateX(-6px);
+ }
+ 49.95% {
+ transform : translateX(4px);
+ }
+ 66.6% {
+ transform : translateX(-2px);
+ }
+ 83.25% {
+ transform : translateX(1px);
+ }
+ 100% {
+ transform : translateX(0);
+ }
+ }
+ .hvr-wobble-horizontal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
+ animation-name : hvr-wobble-horizontal;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-to-bottom-right {
+ 16.65% {
+ transform : translate(8px,8px);
+ }
+ 33.3% {
+ transform : translate(-6px,-6px);
+ }
+ 49.95% {
+ transform : translate(4px,4px);
+ }
+ 66.6% {
+ transform : translate(-2px,-2px);
+ }
+ 83.25% {
+ transform : translate(1px,1px);
+ }
+ 100% {
+ transform : translate(0,0);
+ }
+ }
+ .hvr-wobble-to-bottom-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
+ animation-name : hvr-wobble-to-bottom-right;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-to-top-right {
+ 16.65% {
+ transform : translate(8px,-8px);
+ }
+ 33.3% {
+ transform : translate(-6px,6px);
+ }
+ 49.95% {
+ transform : translate(4px,-4px);
+ }
+ 66.6% {
+ transform : translate(-2px,2px);
+ }
+ 83.25% {
+ transform : translate(1px,-1px);
+ }
+ 100% {
+ transform : translate(0,0);
+ }
+ }
+ .hvr-wobble-to-top-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
+ animation-name : hvr-wobble-to-top-right;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-top {
+ 16.65% {
+ transform : skew(-12deg);
+ }
+ 33.3% {
+ transform : skew(10deg);
+ }
+ 49.95% {
+ transform : skew(-6deg);
+ }
+ 66.6% {
+ transform : skew(4deg);
+ }
+ 83.25% {
+ transform : skew(-2deg);
+ }
+ 100% {
+ transform : skew(0);
+ }
+ }
+ .hvr-wobble-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transform-origin : 0 100%;
+ }
+ .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
+ animation-name : hvr-wobble-top;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-bottom {
+ 16.65% {
+ transform : skew(-12deg);
+ }
+ 33.3% {
+ transform : skew(10deg);
+ }
+ 49.95% {
+ transform : skew(-6deg);
+ }
+ 66.6% {
+ transform : skew(4deg);
+ }
+ 83.25% {
+ transform : skew(-2deg);
+ }
+ 100% {
+ transform : skew(0);
+ }
+ }
+ .hvr-wobble-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transform-origin : 100% 0;
+ }
+ .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
+ animation-name : hvr-wobble-bottom;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-skew {
+ 16.65% {
+ transform : skew(-12deg);
+ }
+ 33.3% {
+ transform : skew(10deg);
+ }
+ 49.95% {
+ transform : skew(-6deg);
+ }
+ 66.6% {
+ transform : skew(4deg);
+ }
+ 83.25% {
+ transform : skew(-2deg);
+ }
+ 100% {
+ transform : skew(0);
+ }
+ }
+ .hvr-wobble-skew {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
+ animation-name : hvr-wobble-skew;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-buzz {
+ 50% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 100% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ }
+ .hvr-buzz {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
+ animation-name : hvr-buzz;
+ animation-duration : 0.15s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ }
+ @keyframes hvr-buzz-out {
+ 10% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 20% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ 30% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 40% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ 50% {
+ transform : translateX(2px) rotate(1deg);
+ }
+ 60% {
+ transform : translateX(-2px) rotate(-1deg);
+ }
+ 70% {
+ transform : translateX(2px) rotate(1deg);
+ }
+ 80% {
+ transform : translateX(-2px) rotate(-1deg);
+ }
+ 90% {
+ transform : translateX(1px) rotate(0);
+ }
+ 100% {
+ transform : translateX(-1px) rotate(0);
+ }
+ }
+ .hvr-buzz-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
+ animation-name : hvr-buzz-out;
+ animation-duration : 0.75s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ .hvr-fade {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ overflow : hidden;
+ transition-duration : 0.3s;
+ transition-property : color, background-color;
+ }
+ .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
+ background-color : #2098d1;
+ color : white;
+ }
+ @keyframes hvr-back-pulse {
+ 50% {
+ background-color : rgba(32, 152, 209, 0.75);
+ }
+ }
+ .hvr-back-pulse {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ overflow : hidden;
+ transition-duration : 0.5s;
+ transition-property : color, background-color;
+ }
+ .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
+ animation-name : hvr-back-pulse;
+ animation-duration : 1s;
+ animation-delay : 0.5s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ background-color : #2098d1;
+ background-color : #2098d1;
+ color : white;
+ }
+ .hvr-sweep-to-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-sweep-to-right:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 0 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
+ color : white;
+ }
+ .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
+ transform : scaleX(1);
+ }
+ .hvr-sweep-to-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-sweep-to-left:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 100% 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
+ color : white;
+ }
+ .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
+ transform : scaleX(1);
+ }
+ .hvr-sweep-to-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-sweep-to-bottom:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50% 0;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
+ color : white;
+ }
+ .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
+ transform : scaleY(1);
+ }
+ .hvr-sweep-to-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-sweep-to-top:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50% 100%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
+ color : white;
+ }
+ .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
+ transform : scaleY(1);
+ }
+ .hvr-bounce-to-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-to-right:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 0 50%;
+ transition-property : transform;
+ transition-duration : 0.5s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
+ color : white;
+ }
+ .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
+ transform : scaleX(1);
+ transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-bounce-to-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-to-left:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 100% 50%;
+ transition-property : transform;
+ transition-duration : 0.5s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
+ color : white;
+ }
+ .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
+ transform : scaleX(1);
+ transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-bounce-to-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-to-bottom:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50% 0;
+ transition-property : transform;
+ transition-duration : 0.5s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
+ color : white;
+ }
+ .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
+ transform : scaleY(1);
+ transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-bounce-to-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-to-top:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50% 100%;
+ transition-property : transform;
+ transition-duration : 0.5s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
+ color : white;
+ }
+ .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
+ transform : scaleY(1);
+ transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-radial-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ background : #e1e1e1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-radial-out:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ border-radius : 100%;
+ transform : scale(0);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
+ color : white;
+ }
+ .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
+ transform : scale(2);
+ }
+ .hvr-radial-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ background : #2098d1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-radial-in:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #e1e1e1;
+ border-radius : 100%;
+ transform : scale(2);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
+ color : white;
+ }
+ .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
+ transform : scale(0);
+ }
+ .hvr-rectangle-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #2098d1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-rectangle-in:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #e1e1e1;
+ transform : scale(1);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
+ color : white;
+ }
+ .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
+ transform : scale(0);
+ }
+ .hvr-rectangle-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #e1e1e1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-rectangle-out:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scale(0);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
+ color : white;
+ }
+ .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
+ transform : scale(1);
+ }
+ .hvr-shutter-in-horizontal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #2098d1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-shutter-in-horizontal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ bottom : 0;
+ left : 0;
+ right : 0;
+ background : #e1e1e1;
+ transform : scaleX(1);
+ transform-origin : 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
+ color : white;
+ }
+ .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
+ transform : scaleX(0);
+ }
+ .hvr-shutter-out-horizontal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #e1e1e1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-shutter-out-horizontal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ bottom : 0;
+ left : 0;
+ right : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
+ color : white;
+ }
+ .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
+ transform : scaleX(1);
+ }
+ .hvr-shutter-in-vertical {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #2098d1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-shutter-in-vertical:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ bottom : 0;
+ left : 0;
+ right : 0;
+ background : #e1e1e1;
+ transform : scaleY(1);
+ transform-origin : 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
+ color : white;
+ }
+ .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
+ transform : scaleY(0);
+ }
+ .hvr-shutter-out-vertical {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #e1e1e1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-shutter-out-vertical:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ bottom : 0;
+ left : 0;
+ right : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
+ color : white;
+ }
+ .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
+ transform : scaleY(1);
+ }
+ .hvr-border-fade {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ box-shadow : 0 0 0 4px #e1e1e1 inset, 0 0 1px transparent;
+ }
+ .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
+ box-shadow : 0 0 0 4px #2098d1 inset, 0 0 1px transparent;
+ }
+ .hvr-hollow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : background;
+ box-shadow : 0 0 0 4px #e1e1e1 inset, 0 0 1px transparent;
+ }
+ .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
+ background : none;
+ }
+ .hvr-trim {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-trim:before {
+ content : '';
+ position : absolute;
+ border : white solid 4px;
+ top : 4px;
+ left : 4px;
+ right : 4px;
+ bottom : 4px;
+ opacity : 0;
+ transition-duration : 0.3s;
+ transition-property : opacity;
+ }
+ .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
+ opacity : 1;
+ }
+ @keyframes hvr-ripple-out {
+ 100% {
+ top : -12px;
+ right : -12px;
+ bottom : -12px;
+ left : -12px;
+ opacity : 0;
+ }
+ }
+ .hvr-ripple-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-ripple-out:before {
+ content : '';
+ position : absolute;
+ border : #e1e1e1 solid 6px;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ animation-duration : 1s;
+ }
+ .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
+ animation-name : hvr-ripple-out;
+ }
+ @keyframes hvr-ripple-in {
+ 100% {
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ opacity : 1;
+ }
+ }
+ .hvr-ripple-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-ripple-in:before {
+ content : '';
+ position : absolute;
+ border : #e1e1e1 solid 4px;
+ top : -12px;
+ right : -12px;
+ bottom : -12px;
+ left : -12px;
+ opacity : 0;
+ animation-duration : 1s;
+ }
+ .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
+ animation-name : hvr-ripple-in;
+ }
+ .hvr-outline-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-outline-out:before {
+ content : '';
+ position : absolute;
+ border : #e1e1e1 solid 4px;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ transition-duration : 0.3s;
+ transition-property : top, right, bottom, left;
+ }
+ .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
+ top : -8px;
+ right : -8px;
+ bottom : -8px;
+ left : -8px;
+ }
+ .hvr-outline-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-outline-in:before {
+ content : '';
+ position : absolute;
+ border : #e1e1e1 solid 4px;
+ top : -16px;
+ right : -16px;
+ bottom : -16px;
+ left : -16px;
+ opacity : 0;
+ transition-duration : 0.3s;
+ transition-property : top, right, bottom, left;
+ }
+ .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
+ top : -8px;
+ right : -8px;
+ bottom : -8px;
+ left : -8px;
+ opacity : 1;
+ }
+ .hvr-round-corners {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : border-radius;
+ }
+ .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
+ border-radius : 1em;
+ }
+ .hvr-underline-from-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-underline-from-left:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 100%;
+ bottom : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : right;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
+ right : 0;
+ }
+ .hvr-underline-from-center {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-underline-from-center:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 50%;
+ right : 50%;
+ bottom : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : left, right;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
+ left : 0;
+ right : 0;
+ }
+ .hvr-underline-from-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-underline-from-right:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 100%;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : left;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
+ left : 0;
+ }
+ .hvr-overline-from-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-overline-from-left:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 100%;
+ top : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : right;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
+ right : 0;
+ }
+ .hvr-overline-from-center {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-overline-from-center:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 50%;
+ right : 50%;
+ top : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : left, right;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
+ left : 0;
+ right : 0;
+ }
+ .hvr-overline-from-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-overline-from-right:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 100%;
+ right : 0;
+ top : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : left;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
+ left : 0;
+ }
+ .hvr-reveal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-reveal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 0;
+ top : 0;
+ bottom : 0;
+ border-color : #2098d1;
+ border-style : solid;
+ border-width : 0;
+ transition-property : border-width;
+ transition-duration : 0.1s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
+ transform : translateY(0);
+ border-width : 4px;
+ }
+ .hvr-underline-reveal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-underline-reveal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ height : 4px;
+ transform : translateY(4px);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
+ transform : translateY(0);
+ }
+ .hvr-overline-reveal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-overline-reveal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 0;
+ top : 0;
+ background : #2098d1;
+ height : 4px;
+ transform : translateY(-4px);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
+ transform : translateY(0);
+ }
+ .hvr-glow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ }
+ .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
+ box-shadow : 0 0 8px rgba(0, 0, 0, 0.6);
+ }
+ .hvr-shadow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ }
+ .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
+ box-shadow : 0 10px 10px -10px rgba(0, 0, 0, 0.5);
+ }
+ .hvr-grow-shadow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow, transform;
+ }
+ .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
+ box-shadow : 0 10px 10px -10px rgba(0, 0, 0, 0.5);
+ transform : scale(1.1);
+ }
+ .hvr-box-shadow-outset {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ }
+ .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
+ box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6);
+ }
+ .hvr-box-shadow-inset {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ box-shadow : 0 0 0 rgba(0, 0, 0, 0.6) inset, 0 0 1px transparent;
+ }
+ .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
+ box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6) inset, 0 0 1px transparent;
+ }
+ .hvr-float-shadow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-float-shadow:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ top : 100%;
+ left : 5%;
+ height : 10px;
+ width : 90%;
+ opacity : 0;
+ background : radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
+ transition-duration : 0.3s;
+ transition-property : transform, opacity;
+ }
+ .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
+ transform : translateY(-5px);
+ }
+ .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
+ opacity : 1;
+ transform : translateY(5px);
+ }
+ .hvr-shadow-radial {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-shadow-radial:before, .hvr-shadow-radial:after {
+ position : absolute;
+ content : '';
+ left : 0;
+ width : 100%;
+ box-sizing : border-box;
+ background-repeat : no-repeat;
+ height : 5px;
+ opacity : 0;
+ transition-duration : 0.3s;
+ transition-property : opacity;
+ }
+ .hvr-shadow-radial:before {
+ bottom : 100%;
+ background : radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
+ }
+ .hvr-shadow-radial:after {
+ top : 100%;
+ background : radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
+ }
+ .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
+ opacity : 1;
+ }
+ .hvr-bubble-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-bubble-top:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ border-style : solid;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ left : calc(50% - 10px);
+ top : 0;
+ border-width : 0 10px 10px 10px;
+ border-color : transparent transparent #e1e1e1 transparent;
+ }
+ .hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
+ transform : translateY(-10px);
+ }
+ .hvr-bubble-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-bubble-right:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ border-style : solid;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ top : calc(50% - 10px);
+ right : 0;
+ border-width : 10px 0 10px 10px;
+ border-color : transparent transparent transparent #e1e1e1;
+ }
+ .hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
+ transform : translateX(10px);
+ }
+ .hvr-bubble-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-bubble-bottom:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ border-style : solid;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ left : calc(50% - 10px);
+ bottom : 0;
+ border-width : 10px 10px 0 10px;
+ border-color : #e1e1e1 transparent transparent transparent;
+ }
+ .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
+ transform : translateY(10px);
+ }
+ .hvr-bubble-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-bubble-left:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ border-style : solid;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ top : calc(50% - 10px);
+ left : 0;
+ border-width : 10px 10px 10px 0;
+ border-color : transparent #e1e1e1 transparent transparent;
+ }
+ .hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
+ transform : translateX(-10px);
+ }
+ .hvr-bubble-float-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-top:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ left : calc(50% - 10px);
+ top : 0;
+ border-style : solid;
+ border-width : 0 10px 10px 10px;
+ border-color : transparent transparent #e1e1e1 transparent;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
+ transform : translateY(10px);
+ }
+ .hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
+ transform : translateY(-10px);
+ }
+ .hvr-bubble-float-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-right:before {
+ position : absolute;
+ z-index : -1;
+ top : calc(50% - 10px);
+ right : 0;
+ content : '';
+ border-style : solid;
+ border-width : 10px 0 10px 10px;
+ border-color : transparent transparent transparent #e1e1e1;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
+ transform : translateX(-10px);
+ }
+ .hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
+ transform : translateX(10px);
+ }
+ .hvr-bubble-float-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-bottom:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ left : calc(50% - 10px);
+ bottom : 0;
+ border-style : solid;
+ border-width : 10px 10px 0 10px;
+ border-color : #e1e1e1 transparent transparent transparent;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
+ transform : translateY(-10px);
+ }
+ .hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
+ transform : translateY(10px);
+ }
+ .hvr-bubble-float-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-left:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ top : calc(50% - 10px);
+ left : 0;
+ border-style : solid;
+ border-width : 10px 10px 10px 0;
+ border-color : transparent #e1e1e1 transparent transparent;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
+ transform : translateX(10px);
+ }
+ .hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
+ transform : translateX(-10px);
+ }
+ .hvr-icon-back {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-left : 2.2em;
+ transition-duration : 0.1s;
+ }
+ .hvr-icon-back:before {
+ content : "\f137";
+ position : absolute;
+ left : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.1s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
+ transform : translateX(-4px);
+ }
+ .hvr-icon-forward {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.1s;
+ }
+ .hvr-icon-forward:before {
+ content : "\f138";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.1s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
+ transform : translateX(4px);
+ }
+ @keyframes hvr-icon-down {
+ 0%, 50%, 100% {
+ transform : translateY(0);
+ }
+ 25%, 75% {
+ transform : translateY(6px);
+ }
+ }
+ .hvr-icon-down {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-down:before {
+ content : "\f01a";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {
+ animation-name : hvr-icon-down;
+ animation-duration : 0.75s;
+ animation-timing-function : ease-out;
+ }
+ @keyframes hvr-icon-up {
+ 0%, 50%, 100% {
+ transform : translateY(0);
+ }
+ 25%, 75% {
+ transform : translateY(-6px);
+ }
+ }
+ .hvr-icon-up {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-up:before {
+ content : "\f01b";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before {
+ animation-name : hvr-icon-up;
+ animation-duration : 0.75s;
+ animation-timing-function : ease-out;
+ }
+ .hvr-icon-spin {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-spin:before {
+ content : "\f021";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transition-duration : 1s;
+ transition-property : transform;
+ transition-timing-function : ease-in-out;
+ }
+ .hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {
+ transform : rotate(360deg);
+ }
+ @keyframes hvr-icon-drop {
+ 0% {
+ opacity : 0;
+ }
+ 50% {
+ opacity : 0;
+ transform : translateY(-100%);
+ }
+ 51%, 100% {
+ opacity : 1;
+ }
+ }
+ .hvr-icon-drop {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-drop:before {
+ content : "\f041";
+ position : absolute;
+ right : 1em;
+ opacity : 1;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
+ opacity : 0;
+ transition-duration : 0.3s;
+ animation-name : hvr-icon-drop;
+ animation-duration : 0.5s;
+ animation-delay : 0.3s;
+ animation-fill-mode : forwards;
+ animation-timing-function : ease-in-out;
+ animation-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-icon-fade {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-fade:before {
+ content : "\f00c";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.5s;
+ transition-property : color;
+ }
+ .hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {
+ color : #0F9E5E;
+ }
+ @keyframes hvr-icon-float-away {
+ 0% {
+ opacity : 1;
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(-1em);
+ }
+ }
+ .hvr-icon-float-away {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-float-away:before, .hvr-icon-float-away:after {
+ content : "\f055";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ }
+ .hvr-icon-float-away:after {
+ opacity : 0;
+ animation-duration : 0.5s;
+ animation-fill-mode : forwards;
+ }
+ .hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after {
+ animation-name : hvr-icon-float-away;
+ animation-timing-function : ease-out;
+ }
+ @keyframes hvr-icon-sink-away {
+ 0% {
+ opacity : 1;
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(1em);
+ }
+ }
+ .hvr-icon-sink-away {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
+ content : "\f056";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-sink-away:after {
+ opacity : 0;
+ animation-duration : 0.5s;
+ animation-fill-mode : forwards;
+ }
+ .hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {
+ animation-name : hvr-icon-sink-away;
+ animation-timing-function : ease-out;
+ }
+ .hvr-icon-grow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-grow:before {
+ content : "\f118";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before {
+ transform : scale(1.3) translateZ(0);
+ }
+ .hvr-icon-shrink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-shrink:before {
+ content : "\f119";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before {
+ transform : scale(0.8);
+ }
+ @keyframes hvr-icon-pulse {
+ 25% {
+ transform : scale(1.3);
+ }
+ 75% {
+ transform : scale(0.8);
+ }
+ }
+ .hvr-icon-pulse {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-pulse:before {
+ content : "\f015";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before {
+ animation-name : hvr-icon-pulse;
+ animation-duration : 1s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ }
+ @keyframes hvr-icon-pulse-grow {
+ to {
+ transform : scale(1.3);
+ }
+ }
+ .hvr-icon-pulse-grow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-pulse-grow:before {
+ content : "\f015";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {
+ animation-name : hvr-icon-pulse-grow;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ animation-direction : alternate;
+ }
+ @keyframes hvr-icon-pulse-shrink {
+ to {
+ transform : scale(0.8);
+ }
+ }
+ .hvr-icon-pulse-shrink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-pulse-shrink:before {
+ content : "\f015";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before {
+ animation-name : hvr-icon-pulse-shrink;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ animation-direction : alternate;
+ }
+ @keyframes hvr-icon-push {
+ 50% {
+ transform : scale(0.5);
+ }
+ }
+ .hvr-icon-push {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-push:before {
+ content : "\f006";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before {
+ animation-name : hvr-icon-push;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-icon-pop {
+ 50% {
+ transform : scale(1.5);
+ }
+ }
+ .hvr-icon-pop {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-pop:before {
+ content : "\f005";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before {
+ animation-name : hvr-icon-pop;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ .hvr-icon-bounce {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-bounce:before {
+ content : "\f087";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
+ transform : scale(1.5);
+ transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36);
+ }
+ .hvr-icon-rotate {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-rotate:before {
+ content : "\f0c6";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
+ transform : rotate(20deg);
+ }
+ .hvr-icon-grow-rotate {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-grow-rotate:before {
+ content : "\f095";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before {
+ transform : scale(1.5) rotate(12deg);
+ }
+ .hvr-icon-float {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-float:before {
+ content : "\f01b";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {
+ transform : translateY(-4px);
+ }
+ .hvr-icon-sink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-sink:before {
+ content : "\f01a";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before {
+ transform : translateY(4px);
+ }
+ @keyframes hvr-icon-bob {
+ 0% {
+ transform : translateY(-6px);
+ }
+ 50% {
+ transform : translateY(-2px);
+ }
+ 100% {
+ transform : translateY(-6px);
+ }
+ }
+ @keyframes hvr-icon-bob-float {
+ 100% {
+ transform : translateY(-6px);
+ }
+ }
+ .hvr-icon-bob {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-bob:before {
+ content : "\f077";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
+ animation-name : hvr-icon-bob-float, hvr-icon-bob;
+ animation-duration : 0.3s, 1.5s;
+ animation-delay : 0s, 0.3s;
+ animation-timing-function : ease-out, ease-in-out;
+ animation-iteration-count : 1, infinite;
+ animation-fill-mode : forwards;
+ animation-direction : normal, alternate;
+ }
+ @keyframes hvr-icon-hang {
+ 0% {
+ transform : translateY(6px);
+ }
+ 50% {
+ transform : translateY(2px);
+ }
+ 100% {
+ transform : translateY(6px);
+ }
+ }
+ @keyframes hvr-icon-hang-sink {
+ 100% {
+ transform : translateY(6px);
+ }
+ }
+ .hvr-icon-hang {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-hang:before {
+ content : "\f078";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {
+ animation-name : hvr-icon-hang-sink, hvr-icon-hang;
+ animation-duration : 0.3s, 1.5s;
+ animation-delay : 0s, 0.3s;
+ animation-timing-function : ease-out, ease-in-out;
+ animation-iteration-count : 1, infinite;
+ animation-fill-mode : forwards;
+ animation-direction : normal, alternate;
+ }
+ @keyframes hvr-icon-wobble-horizontal {
+ 16.65% {
+ transform : translateX(6px);
+ }
+ 33.3% {
+ transform : translateX(-5px);
+ }
+ 49.95% {
+ transform : translateX(4px);
+ }
+ 66.6% {
+ transform : translateX(-2px);
+ }
+ 83.25% {
+ transform : translateX(1px);
+ }
+ 100% {
+ transform : translateX(0);
+ }
+ }
+ .hvr-icon-wobble-horizontal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-wobble-horizontal:before {
+ content : "\f061";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
+ animation-name : hvr-icon-wobble-horizontal;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-icon-wobble-vertical {
+ 16.65% {
+ transform : translateY(6px);
+ }
+ 33.3% {
+ transform : translateY(-5px);
+ }
+ 49.95% {
+ transform : translateY(4px);
+ }
+ 66.6% {
+ transform : translateY(-2px);
+ }
+ 83.25% {
+ transform : translateY(1px);
+ }
+ 100% {
+ transform : translateY(0);
+ }
+ }
+ .hvr-icon-wobble-vertical {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-wobble-vertical:before {
+ content : "\f062";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before {
+ animation-name : hvr-icon-wobble-vertical;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-icon-buzz {
+ 50% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 100% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ }
+ .hvr-icon-buzz {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-buzz:before {
+ content : "\f017";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before {
+ animation-name : hvr-icon-buzz;
+ animation-duration : 0.15s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ }
+ @keyframes hvr-icon-buzz-out {
+ 10% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 20% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ 30% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 40% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ 50% {
+ transform : translateX(2px) rotate(1deg);
+ }
+ 60% {
+ transform : translateX(-2px) rotate(-1deg);
+ }
+ 70% {
+ transform : translateX(2px) rotate(1deg);
+ }
+ 80% {
+ transform : translateX(-2px) rotate(-1deg);
+ }
+ 90% {
+ transform : translateX(1px) rotate(0);
+ }
+ 100% {
+ transform : translateX(-1px) rotate(0);
+ }
+ }
+ .hvr-icon-buzz-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-buzz-out:before {
+ content : "\f023";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before {
+ animation-name : hvr-icon-buzz-out;
+ animation-duration : 0.75s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ .hvr-curl-top-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-curl-top-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-curl-top-right:before {
+ position : absolute;
+ content : '';
+ height : 0;
+ width : 0;
+ top : 0;
+ right : 0;
+ background : white;
+ background : linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
+ box-shadow : -1px 1px 1px rgba(0, 0, 0, 0.4);
+ transition-duration : 0.3s;
+ transition-property : width, height;
+ }
+ .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
+ width : 25px;
+ height : 25px;
+ }
+ .hvr-curl-bottom-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-curl-bottom-right:before {
+ position : absolute;
+ content : '';
+ height : 0;
+ width : 0;
+ bottom : 0;
+ right : 0;
+ background : white;
+ background : linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
+ box-shadow : -1px -1px 1px rgba(0, 0, 0, 0.4);
+ transition-duration : 0.3s;
+ transition-property : width, height;
+ }
+ .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
+ width : 25px;
+ height : 25px;
+ }
+ .hvr-curl-bottom-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-curl-bottom-left:before {
+ position : absolute;
+ content : '';
+ height : 0;
+ width : 0;
+ bottom : 0;
+ left : 0;
+ background : white;
+ background : linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
+ box-shadow : 1px -1px 1px rgba(0, 0, 0, 0.4);
+ transition-duration : 0.3s;
+ transition-property : width, height;
+ }
+ .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
+ width : 25px;
+ height : 25px;
+ }
+ .swiper-container {
+ margin : 0 auto;
+ position : relative;
+ overflow : hidden;
+ z-index : 1;
+ }
+ .swiper-container-no-flexbox .swiper-slide {
+ float : left;
+ }
+ .swiper-container-vertical > .swiper-wrapper {
+ flex-direction : column;
+ }
+ .swiper-wrapper {
+ position : relative;
+ width : 100%;
+ height : 100%;
+ z-index : 1;
+ display : flex;
+ transition-property : transform;
+ box-sizing : content-box;
+ }
+ .swiper-container-android .swiper-slide, .swiper-wrapper {
+ transform : translate3d(0,0,0);
+ }
+ .swiper-container-multirow > .swiper-wrapper {
+ flex-wrap : wrap;
+ }
+ .swiper-container-free-mode > .swiper-wrapper {
+ transition-timing-function : ease-out;
+ margin : 0 auto;
+ }
+ .swiper-slide {
+ flex-shrink : 0;
+ width : 100%;
+ height : 100%;
+ position : relative;
+ }
+ .swiper-container .swiper-notification {
+ position : absolute;
+ left : 0;
+ top : 0;
+ opacity : 0;
+ z-index : -1000;
+ }
+ .swiper-button-prev, .swiper-button-next, .swiper-button-prev-clients, .swiper-button-next-clients, .swiper-button-prev-small-youtube, .swiper-button-next-small-youtube {
+ position : absolute;
+ top : 50%;
+ width : 27px;
+ height : 44px;
+ margin-top : -22px;
+ z-index : 10;
+ cursor : pointer;
+ background-size : 27px 44px;
+ background-position : center;
+ background-repeat : no-repeat;
+ }
+ .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
+ opacity : 0.3499999940395355224609375;
+ cursor : auto;
+ }
+ .swiper-button-prev, .swiper-button-prev-clients, .swiper-button-prev-small-youtube, .swiper-container-rtl .swiper-button-next {
+ background-image : url("../img/prev.png");
+ left : 30px;
+ right : auto;
+ }
+ .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
+ }
+ .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
+ }
+ .swiper-button-next, .swiper-button-next-clients, .swiper-button-next-small-youtube, .swiper-container-rtl .swiper-button-prev {
+ background-image : url("../img/next.png");
+ right : 30px;
+ left : auto;
+ }
+ .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
+ }
+ .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
+ }
+ .swiper-pagination {
+ position : absolute;
+ text-align : center;
+ transition : 300ms;
+ transform : translate3d(0,0,0);
+ z-index : 10;
+ }
+ .swiper-pagination.swiper-pagination-hidden {
+ opacity : 0;
+ }
+ .swiper-pagination-bullet {
+ width : 8px;
+ height : 8px;
+ display : inline-block;
+ border-radius : 100%;
+ background : #000;
+ opacity : 0.20000000298023223876953125;
+ }
+ button.swiper-pagination-bullet {
+ border : none;
+ margin : 0;
+ padding : 0;
+ box-shadow : none;
+ }
+ .swiper-pagination-clickable .swiper-pagination-bullet {
+ cursor : pointer;
+ }
+ .swiper-pagination-white .swiper-pagination-bullet {
+ background : #fff;
+ }
+ .swiper-pagination-bullet-active {
+ opacity : 1;
+ background : #007aff;
+ }
+ .swiper-pagination-white .swiper-pagination-bullet-active {
+ background : #fff;
+ }
+ .swiper-pagination-black .swiper-pagination-bullet-active {
+ background : #000;
+ }
+ .swiper-container-vertical > .swiper-pagination {
+ right : 10px;
+ top : 50%;
+ transform : translate3d(0,-50%,0);
+ }
+ .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
+ margin : 5px 0;
+ display : block;
+ }
+ .swiper-container-horizontal > .swiper-pagination {
+ bottom : 10px;
+ left : 0;
+ width : 100%;
+ }
+ .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
+ margin : 0 5px;
+ }
+ .swiper-container-3d {
+ perspective : 1200px;
+ }
+ .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
+ transform-style : preserve-3d;
+ }
+ .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
+ position : absolute;
+ left : 0;
+ top : 0;
+ width : 100%;
+ height : 100%;
+ z-index : 10;
+ }
+ .swiper-container-3d .swiper-slide-shadow-left {
+ background-image : linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
+ }
+ .swiper-container-3d .swiper-slide-shadow-right {
+ background-image : linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
+ }
+ .swiper-container-3d .swiper-slide-shadow-top {
+ background-image : linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
+ }
+ .swiper-container-3d .swiper-slide-shadow-bottom {
+ background-image : linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
+ }
+ .swiper-container-fade.swiper-container-free-mode .swiper-slide {
+ transition-timing-function : ease-out;
+ }
+ .swiper-container-cube {
+ overflow : visible;
+ }
+ .swiper-container-cube .swiper-slide {
+ visibility : hidden;
+ transform-origin : 0 0;
+ backface-visibility : hidden;
+ width : 100%;
+ height : 100%;
+ z-index : 1;
+ }
+ .swiper-container-cube.swiper-container-rtl .swiper-slide {
+ transform-origin : 100% 0;
+ }
+ .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
+ visibility : visible;
+ }
+ .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right {
+ z-index : 0;
+ backface-visibility : hidden;
+ }
+ .swiper-container-cube .swiper-cube-shadow {
+ position : absolute;
+ left : 0;
+ bottom : 0;
+ width : 100%;
+ height : 100%;
+ background : #000;
+ opacity : 0.60000002384185791015625;
+ z-index : 0;
+ }
+ .swiper-scrollbar {
+ border-radius : 10px;
+ position : relative;
+ background : rgba(0, 0, 0, 0.1);
+ }
+ .swiper-container-horizontal > .swiper-scrollbar {
+ position : absolute;
+ left : 1%;
+ bottom : 3px;
+ z-index : 50;
+ height : 5px;
+ width : 98%;
+ }
+ .swiper-container-vertical > .swiper-scrollbar {
+ position : absolute;
+ right : 3px;
+ top : 1%;
+ z-index : 50;
+ width : 5px;
+ height : 98%;
+ }
+ .swiper-scrollbar-drag {
+ height : 100%;
+ width : 100%;
+ position : relative;
+ background : rgba(0, 0, 0, 0.5);
+ border-radius : 10px;
+ left : 0;
+ top : 0;
+ }
+ .swiper-scrollbar-cursor-drag {
+ cursor : move;
+ }
+ .swiper-lazy-preloader {
+ width : 42px;
+ height : 42px;
+ position : absolute;
+ left : 50%;
+ top : 50%;
+ margin-left : -21px;
+ margin-top : -21px;
+ z-index : 10;
+ transform-origin : 50%;
+ animation : swiper-preloader-spin 1s steps(12,end) infinite;
+ }
+ .swiper-lazy-preloader:after {
+ display : block;
+ content : "";
+ width : 100%;
+ height : 100%;
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+ background-position : 50%;
+ background-size : 100%;
+ background-repeat : no-repeat;
+ }
+ .swiper-lazy-preloader-white:after {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+ }
+ @keyframes swiper-preloader-spin {
+ 100% {
+ transform : rotate(360deg);
+ }
+ }
+ .mfp-bg {
+ top : 0;
+ left : 0;
+ width : 100%;
+ height : 100%;
+ z-index : 99999;
+ overflow : hidden;
+ position : fixed;
+ background : #0b0b0b;
+ opacity : 0.800000011920928955078125;
+ }
+ .mfp-wrap {
+ top : 0;
+ left : 0;
+ width : 100%;
+ height : 100%;
+ z-index : 999999;
+ position : fixed;
+ outline : none !important ;
+ }
+ .mfp-container {
+ text-align : center;
+ position : absolute;
+ width : 100%;
+ height : 100%;
+ left : 0;
+ top : 0;
+ padding : 0 8px;
+ box-sizing : border-box;
+ }
+ .mfp-container:before {
+ content : '';
+ display : inline-block;
+ height : 100%;
+ vertical-align : middle;
+ }
+ .mfp-align-top .mfp-container:before {
+ display : none;
+ }
+ .mfp-content {
+ position : relative;
+ display : inline-block;
+ vertical-align : middle;
+ margin : 0 auto;
+ text-align : left;
+ z-index : 9999999;
+ }
+ .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
+ width : 100%;
+ cursor : auto;
+ }
+ .mfp-ajax-cur {
+ cursor : progress;
+ }
+ .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
+ cursor : zoom-out;
+ }
+ .mfp-zoom {
+ cursor : pointer;
+ cursor : zoom-in;
+ }
+ .mfp-auto-cursor .mfp-content {
+ cursor : auto;
+ }
+ .mfp-loading.mfp-figure {
+ display : none;
+ }
+ .mfp-hide {
+ display : none !important ;
+ }
+ .mfp-preloader {
+ color : #CCC;
+ position : absolute;
+ top : 50%;
+ width : auto;
+ text-align : center;
+ margin-top : -0.8em;
+ left : 8px;
+ right : 8px;
+ z-index : 999999;
+ }
+ .mfp-preloader a {
+ color : #CCC;
+ }
+ .mfp-preloader a:hover {
+ color : #FFF;
+ }
+ .mfp-s-ready .mfp-preloader {
+ display : none;
+ }
+ .mfp-s-error .mfp-content {
+ display : none;
+ }
+ button.mfp-close, button.mfp-arrow {
+ overflow : visible;
+ cursor : pointer;
+ background : transparent;
+ border : 0;
+ display : block;
+ outline : none;
+ padding : 0;
+ z-index : 99999999;
+ box-shadow : none;
+ }
+ button::-moz-focus-inner {
+ padding : 0;
+ border : 0;
+ }
+ .mfp-close {
+ width : 44px;
+ height : 44px;
+ line-height : 44px;
+ position : absolute;
+ right : 0;
+ top : 0;
+ text-decoration : none;
+ text-align : center;
+ opacity : 0.64999997615814208984375;
+ padding : 0 0 18px 10px;
+ color : #FFF;
+ font-style : normal;
+ font-size : 28px;
+ font-family : Arial, Baskerville, monospace;
+ }
+ .mfp-close:hover, .mfp-close:focus {
+ opacity : 1;
+ }
+ .mfp-close:active {
+ top : 1px;
+ }
+ .mfp-close-btn-in .mfp-close {
+ color : #333;
+ }
+ .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
+ color : #FFF;
+ right : -6px;
+ text-align : right;
+ padding-right : 6px;
+ width : 100%;
+ }
+ .mfp-counter {
+ position : absolute;
+ top : 0;
+ right : 0;
+ color : #CCC;
+ font-size : 12px;
+ line-height : 18px;
+ white-space : nowrap;
+ }
+ .mfp-arrow {
+ position : absolute;
+ opacity : 0.64999997615814208984375;
+ margin : 0;
+ top : 50%;
+ margin-top : -55px;
+ padding : 0;
+ width : 90px;
+ height : 110px;
+ }
+ .mfp-arrow:active {
+ margin-top : -54px;
+ }
+ .mfp-arrow:hover, .mfp-arrow:focus {
+ opacity : 1;
+ }
+ .mfp-arrow:before, .mfp-arrow:after {
+ content : '';
+ display : block;
+ width : 0;
+ height : 0;
+ position : absolute;
+ left : 0;
+ top : 0;
+ margin-top : 35px;
+ margin-left : 35px;
+ border : transparent inset medium;
+ }
+ .mfp-arrow:after {
+ border-top-width : 13px;
+ border-bottom-width : 13px;
+ top : 8px;
+ }
+ .mfp-arrow:before {
+ border-top-width : 21px;
+ border-bottom-width : 21px;
+ opacity : 0.699999988079071044921875;
+ }
+ .mfp-arrow-left {
+ left : 0;
+ }
+ .mfp-arrow-left:after {
+ border-right : 17px solid #FFF;
+ margin-left : 31px;
+ }
+ .mfp-arrow-left:before {
+ margin-left : 25px;
+ border-right : 27px solid #3F3F3F;
+ }
+ .mfp-arrow-right {
+ right : 0;
+ }
+ .mfp-arrow-right:after {
+ border-left : 17px solid #FFF;
+ margin-left : 39px;
+ }
+ .mfp-arrow-right:before {
+ border-left : 27px solid #3F3F3F;
+ }
+ .mfp-iframe-holder {
+ padding-top : 40px;
+ padding-bottom : 40px;
+ }
+ .mfp-iframe-holder .mfp-content {
+ line-height : 0;
+ width : 100%;
+ max-width : 900px;
+ }
+ .mfp-iframe-holder .mfp-close {
+ top : -40px;
+ }
+ .mfp-iframe-scaler {
+ width : 100%;
+ height : 0;
+ overflow : hidden;
+ padding-top : 56.25%;
+ }
+ .mfp-iframe-scaler iframe {
+ position : absolute;
+ display : block;
+ top : 0;
+ left : 0;
+ width : 100%;
+ height : 100%;
+ box-shadow : 0 0 8px rgba(0, 0, 0, 0.6);
+ background : #000;
+ }
+ img.mfp-img {
+ width : auto;
+ max-width : 100%;
+ height : auto;
+ display : block;
+ line-height : 0;
+ box-sizing : border-box;
+ padding : 40px 0 40px;
+ margin : 0 auto;
+ }
+ .mfp-figure {
+ line-height : 0;
+ }
+ .mfp-figure:after {
+ content : '';
+ position : absolute;
+ left : 0;
+ top : 40px;
+ bottom : 40px;
+ display : block;
+ right : 0;
+ width : auto;
+ height : auto;
+ z-index : -1;
+ box-shadow : 0 0 8px rgba(0, 0, 0, 0.6);
+ background : #444;
+ }
+ .mfp-figure small {
+ color : #BDBDBD;
+ display : block;
+ font-size : 12px;
+ line-height : 14px;
+ }
+ .mfp-figure figure {
+ margin : 0;
+ }
+ .mfp-bottom-bar {
+ margin-top : -36px;
+ position : absolute;
+ top : 100%;
+ left : 0;
+ width : 100%;
+ cursor : auto;
+ }
+ .mfp-title {
+ text-align : left;
+ line-height : 18px;
+ color : #F3F3F3;
+ overflow-wrap : break-word;
+ padding-right : 36px;
+ }
+ .mfp-image-holder .mfp-content {
+ max-width : 100%;
+ }
+ .mfp-gallery .mfp-image-holder .mfp-figure {
+ cursor : pointer;
+ }
+ @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
+ .mfp-img-mobile .mfp-image-holder {
+ padding-left : 0;
+ padding-right : 0;
+ }
+ .mfp-img-mobile img.mfp-img {
+ padding : 0;
+ }
+ .mfp-img-mobile .mfp-figure:after {
+ top : 0;
+ bottom : 0;
+ }
+ .mfp-img-mobile .mfp-figure small {
+ display : inline;
+ margin-left : 5px;
+ }
+ .mfp-img-mobile .mfp-bottom-bar {
+ background : rgba(0, 0, 0, 0.6);
+ bottom : 0;
+ margin : 0;
+ top : auto;
+ padding : 3px 5px;
+ position : fixed;
+ box-sizing : border-box;
+ }
+ .mfp-img-mobile .mfp-bottom-bar:empty {
+ padding : 0;
+ }
+ .mfp-img-mobile .mfp-counter {
+ right : 5px;
+ top : 3px;
+ }
+ .mfp-img-mobile .mfp-close {
+ top : 0;
+ right : 0;
+ width : 35px;
+ height : 35px;
+ line-height : 35px;
+ background : rgba(0, 0, 0, 0.6);
+ position : fixed;
+ text-align : center;
+ padding : 0;
+ }
+ }
+ @media all and (max-width:900px) {
+ .mfp-arrow {
+ transform : scale(0.75);
+ }
+ .mfp-arrow-left {
+ transform-origin : 0;
+ }
+ .mfp-arrow-right {
+ transform-origin : 100%;
+ }
+ .mfp-container {
+ padding-left : 6px;
+ padding-right : 6px;
+ }
+ }
+ .animated {
+ animation-duration : 1s;
+ animation-fill-mode : both;
+ }
+ .slow {
+ animation-duration : 1.5s;
+ animation-fill-mode : both;
+ }
+ .slower {
+ animation-duration : 2s;
+ animation-fill-mode : both;
+ }
+ .slowest {
+ animation-duration : 3s;
+ animation-fill-mode : both;
+ }
+ .delay-250 {
+ animation-delay : 0.25s;
+ }
+ .delay-500 {
+ animation-delay : 0.5s;
+ }
+ .delay-750 {
+ animation-delay : 0.75s;
+ }
+ .delay-1000 {
+ animation-delay : 1.0s;
+ }
+ .delay-1250 {
+ animation-delay : 1.25s;
+ }
+ .delay-1500 {
+ animation-delay : 1.5s;
+ }
+ .delay-1750 {
+ animation-delay : 1.75s;
+ }
+ .delay-2000 {
+ animation-delay : 2.0s;
+ }
+ .delay-2500 {
+ animation-delay : 2.5s;
+ }
+ .delay-2000 {
+ animation-delay : 2.0s;
+ }
+ .delay-2500 {
+ animation-delay : 2.5s;
+ }
+ .delay-3000 {
+ animation-delay : 3.0s;
+ }
+ .delay-3500 {
+ animation-delay : 3.5s;
+ }
+ .bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ .fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ .flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn {
+ opacity : 0;
+ }
+ .lightSpeedInRight, .lightSpeedInLeft {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ @keyframes bounceIn {
+ 0% {
+ opacity : 0;
+ transform : scale(0.3);
+ }
+ 50% {
+ opacity : 1;
+ transform : scale(1.05);
+ }
+ 70% {
+ transform : scale(0.9);
+ }
+ 100% {
+ transform : scale(1);
+ }
+ }
+ .bounceIn.go {
+ animation-name : bounceIn;
+ }
+ @keyframes bounceInRight {
+ 0% {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ 60% {
+ transform : translateX(-30px);
+ }
+ 80% {
+ transform : translateX(10px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .bounceInRight.go {
+ animation-name : bounceInRight;
+ }
+ @keyframes bounceInLeft {
+ 0% {
+ opacity : 0;
+ transform : translateX(-400px);
+ }
+ 60% {
+ transform : translateX(30px);
+ }
+ 80% {
+ transform : translateX(-10px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .bounceInLeft.go {
+ animation-name : bounceInLeft;
+ }
+ @keyframes bounceInUp {
+ 0% {
+ opacity : 0;
+ transform : translateY(400px);
+ }
+ 60% {
+ transform : translateY(-30px);
+ }
+ 80% {
+ transform : translateY(10px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .bounceInUp.go {
+ animation-name : bounceInUp;
+ }
+ @keyframes bounceInDown {
+ 0% {
+ opacity : 0;
+ transform : translateY(-400px);
+ }
+ 60% {
+ transform : translateY(30px);
+ }
+ 80% {
+ transform : translateY(-10px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .bounceInDown.go {
+ animation-name : bounceInDown;
+ }
+ @keyframes fadeIn {
+ 0% {
+ opacity : 0;
+ }
+ 100% {
+ opacity : 1;
+ display : block;
+ }
+ }
+ .fadeIn {
+ opacity : 0;
+ }
+ .fadeIn.go {
+ animation-name : fadeIn;
+ }
+ @keyframes growIn {
+ 0% {
+ transform : scale(0.2);
+ opacity : 0;
+ }
+ 50% {
+ transform : scale(1.2);
+ }
+ 100% {
+ transform : scale(1);
+ opacity : 1;
+ }
+ }
+ .growIn {
+ transform : scale(0.2);
+ opacity : 0;
+ }
+ .growIn.go {
+ animation-name : growIn;
+ }
+ @keyframes shake {
+ 0%, 100% {
+ transform : translateX(0);
+ }
+ 10%, 30%, 50%, 70%, 90% {
+ transform : translateX(-10px);
+ }
+ 20%, 40%, 60%, 80% {
+ transform : translateX(10px);
+ }
+ }
+ .shake.go {
+ animation-name : shake;
+ }
+ @keyframes shakeUp {
+ 0%, 100% {
+ transform : translateY(0);
+ }
+ 10%, 30%, 50%, 70%, 90% {
+ transform : translateY(-10px);
+ }
+ 20%, 40%, 60%, 80% {
+ transform : translateY(10px);
+ }
+ }
+ .shakeUp.go {
+ animation-name : shakeUp;
+ }
+ @keyframes fadeInLeft {
+ 0% {
+ opacity : 0;
+ transform : translateX(-400px);
+ }
+ 50% {
+ opacity : 0.300000011920928955078125;
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .fadeInLeft {
+ opacity : 0;
+ transform : translateX(-400px);
+ }
+ .fadeInLeft.go {
+ animation-name : fadeInLeft;
+ }
+ @keyframes fadeInRight {
+ 0% {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ 50% {
+ opacity : 0.300000011920928955078125;
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .fadeInRight {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ .fadeInRight.go {
+ animation-name : fadeInRight;
+ }
+ @keyframes fadeInUp {
+ 0% {
+ opacity : 0;
+ transform : translateY(400px);
+ }
+ 50% {
+ opacity : 0.300000011920928955078125;
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .fadeInUp {
+ opacity : 0;
+ transform : translateY(400px);
+ }
+ .fadeInUp.go {
+ animation-name : fadeInUp;
+ }
+ @keyframes fadeInDown {
+ 0% {
+ opacity : 0;
+ transform : translateY(-400px);
+ }
+ 50% {
+ opacity : 0.300000011920928955078125;
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .fadeInDown {
+ opacity : 0;
+ transform : translateY(-400px);
+ }
+ .fadeInDown.go {
+ animation-name : fadeInDown;
+ }
+ @keyframes rotateIn {
+ 0% {
+ transform-origin : center center;
+ transform : rotate(-200deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : center center;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateIn.go {
+ animation-name : rotateIn;
+ }
+ @keyframes rotateInUpLeft {
+ 0% {
+ transform-origin : left bottom;
+ transform : rotate(90deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : left bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateInUpLeft.go {
+ animation-name : rotateInUpLeft;
+ }
+ @keyframes rotateInDownLeft {
+ 0% {
+ transform-origin : left bottom;
+ transform : rotate(-90deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : left bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateInDownLeft.go {
+ animation-name : rotateInDownLeft;
+ }
+ @keyframes rotateInUpRight {
+ 0% {
+ transform-origin : right bottom;
+ transform : rotate(-90deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : right bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateInUpRight.go {
+ animation-name : rotateInUpRight;
+ }
+ @keyframes rotateInDownRight {
+ 0% {
+ transform-origin : right bottom;
+ transform : rotate(90deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : right bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateInDownRight.go {
+ animation-name : rotateInDownRight;
+ }
+ @keyframes rollIn {
+ 0% {
+ opacity : 0;
+ transform : translateX(-100%) rotate(-120deg);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0) rotate(0deg);
+ }
+ }
+ .rollIn.go {
+ animation-name : rollIn;
+ }
+ @keyframes wiggle {
+ 0% {
+ transform : skewX(9deg);
+ }
+ 10% {
+ transform : skewX(-8deg);
+ }
+ 20% {
+ transform : skewX(7deg);
+ }
+ 30% {
+ transform : skewX(-6deg);
+ }
+ 40% {
+ transform : skewX(5deg);
+ }
+ 50% {
+ transform : skewX(-4deg);
+ }
+ 60% {
+ transform : skewX(3deg);
+ }
+ 70% {
+ transform : skewX(-2deg);
+ }
+ 80% {
+ transform : skewX(1deg);
+ }
+ 90% {
+ transform : skewX(0deg);
+ }
+ 100% {
+ transform : skewX(0deg);
+ }
+ }
+ .wiggle.go {
+ animation-name : wiggle;
+ animation-timing-function : ease-in;
+ }
+ @keyframes swing {
+ 20% {
+ transform : rotate(15deg);
+ }
+ 40% {
+ transform : rotate(-10deg);
+ }
+ 60% {
+ transform : rotate(5deg);
+ }
+ 80% {
+ transform : rotate(-5deg);
+ }
+ 100% {
+ transform : rotate(0deg);
+ }
+ }
+ .swing.go {
+ transform-origin : top center;
+ animation-name : swing;
+ }
+ @keyframes tada {
+ 0% {
+ transform : scale(1);
+ }
+ 10%, 20% {
+ transform : scale(0.9) rotate(-3deg);
+ }
+ 30%, 50%, 70%, 90% {
+ transform : scale(1.1) rotate(3deg);
+ }
+ 40%, 60%, 80% {
+ transform : scale(1.1) rotate(-3deg);
+ }
+ 100% {
+ transform : scale(1) rotate(0);
+ }
+ }
+ .tada.go {
+ animation-name : tada;
+ }
+ @keyframes wobble {
+ 0% {
+ transform : translateX(0%);
+ }
+ 15% {
+ transform : translateX(-25%) rotate(-5deg);
+ }
+ 30% {
+ transform : translateX(20%) rotate(3deg);
+ }
+ 45% {
+ transform : translateX(-15%) rotate(-3deg);
+ }
+ 60% {
+ transform : translateX(10%) rotate(2deg);
+ }
+ 75% {
+ transform : translateX(-5%) rotate(-1deg);
+ }
+ 100% {
+ transform : translateX(0%);
+ }
+ }
+ .wobble.go {
+ animation-name : wobble;
+ }
+ @keyframes pulse {
+ 0% {
+ transform : scale(1);
+ }
+ 50% {
+ transform : scale(1.1);
+ }
+ 100% {
+ transform : scale(1);
+ }
+ }
+ .pulse.go {
+ animation-name : pulse;
+ }
+ @keyframes lightSpeedInRight {
+ 0% {
+ transform : translateX(100%) skewX(-30deg);
+ opacity : 0;
+ }
+ 60% {
+ transform : translateX(-20%) skewX(30deg);
+ opacity : 1;
+ }
+ 80% {
+ transform : translateX(0%) skewX(-15deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : translateX(0%) skewX(0deg);
+ opacity : 1;
+ }
+ }
+ .lightSpeedInRight.go {
+ animation-name : lightSpeedInRight;
+ animation-timing-function : ease-out;
+ }
+ @keyframes lightSpeedInLeft {
+ 0% {
+ transform : translateX(-100%) skewX(30deg);
+ opacity : 0;
+ }
+ 60% {
+ transform : translateX(20%) skewX(-30deg);
+ opacity : 1;
+ }
+ 80% {
+ transform : translateX(0%) skewX(15deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : translateX(0%) skewX(0deg);
+ opacity : 1;
+ }
+ }
+ .lightSpeedInLeft.go {
+ animation-name : lightSpeedInLeft;
+ animation-timing-function : ease-out;
+ }
+ @keyframes flip {
+ 0% {
+ transform : perspective(400px) rotateY(0);
+ animation-timing-function : ease-out;
+ }
+ 40% {
+ transform : perspective(400px) translateZ(150px) rotateY(170deg);
+ animation-timing-function : ease-out;
+ }
+ 50% {
+ transform : perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
+ animation-timing-function : ease-in;
+ }
+ 80% {
+ transform : perspective(400px) rotateY(360deg) scale(0.95);
+ animation-timing-function : ease-in;
+ }
+ 100% {
+ transform : perspective(400px) scale(1);
+ animation-timing-function : ease-in;
+ }
+ }
+ .flip.go {
+ backface-visibility : visible !important ;
+ animation-name : flip;
+ }
+ @keyframes flipInX {
+ 0% {
+ transform : perspective(400px) rotateX(90deg);
+ opacity : 0;
+ }
+ 40% {
+ transform : perspective(400px) rotateX(-10deg);
+ }
+ 70% {
+ transform : perspective(400px) rotateX(10deg);
+ }
+ 100% {
+ transform : perspective(400px) rotateX(0deg);
+ opacity : 1;
+ }
+ }
+ .flipInX.go {
+ backface-visibility : visible !important ;
+ animation-name : flipInX;
+ }
+ @keyframes flipInY {
+ 0% {
+ transform : perspective(400px) rotateY(90deg);
+ opacity : 0;
+ }
+ 40% {
+ transform : perspective(400px) rotateY(-10deg);
+ }
+ 70% {
+ transform : perspective(400px) rotateY(10deg);
+ }
+ 100% {
+ transform : perspective(400px) rotateY(0deg);
+ opacity : 1;
+ }
+ }
+ .flipInY.go {
+ backface-visibility : visible !important ;
+ animation-name : flipInY;
+ }
+ @keyframes bounceOut {
+ 0% {
+ transform : scale(1);
+ }
+ 25% {
+ transform : scale(0.95);
+ }
+ 50% {
+ opacity : 1;
+ transform : scale(1.1);
+ }
+ 100% {
+ opacity : 0;
+ transform : scale(0.3);
+ }
+ }
+ .bounceOut.goAway {
+ animation-name : bounceOut;
+ }
+ @keyframes bounceOutUp {
+ 0% {
+ transform : translateY(0);
+ }
+ 20% {
+ opacity : 1;
+ transform : translateY(20px);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(-2000px);
+ }
+ }
+ .bounceOutUp.goAway {
+ animation-name : bounceOutUp;
+ }
+ @keyframes bounceOutDown {
+ 0% {
+ transform : translateY(0);
+ }
+ 20% {
+ opacity : 1;
+ transform : translateY(-20px);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(2000px);
+ }
+ }
+ .bounceOutDown.goAway {
+ animation-name : bounceOutDown;
+ }
+ @keyframes bounceOutLeft {
+ 0% {
+ transform : translateX(0);
+ }
+ 20% {
+ opacity : 1;
+ transform : translateX(20px);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(-2000px);
+ }
+ }
+ .bounceOutLeft.goAway {
+ animation-name : bounceOutLeft;
+ }
+ @keyframes bounceOutRight {
+ 0% {
+ transform : translateX(0);
+ }
+ 20% {
+ opacity : 1;
+ transform : translateX(-20px);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(2000px);
+ }
+ }
+ .bounceOutRight.goAway {
+ animation-name : bounceOutRight;
+ }
+ @keyframes fadeOut {
+ 0% {
+ opacity : 1;
+ }
+ 100% {
+ opacity : 0;
+ }
+ }
+ .fadeOut.goAway {
+ animation-name : fadeOut;
+ }
+ @keyframes fadeOutUp {
+ 0% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(-2000px);
+ }
+ }
+ .fadeOutUp.goAway {
+ animation-name : fadeOutUp;
+ }
+ @keyframes fadeOutDown {
+ 0% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(2000px);
+ }
+ }
+ .fadeOutDown.goAway {
+ animation-name : fadeOutDown;
+ }
+ @keyframes fadeOutLeft {
+ 0% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(-2000px);
+ }
+ }
+ .fadeOutLeft.goAway {
+ animation-name : fadeOutLeft;
+ }
+ @keyframes fadeOutRight {
+ 0% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(2000px);
+ }
+ }
+ .fadeOutRight.goAway {
+ animation-name : fadeOutRight;
+ }
+ @keyframes flipOutX {
+ 0% {
+ transform : perspective(400px) rotateX(0deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : perspective(400px) rotateX(90deg);
+ opacity : 0;
+ }
+ }
+ .flipOutX.goAway {
+ animation-name : flipOutX;
+ backface-visibility : visible !important ;
+ }
+ @keyframes flipOutY {
+ 0% {
+ transform : perspective(400px) rotateY(0deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : perspective(400px) rotateY(90deg);
+ opacity : 0;
+ }
+ }
+ .flipOutY {
+ backface-visibility : visible !important ;
+ animation-name : flipOutY;
+ }
+ @keyframes lightSpeedOutRight {
+ 0% {
+ transform : translateX(0%) skewX(0deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : translateX(100%) skewX(-30deg);
+ opacity : 0;
+ }
+ }
+ .lightSpeedOutRight.goAway {
+ animation-name : lightSpeedOutRight;
+ animation-timing-function : ease-in;
+ }
+ @keyframes lightSpeedOutLeft {
+ 0% {
+ transform : translateX(0%) skewX(0deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : translateX(-100%) skewX(30deg);
+ opacity : 0;
+ }
+ }
+ .lightSpeedOutLeft.goAway {
+ animation-name : lightSpeedOutLeft;
+ animation-timing-function : ease-in;
+ }
+ @keyframes rotateOut {
+ 0% {
+ transform-origin : center center;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ 100% {
+ transform-origin : center center;
+ transform : rotate(200deg);
+ opacity : 0;
+ }
+ }
+ .rotateOut.goAway {
+ animation-name : rotateOut;
+ }
+ @keyframes rotateOutUpLeft {
+ 0% {
+ transform-origin : left bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ 100% {
+ opacity : 0;
+ }
+ }
+ .rotateOutUpLeft.goAway {
+ animation-name : rotateOutUpLeft;
+ }
+ @keyframes rotateOutDownLeft {
+ 0% {
+ transform-origin : left bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ 100% {
+ transform-origin : left bottom;
+ transform : rotate(90deg);
+ opacity : 0;
+ }
+ }
+ .rotateOutDownLeft.goAway {
+ animation-name : rotateOutDownLeft;
+ }
+ @keyframes rotateOutUpRight {
+ 0% {
+ transform-origin : right bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ 100% {
+ transform-origin : right bottom;
+ transform : rotate(90deg);
+ opacity : 0;
+ }
+ }
+ .rotateOutUpRight.goAway {
+ animation-name : rotateOutUpRight;
+ }
+ @keyframes rollOut {
+ 0% {
+ opacity : 1;
+ transform : translateX(0) rotate(0deg);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(100%) rotate(120deg);
+ }
+ }
+ .rollOut.goAway {
+ animation-name : rollOut;
+ }
+ @keyframes fadeInUpShort {
+ 0% {
+ opacity : 0;
+ transform : translateY(20px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .fadeInUpShort {
+ opacity : 0;
+ transform : translateY(20px);
+ }
+ .fadeInUpShort.go {
+ animation-name : fadeInUpShort;
+ }
+ @keyframes fadeInDownShort {
+ 0% {
+ opacity : 0;
+ transform : translateY(-20px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .fadeInDownShort {
+ opacity : 0;
+ transform : translateY(-20px);
+ }
+ .fadeInDownShort.go {
+ animation-name : fadeInDownShort;
+ }
+ @keyframes fadeInRightShort {
+ 0% {
+ opacity : 0;
+ transform : translateX(20px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .fadeInRightShort {
+ opacity : 0;
+ transform : translateX(20px);
+ }
+ .fadeInRightShort.go {
+ animation-name : fadeInRightShort;
+ }
+ @keyframes fadeInLeftShort {
+ 0% {
+ opacity : 0;
+ transform : translateX(-20px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .fadeInLeftShort {
+ opacity : 0;
+ transform : translateX(-20px);
+ }
+ .fadeInLeftShort.go {
+ animation-name : fadeInLeftShort;
+ }
+ .logo-slider {
+ margin-bottom : 50px;
+ }
+ .logo-slider p {
+ margin : 0 0 40px 0;
+ }
+ @media screen and (max-width:420px) {
+ .logo-slider p {
+ margin : 0 0 25px 0;
+ }
+ .logo-slider .swiper-slide {
+ text-align : center;
+ }
+ }
+ .clients {
+ background : url(../dummy/clients.jpg);
+ padding : 40px 0;
+ margin-bottom : 50px;
+ background-size : cover !important ;
+ }
+ .clients .inner.small, .clients .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .clients .tx-felogin-pi1-inner {
+ padding : 0 60px;
+ }
+ .clients h2, .clients .ce-table table caption, .ce-table table .clients caption {
+ margin-bottom : 50px;
+ color : #fff;
+ }
+ .clients p {
+ color : #fff;
+ text-align : center;
+ }
+ .clients p strong {
+ display : block;
+ margin-bottom : 3px;
+ }
+ .clients p + p {
+ margin-top : 20px;
+ }
+ @media screen and (max-width:600px) {
+ .clients .inner.small, .clients .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .clients .tx-felogin-pi1-inner {
+ padding : 0 40px;
+ }
+ .clients .swiper-button-next-clients {
+ right : 10px;
+ height : 26px;
+ width : 15px;
+ margin-top : -13px;
+ background-size : 15px 26px;
+ }
+ .clients .swiper-button-prev-clients {
+ left : 10px;
+ height : 26px;
+ width : 15px;
+ margin-top : -13px;
+ background-size : 15px 26px;
+ }
+ }
+ .unterseiten-banner {
+ text-align : center;
+ padding : 50px 0 50px 0;
+ background : url(../dummy/banner.jpg) no-repeat #767679;
+ background-position : center !important ;
+ margin-bottom : 50px;
+ min-height : 200px;
+ background-repeat : no-repeat !important ;
+ background-size : cover !important ;
+ }
+ .unterseiten-banner + .breadcrumbContainer {
+ margin-top : -50px;
+ margin-bottom : 50px;
+ }
+ .unterseiten-banner p {
+ color : #fff;
+ }
+ .unterseiten-banner a {
+ margin-top : 20px;
+ }
+ .unterseiten-banner.arrow {
+ position : relative;
+ }
+ .unterseiten-banner.arrow:after, .unterseiten-banner.arrow:before {
+ top : 0;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .unterseiten-banner.arrow:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .unterseiten-banner.arrow:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .unterseiten-banner.arrowGrey {
+ position : relative;
+ }
+ .unterseiten-banner.arrowGrey:after, .unterseiten-banner.arrowGrey:before {
+ top : 0;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .unterseiten-banner.arrowGrey:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #333;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .unterseiten-banner.arrowGrey:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #333;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .ce-twoCol-Box {
+ padding : 0;
+ margin-bottom : 50px;
+ }
+ .ce-twoCol-Box.addPadding {
+ padding : 40px 0;
+ }
+ .ce-twoCol-Box .texttop {
+ margin-bottom : 40px;
+ }
+ .ce-twoCol-Box .texttop h1, .ce-twoCol-Box .texttop h2, .ce-twoCol-Box .texttop .ce-table table caption, .ce-table table .ce-twoCol-Box .texttop caption, .ce-twoCol-Box .texttop h3, .ce-twoCol-Box .texttop h4 {
+ margin-bottom : 0;
+ }
+ .ce-twoCol-Box .boxen .arrowlink:hover:after, .ce-twoCol-Box .boxen .thirdSection .right a:hover:after, .thirdSection .right .ce-twoCol-Box .boxen a:hover:after {
+ display : inline-block;
+ text-decoration : none !important ;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div {
+ float : left;
+ width : calc(100% / 2);
+ padding-right : 95px;
+ position : relative;
+ text-align : right;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div .headlineH2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #report fieldset legend:after, .tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .headlineH2Center:after, .ce-twoCol-Box .boxen.withFontAwesome > div .service-formular fieldset .powermail_legend:after, .service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome > div .powermail_legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .latest-news-container h2:after, .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .latest-news-container .ce-table table caption:after, .latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .latest-news-container caption:after, .ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout h1:after, .mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome > div h1:after {
+ margin : 10px 0 0 auto;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div .smallHeadlineWithUnderline:after {
+ margin : 5px 0 0 auto;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div > i {
+ position : absolute;
+ top : 0;
+ right : 15px;
+ padding : 10px;
+ padding-top : 18px;
+ background : #c6c6c6;
+ border-radius : 50px;
+ height : 60px;
+ width : 60px;
+ text-align : center;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div > i:before {
+ vertical-align : middle;
+ font-size : 24px;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) > i {
+ right : auto;
+ left : 15px;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .smallHeadlineWithUnderline:after {
+ margin : 5px auto 0 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p i {
+ padding-left : 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p + ul {
+ margin-top : 15px;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p.align-left {
+ text-align : left;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p.align-right {
+ text-align : right;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p.align-center {
+ text-align : center;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div a {
+ color : #0067b1;
+ text-decoration : none;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div a:hover {
+ text-decoration : underline;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(n 3) {
+ margin-top : 45px;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) {
+ padding-right : 0;
+ padding-left : 95px;
+ text-align : left;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .headlineH2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #report fieldset legend:after, .tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .headlineH2Center:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .service-formular fieldset .powermail_legend:after, .service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .powermail_legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .latest-news-container h2:after, .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .latest-news-container .ce-table table caption:after, .latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .latest-news-container caption:after, .ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout h1:after, .mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h1:after {
+ margin : 10px auto 0 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) span {
+ right : auto;
+ left : 15px;
+ }
+ @media screen and (max-width:800px) {
+ .ce-twoCol-Box .boxen.withFontAwesome > div {
+ float : none;
+ width : 100%;
+ margin-right : 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div + div {
+ margin-top : 40px !important ;
+ }
+ }
+ @media screen and (max-width:600px) {
+ .ce-twoCol-Box .boxen.withFontAwesome > div {
+ padding-left : 0;
+ padding-right : 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) {
+ padding-left : 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) > i.fa {
+ display : none;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div > i.fa {
+ display : none;
+ }
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div {
+ float : left;
+ width : calc((100% - 25px) / 2);
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div + div {
+ margin-left : 25px;
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(2n 3) {
+ margin-left : 0;
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(n 3) {
+ margin-top : 50px;
+ }
+ @media screen and (max-width:767px) {
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div {
+ float : none;
+ width : 100%;
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(n 3) {
+ margin-top : 25px;
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div + div {
+ margin-top : 25px;
+ margin-left : 0 !important ;
+ }
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div {
+ float : left;
+ width : 48%;
+ position : relative;
+ padding-left : 120px;
+ min-height : 80px;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa {
+ position : absolute;
+ top : 0;
+ right : 80%;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa:before {
+ vertical-align : middle;
+ font-size : 80px;
+ color : #0067b1;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n 3) {
+ margin-top : 40px;
+ }
+ @media screen and (max-width:800px) {
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div {
+ float : none;
+ width : 100%;
+ padding-left : 0;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n 2) {
+ margin-top : 40px;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa {
+ position : relative;
+ top : auto;
+ left : auto;
+ float : left;
+ margin-right : 15px;
+ display : none;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa:before {
+ font-size : 50px;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(2n) > i.fa {
+ left : auto;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div + div {
+ margin-top : 30px;
+ }
+ }
+ .text-slide {
+ margin-bottom : 50px;
+ }
+ .text-slide .openImgSubHeadline {
+ font-size : 15px;
+ line-height : normal;
+ color : #333;
+ text-decoration : none;
+ font-weight : 400;
+ margin : 0 0 5px 0;
+ }
+ .text-slide .left {
+ float : left;
+ width : 40.77%;
+ width : calc((100% - 25px) / 2);
+ }
+ .text-slide .left h3 {
+ font-family : "Open Sans", sans-serif;
+ font-weight : 700;
+ color : #333;
+ margin : 0 0 20px 0;
+ }
+ .text-slide .left p {
+ color : #333;
+ }
+ .text-slide .right {
+ float : left;
+ width : 50%;
+ width : calc((100% - 25px) / 2);
+ margin-left : 9.22%;
+ margin-left : 25px;
+ }
+ .text-slide .right .openImage {
+ position : relative;
+ display : block;
+ }
+ .text-slide .right .openImage i {
+ font-size : 1.5rem;
+ color : #fff;
+ position : absolute;
+ left : 0;
+ right : 0;
+ z-index : 20;
+ top : 50%;
+ margin-top : -12px;
+ text-align : center;
+ color : #333;
+ }
+ .text-slide .right .openImage i:before, .text-slide .right .openImage i:after {
+ color : #333;
+ }
+ .text-slide .right .openImage:after {
+ content : "";
+ position : absolute;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ z-index : 10;
+ background : rgba(255, 255, 255, 0.5);
+ border : rgba(0, 0, 0, 0.2) solid 1px;
+ }
+ .text-slide .right .singleImage {
+ display : block;
+ max-height : 250px;
+ overflow : hidden;
+ }
+ .text-slide .right .singleImage img {
+ display : block;
+ }
+ @media screen and (max-width:768px) {
+ .text-slide .left {
+ width : 100%;
+ float : none;
+ }
+ .text-slide .right {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ margin-top : 25px;
+ }
+ }
+ .ce-Image-Text-Element {
+ margin-bottom : 50px;
+ }
+ .ce-Image-Text-Element .einspaltig .bigText {
+ font-size : 18px;
+ line-height : normal;
+ }
+ .ce-Image-Text-Element .einspaltig + figure {
+ margin-top : 25px;
+ }
+ .ce-Image-Text-Element figure {
+ margin : 0;
+ }
+ .ce-Image-Text-Element figure figcaption {
+ font-size : 12px;
+ display : block;
+ margin : 0;
+ padding : 0;
+ line-height : normal;
+ text-align : right;
+ color : #333;
+ }
+ .ce-Image-Text-Element figure img {
+ display : block;
+ margin : 0 auto;
+ }
+ .ce-Image-Text-Element figure + .einspaltig {
+ margin-top : 25px;
+ }
+ .toggleContainer {
+ margin-bottom : 50px !important ;
+ }
+ @media screen and (max-width:1100px) {
+ .toggleContainer {
+ padding : 50px 25px 40px 25px !important ;
+ }
+ }
+ .toggleContainer h2, .toggleContainer .ce-table table caption, .ce-table table .toggleContainer caption {
+ margin : 0 0 30px 0;
+ }
+ .toggleContainer h3 {
+ padding : 0 20px;
+ background : #ececec;
+ line-height : 55px;
+ margin : 0 0 10px 0;
+ font-weight : 700;
+ outline : none;
+ cursor : pointer;
+ }
+ .toggleContainer h3 i {
+ color : #6c6c6c;
+ }
+ .toggleContainer h3 i + strong {
+ margin-left : 25px;
+ }
+ .toggleContainer h3 i + p {
+ margin-left : 5px;
+ }
+ .toggleContainer h3 strong {
+ font-family : "Quicksand", sans-serif;
+ font-weight : 700;
+ font-size : 24px;
+ line-height : normal;
+ display : inline-block;
+ margin-right : 10px;
+ vertical-align : middle;
+ }
+ .toggleContainer h3 p {
+ display : inline-block;
+ margin : 0;
+ font-family : "Quicksand", sans-serif;
+ color : #333;
+ }
+ .toggleContainer h3 span {
+ float : right;
+ display : inline-block;
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ font-family : "Quicksand", sans-serif;
+ line-height : 55px;
+ }
+ .toggleContainer .ui-accordion-content {
+ padding-bottom : 20px;
+ }
+ @media screen and (max-width:600px) {
+ .toggleContainer h3 strong {
+ font-size : 16px;
+ line-height : normal;
+ }
+ .toggleContainer h3 span {
+ font-size : 14px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .toggleContainer h3 span {
+ float : none;
+ width : 100%;
+ line-height : 16px;
+ display : block;
+ padding-bottom : 15px;
+ padding-left : 44px;
+ margin-top : -10px;
+ }
+ }
+ .ce-threeBoxesWithOption {
+ margin-bottom : 50px;
+ }
+ .ce-threeBoxesWithOption.addPadding {
+ padding : 50px 0 50px 0;
+ }
+ .ce-threeBoxesWithOption p {
+ color : #fff;
+ }
+ .ce-threeBoxesWithOption .inner > div {
+ margin-top : 40px;
+ }
+ .ce-threeBoxesWithOption .inner div article {
+ float : left;
+ width : calc(100% / 3);
+ text-align : center;
+ padding : 0 20px;
+ }
+ .ce-threeBoxesWithOption .inner div article i.big {
+ padding : 25px;
+ background : #fff;
+ border-radius : 50px;
+ font-size : 2rem;
+ margin-bottom : 15px;
+ }
+ .ce-threeBoxesWithOption .inner div article i.small {
+ border-radius : 50px;
+ padding : 15px;
+ text-align : center;
+ vertical-align : middle;
+ color : #0067b1;
+ background : rgba(255, 255, 255, 0.7);
+ font-size : 0.9rem;
+ margin-bottom : 15px;
+ min-height : 42px;
+ min-width : 42px;
+ }
+ .ce-threeBoxesWithOption .inner div article p {
+ color : #fff;
+ text-align : center;
+ }
+ @media screen and (max-width:760px) {
+ .ce-threeBoxesWithOption .inner div article {
+ float : none;
+ width : 100%;
+ }
+ .ce-threeBoxesWithOption .inner div article + article {
+ margin-top : 20px;
+ }
+ .ce-threeBoxesWithOption + .ce-threeBoxesWithOption {
+ margin-top : 2px;
+ }
+ }
+ .fontAwesome-list {
+ margin-bottom : 50px;
+ }
+ .fontAwesome-list ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .fontAwesome-list ul li {
+ display : block;
+ color : #333;
+ position : relative;
+ padding-left : 30px;
+ }
+ .fontAwesome-list ul li i {
+ font-size : 22px;
+ border-radius : 50px;
+ padding : 0;
+ vertical-align : sub;
+ position : absolute;
+ left : 0;
+ top : 2px;
+ }
+ .fontAwesome-list ul li i.border {
+ border : #333 solid 1px;
+ text-align : center;
+ vertical-align : middle;
+ height : 30px;
+ width : 30px;
+ line-height : 30px;
+ font-size : 18px;
+ }
+ .fontAwesome-list ul li.border {
+ min-height : 30px;
+ padding-left : 40px;
+ }
+ .fontAwesome-list ul li.border span {
+ padding-top : 6px;
+ }
+ .fontAwesome-list ul li ul {
+ margin-top : 5px;
+ }
+ .fontAwesome-list ul li span {
+ margin : 0;
+ font-weight : 700;
+ display : inline-block;
+ vertical-align : middle;
+ }
+ .fontAwesome-list ul li + li {
+ margin-top : 10px;
+ }
+ .fontAwesome-list.twocol ul li {
+ position : relative;
+ float : left;
+ width : 48%;
+ padding-left : 30px;
+ }
+ .fontAwesome-list.twocol ul li.border {
+ padding-left : 40px;
+ }
+ .fontAwesome-list.twocol ul li + li {
+ margin-left : 4%;
+ margin-top : 0;
+ }
+ .fontAwesome-list.twocol ul li:nth-of-type(n 3) {
+ margin-top : 15px;
+ }
+ .fontAwesome-list.twocol ul li:nth-of-type(2n 3) {
+ margin-left : 0;
+ }
+ .fontAwesome-list.twocol ul li ul li {
+ float : none;
+ width : 100%;
+ }
+ .fontAwesome-list.twocol ul li ul li:nth-of-type(n 3) {
+ margin-top : 4px;
+ }
+ .fontAwesome-list.twocol ul li ul li + li {
+ margin-left : 0;
+ margin-top : 4px;
+ }
+ @media screen and (max-width:640px) {
+ .fontAwesome-list.twocol ul li {
+ width : 100%;
+ float : none;
+ }
+ .fontAwesome-list.twocol ul li + li {
+ margin-left : 0;
+ }
+ .fontAwesome-list.twocol ul li:nth-of-type(n 2) {
+ margin-top : 15px;
+ }
+ .fontAwesome-list.twocol ul li ul li:nth-of-type(n 2) {
+ margin-top : 0;
+ }
+ }
+ .tx-contentpackage-historieContainer {
+ margin-bottom : 50px;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner {
+ position : relative;
+ border-left : 3px solid #be1622;
+ padding : 44px 0 44px 22px;
+ }
+ @media screen and (max-width:1100px) {
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner {
+ padding : 50px 25px 25px 25px;
+ }
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear {
+ font-size : 32px;
+ line-height : normal;
+ background : #be1622;
+ color : #fff;
+ padding : 5px 10px;
+ width : auto;
+ display : inline-block;
+ margin-left : -118px;
+ }
+ @media screen and (max-width:1260px) {
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear {
+ margin : 0 0 15px -22px;
+ }
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent p {
+ color : #333;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent * {
+ color : #333;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span {
+ display : block;
+ position : relative;
+ background : url(../img/chevron-down.png) no-repeat;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:before, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:after {
+ top : 100%;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement + .tx-contentpackage-historieElement .inner {
+ padding-top : 50px;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement:last-of-type > span {
+ display : none;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground {
+ background : #be1622;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner {
+ border-left : 3px solid #fff;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-historieYear {
+ color : #be1622;
+ background : #fff;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent p, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent * {
+ color : #fff;
+ }
+ .ce-os-bee {
+ width : 1030px;
+ height : 820px;
+ margin-bottom : 50px;
+ position : relative;
+ }
+ .ce-os-bee .base {
+ width : 314px;
+ height : 314px;
+ border-radius : 250px;
+ margin : 0 auto;
+ display : block;
+ background : #c6c6c6;
+ padding : 30px;
+ position : relative;
+ margin-top : 261px;
+ line-height : 270px;
+ text-align : center;
+ }
+ .ce-os-bee .base img {
+ position : relative;
+ max-height : 100px;
+ width : auto;
+ vertical-align : middle;
+ }
+ .ce-os-bee .base span {
+ font-size : 24px;
+ color : #be1622;
+ font-weight : 700;
+ line-height : normal;
+ display : inline-block;
+ }
+ .ce-os-bee .child {
+ display : block;
+ width : 100%;
+ height : 100%;
+ vertical-align : middle;
+ text-align : center;
+ font-weight : 400;
+ font-size : 18px;
+ line-height : 156px;
+ color : #333;
+ text-decoration : none;
+ width : 156px;
+ height : 156px;
+ display : inline-block;
+ border-radius : 100px;
+ background : #c6c6c6;
+ position : relative;
+ line-height : 156px;
+ padding : 0 10px;
+ position : absolute;
+ top : 0;
+ left : 0;
+ transition : all 0.5s;
+ }
+ .ce-os-bee .child:hover {
+ background : #be1622;
+ color : #fff;
+ transition : all 0.5s;
+ transform : scale(1.2);
+ }
+ .ce-os-bee .child span {
+ display : inline-block;
+ line-height : 20px;
+ font-size : 18px;
+ top : 50%;
+ position : absolute;
+ left : 15px;
+ right : 15px;
+ }
+ .ce-os-bee .child:after {
+ content : "";
+ border : #fff solid 3px;
+ border-radius : 100px;
+ position : absolute;
+ top : 4px;
+ right : 4px;
+ bottom : 4px;
+ left : 4px;
+ width : 92%;
+ }
+ @media screen and (max-width:1000px) {
+ #sy_lines {
+ display : none !important ;
+ }
+ .ce-os-bee {
+ display : none;
+ }
+ }
+ .ce-table {
+ margin-bottom : 50px !important ;
+ }
+ .ce-table.alignleft table tr td {
+ text-align : left;
+ }
+ .ce-table.alignleft table tr td a {
+ padding-left : 10px;
+ }
+ .ce-table.alignleft table tr td:first-of-type {
+ width : auto;
+ }
+ .ce-table.alignleft table tr td:first-of-type + td {
+ width : auto;
+ }
+ .ce-table.alignleft table tr td:last-of-type {
+ padding-left : 10px;
+ }
+ .ce-table.alignleft table thead tr td:nth-of-type(2) {
+ padding-left : 10px;
+ }
+ .ce-table table {
+ width : 100%;
+ border-collapse : collapse;
+ border : none;
+ }
+ .ce-table table caption {
+ margin-bottom : 40px;
+ }
+ .ce-table table tr {
+ height : 40px;
+ }
+ .ce-table table tr td {
+ text-align : center;
+ font-size : 13px;
+ }
+ .ce-table table tr td a {
+ font-size : 13px;
+ text-decoration : none;
+ line-height : 40px;
+ display : block;
+ background : #0067b1;
+ color : #fff;
+ text-transform : uppercase;
+ font-weight : 400;
+ }
+ .ce-table table tr td:first-of-type {
+ width : 290px;
+ text-align : left;
+ padding-left : 10px;
+ }
+ .ce-table table tr td:first-of-type + td {
+ width : 155px;
+ font-weight : 700;
+ }
+ .ce-table table tr td:nth-of-type(4) {
+ width : 155px;
+ }
+ .ce-table table tr td:nth-of-type(2), .ce-table table tr td:nth-of-type(3), .ce-table table tr td:nth-of-type(4), .ce-table table tr td:nth-of-type(5), .ce-table table tr td:nth-of-type(6) {
+ border-left : 1px solid #cdcdcd;
+ font-weight : 700;
+ font-size : 13px;
+ width : 155px;
+ }
+ .ce-table table tr td:nth-of-type(6) {
+ border-right : 1px solid #cdcdcd;
+ }
+ .ce-table table tr th:nth-of-type(2), .ce-table table tr th:nth-of-type(3), .ce-table table tr th:nth-of-type(4), .ce-table table tr th:nth-of-type(5), .ce-table table tr th:nth-of-type(6) {
+ border-left : 1px solid #cdcdcd;
+ border-top : 1px solid #cdcdcd;
+ font-weight : 400;
+ font-size : 13px;
+ width : 155px;
+ }
+ .ce-table table tr th:nth-of-type(6) {
+ border-right : 1px solid #cdcdcd;
+ }
+ .ce-table table tbody tr:nth-of-type(odd) {
+ background : #ededed;
+ }
+ @media screen and (max-width:1100px) {
+ .ce-table.inner.small, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner {
+ padding : 40px 25px;
+ }
+ }
+ @media screen and (max-width:1000px) {
+ .ce-table.inner.small, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner {
+ width : 100%;
+ overflow : scroll;
+ }
+ .ce-table.inner.small table, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner table {
+ width : 1000px;
+ }
+ }
+ .service-formular {
+ background : #ededed;
+ padding : 40px 0;
+ }
+ .service-formular h3 {
+ display : none;
+ }
+ .service-formular .required {
+ float : right;
+ margin-top : -100px;
+ margin : -160px 0 0 0;
+ font-size : 12px;
+ }
+ @media screen and (max-width:960px) {
+ .service-formular .required {
+ float : none;
+ margin : 0;
+ }
+ }
+ .service-formular fieldset {
+ margin : 0;
+ padding : 0;
+ border : none;
+ }
+ .service-formular fieldset .powermail_legend {
+ margin-bottom : 20px;
+ width : 100%;
+ display : block;
+ }
+ .service-formular label {
+ display : none;
+ }
+ .service-formular input[type="text"], .service-formular input[type="password"], .service-formular input[type="email"], .service-formular input[type="date"], .service-formular select {
+ width : 100%;
+ height : 55px;
+ border : #bbb solid 1px;
+ padding : 10px;
+ color : #cdcdcd;
+ margin-top : 15px;
+ font-size : 18px;
+ color : #333;
+ }
+ .service-formular input[type="submit"] {
+ background : #0067b1;
+ font-size : 15px;
+ line-height : normal;
+ text-transform : uppercase;
+ color : #fff;
+ padding : 15px 60px;
+ margin-top : 30px;
+ border : none;
+ outline : none;
+ font-weight : 700;
+ cursor : pointer;
+ }
+ .service-formular textarea {
+ width : 100%;
+ resize : none;
+ height : 150px;
+ border : #bbb solid 1px;
+ color : #cdcdcd;
+ padding : 10px;
+ font-size : 18px;
+ color : #333;
+ }
+ .service-formular .powermail_fieldwrap_input {
+ float : left;
+ width : calc((100% - 30px) / 3);
+ }
+ .service-formular .powermail_fieldwrap_input + .powermail_fieldwrap_input {
+ margin-left : 15px;
+ }
+ .service-formular .powermail_fieldwrap_check legend {
+ float : left;
+ margin : 25px 15px 15px 0;
+ }
+ .service-formular .powermail_fieldwrap_check input {
+ width : 20px;
+ height : 20px;
+ margin : 1px 3px 0;
+ }
+ .service-formular .powermail_fieldwrap_34 legend, .service-formular .powermail_fieldwrap_45 legend {
+ display : none;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer, .service-formular .powermail_fieldwrap_45 .powermail_check_outer {
+ margin-left : 0;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer input, .service-formular .powermail_fieldwrap_45 .powermail_check_outer input {
+ float : left;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer label, .service-formular .powermail_fieldwrap_45 .powermail_check_outer label {
+ max-width : 80%;
+ float : left;
+ margin-left : 15px;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer label a, .service-formular .powermail_fieldwrap_45 .powermail_check_outer label a {
+ font-size : 12px;
+ line-height : normal;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner, .service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner {
+ margin-left : 0;
+ width : 100%;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner + .powermail_check_inner, .service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner + .powermail_check_inner {
+ margin-top : 20px;
+ }
+ .service-formular .powermail_check_outer label {
+ display : inline-block;
+ vertical-align : middle;
+ float : right;
+ }
+ .service-formular .parsley-required, .service-formular .parsley-custom-error-message {
+ font-size : 12px;
+ line-height : normal;
+ color : #be1622;
+ }
+ .service-formular .powermail_field_error_container_checkbox {
+ position : absolute;
+ }
+ .service-formular .powermail_check_outer {
+ margin : 25px 15px 15px 15px;
+ }
+ .service-formular .powermail_check_outer div {
+ float : left;
+ }
+ .service-formular .powermail_check_outer div + div {
+ margin-left : 15px;
+ }
+ @media screen and (max-width:760px) {
+ .service-formular .powermail_fieldwrap_input {
+ width : 100%;
+ float : none;
+ }
+ .service-formular .powermail_fieldwrap_input + .powermail_fieldwrap_input {
+ margin-left : 0;
+ }
+ .service-formular .powermail_check_outer div {
+ display : block;
+ width : 100%;
+ }
+ .service-formular .powermail_check_outer div.powermail_check_inner input, .service-formular .powermail_check_outer div.powermail_check_inner label {
+ float : left;
+ }
+ .service-formular .powermail_check_outer div + div {
+ margin-left : 0;
+ }
+ }
+ .textOverSendButton {
+ font-size : 12px;
+ margin-top : 25px;
+ margin-bottom : -10px;
+ }
+ .tsaccordion .accordion-header {
+ background : url(../img/akkordeon_zu.png) 20px 20px no-repeat #ececec;
+ font-size : 1.5rem;
+ line-height : 1.9rem;
+ font-weight : normal;
+ padding : 9px 0 9px 64px;
+ margin : 0 0 2px 0;
+ }
+ .tsaccordion .accordion-switcher {
+ cursor : pointer;
+ }
+ .tsaccordion .accordion-switcher-active {
+ background-image : url(../img/akkordeon_offen.png);
+ }
+ .tsaccordion .accordion-content {
+ display : none;
+ padding : 19px 10px 28px 10px;
+ font-size : 0.9rem;
+ line-height : 1.3rem;
+ }
+ .tsaccordion .accordion-content .accordion-left {
+ display : inline-block;
+ float : left;
+ }
+ @media screen and (min-width:769px) {
+ .tsaccordion .accordion-content .accordion-left {
+ max-width : 70%;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .tsaccordion .accordion-content .accordion-left {
+ float : none;
+ display : block;
+ }
+ .tsaccordion .accordion-content .accordion-left > br {
+ display : none;
+ }
+ }
+ .tsaccordion .accordion-content .accordion-left .accordion-name {
+ display : inline-block;
+ font-size : 1.5rem;
+ line-height : 1.9rem;
+ }
+ @media screen and (max-width:768px) {
+ .tsaccordion .accordion-content .accordion-left .accordion-name {
+ display : block;
+ }
+ }
+ .tsaccordion .accordion-content .accordion-left .accordion-thema {
+ display : inline-block;
+ font-size : 0.9rem;
+ line-height : 1.3rem;
+ }
+ @media screen and (max-width:768px) {
+ .tsaccordion .accordion-content .accordion-left .accordion-thema {
+ display : block;
+ }
+ }
+ .tsaccordion .accordion-content .accordion-logo {
+ display : inline-block;
+ float : right;
+ margin : 7px 0 0 0;
+ }
+ @media screen and (max-width:768px) {
+ .tsaccordion .accordion-content .accordion-logo {
+ float : none;
+ }
+ }
+ .tsaccordion .accordion-content .accordion-description {
+ margin : 20px 0 14px 0;
+ }
+ .tsaccordion .accordion-content .accordion-more {
+ color : #0067b1;
+ font-weight : bold;
+ text-decoration : none;
+ display : inline-block;
+ }
+ .tsaccordion .accordion-content .accordion-more img {
+ margin-left : 3px;
+ }
+ .ce-leftright > div {
+ padding : 200px 0;
+ }
+ .ce-leftright > div figure {
+ float : left;
+ max-width : 600px;
+ width : 45.28%;
+ margin : 0;
+ padding : 0;
+ margin-right : 5.28%;
+ padding-left : 3.77%;
+ position : relative;
+ }
+ .ce-leftright > div figure img {
+ display : block;
+ position : relative;
+ z-index : 50;
+ }
+ .ce-leftright > div figure img.small, .ce-leftright > div figure img.medium, .ce-leftright > div figure img.big {
+ position : absolute;
+ z-index : 10;
+ }
+ .ce-leftright > div figure img.small {
+ top : 20px;
+ left : 20px;
+ }
+ .ce-leftright > div figure img.medium {
+ top : 0;
+ right : 20px;
+ }
+ .ce-leftright > div figure img.big {
+ left : 25px;
+ bottom : 0;
+ }
+ .ce-leftright > div figure + div {
+ float : left;
+ max-width : 650px;
+ width : 49.05%;
+ }
+ .ce-leftright > div figure + div p {
+ margin : 0;
+ color : #fff;
+ }
+ .ce-leftright > div figure + div p + * {
+ margin-top : 20px;
+ }
+ .ce-leftright > div figure + div a.redbutton, .ce-leftright > div figure + div a.bluebutton, .ce-leftright > div figure + div .thirdSection .right a, .thirdSection .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div a.darkbluebutton, .ce-leftright > div figure + div a.greybutton, .ce-leftright > div figure + div .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright > div figure + div a.greybutton, .ce-leftright > div figure + div a.whitebutton, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton, .marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright > div figure + div a.redbutton, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) .ce-leftright > div figure + div a, .ce-leftright > div figure + div a.bluebutton, .ce-leftright > div figure + div .thirdSection .right a, .thirdSection .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a {
+ min-width : 0;
+ }
+ .ce-leftright > div figure + div ul ul li {
+ font-weight : 400;
+ padding-left : 0;
+ }
+ .ce-leftright > div figure + div ul ul li:before {
+ display : none;
+ }
+ .ce-leftright > div.right figure {
+ float : right;
+ margin-left : 70px;
+ padding-left : 0;
+ margin-right : 0;
+ padding-right : 50px;
+ }
+ @media screen and (max-width:1180px) {
+ .ce-leftright > div figure img.small, .ce-leftright > div figure img.medium, .ce-leftright > div figure img.big {
+ display : none;
+ }
+ }
+ @media screen and (max-width:1024px) {
+ .ce-leftright .inner {
+ padding : 0 25px;
+ }
+ .ce-leftright > div {
+ padding : 50px 0;
+ }
+ .ce-leftright > div figure {
+ float : none;
+ max-width : none;
+ width : 100%;
+ margin-right : 0;
+ padding-left : 0;
+ margin-bottom : 25px;
+ }
+ .ce-leftright > div figure img {
+ margin : 0 auto;
+ }
+ .ce-leftright > div figure + div {
+ float : none;
+ max-width : none;
+ width : 100%;
+ margin-top : 40px;
+ text-align : center;
+ }
+ }
+ .sliderContainer {
+ margin-bottom : 50px;
+ }
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding-top : 100px;
+ }
+ .sliderContainer .swiper-container {
+ height : 600px;
+ }
+ .sliderContainer .swiper-slide {
+ background-size : cover !important ;
+ background-position : center center !important ;
+ }
+ .sliderContainer .slider-overlay {
+ background : rgba(0, 0, 0, 0.3);
+ width : 100%;
+ height : 100%;
+ }
+ .sliderContainer p {
+ font-size : 24px;
+ line-height : 34px;
+ color : #fff;
+ margin : 0;
+ font-weight : 600;
+ text-align : center;
+ }
+ .sliderContainer p + p {
+ margin-top : 30px;
+ }
+ @media screen and (max-width:680px) {
+ .sliderContainer .headlineH1Center, .sliderContainer p.headlineH1Center, .sliderContainer p.headlineH1Center, .sliderContainer .sliderContainer p.headlineH1Center {
+ font-weight : 600 !important ;
+ }
+ }
+ @media screen and (max-width:1100px) {
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding : 100px 60px;
+ }
+ .sliderContainer p {
+ font-size : 22px;
+ line-height : 32px;
+ }
+ }
+ @media screen and (max-width:800px) {
+ .sliderContainer {
+ background-size : cover !important ;
+ }
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding : 60px 60px;
+ }
+ .sliderContainer .swiper-container {
+ height : 500px;
+ }
+ .sliderContainer p {
+ font-size : 20px;
+ line-height : 30px;
+ }
+ }
+ @media screen and (max-width:600px) {
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding : 60px 40px;
+ }
+ .sliderContainer p {
+ font-size : 18px;
+ line-height : 28px;
+ }
+ .sliderContainer a {
+ font-size : 15px;
+ line-height : normal;
+ }
+ .sliderContainer .swiper-button-next {
+ right : 10px;
+ height : 26px;
+ width : 15px;
+ margin-top : -13px;
+ background-size : 15px 26px;
+ }
+ .sliderContainer .swiper-button-prev {
+ left : 10px;
+ height : 26px;
+ width : 15px;
+ margin-top : -13px;
+ background-size : 15px 26px;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .sliderContainer .swiper-container {
+ height : 400px;
+ }
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding : 20px 35px;
+ }
+ .sliderContainer a {
+ font-size : 15px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:420px) {
+ .sliderContainer .swiper-container {
+ height : 450px;
+ }
+ }
+ .mapsContainer {
+ float : right;
+ width : calc((100% - 40px) / 2);
+ }
+ @media screen and (max-width:800px) {
+ .mapsContainer {
+ float : none;
+ width : 100%;
+ margin-top : 25px;
+ }
+ }
+ .mapsContainer iframe {
+ width : 100% !important ;
+ }
+ .contactMain {
+ margin-bottom : 50px !important ;
+ }
+ @media screen and (max-width:1100px) {
+ .contactMain {
+ padding-left : 25px;
+ padding-right : 25px;
+ }
+ }
+ .powermail_form_3, .powermail_form_4, .powermail_form_5, .powermail_form_6, .powermail_form_7 {
+ float : left;
+ width : calc((100% - 40px) / 2);
+ }
+ @media screen and (max-width:800px) {
+ .powermail_form_3, .powermail_form_4, .powermail_form_5, .powermail_form_6, .powermail_form_7 {
+ float : none;
+ width : 100%;
+ }
+ }
+ .powermail_form_3 fieldset, .powermail_form_4 fieldset, .powermail_form_5 fieldset, .powermail_form_6 fieldset, .powermail_form_7 fieldset {
+ margin : 0;
+ padding : 0;
+ border : none;
+ }
+ .powermail_form_3 fieldset legend, .powermail_form_4 fieldset legend, .powermail_form_5 fieldset legend, .powermail_form_6 fieldset legend, .powermail_form_7 fieldset legend {
+ display : none;
+ }
+ .powermail_form_3 fieldset > div + div, .powermail_form_4 fieldset > div + div, .powermail_form_5 fieldset > div + div, .powermail_form_6 fieldset > div + div, .powermail_form_7 fieldset > div + div {
+ margin-top : 15px;
+ }
+ .powermail_form_3 h3, .powermail_form_4 h3, .powermail_form_5 h3, .powermail_form_6 h3, .powermail_form_7 h3 {
+ display : none;
+ }
+ .powermail_form_3 div label, .powermail_form_4 div label, .powermail_form_5 div label, .powermail_form_6 div label, .powermail_form_7 div label {
+ float : none;
+ display : block;
+ width : 100%;
+ margin-bottom : 2px;
+ }
+ .powermail_form_3 div input, .powermail_form_4 div input, .powermail_form_5 div input, .powermail_form_6 div input, .powermail_form_7 div input {
+ display : block;
+ border : #c6c6c6 solid 1px;
+ height : 30px;
+ width : 400px;
+ width : 100%;
+ padding : 0 10px;
+ color : #333;
+ }
+ .powermail_form_3 div input[type="submit"], .powermail_form_4 div input[type="submit"], .powermail_form_5 div input[type="submit"], .powermail_form_6 div input[type="submit"], .powermail_form_7 div input[type="submit"] {
+ width : 100px;
+ cursor : pointer;
+ }
+ .powermail_form_3 div textarea, .powermail_form_4 div textarea, .powermail_form_5 div textarea, .powermail_form_6 div textarea, .powermail_form_7 div textarea {
+ display : block;
+ margin-top : 5px;
+ resize : none;
+ width : 400px;
+ width : 100%;
+ height : 150px;
+ border : #c6c6c6 solid 1px;
+ padding : 5px 10px;
+ color : #333;
+ }
+ .powermail_form_3 div .parsley-required, .powermail_form_3 div .parsley-custom-error-message, .powermail_form_4 div .parsley-required, .powermail_form_4 div .parsley-custom-error-message, .powermail_form_5 div .parsley-required, .powermail_form_5 div .parsley-custom-error-message, .powermail_form_6 div .parsley-required, .powermail_form_6 div .parsley-custom-error-message, .powermail_form_7 div .parsley-required, .powermail_form_7 div .parsley-custom-error-message {
+ font-size : 12px;
+ line-height : normal;
+ color : #be1622;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_textarea label, .powermail_form_4 div.powermail_fieldwrap_textarea label, .powermail_form_5 div.powermail_fieldwrap_textarea label, .powermail_form_6 div.powermail_fieldwrap_textarea label, .powermail_form_7 div.powermail_fieldwrap_textarea label {
+ width : auto;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check, .powermail_form_4 div.powermail_fieldwrap_check, .powermail_form_5 div.powermail_fieldwrap_check, .powermail_form_6 div.powermail_fieldwrap_check, .powermail_form_7 div.powermail_fieldwrap_check {
+ position : relative;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_4 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_5 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_6 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_7 div.powermail_fieldwrap_check .powermail_check_inner {
+ position : relative;
+ padding-left : 20px;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check label, .powermail_form_4 div.powermail_fieldwrap_check label, .powermail_form_5 div.powermail_fieldwrap_check label, .powermail_form_6 div.powermail_fieldwrap_check label, .powermail_form_7 div.powermail_fieldwrap_check label {
+ font-size : 12px;
+ line-height : normal;
+ max-width : 100%;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check label a, .powermail_form_4 div.powermail_fieldwrap_check label a, .powermail_form_5 div.powermail_fieldwrap_check label a, .powermail_form_6 div.powermail_fieldwrap_check label a, .powermail_form_7 div.powermail_fieldwrap_check label a {
+ font-size : 12px;
+ line-height : normal;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check input, .powermail_form_4 div.powermail_fieldwrap_check input, .powermail_form_5 div.powermail_fieldwrap_check input, .powermail_form_6 div.powermail_fieldwrap_check input, .powermail_form_7 div.powermail_fieldwrap_check input {
+ width : auto;
+ height : auto;
+ position : absolute;
+ left : 0;
+ top : 2px;
+ margin : 0;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_4 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_5 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_6 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_7 div.powermail_fieldwrap_check + .powermail_fieldwrap_check {
+ margin-top : 0;
+ }
+ .powermail_form_3 .textOverSendButton, .powermail_form_4 .textOverSendButton, .powermail_form_5 .textOverSendButton, .powermail_form_6 .textOverSendButton, .powermail_form_7 .textOverSendButton {
+ font-size : 12px;
+ margin-top : 25px;
+ margin-bottom : 0;
+ }
+ .firstSection {
+ max-height : 870px;
+ position : relative;
+ overflow : hidden;
+ }
+ .firstSection > a {
+ display : block;
+ }
+ .firstSection > a + div {
+ position : absolute;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ z-index : 100;
+ background : rgba(0, 0, 0, 0.4);
+ }
+ .firstSection > a + div img:first-of-type {
+ position : absolute;
+ z-index : 150;
+ top : 50%;
+ margin-top : -49px;
+ text-align : center;
+ left : 50%;
+ margin-left : -183px;
+ }
+ @media screen and (max-width:480px) {
+ .firstSection > a + div img:first-of-type {
+ max-width : 250px;
+ margin-left : -125px;
+ margin-top : -33px;
+ }
+ }
+ .firstSection > a + div img:first-of-type + img {
+ position : absolute;
+ left : 50%;
+ margin-left : -58px;
+ bottom : 40px;
+ }
+ @media screen and (max-width:600px) {
+ .firstSection > a + div img:first-of-type + img {
+ display : none;
+ }
+ }
+ .firstSection video {
+ width : 100%;
+ display : block;
+ }
+ .firstSection figure {
+ margin : 0;
+ padding : 0;
+ width : 100%;
+ }
+ .firstSection figure img {
+ width : 100%;
+ }
+ .firstSection video + .linkLayout, .firstSection figure + .linkLayout {
+ position : absolute;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ z-index : 100;
+ background : rgba(0, 0, 0, 0.4);
+ }
+ .firstSection video + .linkLayout img:first-of-type, .firstSection figure + .linkLayout img:first-of-type {
+ position : absolute;
+ z-index : 150;
+ top : 50%;
+ margin-top : -49px;
+ text-align : center;
+ left : 50%;
+ margin-left : -183px;
+ }
+ @media screen and (max-width:480px) {
+ .firstSection video + .linkLayout img:first-of-type, .firstSection figure + .linkLayout img:first-of-type {
+ max-width : 250px;
+ margin-left : -125px;
+ margin-top : -33px;
+ }
+ }
+ .firstSection video + .linkLayout img:first-of-type + img, .firstSection figure + .linkLayout img:first-of-type + img {
+ position : absolute;
+ left : 50%;
+ margin-left : -58px;
+ bottom : 40px;
+ }
+ @media screen and (max-width:600px) {
+ .firstSection video + .linkLayout img:first-of-type + img, .firstSection figure + .linkLayout img:first-of-type + img {
+ display : none;
+ }
+ }
+ .secondSection {
+ background : #0067b1;
+ }
+ .secondSection h2, .secondSection .ce-table table caption, .ce-table table .secondSection caption {
+ font-size : 40px;
+ font-weight : 400;
+ color : #fff;
+ line-height : normal;
+ text-align : left;
+ margin : 0 0 26px 0;
+ }
+ .secondSection h2:after, .secondSection .ce-table table caption:after, .ce-table table .secondSection caption:after {
+ display : none;
+ }
+ .secondSection p {
+ color : #fff;
+ max-width : 540px;
+ }
+ .secondSection div.inner {
+ padding : 0 25px 50px 25px;
+ }
+ .secondSection div.inner:first-of-type {
+ padding-top : 130px;
+ }
+ .secondSection div.inner:first-of-type .big {
+ position : absolute;
+ top : -70px;
+ right : 95px;
+ z-index : 5;
+ }
+ .secondSection div.inner:first-of-type .medium {
+ position : absolute;
+ bottom : -85px;
+ left : -5px;
+ }
+ .secondSection div.inner:first-of-type .small {
+ position : absolute;
+ left : 40px;
+ top : -25px;
+ }
+ .secondSection div.inner:nth-of-type(2) .big {
+ position : absolute;
+ top : -48px;
+ left : 16px;
+ z-index : 5;
+ }
+ .secondSection div.inner:nth-of-type(2) .medium {
+ position : absolute;
+ bottom : -75px;
+ left : 40px;
+ }
+ .secondSection div.inner:nth-of-type(2) .small {
+ position : absolute;
+ right : 90px;
+ top : 115px;
+ }
+ .secondSection div.inner:nth-of-type(3) h2, .secondSection div.inner:nth-of-type(3) .ce-table table caption, .ce-table table .secondSection div.inner:nth-of-type(3) caption {
+ margin-top : 0;
+ }
+ .secondSection div.inner:nth-of-type(3) .big {
+ position : absolute;
+ bottom : -75px;
+ left : 40px;
+ z-index : 5;
+ }
+ .secondSection div.inner:nth-of-type(3) .medium {
+ position : absolute;
+ top : -48px;
+ left : 16px;
+ }
+ .secondSection div.inner:nth-of-type(3) .small {
+ position : absolute;
+ right : 90px;
+ top : 115px;
+ }
+ .secondSection div.inner:nth-of-type(4) .big {
+ position : absolute;
+ top : -48px;
+ left : 16px;
+ z-index : 5;
+ }
+ .secondSection div.inner:nth-of-type(4) .medium {
+ position : absolute;
+ bottom : -75px;
+ left : 40px;
+ }
+ .secondSection div.inner:nth-of-type(4) .small {
+ position : absolute;
+ right : 90px;
+ top : 115px;
+ }
+ .secondSection div.inner:last-of-type {
+ padding-bottom : 130px;
+ text-align : center;
+ }
+ .secondSection div.inner .left {
+ float : left;
+ width : 50%;
+ position : relative;
+ }
+ .secondSection div.inner .right {
+ float : left;
+ width : 50%;
+ position : relative;
+ }
+ .secondSection div.inner .default {
+ position : relative;
+ z-index : 15;
+ }
+ @media screen and (max-width:1180px) {
+ .secondSection div.inner .small, .secondSection div.inner .medium, .secondSection div.inner .big {
+ display : none !important ;
+ }
+ .secondSection div.inner .right {
+ padding-left : 3%;
+ padding-right : 3%;
+ }
+ .secondSection div.inner .left {
+ padding-right : 5%;
+ }
+ }
+ .secondSection div.inner + div {
+ margin-top : 130px;
+ }
+ @media screen and (max-width:1024px) {
+ .secondSection .animatedParent {
+ display : none;
+ }
+ .secondSection div.inner:first-of-type {
+ padding-top : 50px;
+ }
+ .secondSection div.inner:last-of-type {
+ padding-bottom : 50px;
+ }
+ .secondSection div.inner .right:not(.animatedParent) {
+ padding : 0;
+ margin : 0 auto;
+ float : none;
+ width : 100%;
+ }
+ .secondSection div.inner .right:not(.animatedParent) h2, .secondSection div.inner .right:not(.animatedParent) .ce-table table caption, .ce-table table .secondSection div.inner .right:not(.animatedParent) caption {
+ font-size : 30px;
+ line-height : normal;
+ margin : 0 0 15px 0;
+ }
+ .secondSection div.inner .right:not(.animatedParent) p {
+ max-width : none;
+ }
+ .secondSection div.inner .left:not(.animatedParent) {
+ padding : 0;
+ margin : 0 auto;
+ float : none;
+ width : 100%;
+ }
+ .secondSection div.inner .left:not(.animatedParent) h2, .secondSection div.inner .left:not(.animatedParent) .ce-table table caption, .ce-table table .secondSection div.inner .left:not(.animatedParent) caption {
+ font-size : 30px;
+ line-height : normal;
+ margin : 0 0 15px 0;
+ }
+ .secondSection div.inner .left:not(.animatedParent) p {
+ max-width : none;
+ }
+ .secondSection div.inner + div {
+ margin-top : 50px;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .secondSection div.inner .right:not(.animatedParent) {
+ width : 100%;
+ }
+ .secondSection div.inner .right:not(.animatedParent) p {
+ max-width : none;
+ }
+ .secondSection div.inner .left:not(.animatedParent) {
+ width : 100%;
+ }
+ .secondSection div.inner .left:not(.animatedParent) p {
+ max-width : none;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .secondSection div.inner img {
+ max-width : 250px;
+ }
+ }
+ .thirdSection {
+ text-align : center;
+ background : #fc0;
+ padding-top : 100px;
+ }
+ .thirdSection .inner {
+ padding : 100px 25px 170px 25px;
+ }
+ .thirdSection .left {
+ float : left;
+ width : 50%;
+ position : relative;
+ }
+ .thirdSection .right {
+ float : left;
+ width : 50%;
+ position : relative;
+ padding-top : 110px;
+ }
+ .thirdSection .right a {
+ margin-bottom : 30px;
+ }
+ .thirdSection h2, .thirdSection .ce-table table caption, .ce-table table .thirdSection caption {
+ font-size : 40px;
+ text-align : center;
+ margin : 0 0 15px 0;
+ color : #333;
+ }
+ .thirdSection p {
+ color : #333;
+ text-align : center;
+ margin : 0 0 40px 0;
+ }
+ .thirdSection .buttonContainer {
+ text-align : center;
+ }
+ .thirdSection .default {
+ z-index : 10;
+ position : relative;
+ left : 55px;
+ left : 0;
+ }
+ .thirdSection .big {
+ position : absolute;
+ bottom : 50px;
+ left : -40px;
+ z-index : 5;
+ }
+ .thirdSection .medium {
+ position : absolute;
+ left : 165px;
+ top : -65px;
+ }
+ .thirdSection .small {
+ position : absolute;
+ bottom : 0;
+ right : 60px;
+ }
+ @media screen and (max-width:1250px) {
+ .thirdSection .default {
+ left : 25px;
+ }
+ }
+ @media screen and (max-width:1180px) {
+ .thirdSection {
+ padding-top : 0;
+ }
+ .thirdSection .default {
+ left : 0;
+ }
+ .thirdSection .small, .thirdSection .medium, .thirdSection .big {
+ display : none !important ;
+ }
+ .thirdSection .left {
+ padding-right : 5%;
+ }
+ .thirdSection .right {
+ padding-left : 3%;
+ padding-right : 3%;
+ }
+ }
+ @media screen and (max-width:1024px) {
+ .thirdSection {
+ padding-top : 0;
+ }
+ .thirdSection .inner {
+ padding-top : 50px;
+ padding-bottom : 50px;
+ }
+ .thirdSection .inner h2, .thirdSection .inner .ce-table table caption, .ce-table table .thirdSection .inner caption {
+ font-size : 30px;
+ line-height : normal;
+ margin : 0 0 15px 0;
+ }
+ .thirdSection .inner a {
+ font-size : 22px;
+ line-height : normal;
+ }
+ .thirdSection .left {
+ display : none;
+ }
+ .thirdSection .right {
+ float : none;
+ width : 100%;
+ padding : 0;
+ }
+ }
+ .wrapsvg, .wrapsvg1, .wrapsvg4, .wrapsvg2, .wrapsvg3 {
+ float : left;
+ border : transparent solid 1px;
+ position : relative;
+ }
+ @media screen and (max-width:1024px) {
+ .wrapsvg, .wrapsvg1, .wrapsvg4, .wrapsvg2, .wrapsvg3 {
+ display : none !important ;
+ }
+ }
+ .wrapsvg1 {
+ left : -705px;
+ top : 128px;
+ }
+ .wrapsvg4 {
+ left : -705px;
+ top : 128px;
+ }
+ .wrapsvg2 {
+ left : -15px;
+ top : -140px;
+ }
+ .wrapsvg3 {
+ left : -700px;
+ top : 60px;
+ }
+ .svg1 {
+ position : absolute;
+ }
+ .svg2 {
+ position : absolute;
+ }
+ .svg3 {
+ position : absolute;
+ }
+ .svg4 {
+ position : absolute;
+ }
+ nav.section {
+ position : fixed;
+ top : 50%;
+ right : 20px;
+ z-index : 9999;
+ }
+ @media screen and (max-width:1024px) {
+ nav.section {
+ display : none;
+ }
+ }
+ nav.section ul li {
+ width : 20px;
+ height : 20px;
+ border-radius : 25px;
+ background : #fff;
+ display : block;
+ cursor : pointer;
+ transition : all 0.3s;
+ }
+ nav.section ul li a {
+ z-index : 100;
+ display : none;
+ padding : 14px 10px;
+ margin-top : -3px;
+ right : 48px;
+ font-size : 12px;
+ text-decoration : none;
+ }
+ nav.section ul li + li {
+ margin-top : 5px;
+ }
+ nav.section ul li:hover a {
+ display : inline;
+ position : fixed;
+ color : #fff;
+ height : 10px;
+ line-height : 2px;
+ text-align : center;
+ background : #be1622;
+ }
+ nav.section ul li.active {
+ width : 15px;
+ height : 15px;
+ transition : all 0.3s;
+ margin : 5px auto 0 auto;
+ }
+ .newsletter {
+ width : 100%;
+ padding : 50px 0 0 0;
+ background : #ececec;
+ position : relative;
+ }
+ .newsletter:after, .newsletter:before {
+ top : 0;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .newsletter:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .newsletter:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .newsletter .right {
+ float : right;
+ width : 100%;
+ max-width : 463px;
+ max-width : 420px;
+ }
+ @media screen and (max-width:900px) {
+ .newsletter .right {
+ float : none;
+ width : 100%;
+ max-width : none;
+ padding : 0 25px;
+ }
+ }
+ .newsletter .firstrow {
+ width : 100%;
+ max-width : 840px;
+ margin : 0 auto;
+ }
+ .newsletter .firstrow h2, .newsletter .firstrow .ce-table table caption, .ce-table table .newsletter .firstrow caption {
+ text-align : left;
+ }
+ .newsletter .firstrow h2:after, .newsletter .firstrow .ce-table table caption:after, .ce-table table .newsletter .firstrow caption:after {
+ margin : 10px 0 0 0;
+ }
+ .newsletter .firstrow p {
+ font-weight : 700;
+ color : #333;
+ margin : 0 0 30px 0;
+ }
+ .newsletter .firstrow ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .newsletter .firstrow ul li {
+ display : block;
+ color : #333;
+ font-weight : 700;
+ }
+ .newsletter .firstrow ul li span {
+ font-size : 22px;
+ margin-right : 10px;
+ border-radius : 50px;
+ border : #333 solid 2px;
+ padding : 10px;
+ vertical-align : sub;
+ }
+ .newsletter .firstrow ul li p {
+ margin : 0;
+ display : inline-block;
+ vertical-align : middle;
+ }
+ @media screen and (max-width:440px) {
+ .newsletter .firstrow ul li p {
+ width : 80%;
+ }
+ }
+ @media screen and (max-width:360px) {
+ .newsletter .firstrow ul li p {
+ width : 70%;
+ }
+ }
+ .newsletter .firstrow ul li + li {
+ margin-top : 10px;
+ }
+ .newsletter .secondrow {
+ background : #333;
+ padding : 60px 0;
+ margin-top : 30px;
+ }
+ .newsletter .secondrow .inner {
+ max-width : 836px;
+ position : relative;
+ }
+ .newsletter .secondrow img {
+ position : absolute;
+ left : 0;
+ left : 50px;
+ bottom : 0;
+ box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.4);
+ }
+ @media screen and (max-width:900px) {
+ .newsletter .secondrow img {
+ display : none;
+ }
+ }
+ .newsletter .secondrow .button {
+ text-align : center;
+ }
+ .newsletter .secondrow .button.animation span, .newsletter .secondrow .button.animation i {
+ display : inline-block;
+ padding-left : 0;
+ transition : all 0.7s;
+ }
+ .newsletter .secondrow .button.animation span + i {
+ padding-left : 5px;
+ transition : all 0.7s;
+ }
+ .newsletter .secondrow .button.animation i + span {
+ padding-left : 5px;
+ transition : all 0.7s;
+ }
+ .newsletter .secondrow .button.animation:hover span + i {
+ padding-left : 10px;
+ transition : all 0.7s;
+ }
+ .newsletter .secondrow .button.animation:hover i + span {
+ padding-left : 10px;
+ transition : all 0.7s;
+ }
+ .ce-download {
+ float : left;
+ width : 42%;
+ margin-bottom : 50px;
+ }
+ .ce-download h2, .ce-download .ce-table table caption, .ce-table table .ce-download caption {
+ text-align : left;
+ }
+ .ce-download h2:after, .ce-download .ce-table table caption:after, .ce-table table .ce-download caption:after {
+ margin : 10px 0 0 0;
+ }
+ .ce-download strong {
+ font-weight : 700;
+ font-size : 72px;
+ line-height : 3.3rem;
+ color : #333;
+ margin : 0 0 15px 0;
+ display : block;
+ }
+ .ce-download .date {
+ margin : 0 0 30px 0;
+ font-size : 14px;
+ line-height : normal;
+ color : #333;
+ }
+ .ce-download .agbContainer {
+ margin-top : 30px;
+ margin-bottom : 25px;
+ padding-left : 30px;
+ position : relative;
+ font-size : 14px;
+ line-height : normal;
+ }
+ .ce-download .agbContainer a {
+ color : #0067b1;
+ text-decoration : none;
+ }
+ .ce-download .agbContainer a:hover {
+ text-decoration : underline;
+ }
+ .ce-download .agbContainer input {
+ position : absolute;
+ left : 0;
+ top : 1px;
+ width : 20px;
+ height : 20px;
+ }
+ .ce-download .shortDescription {
+ margin-top : 0;
+ font-size : 14px;
+ line-height : normal;
+ }
+ .ce-download .Dbutton {
+ color : #fff;
+ background : #df8e96;
+ text-decoration : none;
+ width : 100%;
+ max-width : 280px;
+ display : block;
+ padding : 15px;
+ border : none;
+ outline : none;
+ text-align : left;
+ font-size : 22px;
+ line-height : normal;
+ }
+ .ce-download .Dbutton span {
+ font-size : 15px;
+ line-height : normal;
+ display : block;
+ margin-top : 5px;
+ }
+ .ce-download .Dbutton.active {
+ background : #be1622;
+ cursor : pointer;
+ }
+ .ce-download .Dbutton + div + .Dbutton, .ce-download .Dbutton + .Dbutton {
+ margin-top : 20px;
+ }
+ .ce-download .Dbutton.github {
+ background : #ececec;
+ color : #333;
+ padding : 20px 15px;
+ }
+ .ce-download .Dbutton.github span {
+ font-size : 45px;
+ vertical-align : sub;
+ margin-right : 8px;
+ margin-left : 15px;
+ display : inline-block;
+ }
+ .downloadOverlayContainer {
+ background : #fff;
+ padding : 25px 50px;
+ max-width : 720px;
+ margin : 0 auto;
+ position : relative;
+ }
+ .downloadOverlayContainer h1, .downloadOverlayContainer h2, .downloadOverlayContainer .ce-table table caption, .ce-table table .downloadOverlayContainer caption, .downloadOverlayContainer h3 {
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ font-weight : 400;
+ text-align : center;
+ margin : 0 0 15px 0;
+ }
+ .downloadOverlayContainer h3 {
+ font-weight : 700;
+ }
+ .downloadOverlayContainer .input {
+ background : #ececec;
+ padding : 8px 12px;
+ border : #333 dotted 1px;
+ display : inline-block;
+ width : 65%;
+ color : #0067b1;
+ overflow-x : auto;
+ height : 40px;
+ }
+ .downloadOverlayContainer .copyButton {
+ background : #0067b1;
+ color : #fff;
+ font-size : 15px;
+ line-height : normal;
+ padding : 8px 5px;
+ display : inline-block;
+ width : 32%;
+ text-align : center;
+ vertical-align : top;
+ border : none;
+ outline : none;
+ cursor : pointer;
+ height : 40px;
+ }
+ .downloadOverlayContainer .copyButton i {
+ margin-right : 5px;
+ }
+ @media screen and (max-width:720px) {
+ .downloadOverlayContainer {
+ padding : 25px 25px;
+ }
+ .downloadOverlayContainer .input {
+ display : block;
+ width : 100%;
+ height : auto;
+ }
+ .downloadOverlayContainer .copyButton {
+ display : block;
+ width : 100%;
+ height : auto;
+ }
+ }
+ .mfp-wrap {
+ overflow-x : scroll !important ;
+ }
+ .ce-downloadhinweis {
+ float : right;
+ width : 50%;
+ margin-bottom : 50px;
+ }
+ .ce-downloadhinweis h2, .ce-downloadhinweis .ce-table table caption, .ce-table table .ce-downloadhinweis caption {
+ text-align : left;
+ }
+ .ce-downloadhinweis h2:after, .ce-downloadhinweis .ce-table table caption:after, .ce-table table .ce-downloadhinweis caption:after {
+ margin : 10px 0 0 0;
+ }
+ .ce-downloadhinweis p + p {
+ margin-top : 30px;
+ }
+ .ce-downloadhinweis p + ol, .ce-downloadhinweis p + ul {
+ margin-top : 25px;
+ }
+ .ce-downloadhinweis ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .ce-downloadhinweis ul li {
+ color : #333;
+ }
+ .ce-downloadhinweis ul li a {
+ text-decoration : none;
+ color : #333;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .ce-downloadhinweis ul li a:hover {
+ text-decoration : underline;
+ }
+ .ce-downloadhinweis ul li + li {
+ margin-top : 3px;
+ }
+ .ce-downloadhinweis ul li:before {
+ content : "\f178";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ margin-right : 5px;
+ }
+ .ce-downloadhinweis ol {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .ce-downloadhinweis ol li {
+ display : block;
+ counter-increment : olliste;
+ }
+ .ce-downloadhinweis ol li:before {
+ content : counter(olliste) ".";
+ font-weight : 700;
+ font-size : 32px;
+ line-height : normal;
+ color : #bbbbbb;
+ margin-right : 5px;
+ }
+ .ce-downloadhinweis ol li + li {
+ margin-top : 15px;
+ }
+ .ce-downloadhinweis ol + p {
+ margin-top : 25px;
+ }
+ @media screen and (max-width:768px) {
+ .ce-download {
+ float : none;
+ width : 100%;
+ }
+ .ce-downloadhinweis {
+ float : none;
+ width : 100%;
+ }
+ }
+ .ce-youtube-text {
+ margin-bottom : 50px;
+ }
+ .ce-youtube-text h2, .ce-youtube-text .ce-table table caption, .ce-table table .ce-youtube-text caption {
+ margin-top : 0;
+ }
+ .ce-youtube-text .left, .ce-youtube-text .right {
+ float : left;
+ width : calc((100% - 20px) / 2);
+ }
+ @media screen and (max-width:767px) {
+ .ce-youtube-text .left, .ce-youtube-text .right {
+ float : none;
+ width : 100%;
+ }
+ }
+ .ce-youtube-text .left iframe {
+ width : 100% !important ;
+ height : 315px;
+ }
+ .ce-youtube-text .right {
+ margin-left : 20px;
+ }
+ .ce-youtube-text .right a {
+ display : block;
+ margin-top : 15px;
+ }
+ @media screen and (max-width:767px) {
+ .ce-youtube-text .right {
+ margin-left : 0;
+ margin-top : 20px;
+ }
+ }
+ .ce-youtube-slider {
+ margin-bottom : 50px;
+ }
+ .ce-youtube-slider .inner.small, .ce-youtube-slider .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .ce-youtube-slider .tx-felogin-pi1-inner {
+ position : relative;
+ }
+ .ce-youtube-slider a {
+ text-decoration : none;
+ }
+ .ce-youtube-slider p {
+ margin : 3px 0 0 0;
+ color : #333;
+ }
+ .ce-youtube-slider + div, .ce-youtube-slider + section {
+ border-top : 1px solid #c6c6c6;
+ padding-top : 50px;
+ }
+ .ce-youtube-slider .swiper-button-prev-small-youtube, .ce-youtube-slider .swiper-button-next-small-youtube {
+ padding : 12px 10px;
+ background : #ececec;
+ width : 30px;
+ }
+ .ce-youtube-slider .swiper-button-prev-small-youtube i.fa, .ce-youtube-slider .swiper-button-next-small-youtube i.fa {
+ padding-left : 0;
+ }
+ .ce-youtube-slider .swiper-button-next-small-youtube {
+ right : -30px;
+ }
+ .ce-youtube-slider .swiper-button-prev-small-youtube {
+ left : -30px;
+ }
+ .ce-youtube-slider .swiper-slide a div {
+ max-height : 140px;
+ height : auto;
+ overflow : hidden;
+ }
+ .ce-youtube-slider .swiper-slide a div img {
+ width : 100%;
+ }
+ @media screen and (max-width:640px) {
+ .ce-youtube-slider .swiper-slide a div {
+ max-height : none;
+ }
+ }
+ .shopDetailsContainer {
+ background : #ececec;
+ padding : 10px 0;
+ margin-bottom : 10px;
+ }
+ .shopDetailsContainer .left {
+ float : left;
+ min-height : 1px;
+ }
+ .shopDetailsContainer .left a {
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ text-decoration : none;
+ }
+ .shopDetailsContainer .left a i {
+ font-size : 12px;
+ }
+ .shopDetailsContainer .right {
+ float : right;
+ min-height : 1px;
+ }
+ .shopDetailsContainer .right ul li {
+ display : inline-block;
+ }
+ .shopDetailsContainer .right ul li a {
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ text-decoration : none;
+ }
+ .shopDetailsContainer .right ul li + li {
+ margin-left : 5px;
+ }
+ .shopDetailsContainer .tx-sy-osbeeproducts {
+ padding : 0;
+ }
+ .shopDetailsContainer .tx-sy-osbeeproducts ul {
+ display : inline-block;
+ }
+ .shopDetailsContainer .changeMoney span {
+ position : relative;
+ margin-right : 5px;
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ }
+ .shopDetailsContainer .changeMoney li {
+ position : relative;
+ margin-right : 5px;
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ }
+ .shopDetailsContainer .changeMoney li a {
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ text-decoration : none;
+ }
+ .shopDetailsContainer .changeMoney li ul {
+ width : 85px;
+ display : none;
+ position : absolute;
+ background : #fff;
+ padding : 5px 10px;
+ box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.35);
+ top : 32px;
+ left : 0;
+ }
+ .shopDetailsContainer .changeMoney li ul:before {
+ content : "";
+ height : 15px;
+ width : 100%;
+ position : absolute;
+ top : -15px;
+ }
+ .shopDetailsContainer .changeMoney li ul li a {
+ padding-left : 0;
+ }
+ .shopDetailsContainer .changeMoney li:hover ul {
+ display : block;
+ }
+ .marketplace-wrapper {
+ padding : 50px 0;
+ }
+ @media screen and (max-width:1120px) {
+ .marketplace-wrapper.inner.small, .tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner {
+ padding : 50px 25px;
+ }
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper.inner.small, .tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner {
+ padding : 0 25px;
+ }
+ }
+ .marketplace-wrapper .mp-mobile {
+ display : none;
+ margin-bottom : 0;
+ margin-top : 25px;
+ margin-bottom : 25px;
+ }
+ .marketplace-wrapper .mp-mobile button {
+ width : 100%;
+ outline : none;
+ border : none;
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper .mp-mobile {
+ display : block;
+ }
+ }
+ .marketplace-wrapper .mp-sidebar {
+ float : left;
+ width : 24.27%;
+ min-height : 1px;
+ margin-right : 0.97%;
+ }
+ .marketplace-wrapper .mp-sidebar.right {
+ margin-right : 0;
+ margin-left : 0.97%;
+ }
+ .marketplace-wrapper .mp-sidebar.right > div {
+ margin-bottom : 0;
+ }
+ .marketplace-wrapper .mp-sidebar.right > div + div {
+ margin-top : 30px;
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper .mp-sidebar {
+ float : none;
+ width : 100%;
+ margin-right : 0;
+ display : none;
+ margin-bottom : 25px;
+ }
+ .marketplace-wrapper .mp-sidebar.active {
+ display : block;
+ }
+ .marketplace-wrapper .mp-sidebar.right {
+ margin-left : 0;
+ display : block;
+ }
+ }
+ .marketplace-wrapper .mp-sidebar > div {
+ margin-bottom : 99px;
+ }
+ .marketplace-wrapper .mp-sidebar > div + div {
+ margin-top : 40px;
+ margin-bottom : 0;
+ }
+ .marketplace-wrapper .mp-sidebar h2, .marketplace-wrapper .mp-sidebar .ce-table table caption, .ce-table table .marketplace-wrapper .mp-sidebar caption {
+ text-align : left;
+ color : #333;
+ text-transform : uppercase;
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ margin : 0 0 10px 0;
+ font-family : "Open Sans", sans-serif;
+ padding-bottom : 3px;
+ border-bottom : 2px solid #fc0;
+ }
+ .marketplace-wrapper .mp-sidebar h2:after, .marketplace-wrapper .mp-sidebar .ce-table table caption:after, .ce-table table .marketplace-wrapper .mp-sidebar caption:after {
+ display : none;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche input[type="text"], .marketplace-wrapper .mp-sidebar .mp-suche select {
+ height : 40px;
+ border : #818181 solid 1px;
+ padding : 5px 10px;
+ width : 100%;
+ font-size : 14px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche input[type="text"] {
+ margin-bottom : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche input[type="submit"] {
+ width : 100%;
+ height : 40px;
+ border : none;
+ outline : none;
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ color : #fff;
+ background : #0067b1;
+ text-align : left;
+ padding : 10px;
+ cursor : pointer;
+ position : relative;
+ margin-top : 5px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche form {
+ position : relative;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche form:after {
+ content : "\f105";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ margin-left : 5px;
+ position : absolute;
+ right : 10px;
+ bottom : 9px;
+ color : #fff;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li {
+ display : block;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a {
+ text-decoration : none;
+ color : #333;
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li a:hover, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a:hover {
+ text-decoration : underline;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a {
+ display : block;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a .mp-categoryteaser, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a .mp-categoryteaser {
+ width : 20px;
+ height : 20px;
+ float : left;
+ color : #fff;
+ text-align : center;
+ margin-right : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a .mp-categoryteaser i, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a .mp-categoryteaser i {
+ text-align : center;
+ vertical-align : middle;
+ color : #fff;
+ font-size : 10px;
+ padding : 0 0 3px 0;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul {
+ margin-top : 8px;
+ margin-left : 20px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li {
+ padding-left : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li a {
+ font-weight : 400;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li + li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li + li {
+ margin-top : 5px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li + li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li + li {
+ margin-top : 12px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a {
+ font-weight : 400;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li + li {
+ margin-top : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-info img {
+ display : block;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-info img + p {
+ font-size : 13px;
+ line-height : normal;
+ margin : 15px 0 0 0;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-info img + p + p {
+ margin-top : 15px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-buttons a {
+ text-decoration : none;
+ color : #fff;
+ background : #0067b1;
+ width : 100%;
+ display : block;
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ text-transform : uppercase;
+ text-align : center;
+ padding : 15px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-buttons a + a {
+ margin-top : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-buttons a.blue {
+ background : #0067b1;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-buttons a.nobutton {
+ padding : 0;
+ color : #333;
+ background : transparent;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productspecifikation {
+ background : #ececec;
+ padding : 15px 10px 30px 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productspecifikation p {
+ margin : 0;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productspecifikation p + p {
+ margin-top : 30px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productspecifikation p a {
+ color : #0067b1;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productShare p {
+ margin : 0;
+ font-weight : 700;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productShare br {
+ display : none;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productShare .shariff .orientation-horizontal {
+ text-align : left !important ;
+ }
+ .marketplace-wrapper .mp-contentContainer {
+ float : left;
+ width : 74.76%;
+ min-height : 1px;
+ }
+ .marketplace-wrapper .mp-contentContainer.detailseite {
+ width : 49.51%;
+ padding-top : 25px;
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper .mp-contentContainer {
+ float : none;
+ width : 100%;
+ margin-bottom : 25px;
+ }
+ .marketplace-wrapper .mp-contentContainer.detailseite {
+ width : 100%;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner {
+ width : 100%;
+ height : auto;
+ margin-bottom : 30px;
+ position : relative;
+ }
+ @media screen and (max-width:480px) {
+ .marketplace-wrapper .mp-contentContainer .mp-banner {
+ display : none;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div {
+ position : absolute;
+ top : 40px;
+ left : 40px;
+ }
+ @media screen and (max-width:1024px) {
+ .marketplace-wrapper .mp-contentContainer .mp-banner div {
+ top : 20px;
+ left : 20px;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div h2, .marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption, .ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption {
+ color : #fff;
+ font-weight : 700;
+ text-align : left;
+ font-size : 32px;
+ line-height : normal;
+ text-transform : uppercase;
+ margin-top : 0;
+ font-family : "Open Sans", sans-serif;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div h2:after, .marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption:after, .ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption:after {
+ margin : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div p {
+ color : #fff;
+ margin : 0;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div p + p {
+ margin-top : 15px;
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper .mp-contentContainer .mp-banner div p {
+ display : none;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div a {
+ color : #fff;
+ text-decoration : none;
+ font-size : 13px;
+ line-height : normal;
+ display : block;
+ margin-top : 15px;
+ text-transform : uppercase;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div a:after {
+ content : "\f178";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ margin-left : 5px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div a:hover {
+ text-decoration : underline;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-filter {
+ width : 100%;
+ margin-bottom : 20px;
+ }
+ @media screen and (min-width:600px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul {
+ display : flex;
+ flex-wrap : nowrap;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li {
+ background : #bbbbbb;
+ color : #fff;
+ cursor : pointer;
+ padding : 15px 0;
+ font-weight : 700;
+ text-transform : uppercase;
+ text-align : center;
+ }
+ @media screen and (min-width:600px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li {
+ flex-direction : column;
+ order : 4;
+ flex-grow : 4;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li.active, .marketplace-wrapper .mp-contentContainer .mp-filter ul li:hover {
+ background : #333;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li + li {
+ margin-left : 10px;
+ }
+ @media screen and (max-width:1024px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li {
+ font-size : 13px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li {
+ font-size : 12px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:600px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li + li {
+ margin-left : 0;
+ margin-top : 10px;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article {
+ float : left;
+ width : 250px;
+ width : calc((100% - 21px) / 3);
+ border : #818181 solid 1px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article + article {
+ margin-left : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) {
+ margin-left : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 4) {
+ margin-top : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article > a {
+ display : block;
+ height : 100%;
+ position : relative;
+ padding-bottom : 50px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header {
+ position : relative;
+ padding : 10px 10px 0 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage, .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser {
+ display : block;
+ float : left;
+ max-width : 70px;
+ margin-right : 10px;
+ width : 54px;
+ height : 54px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage i, .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser i {
+ text-align : center;
+ vertical-align : middle;
+ color : #fff;
+ font-size : 24px;
+ padding : 15px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header h3 {
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ font-weight : 400;
+ margin : 0 0 10px 0;
+ max-width : calc(100% - 70px);
+ float : left;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header span {
+ font-size : 11px;
+ line-height : normal;
+ display : block;
+ font-weight : 400;
+ color : #333;
+ clear : both;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner {
+ position : absolute;
+ top : 0;
+ right : 0;
+ z-index : 800;
+ }
+ @media screen and (max-width:1120px) {
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner {
+ display : none;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer {
+ position : relative;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty {
+ position : absolute;
+ top : 0;
+ left : 0;
+ width : 0%;
+ overflow : hidden;
+ height : 22px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span {
+ color : #fc0;
+ position : absolute;
+ top : 4px;
+ font-size : 9px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span {
+ left : 12px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span {
+ left : 23px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span + span {
+ left : 34px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span + span + span {
+ left : 45px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty {
+ position : relative;
+ left : auto;
+ right : auto;
+ bottom : auto;
+ width : 100%;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article main {
+ margin-top : 15px;
+ padding : 0 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article main p {
+ font-size : 13px;
+ line-height : normal;
+ margin : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article main p + p {
+ margin-top : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article main img {
+ display : block;
+ margin-top : 15px;
+ max-height : 25px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer {
+ margin-top : 10px;
+ border-top : 1px solid #818181;
+ padding : 10px 10px 10px 10px;
+ position : absolute;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer {
+ float : left;
+ position : relative;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled {
+ position : absolute;
+ top : 0;
+ left : 0;
+ width : 0%;
+ overflow : hidden;
+ height : 22px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span {
+ color : #fc0;
+ position : absolute;
+ top : 4px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span {
+ left : 19px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span {
+ left : 38px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span + span {
+ left : 57px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span + span + span {
+ left : 76px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .price {
+ float : none;
+ }
+ @media screen and (max-width:1100px) {
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .price {
+ font-size : 13px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .price span {
+ font-size : 10px !important ;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation {
+ display : none;
+ background : #0067b1;
+ color : #fff;
+ text-align : center;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 16px;
+ line-height : normal;
+ padding : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation:after {
+ content : "\f178";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ margin-left : 5px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a {
+ text-decoration : none;
+ color : #333;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer {
+ padding : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .ratingContainer {
+ display : none;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .price {
+ display : none;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .moreInformation {
+ display : block;
+ }
+ @media screen and (max-width:1023px) {
+ .marketplace-wrapper .mp-contentContainer .mp-content article {
+ width : calc((100% - 11px) / 2);
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) {
+ margin-left : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n 3) {
+ margin-left : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 3) {
+ margin-top : 10px;
+ }
+ }
+ @media screen and (max-width:560px) {
+ .marketplace-wrapper .mp-contentContainer .mp-content article {
+ width : 100%;
+ margin-left : 0 !important ;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) {
+ margin-left : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n 3) {
+ margin-left : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 2) {
+ margin-top : 10px;
+ }
+ }
+ .mpdetail-content .mp-productInfo {
+ margin-bottom : 60px;
+ }
+ .mpdetail-content .mp-productInfo > img, .mpdetail-content .mp-productInfo > .mpdetail-productcategoryteaser {
+ float : left;
+ margin : 0 10px;
+ max-width : 110px;
+ display : block;
+ text-align : center;
+ height : 100px;
+ width : 100px;
+ }
+ .mpdetail-content .mp-productInfo > img i, .mpdetail-content .mp-productInfo > .mpdetail-productcategoryteaser i {
+ font-size : 40px;
+ vertical-align : middle;
+ color : #fff;
+ display : inline-block;
+ line-height : 100px;
+ }
+ .mpdetail-content .mp-productInfo > div {
+ float : left;
+ max-width : 340px;
+ }
+ .mpdetail-content .mp-productInfo > div h1 {
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ font-weight : 700;
+ margin : 0 0 5px 0;
+ }
+ .mpdetail-content .mp-productInfo > div > span {
+ font-size : 11px;
+ line-height : normal;
+ display : block;
+ font-weight : 400;
+ color : #333;
+ }
+ .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung img {
+ display : block;
+ margin : 15px 0;
+ float : left;
+ }
+ .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung img + img {
+ margin-left : 5px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer {
+ position : relative;
+ display : inline-block;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled {
+ position : absolute;
+ top : 0;
+ left : 0;
+ width : 0%;
+ overflow : hidden;
+ height : 22px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span {
+ color : #fc0;
+ position : absolute;
+ top : 4px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span {
+ left : 19px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span {
+ left : 38px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span + span {
+ left : 57px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span + span + span {
+ left : 76px;
+ }
+ .mpdetail-content .mp-productWrapper > ul li {
+ float : left;
+ width : calc(100% / 3);
+ background : #fff;
+ text-align : center;
+ border-top : 2px solid #ebebeb;
+ border-left : 2px solid #ebebeb;
+ cursor : pointer;
+ }
+ .mpdetail-content .mp-productWrapper > ul li a {
+ color : #333;
+ font-size : 13px;
+ line-height : normal;
+ cursor : pointer;
+ text-decoration : none;
+ font-weight : 700;
+ display : block;
+ padding : 15px;
+ }
+ @media screen and (max-width:360px) {
+ .mpdetail-content .mp-productWrapper > ul li a {
+ font-size : 11px;
+ line-height : normal;
+ }
+ }
+ .mpdetail-content .mp-productWrapper > ul li.current, .mpdetail-content .mp-productWrapper > ul li:hover {
+ background : #ececec;
+ border-top : 2px solid #fc0;
+ }
+ .mpdetail-content .mp-productWrapper > ul li.current i, .mpdetail-content .mp-productWrapper > ul li:hover i {
+ color : #fc0;
+ }
+ .mpdetail-content .mp-productWrapper > ul li.current {
+ border-left : 2px solid transparent;
+ border-right : 2px solid transparent;
+ }
+ .mpdetail-content .mp-productWrapper > ul li.current + li {
+ border-left : 2px solid #ebebeb;
+ }
+ .mpdetail-content .mp-productWrapper > ul li:nth-of-type(2).current {
+ border-left : 2px solid #ebebeb;
+ }
+ .mpdetail-content .mp-productWrapper > ul li + li {
+ border-right : 2px solid #ebebeb;
+ }
+ .mpdetail-content .mp-productWrapper > ul li + li + li {
+ border-left : 2px solid transparent;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab {
+ display : none;
+ background : #ececec;
+ padding : 15px 10px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab:first-of-type {
+ display : block;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab h3 {
+ color : #333;
+ margin : 0 0 10px 0;
+ font-size : 18px;
+ line-height : normal;
+ font-weight : 700;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab a {
+ font-size : 13px;
+ line-height : normal;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab p {
+ margin : 0;
+ font-size : 13px;
+ line-height : normal;
+ color : #333;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab p a {
+ font-size : 13px;
+ line-height : normal;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab p + p {
+ margin-top : 15px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab ul {
+ margin : 10px 0 0 0;
+ padding : 0;
+ list-style-type : none;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab ul li {
+ position : relative;
+ padding-left : 15px;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab ul li:before {
+ content : "\f054";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ position : absolute;
+ top : 4px;
+ left : 0;
+ color : #333;
+ font-size : 12px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab ul li + li {
+ margin-top : 4px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span {
+ color : #bbb;
+ cursor : pointer;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover ~ span {
+ color : #fc0;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover:before, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover ~ span:before {
+ content : "\f005";
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer p {
+ font-size : 18px;
+ line-height : normal;
+ color : #bbb;
+ display : inline-block;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form {
+ margin-bottom : 20px;
+ padding-bottom : 30px;
+ border-bottom : 1px solid #bbbbbb;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea {
+ resize : none;
+ height : 105px;
+ padding : 10px;
+ width : 100%;
+ margin-top : 10px;
+ color : #bbb;
+ font-size : 18px;
+ line-height : normal;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea + p {
+ font-size : 13px;
+ line-height : normal;
+ color : #bbb;
+ text-align : right;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form input[type="submit"] {
+ display : inline-block;
+ font-size : 16px;
+ line-height : normal;
+ color : #fff;
+ border : none;
+ outline : none;
+ text-align : center;
+ background : #0067b1;
+ text-transform : uppercase;
+ padding : 15px;
+ min-width : 160px;
+ margin-top : -10px;
+ font-weight : 700;
+ cursor : pointer;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment h3 {
+ margin-bottom : 5px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment + .mp-usercomment {
+ margin-top : 25px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer .fa-star {
+ color : #fc0;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer span {
+ color : #bbb;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply {
+ background : #fff;
+ padding : 15px 10px;
+ margin-left : 30px;
+ position : relative;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after {
+ bottom : 100%;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-bottom-color : #fff;
+ border-width : 15px;
+ margin-left : -200px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-bottom-color : #fff;
+ border-width : 15px;
+ margin-left : -200px;
+ }
+ .forumWrapOuter {
+ background : #ececec;
+ }
+ .forumWrapOuter .ce-Image-Text-Element {
+ margin-bottom : 0;
+ padding-bottom : 40px;
+ }
+ .tx-typo3forum-pi1 {
+ padding-top : 50px;
+ padding-bottom : 50px;
+ }
+ .tx-typo3forum-pi1 .forum_menu, .tx-typo3forum-pi1 .topic_list_menu {
+ margin-bottom : 40px;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) {
+ float : left;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) i {
+ display : none;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:before {
+ content : "\f053";
+ display : inline-block;
+ margin-right : 5px;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) {
+ float : right;
+ margin-left : 15px;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) i {
+ display : none;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:before {
+ content : "\f0fe";
+ display : inline-block;
+ margin-right : 5px;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) {
+ float : right;
+ display : none !important ;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) i {
+ display : none;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a {
+ background : #fc0;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:before {
+ content : "\f005";
+ display : inline-block;
+ margin-right : 5px;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ @media screen and (max-width:640px) {
+ .tx-typo3forum-pi1 .forum_menu ul li, .tx-typo3forum-pi1 .topic_list_menu ul li {
+ float : none !important ;
+ width : 100% !important ;
+ margin-bottom : 5px;
+ margin-left : 0 !important ;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li a, .tx-typo3forum-pi1 .topic_list_menu ul li a {
+ width : 100%;
+ text-align : center;
+ }
+ }
+ .tx-typo3forum-pi1 #topic fieldset, .tx-typo3forum-pi1 #post fieldset, .tx-typo3forum-pi1 #report fieldset {
+ border : none;
+ padding : 0;
+ margin : 0;
+ }
+ .tx-typo3forum-pi1 #topic fieldset legend, .tx-typo3forum-pi1 #post fieldset legend, .tx-typo3forum-pi1 #report fieldset legend {
+ margin-bottom : 40px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .control-group, .tx-typo3forum-pi1 #post fieldset .control-group, .tx-typo3forum-pi1 #report fieldset .control-group {
+ margin-bottom : 15px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .control-group + .control-group > label, .tx-typo3forum-pi1 #post fieldset .control-group + .control-group > label, .tx-typo3forum-pi1 #report fieldset .control-group + .control-group > label {
+ position : relative;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .markItUpContainer, .tx-typo3forum-pi1 #post fieldset .markItUpContainer, .tx-typo3forum-pi1 #report fieldset .markItUpContainer {
+ width : 100%;
+ max-width : 927px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .markItUpHeader, .tx-typo3forum-pi1 #post fieldset .markItUpHeader, .tx-typo3forum-pi1 #report fieldset .markItUpHeader {
+ float : right;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul .markItUpDropMenu, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul .markItUpDropMenu, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul .markItUpDropMenu {
+ padding-right : 0;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul a, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul a, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul a {
+ width : 18px;
+ height : 18px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="submit"], .tx-typo3forum-pi1 #post fieldset input[type="submit"], .tx-typo3forum-pi1 #report fieldset input[type="submit"] {
+ display : block;
+ float : left;
+ border : #c6c6c6 solid 1px;
+ height : 35px;
+ padding : 0 10px;
+ background : #c6c6c6;
+ font-size : 14px;
+ line-height : 33px;
+ cursor : pointer;
+ font-family : "Open Sans", sans-serif;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="submit"] + .btn, .tx-typo3forum-pi1 #post fieldset input[type="submit"] + .btn, .tx-typo3forum-pi1 #report fieldset input[type="submit"] + .btn {
+ display : block;
+ float : left;
+ border : #c6c6c6 solid 1px;
+ height : 35px;
+ padding : 0 10px;
+ margin-left : 10px;
+ background : #c6c6c6;
+ font-size : 14px;
+ line-height : 35px;
+ color : #000;
+ font-weight : 400;
+ font-family : "Open Sans", sans-serif;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="checkbox"], .tx-typo3forum-pi1 #post fieldset input[type="checkbox"], .tx-typo3forum-pi1 #report fieldset input[type="checkbox"] {
+ margin-left : 0;
+ margin-top : 0;
+ vertical-align : bottom;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="text"], .tx-typo3forum-pi1 #topic fieldset textarea, .tx-typo3forum-pi1 #post fieldset input[type="text"], .tx-typo3forum-pi1 #post fieldset textarea, .tx-typo3forum-pi1 #report fieldset input[type="text"], .tx-typo3forum-pi1 #report fieldset textarea {
+ border : #c6c6c6 solid 1px;
+ padding : 0 10px;
+ height : 30px;
+ font-family : "Open Sans", sans-serif;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="text"], .tx-typo3forum-pi1 #post fieldset input[type="text"], .tx-typo3forum-pi1 #report fieldset input[type="text"] {
+ width : 100%;
+ max-width : 927px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset textarea, .tx-typo3forum-pi1 #post fieldset textarea, .tx-typo3forum-pi1 #report fieldset textarea {
+ padding-top : 10px;
+ padding-bottom : 10px;
+ margin-top : 5px;
+ min-height : 200px;
+ font-family : "Open Sans", sans-serif;
+ }
+ .tx-typo3forum-pi1 #post fieldset .control-group > label {
+ position : relative;
+ bottom : -25px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .control-group + .control-group > label {
+ position : relative;
+ bottom : -25px;
+ }
+ .tx-typo3forum-pi1 #report .markItUp {
+ margin-top : -20px;
+ }
+ .tx-typo3forum-pi1 #report .markItUp .tx-typo3forum-miu-code, .tx-typo3forum-pi1 #report .markItUp .markItUpSeparator {
+ display : none;
+ }
+ .tx-typo3forum-pi1 ul.nav-pills-condensed {
+ margin-bottom : 5px;
+ }
+ .tx-typo3forum-pi1 > h2, .ce-table table .tx-typo3forum-pi1 > caption {
+ display : none;
+ }
+ .tx-typo3forum-pi1 > h2.enable, .ce-table table .tx-typo3forum-pi1 > caption.enable {
+ text-transform : none;
+ text-align : left;
+ padding-left : 10px;
+ background : #0067b1;
+ padding : 15px 0 15px 10px;
+ margin : 0;
+ font-size : 16px;
+ line-height : normal;
+ color : #fff;
+ }
+ .tx-typo3forum-pi1 > h2.enable:after, .ce-table table .tx-typo3forum-pi1 > caption.enable:after {
+ display : none;
+ }
+ .tx-typo3forum-pi1 table tbody td {
+ background : #fff !important ;
+ padding : 10px 8px;
+ line-height : 60px;
+ vertical-align : middle;
+ height : 60px;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .tx-typo3forum-pi1 table tbody td div {
+ font-size : 13px;
+ line-height : 18.2px;
+ font-size : 0.8125rem;
+ line-height : 1.1375rem;
+ font-weight : 300;
+ color : #b4b4b4;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .tx-typo3forum-pi1 table tbody td a {
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ text-decoration : none;
+ color : #333;
+ }
+ .tx-typo3forum-pi1 table tbody td:nth-of-type(n 3) {
+ text-align : center;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator {
+ text-align : right;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator li {
+ color : #0067b1;
+ font-weight : 700;
+ font-size : 13px;
+ line-height : normal;
+ display : inline-block;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator li a {
+ font-size : 13px;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator li.current {
+ color : #fc0;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator li + li {
+ margin-left : 5px;
+ }
+ .ce-osbee-forum h2, .ce-osbee-forum .ce-table table caption, .ce-table table .ce-osbee-forum caption {
+ text-transform : none;
+ text-align : left;
+ padding-left : 10px;
+ background : #0067b1;
+ padding : 15px 0 15px 10px;
+ margin : 0;
+ font-size : 16px;
+ line-height : normal;
+ color : #fff;
+ }
+ .ce-osbee-forum h2:after, .ce-osbee-forum .ce-table table caption:after, .ce-table table .ce-osbee-forum caption:after {
+ display : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap {
+ display : block;
+ width : 100%;
+ background : #fff;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child {
+ width : 100%;
+ padding : 15px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon {
+ float : left;
+ max-width : 70px;
+ margin-right : 15px;
+ width : 41px;
+ height : 41px;
+ border-radius : 25px;
+ background : #c6c6c6;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic {
+ background : #fff;
+ text-align : center;
+ vertical-align : middle;
+ border : #bbb solid 1px;
+ width : 20px;
+ height : 20px;
+ color : #bbb;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic i, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic i {
+ padding : 0;
+ font-size : 12px;
+ padding-top : 4px;
+ display : block;
+ }
+ @media screen and (max-width:640px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon {
+ display : none;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left {
+ float : left;
+ width : 55%;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 {
+ margin : 0;
+ font-size : 16px;
+ line-height : normal;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a {
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ margin : 0 0 5px 0;
+ display : block;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a {
+ font-weight : 400;
+ font-size : 12px;
+ line-height : normal;
+ margin : 0;
+ display : block;
+ width : 100%;
+ max-width : 500px;
+ overflow : hidden;
+ text-overflow : ellipsis;
+ white-space : nowrap;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span {
+ display : block;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span + span, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span + span {
+ color : #bbb;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left {
+ width : 40%;
+ }
+ }
+ @media screen and (max-width:800px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left {
+ width : 36%;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left {
+ float : none;
+ width : 100%;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a {
+ margin-bottom : 0;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p {
+ margin-bottom : 20px;
+ max-width : 85%;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p {
+ margin-bottom : 0;
+ max-width : 100%;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right {
+ float : right;
+ width : 36%;
+ min-width : 360px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p {
+ display : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.topics, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.posts {
+ display : block;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics {
+ font-size : 12px;
+ line-height : 14px;
+ margin : 0;
+ font-weight : 400;
+ width : 45px;
+ text-align : center;
+ float : left;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics span {
+ display : block;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics {
+ width : 40px;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts {
+ font-size : 12px;
+ line-height : 14px;
+ margin : 0;
+ font-weight : 400;
+ float : left;
+ width : 45px;
+ text-align : center;
+ margin-left : 25px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts a {
+ font-size : 12px;
+ line-height : 14px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts span {
+ display : block;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts {
+ width : 40px;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available {
+ width : 220px;
+ position : relative;
+ padding-left : 40px;
+ display : block;
+ float : left;
+ margin-left : 25px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .tx-typo3forum-topic-show-post-user-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .tx-typo3forum-topic-show-post-user-icon {
+ max-height : 30px;
+ border-radius : 25px;
+ width : auto;
+ margin-right : 0;
+ position : absolute;
+ left : 0;
+ top : 0;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost {
+ font-size : 12px;
+ line-height : 14px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a {
+ font-size : 12px;
+ line-height : 14px;
+ text-decoration : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a:hover, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a:hover {
+ text-decoration : underline;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor {
+ font-size : 12px;
+ line-height : 14px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a {
+ font-size : 12px;
+ line-height : 14px;
+ text-decoration : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a:hover, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a:hover {
+ text-decoration : underline;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor time, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor time {
+ font-size : 12px;
+ line-height : 14px;
+ display : block;
+ width : 100%;
+ color : #c6c6c6;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available {
+ width : 200px;
+ }
+ }
+ @media screen and (max-width:420px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available {
+ width : auto;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post img, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available img {
+ display : none;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available {
+ margin-top : 0;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available span {
+ display : inline;
+ vertical-align : middle;
+ line-height : 30px;
+ font-size : 12px;
+ line-height : 14px;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right {
+ width : 35%;
+ min-width : 330px;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right {
+ float : none;
+ width : 100%;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right {
+ display : none;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div a {
+ font-weight : 400;
+ color : #333;
+ text-decoration : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child + .ce-osbee-forum-child {
+ border-top : 1px solid #bbbbbb;
+ }
+ ul.nav-pills li {
+ display : inline-block;
+ }
+ ul.nav-pills li a {
+ font-size : 12px;
+ line-height : normal;
+ color : #333;
+ font-weight : 400;
+ text-decoration : none;
+ }
+ ul.nav-pills li a:hover {
+ text-decoration : underline;
+ }
+ ul.nav-pills li:last-of-type a {
+ font-weight : 700;
+ color : #333;
+ }
+ ul.nav-pills li + li:before {
+ content : "\f054";
+ color : #fc0;
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ font-size : 10px;
+ }
+ ul.nav-pills + .ce-osbee-forum {
+ margin-top : 20px;
+ }
+ .ce-osbee-forum-singlepost {
+ position : relative;
+ background : #fff;
+ padding : 30px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation {
+ width : 20%;
+ float : left;
+ padding-right : 2%;
+ border-right : 1px solid #bbb;
+ text-align : center;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon {
+ float : none;
+ display : block;
+ margin : 0;
+ background : #ececec;
+ padding : 10px;
+ text-align : center;
+ border-radius : 150px;
+ height : 85px;
+ width : 85px;
+ margin : 15px auto;
+ font-size : 60px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a {
+ font-size : 16px;
+ line-height : normal;
+ margin : 0 0 10px 0;
+ color : #333;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a:hover {
+ text-decoration : underline;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div span.screenname {
+ font-size : 16px;
+ line-height : normal;
+ margin : 0 0 10px 0;
+ color : #333;
+ font-weight : 700;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName {
+ font-size : 18px;
+ line-height : normal;
+ font-weight : 600;
+ color : #333;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered {
+ font-size : 14px;
+ line-height : normal;
+ color : #bbbbbb;
+ margin-bottom : 10px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .membersince {
+ font-size : 12px;
+ line-height : normal;
+ color : #bbbbbb;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .postcounts {
+ font-size : 12px;
+ line-height : normal;
+ color : #bbbbbb;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p {
+ font-size : 14px;
+ line-height : normal;
+ font-weight : 400;
+ margin : 0;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p + p {
+ margin-top : 2px;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation {
+ width : 25%;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a {
+ font-size : 14px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation {
+ float : none;
+ width : 100%;
+ border-right : none;
+ padding-right : 0;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon {
+ display : none;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div {
+ padding-bottom : 15px;
+ border-bottom : 1px solid #bbb;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div * {
+ display : block;
+ text-align : left;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a {
+ font-size : 14px;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.membersince, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.postcounts, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.unregistered {
+ margin-left : 0;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div {
+ padding-bottom : 15px;
+ }
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content {
+ width : 77%;
+ float : left;
+ padding-left : 2%;
+ margin-left : 3%;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content {
+ width : 70%;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content {
+ float : none;
+ margin-left : 0;
+ width : 100%;
+ margin-top : 20px;
+ }
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text {
+ padding : 0;
+ margin : 0;
+ font-size : 12px;
+ line-height : normal;
+ padding-top : 10px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text p {
+ font-size : 12px;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote {
+ background : #fff;
+ color : #333;
+ border : none;
+ margin : 0 0 15px 0;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user {
+ color : #333;
+ font-size : 12px;
+ font-weight : 400;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user a {
+ color : #333;
+ font-size : 12px;
+ font-weight : 400;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text {
+ margin-top : 10px;
+ font-style : italic;
+ color : #bbb;
+ font-size : 12px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text:before {
+ content : "\f10e";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ font-size : 30px;
+ color : #0067b1;
+ margin-right : 10px;
+ vertical-align : top;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote {
+ margin : -30px 0 10px 35px;
+ padding : 0;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote .tx-typo3forum-quote-text:before {
+ font-size : 20px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation {
+ border-bottom : 1px solid #bbb;
+ padding-bottom : 5px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu {
+ float : right;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu a {
+ font-weight : 400;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu .quote-icon {
+ padding-left : 0;
+ position : relative;
+ top : -4px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date {
+ float : left;
+ font-size : 12px;
+ line-height : normal;
+ color : #333;
+ font-style : normal;
+ font-size : 13px;
+ color : #bbb;
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation {
+ position : absolute;
+ top : 30px;
+ right : 30px;
+ border-bottom : none;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date {
+ float : none;
+ display : inline-block;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu {
+ float : none;
+ margin-left : 10px;
+ display : inline-block;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation {
+ position : relative;
+ top : 0;
+ text-align : right;
+ right : auto;
+ border-bottom : none;
+ }
+ }
+ .ce-osbee-forum-singlepost + .ce-osbee-forum-singlepost {
+ border-top : 1px solid #bbbbbb;
+ }
+ .ce-osbee-forum-singlepost:first-of-type {
+ margin-top : 30px;
+ }
+ .f3-widget-paginator {
+ margin : 40px 0 30px 0;
+ text-align : right;
+ }
+ .osbee-forum-empty {
+ display : none;
+ }
+ .osbee-forum-empty.enable {
+ display : block;
+ }
+ p.tx-srfeuserregister-pi1-error {
+ font-size : 13px;
+ line-height : normal;
+ }
+ .blogContentFullWidth {
+ margin-top : 25px;
+ }
+ .blogContent {
+ float : left;
+ width : 73.78%;
+ width : calc(100% - 32.85%);
+ display : block;
+ max-width : 740px;
+ padding : 50px 0;
+ margin-right : 4.85%;
+ padding-top : 0;
+ }
+ .blogContent a {
+ color : #0067b1;
+ }
+ @media screen and (max-width:1020px) {
+ .blogContent {
+ width : 100%;
+ max-width : none;
+ margin-right : 0;
+ float : none;
+ }
+ }
+ .blogSidebar {
+ float : left;
+ width : 23.30%;
+ width : calc(100% - 72%);
+ max-width : 240px;
+ display : block;
+ padding : 50px 0;
+ padding-top : 0;
+ margin-top : 40px;
+ }
+ @media screen and (max-width:1020px) {
+ .blogSidebar {
+ float : none;
+ width : 100%;
+ max-width : none;
+ }
+ }
+ .blogSidebar .csc-header {
+ width : 100%;
+ text-align : left;
+ }
+ .blogSidebar h3, .blogSidebar h1, .blogSidebar h2, .blogSidebar .ce-table table caption, .ce-table table .blogSidebar caption {
+ display : inline-block;
+ width : 100%;
+ padding : 0 0 3px 0;
+ border-bottom : 2px solid #fc0;
+ font-weight : bold;
+ margin : 0 0 10px 0;
+ font-size : 16px;
+ line-height : normal;
+ text-transform : none;
+ text-align : left;
+ }
+ .blogSidebar .news {
+ padding : 0;
+ margin-bottom : 40px;
+ }
+ .blogSidebar .blog-subscribe h2, .blogSidebar .blog-subscribe .ce-table table caption, .ce-table table .blogSidebar .blog-subscribe caption {
+ display : inline-block;
+ width : 100%;
+ padding : 0 0 3px 0;
+ border-bottom : 2px solid #fc0;
+ font-weight : bold;
+ margin : 0 0 10px 0;
+ font-size : 16px;
+ line-height : normal;
+ text-transform : none;
+ text-align : left;
+ }
+ .blogSidebar .blog-subscribe h2:after, .blogSidebar .blog-subscribe .ce-table table caption:after, .ce-table table .blogSidebar .blog-subscribe caption:after {
+ display : none;
+ }
+ .blogSidebar .blog-subscribe .tx-srfeuserregister-pi1-notice {
+ font-style : normal;
+ margin : 0;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .blogSidebar .blog-subscribe .terms {
+ margin-top : 15px;
+ }
+ .blogSidebar .blog-subscribe .terms .termsInputContainer {
+ float : left;
+ width : 10%;
+ text-align : left;
+ }
+ .blogSidebar .blog-subscribe .terms .termsInputContainer input {
+ width : 15px;
+ height : 15px;
+ border : #c6c6c6 solid 1px;
+ background : #fff;
+ }
+ .blogSidebar .blog-subscribe .terms p {
+ float : left;
+ width : 90%;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .blogSidebar .blog-subscribe .terms p a {
+ padding-left : 0;
+ background-image : none;
+ font-weight : 400;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .blogSidebar .blog-subscribe .terms p span {
+ display : none;
+ }
+ .blogSidebar .blog-subscribe .firstname input, .blogSidebar .blog-subscribe .email input {
+ margin-top : 0;
+ }
+ .news-list-view h3 {
+ margin : 0;
+ }
+ .news-list-view h3 a {
+ text-decoration : none;
+ }
+ .news-list-view h3 a span {
+ font-size : 18px;
+ color : #333;
+ font-weight : normal;
+ }
+ .news-list-view h3:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px 0 0 0;
+ }
+ .news-list-view .header {
+ display : inline-block;
+ width : 100%;
+ max-width : 470px;
+ max-width : 450px;
+ margin-bottom : 15px;
+ }
+ .news-list-view .article {
+ clear : both;
+ height : 210px;
+ height : auto;
+ border-bottom : 1px solid #fc0;
+ }
+ .news-list-view .article .footer {
+ display : none;
+ }
+ .news-list-view .no-media-element img {
+ width : 250px;
+ height : 187px;
+ }
+ .news-list-view .more {
+ font-size : 15px;
+ line-height : normal;
+ vertical-align : bottom;
+ }
+ .news-list-view .news-img-wrap {
+ display : inline-block;
+ margin : 0 !important ;
+ padding : 0;
+ max-width : 250px;
+ height : 100%;
+ width : 26%;
+ }
+ .news-list-view .news-img-wrap img {
+ max-width : 100%;
+ height : auto;
+ }
+ .news-list-view .news-img-wrap a {
+ margin : 0;
+ padding : 0;
+ border : 0;
+ max-width : 100%;
+ }
+ @media screen and (max-width:640px) {
+ .news-list-view .news-img-wrap {
+ display : none;
+ }
+ }
+ .news-list-view .news-content-wrap {
+ width : 72%;
+ float : left;
+ margin-left : 2%;
+ }
+ .news-list-view .news-content-wrap h3 {
+ margin-bottom : 20px;
+ }
+ @media screen and (max-width:640px) {
+ .news-list-view .news-content-wrap {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ }
+ }
+ .news-list-view .teaser-text > span {
+ display : block;
+ }
+ .news-list-view .teaser-text ul, .news-list-view .teaser-text ol {
+ padding-left : 0;
+ margin-left : 15px;
+ }
+ .news-list-view .teaser-text .more {
+ display : block;
+ margin-top : 15px;
+ }
+ .news-single {
+ padding : 0;
+ margin-top : 40px;
+ }
+ .news-single .header h3 {
+ font-size : 18px;
+ color : #333;
+ font-weight : normal;
+ margin-bottom : 25px;
+ margin-top : 10px;
+ }
+ .news-single .header h3:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px 0 0 0;
+ }
+ .news-single .news-text-wrap p {
+ color : #333;
+ }
+ .news-single .footer {
+ border-top : 1px solid #fc0;
+ margin-bottom : 40px;
+ padding : 0;
+ padding-top : 20px;
+ text-align : right;
+ }
+ .news-single .footer p {
+ font-weight : bold;
+ color : #333;
+ margin-bottom : 0;
+ }
+ .news-single .footer span span {
+ padding-right : 0;
+ margin-right : 0;
+ }
+ .news-single .footer .socialmedia {
+ display : none;
+ }
+ .news-single .news-backlink-wrap a {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : bold;
+ color : #333;
+ text-decoration : none;
+ }
+ .news-single .article .news-img-wrap {
+ width : 100%;
+ height : auto;
+ margin-bottom : 30px;
+ float : none;
+ margin : 0;
+ float : left;
+ width : auto;
+ margin-right : 15px;
+ margin-bottom : 25px;
+ max-width : 350px;
+ }
+ @media screen and (max-width:768px) {
+ .news-single .article .news-img-wrap {
+ max-width : none;
+ float : none;
+ margin-right : 0;
+ margin-bottom : 15px;
+ width : 100%;
+ }
+ }
+ .news-single .article .news-img-wrap img {
+ max-width : 100%;
+ height : auto;
+ }
+ .news-single .shareThisPost {
+ float : right;
+ border-left : 1px solid #ddd;
+ padding-left : 10px;
+ }
+ .news-single .news-list-category span {
+ display : inline-block;
+ font-size : 13px;
+ border-right : none;
+ }
+ .news-single .news-list-category span + span:before {
+ content : "|";
+ display : inline-block;
+ margin : 0 5px 0 2px;
+ }
+ @media screen and (max-width:768px) {
+ .news-single .news-list-category {
+ float : none;
+ width : 100%;
+ display : block;
+ margin-top : 5px;
+ }
+ .news-single .news-list-date {
+ margin-top : 5px;
+ }
+ .news-single .shareThisPost {
+ display : block;
+ width : 100%;
+ float : none;
+ padding-left : 0;
+ border-left : none;
+ }
+ }
+ .news p + ul {
+ margin-top : 15px;
+ }
+ .blogSidebar .news ul li {
+ padding-left : 0;
+ font-weight : 700;
+ }
+ .blogSidebar .news ul li ul li {
+ font-weight : 400;
+ }
+ .blogSidebar .news ul li:before {
+ display : none;
+ }
+ .csc-header {
+ margin : 0;
+ padding : 0;
+ display : inline-block;
+ }
+ .blog-commentContainer {
+ background : #ececec;
+ padding : 15px 10px;
+ }
+ .blog-commentContainer form {
+ margin-bottom : 20px;
+ padding-bottom : 30px;
+ border-bottom : 1px solid #bbbbbb;
+ }
+ .blog-commentContainer form h3 {
+ margin : 5px 0 0 0;
+ }
+ .blog-commentContainer form textarea {
+ resize : none;
+ height : 120px;
+ padding : 10px;
+ width : 100%;
+ margin-top : 10px;
+ color : #bbb;
+ font-size : 18px;
+ line-height : normal;
+ }
+ .blog-commentContainer form textarea + p {
+ font-size : 14px;
+ line-height : normal;
+ color : #bbb;
+ text-align : right;
+ }
+ .blog-commentContainer form input[type="submit"] {
+ display : inline-block;
+ font-size : 15px;
+ line-height : normal;
+ color : #fff;
+ border : none;
+ outline : none;
+ text-align : center;
+ background : #0067b1;
+ text-transform : uppercase;
+ padding : 15px;
+ min-width : 160px;
+ margin-top : -10px;
+ font-weight : 700;
+ cursor : pointer;
+ }
+ .toctoc-comments-pi1 {
+ border-bottom : 1px solid transparent;
+ }
+ .tx-tc-sortlistmenu .tx-tc-dsclmrlistmenutitle:first-child {
+ display : none;
+ }
+ .tx-tc-ct-ry-report-line {
+ text-align : right;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .tx-tc-cts-ct-box + .tx-tc-cts-ct-box {
+ border-top : 1px solid #c6c6c6;
+ padding-top : 15px !important ;
+ }
+ .tx-tc-cts-ct-box + .tx-tc-cts-ct-box.replyAnswer {
+ border-top : none;
+ }
+ .blog-usercomment {
+ margin-left : 0 !important ;
+ }
+ .blog-usercomment h3 {
+ margin-bottom : 5px;
+ margin-top : 0;
+ }
+ .blog-usercomment h3 time {
+ display : inline-block;
+ }
+ .blog-usercomment h3 .tx-tc-popularity-pic {
+ display : none;
+ }
+ .blog-usercomment + .blog-usercomment {
+ margin-top : 25px;
+ }
+ .tx-tc-indent-subcmt {
+ background : #fff;
+ padding : 15px 10px !important ;
+ margin-left : 30px;
+ position : relative;
+ }
+ .tx-tc-indent-subcmt h3 {
+ margin-bottom : 10px;
+ margin-top : 0;
+ }
+ .tx-tc-indent-subcmt h3 time {
+ display : inline-block;
+ }
+ .tx-tc-indent-subcmt h3 .tx-tc-popularity-pic {
+ display : none;
+ }
+ .tx-tc-indent-subcmt:before, .tx-tc-indent-subcmt:after {
+ bottom : 100%;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .tx-tc-indent-subcmt:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-bottom-color : #fff;
+ border-width : 15px;
+ margin-left : -200px;
+ }
+ .tx-tc-indent-subcmt:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-bottom-color : #fff;
+ border-width : 15px;
+ margin-left : -200px;
+ }
+ .new-socialmedia {
+ font-size : 15px;
+ }
+ .new-socialmedia i {
+ font-size : 22px;
+ }
+ .tx-tc-dtadyn {
+ padding : 0 25px !important ;
+ }
+ .tx-tc-ct-form-field-upload {
+ display : none !important ;
+ }
+ .tx-tc-width100-85 {
+ width : 100%;
+ float : none !important ;
+ }
+ .tx-tc-ct-form-gender {
+ display : none;
+ }
+ .tx-tc-ct-form-field {
+ margin-top : 5px;
+ }
+ .tx-tc-ct-form-field input {
+ background : #fff !important ;
+ border : #c6c6c6 solid 1px;
+ color : #333 !important ;
+ }
+ .tx-tcfh112 {
+ opacity : 1 !important ;
+ }
+ .tx-tc-ct-reqhint {
+ font-size : 12px !important ;
+ line-height : normal !important ;
+ }
+ .latest-news-container {
+ background : #ececec;
+ padding : 40px 0;
+ }
+ .latest-news-container .startpage-latesnews {
+ float : left;
+ width : calc((100% - 60px) / 3);
+ border-bottom : 1px solid #fc0;
+ padding-bottom : 20px;
+ position : relative;
+ }
+ .latest-news-container .startpage-latesnews .news-img-wrap {
+ width : 100%;
+ margin-bottom : 15px;
+ max-width : none;
+ vertical-align : bottom;
+ display : table-cell;
+ }
+ .latest-news-container .startpage-latesnews .news-img-wrap a {
+ display : block;
+ }
+ .latest-news-container .startpage-latesnews .news-img-wrap img {
+ width : 100%;
+ display : block;
+ height : auto;
+ }
+ .latest-news-container .startpage-latesnews .header {
+ width : 100%;
+ height : auto;
+ }
+ .latest-news-container .startpage-latesnews .header h3 {
+ font-weight : 400;
+ }
+ .latest-news-container .startpage-latesnews .header h3 span {
+ font-size : 14px;
+ line-height : 19.6px;
+ font-size : 0.875rem;
+ line-height : 1.225rem;
+ }
+ .latest-news-container .startpage-latesnews .header h3:after {
+ display : none;
+ }
+ .latest-news-container .startpage-latesnews + .startpage-latesnews {
+ margin-left : 30px;
+ }
+ @media screen and (max-width:768px) {
+ .latest-news-container .startpage-latesnews {
+ float : none;
+ width : 100%;
+ }
+ .latest-news-container .startpage-latesnews .news-img-wrap {
+ width : 25%;
+ margin-right : 5%;
+ float : left;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container {
+ float : left;
+ width : 70%;
+ padding-left : 25px;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container .header {
+ margin-bottom : 0;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container .header h3 span {
+ font-size : 15px;
+ line-height : normal;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container .teaser-text .more {
+ margin-top : 5px;
+ }
+ .latest-news-container .startpage-latesnews + .startpage-latesnews {
+ margin-left : 0;
+ margin-top : 30px;
+ }
+ }
+ @media screen and (max-width:520px) {
+ .latest-news-container .startpage-latesnews .news-img-wrap {
+ display : none;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container {
+ float : none;
+ width : 100%;
+ }
+ }
+ .rss-feed-button {
+ padding-bottom : 50px;
+ }
+ .rss-feed-button a {
+ width : 100%;
+ text-align : center;
+ }
+ .rss-feed-button a i {
+ font-size : 16px;
+ }
+ .new-socialmedia {
+ padding-right : 0 !important ;
+ }
+ .shariff .orientation-horizontal {
+ display : block !important ;
+ text-align : right !important ;
+ }
+ .shariff .orientation-horizontal.col-5 li {
+ flex : none !important ;
+ min-width : 0 !important ;
+ max-width : none;
+ width : auto !important ;
+ margin-right : 10px !important ;
+ margin-left : 0 !important ;
+ padding : 0;
+ float : none;
+ display : inline-block;
+ margin-bottom : 0;
+ }
+ .shariff .orientation-horizontal.col-5 .fa {
+ border-right : none !important ;
+ padding-right : 0;
+ margin-right : 0;
+ width : auto !important ;
+ line-height : normal;
+ font-size : 13px !important ;
+ }
+ .shariff .orientation-horizontal.col-5 .share_text {
+ display : none;
+ }
+ .shariff .theme-grey .shariff-button.info {
+ border : none;
+ padding-left : 5px;
+ }
+ .shariff .theme-grey .shariff-button.info .share_text {
+ display : none !important ;
+ }
+ .shariff .theme-grey .shariff-button.info a {
+ color : #000;
+ }
+ .shariff .theme-grey .shariff-button a {
+ background : transparent !important ;
+ background-color : transparent !important ;
+ height : auto;
+ line-height : normal;
+ }
+ .shariff .theme-grey .shariff-button a span {
+ color : #333;
+ }
+ .shariff .theme-grey .shariff-button a span:before {
+ color : #333;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive {
+ font-family : "Open Sans", sans-serif;
+ border : none !important ;
+ padding : 10px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu {
+ border : none;
+ margin-bottom : 25px;
+ font-size : 15px;
+ line-height : normal;
+ border-bottom : 1px solid #0067b1;
+ padding-bottom : 10px;
+ background : transparent;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu:hover {
+ border-bottom : 1px solid #0067b1;
+ background : transparent !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu .tx-tc-sortlistmenutitle {
+ color : #333;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortind-pop {
+ width : 18px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-frmsqrhgt {
+ height : auto !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-ctinput-textarea {
+ height : 150px;
+ padding : 10px 15px !important ;
+ font-size : 15px;
+ line-height : normal !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-ct-submit-loggedin {
+ background : #be1622;
+ color : #fff;
+ font-size : 15px;
+ padding : 5px 10px;
+ margin-left : 4.5% !important ;
+ font-family : "Open Sans", sans-serif;
+ opacity : 1;
+ border-radius : 0;
+ border : none !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp {
+ opacity : 1 !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage {
+ height : auto;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage div.tx-tc-emo-nav-frm {
+ margin-bottom : 20px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emopage-emojis {
+ height : auto;
+ margin-bottom : 20px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emo-bot-nav {
+ height : auto;
+ width : 100% !important ;
+ border : none !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-menutitle-hilight {
+ background : transparent;
+ border : none;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel {
+ padding : 10px;
+ right : -2px;
+ top : 28px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox {
+ font-size : 14px;
+ line-height : normal;
+ font-weight : 600;
+ color : #0067b1;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink {
+ color : #0067b1;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink-selected {
+ color : #be1622;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortpopular {
+ border : none;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box {
+ margin : 0;
+ padding : 0 10px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ctdate {
+ font-size : 12px;
+ line-height : normal;
+ color : #333;
+ display : block;
+ margin-top : 2px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text {
+ font-size : 15px;
+ line-height : normal;
+ color : #333;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text img {
+ display : none;
+ }
+ @media screen and (max-width:480px) {
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text {
+ font-size : 12px;
+ line-height : normal;
+ }
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box + .tx-tc-cts-ct-box {
+ margin-top : 25px;
+ padding-top : 25px !important ;
+ border-top : 1px solid #0067b1;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ct-box-cttxt-reply {
+ border : none !important ;
+ padding : 0 !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt {
+ padding-left : 25px !important ;
+ width : 100% !important ;
+ background : #f6f7f8;
+ padding-top : 0 !important ;
+ border-top : none;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:after {
+ display : none !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox {
+ position : relative;
+ background : #fff;
+ border : #fff solid 4px;
+ padding : 10px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before {
+ bottom : 100%;
+ left : 12%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after {
+ border-color : rgba(191, 30, 46, 0);
+ border-bottom-color : #fff;
+ border-width : 25px;
+ margin-left : -25px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before {
+ border-color : rgba(191, 30, 46, 0);
+ border-bottom-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-box-picturecrop32 {
+ padding : 0;
+ height : 32px;
+ margin-right : 10px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-text {
+ padding-top : 0 !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ctdate {
+ margin-left : 42px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-tabledisp {
+ margin-left : 25px !important ;
+ width : calc(100% - 25px) !important ;
+ }
+ .tx-felogin-pi1 {
+ background-color : #ececec;
+ padding : 30px 17px 70px 17px;
+ margin-bottom : 50px;
+ }
+ .tx-felogin-pi1 h3 {
+ font-family : "Quicksand", sans-serif;
+ font-weight : 700;
+ text-transform : uppercase;
+ color : #333;
+ font-size : 24px;
+ line-height : normal;
+ text-align : left;
+ margin-bottom : 20px;
+ }
+ .tx-felogin-pi1 h3:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px 0 0 0;
+ }
+ .tx-felogin-pi1 form fieldset {
+ border : none;
+ padding : 0;
+ }
+ .tx-felogin-pi1 form fieldset > div {
+ width : 400px;
+ }
+ .tx-felogin-pi1 form fieldset > div > div {
+ border : #c6c6c6 solid 1px;
+ display : inline-block;
+ float : left;
+ width : 49%;
+ height : 53px;
+ line-height : 53px;
+ margin-top : 20px;
+ padding-left : 10px;
+ }
+ .tx-felogin-pi1 form fieldset > div > div:first-child {
+ margin-right : 2%;
+ }
+ .tx-felogin-pi1 form fieldset > div label {
+ display : inline-block;
+ }
+ .tx-felogin-pi1 form fieldset > div input[type="text"], .tx-felogin-pi1 form fieldset > div input[type="password"] {
+ width : 100%;
+ height : 55px;
+ border : #c6c6c6 solid 1px;
+ padding : 10px;
+ color : #333;
+ font-size : 15px;
+ }
+ .tx-felogin-pi1 form fieldset > div input[type="submit"] {
+ background : none 0% 0% repeat scroll #0067b1;
+ font-size : 1rem;
+ line-height : 1.4rem;
+ text-transform : uppercase;
+ color : #fff;
+ padding : 15px 60px;
+ margin-top : 20px;
+ border : none medium;
+ outline : medium none;
+ font-weight : 700;
+ cursor : pointer;
+ width : 100%;
+ }
+ @media screen and (max-width:485px) {
+ .tx-felogin-pi1 form fieldset > div {
+ width : 100%;
+ }
+ .tx-felogin-pi1 form fieldset > div > div {
+ width : 100%;
+ }
+ .tx-felogin-pi1 form fieldset > div > div:first-child {
+ margin-right : 0;
+ }
+ }
+ .tx-felogin-pi1 .felogin-links {
+ padding-top : 4px;
+ width : 400px;
+ }
+ .tx-felogin-pi1 .felogin-links > div {
+ display : inline-block;
+ float : right;
+ }
+ .tx-felogin-pi1 .felogin-links > div:first-child {
+ float : left;
+ }
+ .tx-felogin-pi1 .felogin-links > div a {
+ color : #333;
+ font-weight : normal;
+ }
+ @media screen and (max-width:485px) {
+ .tx-felogin-pi1 .felogin-links {
+ width : 100%;
+ }
+ .tx-felogin-pi1 .felogin-links > div {
+ display : block;
+ float : none;
+ margin-top : 5px;
+ }
+ .tx-felogin-pi1 .felogin-links > div:first-child {
+ float : none;
+ }
+ }
+ .tx-sy-osbeeproducts {
+ padding : 0 0 40px 0;
+ }
+ .tx-sy-osbeeproducts h2, .tx-sy-osbeeproducts .ce-table table caption, .ce-table table .tx-sy-osbeeproducts caption {
+ font-weight : 700;
+ color : #0067b1;
+ font-size : 18px;
+ line-height : normal;
+ display : block;
+ margin : 0 0 5px 0;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory, .tx-sy-osbeeproducts .os_cartApps {
+ margin-bottom : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table, .tx-sy-osbeeproducts .os_cartApps table {
+ border-spacing : 0;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type {
+ border-left : 1px solid #c6c6c6;
+ border-right : 1px solid #c6c6c6;
+ border-top : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td, .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td {
+ background : #ececec;
+ padding : 10px 0 10px 10px;
+ height : 40px;
+ color : #313131;
+ font-weight : 700;
+ border-bottom : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ border-top : 1px solid #c6c6c6;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) {
+ background : #d7d7d7;
+ padding : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3) {
+ text-align : right;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) {
+ text-align : right;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6) {
+ padding : 10px 0;
+ border-left : none;
+ text-align : center;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row, .tx-sy-osbeeproducts .os_cartApps table tr.row {
+ border-bottom : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td, .tx-sy-osbeeproducts .os_cartApps table tr.row td {
+ background : #fff;
+ padding : 10px 0 10px 10px;
+ color : #313131;
+ font-weight : 400;
+ border-left : 1px solid #c6c6c6;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr.row td:first-of-type {
+ color : #0067b1;
+ text-decoration : none;
+ font-weight : 700;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(2) {
+ padding : 0 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4) {
+ text-align : right;
+ padding-right : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) {
+ padding : 10px 0;
+ text-align : center;
+ padding-left : 10px;
+ padding-right : 10px;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) i, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) i {
+ font-size : 20px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a {
+ margin : 0;
+ padding : 0;
+ background : transparent;
+ border : none;
+ color : #be1622;
+ font-size : 20px;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a:hover, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a:hover {
+ text-decoration : none;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td {
+ font-size : 15px;
+ line-height : normal;
+ border-left : 1px solid #c6c6c6;
+ border-top : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:first-of-type {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ text-align : left;
+ padding : 10px;
+ background : #ececec;
+ height : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(2) {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ text-align : right;
+ padding : 10px;
+ background : #d7d7d7;
+ height : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(5), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(5) {
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ text-align : right;
+ background : #ececec;
+ padding : 10px;
+ height : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:last-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:last-of-type {
+ min-height : 1px;
+ background : #ececec;
+ height : 40px;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td {
+ padding : 10px;
+ font-size : 15px;
+ font-weight : 700;
+ line-height : normal;
+ background : #ececec;
+ border-top : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2) {
+ background : #d7d7d7;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3) {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7) {
+ text-align : right;
+ padding-right : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8) {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8) {
+ border-right : 1px solid #c6c6c6;
+ text-align : center;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td {
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3) {
+ border-left : none;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4) {
+ border-left : none;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(7), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) {
+ border-left : none;
+ text-align : right;
+ padding-right : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) {
+ padding : 10px 0;
+ text-align : center;
+ padding-left : 10px;
+ padding-right : 10px;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) i {
+ font-size : 20px;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a {
+ margin : 0;
+ padding : 0;
+ background : transparent;
+ border : none;
+ color : #be1622;
+ font-size : 20px;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a:hover {
+ text-decoration : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td {
+ padding : 10px;
+ border-top : none;
+ font-weight : 700;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(4) {
+ background : #ececec;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:last-of-type {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules {
+ padding-bottom : 80px;
+ margin-bottom : 80px;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table {
+ border-spacing : 0;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td {
+ padding : 10px;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ background : #ececec;
+ border-top : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(2) {
+ background : #d7d7d7;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:last-of-type {
+ border-left : none;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td {
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td:first-of-type {
+ color : #0067b1;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(2) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td:last-of-type {
+ border-right : 1px solid #c6c6c6;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td {
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ height : 40px;
+ padding : 10px;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td div {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(2) {
+ background : #d7d7d7;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(3) {
+ background : #ececec;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:last-of-type {
+ background : #ececec;
+ border-right : 1px solid #c6c6c6;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport {
+ margin-bottom : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div {
+ float : left;
+ width : calc((100% - 30px) / 4);
+ background : #ececec;
+ border : #c6c6c6 solid 1px;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .radioSupportName {
+ margin-top : 10px;
+ margin-right : 10px;
+ padding : 10px;
+ font-size : 18px;
+ line-height : normal;
+ color : #fff;
+ font-weight : 700;
+ text-transform : uppercase;
+ letter-spacing : 3px;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container {
+ padding : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container .radioSupport {
+ width : 20px;
+ height : 20px;
+ display : inline-block;
+ margin : 0 5px 0 0;
+ vertical-align : bottom;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container div {
+ display : inline-block;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container a {
+ color : #0067b1;
+ font-size : 15px;
+ text-decoration : none;
+ display : block;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container a:hover {
+ text-decoration : underline;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div:first-of-type .radioSupportName {
+ background : #d1d1d1;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div:nth-of-type(2) .radioSupportName {
+ background : #fc0;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div:nth-of-type(3) .radioSupportName {
+ background : #777372;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div:last-of-type .radioSupportName {
+ background : #3a3a3a;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div + div {
+ margin-left : 10px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport {
+ margin-bottom : 40px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div {
+ float : left;
+ width : calc((100% - 20px) / 3);
+ background : #ececec;
+ border : #c6c6c6 solid 1px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .radioAppSupportName {
+ margin-top : 10px;
+ margin-right : 10px;
+ padding : 10px;
+ font-size : 18px;
+ line-height : normal;
+ color : #fff;
+ font-weight : 700;
+ text-transform : uppercase;
+ letter-spacing : 1px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container {
+ padding : 10px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container .radioAppSupport {
+ width : 20px;
+ height : 20px;
+ display : inline-block;
+ margin : 0 5px 0 0;
+ vertical-align : bottom;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container div {
+ display : inline-block;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container a {
+ color : #0067b1;
+ font-size : 15px;
+ text-decoration : none;
+ display : block;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container a:hover {
+ text-decoration : underline;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div:first-of-type .radioAppSupportName {
+ background : #88b3d6;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div:nth-of-type(2) .radioAppSupportName {
+ background : #3f83c0;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div:nth-of-type(3) .radioAppSupportName {
+ background : #105b9e;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div + div {
+ margin-left : 10px;
+ }
+ .tx-sy-osbeeproducts .overviewSupport {
+ margin-bottom : 80px;
+ padding-bottom : 80px;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table {
+ border-spacing : 0;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ padding : 10px;
+ background : #ececec;
+ border-top : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:first-of-type {
+ border-left : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(4) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:last-of-type {
+ text-align : right;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td {
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-bottom : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:first-of-type .chosenSupport {
+ font-weight : 700;
+ color : #0067b1;
+ font-size : 15px;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(2) {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:last-of-type {
+ border-left : none;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td {
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(2) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(4) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:last-of-type {
+ border-right : 1px solid #c6c6c6;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td {
+ background : #ececec;
+ height : 40px;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:first-of-type {
+ border-left : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:nth-of-type(4) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:last-of-type {
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .lastStep {
+ border : #c6c6c6 solid 1px;
+ background : #ececec;
+ }
+ .tx-sy-osbeeproducts .lastStep table {
+ border-spacing : 0;
+ }
+ .tx-sy-osbeeproducts .lastStep table tr td {
+ padding : 0 10px 2px 10px;
+ font-size : 15px;
+ line-height : normal;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .lastStep table tr:first-of-type td {
+ padding-top : 10px;
+ }
+ .tx-sy-osbeeproducts .lastStep table tr:last-of-type td {
+ font-weight : 700;
+ padding-bottom : 10px;
+ }
+ .tx-sy-osbeeproducts .linkInActive {
+ background : #bbbbbb;
+ color : #fff;
+ padding : 10px 20px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 18px;
+ line-height : normal;
+ float : left;
+ margin-top : 20px;
+ border : none;
+ cursor : pointer;
+ }
+ .tx-sy-osbeeproducts .tooltipp {
+ display : none;
+ position : absolute;
+ background-color : #dddddd;
+ padding : 10px 20px;
+ color : black;
+ font-size : 18px;
+ margin-left : 120px;
+ float : left;
+ margin-top : 20px;
+ }
+ .tx-sy-osbeeproducts .checkoutOption {
+ margin-top : 20px;
+ }
+ .tx-sy-osbeeproducts .checkoutOption .checkoutSubmit {
+ background : #be1622;
+ color : #fff;
+ padding : 10px 20px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 18px;
+ line-height : normal;
+ float : right;
+ border : none;
+ cursor : pointer;
+ }
+ .tx-sy-osbeeproducts .checkoutOption .checkoutSubmit.blue {
+ background : #0067b1;
+ color : #fff;
+ padding : 10px 20px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 18px;
+ line-height : normal;
+ float : left;
+ border : none;
+ cursor : pointer;
+ }
+ .step3YourData, .mp-contentContainer.checkout .step3YourOrder {
+ padding-bottom : 80px;
+ margin-bottom : 80px;
+ border-bottom : 1px solid #bcbcbc;
+ border-spacing : 0;
+ width : 100%;
+ }
+ .step3YourData caption, .mp-contentContainer.checkout .step3YourOrder caption {
+ font-weight : 700;
+ color : #1268b3;
+ font-size : 18px;
+ line-height : normal;
+ display : block;
+ margin : 0 0 2px 0;
+ text-align : left;
+ }
+ .step3YourData tr:first-of-type td, .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td {
+ padding : 10px;
+ font-weight : 700;
+ font-size : 14px;
+ line-height : normal;
+ background : #f5f5f5;
+ border-top : 1px solid #bcbcbc;
+ border-left : 1px solid #bcbcbc;
+ border-bottom : 1px solid #bcbcbc;
+ }
+ .step3YourData tr:first-of-type td:nth-of-type(2), .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:nth-of-type(2) {
+ background : #d7d7d7;
+ }
+ .step3YourData tr:first-of-type td:last-of-type, .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:last-of-type {
+ border-left : none;
+ border-right : 1px solid #bcbcbc;
+ }
+ .step3YourData tr.row td, .mp-contentContainer.checkout .step3YourOrder tr.row td {
+ font-size : 14px;
+ line-height : normal;
+ padding : 10px;
+ border-left : 1px solid #bcbcbc;
+ border-bottom : 1px solid #bcbcbc;
+ border-right : 1px solid #bcbcbc;
+ }
+ .step3YourData tr.row td:first-of-type, .mp-contentContainer.checkout .step3YourOrder tr.row td:first-of-type {
+ color : #1268b3;
+ font-weight : 700;
+ font-size : 14px;
+ line-height : normal;
+ border-right : none;
+ }
+ .orderlist table {
+ margin-bottom : 80px;
+ border-spacing : 0;
+ width : 100%;
+ }
+ .orderlist table caption {
+ font-weight : 700;
+ color : #1268b3;
+ font-size : 18px;
+ line-height : normal;
+ display : block;
+ margin : 0 0 2px 0;
+ text-align : left;
+ }
+ .orderlist table tr:first-of-type th {
+ padding : 10px;
+ font-weight : 700;
+ font-size : 14px;
+ line-height : normal;
+ background : #f5f5f5;
+ border-top : 1px solid #bcbcbc;
+ border-left : 1px solid #bcbcbc;
+ border-bottom : 1px solid #bcbcbc;
+ text-align : left;
+ }
+ .orderlist table tr:first-of-type th:nth-of-type(3) {
+ text-align : center;
+ }
+ .orderlist table tr:first-of-type th:nth-of-type(4) {
+ text-align : right;
+ }
+ .orderlist table tr:first-of-type th:last-of-type {
+ border-right : 1px solid #bcbcbc;
+ }
+ .orderlist table tr td {
+ font-size : 14px;
+ line-height : normal;
+ padding : 10px;
+ border-left : 1px solid #bcbcbc;
+ border-bottom : 1px solid #bcbcbc;
+ }
+ .orderlist table tr td:nth-of-type(3) {
+ text-align : center;
+ }
+ .orderlist table tr td:nth-of-type(4) {
+ text-align : right;
+ }
+ .orderlist table tr td:last-of-type {
+ border-right : 1px solid #bcbcbc;
+ }
+ .step3YourOrder {
+ width : 100%;
+ border-spacing : 0;
+ margin-bottom : 80px;
+ }
+ .step3YourOrder caption {
+ text-align : left;
+ font-size : 18px;
+ color : #0067b1;
+ font-weight : 700;
+ padding-bottom : 5px;
+ }
+ .step3YourOrder tr td {
+ font-size : 14px;
+ line-height : normal;
+ padding : 10px;
+ border-top : 1px solid #bcbcbc;
+ border-right : 1px solid #bcbcbc;
+ }
+ .step3YourOrder tr td:first-of-type {
+ width : 35%;
+ font-weight : 700;
+ border-left : 1px solid #bcbcbc;
+ }
+ .step3YourOrder tr:last-of-type td {
+ border-bottom : 1px solid #bcbcbc;
+ }
+ .step3YourOrder tr:nth-child(odd) {
+ background : #f5f5f5;
+ }
+ .backToListButton {
+ margin-bottom : 40px;
+ }
+ .mp-contentContainer.checkout h1 {
+ font-size : 20px;
+ line-height : normal;
+ margin-bottom : 80px;
+ font-weight : 700;
+ text-transform : none;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout h1 {
+ font-size : 18px;
+ margin-bottom : 40px;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_optionText {
+ padding : 25px 40px;
+ border : #bcbcbc solid 1px;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_optionText {
+ padding : 15px 20px;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_optionText strong {
+ display : block;
+ font-weight : 700;
+ color : #333;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .mp-contentContainer.checkout .checkout_optionText p {
+ margin : 10px 0 0 0;
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption {
+ padding : 25px 40px;
+ background : #f5f5f5;
+ border : #bcbcbc solid 1px;
+ margin-top : 15px;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_paymentOption {
+ padding : 15px 20px;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption {
+ color : #333;
+ margin-bottom : 25px;
+ font-size : 24px;
+ line-height : normal;
+ text-transform : uppercase;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption {
+ font-size : 18px;
+ line-height : normal;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2), .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) {
+ padding : 15px 20px;
+ border : #bcbcbc solid 1px;
+ background : #fff;
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) input, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) input {
+ display : inline-block;
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label {
+ vertical-align : bottom;
+ display : inline-block;
+ margin-left : 10px;
+ font-size : 20px;
+ font-weight : 700;
+ line-height : normal;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label {
+ font-size : 14px;
+ line-height : normal;
+ margin-left : 5px;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) + div, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) + div {
+ margin-top : 10px;
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption input[type="submit"] {
+ display : inline-block;
+ margin-top : 20px;
+ background : #0067b1;
+ border : none;
+ color : #fff;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 18px;
+ line-height : normal;
+ padding : 8px 16px;
+ cursor : pointer;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_paymentOption input[type="submit"] {
+ font-size : 14px;
+ line-height : normal;
+ }
+ }
+ .mp-contentContainer.checkout .step3YourData, .mp-contentContainer.checkout .step3YourOrder {
+ width : 100%;
+ border-spacing : 0;
+ }
+ .mp-contentContainer.checkout .step3YourData caption, .mp-contentContainer.checkout .step3YourOrder caption {
+ text-align : left;
+ font-size : 18px;
+ color : #0067b1;
+ font-weight : 700;
+ padding-bottom : 5px;
+ }
+ .mp-contentContainer.checkout .step3YourData tr td, .mp-contentContainer.checkout .step3YourOrder tr td {
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-top : 1px solid #bcbcbc;
+ border-right : 1px solid #bcbcbc;
+ }
+ .mp-contentContainer.checkout .step3YourData tr td:first-of-type, .mp-contentContainer.checkout .step3YourOrder tr td:first-of-type {
+ width : 35%;
+ font-weight : 700;
+ border-left : 1px solid #bcbcbc;
+ }
+ .mp-contentContainer.checkout .step3YourData tr:last-of-type td, .mp-contentContainer.checkout .step3YourOrder tr:last-of-type td {
+ border-bottom : 1px solid #bcbcbc;
+ }
+ .mp-contentContainer.checkout .step3YourData tr:nth-child(odd), .mp-contentContainer.checkout .step3YourOrder tr:nth-child(odd) {
+ background : #f5f5f5;
+ }
+ .mp-contentContainer.checkout .step3YourOrder {
+ margin-top : 40px;
+ }
+ .mp-contentContainer.checkout .step3CheckoutButton {
+ color : #fff;
+ text-decoration : none;
+ background : #0067b1;
+ font-size : 18px;
+ line-height : normal;
+ padding : 8px 16px;
+ border : none;
+ cursor : pointer;
+ display : inline-block;
+ margin-top : 20px;
+ }
+ .checkout_thankyou {
+ border : #bcbcbc solid 1px;
+ padding : 25px 40px;
+ margin : 40px 0;
+ }
+ .checkout_thankyou strong {
+ display : block;
+ font-weight : 700;
+ color : #333;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .checkout_thankyou p {
+ margin : 10px 0 0 0;
+ }
+ .tx-contentpackage-checkoutFormular div {
+ display : block;
+ }
+ .tx-contentpackage-checkoutFormular div label {
+ width : 25%;
+ text-align : right;
+ padding-right : 1em;
+ float : left;
+ height : 55px;
+ vertical-align : middle;
+ line-height : 55px;
+ }
+ .tx-contentpackage-checkoutFormular div input {
+ text-align : left;
+ width : 50%;
+ float : left;
+ height : 55px;
+ border : #bbb solid 1px;
+ padding : 10px;
+ }
+ .tx-contentpackage-checkoutFormular div + div {
+ margin-top : 5px;
+ }
+ @media screen and (max-width:600px) {
+ .tx-contentpackage-checkoutFormular div label {
+ display : block;
+ width : 100%;
+ float : none;
+ height : auto;
+ text-align : left;
+ }
+ .tx-contentpackage-checkoutFormular div input {
+ float : none;
+ display : block;
+ width : 100%;
+ }
+ }
+ .tx-contentpackage-checkoutFormular input[type="submit"] {
+ background : #0067b1;
+ font-size : 15px;
+ line-height : 22.4px;
+ font-size : 1rem;
+ line-height : 1.4rem;
+ text-transform : uppercase;
+ color : #fff;
+ padding : 15px;
+ margin-top : 30px;
+ border : none;
+ outline : none;
+ font-weight : 700;
+ cursor : pointer;
+ margin-left : 25%;
+ }
+ @media screen and (max-width:600px) {
+ .tx-contentpackage-checkoutFormular input[type="submit"] {
+ margin-left : 0;
+ }
+ }
+ .checkoutSteps {
+ margin-bottom : 40px;
+ text-align : center;
+ }
+ .checkoutSteps .step {
+ display : inline-block;
+ position : relative;
+ background : #ccc;
+ border : #fff solid 4px;
+ border-bottom : none;
+ border-top : none;
+ padding-left : 10px;
+ padding-right : 10px;
+ z-index : 10;
+ color : #fff;
+ font-weight : 700;
+ font-size : 16px;
+ height : 47px;
+ line-height : 46px;
+ }
+ .checkoutSteps .step.active {
+ background : #0067b1;
+ }
+ .checkoutSteps .step.active:after {
+ border-left-color : #0067b1;
+ }
+ .checkoutSteps .step:after, .checkoutSteps .step:before {
+ left : 100%;
+ top : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .checkoutSteps .step:after {
+ border-color : rgba(204, 204, 204, 0);
+ border-left-color : #ccc;
+ border-width : 23px;
+ margin-top : -23px;
+ }
+ .checkoutSteps .step:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-left-color : #fff;
+ border-width : 28px;
+ margin-top : -28px;
+ }
+ .checkoutSteps .step + .step {
+ padding-left : 30px;
+ z-index : 9;
+ margin-left : -4px;
+ }
+ .checkoutSteps .step + .step + .step {
+ z-index : 8;
+ }
+ .checkoutSteps .step + .step + .step + .step {
+ z-index : 7;
+ }
+ .checkoutError {
+ background : #be1622;
+ color : #fff;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ text-align : center;
+ margin-bottom : 40px;
+ display : block;
+ padding : 5px 10px;
+ }
+ .tx-indexedsearch-searchbox {
+ padding-top : 50px;
+ padding-bottom : 50px;
+ }
+ .tx-indexedsearch-searchbox form label {
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ display : block;
+ }
+ .tx-indexedsearch-searchbox form input[type="text"] {
+ height : 25px;
+ border : #c6c6c6 solid 1px;
+ font-size : 12px;
+ min-width : 280px;
+ padding : 0 5px;
+ }
+ .tx-indexedsearch-searchbox form input[type="submit"] {
+ display : block;
+ background : #be1622;
+ color : #fff;
+ border : none;
+ font-size : 15px;
+ padding : 5px 10px;
+ margin-top : 5px;
+ min-width : 280px;
+ }
+ .suchergebnis {
+ padding-bottom : 50px;
+ }
+ .tx-indexedsearch-browsebox {
+ list-style-type : none;
+ margin : 0;
+ padding : 0;
+ }
+ .tx-indexedsearch-browsebox ul {
+ list-style-type : none;
+ margin-top : 15px;
+ margin-bottom : 15px;
+ }
+ .tx-indexedsearch-browsebox li {
+ float : left;
+ }
+ .tx-indexedsearch-browsebox li a {
+ color : #c6c6c6;
+ text-decoration : none;
+ }
+ .tx-indexedsearch-browsebox li + li {
+ margin-left : 10px;
+ }
+ .tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a {
+ color : #be1622;
+ }
+ .tx-indexedsearch-browsebox + .tx-indexedsearch-res {
+ margin-top : 40px;
+ }
+ .tx-indexedsearch-res + .tx-indexedsearch-res {
+ margin-top : 25px;
+ padding-top : 25px;
+ border-top : 1px solid #c6c6c6;
+ }
+ .tx-indexedsearch-res + .tx-indexedsearch-browsebox {
+ margin-top : 40px;
+ }
+ .tx-srfeuserregister-pi1 {
+ margin-bottom : 50px;
+ float : left;
+ width : 70%;
+ }
+ .tx-srfeuserregister-pi1 p {
+ padding : 0;
+ }
+ .tx-srfeuserregister-pi1 p.textOverSendButton {
+ position : relative;
+ margin : 0;
+ padding : 0;
+ clear : both;
+ margin-bottom : -10px;
+ padding-top : 25px;
+ }
+ .tx-srfeuserregister-pi1 p.textOverSendButton + dt {
+ display : none;
+ }
+ .tx-srfeuserregister-pi1 .customRegisterCheckbox {
+ position : relative;
+ padding-left : 30px;
+ margin-top : 10px;
+ }
+ .tx-srfeuserregister-pi1 .customRegisterCheckbox p, .tx-srfeuserregister-pi1 .customRegisterCheckbox a {
+ font-size : 12px;
+ line-height : normal;
+ }
+ .tx-srfeuserregister-pi1 .customRegisterCheckbox a {
+ background : transparent;
+ padding-left : 0;
+ }
+ .tx-srfeuserregister-pi1 .customRegisterCheckbox input {
+ position : absolute;
+ left : 0;
+ top : 1px;
+ }
+ .tx-srfeuserregister-pi1 fieldset {
+ border : none;
+ padding : 0;
+ margin : 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset legend {
+ display : none;
+ }
+ .tx-srfeuserregister-pi1 fieldset h2, .tx-srfeuserregister-pi1 fieldset .ce-table table caption, .ce-table table .tx-srfeuserregister-pi1 fieldset caption {
+ font-size : 18px;
+ line-height : normal;
+ text-align : left;
+ margin : 0 0 5px 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset h2:after, .tx-srfeuserregister-pi1 fieldset .ce-table table caption:after, .ce-table table .tx-srfeuserregister-pi1 fieldset caption:after {
+ margin : 10px 0 0 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset h2 + p, .tx-srfeuserregister-pi1 fieldset .ce-table table caption + p, .ce-table table .tx-srfeuserregister-pi1 fieldset caption + p {
+ margin : 0 0 25px 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file {
+ padding : 30px 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file label {
+ font-size : 15px;
+ line-height : normal;
+ display : block;
+ margin-bottom : 10px;
+ }
+ .tx-srfeuserregister-pi1 fieldset label {
+ height : 55px;
+ vertical-align : middle;
+ }
+ .tx-srfeuserregister-pi1 fieldset dd {
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 fieldset dt {
+ text-align : left;
+ }
+ .tx-srfeuserregister-pi1 fieldset input[type="text"], .tx-srfeuserregister-pi1 fieldset input[type="password"], .tx-srfeuserregister-pi1 fieldset input[type="email"], .tx-srfeuserregister-pi1 fieldset input[type="date"], .tx-srfeuserregister-pi1 fieldset select {
+ width : 325px;
+ width : 100%;
+ height : 55px;
+ border : #bbb solid 1px;
+ padding : 10px;
+ color : #333;
+ font-size : 18px;
+ }
+ .tx-srfeuserregister-pi1 fieldset input[type="submit"] {
+ background : #0067b1;
+ font-size : 15px;
+ line-height : normal;
+ text-transform : uppercase;
+ color : #fff;
+ padding : 15px;
+ margin-top : 30px;
+ border : none;
+ outline : none;
+ font-weight : 700;
+ cursor : pointer;
+ width : 100%;
+ text-align : center;
+ }
+ .tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged {
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged + p {
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms {
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms + input[type="checkbox"] {
+ float : left;
+ margin-top : 15px;
+ }
+ .tx-srfeuserregister-pi1 fieldset input[type="password"] {
+ margin-right : 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div {
+ float : left;
+ width : 48%;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div.passwort input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.passwortagain input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.company input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.jobrole input {
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div + div {
+ margin-left : 3.5%;
+ }
+ .tx-srfeuserregister-pi1 fieldset .jobrole input {
+ margin-top : 7px;
+ }
+ .tx-srfeuserregister-pi1 fieldset .terms input {
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset .terms p {
+ margin : 0;
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset .terms p a {
+ color : #0067b1;
+ font-size : 15px;
+ line-height : normal;
+ text-decoration : none;
+ }
+ .tx-srfeuserregister-pi1 fieldset .terms p a:hover {
+ text-decoration : underline;
+ }
+ @media screen and (max-width:800px) {
+ .tx-srfeuserregister-pi1 {
+ float : none;
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 dt {
+ width : 30%;
+ }
+ .tx-srfeuserregister-pi1 dd {
+ width : 70%;
+ }
+ }
+ @media screen and (max-width:600px) {
+ .tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd {
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 dt {
+ display : block;
+ margin-top : 5px;
+ text-align : left;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div {
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div + div {
+ margin-left : 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset input[type="text"], .tx-srfeuserregister-pi1 fieldset input[type="password"], .tx-srfeuserregister-pi1 fieldset input[type="email"], .tx-srfeuserregister-pi1 fieldset input[type="date"], .tx-srfeuserregister-pi1 fieldset select {
+ width : 100%;
+ }
+ }
+ .editForm .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt {
+ padding-top : 0;
+ }
+ .community-forum-news {
+ padding : 25px 0;
+ background : #ececec;
+ }
+ .community-forum-news > .inner > div {
+ float : left;
+ width : calc((100% - 20px) / 2);
+ }
+ .community-forum-news > .inner > div.news {
+ margin-left : 20px;
+ padding-top : 8px;
+ }
+ @media screen and (max-width:1100px) {
+ .community-forum-news > .inner > div.news .inner.small, .community-forum-news > .inner > div.news .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .community-forum-news > .inner > div.news .tx-felogin-pi1-inner {
+ padding : 0 !important ;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container {
+ padding : 0;
+ margin-top : 42px;
+ padding-top : 44px;
+ padding-left : 84px;
+ }
+ @media screen and (max-width:980px) {
+ .community-forum-news > .inner > div.news .latest-news-container {
+ padding-top : 0;
+ margin-top : 0;
+ padding-left : 0;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container > h2, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption {
+ text-align : left;
+ position : relative;
+ top : -44px;
+ }
+ @media screen and (max-width:768px) {
+ .community-forum-news > .inner > div.news .latest-news-container > h2, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption {
+ top : auto;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container > h2:after, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption:after, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption:after {
+ margin : 10px 0 10px 0;
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-article {
+ position : relative;
+ top : -44px;
+ }
+ @media screen and (max-width:768px) {
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-article {
+ top : auto;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-article .more {
+ position : relative;
+ top : 44px;
+ }
+ @media screen and (max-width:768px) {
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-article .more {
+ top : auto;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews {
+ margin-top : 20px;
+ width : calc((100% - 30px) / 2);
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews .header {
+ margin-top : 10px;
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews .header h3 span {
+ font-size : 15px;
+ font-weight : 600;
+ line-height : normal;
+ }
+ @media screen and (max-width:768px) {
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews {
+ width : 100%;
+ }
+ }
+ .community-forum-news > .inner > div.tx-typo3forum-pi1 > h2, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 > caption {
+ text-align : left;
+ text-transform : none;
+ }
+ .community-forum-news > .inner > div.tx-typo3forum-pi1 > h2:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 > caption:after {
+ margin : 10px 0 10px 0;
+ }
+ .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-forum-latest-post > div {
+ padding : 10px;
+ }
+ @media screen and (max-width:980px) {
+ .community-forum-news > .inner > div {
+ float : none;
+ width : 100%;
+ margin-left : 0 !important ;
+ max-width : none;
+ }
+ }
+ .zweispaltig-unterseiten-layout {
+ max-width : 1030px;
+ width : 100%;
+ margin-left : auto;
+ margin-right : auto;
+ }
+ @media screen and (max-width:1100px) {
+ .zweispaltig-unterseiten-layout {
+ padding : 0 25px;
+ }
+ }
+ .leftSidebar {
+ float : left;
+ width : 23.30%;
+ width : calc(100% - 72%);
+ max-width : 240px;
+ display : block;
+ padding : 50px 0;
+ padding-top : 0;
+ margin-top : 40px;
+ min-height : 1px;
+ }
+ .leftSidebar .leftMenu {
+ float : none;
+ width : 100%;
+ margin-top : 0;
+ }
+ .leftSidebar .inner.small, .leftSidebar .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .leftSidebar .tx-felogin-pi1-inner, .leftSidebar .inner {
+ padding : 0 !important ;
+ }
+ @media screen and (max-width:767px) {
+ .leftSidebar {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ max-width : none;
+ padding-bottom : 0;
+ }
+ .leftSidebar .leftMenu {
+ margin-bottom : 0;
+ padding-bottom : 0;
+ margin-top : 25px;
+ }
+ .leftSidebar .leftMenu .profile-sidebar-content {
+ margin-top : 15px;
+ }
+ }
+ .rightContent {
+ float : left;
+ width : 73.78%;
+ width : calc(100% - 32.85%);
+ display : block;
+ max-width : 740px;
+ padding : 50px 0;
+ margin-left : 4.85%;
+ padding-top : 0;
+ min-height : 1px;
+ margin-top : 40px;
+ }
+ .rightContent .tx-srfeuserregister-pi1 {
+ float : none;
+ width : 100%;
+ display : block;
+ margin-bottom : 40px;
+ }
+ .rightContent .tx-srfeuserregister-pi1 input {
+ padding : 10px 15px;
+ }
+ .rightContent .inner.small, .rightContent .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .rightContent .tx-felogin-pi1-inner, .rightContent .inner {
+ padding : 0 !important ;
+ }
+ @media screen and (max-width:767px) {
+ .rightContent {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ max-width : none;
+ margin-top : 25px;
+ }
+ }
+ header.header {
+ padding : 0 0 25px 0;
+ max-height : 133px;
+ border-bottom : 5px solid #fc0;
+ position : fixed;
+ top : 0;
+ z-index : 9999;
+ left : 0;
+ right : 0;
+ background : #fff;
+ }
+ header.header.compexHeader {
+ height : 100px;
+ padding-top : 25px;
+ }
+ header.header.compexHeader .topMeta {
+ display : none;
+ }
+ header.header.compexHeader + * {
+ margin-top : 100px;
+ display : block;
+ }
+ @media screen and (max-width:480px) {
+ header.header.compexHeader {
+ height : 72px;
+ padding-top : 15px;
+ padding-bottom : 15px;
+ }
+ header.header.compexHeader + * {
+ margin-top : 72px;
+ }
+ }
+ header.header + * {
+ margin-top : 133px;
+ display : block;
+ }
+ @media screen and (max-width:860px) {
+ header.header {
+ height : 155px;
+ max-height : 155px;
+ }
+ header.header + * {
+ margin-top : 155px;
+ }
+ }
+ @media screen and (max-width:480px) {
+ header.header {
+ height : 200px;
+ max-height : 200px;
+ }
+ header.header + * {
+ margin-top : 200px;
+ }
+ }
+ @media screen and (max-width:460px) {
+ header.header {
+ max-height : 120px;
+ height : 120px;
+ }
+ header.header + * {
+ margin-top : 120px;
+ }
+ }
+ header.header .topMeta {
+ width : 100%;
+ background : #f5f5f5;
+ margin-bottom : 20px;
+ height : 30px;
+ line-height : 30px;
+ }
+ @media screen and (max-width:860px) {
+ header.header .topMeta {
+ height : auto;
+ }
+ }
+ header.header .topMeta .left {
+ float : left;
+ color : #333;
+ font-size : 12px;
+ font-weight : 600;
+ line-height : 30px;
+ }
+ @media screen and (max-width:860px) {
+ header.header .topMeta .left {
+ float : none;
+ width : 100%;
+ text-align : center;
+ }
+ }
+ @media screen and (max-width:460px) {
+ header.header .topMeta .left {
+ display : none;
+ }
+ }
+ header.header .topMeta .right {
+ float : right;
+ }
+ header.header .topMeta .right form {
+ position : relative;
+ float : left;
+ margin-right : 5px;
+ }
+ header.header .topMeta .right form input[type="text"] {
+ border : 0;
+ background : #fff;
+ padding : 0 5px;
+ height : 24px;
+ position : relative;
+ padding-right : 25px;
+ font-size : 12px;
+ line-height : 24px;
+ top : -2px;
+ margin-right : 35px;
+ margin-bottom : 0;
+ }
+ header.header .topMeta .right form button {
+ position : absolute;
+ right : 5px;
+ top : 1px;
+ background : transparent;
+ border : none;
+ font-size : 18px;
+ color : #333;
+ }
+ header.header .topMeta .right form button:before {
+ content : "\f002";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ @media screen and (max-width:460px) {
+ header.header .topMeta .right form {
+ display : none;
+ }
+ }
+ @media screen and (max-width:860px) {
+ header.header .topMeta .right {
+ float : none;
+ width : 100%;
+ text-align : center;
+ text-align : right;
+ }
+ }
+ header.header .topMeta a {
+ text-decoration : none;
+ text-transform : uppercase;
+ color : #333;
+ font-size : 12px;
+ line-height : normal;
+ font-weight : 600;
+ padding : 0 10px;
+ border-left : 1px solid #333;
+ }
+ header.header .topMeta a i {
+ margin-right : 3px;
+ }
+ header.header .topMeta a:hover {
+ text-decoration : underline;
+ }
+ header.header .topMeta a:last-of-type {
+ border-right : 1px solid #333;
+ }
+ @media screen and (max-width:860px) {
+ header.header .topMeta a {
+ border-left : none;
+ }
+ header.header .topMeta a:last-of-type {
+ border-right : none;
+ border-left : 1px solid #333;
+ padding-left : 14px;
+ }
+ }
+ @media screen and (max-width:480px) and (min-width:461px) {
+ header.header .topMeta a {
+ display : block;
+ float : none;
+ margin-left : auto;
+ margin-right : auto;
+ width : 100%;
+ clear : both;
+ padding-top : 10px;
+ }
+ header.header .topMeta a:last-of-type {
+ border-left : none;
+ }
+ }
+ header.header .logo {
+ float : left;
+ display : block;
+ max-width : 215px;
+ }
+ @media screen and (max-width:480px) {
+ header.header .logo {
+ max-width : 180px;
+ }
+ }
+ header.header .logo img {
+ max-height : 50px;
+ }
+ header.header nav {
+ float : right;
+ }
+ @media screen and (min-width:1121px) {
+ header.header nav > ul > li {
+ float : left;
+ padding : 14px 0;
+ position : relative;
+ }
+ header.header nav > ul > li > a {
+ color : #333;
+ text-decoration : none;
+ font-weight : 700;
+ text-transform : uppercase;
+ font-family : "Open Sans", sans-serif;
+ }
+ header.header nav > ul > li > a i {
+ display : none;
+ }
+ header.header nav > ul > li + li {
+ margin-left : 25px;
+ }
+ header.header nav > ul > li:last-of-type {
+ margin-left : 40px;
+ background : #be1622;
+ padding : 14px 19px;
+ }
+ header.header nav > ul > li:last-of-type a {
+ color : #fff;
+ }
+ header.header nav > ul > li:last-of-type:hover:before, header.header nav > ul > li:last-of-type.active:before {
+ display : none !important ;
+ }
+ header.header nav > ul > li ul {
+ display : none;
+ position : absolute;
+ width : 170px;
+ top : 75px;
+ background : #fff;
+ z-index : 99999;
+ box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.35);
+ }
+ header.header nav > ul > li ul li {
+ display : block;
+ }
+ header.header nav > ul > li ul li a {
+ font-size : 12px;
+ font-weight : 700;
+ color : #333;
+ text-decoration : none;
+ line-height : 14px;
+ padding : 14px 10px;
+ display : block;
+ text-transform : uppercase;
+ }
+ header.header nav > ul > li ul li:hover, header.header nav > ul > li ul li.active {
+ background : #be1622;
+ }
+ header.header nav > ul > li ul li:hover a, header.header nav > ul > li ul li.active a {
+ color : #fff;
+ }
+ header.header nav > ul > li ul li + li {
+ border-top : 1px solid #b7b7b7;
+ }
+ header.header nav > ul > li:hover:after {
+ content : "";
+ position : absolute;
+ left : 0;
+ right : 0;
+ bottom : -28px;
+ width : 100%;
+ height : 45px;
+ cursor : pointer;
+ }
+ header.header nav > ul > li:hover ul {
+ display : block;
+ }
+ header.header nav > ul > li:hover:before, header.header nav > ul > li.active:before {
+ content : "";
+ position : absolute;
+ border-bottom : 2px solid #bf1e2e;
+ height : 2px;
+ width : 100%;
+ top : 38px;
+ }
+ }
+ @media screen and (max-width:1120px) {
+ header.header nav {
+ position : relative;
+ }
+ header.header nav > ul {
+ position : absolute;
+ width : 250px;
+ right : 0;
+ box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.5);
+ z-index : 999999;
+ display : none;
+ }
+ header.header nav > ul li {
+ float : none;
+ display : block;
+ padding : 0;
+ width : 100%;
+ background : #fff;
+ }
+ header.header nav > ul li.active {
+ background : #be1622;
+ }
+ header.header nav > ul li.active > a {
+ color : #fff;
+ }
+ header.header nav > ul li a {
+ display : block;
+ width : 100%;
+ padding : 14px 60px 14px 10px;
+ color : #333;
+ text-decoration : none;
+ font-weight : 700;
+ position : relative;
+ text-transform : uppercase;
+ font-family : "Open Sans", sans-serif;
+ }
+ header.header nav > ul li a:hover {
+ color : #fff;
+ background : #be1622;
+ }
+ header.header nav > ul li a i {
+ display : inline-block;
+ position : absolute;
+ right : 0;
+ top : 38%;
+ margin-top : -18px;
+ padding : 16px;
+ }
+ header.header nav > ul li a i.fa-chevron-up {
+ display : none;
+ }
+ header.header nav > ul li.open a i.fa-chevron-up {
+ display : inline-block;
+ }
+ header.header nav > ul li.open a i.fa-chevron-down {
+ display : none;
+ }
+ header.header nav > ul li + li {
+ margin-left : 0;
+ border-top : 1px solid #b7b7b7;
+ }
+ header.header nav > ul li > ul {
+ display : none;
+ }
+ header.header nav > ul li > ul li {
+ background : #f9f9f9;
+ border-top : 1px solid #b7b7b7;
+ }
+ header.header nav > ul li > ul li a {
+ font-size : 13px;
+ line-height : normal;
+ padding : 10px 10px 10px 30px;
+ }
+ header.header nav > ul li > ul li.active a {
+ color : #fff;
+ background : #be1622;
+ }
+ header.header nav > ul li.open > ul {
+ display : block;
+ }
+ header.header nav > ul > li:last-of-type {
+ border-top : none;
+ }
+ header.header nav > ul > li:last-of-type a {
+ color : #fff;
+ background : #be1622;
+ }
+ header.header nav.active > ul {
+ display : block;
+ height : 450px;
+ overflow : scroll;
+ }
+ }
+ header.header .mobile-button {
+ display : none;
+ padding : 10px 0;
+ cursor : pointer;
+ }
+ header.header .mobile-button i {
+ font-size : 40px;
+ }
+ @media screen and (max-width:640px) {
+ header.header .mobile-button {
+ padding : 5px 0 0 0;
+ }
+ }
+ @media screen and (max-width:1120px) {
+ header.header .mobile-button {
+ display : block;
+ }
+ }
+ body.compexCommerce header.header.compexHeader .topMeta {
+ height : 0;
+ }
+ body.compexCommerce header.header.compexHeader .topMeta .right {
+ display : none;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type {
+ margin-left : 25px;
+ background : transparent;
+ padding : 11px 0;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:after {
+ content : "\f107";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ position : relative;
+ z-index : 9600;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:hover:after {
+ left : auto;
+ right : auto;
+ bottom : auto;
+ position : relative;
+ width : auto;
+ height : auto;
+ }
+ @media screen and (max-width:1120px) {
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch {
+ padding : 0;
+ margin : 0;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:after {
+ display : none;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch ul {
+ width : 100%;
+ padding : 0 10px 15px 10px;
+ background : #be1622;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch ul li {
+ background : #be1622;
+ border-top : none;
+ }
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type > a {
+ color : #333;
+ position : relative;
+ z-index : 9600;
+ font-size : 13px;
+ line-height : normal;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type img {
+ vertical-align : middle;
+ position : relative;
+ z-index : 9600;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type:hover:before, body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.active:before {
+ display : none !important ;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type li a {
+ color : #333;
+ font-weight : 700;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type li a:hover {
+ color : #fff;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul {
+ width : 80px;
+ padding-left : 10px;
+ top : 0;
+ padding-top : 47px;
+ left : -10px;
+ z-index : 9500;
+ padding-bottom : 10px;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li img {
+ vertical-align : middle;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li a {
+ font-weight : 700;
+ padding : 0;
+ display : inline;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li:hover {
+ background : transparent;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li:hover a {
+ color : #333;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li + li {
+ border-top : none;
+ padding-top : 10px;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search:hover:before {
+ display : none !important ;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search .compexCommerce-openSearch i {
+ display : block;
+ font-size : 18px;
+ color : #333;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form {
+ position : absolute;
+ top : 38px;
+ right : 0;
+ display : none;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form.active {
+ display : block;
+ animation : display-none-transition 1s both;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form div {
+ position : relative;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form input[type="text"] {
+ height : 30px;
+ padding : 0 25px 0 5px;
+ width : 180px;
+ border : #be1622 solid 1px;
+ outline : none;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form button {
+ border : none;
+ background : transparent;
+ position : absolute;
+ right : 5px;
+ top : 5px;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form button i {
+ font-size : 15px;
+ color : #be1622;
+ }
+ @keyframes display-none-transition {
+ 0% {
+ opacity : 0;
+ }
+ 100% {
+ opacity : 1;
+ }
+ }
+ @media screen and (max-width:1360px) {
+ header.header .topMeta, header.header .topMeta + div {
+ padding : 0 20px;
+ }
+ }
+ @media screen and (max-width:1300px) and (min-width:1121px) {
+ header.header nav > ul > li > a {
+ font-size : 13px;
+ line-height : normal;
+ }
+ header.header nav > ul > li:last-of-type {
+ margin-left : 20px;
+ }
+ header.header nav > ul > li + li {
+ margin-left : 18px;
+ }
+ }
+ footer.footer {
+ background : #333;
+ padding : 50px 0 15px 0;
+ }
+ footer.footer div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner {
+ margin-bottom : 80px;
+ }
+ footer.footer div.inner.small:nth-of-type(2), footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2), .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) {
+ margin-bottom : 0;
+ }
+ footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element {
+ margin-bottom : 0;
+ max-width : none;
+ width : auto;
+ float : left;
+ }
+ footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small, footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner {
+ padding-left : 0;
+ padding-right : 0;
+ }
+ @media screen and (max-width:860px) {
+ footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element {
+ float : none;
+ }
+ }
+ footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ float : left;
+ width : calc(100% / 6);
+ }
+ footer.footer div.inner.small ul > a, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul > a, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul > a {
+ color : #fff;
+ font-size : 13px;
+ line-height : normal;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ footer.footer div.inner.small ul > a:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul > a:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul > a:after {
+ content : "";
+ display : block;
+ width : 75px;
+ height : 1px;
+ background : #fc0;
+ margin : 10px 0 10px 0;
+ }
+ footer.footer div.inner.small ul li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li {
+ display : block;
+ }
+ footer.footer div.inner.small ul li a, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li a, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li a {
+ display : block;
+ color : #cecece;
+ text-decoration : none;
+ font-size : 12px;
+ line-height : normal;
+ font-weight : 400;
+ }
+ footer.footer div.inner.small ul li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li + li {
+ margin-top : 5px;
+ }
+ footer.footer div.inner.small ul.imprintList, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList {
+ width : auto;
+ float : right;
+ margin-top : -4px;
+ }
+ footer.footer div.inner.small ul.imprintList li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li {
+ display : inline-block;
+ }
+ footer.footer div.inner.small ul.imprintList li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li + li {
+ margin-left : 10px;
+ }
+ footer.footer div.inner.small ul.imprintList li:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li:after {
+ display : none;
+ }
+ @media screen and (max-width:860px) {
+ footer.footer div.inner.small ul.imprintList, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList {
+ float : none !important ;
+ margin : 10px 0 0 0;
+ width : auto !important ;
+ }
+ }
+ footer.footer div.inner.small p, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p {
+ font-size : 12px;
+ line-height : normal;
+ color : #fff;
+ margin : 0;
+ }
+ @media screen and (max-width:860px) {
+ footer.footer div.inner.small p, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p {
+ float : none;
+ }
+ }
+ footer.footer div.inner.small + div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner + div.inner.small, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner + div.inner.small, footer.footer .tx-felogin-pi1 div.inner.small + div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.inner.small + div.tx-felogin-pi1-inner, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner + div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner + div.tx-felogin-pi1-inner {
+ margin-bottom : 0;
+ }
+ @media screen and (max-width:800px) {
+ footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul {
+ width : calc(100% / 3);
+ }
+ footer.footer div.inner.small ul:nth-of-type(n 4), footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul:nth-of-type(n 4), .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul:nth-of-type(n 4) {
+ margin-top : 20px;
+ }
+ }
+ @media screen and (max-width:720px) {
+ footer.footer div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner {
+ margin-bottom : 50px;
+ }
+ footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul {
+ float : none;
+ width : 100%;
+ }
+ footer.footer div.inner.small ul li:first-of-type, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li:first-of-type, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li:first-of-type {
+ display : block;
+ }
+ footer.footer div.inner.small ul li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li + li {
+ margin-right : 10px;
+ display : inline-block;
+ }
+ footer.footer div.inner.small ul + ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul + ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul + ul {
+ margin-top : 20px;
+ }
+ }
+ .breadcrumbContainer {
+ padding-top : 11px;
+ padding-bottom : 11px;
+ }
+ @media screen and (max-width:1100px) {
+ .breadcrumbContainer {
+ padding-top : 11px !important ;
+ padding-bottom : 11px !important ;
+ }
+ }
+ .breadcrumbContainer ul li {
+ color : #333;
+ display : inline-block;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .breadcrumbContainer ul li a {
+ color : #999999;
+ text-decoration : none;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .breadcrumbContainer ul li:before {
+ content : "\f015";
+ color : #fc0;
+ display : inline-block;
+ margin-right : 5px;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ .breadcrumbContainer ul li + li {
+ margin-left : 5px;
+ }
+ .breadcrumbContainer ul li + li:before {
+ content : "\f054";
+ }
+ .breadcrumbContainer ul li:last-of-type a {
+ color : #333;
+ }
+ .mfp-image-holder .mfp-content {
+ margin-top : 50px;
+ padding : 0 25px;
+ }
+ .mfp-image-holder .mfp-content figure {
+ background : #fff;
+ }
+ img.mfp-img {
+ max-height : 100% !important ;
+ }
+ .ce-video {
+ padding : 30px 0;
+ }
+ .ce-video .left {
+ float : left;
+ max-width : 500px;
+ margin-right : 30px;
+ }
+ .ce-video .left video {
+ max-width : 100%;
+ height : auto;
+ }
+ .ce-video .right {
+ float : left;
+ max-width : 500px;
+ }
+ .ce-video .right h1, .ce-video .right h2, .ce-video .right .ce-table table caption, .ce-table table .ce-video .right caption, .ce-video .right h3 {
+ margin-top : 0;
+ }
+ .ce-video .right h2, .ce-video .right .ce-table table caption, .ce-table table .ce-video .right caption {
+ text-align : left;
+ }
+ .ce-video .right h2:after, .ce-video .right .ce-table table caption:after, .ce-table table .ce-video .right caption:after {
+ margin : 10px 0 0 0;
+ }
+ .ce-forum-latest-post {
+ margin-top : 40px;
+ max-width : 83%;
+ }
+ @media screen and (max-width:980px) {
+ .ce-forum-latest-post {
+ max-width : none;
+ }
+ }
+ .ce-forum-latest-post + .ce-forum-latest-post {
+ margin-top : 0;
+ }
+ .ce-forum-latest-post:last-of-type {
+ margin-bottom : 40px;
+ border-bottom : 1px solid #bbb;
+ }
+ .ce-forum-latest-post h2, .ce-forum-latest-post .ce-table table caption, .ce-table table .ce-forum-latest-post caption {
+ text-align : left;
+ }
+ .ce-forum-latest-post h2:after, .ce-forum-latest-post .ce-table table caption:after, .ce-table table .ce-forum-latest-post caption:after {
+ margin : 10px 0 10px 0;
+ }
+ .ce-forum-latest-post > div {
+ display : block;
+ width : 100%;
+ padding : 12px;
+ background : #fff;
+ border-right : 1px solid #bbbbbb;
+ border-left : 1px solid #bbbbbb;
+ border-top : 1px solid #bbbbbb;
+ }
+ .ce-forum-latest-post > div img {
+ float : left;
+ max-width : 70px;
+ margin-right : 15px;
+ }
+ .ce-forum-latest-post > div div h3 {
+ font-size : 18px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ margin : 0 0 0 0;
+ }
+ .ce-forum-latest-post > div div h3 a {
+ color : #333;
+ }
+ .ce-forum-latest-post > div div p {
+ font-weight : 400;
+ float : left;
+ }
+ .ce-forum-latest-post > div div p + p {
+ margin-left : 10px;
+ }
+ .tx-typo3forum-post-latest-box h2, .tx-typo3forum-post-latest-box .ce-table table caption, .ce-table table .tx-typo3forum-post-latest-box caption {
+ text-align : left;
+ }
+ .tx-typo3forum-post-latest-box h2:after, .tx-typo3forum-post-latest-box .ce-table table caption:after, .ce-table table .tx-typo3forum-post-latest-box caption:after {
+ margin : 10px 0 10px 0;
+ }
+ .leftMenu {
+ float : left;
+ width : 24.27%;
+ margin-top : 30px;
+ }
+ @media screen and (max-width:767px) {
+ .leftMenu {
+ float : none;
+ width : 100%;
+ margin-bottom : 40px;
+ padding-bottom : 40px;
+ border-bottom : 1px solid #bbbbbb;
+ }
+ .leftMenu .profile-sidebar-content {
+ display : none;
+ }
+ .leftMenu .profile-sidebar-content.active {
+ display : block;
+ }
+ }
+ .leftMenu h3 {
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ text-transform : uppercase;
+ border-bottom : 2px solid #fc0;
+ margin-bottom : 15px;
+ }
+ .leftMenu ul {
+ margin : 0;
+ padding : 0;
+ list-style-type : none;
+ }
+ .leftMenu ul li {
+ display : block;
+ }
+ .leftMenu ul li a {
+ font-size : 15px;
+ line-height : normal;
+ color : #333;
+ text-decoration : none;
+ font-weight : 400;
+ text-transform : uppercase;
+ }
+ .leftMenu ul li.active a, .leftMenu ul li:hover a {
+ font-weight : 700;
+ color : #333;
+ }
+ .leftMenu ul li + li {
+ margin-top : 15px;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1, .leftMenu + * {
+ width : 74.75%;
+ float : left;
+ margin-left : 0.97%;
+ padding : 30px 10px 0 10px;
+ }
+ @media screen and (max-width:767px) {
+ .leftMenu + .tx-srfeuserregister-pi1, .leftMenu + * {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ padding : 0;
+ }
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice, .leftMenu + * .tx-srfeuserregister-pi1-notice {
+ margin : 0;
+ font-style : normal;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash, .leftMenu + * .tx-srfeuserregister-pi1-trash {
+ margin : 0 0 10px 0;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash a, .leftMenu + * .tx-srfeuserregister-pi1-trash a {
+ background : transparent;
+ padding-left : 0;
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 400;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt {
+ float : left;
+ width : 32.46%;
+ text-align : left;
+ padding : 17px 10px 16px 10px;
+ }
+ @media screen and (max-width:600px) {
+ .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt {
+ float : none;
+ width : 100%;
+ padding : 0 10px 0 0;
+ }
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dt label, .leftMenu + * dt label {
+ font-size : 15px;
+ line-height : normal;
+ color : #333;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dd, .leftMenu + * dd {
+ float : left;
+ width : 66.23%;
+ margin-left : 1.29%;
+ }
+ @media screen and (max-width:600px) {
+ .leftMenu + .tx-srfeuserregister-pi1 dd, .leftMenu + * dd {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ margin-top : 0;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dd input[type="text"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="password"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="email"], .leftMenu + * dd input[type="text"], .leftMenu + * dd input[type="password"], .leftMenu + * dd input[type="email"] {
+ margin-top : 0;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dd input[type="submit"], .leftMenu + * dd input[type="submit"] {
+ margin-top : 0;
+ }
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dd input[type="text"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="password"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="email"], .leftMenu + * dd input[type="text"], .leftMenu + * dd input[type="password"], .leftMenu + * dd input[type="email"] {
+ width : 100%;
+ height : 55px;
+ vertical-align : middle;
+ line-height : 55px;
+ padding : 0 10px;
+ font-size : 15px;
+ color : #333;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 input[type="submit"], .leftMenu + * input[type="submit"] {
+ float : right;
+ margin-bottom : 40px;
+ }
+ .leftMenu .profile-sidebar {
+ display : none;
+ margin-top : 15px;
+ }
+ .leftMenu .profile-sidebar button {
+ border : none;
+ width : 100%;
+ display : block;
+ }
+ @media screen and (max-width:767px) {
+ .leftMenu .profile-sidebar {
+ display : block;
+ }
+ }
+ .formular-sidebar {
+ float : left;
+ width : 25%;
+ margin-left : 5%;
+ padding-top : 50px;
+ padding-bottom : 50px;
+ }
+ .formular-sidebar .formular-sidebar-content {
+ width : 100%;
+ }
+ .formular-sidebar .formular-sidebar-content + .formular-sidebar-content {
+ margin-top : 40px;
+ }
+ .formular-sidebar h2, .formular-sidebar .ce-table table caption, .ce-table table .formular-sidebar caption {
+ font-size : 18px;
+ line-height : normal;
+ text-align : left;
+ margin : 0 0 5px 0;
+ }
+ .formular-sidebar h2:after, .formular-sidebar .ce-table table caption:after, .ce-table table .formular-sidebar caption:after {
+ margin : 10px 0 0 0;
+ }
+ .formular-sidebar img {
+ margin-top : 20px;
+ }
+ .formular-sidebar p {
+ font-size : 13px;
+ line-height : normal;
+ }
+ .formular-sidebar .fontAwesome-list {
+ margin-bottom : 20px;
+ }
+ .formular-sidebar .fontAwesome-list ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .formular-sidebar .fontAwesome-list ul li {
+ display : block;
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ font-weight : 700;
+ }
+ .formular-sidebar .fontAwesome-list ul li i {
+ display : table-cell;
+ font-size : 22px;
+ margin-right : 10px;
+ border-radius : 50px;
+ border : #333 solid 2px;
+ padding : 10px;
+ vertical-align : sub;
+ float : left;
+ height : 46px;
+ width : 46px;
+ }
+ .formular-sidebar .fontAwesome-list ul li span {
+ margin : 0;
+ display : table-cell;
+ vertical-align : middle;
+ padding-left : 10px;
+ height : 46px;
+ }
+ @media screen and (max-width:440px) {
+ .formular-sidebar .fontAwesome-list ul li span {
+ width : 80%;
+ }
+ }
+ @media screen and (max-width:360px) {
+ .formular-sidebar .fontAwesome-list ul li span {
+ width : 70%;
+ }
+ }
+ .formular-sidebar .fontAwesome-list ul li + li {
+ padding-top : 10px;
+ clear : both;
+ }
+ @media screen and (max-width:800px) {
+ .formular-sidebar {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ padding : 0 0 50px 0;
+ }
+ }
+ .ui-icon {
+ display : none !important ;
+ }
+ .compexCommerce .news-list-view .header {
+ max-width : none;
+ }
+ .cc_container .cc_btn {
+ padding : 8px 10px !important ;
+ }
+ body.compexCommerce main > *:first-child {
+ margin-top : 40px;
+ }
+ body.compexCommerce main > .sliderContainer {
+ margin-top : 0 !important ;
+ }
+ body.compexCommerce main > .unterseiten-banner:first-child {
+ margin-top : 0;
+ }
+
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/common/styles.css b/org.eclipse.osbp.themes/VAADIN/themes/common/styles.css
new file mode 100644
index 0000000..db793b9
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/common/styles.css
@@ -0,0 +1,21477 @@
+/******************************************************************
+ * *
+ * Copyright (C) - Sample Corp., Smalltown, Sampleland
+ * *
+ * This source was generated via the OS.bee toolset! *
+ * *
+ * OS.bee is (C) - Loetz GmbH&Co.KG, 69115 Heidelberg, Germany *
+ * *
+ *================================================================*
+ * *
+ * @file $HeadURL$
+ * @version $Revision$
+ * @date $Date$
+ * @author $Author$
+ * *
+ ******************************************************************/
+
+/***************/
+
+/**
+ * Checks if a list contains a certain value.
+ *
+ * @param {list} $list - the list to check
+ * @param {value} $var - the value to search for
+ * @param {bool} $recursive (false) - should any contained lists be checked for the value
+ *
+ * @return {bool} true if the value is found from the list, false otherwise
+ *
+ * @group lists
+ */
+
+/**
+ * Cross-browser opacity.
+ *
+ * @param {number} $value - opacity value from 0 to 1
+ * @param {bool} $important (false) - should the property value be declared with !important
+ *
+ * @group util
+ */
+
+@-webkit-keyframes valo-animate-in-fade {
+ 0% {
+ opacity: 0;
+ }
+ }
+
+@-moz-keyframes valo-animate-in-fade {
+ 0% {
+ opacity: 0;
+ }
+ }
+
+@keyframes valo-animate-in-fade {
+ 0% {
+ opacity: 0;
+ }
+ }
+
+@-webkit-keyframes valo-animate-out-fade {
+ 100% {
+ opacity: 0;
+ }
+ }
+
+@-moz-keyframes valo-animate-out-fade {
+ 100% {
+ opacity: 0;
+ }
+ }
+
+@keyframes valo-animate-out-fade {
+ 100% {
+ opacity: 0;
+ }
+ }
+
+@-webkit-keyframes valo-animate-in-slide-down {
+ 0% {
+ -webkit-transform: translateY(-100%);
+ }
+ }
+
+@-moz-keyframes valo-animate-in-slide-down {
+ 0% {
+ -moz-transform: translateY(-100%);
+ }
+ }
+
+@keyframes valo-animate-in-slide-down {
+ 0% {
+ -webkit-transform: translateY(-100%);
+ -moz-transform: translateY(-100%);
+ -ms-transform: translateY(-100%);
+ -o-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+ }
+
+@-webkit-keyframes valo-animate-in-slide-up {
+ 0% {
+ -webkit-transform: translateY(100%);
+ }
+ }
+
+@-moz-keyframes valo-animate-in-slide-up {
+ 0% {
+ -moz-transform: translateY(100%);
+ }
+ }
+
+@keyframes valo-animate-in-slide-up {
+ 0% {
+ -webkit-transform: translateY(100%);
+ -moz-transform: translateY(100%);
+ -ms-transform: translateY(100%);
+ -o-transform: translateY(100%);
+ transform: translateY(100%);
+ }
+ }
+
+@-webkit-keyframes valo-animate-in-slide-left {
+ 0% {
+ -webkit-transform: translateX(100%);
+ }
+ }
+
+@-moz-keyframes valo-animate-in-slide-left {
+ 0% {
+ -moz-transform: translateX(100%);
+ }
+ }
+
+@keyframes valo-animate-in-slide-left {
+ 0% {
+ -webkit-transform: translateX(100%);
+ -moz-transform: translateX(100%);
+ -ms-transform: translateX(100%);
+ -o-transform: translateX(100%);
+ transform: translateX(100%);
+ }
+ }
+
+@-webkit-keyframes valo-animate-in-slide-right {
+ 0% {
+ -webkit-transform: translateX(-100%);
+ }
+ }
+
+@-moz-keyframes valo-animate-in-slide-right {
+ 0% {
+ -moz-transform: translateX(-100%);
+ }
+ }
+
+@keyframes valo-animate-in-slide-right {
+ 0% {
+ -webkit-transform: translateX(-100%);
+ -moz-transform: translateX(-100%);
+ -ms-transform: translateX(-100%);
+ -o-transform: translateX(-100%);
+ transform: translateX(-100%);
+ }
+ }
+
+@-webkit-keyframes valo-animate-out-slide-down {
+ 100% {
+ -webkit-transform: translateY(100%);
+ }
+ }
+
+@-moz-keyframes valo-animate-out-slide-down {
+ 100% {
+ -moz-transform: translateY(100%);
+ }
+ }
+
+@keyframes valo-animate-out-slide-down {
+ 100% {
+ -webkit-transform: translateY(100%);
+ -moz-transform: translateY(100%);
+ -ms-transform: translateY(100%);
+ -o-transform: translateY(100%);
+ transform: translateY(100%);
+ }
+ }
+
+@-webkit-keyframes valo-animate-out-slide-up {
+ 100% {
+ -webkit-transform: translateY(-100%);
+ }
+ }
+
+@-moz-keyframes valo-animate-out-slide-up {
+ 100% {
+ -moz-transform: translateY(-100%);
+ }
+ }
+
+@keyframes valo-animate-out-slide-up {
+ 100% {
+ -webkit-transform: translateY(-100%);
+ -moz-transform: translateY(-100%);
+ -ms-transform: translateY(-100%);
+ -o-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+ }
+
+@-webkit-keyframes valo-animate-out-slide-left {
+ 100% {
+ -webkit-transform: translateX(-100%);
+ }
+ }
+
+@-moz-keyframes valo-animate-out-slide-left {
+ 100% {
+ -moz-transform: translateX(-100%);
+ }
+ }
+
+@keyframes valo-animate-out-slide-left {
+ 100% {
+ -webkit-transform: translateX(-100%);
+ -moz-transform: translateX(-100%);
+ -ms-transform: translateX(-100%);
+ -o-transform: translateX(-100%);
+ transform: translateX(-100%);
+ }
+ }
+
+@-webkit-keyframes valo-animate-out-slide-right {
+ 100% {
+ -webkit-transform: translateX(100%);
+ }
+ }
+
+@-moz-keyframes valo-animate-out-slide-right {
+ 100% {
+ -moz-transform: translateX(100%);
+ }
+ }
+
+@keyframes valo-animate-out-slide-right {
+ 100% {
+ -webkit-transform: translateX(100%);
+ -moz-transform: translateX(100%);
+ -ms-transform: translateX(100%);
+ -o-transform: translateX(100%);
+ transform: translateX(100%);
+ }
+ }
+
+@-webkit-keyframes valo-overlay-animate-in {
+ 0% {
+ -webkit-transform: translatey(-4px);
+ opacity: 0;
+ }
+ }
+
+@-moz-keyframes valo-overlay-animate-in {
+ 0% {
+ -moz-transform: translatey(-4px);
+ opacity: 0;
+ }
+ }
+
+@keyframes valo-overlay-animate-in {
+ 0% {
+ -webkit-transform: translatey(-4px);
+ -moz-transform: translatey(-4px);
+ -ms-transform: translatey(-4px);
+ -o-transform: translatey(-4px);
+ transform: translatey(-4px);
+ opacity: 0;
+ }
+ }
+
+@-webkit-keyframes valo-animate-out-slide-down-fade {
+ 100% {
+ opacity: 0;
+ -webkit-transform: translatey(30%);
+ }
+ }
+
+@-moz-keyframes valo-animate-out-slide-down-fade {
+ 100% {
+ opacity: 0;
+ -moz-transform: translatey(30%);
+ }
+ }
+
+@keyframes valo-animate-out-slide-down-fade {
+ 100% {
+ opacity: 0;
+ -webkit-transform: translatey(30%);
+ -moz-transform: translatey(30%);
+ -ms-transform: translatey(30%);
+ -o-transform: translatey(30%);
+ transform: translatey(30%);
+ }
+ }
+
+/**
+ * Outputs cross-browser Valo-specific linear gradient background-image declarations.
+ *
+ * @group style
+ *
+ * @param {color} $color ($v-background-color) - The base color for the gradient color stops
+ * @param {list} $gradient ($v-gradient) - Valo-specific gradient value. See the documentation for $v-gradient.
+ * @param {color} $fallback (null) - A fallback color for browser which do not support linear gradients (IE8 and IE9 in particular). If null, the base $color is used instead.
+ * @param {string} $direction (to bottom) - the direction of the linear gradient. The color stops are by default so that a lighter shade is at the start and a darker shade is at the end.
+ */
+
+/**
+ * Computes a CSS border property value for the given base color.
+ *
+ * @group style
+ *
+ * @param {list} $border ($v-border) - CSS border value which can contain any of the color keywords
+ * @param {color} $color ($v-background-color) - the base color to which the color keywords are applied to
+ * @param {color} $context (null) - context/surrounding color where the border is expected to appear. The color of the final border is the darker of the two parameters passed to this function.
+ * @param {number} $strength (1) - adjustment for the border contrast
+ *
+ * @return {list} The input $border value with any color keyword replaced with the corresponding actual color
+ */
+
+/**
+ * Ouput selectors and properties to vertically center elements inside their parent.
+ *
+ * @param {string} $to-align (()) - The selector to match the elements which you wish to align vertically. The targeted elements should be inline or inline-block elements.
+ * @param {string} $align (middle) - The vertical-align value, e.g. top, middle, bottom
+ * @param {string} $pseudo-element (after) - Which pseudo element to use for the vertical align guide
+ *
+ * @group util
+ */
+
+@font-face {
+ font-family: ThemeIcons;
+ font-weight: normal;
+ font-style: normal;
+ src: url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.eot);
+ src: url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.woff) format("woff"), url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.ttf) format("truetype"), url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.svg#ThemeIcons) format("svg");
+}
+
+.ThemeIcons {
+ font-family: ThemeIcons;
+ font-style: normal;
+ font-weight: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ display: inline-block;
+ text-align: center;
+}
+
+@font-face {
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ src: url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.eot);
+ src: url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.woff) format("woff"), url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.ttf) format("truetype"), url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.svg#FontAwesome) format("svg");
+}
+
+.FontAwesome {
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ display: inline-block;
+ text-align: center;
+}
+
+@-webkit-keyframes v-rotate-360 {
+ to {
+ -webkit-transform: rotate(360deg);
+ }
+ }
+
+@-moz-keyframes v-rotate-360 {
+ to {
+ -moz-transform: rotate(360deg);
+ }
+ }
+
+@-o-keyframes v-rotate-360 {
+ to {
+ -o-transform: rotate(360deg);
+ }
+ }
+
+@keyframes v-rotate-360 {
+ to {
+ transform: rotate(360deg);
+ }
+ }
+
+@-webkit-keyframes v-progress-start {
+ 0% {
+ width: 0%;
+ }
+ 100% {
+ width: 50%;
+ }
+ }
+
+@-moz-keyframes v-progress-start {
+ 0% {
+ width: 0%;
+ }
+ 100% {
+ width: 50%;
+ }
+ }
+
+@keyframes v-progress-start {
+ 0% {
+ width: 0%;
+ }
+ 100% {
+ width: 50%;
+ }
+ }
+
+@-webkit-keyframes v-progress-delay {
+ 0% {
+ width: 50%;
+ }
+ 100% {
+ width: 90%;
+ }
+ }
+
+@-moz-keyframes v-progress-delay {
+ 0% {
+ width: 50%;
+ }
+ 100% {
+ width: 90%;
+ }
+ }
+
+@keyframes v-progress-delay {
+ 0% {
+ width: 50%;
+ }
+ 100% {
+ width: 90%;
+ }
+ }
+
+@-webkit-keyframes v-progress-wait {
+ 0% {
+ width: 90%;
+ height: 24px;
+ }
+ 3% {
+ width: 91%;
+ height: 4px;
+ }
+ 100% {
+ width: 96%;
+ height: 4px;
+ }
+ }
+
+@-moz-keyframes v-progress-wait {
+ 0% {
+ width: 90%;
+ height: 24px;
+ }
+ 3% {
+ width: 91%;
+ height: 4px;
+ }
+ 100% {
+ width: 96%;
+ height: 4px;
+ }
+ }
+
+@keyframes v-progress-wait {
+ 0% {
+ width: 90%;
+ height: 24px;
+ }
+ 3% {
+ width: 91%;
+ height: 4px;
+ }
+ 100% {
+ width: 96%;
+ height: 4px;
+ }
+ }
+
+@-webkit-keyframes v-progress-wait-pulse {
+ 0% {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 0.1;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+@-moz-keyframes v-progress-wait-pulse {
+ 0% {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 0.1;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+@keyframes v-progress-wait-pulse {
+ 0% {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 0.1;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+/**
+ * Outputs the context menu selectors and styles, which is used by Table and Tree for instance.
+ *
+ * @requires {mixin} valo-selection-item-style
+ * @requires {mixin} valo-selection-item-selected-style
+ */
+
+/**
+ * The background color for overlay elements.
+ *
+ * @type color
+ * @group overlay
+ */
+
+.v-shadow, .v-shadow-window {
+ display: none;
+}
+
+.v-ie8 .v-shadow, .v-ie8 .v-shadow-window {
+ display: block;
+}
+
+.v-ie8 .v-shadow .top, .v-ie8 .v-shadow-window .top {
+ position: absolute;
+ top: -6px;
+ right: 10px;
+ bottom: 6px;
+ left: -10px;
+ background: black;
+ filter: alpha(opacity=20) progid:DXImageTransform.Microsoft.blur(pixelradius=10, makeShadow=false);
+}
+
+.v-ie8 .v-shadow .top-left, .v-ie8 .v-shadow-window .top-left {
+ position: absolute;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+ background: black;
+ filter: alpha(opacity=51) progid:DXImageTransform.Microsoft.blur(pixelradius=0, makeShadow=false);
+}
+
+/**
+ * The backgound color for tooltips.
+ *
+ * @type color
+ * @group tooltip
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-absolutelayout) -
+ *
+ * @group absolutelayout
+ */
+
+/**
+ * Outputs the selectors and properties for the Accordion component.
+ *
+ * @param {string} $primary-stylename (v-accordion) - the primary style name for the selectors
+ * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
+ * @group accordion
+ */
+
+/**
+ * Outputs the selectors and properties for the Button component.
+ *
+ * @param {string} $primary-stylename (v-button) - the primary style name for the selectors
+ * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
+ *
+ * @group button
+ */
+
+/**
+ * A list of colors for custom event colors. Can be an empty list of you don't
+ * need any custom event colors.
+ *
+ * @example javascript
+ * // Java code
+ * // 'event' is an instance of EditableCalendarEvent
+ * event.setStyleName("color1"); // 1st color in the list
+ * event.setStyleName("color2"); // 2nd color in the list
+ * // etc.
+ *
+ * @group calendar
+ */
+
+/**
+ * Outputs the selectors and properties for the CheckBox component.
+ *
+ * @param {string} $primary-stylename (v-checkbox) - the primary style name for the selectors
+ * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
+ *
+ * @group checkbox
+ */
+
+/**
+ * Outputs the global selectors and properties for the ColorPicker component - styles which are
+ * considered mandatory for the component to work properly.
+ *
+ * @param {string} $primary-stylename (v-colorpicker) - the primary style name for the selectors
+ *
+ * @group colorpicker
+ */
+
+/**
+ * Outputs the selectors and properties for the ComboBox component.
+ *
+ * @param {string} $primary-stylename (v-filterselect) - the primary style name for the selectors
+ * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
+ *
+ * @group combobox
+ */
+
+/**
+ * The amount of spacing between different widgets in a component group.
+ * If null, a computed value is used ($v-border size * -1, or 1px if $v-border size is 0)
+ *
+ * @group csslayout
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-customcomponent) -
+ *
+ * @group customcomponent
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-customlayout) -
+ *
+ * @group customlayout
+ */
+
+/**
+ * Outputs the selectors and properties for the DateField component.
+ *
+ * @param {string} $primary-stylename (v-datefield) - the primary style name for the selectors
+ * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
+ *
+ * @group datefield
+ */
+
+/**
+ * Outputs the styles and selectors for the DragAndDropWrapper component.
+ *
+ * @param {string} $primary-stylename (v-ddwrapper) - the primary style name for the selectors
+ *
+ * @group drag-n-drop
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-form) -
+ *
+ * @group form
+ */
+
+/**
+ * Outputs the selectors and properties for the FormLayout component.
+ *
+ * @param {string} $primary-stylename (v-formlayout) - the primary style name for the selectors
+ * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
+ *
+ * @group formlayout
+ */
+
+/**
+ *
+ * @group table
+ */
+
+@import "../../base/grid/grid";
+
+@-webkit-keyframes valo-grid-editor-footer-animate-in {
+ 0% {
+ margin-top: -24px;
+ }
+ }
+
+@-moz-keyframes valo-grid-editor-footer-animate-in {
+ 0% {
+ margin-top: -24px;
+ }
+ }
+
+@keyframes valo-grid-editor-footer-animate-in {
+ 0% {
+ margin-top: -24px;
+ }
+ }
+
+@-webkit-keyframes valo-grid-editor-footer-animate-in-alt {
+ 0% {
+ margin-bottom: -25px;
+ }
+ 100% {
+ margin-bottom: -1px;
+ }
+ }
+
+@-moz-keyframes valo-grid-editor-footer-animate-in-alt {
+ 0% {
+ margin-bottom: -25px;
+ }
+ 100% {
+ margin-bottom: -1px;
+ }
+ }
+
+@keyframes valo-grid-editor-footer-animate-in-alt {
+ 0% {
+ margin-bottom: -25px;
+ }
+ 100% {
+ margin-bottom: -1px;
+ }
+ }
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-gridlayout) -
+ *
+ * @group gridlayout
+ */
+
+/**
+ * The font weight for headers.
+ *
+ * @group label
+ */
+
+/**
+ *
+ * @group link
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-loginform) -
+ *
+ * @group loginform
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-menubar) -
+ * @param {bool} $include-additional-styles -
+ *
+ * @group menubar
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-nativebutton) -
+ *
+ * @group nativebutton
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-select) -
+ *
+ * @group nativeselect
+ */
+
+/**
+ *
+ * @group notification
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-select-optiongroup) -
+ * @param {bool} $include-additional-styles -
+ *
+ * @group optiongroup
+ */
+
+/**
+ *
+ *
+ *
+ * @group orderedlayout
+ */
+
+/**
+ *
+ * @group panel
+ */
+
+@-webkit-keyframes v-popupview-animate-in {
+ 0% {
+ -webkit-transform: scale(0);
+ }
+ }
+
+@-moz-keyframes v-popupview-animate-in {
+ 0% {
+ -moz-transform: scale(0);
+ }
+ }
+
+@keyframes v-popupview-animate-in {
+ 0% {
+ -webkit-transform: scale(0);
+ -moz-transform: scale(0);
+ -ms-transform: scale(0);
+ -o-transform: scale(0);
+ transform: scale(0);
+ }
+ }
+
+/**
+ *
+ * @group progressbar
+ */
+
+/**
+ *
+ * @group richtextarea
+ */
+
+/**
+ *
+ * @group slider
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-splitpanel) -
+ * @param {bool} $include-additional-styles -
+ *
+ * @group splitpanel
+ */
+
+/**
+ *
+ * @group table
+ */
+
+/**
+ * Should the tabsheet content changes be animated.
+ *
+ * @group tabsheet
+ */
+
+/**
+ * The background color for text fields.
+ * @group textfield
+ */
+
+/**
+ * Outputs the selectors and properties for the TextArea component.
+ *
+ * @param {string} $primary-stylename (v-textarea) - the primary style name for the selectors
+ * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
+ *
+ * @group textarea
+ */
+
+/**
+ *
+ * @group tree
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-treetable) -
+ *
+ * @group treetable
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-select-twincol) -
+ *
+ * @group twin-column-select
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-upload) -
+ *
+ * @group upload
+ */
+
+/**
+ *
+ */
+
+/**
+ * @group window
+ */
+
+@-webkit-keyframes valo-modal-window-indication {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+@-moz-keyframes valo-modal-window-indication {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+@keyframes valo-modal-window-indication {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+@-webkit-keyframes valo-animate-out-scale-down-fade {
+ 100% {
+ -webkit-transform: scale(0.8);
+ opacity: 0;
+ }
+ }
+
+@-moz-keyframes valo-animate-out-scale-down-fade {
+ 100% {
+ -moz-transform: scale(0.8);
+ opacity: 0;
+ }
+ }
+
+@keyframes valo-animate-out-scale-down-fade {
+ 100% {
+ -webkit-transform: scale(0.8);
+ -moz-transform: scale(0.8);
+ -ms-transform: scale(0.8);
+ -o-transform: scale(0.8);
+ transform: scale(0.8);
+ opacity: 0;
+ }
+ }
+
+/**
+ * @group valo-menu
+ */
+
+.v-vaadin-version:after {
+ content: "@version@";
+}
+
+.v-widget {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ vertical-align: top;
+ text-align: left;
+ white-space: normal;
+}
+
+.v-generated-body {
+ overflow: hidden;
+ margin: 0;
+ padding: 0;
+ border: 0;
+}
+
+.v-app {
+ height: 100%;
+ -webkit-tap-highlight-color: transparent;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.v-app input[type="text"], .v-app .v-slot > .v-caption, .v-app .v-gridlayout-slot > .v-caption, .v-app .v-has-caption > .v-caption, .v-app .v-formlayout-captioncell > .v-caption, .v-app .v-csslayout > .v-caption {
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+}
+
+.v-app input::-ms-clear {
+ display: none;
+}
+
+.v-ui {
+ position: relative;
+}
+
+.v-ui.v-ui-embedded {
+ margin-top: -1px;
+ border-top: 1px solid transparent;
+}
+
+.v-ui:focus {
+ outline: none;
+}
+
+.v-overlay-container {
+ width: 0;
+ height: 0;
+}
+
+.v-drag-element {
+ z-index: 60000;
+ position: absolute !important;
+ cursor: default;
+}
+
+.v-clip {
+ overflow: hidden;
+}
+
+.v-scrollable {
+ overflow: auto;
+}
+
+.v-scrollable > .v-widget {
+ vertical-align: middle;
+ overflow: hidden;
+}
+
+.v-ios.v-webkit .v-scrollable {
+ -webkit-overflow-scrolling: touch;
+}
+
+.v-ios5.v-webkit .v-scrollable {
+ -webkit-overflow-scrolling: none;
+}
+
+.v-webkit.v-ios .v-browserframe {
+ -webkit-overflow-scrolling: touch;
+ overflow: auto;
+}
+
+.v-assistive-device-only {
+ position: absolute;
+ top: -2000px;
+ left: -2000px;
+ width: 10px;
+ overflow: hidden;
+}
+
+.v-icon {
+ cursor: inherit;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.v-icon, .v-errorindicator, .v-required-field-indicator {
+ display: inline-block;
+ line-height: inherit;
+}
+
+.v-caption {
+ display: inline-block;
+ white-space: nowrap;
+ line-height: 21px;
+}
+
+.v-captiontext {
+ display: inline-block;
+ line-height: inherit;
+}
+
+div.v-layout.v-horizontal.v-widget {
+ white-space: nowrap;
+}
+
+.v-layout.v-vertical > .v-expand, .v-layout.v-horizontal > .v-expand {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 100%;
+ height: 100%;
+}
+
+.v-slot, .v-spacing {
+ display: inline-block;
+ white-space: nowrap;
+ vertical-align: top;
+}
+
+.v-vertical > .v-slot:after {
+ display: inline-block;
+ clear: both;
+ width: 0;
+ height: 0;
+ overflow: hidden;
+}
+
+.v-vertical > .v-slot, .v-vertical > .v-expand > .v-slot {
+ display: block;
+ clear: both;
+}
+
+.v-horizontal > .v-slot, .v-horizontal > .v-expand > .v-slot {
+ height: 100%;
+}
+
+.v-horizontal > .v-expand > .v-slot {
+ position: relative;
+}
+
+.v-vertical > .v-spacing, .v-vertical > .v-expand > .v-spacing {
+ width: 0 !important;
+ display: block;
+ clear: both;
+}
+
+.v-horizontal > .v-spacing, .v-horizontal > .v-expand > .v-spacing {
+ height: 0 !important;
+}
+
+.v-align-middle:before, .v-align-bottom:before, .v-expand > .v-align-middle:before, .v-expand > .v-align-bottom:before {
+ content: "";
+ display: inline-block;
+ height: 100%;
+ vertical-align: middle;
+ width: 0;
+}
+
+.v-align-middle, .v-align-bottom {
+ white-space: nowrap;
+}
+
+.v-align-middle > .v-widget, .v-align-bottom > .v-widget {
+ display: inline-block;
+}
+
+.v-align-middle, .v-align-middle > .v-widget {
+ vertical-align: middle;
+}
+
+.v-align-bottom, .v-align-bottom > .v-widget {
+ vertical-align: bottom;
+}
+
+.v-align-center {
+ text-align: center;
+}
+
+.v-align-center > .v-widget {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.v-align-right {
+ text-align: right;
+}
+
+.v-align-right > .v-widget {
+ margin-left: auto;
+}
+
+.v-has-caption, .v-has-caption > .v-caption {
+ display: inline-block;
+}
+
+.v-caption-on-left, .v-caption-on-right {
+ white-space: nowrap;
+}
+
+.v-caption-on-top > .v-caption, .v-caption-on-bottom > .v-caption {
+ display: block;
+}
+
+.v-caption-on-left > .v-caption {
+ padding-right: 0.5em;
+}
+
+.v-caption-on-left > .v-widget, .v-caption-on-right > .v-widget {
+ display: inline-block;
+}
+
+.v-has-caption.v-has-width > .v-widget {
+ width: 100% !important;
+}
+
+.v-has-caption.v-has-height > .v-widget {
+ height: 100% !important;
+}
+
+.v-gridlayout {
+ position: relative;
+}
+
+.v-gridlayout-slot {
+ position: absolute;
+ line-height: 21px;
+}
+
+.v-gridlayout-spacing-on {
+ overflow: hidden;
+}
+
+.v-gridlayout-spacing, .v-gridlayout-spacing-off {
+ padding-left: 0;
+ padding-top: 0;
+}
+
+.v-gridlayout-spacing-off {
+ overflow: hidden;
+}
+
+.v-calendar-month-day-scrollable {
+ overflow-y: scroll;
+}
+
+.v-calendar-week-wrapper {
+ position: relative;
+ overflow: hidden;
+}
+
+.v-calendar-current-time {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ background: red;
+ z-index: 2;
+}
+
+.v-calendar-event-resizetop, .v-calendar-event-resizebottom {
+ position: absolute;
+ height: 5%;
+ min-height: 3px;
+ width: 100%;
+ z-index: 1;
+}
+
+.v-calendar-event-resizetop {
+ cursor: row-resize;
+ top: 0;
+}
+
+.v-calendar-event-resizebottom {
+ cursor: row-resize;
+ bottom: 0;
+}
+
+.v-calendar-header-month td:first-child {
+ padding-left: 20px;
+}
+
+.v-calendar-month-sizedheight .v-calendar-month-day {
+ height: 100px;
+}
+
+.v-calendar-month-sizedwidth .v-calendar-month-day {
+ width: 100px;
+}
+
+.v-calendar-header-month-Hsized .v-calendar-header-day {
+ width: 101px;
+}
+
+.v-calendar-header-month-Hsized td:first-child {
+ padding-left: 21px;
+}
+
+.v-calendar-header-day-Hsized {
+ width: 200px;
+}
+
+.v-calendar-week-numbers-Vsized .v-calendar-week-number {
+ height: 100px;
+ line-height: 100px;
+}
+
+.v-calendar-week-wrapper-Vsized {
+ height: 400px;
+ overflow-x: hidden !important;
+}
+
+.v-calendar-times-Vsized .v-calendar-time {
+ height: 38px;
+}
+
+.v-calendar-times-Hsized .v-calendar-time {
+ width: 42px;
+}
+
+.v-calendar-day-times-Vsized .v-datecellslot, .v-calendar-day-times-Vsized .v-datecellslot-even {
+ height: 18px;
+}
+
+.v-calendar-day-times-Hsized, .v-calendar-day-times-Hsized .v-datecellslot, .v-calendar-day-times-Hsized .v-datecellslot-even {
+ width: 200px;
+}
+
+.v-colorpicker-popup.v-window {
+ min-width: 220px !important;
+}
+
+.v-colorpicker-gradient-container {
+ overflow: visible !important;
+}
+
+.v-colorpicker-gradient-clicklayer {
+ opacity: 0;
+ filter: alpha(opacity=0) ;
+}
+
+.rgb-gradient .v-colorpicker-gradient-background {
+ background: url(../valo/components/img/colorpicker/gradient2.png);
+}
+
+.hsv-gradient .v-colorpicker-gradient-foreground {
+ background: url(../valo/components/img/colorpicker/gradient.png);
+}
+
+.v-colorpicker-gradient-higherbox:before {
+ content: "";
+ width: 11px;
+ height: 11px;
+ border-radius: 7px;
+ border: 1px solid #fff;
+ -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.3);
+ position: absolute;
+ bottom: -6px;
+ left: -6px;
+}
+
+.v-colorpicker-popup .v-slider.v-slider-red:before {
+ background-color: red;
+}
+
+.v-colorpicker-popup .v-slider.v-slider-green:before {
+ background-color: green;
+}
+
+.v-colorpicker-popup .v-slider.v-slider-blue:before {
+ background-color: blue;
+}
+
+.v-colorpicker-popup .v-slider.hue-slider:before {
+ background: url(../valo/components/img/colorpicker/slider_hue_bg.png);
+}
+
+.v-colorpicker-popup input.v-textfield-dark {
+ color: #fff;
+}
+
+.v-colorpicker-popup input.v-textfield-light {
+ color: #000;
+}
+
+.v-colorpicker-grid {
+ height: 319px;
+}
+
+.v-colorpicker-popup .colorselect td {
+ line-height: 15px;
+}
+
+.v-table-header table, .v-table-footer table, .v-table-table {
+ border-spacing: 0;
+ border-collapse: separate;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ line-height: 21px;
+}
+
+.v-table-resizer, .v-table-sort-indicator {
+ float: right;
+}
+
+.v-table-caption-container-align-center {
+ text-align: center;
+}
+
+.v-table-caption-container-align-right {
+ text-align: right;
+}
+
+.v-table-header td, .v-table-footer td, .v-table-cell-content {
+ padding: 0;
+}
+
+.v-table-sort-indicator {
+ width: 0;
+}
+
+.v-tabsheet-hidetabs > .v-tabsheet-tabcontainer, .v-tabsheet-spacertd, .v-disabled .v-tabsheet-scroller, .v-tabsheet .v-disabled .v-tabsheet-caption-close {
+ display: none;
+}
+
+.v-tabsheet {
+ overflow: visible !important;
+ position: relative;
+}
+
+.v-tabsheet-tabcontainer table, .v-tabsheet-tabcontainer tbody, .v-tabsheet-tabcontainer tr {
+ display: inline-block;
+ border-spacing: 0;
+ border-collapse: collapse;
+ vertical-align: top;
+}
+
+.v-tabsheet-tabcontainer td {
+ display: inline-block;
+ padding: 0;
+}
+
+.v-tabsheet-tabs {
+ white-space: nowrap;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.v-tabsheet-content {
+ position: relative;
+}
+
+.v-tabsheet-content > div > .v-scrollable > .v-margin-top {
+ padding-top: 8px;
+}
+
+.v-tabsheet-content > div > .v-scrollable > .v-margin-right {
+ padding-right: 8px;
+}
+
+.v-tabsheet-content > div > .v-scrollable > .v-margin-bottom {
+ padding-bottom: 8px;
+}
+
+.v-tabsheet-content > div > .v-scrollable > .v-margin-left {
+ padding-left: 8px;
+}
+
+.v-splitpanel-vertical, .v-splitpanel-horizontal {
+ overflow: hidden;
+ white-space: nowrap;
+}
+
+.v-splitpanel-hsplitter {
+ z-index: 100;
+ cursor: e-resize;
+ cursor: col-resize;
+}
+
+.v-splitpanel-vsplitter {
+ z-index: 100;
+ cursor: s-resize;
+ cursor: row-resize;
+}
+
+.v-splitpanel-hsplitter:after, .v-splitpanel-vsplitter:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+
+.v-splitpanel-hsplitter div, .v-splitpanel-vsplitter div {
+ width: inherit;
+ height: inherit;
+ overflow: hidden;
+ position: relative;
+}
+
+.v-splitpanel-hsplitter div:before, .v-splitpanel-vsplitter div:before {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+
+.v-disabled [class$="splitter"] div {
+ cursor: default;
+}
+
+.v-disabled [class$="splitter"] div:before {
+ display: none;
+}
+
+.v-splitpanel-horizontal > div > .v-splitpanel-second-container {
+ position: static !important;
+ display: inline-block;
+ vertical-align: top;
+}
+
+.v-splitpanel-horizontal > div > .v-splitpanel-first-container {
+ display: inline-block;
+ vertical-align: top;
+}
+
+.o-XSuggestBox .v-textfield {
+ width: 249px !important;
+}
+
+.o-XSuggestBox .enableSuggestions {
+ border-bottom: 1px solid #111011 !important;
+ height: 23px;
+ text-align: center;
+ width: 24px;
+ background: transparent;
+ border: 0px;
+ float: none;
+ float: right;
+}
+
+.o-XSuggestBox .enableSuggestions:focus {
+ background-color: #aeb9be !important;
+ color: #2f3437;
+}
+
+.o-XSuggestBox .enableSuggestions:hover {
+ border-bottom-color: #5D737E !important;
+}
+
+.o-XSuggestBox .enableSuggestions:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 21px;
+ content: "\f08d";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.o-XSuggestBox .enableSuggestions.selected {
+ background: transparent;
+ border: 0px;
+ float: none;
+ float: right;
+}
+
+.o-XSuggestBox .enableSuggestions.selected:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 21px;
+ content: "\f002";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+@font-face {
+ font-family: "Vaadin-Icons";
+ src: url(fonts/Vaadin-Icons.eot);
+ src: url(fonts/Vaadin-Icons.eot?#iefix) format("embedded-opentype"), url(fonts/Vaadin-Icons.woff) format("woff"), url(fonts/Vaadin-Icons.ttf) format("truetype"), url(fonts/Vaadin-Icons.svg#icomoon) format("svg");
+}
+
+@font-face {
+ font-family: "fontello";
+ src: url(fonts/fontello.eot);
+ src: url(fonts/fontello.eot?#iefix) format("embedded-opentype"), url(fonts/fontello.woff) format("woff"), url(fonts/fontello.ttf) format("truetype"), url(fonts/fontello.svg#icomoon) format("svg");
+}
+
+[class^="icon-"] > .v-button-wrap:before, [class*=" icon-"] > .v-button-wrap:before, [class^="icon-"].v-nativebutton:before, [class*=" icon-"].v-nativebutton:before, [class^="icon-"].v-label:before, [class*=" icon-"].v-label:before, [class*="-icon-"].v-menubar-menuitem:before {
+ font-family: "fontello";
+ font-style: normal;
+ font-weight: normal;
+ speak: none;
+ display: inline-block;
+ text-decoration: inherit;
+ text-align: center;
+ line-height: 1;
+ margin-right: 0.4em;
+ vertical-align: 1px;
+}
+
+[class^="icon-"] > .v-button-wrap:before, [class*=" icon-"] > .v-button-wrap:before, [class^="icon-"].v-nativebutton:before, [class*=" icon-"].v-nativebutton:before {
+ margin: 0;
+ margin-left: -0.3em;
+}
+
+[class^="icon-"] > span > .v-button-caption, [class^="icon-"] > .v-nativebutton-caption, [class*=" icon-"] > span > .v-button-caption, [class*=" icon-"] > .v-nativebutton-caption {
+ margin-left: 12px;
+}
+
+.icon-plus.v-nativebutton:before, .icon-plus > .v-button-wrap:before, .icon-plus.v-label:before, .v-menubar-menuitem-icon-plus:before {
+ content: "\2b";
+}
+
+.icon-minus.v-nativebutton:before, .icon-minus > .v-button-wrap:before, .icon-minus.v-label:before, .v-menubar-menuitem-icon-minus:before {
+ content: "\2d";
+}
+
+.icon-info.v-nativebutton:before, .icon-info > .v-button-wrap:before, .icon-info.v-label:before, .v-menubar-menuitem-icon-info:before {
+ content: "\2139";
+}
+
+.icon-left.v-nativebutton:before, .icon-left > .v-button-wrap:before, .icon-left.v-label:before, .v-menubar-menuitem-icon-left:before {
+ content: "\2190";
+}
+
+.icon-up.v-nativebutton:before, .icon-up > .v-button-wrap:before, .icon-up.v-label:before, .v-menubar-menuitem-icon-up:before {
+ content: "\2191";
+}
+
+.icon-right.v-nativebutton:before, .icon-right > .v-button-wrap:before, .icon-right.v-label:before, .v-menubar-menuitem-icon-right:before {
+ content: "\2192";
+}
+
+.icon-down.v-nativebutton:before, .icon-down > .v-button-wrap:before, .icon-down.v-label:before, .v-menubar-menuitem-icon-down:before {
+ content: "\2193";
+}
+
+.icon-exchange.v-nativebutton:before, .icon-exchange > .v-button-wrap:before, .icon-exchange.v-label:before, .v-menubar-menuitem-icon-exchange:before {
+ content: "\21c4";
+}
+
+.icon-home.v-nativebutton:before, .icon-home > .v-button-wrap:before, .icon-home.v-label:before, .v-menubar-menuitem-icon-home:before {
+ content: "\2302";
+}
+
+.icon-home-1.v-nativebutton:before, .icon-home-1 > .v-button-wrap:before, .icon-home-1.v-label:before, .v-menubar-menuitem-icon-home-1:before {
+ content: "\e802";
+}
+
+.icon-up-dir.v-nativebutton:before, .icon-up-dir > .v-button-wrap:before, .icon-up-dir.v-label:before, .v-menubar-menuitem-icon-up-dir:before {
+ content: "\25b4";
+}
+
+.icon-right-dir.v-nativebutton:before, .icon-right-dir > .v-button-wrap:before, .icon-right-dir.v-label:before, .v-menubar-menuitem-icon-right-dir:before {
+ content: "\25b8";
+}
+
+.icon-down-dir.v-nativebutton:before, .icon-down-dir > .v-button-wrap:before, .icon-down-dir.v-label:before, .v-menubar-menuitem-icon-down-dir:before {
+ content: "\25be";
+}
+
+.icon-left-dir.v-nativebutton:before, .icon-left-dir > .v-button-wrap:before, .icon-left-dir.v-label:before, .v-menubar-menuitem-icon-left-dir:before {
+ content: "\25c2";
+}
+
+.icon-star.v-nativebutton:before, .icon-star > .v-button-wrap:before, .icon-star.v-label:before, .v-menubar-menuitem-icon-star:before {
+ content: "\2605";
+}
+
+.icon-star-empty.v-nativebutton:before, .icon-star-empty > .v-button-wrap:before, .icon-star-empty.v-label:before, .v-menubar-menuitem-icon-star-empty:before {
+ content: "\2606";
+}
+
+.icon-th-list.v-nativebutton:before, .icon-th-list > .v-button-wrap:before, .icon-th-list.v-label:before, .v-menubar-menuitem-icon-th-list:before {
+ content: "\2630";
+}
+
+.icon-heart-empty.v-nativebutton:before, .icon-heart-empty > .v-button-wrap:before, .icon-heart-empty.v-label:before, .v-menubar-menuitem-icon-heart-empty:before {
+ content: "\2661";
+}
+
+.icon-heart.v-nativebutton:before, .icon-heart > .v-button-wrap:before, .icon-heart.v-label:before, .v-menubar-menuitem-icon-heart:before {
+ content: "\2665";
+}
+
+.icon-music.v-nativebutton:before, .icon-music > .v-button-wrap:before, .icon-music.v-label:before, .v-menubar-menuitem-icon-music:before {
+ content: "\266a";
+}
+
+.icon-th.v-nativebutton:before, .icon-th > .v-button-wrap:before, .icon-th.v-label:before, .v-menubar-menuitem-icon-th:before {
+ content: "\268f";
+}
+
+.icon-flag.v-nativebutton:before, .icon-flag > .v-button-wrap:before, .icon-flag.v-label:before, .v-menubar-menuitem-icon-flag:before {
+ content: "\2691";
+}
+
+.icon-cog.v-nativebutton:before, .icon-cog > .v-button-wrap:before, .icon-cog.v-label:before, .v-menubar-menuitem-icon-cog:before {
+ content: "\2699";
+}
+
+.icon-attention.v-nativebutton:before, .icon-attention > .v-button-wrap:before, .icon-attention.v-label:before, .v-menubar-menuitem-icon-attention:before {
+ content: "\26a0";
+}
+
+.icon-mail.v-nativebutton:before, .icon-mail > .v-button-wrap:before, .icon-mail.v-label:before, .v-menubar-menuitem-icon-mail:before {
+ content: "\2709";
+}
+
+.icon-edit.v-nativebutton:before, .icon-edit > .v-button-wrap:before, .icon-edit.v-label:before, .v-menubar-menuitem-icon-edit:before {
+ content: "\270d";
+}
+
+.icon-pencil.v-nativebutton:before, .icon-pencil > .v-button-wrap:before, .icon-pencil.v-label:before, .v-menubar-menuitem-icon-pencil:before {
+ content: "\270e";
+}
+
+.icon-ok.v-nativebutton:before, .icon-ok > .v-button-wrap:before, .icon-ok.v-label:before, .v-menubar-menuitem-icon-ok:before {
+ content: "\2713";
+}
+
+.icon-cancel-1.v-nativebutton:before, .icon-cancel-1 > .v-button-wrap:before, .icon-cancel-1.v-label:before, .v-menubar-menuitem-icon-cancel-1:before {
+ content: "\e801";
+}
+
+.icon-cancel.v-nativebutton:before, .icon-cancel > .v-button-wrap:before, .icon-cancel.v-label:before, .v-menubar-menuitem-icon-cancel:before {
+ content: "\2715";
+}
+
+.icon-cancel-circle.v-nativebutton:before, .icon-cancel-circle > .v-button-wrap:before, .icon-cancel-circle.v-label:before, .v-menubar-menuitem-icon-cancel-circle:before {
+ content: "\2716";
+}
+
+.icon-help.v-nativebutton:before, .icon-help > .v-button-wrap:before, .icon-help.v-label:before, .v-menubar-menuitem-icon-help:before {
+ content: "\2753";
+}
+
+.icon-plus-circle.v-nativebutton:before, .icon-plus-circle > .v-button-wrap:before, .icon-plus-circle.v-label:before, .v-menubar-menuitem-icon-plus-circle:before {
+ content: "\2795";
+}
+
+.icon-minus-circle.v-nativebutton:before, .icon-minus-circle > .v-button-wrap:before, .icon-minus-circle.v-label:before, .v-menubar-menuitem-icon-minus-circle:before {
+ content: "\2796";
+}
+
+.icon-right-thin.v-nativebutton:before, .icon-right-thin > .v-button-wrap:before, .icon-right-thin.v-label:before, .v-menubar-menuitem-icon-right-thin:before {
+ content: "\27a1";
+}
+
+.icon-forward.v-nativebutton:before, .icon-forward > .v-button-wrap:before, .icon-forward.v-label:before, .v-menubar-menuitem-icon-forward:before {
+ content: "\27a6";
+}
+
+.icon-cw.v-nativebutton:before, .icon-cw > .v-button-wrap:before, .icon-cw.v-label:before, .v-menubar-menuitem-icon-cw:before {
+ content: "\27f3";
+}
+
+.icon-left-thin.v-nativebutton:before, .icon-left-thin > .v-button-wrap:before, .icon-left-thin.v-label:before, .v-menubar-menuitem-icon-left-thin:before {
+ content: "\2b05";
+}
+
+.icon-up-thin.v-nativebutton:before, .icon-up-thin > .v-button-wrap:before, .icon-up-thin.v-label:before, .v-menubar-menuitem-icon-up-thin:before {
+ content: "\2b06";
+}
+
+.icon-down-thin.v-nativebutton:before, .icon-down-thin > .v-button-wrap:before, .icon-down-thin.v-label:before, .v-menubar-menuitem-icon-down-thin:before {
+ content: "\2b07";
+}
+
+.icon-left-bold.v-nativebutton:before, .icon-left-bold > .v-button-wrap:before, .icon-left-bold.v-label:before, .v-menubar-menuitem-icon-left-bold:before {
+ content: "\e4ad";
+}
+
+.icon-right-bold.v-nativebutton:before, .icon-right-bold > .v-button-wrap:before, .icon-right-bold.v-label:before, .v-menubar-menuitem-icon-right-bold:before {
+ content: "\e4ae";
+}
+
+.icon-up-bold.v-nativebutton:before, .icon-up-bold > .v-button-wrap:before, .icon-up-bold.v-label:before, .v-menubar-menuitem-icon-up-bold:before {
+ content: "\e4af";
+}
+
+.icon-down-bold.v-nativebutton:before, .icon-down-bold > .v-button-wrap:before, .icon-down-bold.v-label:before, .v-menubar-menuitem-icon-down-bold:before {
+ content: "\e4b0";
+}
+
+.icon-user-add.v-nativebutton:before, .icon-user-add > .v-button-wrap:before, .icon-user-add.v-label:before, .v-menubar-menuitem-icon-user-add:before {
+ content: "\e700";
+}
+
+.icon-help-circle.v-nativebutton:before, .icon-help-circle > .v-button-wrap:before, .icon-help-circle.v-label:before, .v-menubar-menuitem-icon-help-circle:before {
+ content: "\e704";
+}
+
+.icon-info-circle.v-nativebutton:before, .icon-info-circle > .v-button-wrap:before, .icon-info-circle.v-label:before, .v-menubar-menuitem-icon-info-circle:before {
+ content: "\e705";
+}
+
+.icon-back.v-nativebutton:before, .icon-back > .v-button-wrap:before, .icon-back.v-label:before, .v-menubar-menuitem-icon-back:before {
+ content: "\e706";
+}
+
+.icon-eye.v-nativebutton:before, .icon-eye > .v-button-wrap:before, .icon-eye.v-label:before, .v-menubar-menuitem-icon-eye:before {
+ content: "\e70a";
+}
+
+.icon-tag.v-nativebutton:before, .icon-tag > .v-button-wrap:before, .icon-tag.v-label:before, .v-menubar-menuitem-icon-tag:before {
+ content: "\e70c";
+}
+
+.icon-upload-cloud.v-nativebutton:before, .icon-upload-cloud > .v-button-wrap:before, .icon-upload-cloud.v-label:before, .v-menubar-menuitem-icon-upload-cloud:before {
+ content: "\e711";
+}
+
+.icon-reply.v-nativebutton:before, .icon-reply > .v-button-wrap:before, .icon-reply.v-label:before, .v-menubar-menuitem-icon-reply:before {
+ content: "\e712";
+}
+
+.icon-export.v-nativebutton:before, .icon-export > .v-button-wrap:before, .icon-export.v-label:before, .v-menubar-menuitem-icon-export:before {
+ content: "\e715";
+}
+
+.icon-print.v-nativebutton:before, .icon-print > .v-button-wrap:before, .icon-print.v-label:before, .v-menubar-menuitem-icon-print:before {
+ content: "\e716";
+}
+
+.icon-retweet.v-nativebutton:before, .icon-retweet > .v-button-wrap:before, .icon-retweet.v-label:before, .v-menubar-menuitem-icon-retweet:before {
+ content: "\e717";
+}
+
+.icon-comment.v-nativebutton:before, .icon-comment > .v-button-wrap:before, .icon-comment.v-label:before, .v-menubar-menuitem-icon-comment:before {
+ content: "\e718";
+}
+
+.icon-vcard.v-nativebutton:before, .icon-vcard > .v-button-wrap:before, .icon-vcard.v-label:before, .v-menubar-menuitem-icon-vcard:before {
+ content: "\e722";
+}
+
+.icon-location.v-nativebutton:before, .icon-location > .v-button-wrap:before, .icon-location.v-label:before, .v-menubar-menuitem-icon-location:before {
+ content: "\e724";
+}
+
+.icon-trash.v-nativebutton:before, .icon-trash > .v-button-wrap:before, .icon-trash.v-label:before, .v-menubar-menuitem-icon-trash:before {
+ content: "\e729";
+}
+
+.icon-resize-full.v-nativebutton:before, .icon-resize-full > .v-button-wrap:before, .icon-resize-full.v-label:before, .v-menubar-menuitem-icon-resize-full:before {
+ content: "\e744";
+}
+
+.icon-resize-small.v-nativebutton:before, .icon-resize-small > .v-button-wrap:before, .icon-resize-small.v-label:before, .v-menubar-menuitem-icon-resize-small:before {
+ content: "\e746";
+}
+
+.icon-down-open.v-nativebutton:before, .icon-down-open > .v-button-wrap:before, .icon-down-open.v-label:before, .v-menubar-menuitem-icon-down-open:before {
+ content: "\e75c";
+}
+
+.icon-left-open.v-nativebutton:before, .icon-left-open > .v-button-wrap:before, .icon-left-open.v-label:before, .v-menubar-menuitem-icon-left-open:before {
+ content: "\e75d";
+}
+
+.icon-right-open.v-nativebutton:before, .icon-right-open > .v-button-wrap:before, .icon-right-open.v-label:before, .v-menubar-menuitem-icon-right-open:before {
+ content: "\e75e";
+}
+
+.icon-up-open.v-nativebutton:before, .icon-up-open > .v-button-wrap:before, .icon-up-open.v-label:before, .v-menubar-menuitem-icon-up-open:before {
+ content: "\e75f";
+}
+
+.icon-arrows-cw.v-nativebutton:before, .icon-arrows-cw > .v-button-wrap:before, .icon-arrows-cw.v-label:before, .v-menubar-menuitem-icon-arrows-cw:before {
+ content: "\e760";
+}
+
+.icon-chart-pie.v-nativebutton:before, .icon-chart-pie > .v-button-wrap:before, .icon-chart-pie.v-label:before, .v-menubar-menuitem-icon-chart-pie:before {
+ content: "\e7a2";
+}
+
+.icon-search-1.v-nativebutton:before, .icon-search-1 > .v-button-wrap:before, .icon-search-1.v-label:before, .v-menubar-menuitem-icon-search-1:before {
+ content: "\e800";
+}
+
+.icon-user.v-nativebutton:before, .icon-user > .v-button-wrap:before, .icon-user.v-label:before, .v-menubar-menuitem-icon-user:before {
+ content: "\1f464";
+}
+
+.icon-users.v-nativebutton:before, .icon-users > .v-button-wrap:before, .icon-users.v-label:before, .v-menubar-menuitem-icon-users:before {
+ content: "\1f465";
+}
+
+.icon-monitor.v-nativebutton:before, .icon-monitor > .v-button-wrap:before, .icon-monitor.v-label:before, .v-menubar-menuitem-icon-monitor:before {
+ content: "\1f4bb";
+}
+
+.icon-folder.v-nativebutton:before, .icon-folder > .v-button-wrap:before, .icon-folder.v-label:before, .v-menubar-menuitem-icon-folder:before {
+ content: "\1f4c1";
+}
+
+.icon-doc.v-nativebutton:before, .icon-doc > .v-button-wrap:before, .icon-doc.v-label:before, .v-menubar-menuitem-icon-doc:before {
+ content: "\1f4c4";
+}
+
+.icon-calendar.v-nativebutton:before, .icon-calendar > .v-button-wrap:before, .icon-calendar.v-label:before, .v-menubar-menuitem-icon-calendar:before {
+ content: "\1f4c5";
+}
+
+.icon-chart.v-nativebutton:before, .icon-chart > .v-button-wrap:before, .icon-chart.v-label:before, .v-menubar-menuitem-icon-chart:before {
+ content: "\1f4c8";
+}
+
+.icon-attach.v-nativebutton:before, .icon-attach > .v-button-wrap:before, .icon-attach.v-label:before, .v-menubar-menuitem-icon-attach:before {
+ content: "\1f4ce";
+}
+
+.icon-upload.v-nativebutton:before, .icon-upload > .v-button-wrap:before, .icon-upload.v-label:before, .v-menubar-menuitem-icon-upload:before {
+ content: "\1f4e4";
+}
+
+.icon-download.v-nativebutton:before, .icon-download > .v-button-wrap:before, .icon-download.v-label:before, .v-menubar-menuitem-icon-download:before {
+ content: "\1f4e5";
+}
+
+.icon-mobile.v-nativebutton:before, .icon-mobile > .v-button-wrap:before, .icon-mobile.v-label:before, .v-menubar-menuitem-icon-mobile:before {
+ content: "\1f4f1";
+}
+
+.icon-camera.v-nativebutton:before, .icon-camera > .v-button-wrap:before, .icon-camera.v-label:before, .v-menubar-menuitem-icon-camera:before {
+ content: "\1f4f7";
+}
+
+.icon-lock.v-nativebutton:before, .icon-lock > .v-button-wrap:before, .icon-lock.v-label:before, .v-menubar-menuitem-icon-lock:before {
+ content: "\1f512";
+}
+
+.icon-lock-open.v-nativebutton:before, .icon-lock-open > .v-button-wrap:before, .icon-lock-open.v-label:before, .v-menubar-menuitem-icon-lock-open:before {
+ content: "\1f513";
+}
+
+.icon-bell.v-nativebutton:before, .icon-bell > .v-button-wrap:before, .icon-bell.v-label:before, .v-menubar-menuitem-icon-bell:before {
+ content: "\1f514";
+}
+
+.icon-link.v-nativebutton:before, .icon-link > .v-button-wrap:before, .icon-link.v-label:before, .v-menubar-menuitem-icon-link:before {
+ content: "\1f517";
+}
+
+.icon-clock.v-nativebutton:before, .icon-clock > .v-button-wrap:before, .icon-clock.v-label:before, .v-menubar-menuitem-icon-clock:before {
+ content: "\1f554";
+}
+
+.icon-block.v-nativebutton:before, .icon-block > .v-button-wrap:before, .icon-block.v-label:before, .v-menubar-menuitem-icon-block:before {
+ content: "\1f6ab";
+}
+
+.icon-plus.v-nativebutton:before, .icon-plus > .v-button-wrap:before, .icon-plus.v-label:before, .v-menubar-menuitem-icon-plus:before {
+ content: "\2b";
+}
+
+.icon-minus.v-nativebutton:before, .icon-minus > .v-button-wrap:before, .icon-minus.v-label:before, .v-menubar-menuitem-icon-minus:before {
+ content: "\2d";
+}
+
+.icon-info.v-nativebutton:before, .icon-info > .v-button-wrap:before, .icon-info.v-label:before, .v-menubar-menuitem-icon-info:before {
+ content: "\2139";
+}
+
+.icon-left.v-nativebutton:before, .icon-left > .v-button-wrap:before, .icon-left.v-label:before, .v-menubar-menuitem-icon-left:before {
+ content: "\2190";
+}
+
+.icon-up.v-nativebutton:before, .icon-up > .v-button-wrap:before, .icon-up.v-label:before, .v-menubar-menuitem-icon-up:before {
+ content: "\2191";
+}
+
+.icon-right.v-nativebutton:before, .icon-right > .v-button-wrap:before, .icon-right.v-label:before, .v-menubar-menuitem-icon-right:before {
+ content: "\2192";
+}
+
+.icon-down.v-nativebutton:before, .icon-down > .v-button-wrap:before, .icon-down.v-label:before, .v-menubar-menuitem-icon-down:before {
+ content: "\2193";
+}
+
+.icon-exchange.v-nativebutton:before, .icon-exchange > .v-button-wrap:before, .icon-exchange.v-label:before, .v-menubar-menuitem-icon-exchange:before {
+ content: "\21c4";
+}
+
+.icon-home.v-nativebutton:before, .icon-home > .v-button-wrap:before, .icon-home.v-label:before, .v-menubar-menuitem-icon-home:before {
+ content: "\2302";
+}
+
+.icon-home-1.v-nativebutton:before, .icon-home-1 > .v-button-wrap:before, .icon-home-1.v-label:before, .v-menubar-menuitem-icon-home-1:before {
+ content: "\e802";
+}
+
+.icon-up-dir.v-nativebutton:before, .icon-up-dir > .v-button-wrap:before, .icon-up-dir.v-label:before, .v-menubar-menuitem-icon-up-dir:before {
+ content: "\25b4";
+}
+
+.icon-right-dir.v-nativebutton:before, .icon-right-dir > .v-button-wrap:before, .icon-right-dir.v-label:before, .v-menubar-menuitem-icon-right-dir:before {
+ content: "\25b8";
+}
+
+.icon-down-dir.v-nativebutton:before, .icon-down-dir > .v-button-wrap:before, .icon-down-dir.v-label:before, .v-menubar-menuitem-icon-down-dir:before {
+ content: "\25be";
+}
+
+.icon-left-dir.v-nativebutton:before, .icon-left-dir > .v-button-wrap:before, .icon-left-dir.v-label:before, .v-menubar-menuitem-icon-left-dir:before {
+ content: "\25c2";
+}
+
+.icon-star.v-nativebutton:before, .icon-star > .v-button-wrap:before, .icon-star.v-label:before, .v-menubar-menuitem-icon-star:before {
+ content: "\2605";
+}
+
+.icon-star-empty.v-nativebutton:before, .icon-star-empty > .v-button-wrap:before, .icon-star-empty.v-label:before, .v-menubar-menuitem-icon-star-empty:before {
+ content: "\2606";
+}
+
+.icon-th-list.v-nativebutton:before, .icon-th-list > .v-button-wrap:before, .icon-th-list.v-label:before, .v-menubar-menuitem-icon-th-list:before {
+ content: "\2630";
+}
+
+.icon-heart-empty.v-nativebutton:before, .icon-heart-empty > .v-button-wrap:before, .icon-heart-empty.v-label:before, .v-menubar-menuitem-icon-heart-empty:before {
+ content: "\2661";
+}
+
+.icon-heart.v-nativebutton:before, .icon-heart > .v-button-wrap:before, .icon-heart.v-label:before, .v-menubar-menuitem-icon-heart:before {
+ content: "\2665";
+}
+
+.icon-music.v-nativebutton:before, .icon-music > .v-button-wrap:before, .icon-music.v-label:before, .v-menubar-menuitem-icon-music:before {
+ content: "\266a";
+}
+
+.icon-th.v-nativebutton:before, .icon-th > .v-button-wrap:before, .icon-th.v-label:before, .v-menubar-menuitem-icon-th:before {
+ content: "\268f";
+}
+
+.icon-flag.v-nativebutton:before, .icon-flag > .v-button-wrap:before, .icon-flag.v-label:before, .v-menubar-menuitem-icon-flag:before {
+ content: "\2691";
+}
+
+.icon-cog.v-nativebutton:before, .icon-cog > .v-button-wrap:before, .icon-cog.v-label:before, .v-menubar-menuitem-icon-cog:before {
+ content: "\2699";
+}
+
+.icon-attention.v-nativebutton:before, .icon-attention > .v-button-wrap:before, .icon-attention.v-label:before, .v-menubar-menuitem-icon-attention:before {
+ content: "\26a0";
+}
+
+.icon-mail.v-nativebutton:before, .icon-mail > .v-button-wrap:before, .icon-mail.v-label:before, .v-menubar-menuitem-icon-mail:before {
+ content: "\2709";
+}
+
+.icon-edit.v-nativebutton:before, .icon-edit > .v-button-wrap:before, .icon-edit.v-label:before, .v-menubar-menuitem-icon-edit:before {
+ content: "\270d";
+}
+
+.icon-pencil.v-nativebutton:before, .icon-pencil > .v-button-wrap:before, .icon-pencil.v-label:before, .v-menubar-menuitem-icon-pencil:before {
+ content: "\270e";
+}
+
+.icon-ok.v-nativebutton:before, .icon-ok > .v-button-wrap:before, .icon-ok.v-label:before, .v-menubar-menuitem-icon-ok:before {
+ content: "\2713";
+}
+
+.icon-cancel-1.v-nativebutton:before, .icon-cancel-1 > .v-button-wrap:before, .icon-cancel-1.v-label:before, .v-menubar-menuitem-icon-cancel-1:before {
+ content: "\e801";
+}
+
+.icon-cancel.v-nativebutton:before, .icon-cancel > .v-button-wrap:before, .icon-cancel.v-label:before, .v-menubar-menuitem-icon-cancel:before {
+ content: "\2715";
+}
+
+.icon-cancel-circle.v-nativebutton:before, .icon-cancel-circle > .v-button-wrap:before, .icon-cancel-circle.v-label:before, .v-menubar-menuitem-icon-cancel-circle:before {
+ content: "\2716";
+}
+
+.icon-help.v-nativebutton:before, .icon-help > .v-button-wrap:before, .icon-help.v-label:before, .v-menubar-menuitem-icon-help:before {
+ content: "\2753";
+}
+
+.icon-plus-circle.v-nativebutton:before, .icon-plus-circle > .v-button-wrap:before, .icon-plus-circle.v-label:before, .v-menubar-menuitem-icon-plus-circle:before {
+ content: "\2795";
+}
+
+.icon-minus-circle.v-nativebutton:before, .icon-minus-circle > .v-button-wrap:before, .icon-minus-circle.v-label:before, .v-menubar-menuitem-icon-minus-circle:before {
+ content: "\2796";
+}
+
+.icon-right-thin.v-nativebutton:before, .icon-right-thin > .v-button-wrap:before, .icon-right-thin.v-label:before, .v-menubar-menuitem-icon-right-thin:before {
+ content: "\27a1";
+}
+
+.icon-forward.v-nativebutton:before, .icon-forward > .v-button-wrap:before, .icon-forward.v-label:before, .v-menubar-menuitem-icon-forward:before {
+ content: "\27a6";
+}
+
+.icon-cw.v-nativebutton:before, .icon-cw > .v-button-wrap:before, .icon-cw.v-label:before, .v-menubar-menuitem-icon-cw:before {
+ content: "\27f3";
+}
+
+.icon-left-thin.v-nativebutton:before, .icon-left-thin > .v-button-wrap:before, .icon-left-thin.v-label:before, .v-menubar-menuitem-icon-left-thin:before {
+ content: "\2b05";
+}
+
+.icon-up-thin.v-nativebutton:before, .icon-up-thin > .v-button-wrap:before, .icon-up-thin.v-label:before, .v-menubar-menuitem-icon-up-thin:before {
+ content: "\2b06";
+}
+
+.icon-down-thin.v-nativebutton:before, .icon-down-thin > .v-button-wrap:before, .icon-down-thin.v-label:before, .v-menubar-menuitem-icon-down-thin:before {
+ content: "\2b07";
+}
+
+.icon-left-bold.v-nativebutton:before, .icon-left-bold > .v-button-wrap:before, .icon-left-bold.v-label:before, .v-menubar-menuitem-icon-left-bold:before {
+ content: "\e4ad";
+}
+
+.icon-right-bold.v-nativebutton:before, .icon-right-bold > .v-button-wrap:before, .icon-right-bold.v-label:before, .v-menubar-menuitem-icon-right-bold:before {
+ content: "\e4ae";
+}
+
+.icon-up-bold.v-nativebutton:before, .icon-up-bold > .v-button-wrap:before, .icon-up-bold.v-label:before, .v-menubar-menuitem-icon-up-bold:before {
+ content: "\e4af";
+}
+
+.icon-down-bold.v-nativebutton:before, .icon-down-bold > .v-button-wrap:before, .icon-down-bold.v-label:before, .v-menubar-menuitem-icon-down-bold:before {
+ content: "\e4b0";
+}
+
+.icon-user-add.v-nativebutton:before, .icon-user-add > .v-button-wrap:before, .icon-user-add.v-label:before, .v-menubar-menuitem-icon-user-add:before {
+ content: "\e700";
+}
+
+.icon-help-circle.v-nativebutton:before, .icon-help-circle > .v-button-wrap:before, .icon-help-circle.v-label:before, .v-menubar-menuitem-icon-help-circle:before {
+ content: "\e704";
+}
+
+.icon-info-circle.v-nativebutton:before, .icon-info-circle > .v-button-wrap:before, .icon-info-circle.v-label:before, .v-menubar-menuitem-icon-info-circle:before {
+ content: "\e705";
+}
+
+.icon-back.v-nativebutton:before, .icon-back > .v-button-wrap:before, .icon-back.v-label:before, .v-menubar-menuitem-icon-back:before {
+ content: "\e706";
+}
+
+.icon-eye.v-nativebutton:before, .icon-eye > .v-button-wrap:before, .icon-eye.v-label:before, .v-menubar-menuitem-icon-eye:before {
+ content: "\e70a";
+}
+
+.icon-tag.v-nativebutton:before, .icon-tag > .v-button-wrap:before, .icon-tag.v-label:before, .v-menubar-menuitem-icon-tag:before {
+ content: "\e70c";
+}
+
+.icon-upload-cloud.v-nativebutton:before, .icon-upload-cloud > .v-button-wrap:before, .icon-upload-cloud.v-label:before, .v-menubar-menuitem-icon-upload-cloud:before {
+ content: "\e711";
+}
+
+.icon-reply.v-nativebutton:before, .icon-reply > .v-button-wrap:before, .icon-reply.v-label:before, .v-menubar-menuitem-icon-reply:before {
+ content: "\e712";
+}
+
+.icon-export.v-nativebutton:before, .icon-export > .v-button-wrap:before, .icon-export.v-label:before, .v-menubar-menuitem-icon-export:before {
+ content: "\e715";
+}
+
+.icon-print.v-nativebutton:before, .icon-print > .v-button-wrap:before, .icon-print.v-label:before, .v-menubar-menuitem-icon-print:before {
+ content: "\e716";
+}
+
+.icon-retweet.v-nativebutton:before, .icon-retweet > .v-button-wrap:before, .icon-retweet.v-label:before, .v-menubar-menuitem-icon-retweet:before {
+ content: "\e717";
+}
+
+.icon-comment.v-nativebutton:before, .icon-comment > .v-button-wrap:before, .icon-comment.v-label:before, .v-menubar-menuitem-icon-comment:before {
+ content: "\e718";
+}
+
+.icon-vcard.v-nativebutton:before, .icon-vcard > .v-button-wrap:before, .icon-vcard.v-label:before, .v-menubar-menuitem-icon-vcard:before {
+ content: "\e722";
+}
+
+.icon-location.v-nativebutton:before, .icon-location > .v-button-wrap:before, .icon-location.v-label:before, .v-menubar-menuitem-icon-location:before {
+ content: "\e724";
+}
+
+.icon-trash.v-nativebutton:before, .icon-trash > .v-button-wrap:before, .icon-trash.v-label:before, .v-menubar-menuitem-icon-trash:before {
+ content: "\e729";
+}
+
+.icon-resize-full.v-nativebutton:before, .icon-resize-full > .v-button-wrap:before, .icon-resize-full.v-label:before, .v-menubar-menuitem-icon-resize-full:before {
+ content: "\e744";
+}
+
+.icon-resize-small.v-nativebutton:before, .icon-resize-small > .v-button-wrap:before, .icon-resize-small.v-label:before, .v-menubar-menuitem-icon-resize-small:before {
+ content: "\e746";
+}
+
+.icon-down-open.v-nativebutton:before, .icon-down-open > .v-button-wrap:before, .icon-down-open.v-label:before, .v-menubar-menuitem-icon-down-open:before {
+ content: "\e75c";
+}
+
+.icon-left-open.v-nativebutton:before, .icon-left-open > .v-button-wrap:before, .icon-left-open.v-label:before, .v-menubar-menuitem-icon-left-open:before {
+ content: "\e75d";
+}
+
+.icon-right-open.v-nativebutton:before, .icon-right-open > .v-button-wrap:before, .icon-right-open.v-label:before, .v-menubar-menuitem-icon-right-open:before {
+ content: "\e75e";
+}
+
+.icon-up-open.v-nativebutton:before, .icon-up-open > .v-button-wrap:before, .icon-up-open.v-label:before, .v-menubar-menuitem-icon-up-open:before {
+ content: "\e75f";
+}
+
+.icon-arrows-cw.v-nativebutton:before, .icon-arrows-cw > .v-button-wrap:before, .icon-arrows-cw.v-label:before, .v-menubar-menuitem-icon-arrows-cw:before {
+ content: "\e760";
+}
+
+.icon-chart-pie.v-nativebutton:before, .icon-chart-pie > .v-button-wrap:before, .icon-chart-pie.v-label:before, .v-menubar-menuitem-icon-chart-pie:before {
+ content: "\e7a2";
+}
+
+.icon-search-1.v-nativebutton:before, .icon-search-1 > .v-button-wrap:before, .icon-search-1.v-label:before, .v-menubar-menuitem-icon-search-1:before {
+ content: "\e800";
+}
+
+.icon-user.v-nativebutton:before, .icon-user > .v-button-wrap:before, .icon-user.v-label:before, .v-menubar-menuitem-icon-user:before {
+ content: "\1f464";
+}
+
+.icon-users.v-nativebutton:before, .icon-users > .v-button-wrap:before, .icon-users.v-label:before, .v-menubar-menuitem-icon-users:before {
+ content: "\1f465";
+}
+
+.icon-monitor.v-nativebutton:before, .icon-monitor > .v-button-wrap:before, .icon-monitor.v-label:before, .v-menubar-menuitem-icon-monitor:before {
+ content: "\1f4bb";
+}
+
+.icon-folder.v-nativebutton:before, .icon-folder > .v-button-wrap:before, .icon-folder.v-label:before, .v-menubar-menuitem-icon-folder:before {
+ content: "\1f4c1";
+}
+
+.icon-doc.v-nativebutton:before, .icon-doc > .v-button-wrap:before, .icon-doc.v-label:before, .v-menubar-menuitem-icon-doc:before {
+ content: "\1f4c4";
+}
+
+.icon-calendar.v-nativebutton:before, .icon-calendar > .v-button-wrap:before, .icon-calendar.v-label:before, .v-menubar-menuitem-icon-calendar:before {
+ content: "\1f4c5";
+}
+
+.icon-chart.v-nativebutton:before, .icon-chart > .v-button-wrap:before, .icon-chart.v-label:before, .v-menubar-menuitem-icon-chart:before {
+ content: "\1f4c8";
+}
+
+.icon-attach.v-nativebutton:before, .icon-attach > .v-button-wrap:before, .icon-attach.v-label:before, .v-menubar-menuitem-icon-attach:before {
+ content: "\1f4ce";
+}
+
+.icon-upload.v-nativebutton:before, .icon-upload > .v-button-wrap:before, .icon-upload.v-label:before, .v-menubar-menuitem-icon-upload:before {
+ content: "\1f4e4";
+}
+
+.icon-download.v-nativebutton:before, .icon-download > .v-button-wrap:before, .icon-download.v-label:before, .v-menubar-menuitem-icon-download:before {
+ content: "\1f4e5";
+}
+
+.icon-mobile.v-nativebutton:before, .icon-mobile > .v-button-wrap:before, .icon-mobile.v-label:before, .v-menubar-menuitem-icon-mobile:before {
+ content: "\1f4f1";
+}
+
+.icon-camera.v-nativebutton:before, .icon-camera > .v-button-wrap:before, .icon-camera.v-label:before, .v-menubar-menuitem-icon-camera:before {
+ content: "\1f4f7";
+}
+
+.icon-lock.v-nativebutton:before, .icon-lock > .v-button-wrap:before, .icon-lock.v-label:before, .v-menubar-menuitem-icon-lock:before {
+ content: "\1f512";
+}
+
+.icon-lock-open.v-nativebutton:before, .icon-lock-open > .v-button-wrap:before, .icon-lock-open.v-label:before, .v-menubar-menuitem-icon-lock-open:before {
+ content: "\1f513";
+}
+
+.icon-bell.v-nativebutton:before, .icon-bell > .v-button-wrap:before, .icon-bell.v-label:before, .v-menubar-menuitem-icon-bell:before {
+ content: "\1f514";
+}
+
+.icon-link.v-nativebutton:before, .icon-link > .v-button-wrap:before, .icon-link.v-label:before, .v-menubar-menuitem-icon-link:before {
+ content: "\1f517";
+}
+
+.icon-clock.v-nativebutton:before, .icon-clock > .v-button-wrap:before, .icon-clock.v-label:before, .v-menubar-menuitem-icon-clock:before {
+ content: "\1f554";
+}
+
+.icon-block.v-nativebutton:before, .icon-block > .v-button-wrap:before, .icon-block.v-label:before, .v-menubar-menuitem-icon-block:before {
+ content: "\1f6ab";
+}
+
+@font-face {
+ font-family: "ThemeIcons";
+ src: url(fonts/themeicons-webfont.eot);
+ src: url(fonts/themeicons-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/themeicons-webfont.woff) format("woff"), url(fonts/themeicons-webfont.ttf) format("truetype"), url(fonts/themeicons-webfont.svg#icomoon) format("svg");
+}
+
+@font-face {
+ font-family: "FontAwesome";
+ src: url(fonts/fontawesome-webfont.eot);
+ src: url(fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/fontawesome-webfont.woff) format("woff"), url(fonts/fontawesome-webfont.ttf) format("truetype"), url(fonts/fontawesome-webfont.svg#icomoon) format("svg");
+}
+
+[class^="fa-"], [class*=" fa-"] {
+ font-family: "FontAwesome";
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+[class^="vi-"], [class*=" vi-"] {
+ font-family: "Vaadin-Icons";
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.fa-glass:before {
+ content: "\f000";
+}
+
+.fa-music:before {
+ content: "\f001";
+}
+
+.fa-search:before {
+ content: "\f002";
+}
+
+.fa-envelope-o:before {
+ content: "\f003";
+}
+
+.fa-heart:before {
+ content: "\f004";
+}
+
+.fa-star:before {
+ content: "\f005";
+}
+
+.fa-star-o:before {
+ content: "\f006";
+}
+
+.fa-user:before {
+ content: "\f007";
+}
+
+.fa-film:before {
+ content: "\f008";
+}
+
+.fa-th-large:before {
+ content: "\f009";
+}
+
+.fa-th:before {
+ content: "\f00a";
+}
+
+.fa-th-list:before {
+ content: "\f00b";
+}
+
+.fa-check:before {
+ content: "\f00c";
+}
+
+.fa-close:before {
+ content: "\f00d";
+}
+
+.fa-remove:before {
+ content: "\f00d";
+}
+
+.fa-times:before {
+ content: "\f00d";
+}
+
+.fa-search-plus:before {
+ content: "\f00e";
+}
+
+.fa-search-minus:before {
+ content: "\f010";
+}
+
+.fa-power-off:before {
+ content: "\f011";
+}
+
+.fa-signal:before {
+ content: "\f012";
+}
+
+.fa-cog:before {
+ content: "\f013";
+}
+
+.fa-gear:before {
+ content: "\f013";
+}
+
+.fa-trash-o:before {
+ content: "\f014";
+}
+
+.fa-home:before {
+ content: "\f015";
+}
+
+.fa-file-o:before {
+ content: "\f016";
+}
+
+.fa-clock-o:before {
+ content: "\f017";
+}
+
+.fa-road:before {
+ content: "\f018";
+}
+
+.fa-download:before {
+ content: "\f019";
+}
+
+.fa-arrow-circle-o-down:before {
+ content: "\f01a";
+}
+
+.fa-arrow-circle-o-up:before {
+ content: "\f01b";
+}
+
+.fa-inbox:before {
+ content: "\f01c";
+}
+
+.fa-play-circle-o:before {
+ content: "\f01d";
+}
+
+.fa-repeat:before {
+ content: "\f01e";
+}
+
+.fa-rotate-right:before {
+ content: "\f01e";
+}
+
+.fa-refresh:before {
+ content: "\f021";
+}
+
+.fa-list-alt:before {
+ content: "\f022";
+}
+
+.fa-lock:before {
+ content: "\f023";
+}
+
+.fa-flag:before {
+ content: "\f024";
+}
+
+.fa-headphones:before {
+ content: "\f025";
+}
+
+.fa-volume-off:before {
+ content: "\f026";
+}
+
+.fa-volume-down:before {
+ content: "\f027";
+}
+
+.fa-volume-up:before {
+ content: "\f028";
+}
+
+.fa-qrcode:before {
+ content: "\f029";
+}
+
+.fa-barcode:before {
+ content: "\f02a";
+}
+
+.fa-tag:before {
+ content: "\f02b";
+}
+
+.fa-tags:before {
+ content: "\f02c";
+}
+
+.fa-book2:before {
+ content: "\f02d";
+}
+
+.fa-bookmark:before {
+ content: "\f02e";
+}
+
+.fa-print:before {
+ content: "\f02f";
+}
+
+.fa-camera:before {
+ content: "\f030";
+}
+
+.fa-font:before {
+ content: "\f031";
+}
+
+.fa-bold:before {
+ content: "\f032";
+}
+
+.fa-italic:before {
+ content: "\f033";
+}
+
+.fa-text-height:before {
+ content: "\f034";
+}
+
+.fa-text-width:before {
+ content: "\f035";
+}
+
+.fa-align-left:before {
+ content: "\f036";
+}
+
+.fa-align-center:before {
+ content: "\f037";
+}
+
+.fa-align-right:before {
+ content: "\f038";
+}
+
+.fa-align-justify:before {
+ content: "\f039";
+}
+
+.fa-list:before {
+ content: "\f03a";
+}
+
+.fa-dedent:before {
+ content: "\f03b";
+}
+
+.fa-outdent:before {
+ content: "\f03b";
+}
+
+.fa-indent:before {
+ content: "\f03c";
+}
+
+.fa-video-camera:before {
+ content: "\f03d";
+}
+
+.fa-image:before {
+ content: "\f03e";
+}
+
+.fa-photo:before {
+ content: "\f03e";
+}
+
+.fa-picture-o:before {
+ content: "\f03e";
+}
+
+.fa-pencil:before {
+ content: "\f040";
+}
+
+.fa-map-marker:before {
+ content: "\f041";
+}
+
+.fa-adjust:before {
+ content: "\f042";
+}
+
+.fa-tint:before {
+ content: "\f043";
+}
+
+.fa-edit:before {
+ content: "\f044";
+}
+
+.fa-pencil-square-o:before {
+ content: "\f044";
+}
+
+.fa-share-square-o:before {
+ content: "\f045";
+}
+
+.fa-check-square-o:before {
+ content: "\f046";
+}
+
+.fa-arrows:before {
+ content: "\f047";
+}
+
+.fa-step-backward:before {
+ content: "\f048";
+}
+
+.fa-fast-backward:before {
+ content: "\f049";
+}
+
+.fa-backward:before {
+ content: "\f04a";
+}
+
+.fa-play:before {
+ content: "\f04b";
+}
+
+.fa-pause:before {
+ content: "\f04c";
+}
+
+.fa-stop:before {
+ content: "\f04d";
+}
+
+.fa-forward:before {
+ content: "\f04e";
+}
+
+.fa-fast-forward:before {
+ content: "\f050";
+}
+
+.fa-step-forward:before {
+ content: "\f051";
+}
+
+.fa-eject:before {
+ content: "\f052";
+}
+
+.fa-chevron-left:before {
+ content: "\f053";
+}
+
+.fa-chevron-right:before {
+ content: "\f054";
+}
+
+.fa-plus-circle:before {
+ content: "\f055";
+}
+
+.fa-minus-circle:before {
+ content: "\f056";
+}
+
+.fa-times-circle:before {
+ content: "\f057";
+}
+
+.fa-check-circle:before {
+ content: "\f058";
+}
+
+.fa-question-circle:before {
+ content: "\f059";
+}
+
+.fa-info-circle:before {
+ content: "\f05a";
+}
+
+.fa-crosshairs:before {
+ content: "\f05b";
+}
+
+.fa-times-circle-o:before {
+ content: "\f05c";
+}
+
+.fa-check-circle-o:before {
+ content: "\f05d";
+}
+
+.fa-ban:before {
+ content: "\f05e";
+}
+
+.fa-arrow-left:before {
+ content: "\f060";
+}
+
+.fa-arrow-right:before {
+ content: "\f061";
+}
+
+.fa-arrow-up:before {
+ content: "\f062";
+}
+
+.fa-arrow-down:before {
+ content: "\f063";
+}
+
+.fa-mail-forward:before {
+ content: "\f064";
+}
+
+.fa-share:before {
+ content: "\f064";
+}
+
+.fa-expand:before {
+ content: "\f065";
+}
+
+.fa-compress:before {
+ content: "\f066";
+}
+
+.fa-plus:before {
+ content: "\f067";
+}
+
+.fa-minus:before {
+ content: "\f068";
+}
+
+.fa-asterisk:before {
+ content: "\f069";
+}
+
+.fa-exclamation-circle:before {
+ content: "\f06a";
+}
+
+.fa-gift:before {
+ content: "\f06b";
+}
+
+.fa-leaf:before {
+ content: "\f06c";
+}
+
+.fa-fire:before {
+ content: "\f06d";
+}
+
+.fa-eye:before {
+ content: "\f06e";
+}
+
+.fa-eye-slash:before {
+ content: "\f070";
+}
+
+.fa-exclamation-triangle:before {
+ content: "\f071";
+}
+
+.fa-warning:before {
+ content: "\f071";
+}
+
+.fa-plane:before {
+ content: "\f072";
+}
+
+.fa-calendar:before {
+ content: "\f073";
+}
+
+.fa-random2:before {
+ content: "\f074";
+}
+
+.fa-comment2:before {
+ content: "\f075";
+}
+
+.fa-magnet:before {
+ content: "\f076";
+}
+
+.fa-chevron-up:before {
+ content: "\f077";
+}
+
+.fa-chevron-down:before {
+ content: "\f078";
+}
+
+.fa-retweet2:before {
+ content: "\f079";
+}
+
+.fa-shopping-cart:before {
+ content: "\f07a";
+}
+
+.fa-folder:before {
+ content: "\f07b";
+}
+
+.fa-folder-open:before {
+ content: "\f07c";
+}
+
+.fa-arrows-v:before {
+ content: "\f07d";
+}
+
+.fa-arrows-h:before {
+ content: "\f07e";
+}
+
+.fa-bar-chart2:before {
+ content: "\f080";
+}
+
+.fa-bar-chart-o:before {
+ content: "\f080";
+}
+
+.fa-twitter-square:before {
+ content: "\f081";
+}
+
+.fa-facebook-square:before {
+ content: "\f082";
+}
+
+.fa-camera-retro:before {
+ content: "\f083";
+}
+
+.fa-key:before {
+ content: "\f084";
+}
+
+.fa-cogs:before {
+ content: "\f085";
+}
+
+.fa-gears:before {
+ content: "\f085";
+}
+
+.fa-comments:before {
+ content: "\f086";
+}
+
+.fa-thumbs-o-up:before {
+ content: "\f087";
+}
+
+.fa-thumbs-o-down:before {
+ content: "\f088";
+}
+
+.fa-star-half:before {
+ content: "\f089";
+}
+
+.fa-heart-o:before {
+ content: "\f08a";
+}
+
+.fa-sign-out:before {
+ content: "\f08b";
+}
+
+.fa-linkedin-square:before {
+ content: "\f08c";
+}
+
+.fa-thumb-tack:before {
+ content: "\f08d";
+}
+
+.fa-external-link:before {
+ content: "\f08e";
+}
+
+.fa-sign-in2:before {
+ content: "\f090";
+}
+
+.fa-trophy:before {
+ content: "\f091";
+}
+
+.fa-github-square:before {
+ content: "\f092";
+}
+
+.fa-upload3:before {
+ content: "\f093";
+}
+
+.fa-lemon-o:before {
+ content: "\f094";
+}
+
+.fa-phone:before {
+ content: "\f095";
+}
+
+.fa-square-o:before {
+ content: "\f096";
+}
+
+.fa-bookmark-o:before {
+ content: "\f097";
+}
+
+.fa-phone-square:before {
+ content: "\f098";
+}
+
+.fa-twitter:before {
+ content: "\f099";
+}
+
+.fa-facebook:before {
+ content: "\f09a";
+}
+
+.fa-facebook-f:before {
+ content: "\f09a";
+}
+
+.fa-github:before {
+ content: "\f09b";
+}
+
+.fa-unlock:before {
+ content: "\f09c";
+}
+
+.fa-credit-card:before {
+ content: "\f09d";
+}
+
+.fa-feed:before {
+ content: "\f09e";
+}
+
+.fa-rss:before {
+ content: "\f09e";
+}
+
+.fa-hdd-o:before {
+ content: "\f0a0";
+}
+
+.fa-bullhorn:before {
+ content: "\f0a1";
+}
+
+.fa-bell-o:before {
+ content: "\f0a2";
+}
+
+.fa-certificate:before {
+ content: "\f0a3";
+}
+
+.fa-hand-o-right:before {
+ content: "\f0a4";
+}
+
+.fa-hand-o-left:before {
+ content: "\f0a5";
+}
+
+.fa-hand-o-up:before {
+ content: "\f0a6";
+}
+
+.fa-hand-o-down:before {
+ content: "\f0a7";
+}
+
+.fa-arrow-circle-left:before {
+ content: "\f0a8";
+}
+
+.fa-arrow-circle-right:before {
+ content: "\f0a9";
+}
+
+.fa-arrow-circle-up:before {
+ content: "\f0aa";
+}
+
+.fa-arrow-circle-down:before {
+ content: "\f0ab";
+}
+
+.fa-globe:before {
+ content: "\f0ac";
+}
+
+.fa-wrench:before {
+ content: "\f0ad";
+}
+
+.fa-tasks2:before {
+ content: "\f0ae";
+}
+
+.fa-filter2:before {
+ content: "\f0b0";
+}
+
+.fa-briefcase:before {
+ content: "\f0b1";
+}
+
+.fa-arrows-alt:before {
+ content: "\f0b2";
+}
+
+.fa-group:before {
+ content: "\f0c0";
+}
+
+.fa-users:before {
+ content: "\f0c0";
+}
+
+.fa-chain:before {
+ content: "\f0c1";
+}
+
+.fa-link:before {
+ content: "\f0c1";
+}
+
+.fa-cloud:before {
+ content: "\f0c2";
+}
+
+.fa-flask:before {
+ content: "\f0c3";
+}
+
+.fa-cut:before {
+ content: "\f0c4";
+}
+
+.fa-scissors:before {
+ content: "\f0c4";
+}
+
+.fa-copy:before {
+ content: "\f0c5";
+}
+
+.fa-files-o:before {
+ content: "\f0c5";
+}
+
+.fa-paperclip:before {
+ content: "\f0c6";
+}
+
+.fa-floppy-o:before {
+ content: "\f0c7";
+}
+
+.fa-save:before {
+ content: "\f0c7";
+}
+
+.fa-square:before {
+ content: "\f0c8";
+}
+
+.fa-bars:before {
+ content: "\f0c9";
+}
+
+.fa-navicon:before {
+ content: "\f0c9";
+}
+
+.fa-reorder:before {
+ content: "\f0c9";
+}
+
+.fa-list-ul:before {
+ content: "\f0ca";
+}
+
+.fa-list-ol:before {
+ content: "\f0cb";
+}
+
+.fa-strikethrough:before {
+ content: "\f0cc";
+}
+
+.fa-underline:before {
+ content: "\f0cd";
+}
+
+.fa-table2:before {
+ content: "\f0ce";
+}
+
+.fa-magic:before {
+ content: "\f0d0";
+}
+
+.fa-truck:before {
+ content: "\f0d1";
+}
+
+.fa-pinterest:before {
+ content: "\f0d2";
+}
+
+.fa-pinterest-square:before {
+ content: "\f0d3";
+}
+
+.fa-google-plus-square:before {
+ content: "\f0d4";
+}
+
+.fa-google-plus:before {
+ content: "\f0d5";
+}
+
+.fa-money:before {
+ content: "\f0d6";
+}
+
+.fa-caret-down:before {
+ content: "\f0d7";
+}
+
+.fa-caret-up:before {
+ content: "\f0d8";
+}
+
+.fa-caret-left:before {
+ content: "\f0d9";
+}
+
+.fa-caret-right:before {
+ content: "\f0da";
+}
+
+.fa-columns:before {
+ content: "\f0db";
+}
+
+.fa-sort:before {
+ content: "\f0dc";
+}
+
+.fa-unsorted:before {
+ content: "\f0dc";
+}
+
+.fa-sort-desc:before {
+ content: "\f0dd";
+}
+
+.fa-sort-down:before {
+ content: "\f0dd";
+}
+
+.fa-sort-asc:before {
+ content: "\f0de";
+}
+
+.fa-sort-up:before {
+ content: "\f0de";
+}
+
+.fa-envelope:before {
+ content: "\f0e0";
+}
+
+.fa-linkedin:before {
+ content: "\f0e1";
+}
+
+.fa-rotate-left:before {
+ content: "\f0e2";
+}
+
+.fa-undo:before {
+ content: "\f0e2";
+}
+
+.fa-gavel:before {
+ content: "\f0e3";
+}
+
+.fa-legal:before {
+ content: "\f0e3";
+}
+
+.fa-dashboard:before {
+ content: "\f0e4";
+}
+
+.fa-tachometer:before {
+ content: "\f0e4";
+}
+
+.fa-comment-o2:before {
+ content: "\f0e5";
+}
+
+.fa-comments-o:before {
+ content: "\f0e6";
+}
+
+.fa-bolt:before {
+ content: "\f0e7";
+}
+
+.fa-flash:before {
+ content: "\f0e7";
+}
+
+.fa-sitemap2:before {
+ content: "\f0e8";
+}
+
+.fa-umbrella:before {
+ content: "\f0e9";
+}
+
+.fa-clipboard:before {
+ content: "\f0ea";
+}
+
+.fa-paste:before {
+ content: "\f0ea";
+}
+
+.fa-lightbulb-o:before {
+ content: "\f0eb";
+}
+
+.fa-exchange:before {
+ content: "\f0ec";
+}
+
+.fa-cloud-download:before {
+ content: "\f0ed";
+}
+
+.fa-cloud-upload:before {
+ content: "\f0ee";
+}
+
+.fa-user-md:before {
+ content: "\f0f0";
+}
+
+.fa-stethoscope:before {
+ content: "\f0f1";
+}
+
+.fa-suitcase:before {
+ content: "\f0f2";
+}
+
+.fa-bell:before {
+ content: "\f0f3";
+}
+
+.fa-coffee:before {
+ content: "\f0f4";
+}
+
+.fa-cutlery:before {
+ content: "\f0f5";
+}
+
+.fa-file-text-o2:before {
+ content: "\f0f6";
+}
+
+.fa-building-o:before {
+ content: "\f0f7";
+}
+
+.fa-hospital-o:before {
+ content: "\f0f8";
+}
+
+.fa-ambulance:before {
+ content: "\f0f9";
+}
+
+.fa-medkit:before {
+ content: "\f0fa";
+}
+
+.fa-fighter-jet:before {
+ content: "\f0fb";
+}
+
+.fa-beer:before {
+ content: "\f0fc";
+}
+
+.fa-h-square:before {
+ content: "\f0fd";
+}
+
+.fa-plus-square:before {
+ content: "\f0fe";
+}
+
+.fa-angle-double-left:before {
+ content: "\f100";
+}
+
+.fa-angle-double-right:before {
+ content: "\f101";
+}
+
+.fa-angle-double-up:before {
+ content: "\f102";
+}
+
+.fa-angle-double-down:before {
+ content: "\f103";
+}
+
+.fa-angle-left:before {
+ content: "\f104";
+}
+
+.fa-angle-right:before {
+ content: "\f105";
+}
+
+.fa-angle-up:before {
+ content: "\f106";
+}
+
+.fa-angle-down:before {
+ content: "\f107";
+}
+
+.fa-desktop:before {
+ content: "\f108";
+}
+
+.fa-laptop:before {
+ content: "\f109";
+}
+
+.fa-tablet:before {
+ content: "\f10a";
+}
+
+.fa-mobile:before {
+ content: "\f10b";
+}
+
+.fa-mobile-phone:before {
+ content: "\f10b";
+}
+
+.fa-circle-o:before {
+ content: "\f10c";
+}
+
+.fa-quote-left:before {
+ content: "\f10d";
+}
+
+.fa-quote-right:before {
+ content: "\f10e";
+}
+
+.fa-spinner:before {
+ content: "\f110";
+}
+
+.fa-circle:before {
+ content: "\f111";
+}
+
+.fa-mail-reply:before {
+ content: "\f112";
+}
+
+.fa-reply:before {
+ content: "\f112";
+}
+
+.fa-github-alt:before {
+ content: "\f113";
+}
+
+.fa-folder-o:before {
+ content: "\f114";
+}
+
+.fa-folder-open-o:before {
+ content: "\f115";
+}
+
+.fa-smile-o:before {
+ content: "\f118";
+}
+
+.fa-frown-o:before {
+ content: "\f119";
+}
+
+.fa-meh-o:before {
+ content: "\f11a";
+}
+
+.fa-gamepad:before {
+ content: "\f11b";
+}
+
+.fa-keyboard-o:before {
+ content: "\f11c";
+}
+
+.fa-flag-o:before {
+ content: "\f11d";
+}
+
+.fa-flag-checkered:before {
+ content: "\f11e";
+}
+
+.fa-terminal:before {
+ content: "\f120";
+}
+
+.fa-code:before {
+ content: "\f121";
+}
+
+.fa-mail-reply-all:before {
+ content: "\f122";
+}
+
+.fa-reply-all:before {
+ content: "\f122";
+}
+
+.fa-star-half-empty:before {
+ content: "\f123";
+}
+
+.fa-star-half-full:before {
+ content: "\f123";
+}
+
+.fa-star-half-o:before {
+ content: "\f123";
+}
+
+.fa-location-arrow:before {
+ content: "\f124";
+}
+
+.fa-crop:before {
+ content: "\f125";
+}
+
+.fa-code-fork:before {
+ content: "\f126";
+}
+
+.fa-chain-broken:before {
+ content: "\f127";
+}
+
+.fa-unlink:before {
+ content: "\f127";
+}
+
+.fa-question:before {
+ content: "\f128";
+}
+
+.fa-info:before {
+ content: "\f129";
+}
+
+.fa-exclamation:before {
+ content: "\f12a";
+}
+
+.fa-superscript:before {
+ content: "\f12b";
+}
+
+.fa-subscript:before {
+ content: "\f12c";
+}
+
+.fa-eraser:before {
+ content: "\f12d";
+}
+
+.fa-puzzle-piece2:before {
+ content: "\f12e";
+}
+
+.fa-microphone:before {
+ content: "\f130";
+}
+
+.fa-microphone-slash:before {
+ content: "\f131";
+}
+
+.fa-shield:before {
+ content: "\f132";
+}
+
+.fa-calendar-o:before {
+ content: "\f133";
+}
+
+.fa-fire-extinguisher:before {
+ content: "\f134";
+}
+
+.fa-rocket:before {
+ content: "\f135";
+}
+
+.fa-maxcdn:before {
+ content: "\f136";
+}
+
+.fa-chevron-circle-left:before {
+ content: "\f137";
+}
+
+.fa-chevron-circle-right:before {
+ content: "\f138";
+}
+
+.fa-chevron-circle-up:before {
+ content: "\f139";
+}
+
+.fa-chevron-circle-down:before {
+ content: "\f13a";
+}
+
+.fa-html5:before {
+ content: "\f13b";
+}
+
+.fa-css3:before {
+ content: "\f13c";
+}
+
+.fa-anchor:before {
+ content: "\f13d";
+}
+
+.fa-unlock-alt:before {
+ content: "\f13e";
+}
+
+.fa-bullseye:before {
+ content: "\f140";
+}
+
+.fa-ellipsis-h:before {
+ content: "\f141";
+}
+
+.fa-ellipsis-v:before {
+ content: "\f142";
+}
+
+.fa-rss-square:before {
+ content: "\f143";
+}
+
+.fa-play-circle:before {
+ content: "\f144";
+}
+
+.fa-ticket:before {
+ content: "\f145";
+}
+
+.fa-minus-square:before {
+ content: "\f146";
+}
+
+.fa-minus-square-o:before {
+ content: "\f147";
+}
+
+.fa-level-up:before {
+ content: "\f148";
+}
+
+.fa-level-down:before {
+ content: "\f149";
+}
+
+.fa-check-square:before {
+ content: "\f14a";
+}
+
+.fa-pencil-square:before {
+ content: "\f14b";
+}
+
+.fa-external-link-square:before {
+ content: "\f14c";
+}
+
+.fa-share-square:before {
+ content: "\f14d";
+}
+
+.fa-compass:before {
+ content: "\f14e";
+}
+
+.fa-caret-square-o-down:before {
+ content: "\f150";
+}
+
+.fa-toggle-down:before {
+ content: "\f150";
+}
+
+.fa-caret-square-o-up:before {
+ content: "\f151";
+}
+
+.fa-toggle-up:before {
+ content: "\f151";
+}
+
+.fa-caret-square-o-right:before {
+ content: "\f152";
+}
+
+.fa-toggle-right:before {
+ content: "\f152";
+}
+
+.fa-eur:before {
+ content: "\f153";
+}
+
+.fa-euro:before {
+ content: "\f153";
+}
+
+.fa-gbp:before {
+ content: "\f154";
+}
+
+.fa-dollar:before {
+ content: "\f155";
+}
+
+.fa-usd:before {
+ content: "\f155";
+}
+
+.fa-inr:before {
+ content: "\f156";
+}
+
+.fa-rupee:before {
+ content: "\f156";
+}
+
+.fa-cny:before {
+ content: "\f157";
+}
+
+.fa-jpy:before {
+ content: "\f157";
+}
+
+.fa-rmb:before {
+ content: "\f157";
+}
+
+.fa-yen:before {
+ content: "\f157";
+}
+
+.fa-rouble:before {
+ content: "\f158";
+}
+
+.fa-rub:before {
+ content: "\f158";
+}
+
+.fa-ruble:before {
+ content: "\f158";
+}
+
+.fa-krw:before {
+ content: "\f159";
+}
+
+.fa-won:before {
+ content: "\f159";
+}
+
+.fa-bitcoin:before {
+ content: "\f15a";
+}
+
+.fa-btc:before {
+ content: "\f15a";
+}
+
+.fa-file:before {
+ content: "\f15b";
+}
+
+.fa-file-text:before {
+ content: "\f15c";
+}
+
+.fa-sort-alpha-asc:before {
+ content: "\f15d";
+}
+
+.fa-sort-alpha-desc:before {
+ content: "\f15e";
+}
+
+.fa-sort-amount-asc:before {
+ content: "\f160";
+}
+
+.fa-sort-amount-desc:before {
+ content: "\f161";
+}
+
+.fa-sort-numeric-asc:before {
+ content: "\f162";
+}
+
+.fa-sort-numeric-desc:before {
+ content: "\f163";
+}
+
+.fa-thumbs-up:before {
+ content: "\f164";
+}
+
+.fa-thumbs-down:before {
+ content: "\f165";
+}
+
+.fa-youtube-square:before {
+ content: "\f166";
+}
+
+.fa-youtube:before {
+ content: "\f167";
+}
+
+.fa-xing:before {
+ content: "\f168";
+}
+
+.fa-xing-square:before {
+ content: "\f169";
+}
+
+.fa-youtube-play:before {
+ content: "\f16a";
+}
+
+.fa-dropbox:before {
+ content: "\f16b";
+}
+
+.fa-stack-overflow:before {
+ content: "\f16c";
+}
+
+.fa-instagram:before {
+ content: "\f16d";
+}
+
+.fa-flickr:before {
+ content: "\f16e";
+}
+
+.fa-adn:before {
+ content: "\f170";
+}
+
+.fa-bitbucket:before {
+ content: "\f171";
+}
+
+.fa-bitbucket-square:before {
+ content: "\f172";
+}
+
+.fa-tumblr:before {
+ content: "\f173";
+}
+
+.fa-tumblr-square:before {
+ content: "\f174";
+}
+
+.fa-long-arrow-down:before {
+ content: "\f175";
+}
+
+.fa-long-arrow-up:before {
+ content: "\f176";
+}
+
+.fa-long-arrow-left:before {
+ content: "\f177";
+}
+
+.fa-long-arrow-right:before {
+ content: "\f178";
+}
+
+.fa-apple:before {
+ content: "\f179";
+}
+
+.fa-windows:before {
+ content: "\f17a";
+}
+
+.fa-android:before {
+ content: "\f17b";
+}
+
+.fa-linux:before {
+ content: "\f17c";
+}
+
+.fa-dribbble:before {
+ content: "\f17d";
+}
+
+.fa-skype:before {
+ content: "\f17e";
+}
+
+.fa-foursquare:before {
+ content: "\f180";
+}
+
+.fa-trello:before {
+ content: "\f181";
+}
+
+.fa-female:before {
+ content: "\f182";
+}
+
+.fa-male:before {
+ content: "\f183";
+}
+
+.fa-gittip:before {
+ content: "\f184";
+}
+
+.fa-gratipay:before {
+ content: "\f184";
+}
+
+.fa-sun-o:before {
+ content: "\f185";
+}
+
+.fa-moon-o:before {
+ content: "\f186";
+}
+
+.fa-archive2:before {
+ content: "\f187";
+}
+
+.fa-bug:before {
+ content: "\f188";
+}
+
+.fa-vk:before {
+ content: "\f189";
+}
+
+.fa-weibo:before {
+ content: "\f18a";
+}
+
+.fa-renren:before {
+ content: "\f18b";
+}
+
+.fa-pagelines:before {
+ content: "\f18c";
+}
+
+.fa-stack-exchange:before {
+ content: "\f18d";
+}
+
+.fa-arrow-circle-o-right:before {
+ content: "\f18e";
+}
+
+.fa-arrow-circle-o-left:before {
+ content: "\f190";
+}
+
+.fa-caret-square-o-left:before {
+ content: "\f191";
+}
+
+.fa-toggle-left:before {
+ content: "\f191";
+}
+
+.fa-dot-circle-o:before {
+ content: "\f192";
+}
+
+.fa-wheelchair:before {
+ content: "\f193";
+}
+
+.fa-vimeo-square:before {
+ content: "\f194";
+}
+
+.fa-try:before {
+ content: "\f195";
+}
+
+.fa-turkish-lira:before {
+ content: "\f195";
+}
+
+.fa-plus-square-o:before {
+ content: "\f196";
+}
+
+.fa-space-shuttle:before {
+ content: "\f197";
+}
+
+.fa-slack:before {
+ content: "\f198";
+}
+
+.fa-envelope-square:before {
+ content: "\f199";
+}
+
+.fa-wordpress:before {
+ content: "\f19a";
+}
+
+.fa-openid:before {
+ content: "\f19b";
+}
+
+.fa-bank:before {
+ content: "\f19c";
+}
+
+.fa-institution:before {
+ content: "\f19c";
+}
+
+.fa-university:before {
+ content: "\f19c";
+}
+
+.fa-graduation-cap:before {
+ content: "\f19d";
+}
+
+.fa-mortar-board:before {
+ content: "\f19d";
+}
+
+.fa-yahoo:before {
+ content: "\f19e";
+}
+
+.fa-google:before {
+ content: "\f1a0";
+}
+
+.fa-reddit:before {
+ content: "\f1a1";
+}
+
+.fa-reddit-square:before {
+ content: "\f1a2";
+}
+
+.fa-stumbleupon-circle:before {
+ content: "\f1a3";
+}
+
+.fa-stumbleupon:before {
+ content: "\f1a4";
+}
+
+.fa-delicious:before {
+ content: "\f1a5";
+}
+
+.fa-digg:before {
+ content: "\f1a6";
+}
+
+.fa-pied-piper:before {
+ content: "\f1a7";
+}
+
+.fa-pied-piper-alt:before {
+ content: "\f1a8";
+}
+
+.fa-drupal:before {
+ content: "\f1a9";
+}
+
+.fa-joomla:before {
+ content: "\f1aa";
+}
+
+.fa-language:before {
+ content: "\f1ab";
+}
+
+.fa-fax:before {
+ content: "\f1ac";
+}
+
+.fa-building:before {
+ content: "\f1ad";
+}
+
+.fa-child:before {
+ content: "\f1ae";
+}
+
+.fa-paw:before {
+ content: "\f1b0";
+}
+
+.fa-spoon:before {
+ content: "\f1b1";
+}
+
+.fa-cube2:before {
+ content: "\f1b2";
+}
+
+.fa-cubes:before {
+ content: "\f1b3";
+}
+
+.fa-behance:before {
+ content: "\f1b4";
+}
+
+.fa-behance-square:before {
+ content: "\f1b5";
+}
+
+.fa-steam:before {
+ content: "\f1b6";
+}
+
+.fa-steam-square:before {
+ content: "\f1b7";
+}
+
+.fa-recycle:before {
+ content: "\f1b8";
+}
+
+.fa-automobile:before {
+ content: "\f1b9";
+}
+
+.fa-car:before {
+ content: "\f1b9";
+}
+
+.fa-cab:before {
+ content: "\f1ba";
+}
+
+.fa-taxi:before {
+ content: "\f1ba";
+}
+
+.fa-tree:before {
+ content: "\f1bb";
+}
+
+.fa-spotify:before {
+ content: "\f1bc";
+}
+
+.fa-deviantart:before {
+ content: "\f1bd";
+}
+
+.fa-soundcloud:before {
+ content: "\f1be";
+}
+
+.fa-database2:before {
+ content: "\f1c0";
+}
+
+.fa-file-pdf-o:before {
+ content: "\f1c1";
+}
+
+.fa-file-word-o:before {
+ content: "\f1c2";
+}
+
+.fa-file-excel-o:before {
+ content: "\f1c3";
+}
+
+.fa-file-powerpoint-o:before {
+ content: "\f1c4";
+}
+
+.fa-file-image-o:before {
+ content: "\f1c5";
+}
+
+.fa-file-photo-o:before {
+ content: "\f1c5";
+}
+
+.fa-file-picture-o:before {
+ content: "\f1c5";
+}
+
+.fa-file-archive-o:before {
+ content: "\f1c6";
+}
+
+.fa-file-zip-o:before {
+ content: "\f1c6";
+}
+
+.fa-file-audio-o:before {
+ content: "\f1c7";
+}
+
+.fa-file-sound-o:before {
+ content: "\f1c7";
+}
+
+.fa-file-movie-o:before {
+ content: "\f1c8";
+}
+
+.fa-file-video-o:before {
+ content: "\f1c8";
+}
+
+.fa-file-code-o:before {
+ content: "\f1c9";
+}
+
+.fa-vine:before {
+ content: "\f1ca";
+}
+
+.fa-codepen:before {
+ content: "\f1cb";
+}
+
+.fa-jsfiddle:before {
+ content: "\f1cc";
+}
+
+.fa-life-bouy:before {
+ content: "\f1cd";
+}
+
+.fa-life-buoy:before {
+ content: "\f1cd";
+}
+
+.fa-life-ring:before {
+ content: "\f1cd";
+}
+
+.fa-life-saver:before {
+ content: "\f1cd";
+}
+
+.fa-support:before {
+ content: "\f1cd";
+}
+
+.fa-circle-o-notch:before {
+ content: "\f1ce";
+}
+
+.fa-ra:before {
+ content: "\f1d0";
+}
+
+.fa-rebel:before {
+ content: "\f1d0";
+}
+
+.fa-empire:before {
+ content: "\f1d1";
+}
+
+.fa-ge:before {
+ content: "\f1d1";
+}
+
+.fa-git-square:before {
+ content: "\f1d2";
+}
+
+.fa-git:before {
+ content: "\f1d3";
+}
+
+.fa-hacker-news:before {
+ content: "\f1d4";
+}
+
+.fa-y-combinator-square:before {
+ content: "\f1d4";
+}
+
+.fa-yc-square:before {
+ content: "\f1d4";
+}
+
+.fa-tencent-weibo:before {
+ content: "\f1d5";
+}
+
+.fa-qq:before {
+ content: "\f1d6";
+}
+
+.fa-wechat:before {
+ content: "\f1d7";
+}
+
+.fa-weixin:before {
+ content: "\f1d7";
+}
+
+.fa-paper-plane:before {
+ content: "\f1d8";
+}
+
+.fa-send:before {
+ content: "\f1d8";
+}
+
+.fa-paper-plane-o:before {
+ content: "\f1d9";
+}
+
+.fa-send-o:before {
+ content: "\f1d9";
+}
+
+.fa-history:before {
+ content: "\f1da";
+}
+
+.fa-circle-thin:before {
+ content: "\f1db";
+}
+
+.fa-header:before {
+ content: "\f1dc";
+}
+
+.fa-paragraph:before {
+ content: "\f1dd";
+}
+
+.fa-sliders2:before {
+ content: "\f1de";
+}
+
+.fa-share-alt:before {
+ content: "\f1e0";
+}
+
+.fa-share-alt-square:before {
+ content: "\f1e1";
+}
+
+.fa-bomb:before {
+ content: "\f1e2";
+}
+
+.fa-futbol-o:before {
+ content: "\f1e3";
+}
+
+.fa-soccer-ball-o:before {
+ content: "\f1e3";
+}
+
+.fa-tty:before {
+ content: "\f1e4";
+}
+
+.fa-binoculars:before {
+ content: "\f1e5";
+}
+
+.fa-plug:before {
+ content: "\f1e6";
+}
+
+.fa-slideshare:before {
+ content: "\f1e7";
+}
+
+.fa-twitch:before {
+ content: "\f1e8";
+}
+
+.fa-yelp:before {
+ content: "\f1e9";
+}
+
+.fa-newspaper-o:before {
+ content: "\f1ea";
+}
+
+.fa-wifi:before {
+ content: "\f1eb";
+}
+
+.fa-calculator:before {
+ content: "\f1ec";
+}
+
+.fa-paypal:before {
+ content: "\f1ed";
+}
+
+.fa-google-wallet:before {
+ content: "\f1ee";
+}
+
+.fa-cc-visa:before {
+ content: "\f1f0";
+}
+
+.fa-cc-mastercard:before {
+ content: "\f1f1";
+}
+
+.fa-cc-discover:before {
+ content: "\f1f2";
+}
+
+.fa-cc-amex:before {
+ content: "\f1f3";
+}
+
+.fa-cc-paypal:before {
+ content: "\f1f4";
+}
+
+.fa-cc-stripe:before {
+ content: "\f1f5";
+}
+
+.fa-bell-slash:before {
+ content: "\f1f6";
+}
+
+.fa-bell-slash-o:before {
+ content: "\f1f7";
+}
+
+.fa-trash:before {
+ content: "\f1f8";
+}
+
+.fa-copyright:before {
+ content: "\f1f9";
+}
+
+.fa-at:before {
+ content: "\f1fa";
+}
+
+.fa-eyedropper:before {
+ content: "\f1fb";
+}
+
+.fa-paint-brush:before {
+ content: "\f1fc";
+}
+
+.fa-birthday-cake:before {
+ content: "\f1fd";
+}
+
+.fa-area-chart:before {
+ content: "\f1fe";
+}
+
+.fa-pie-chart:before {
+ content: "\f200";
+}
+
+.fa-line-chart:before {
+ content: "\f201";
+}
+
+.fa-lastfm:before {
+ content: "\f202";
+}
+
+.fa-lastfm-square:before {
+ content: "\f203";
+}
+
+.fa-toggle-off:before {
+ content: "\f204";
+}
+
+.fa-toggle-on:before {
+ content: "\f205";
+}
+
+.fa-bicycle:before {
+ content: "\f206";
+}
+
+.fa-bus:before {
+ content: "\f207";
+}
+
+.fa-ioxhost:before {
+ content: "\f208";
+}
+
+.fa-angellist:before {
+ content: "\f209";
+}
+
+.fa-cc:before {
+ content: "\f20a";
+}
+
+.fa-ils:before {
+ content: "\f20b";
+}
+
+.fa-shekel:before {
+ content: "\f20b";
+}
+
+.fa-sheqel:before {
+ content: "\f20b";
+}
+
+.fa-meanpath:before {
+ content: "\f20c";
+}
+
+.fa-buysellads:before {
+ content: "\f20d";
+}
+
+.fa-connectdevelop:before {
+ content: "\f20e";
+}
+
+.fa-dashcube:before {
+ content: "\f210";
+}
+
+.fa-forumbee:before {
+ content: "\f211";
+}
+
+.fa-leanpub:before {
+ content: "\f212";
+}
+
+.fa-sellsy:before {
+ content: "\f213";
+}
+
+.fa-shirtsinbulk:before {
+ content: "\f214";
+}
+
+.fa-simplybuilt:before {
+ content: "\f215";
+}
+
+.fa-skyatlas:before {
+ content: "\f216";
+}
+
+.fa-cart-plus:before {
+ content: "\f217";
+}
+
+.fa-cart-arrow-down:before {
+ content: "\f218";
+}
+
+.fa-diamond:before {
+ content: "\f219";
+}
+
+.fa-ship:before {
+ content: "\f21a";
+}
+
+.fa-user-secret:before {
+ content: "\f21b";
+}
+
+.fa-motorcycle:before {
+ content: "\f21c";
+}
+
+.fa-street-view:before {
+ content: "\f21d";
+}
+
+.fa-heartbeat:before {
+ content: "\f21e";
+}
+
+.fa-venus:before {
+ content: "\f221";
+}
+
+.fa-mars:before {
+ content: "\f222";
+}
+
+.fa-mercury:before {
+ content: "\f223";
+}
+
+.fa-intersex:before {
+ content: "\f224";
+}
+
+.fa-transgender:before {
+ content: "\f224";
+}
+
+.fa-transgender-alt:before {
+ content: "\f225";
+}
+
+.fa-venus-double:before {
+ content: "\f226";
+}
+
+.fa-mars-double:before {
+ content: "\f227";
+}
+
+.fa-venus-mars:before {
+ content: "\f228";
+}
+
+.fa-mars-stroke:before {
+ content: "\f229";
+}
+
+.fa-mars-stroke-v:before {
+ content: "\f22a";
+}
+
+.fa-mars-stroke-h:before {
+ content: "\f22b";
+}
+
+.fa-neuter:before {
+ content: "\f22c";
+}
+
+.fa-genderless:before {
+ content: "\f22d";
+}
+
+.fa-facebook-official:before {
+ content: "\f230";
+}
+
+.fa-pinterest-p:before {
+ content: "\f231";
+}
+
+.fa-whatsapp:before {
+ content: "\f232";
+}
+
+.fa-server:before {
+ content: "\f233";
+}
+
+.fa-user-plus:before {
+ content: "\f234";
+}
+
+.fa-user-times:before {
+ content: "\f235";
+}
+
+.fa-bed:before {
+ content: "\f236";
+}
+
+.fa-hotel:before {
+ content: "\f236";
+}
+
+.fa-viacoin:before {
+ content: "\f237";
+}
+
+.fa-train:before {
+ content: "\f238";
+}
+
+.fa-subway:before {
+ content: "\f239";
+}
+
+.fa-medium:before {
+ content: "\f23a";
+}
+
+.fa-y-combinator:before {
+ content: "\f23b";
+}
+
+.fa-yc:before {
+ content: "\f23b";
+}
+
+.fa-optin-monster:before {
+ content: "\f23c";
+}
+
+.fa-opencart:before {
+ content: "\f23d";
+}
+
+.fa-expeditedssl:before {
+ content: "\f23e";
+}
+
+.fa-battery-4:before {
+ content: "\f240";
+}
+
+.fa-battery-full:before {
+ content: "\f240";
+}
+
+.fa-battery-3:before {
+ content: "\f241";
+}
+
+.fa-battery-three-quarters:before {
+ content: "\f241";
+}
+
+.fa-battery-2:before {
+ content: "\f242";
+}
+
+.fa-battery-half:before {
+ content: "\f242";
+}
+
+.fa-battery-1:before {
+ content: "\f243";
+}
+
+.fa-battery-quarter:before {
+ content: "\f243";
+}
+
+.fa-battery-0:before {
+ content: "\f244";
+}
+
+.fa-battery-empty:before {
+ content: "\f244";
+}
+
+.fa-mouse-pointer:before {
+ content: "\f245";
+}
+
+.fa-i-cursor:before {
+ content: "\f246";
+}
+
+.fa-object-group:before {
+ content: "\f247";
+}
+
+.fa-object-ungroup:before {
+ content: "\f248";
+}
+
+.fa-sticky-note:before {
+ content: "\f249";
+}
+
+.fa-sticky-note-o:before {
+ content: "\f24a";
+}
+
+.fa-cc-jcb:before {
+ content: "\f24b";
+}
+
+.fa-cc-diners-club:before {
+ content: "\f24c";
+}
+
+.fa-clone:before {
+ content: "\f24d";
+}
+
+.fa-balance-scale:before {
+ content: "\f24e";
+}
+
+.fa-hourglass-o:before {
+ content: "\f250";
+}
+
+.fa-hourglass-1:before {
+ content: "\f251";
+}
+
+.fa-hourglass-start:before {
+ content: "\f251";
+}
+
+.fa-hourglass-2:before {
+ content: "\f252";
+}
+
+.fa-hourglass-half:before {
+ content: "\f252";
+}
+
+.fa-hourglass-3:before {
+ content: "\f253";
+}
+
+.fa-hourglass-end:before {
+ content: "\f253";
+}
+
+.fa-hourglass:before {
+ content: "\f254";
+}
+
+.fa-hand-grab-o:before {
+ content: "\f255";
+}
+
+.fa-hand-rock-o:before {
+ content: "\f255";
+}
+
+.fa-hand-paper-o:before {
+ content: "\f256";
+}
+
+.fa-hand-stop-o:before {
+ content: "\f256";
+}
+
+.fa-hand-scissors-o:before {
+ content: "\f257";
+}
+
+.fa-hand-lizard-o:before {
+ content: "\f258";
+}
+
+.fa-hand-spock-o:before {
+ content: "\f259";
+}
+
+.fa-hand-pointer-o:before {
+ content: "\f25a";
+}
+
+.fa-hand-peace-o:before {
+ content: "\f25b";
+}
+
+.fa-trademark:before {
+ content: "\f25c";
+}
+
+.fa-registered:before {
+ content: "\f25d";
+}
+
+.fa-creative-commons:before {
+ content: "\f25e";
+}
+
+.fa-gg:before {
+ content: "\f260";
+}
+
+.fa-gg-circle:before {
+ content: "\f261";
+}
+
+.fa-tripadvisor:before {
+ content: "\f262";
+}
+
+.fa-odnoklassniki:before {
+ content: "\f263";
+}
+
+.fa-odnoklassniki-square:before {
+ content: "\f264";
+}
+
+.fa-get-pocket:before {
+ content: "\f265";
+}
+
+.fa-wikipedia-w:before {
+ content: "\f266";
+}
+
+.fa-safari:before {
+ content: "\f267";
+}
+
+.fa-chrome:before {
+ content: "\f268";
+}
+
+.fa-firefox:before {
+ content: "\f269";
+}
+
+.fa-opera:before {
+ content: "\f26a";
+}
+
+.fa-internet-explorer:before {
+ content: "\f26b";
+}
+
+.fa-television:before {
+ content: "\f26c";
+}
+
+.fa-tv:before {
+ content: "\f26c";
+}
+
+.fa-contao:before {
+ content: "\f26d";
+}
+
+.fa-500px:before {
+ content: "\f26e";
+}
+
+.fa-amazon:before {
+ content: "\f270";
+}
+
+.fa-calendar-plus-o:before {
+ content: "\f271";
+}
+
+.fa-calendar-minus-o:before {
+ content: "\f272";
+}
+
+.fa-calendar-times-o:before {
+ content: "\f273";
+}
+
+.fa-calendar-check-o:before {
+ content: "\f274";
+}
+
+.fa-industry:before {
+ content: "\f275";
+}
+
+.fa-map-pin:before {
+ content: "\f276";
+}
+
+.fa-map-signs:before {
+ content: "\f277";
+}
+
+.fa-map-o:before {
+ content: "\f278";
+}
+
+.fa-map2:before {
+ content: "\f279";
+}
+
+.fa-commenting:before {
+ content: "\f27a";
+}
+
+.fa-commenting-o:before {
+ content: "\f27b";
+}
+
+.fa-houzz:before {
+ content: "\f27c";
+}
+
+.fa-vimeo:before {
+ content: "\f27d";
+}
+
+.fa-black-tie:before {
+ content: "\f27e";
+}
+
+.fa-fonticons:before {
+ content: "\f280";
+}
+
+.fa-reddit-alien:before {
+ content: "\f281";
+}
+
+.fa-edge:before {
+ content: "\f282";
+}
+
+.fa-credit-card-alt:before {
+ content: "\f283";
+}
+
+.fa-codiepie:before {
+ content: "\f284";
+}
+
+.fa-modx:before {
+ content: "\f285";
+}
+
+.fa-fort-awesome:before {
+ content: "\f286";
+}
+
+.fa-usb:before {
+ content: "\f287";
+}
+
+.fa-product-hunt:before {
+ content: "\f288";
+}
+
+.fa-mixcloud:before {
+ content: "\f289";
+}
+
+.fa-scribd:before {
+ content: "\f28a";
+}
+
+.fa-pause-circle:before {
+ content: "\f28b";
+}
+
+.fa-pause-circle-o:before {
+ content: "\f28c";
+}
+
+.fa-stop-circle:before {
+ content: "\f28d";
+}
+
+.fa-stop-circle-o:before {
+ content: "\f28e";
+}
+
+.fa-shopping-bag:before {
+ content: "\f290";
+}
+
+.fa-shopping-basket:before {
+ content: "\f291";
+}
+
+.fa-hashtag:before {
+ content: "\f292";
+}
+
+.fa-bluetooth:before {
+ content: "\f293";
+}
+
+.fa-bluetooth-b:before {
+ content: "\f294";
+}
+
+.fa-percent:before {
+ content: "\f295";
+}
+
+.vi-browser:before {
+ content: "\f0cf";
+}
+
+.vi-bullets:before {
+ content: "\e62b";
+}
+
+.vi-combobox:before {
+ content: "\e637";
+}
+
+.vi-file-tree:before {
+ content: "\e648";
+}
+
+.vi-form:before {
+ content: "\e64c";
+}
+
+.vi-grid-bevel:before {
+ content: "\e64f";
+}
+
+.vi-grid:before {
+ content: "\e652";
+}
+
+.vi-layout:before {
+ content: "\e656";
+}
+
+.vi-level-right-bold:before {
+ content: "\e657";
+}
+
+.vi-options:before {
+ content: "\e65f";
+}
+
+.vi-panel:before {
+ content: "\e669";
+}
+
+.vi-road-branch:before {
+ content: "\e671";
+}
+
+.vi-split:before {
+ content: "\e676";
+}
+
+.vi-tabs:before {
+ content: "\e67a";
+}
+
+.vi-text-input:before {
+ content: "\e67c";
+}
+
+.vi-tree-table:before {
+ content: "\e681";
+}
+
+.vi-twin-col-select:before {
+ content: "\e682";
+}
+
+.vi-cube:before {
+ content: "\f1bf";
+}
+
+.vi-filter:before {
+ content: "\f0b3";
+}
+
+.vi-hash:before {
+ content: "\e6aa";
+}
+
+.vi-puzzle-piece:before {
+ content: "\f12f";
+}
+
+.vi-sliders:before {
+ content: "\e6d0";
+}
+
+.vi-archive:before {
+ content: "\e6ef";
+}
+
+.vi-book:before {
+ content: "\f04f";
+}
+
+.vi-modal-list:before {
+ content: "\e72c";
+}
+
+.vi-random:before {
+ content: "\f07f";
+}
+
+.vi-server:before {
+ content: "\e738";
+}
+
+.vi-database:before {
+ content: "\f1cf";
+}
+
+.vi-sitemap:before {
+ content: "\f116";
+}
+
+.vi-tasks:before {
+ content: "\e73e";
+}
+
+.vi-ticket:before {
+ content: "\e741";
+}
+
+.vi-bar-chart:before {
+ content: "\e758";
+}
+
+.vi-comment-o:before {
+ content: "\e769";
+}
+
+.vi-comment:before {
+ content: "\e76a";
+}
+
+.vi-retweet:before {
+ content: "\f08f";
+}
+
+.vi-sign-in:before {
+ content: "\f09f";
+}
+
+.vi-sign-out:before {
+ content: "\e79a";
+}
+
+.vi-table:before {
+ content: "\f0ef";
+}
+
+.vi-menu:before {
+ content: "\e7b4";
+}
+
+.vi-file-text-o:before {
+ content: "\e7e2";
+}
+
+.vi-list-ul:before {
+ content: "\e7f2";
+}
+
+.vi-list:before {
+ content: "\e7f3";
+}
+
+.vi-book-dollar:before {
+ content: "\e600";
+}
+
+.vi-book-percent:before {
+ content: "\e601";
+}
+
+.vi-briefcase:before {
+ content: "\e602";
+}
+
+.vi-plus-minus:before {
+ content: "\e603";
+}
+
+.vi-calendar-briefcase:before {
+ content: "\e604";
+}
+
+.vi-calendar-clock:before {
+ content: "\e605";
+}
+
+.vi-calendar-user:before {
+ content: "\e606";
+}
+
+.vi-dental-chair:before {
+ content: "\e607";
+}
+
+.vi-doctor-briefcase:before {
+ content: "\e608";
+}
+
+.vi-doctor:before {
+ content: "\e609";
+}
+
+.vi-dollar:before {
+ content: "\e60a";
+}
+
+.vi-exit-o:before {
+ content: "\e60b";
+}
+
+.vi-exit:before {
+ content: "\e60c";
+}
+
+.vi-golf:before {
+ content: "\e60d";
+}
+
+.vi-group:before {
+ content: "\e60e";
+}
+
+.vi-health-card:before {
+ content: "\e60f";
+}
+
+.vi-invoice:before {
+ content: "\e610";
+}
+
+.vi-level-down-bold:before {
+ content: "\e611";
+}
+
+.vi-level-left-bold:before {
+ content: "\e612";
+}
+
+.vi-level-up-bold:before {
+ content: "\e613";
+}
+
+.vi-out:before {
+ content: "\e614";
+}
+
+.vi-pill:before {
+ content: "\e615";
+}
+
+.vi-pills:before {
+ content: "\e616";
+}
+
+.vi-specialist:before {
+ content: "\e617";
+}
+
+.vi-stethoscope:before {
+ content: "\e618";
+}
+
+.vi-teeth:before {
+ content: "\e619";
+}
+
+.vi-user-card:before {
+ content: "\e61a";
+}
+
+.vi-user-check:before {
+ content: "\e61b";
+}
+
+.vi-user-clock:before {
+ content: "\e61c";
+}
+
+.vi-user-heart:before {
+ content: "\e61d";
+}
+
+.vi-absolute-position:before {
+ content: "\e61e";
+}
+
+.vi-accordion-menu:before {
+ content: "\e61f";
+}
+
+.vi-add-dock:before {
+ content: "\e620";
+}
+
+.vi-archives:before {
+ content: "\e621";
+}
+
+.vi-arrow-backward:before {
+ content: "\e622";
+}
+
+.vi-arrow-forward:before {
+ content: "\e623";
+}
+
+.vi-at:before {
+ content: "\e624";
+}
+
+.vi-bell-slash-o:before {
+ content: "\e625";
+}
+
+.vi-bell-slash:before {
+ content: "\e626";
+}
+
+.vi-boat:before {
+ content: "\e627";
+}
+
+.vi-browser3:before {
+ content: "\e62a";
+}
+
+.vi-bullets:before {
+ content: "\e62b";
+}
+
+.vi-button:before {
+ content: "\e62c";
+}
+
+.vi-calc-book:before {
+ content: "\e62d";
+}
+
+.vi-calendar-envelope:before {
+ content: "\e62e";
+}
+
+.vi-car:before {
+ content: "\e62f";
+}
+
+.vi-check-square:before {
+ content: "\e630";
+}
+
+.vi-child:before {
+ content: "\e631";
+}
+
+.vi-clipboard-cross:before {
+ content: "\e632";
+}
+
+.vi-clipboard-heart:before {
+ content: "\e633";
+}
+
+.vi-clipboard-pulse:before {
+ content: "\e634";
+}
+
+.vi-clipboard-text:before {
+ content: "\e635";
+}
+
+.vi-clipboard-user:before {
+ content: "\e638";
+}
+
+.vi-clipboard:before {
+ content: "\e639";
+}
+
+.vi-combobox:before {
+ content: "\e637";
+}
+
+.vi-compress-square:before {
+ content: "\e63a";
+}
+
+.vi-copyright:before {
+ content: "\e63b";
+}
+
+.vi-css:before {
+ content: "\e63c";
+}
+
+.vi-curly-brackets:before {
+ content: "\e63d";
+}
+
+.vi-date-input:before {
+ content: "\e63e";
+}
+
+.vi-elastic:before {
+ content: "\e63f";
+}
+
+.vi-envelope-open-o:before {
+ content: "\e640";
+}
+
+.vi-envelope-open:before {
+ content: "\e641";
+}
+
+.vi-external-browser:before {
+ content: "\e642";
+}
+
+.vi-eyedropper:before {
+ content: "\e643";
+}
+
+.vi-factory:before {
+ content: "\e644";
+}
+
+.vi-file-process:before {
+ content: "\e645";
+}
+
+.vi-file-refresh:before {
+ content: "\e646";
+}
+
+.vi-file-start:before {
+ content: "\e649";
+}
+
+.vi-file-tree-small:before {
+ content: "\e64a";
+}
+
+.vi-file-tree-sub:before {
+ content: "\e64d";
+}
+
+.vi-file-tree:before {
+ content: "\e648";
+}
+
+.vi-adobe-flash:before {
+ content: "\e650";
+}
+
+.vi-flip-h:before {
+ content: "\e653";
+}
+
+.vi-flip-v:before {
+ content: "\e658";
+}
+
+.vi-form:before {
+ content: "\e64c";
+}
+
+.vi-funcion:before {
+ content: "\e659";
+}
+
+.vi-grab:before {
+ content: "\e65a";
+}
+
+.vi-grid-bevel:before {
+ content: "\e64f";
+}
+
+.vi-grid-h:before {
+ content: "\e65b";
+}
+
+.vi-grid-v:before {
+ content: "\e65c";
+}
+
+.vi-grid:before {
+ content: "\e652";
+}
+
+.vi-hand:before {
+ content: "\e65d";
+}
+
+.vi-input:before {
+ content: "\e660";
+}
+
+.vi-layout:before {
+ content: "\e656";
+}
+
+.vi-level-right-bold:before {
+ content: "\e657";
+}
+
+.vi-list-select:before {
+ content: "\e661";
+}
+
+.vi-margin-bottom:before {
+ content: "\e662";
+}
+
+.vi-margin-left:before {
+ content: "\e663";
+}
+
+.vi-margin-right:before {
+ content: "\e664";
+}
+
+.vi-margin-top:before {
+ content: "\e665";
+}
+
+.vi-margin:before {
+ content: "\e666";
+}
+
+.vi-native-button:before {
+ content: "\e667";
+}
+
+.vi-notebook:before {
+ content: "\e66a";
+}
+
+.vi-options:before {
+ content: "\e65f";
+}
+
+.vi-orientation:before {
+ content: "\e66b";
+}
+
+.vi-outbox:before {
+ content: "\e66c";
+}
+
+.vi-padding-bottom:before {
+ content: "\e66d";
+}
+
+.vi-padding-left:before {
+ content: "\e66e";
+}
+
+.vi-padding-right:before {
+ content: "\e66f";
+}
+
+.vi-padding-top:before {
+ content: "\e672";
+}
+
+.vi-padding:before {
+ content: "\e673";
+}
+
+.vi-paint-roll:before {
+ content: "\e674";
+}
+
+.vi-palete:before {
+ content: "\e677";
+}
+
+.vi-panel:before {
+ content: "\e669";
+}
+
+.vi-password:before {
+ content: "\e678";
+}
+
+.vi-plug:before {
+ content: "\e67d";
+}
+
+.vi-pointer:before {
+ content: "\e67e";
+}
+
+.vi-progressbar:before {
+ content: "\e683";
+}
+
+.vi-resize-h:before {
+ content: "\e684";
+}
+
+.vi-resize-v:before {
+ content: "\e685";
+}
+
+.vi-rhombus:before {
+ content: "\e686";
+}
+
+.vi-road-branch:before {
+ content: "\e671";
+}
+
+.vi-road-branches:before {
+ content: "\e687";
+}
+
+.vi-road-split:before {
+ content: "\e688";
+}
+
+.vi-select:before {
+ content: "\e689";
+}
+
+.vi-slider:before {
+ content: "\e68a";
+}
+
+.vi-split:before {
+ content: "\e676";
+}
+
+.vi-start-cog:before {
+ content: "\e68b";
+}
+
+.vi-stop-cog:before {
+ content: "\e68c";
+}
+
+.vi-sword:before {
+ content: "\e68d";
+}
+
+.vi-tabs:before {
+ content: "\e67a";
+}
+
+.vi-taxi:before {
+ content: "\e68e";
+}
+
+.vi-text-input:before {
+ content: "\e67c";
+}
+
+.vi-text-label:before {
+ content: "\e68f";
+}
+
+.vi-tooth:before {
+ content: "\e690";
+}
+
+.vi-train:before {
+ content: "\e691";
+}
+
+.vi-tree-table:before {
+ content: "\e681";
+}
+
+.vi-twin-col-select:before {
+ content: "\e682";
+}
+
+.vi-viewport:before {
+ content: "\e692";
+}
+
+.vi-abacus:before {
+ content: "\e693";
+}
+
+.vi-accessibility:before {
+ content: "\e694";
+}
+
+.vi-airplane:before {
+ content: "\e695";
+}
+
+.vi-anchor:before {
+ content: "\e696";
+}
+
+.vi-asterisk:before {
+ content: "\e699";
+}
+
+.vi-automation:before {
+ content: "\e69a";
+}
+
+.vi-barcode:before {
+ content: "\e69b";
+}
+
+.vi-bomb:before {
+ content: "\e69c";
+}
+
+.vi-bug-o:before {
+ content: "\e69d";
+}
+
+.vi-bug:before {
+ content: "\e69e";
+}
+
+.vi-calc:before {
+ content: "\e69f";
+}
+
+.vi-chart-line:before {
+ content: "\e6a0";
+}
+
+.vi-chart:before {
+ content: "\e6a1";
+}
+
+.vi-code:before {
+ content: "\e6a4";
+}
+
+.vi-coffee:before {
+ content: "\e6a5";
+}
+
+.vi-cogs:before {
+ content: "\e6a6";
+}
+
+.vi-controller:before {
+ content: "\e6a7";
+}
+
+.vi-corner-lower-left:before {
+ content: "\e6a8";
+}
+
+.vi-corner-lower-right:before {
+ content: "\e6ab";
+}
+
+.vi-corner-upper-left:before {
+ content: "\e6ac";
+}
+
+.vi-corner-upper-right:before {
+ content: "\e6ad";
+}
+
+.vi-cube3:before {
+ content: "\e698";
+}
+
+.vi-cubes:before {
+ content: "\e6ae";
+}
+
+.vi-download-alt:before {
+ content: "\e6af";
+}
+
+.vi-eraser:before {
+ content: "\e6b0";
+}
+
+.vi-facebook-square:before {
+ content: "\e6b1";
+}
+
+.vi-facebook:before {
+ content: "\e6b2";
+}
+
+.vi-female:before {
+ content: "\e6b3";
+}
+
+.vi-file-font:before {
+ content: "\e6b4";
+}
+
+.vi-file-presentation:before {
+ content: "\e6b5";
+}
+
+.vi-file-table:before {
+ content: "\e6b6";
+}
+
+.vi-fill:before {
+ content: "\e6b7";
+}
+
+.vi-filter3:before {
+ content: "\e6a3";
+}
+
+.vi-fire:before {
+ content: "\e6b8";
+}
+
+.vi-frown-o:before {
+ content: "\e6b9";
+}
+
+.vi-gavel:before {
+ content: "\e6ba";
+}
+
+.vi-google-plus-square:before {
+ content: "\e6bb";
+}
+
+.vi-google-plus:before {
+ content: "\e6bc";
+}
+
+.vi-hands-up:before {
+ content: "\e6bd";
+}
+
+.vi-hash:before {
+ content: "\e6aa";
+}
+
+.vi-institution:before {
+ content: "\e6be";
+}
+
+.vi-key-o:before {
+ content: "\e6bf";
+}
+
+.vi-key:before {
+ content: "\e6c2";
+}
+
+.vi-lifebuoy:before {
+ content: "\e6c3";
+}
+
+.vi-lightbulb:before {
+ content: "\e6c4";
+}
+
+.vi-sign-in-alt:before {
+ content: "\e6c5";
+}
+
+.vi-sign-out-alt:before {
+ content: "\e6c6";
+}
+
+.vi-magic:before {
+ content: "\f0ff";
+}
+
+.vi-male:before {
+ content: "\e6c8";
+}
+
+.vi-medal:before {
+ content: "\e6c9";
+}
+
+.vi-megafone:before {
+ content: "\e6ca";
+}
+
+.vi-meh-o:before {
+ content: "\e6cb";
+}
+
+.vi-money:before {
+ content: "\e6cc";
+}
+
+.vi-package:before {
+ content: "\e6cd";
+}
+
+.vi-paintbrush:before {
+ content: "\e6ce";
+}
+
+.vi-paperplane:before {
+ content: "\e6d2";
+}
+
+.vi-paperplane:before {
+ content: "\e6d2";
+}
+
+.vi-paragraph:before {
+ content: "\e6d3";
+}
+
+.vi-paste:before {
+ content: "\e6d4";
+}
+
+.vi-pie-chart:before {
+ content: "\f20f";
+}
+
+.vi-pin-post:before {
+ content: "\e6d6";
+}
+
+.vi-presentation:before {
+ content: "\e6d7";
+}
+
+.vi-puzzle-piece3:before {
+ content: "\e6c1";
+}
+
+.vi-qrcode:before {
+ content: "\e6d8";
+}
+
+.vi-quote-left:before {
+ content: "\e6d9";
+}
+
+.vi-quote-right:before {
+ content: "\e6da";
+}
+
+.vi-raster-lower-left:before {
+ content: "\e6db";
+}
+
+.vi-raster:before {
+ content: "\e6dc";
+}
+
+.vi-recycle:before {
+ content: "\e6dd";
+}
+
+.vi-road:before {
+ content: "\e6de";
+}
+
+.vi-rocket:before {
+ content: "\e6df";
+}
+
+.vi-rss-square:before {
+ content: "\e6e0";
+}
+
+.vi-rss:before {
+ content: "\e6e1";
+}
+
+.vi-safe-lock:before {
+ content: "\e6e2";
+}
+
+.vi-safe:before {
+ content: "\e6e3";
+}
+
+.vi-share-square:before {
+ content: "\e6e4";
+}
+
+.vi-shield:before {
+ content: "\e6e5";
+}
+
+.vi-sliders:before {
+ content: "\e6d0";
+}
+
+.vi-smiley-o:before {
+ content: "\e6e6";
+}
+
+.vi-spinner-arc:before {
+ content: "\e6e7";
+}
+
+.vi-spinner-third:before {
+ content: "\e6e8";
+}
+
+.vi-spinner:before {
+ content: "\e6e9";
+}
+
+.vi-subscript:before {
+ content: "\e6ea";
+}
+
+.vi-superscript:before {
+ content: "\e6eb";
+}
+
+.vi-tag:before {
+ content: "\e6ec";
+}
+
+.vi-tags:before {
+ content: "\e6ed";
+}
+
+.vi-terminal:before {
+ content: "\e6f0";
+}
+
+.vi-thumbs-down-o:before {
+ content: "\e6f1";
+}
+
+.vi-thumbs-down:before {
+ content: "\e6f2";
+}
+
+.vi-thumbs-up-o:before {
+ content: "\e6f3";
+}
+
+.vi-thumbs-up:before {
+ content: "\e6f4";
+}
+
+.vi-truck:before {
+ content: "\e6f5";
+}
+
+.vi-twitter-square:before {
+ content: "\e6f6";
+}
+
+.vi-twitter:before {
+ content: "\e6f7";
+}
+
+.vi-umbrella:before {
+ content: "\e6f8";
+}
+
+.vi-upload-alt:before {
+ content: "\e6fb";
+}
+
+.vi-vimeo-square:before {
+ content: "\e6fc";
+}
+
+.vi-vimeo:before {
+ content: "\e6fd";
+}
+
+.vi-youtube-square:before {
+ content: "\e6fe";
+}
+
+.vi-youtube:before {
+ content: "\e6ff";
+}
+
+.vi-angle-double-down:before {
+ content: "\e700";
+}
+
+.vi-angle-double-left:before {
+ content: "\e701";
+}
+
+.vi-angle-double-right:before {
+ content: "\e702";
+}
+
+.vi-angle-double-up:before {
+ content: "\e703";
+}
+
+.vi-angle-down:before {
+ content: "\e704";
+}
+
+.vi-angle-left:before {
+ content: "\e705";
+}
+
+.vi-angle-right:before {
+ content: "\e706";
+}
+
+.vi-angle-up:before {
+ content: "\e707";
+}
+
+.vi-archive:before {
+ content: "\e6ef";
+}
+
+.vi-arrow-circle-down-o:before {
+ content: "\e708";
+}
+
+.vi-arrow-circle-down:before {
+ content: "\e709";
+}
+
+.vi-arrow-circle-left-o:before {
+ content: "\e70a";
+}
+
+.vi-arrow-circle-left:before {
+ content: "\e70b";
+}
+
+.vi-arrow-circle-right-o:before {
+ content: "\e70c";
+}
+
+.vi-arrow-circle-right:before {
+ content: "\e70d";
+}
+
+.vi-arrow-circle-up-o:before {
+ content: "\e70e";
+}
+
+.vi-arrow-circle-up:before {
+ content: "\e70f";
+}
+
+.vi-ban:before {
+ content: "\e710";
+}
+
+.vi-bold:before {
+ content: "\e711";
+}
+
+.vi-book3:before {
+ content: "\e6fa";
+}
+
+.vi-bullseye:before {
+ content: "\e712";
+}
+
+.vi-cart-o:before {
+ content: "\e713";
+}
+
+.vi-cart:before {
+ content: "\e714";
+}
+
+.vi-check-square-o:before {
+ content: "\e715";
+}
+
+.vi-cross-cutlery:before {
+ content: "\e716";
+}
+
+.vi-cutlery:before {
+ content: "\e717";
+}
+
+.vi-dashboard:before {
+ content: "\e718";
+}
+
+.vi-disc:before {
+ content: "\e719";
+}
+
+.vi-dot-circle:before {
+ content: "\e71a";
+}
+
+.vi-download:before {
+ content: "\e71b";
+}
+
+.vi-drop:before {
+ content: "\e71c";
+}
+
+.vi-exchange:before {
+ content: "\f117";
+}
+
+.vi-exclamation-circle-o:before {
+ content: "\e71e";
+}
+
+.vi-exclamation-circle:before {
+ content: "\e71f";
+}
+
+.vi-exclamation:before {
+ content: "\e720";
+}
+
+.vi-eye-slash:before {
+ content: "\e721";
+}
+
+.vi-file-code:before {
+ content: "\e722";
+}
+
+.vi-file-movie:before {
+ content: "\e723";
+}
+
+.vi-file-picture:before {
+ content: "\e724";
+}
+
+.vi-file-sound:before {
+ content: "\e725";
+}
+
+.vi-file-zip:before {
+ content: "\e726";
+}
+
+.vi-flag-checkered:before {
+ content: "\e727";
+}
+
+.vi-flag-o:before {
+ content: "\e728";
+}
+
+.vi-flag:before {
+ content: "\e729";
+}
+
+.vi-flash:before {
+ content: "\e72a";
+}
+
+.vi-font:before {
+ content: "\e72d";
+}
+
+.vi-gamepad:before {
+ content: "\e72e";
+}
+
+.vi-gift:before {
+ content: "\e72f";
+}
+
+.vi-handle-corner:before {
+ content: "\e730";
+}
+
+.vi-harddrive-o:before {
+ content: "\e731";
+}
+
+.vi-harddrive:before {
+ content: "\e732";
+}
+
+.vi-header:before {
+ content: "\e735";
+}
+
+.vi-headphones:before {
+ content: "\e73c";
+}
+
+.vi-inbox:before {
+ content: "\e73f";
+}
+
+.vi-info-circle-o:before {
+ content: "\e742";
+}
+
+.vi-info-circle:before {
+ content: "\e743";
+}
+
+.vi-info:before {
+ content: "\e744";
+}
+
+.vi-ist-ol:before {
+ content: "\e745";
+}
+
+.vi-italic:before {
+ content: "\e746";
+}
+
+.vi-keyboard-o:before {
+ content: "\e747";
+}
+
+.vi-keyboard:before {
+ content: "\e748";
+}
+
+.vi-line-h:before {
+ content: "\e749";
+}
+
+.vi-line-v:before {
+ content: "\e74a";
+}
+
+.vi-link:before {
+ content: "\e74b";
+}
+
+.vi-location-arrow-circle-o:before {
+ content: "\e74c";
+}
+
+.vi-location-arrow-circle:before {
+ content: "\e74d";
+}
+
+.vi-location-arrow:before {
+ content: "\e74e";
+}
+
+.vi-mailbox:before {
+ content: "\e74f";
+}
+
+.vi-microphone:before {
+ content: "\e750";
+}
+
+.vi-modal-list:before {
+ content: "\e72c";
+}
+
+.vi-mute:before {
+ content: "\e751";
+}
+
+.vi-paperclip:before {
+ content: "\e752";
+}
+
+.vi-play-circle-o:before {
+ content: "\e753";
+}
+
+.vi-question-circle-o:before {
+ content: "\e754";
+}
+
+.vi-question-circle:before {
+ content: "\e755";
+}
+
+.vi-play-circle:before {
+ content: "\e756";
+}
+
+.vi-question:before {
+ content: "\e759";
+}
+
+.vi-random3:before {
+ content: "\e734";
+}
+
+.vi-scissors:before {
+ content: "\e75a";
+}
+
+.vi-screwdriver:before {
+ content: "\e75b";
+}
+
+.vi-server:before {
+ content: "\e738";
+}
+
+.vi-database3:before {
+ content: "\e73a";
+}
+
+.vi-signal:before {
+ content: "\e75c";
+}
+
+.vi-sitemap3:before {
+ content: "\e73b";
+}
+
+.vi-spoon:before {
+ content: "\e75d";
+}
+
+.vi-strikethrough:before {
+ content: "\e75e";
+}
+
+.vi-sun-o:before {
+ content: "\e75f";
+}
+
+.vi-tasks:before {
+ content: "\e73e";
+}
+
+.vi-text-height:before {
+ content: "\e760";
+}
+
+.vi-text-width:before {
+ content: "\e761";
+}
+
+.vi-ticket:before {
+ content: "\e741";
+}
+
+.vi-toolbox:before {
+ content: "\e762";
+}
+
+.vi-tools:before {
+ content: "\e763";
+}
+
+.vi-trophy:before {
+ content: "\e764";
+}
+
+.vi-underline:before {
+ content: "\e765";
+}
+
+.vi-unlink:before {
+ content: "\e766";
+}
+
+.vi-upload:before {
+ content: "\e76b";
+}
+
+.vi-users:before {
+ content: "\e76c";
+}
+
+.vi-warning:before {
+ content: "\e76d";
+}
+
+.vi-wrench:before {
+ content: "\e76e";
+}
+
+.vi-adjust:before {
+ content: "\e76f";
+}
+
+.vi-align-center:before {
+ content: "\e770";
+}
+
+.vi-align-left:before {
+ content: "\e771";
+}
+
+.vi-align-right:before {
+ content: "\e772";
+}
+
+.vi-arrow-long-down:before {
+ content: "\e773";
+}
+
+.vi-arrow-long-left:before {
+ content: "\e774";
+}
+
+.vi-arrows-cross:before {
+ content: "\e775";
+}
+
+.vi-arrows-long-h:before {
+ content: "\e776";
+}
+
+.vi-arrows-long-right:before {
+ content: "\e777";
+}
+
+.vi-arrows-long-up:before {
+ content: "\e778";
+}
+
+.vi-arrows-long-v:before {
+ content: "\e779";
+}
+
+.vi-arrows:before {
+ content: "\e77a";
+}
+
+.vi-backwards:before {
+ content: "\e77b";
+}
+
+.vi-bar-chart:before {
+ content: "\e758";
+}
+
+.vi-bell-o:before {
+ content: "\e77c";
+}
+
+.vi-bolt:before {
+ content: "\e77d";
+}
+
+.vi-chat:before {
+ content: "\e77e";
+}
+
+.vi-check:before {
+ content: "\e77f";
+}
+
+.vi-circle-thin:before {
+ content: "\e780";
+}
+
+.vi-circle:before {
+ content: "\e781";
+}
+
+.vi-cloud-download-o:before {
+ content: "\e782";
+}
+
+.vi-cloud-download:before {
+ content: "\e783";
+}
+
+.vi-cloud-o:before {
+ content: "\e784";
+}
+
+.vi-cloud-upload-o:before {
+ content: "\e785";
+}
+
+.vi-cloud-upload:before {
+ content: "\e786";
+}
+
+.vi-cloud:before {
+ content: "\e787";
+}
+
+.vi-cog-o:before {
+ content: "\e788";
+}
+
+.vi-comment-ellipsis-o:before {
+ content: "\e789";
+}
+
+.vi-comment-ellipsis:before {
+ content: "\e78a";
+}
+
+.vi-comment-o:before {
+ content: "\e769";
+}
+
+.vi-comment:before {
+ content: "\e76a";
+}
+
+.vi-comments-o:before {
+ content: "\e78b";
+}
+
+.vi-comments:before {
+ content: "\e78c";
+}
+
+.vi-compress:before {
+ content: "\e78d";
+}
+
+.vi-connect-o:before {
+ content: "\e78e";
+}
+
+.vi-connect:before {
+ content: "\e78f";
+}
+
+.vi-credit-card:before {
+ content: "\e790";
+}
+
+.vi-crop:before {
+ content: "\e791";
+}
+
+.vi-deindent:before {
+ content: "\e792";
+}
+
+.vi-edit:before {
+ content: "\e795";
+}
+
+.vi-eject:before {
+ content: "\e796";
+}
+
+.vi-ellipsis-h:before {
+ content: "\e79b";
+}
+
+.vi-ellipsis-v:before {
+ content: "\e79c";
+}
+
+.vi-expand-full:before {
+ content: "\e79d";
+}
+
+.vi-expand:before {
+ content: "\e79e";
+}
+
+.vi-fast-backward:before {
+ content: "\e79f";
+}
+
+.vi-fast-forward:before {
+ content: "\e7a0";
+}
+
+.vi-film:before {
+ content: "\e7a1";
+}
+
+.vi-folder-open-o:before {
+ content: "\e7a2";
+}
+
+.vi-folder-open:before {
+ content: "\e7a3";
+}
+
+.vi-forward:before {
+ content: "\e7a4";
+}
+
+.vi-glass:before {
+ content: "\e7a7";
+}
+
+.vi-globe:before {
+ content: "\e7a8";
+}
+
+.vi-heart-o:before {
+ content: "\e7a9";
+}
+
+.vi-heart:before {
+ content: "\e7aa";
+}
+
+.vi-indent:before {
+ content: "\e7ab";
+}
+
+.vi-laptop:before {
+ content: "\e7ac";
+}
+
+.vi-level-down:before {
+ content: "\e7ad";
+}
+
+.vi-level-left:before {
+ content: "\e7ae";
+}
+
+.vi-level-right:before {
+ content: "\e7af";
+}
+
+.vi-level-up:before {
+ content: "\e7b0";
+}
+
+.vi-magnet:before {
+ content: "\e7b1";
+}
+
+.vi-map-marker:before {
+ content: "\e7b2";
+}
+
+.vi-moon-o:before {
+ content: "\e7b5";
+}
+
+.vi-moon:before {
+ content: "\e7b6";
+}
+
+.vi-movie:before {
+ content: "\e7b7";
+}
+
+.vi-music:before {
+ content: "\e7b8";
+}
+
+.vi-pause:before {
+ content: "\e7b9";
+}
+
+.vi-play:before {
+ content: "\e7ba";
+}
+
+.vi-power-off:before {
+ content: "\e7bb";
+}
+
+.vi-refresh:before {
+ content: "\e7bc";
+}
+
+.vi-reply-all:before {
+ content: "\e7bd";
+}
+
+.vi-reply:before {
+ content: "\e7be";
+}
+
+.vi-retweet3:before {
+ content: "\e794";
+}
+
+.vi-rotate-left:before {
+ content: "\e7bf";
+}
+
+.vi-rotate-right:before {
+ content: "\e7c0";
+}
+
+.vi-share:before {
+ content: "\e7c1";
+}
+
+.vi-sign-in3:before {
+ content: "\e799";
+}
+
+.vi-sign-out:before {
+ content: "\e79a";
+}
+
+.vi-sort:before {
+ content: "\e7c2";
+}
+
+.vi-sound-disable:before {
+ content: "\e7c3";
+}
+
+.vi-square-shadow:before {
+ content: "\e7c4";
+}
+
+.vi-star-half-left-o:before {
+ content: "\e7c5";
+}
+
+.vi-star-half-left:before {
+ content: "\e7c6";
+}
+
+.vi-star-half-right-o:before {
+ content: "\e7c7";
+}
+
+.vi-star-half-right:before {
+ content: "\e7c8";
+}
+
+.vi-star-o:before {
+ content: "\e7c9";
+}
+
+.vi-star:before {
+ content: "\e7ca";
+}
+
+.vi-step-backward:before {
+ content: "\e7cb";
+}
+
+.vi-step-forward:before {
+ content: "\e7cc";
+}
+
+.vi-stop:before {
+ content: "\e7cd";
+}
+
+.vi-table3:before {
+ content: "\e7a6";
+}
+
+.vi-thin-square:before {
+ content: "\e7ce";
+}
+
+.vi-time-backward:before {
+ content: "\e7cf";
+}
+
+.vi-time-forward:before {
+ content: "\e7d0";
+}
+
+.vi-volume-down:before {
+ content: "\e7d1";
+}
+
+.vi-volume-off:before {
+ content: "\e7d2";
+}
+
+.vi-volume-up:before {
+ content: "\e7d3";
+}
+
+.vi-volume:before {
+ content: "\e7d4";
+}
+
+.vi-close:before {
+ content: "\e7d5";
+}
+
+.vi-align-justify:before {
+ content: "\e7d6";
+}
+
+.vi-arrow-down:before {
+ content: "\e7d7";
+}
+
+.vi-arrow-left:before {
+ content: "\e7d8";
+}
+
+.vi-arrow-right:before {
+ content: "\e7d9";
+}
+
+.vi-arrow-up:before {
+ content: "\e7da";
+}
+
+.vi-menu:before {
+ content: "\e7b4";
+}
+
+.vi-bell:before {
+ content: "\e7db";
+}
+
+.vi-bookmark-o:before {
+ content: "\e7dc";
+}
+
+.vi-bookmark:before {
+ content: "\e7dd";
+}
+
+.vi-building-o:before {
+ content: "\e7de";
+}
+
+.vi-building:before {
+ content: "\e7df";
+}
+
+.vi-calendar-o:before {
+ content: "\e7e0";
+}
+
+.vi-calendar:before {
+ content: "\e7e3";
+}
+
+.vi-camera:before {
+ content: "\e7e4";
+}
+
+.vi-caret-down:before {
+ content: "\e7e5";
+}
+
+.vi-caret-left:before {
+ content: "\e7e6";
+}
+
+.vi-caret-right:before {
+ content: "\e7e7";
+}
+
+.vi-caret-square-down-o:before {
+ content: "\e7e8";
+}
+
+.vi-caret-square-left-o:before {
+ content: "\e7e9";
+}
+
+.vi-caret-square-right-o:before {
+ content: "\e7ea";
+}
+
+.vi-caret-square-up-o:before {
+ content: "\e7eb";
+}
+
+.vi-caret-up:before {
+ content: "\e7ec";
+}
+
+.vi-check-circle-o:before {
+ content: "\e7ed";
+}
+
+.vi-check-circle:before {
+ content: "\e7ee";
+}
+
+.vi-chevron-circle-down-o:before {
+ content: "\e7ef";
+}
+
+.vi-chevron-circle-down:before {
+ content: "\e7f4";
+}
+
+.vi-chevron-circle-left-o:before {
+ content: "\e7f5";
+}
+
+.vi-chevron-circle-left:before {
+ content: "\e7f6";
+}
+
+.vi-chevron-circle-right-o:before {
+ content: "\e7f7";
+}
+
+.vi-chevron-circle-right:before {
+ content: "\e7f8";
+}
+
+.vi-chevron-circle-up-o:before {
+ content: "\e7f9";
+}
+
+.vi-chevron-circle-up:before {
+ content: "\e7fa";
+}
+
+.vi-chevron-down:before {
+ content: "\e7fb";
+}
+
+.vi-chevron-left:before {
+ content: "\e7fc";
+}
+
+.vi-chevron-right:before {
+ content: "\e7fd";
+}
+
+.vi-chevron-up:before {
+ content: "\e7fe";
+}
+
+.vi-clock:before {
+ content: "\e7ff";
+}
+
+.vi-cog:before {
+ content: "\e800";
+}
+
+.vi-copy-o:before {
+ content: "\e801";
+}
+
+.vi-copy:before {
+ content: "\e802";
+}
+
+.vi-crosshairs:before {
+ content: "\e803";
+}
+
+.vi-desktop:before {
+ content: "\e804";
+}
+
+.vi-insert:before {
+ content: "\e805";
+}
+
+.vi-ellipsis-circle-o:before {
+ content: "\e806";
+}
+
+.vi-ellipsis-circle:before {
+ content: "\e807";
+}
+
+.vi-envelope-o:before {
+ content: "\e808";
+}
+
+.vi-envelope:before {
+ content: "\e809";
+}
+
+.vi-expand-square:before {
+ content: "\e80a";
+}
+
+.vi-external-link:before {
+ content: "\e80b";
+}
+
+.vi-eye:before {
+ content: "\e80c";
+}
+
+.vi-file-o:before {
+ content: "\e80d";
+}
+
+.vi-file-text-o:before {
+ content: "\e7e2";
+}
+
+.vi-file-text:before {
+ content: "\e80e";
+}
+
+.vi-file:before {
+ content: "\e80f";
+}
+
+.vi-flask:before {
+ content: "\e810";
+}
+
+.vi-folder-o:before {
+ content: "\e811";
+}
+
+.vi-folder:before {
+ content: "\e812";
+}
+
+.vi-glasses:before {
+ content: "\e813";
+}
+
+.vi-grid-big-o:before {
+ content: "\e814";
+}
+
+.vi-grid-big:before {
+ content: "\e815";
+}
+
+.vi-grid-small-o:before {
+ content: "\e816";
+}
+
+.vi-grid-small:before {
+ content: "\e817";
+}
+
+.vi-home-o:before {
+ content: "\e818";
+}
+
+.vi-home:before {
+ content: "\e819";
+}
+
+.vi-lines-list:before {
+ content: "\e81a";
+}
+
+.vi-lines:before {
+ content: "\e81b";
+}
+
+.vi-list-ul:before {
+ content: "\e7f2";
+}
+
+.vi-list:before {
+ content: "\e7f3";
+}
+
+.vi-lock:before {
+ content: "\e81c";
+}
+
+.vi-minus-circle-o:before {
+ content: "\e81d";
+}
+
+.vi-minus-circle:before {
+ content: "\e81e";
+}
+
+.vi-minus-square-left-o:before {
+ content: "\e81f";
+}
+
+.vi-minus:before {
+ content: "\e820";
+}
+
+.vi-mobile:before {
+ content: "\f11f";
+}
+
+.vi-modal:before {
+ content: "\e822";
+}
+
+.vi-open-book:before {
+ content: "\e823";
+}
+
+.vi-pencil:before {
+ content: "\e824";
+}
+
+.vi-phone:before {
+ content: "\e825";
+}
+
+.vi-picture:before {
+ content: "\e826";
+}
+
+.vi-pin:before {
+ content: "\e827";
+}
+
+.vi-plus-circle-o:before {
+ content: "\e828";
+}
+
+.vi-plus-circle:before {
+ content: "\e829";
+}
+
+.vi-plus-square-left-o:before {
+ content: "\e82a";
+}
+
+.vi-plus:before {
+ content: "\e82b";
+}
+
+.vi-print:before {
+ content: "\e82c";
+}
+
+.vi-search-minus:before {
+ content: "\e82d";
+}
+
+.vi-search-plus:before {
+ content: "\e82e";
+}
+
+.vi-search:before {
+ content: "\e82f";
+}
+
+.vi-area-select:before {
+ content: "\e830";
+}
+
+.vi-split-h:before {
+ content: "\e831";
+}
+
+.vi-split-v:before {
+ content: "\e832";
+}
+
+.vi-suitcase:before {
+ content: "\e833";
+}
+
+.vi-tablet:before {
+ content: "\e834";
+}
+
+.vi-trash:before {
+ content: "\e835";
+}
+
+.vi-unlock:before {
+ content: "\e836";
+}
+
+.vi-user:before {
+ content: "\e837";
+}
+
+.vi-vaadin-h:before {
+ content: "\e838";
+}
+
+.vi-vaadin-v:before {
+ content: "\e839";
+}
+
+.vi-close-circle-o:before {
+ content: "\e83a";
+}
+
+.vi-close-circle:before {
+ content: "\e83b";
+}
+
+.vi-browser:before {
+ content: "\f0cf";
+}
+
+.vi-loop-alt1:before {
+ content: "\e900";
+}
+
+.vi-transfer:before {
+ content: "\e901";
+}
+
+.vi-th-list:before {
+ content: "\f00f";
+}
+
+.vi-list-alt:before {
+ content: "\f03f";
+}
+
+.vi-book:before {
+ content: "\f04f";
+}
+
+.vi-random:before {
+ content: "\f07f";
+}
+
+.vi-retweet:before {
+ content: "\f08f";
+}
+
+.vi-sign-in:before {
+ content: "\f09f";
+}
+
+.vi-filter:before {
+ content: "\f0b3";
+}
+
+.vi-bars:before {
+ content: "\f0df";
+}
+
+.vi-navicon:before {
+ content: "\f0df";
+}
+
+.vi-reorder:before {
+ content: "\f0df";
+}
+
+.vi-table:before {
+ content: "\f0ef";
+}
+
+.vi-magic:before {
+ content: "\f0ff";
+}
+
+.vi-columns:before {
+ content: "\f10f";
+}
+
+.vi-sitemap:before {
+ content: "\f116";
+}
+
+.vi-exchange:before {
+ content: "\f117";
+}
+
+.vi-mobile:before {
+ content: "\f11f";
+}
+
+.vi-mobile-phone:before {
+ content: "\f11f";
+}
+
+.vi-puzzle-piece:before {
+ content: "\f12f";
+}
+
+.vi-unlock-alt:before {
+ content: "\f13f";
+}
+
+.vi-cube:before {
+ content: "\f1bf";
+}
+
+.vi-database:before {
+ content: "\f1cf";
+}
+
+.vi-paper-plane-o:before {
+ content: "\f1df";
+}
+
+.vi-send-o:before {
+ content: "\f1df";
+}
+
+.vi-newspaper-o:before {
+ content: "\f1ef";
+}
+
+.vi-pie-chart:before {
+ content: "\f20f";
+}
+
+.vi-line-chart:before {
+ content: "\f21f";
+}
+
+.vi-safari:before {
+ content: "\f26f";
+}
+
+.vi-chrome:before {
+ content: "\f27f";
+}
+
+.vi-firefox:before {
+ content: "\f28f";
+}
+
+.vi-opera:before {
+ content: "\f296";
+}
+
+.vi-internet-explorer:before {
+ content: "\f297";
+}
+
+.vi-map-o:before {
+ content: "\f298";
+}
+
+.vi-commenting-o:before {
+ content: "\f299";
+}
+
+.vi-edge:before {
+ content: "\f29a";
+}
+
+.osbp-steel.v-app, .osbp-steel.v-app-loading {
+ font: 300 12px/21px Arial;
+ color: #c9c8c8;
+ background-color: #3d3b3c;
+ cursor: default;
+}
+
+.osbp-steel .v-app-loading {
+ width: 100%;
+ height: 100%;
+ background: #3d3b3c;
+}
+
+.osbp-steel .v-app-loading:before {
+ content: "";
+ position: fixed;
+ z-index: 100;
+ top: 45%;
+ left: 50%;
+ width: 28px;
+ height: 28px;
+ padding: 6px;
+ margin-top: -20px;
+ margin-left: -20px;
+ background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50%;
+ border-radius: 0px;
+}
+
+.osbp-steel .v-app-loading:after {
+ position: fixed;
+ z-index: 100;
+ top: 45%;
+ padding-top: 40px;
+ text-align: center;
+ left: 0;
+ right: 0;
+ content: "OSBP";
+}
+
+.osbp-steel .v-loading-indicator {
+ position: fixed !important;
+ z-index: 99999;
+ left: 0;
+ right: auto;
+ top: 0;
+ width: 50%;
+ opacity: 1;
+ height: 24px;
+ background-color: #5D737E;
+ pointer-events: none;
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+ -webkit-animation: v-progress-start 1000ms 200ms both;
+ -moz-animation: v-progress-start 1000ms 200ms both;
+ animation: v-progress-start 1000ms 200ms both;
+}
+
+.osbp-steel .v-loading-indicator[style*="none"] {
+ display: block !important;
+ width: 100% !important;
+ opacity: 0;
+ -webkit-animation: none;
+ -moz-animation: none;
+ animation: none;
+ -webkit-transition: opacity 500ms 300ms, width 300ms;
+ -moz-transition: opacity 500ms 300ms, width 300ms;
+ transition: opacity 500ms 300ms, width 300ms;
+}
+
+.osbp-steel .v-loading-indicator-delay {
+ width: 90%;
+ -webkit-animation: v-progress-delay 3.8s forwards;
+ -moz-animation: v-progress-delay 3.8s forwards;
+ animation: v-progress-delay 3.8s forwards;
+}
+
+.v-ff .osbp-steel .v-loading-indicator-delay {
+ width: 50%;
+}
+
+.osbp-steel .v-loading-indicator-wait {
+ width: 96%;
+ -webkit-animation: v-progress-wait 5s forwards, v-progress-wait-pulse 1s 4s infinite backwards;
+ -moz-animation: v-progress-wait 5s forwards, v-progress-wait-pulse 1s 4s infinite backwards;
+ animation: v-progress-wait 5s forwards, v-progress-wait-pulse 1s 4s infinite backwards;
+}
+
+.v-ff .osbp-steel .v-loading-indicator-wait {
+ width: 90%;
+}
+
+.v-ie8 .osbp-steel .v-loading-indicator, .v-ie8 .osbp-steel .v-loading-indicator-delay, .v-ie8 .osbp-steel .v-loading-indicator-wait, .v-ie9 .osbp-steel .v-loading-indicator, .v-ie9 .osbp-steel .v-loading-indicator-delay, .v-ie9 .osbp-steel .v-loading-indicator-wait {
+ width: 28px !important;
+ height: 28px;
+ padding: 6px;
+ background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50%;
+ border-radius: 0px;
+ top: 6px;
+ right: 6px;
+ left: auto;
+ filter: alpha(opacity=50);
+}
+
+.v-ie8 .osbp-steel .v-loading-indicator[style*="none"], .v-ie8 .osbp-steel .v-loading-indicator-delay[style*="none"], .v-ie8 .osbp-steel .v-loading-indicator-wait[style*="none"], .v-ie9 .osbp-steel .v-loading-indicator[style*="none"], .v-ie9 .osbp-steel .v-loading-indicator-delay[style*="none"], .v-ie9 .osbp-steel .v-loading-indicator-wait[style*="none"] {
+ display: none !important;
+}
+
+.v-ie8 .osbp-steel .v-loading-indicator-wait, .v-ie9 .osbp-steel .v-loading-indicator-wait {
+ filter: alpha(opacity=100);
+}
+
+.osbp-steel .v-scrollable:focus {
+ outline: none;
+}
+
+.osbp-steel img.v-icon {
+ vertical-align: middle;
+}
+
+.osbp-steel .v-caption {
+ font-size: 11px;
+ font-weight: 400;
+ padding-bottom: 0.3em;
+}
+
+.osbp-steel .v-caption-on-left .v-caption, .osbp-steel .v-caption-on-right .v-caption {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-steel .v-icon + .v-captiontext, .osbp-steel .v-icon + span {
+ margin-left: 5px;
+}
+
+.osbp-steel .v-icon + .v-captiontext:empty, .osbp-steel .v-icon + span:empty {
+ margin-left: 0;
+}
+
+.osbp-steel .v-errorindicator {
+ color: #E3DC95;
+ font-weight: 600;
+ width: 12px;
+ text-align: center;
+}
+
+.osbp-steel .v-errorindicator:before {
+ content: "!";
+}
+
+.osbp-steel .v-required-field-indicator {
+ color: #E3DC95;
+ padding: 0 0.2em;
+}
+
+.osbp-steel select {
+ font: inherit;
+ font-weight: 400;
+ line-height: inherit;
+ padding: 3px;
+ margin: 0;
+ border-radius: 0px;
+ border: 1px solid #111011;
+ background: #3d3b3c;
+ color: #c9c8c8;
+}
+
+.osbp-steel select:focus {
+ outline: none;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+}
+
+.osbp-steel button {
+ font: inherit;
+ font-weight: 400;
+ line-height: 21px;
+}
+
+.osbp-steel a {
+ cursor: pointer;
+ color: #5D737E;
+ text-decoration: underline;
+ font-weight: inherit;
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+}
+
+.osbp-steel a:hover {
+ color: #758d99;
+}
+
+.osbp-steel a.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-disabled {
+ cursor: default !important;
+}
+
+.osbp-steel .v-drag-element {
+ background: #3d3b3c;
+ color: #c9c8c8;
+ -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+ border-radius: 0px;
+ overflow: hidden;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-tooltip {
+ background-color: #d9d7d8;
+ background-color: rgba(217, 215, 216, 0.9);
+ -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
+ color: black;
+ padding: 3px 6px;
+ border-radius: -1px;
+ max-width: 35em;
+ overflow: hidden !important;
+ font-size: 12px;
+}
+
+.osbp-steel .v-tooltip div[style*="width"] {
+ width: auto !important;
+}
+
+.osbp-steel .v-tooltip .v-errormessage {
+ background-color: #3d3b3c;
+ background-color: #3d3b3c;
+ color: #E3DC95;
+ margin: -3px -6px;
+ padding: 3px 6px;
+ max-height: 10em;
+ overflow: auto;
+ font-weight: 400;
+}
+
+.osbp-steel .v-tooltip .v-errormessage h2:only-child {
+ font: inherit;
+ line-height: inherit;
+}
+
+.osbp-steel .v-tooltip .v-tooltip-text {
+ max-height: 10em;
+ overflow: auto;
+ margin-top: 6px;
+}
+
+.osbp-steel .v-tooltip .v-errormessage[aria-hidden="true"] + .v-tooltip-text {
+ margin-top: 0;
+}
+
+.osbp-steel .v-tooltip h1, .osbp-steel .v-tooltip h2, .osbp-steel .v-tooltip h3, .osbp-steel .v-tooltip h4 {
+ color: inherit;
+}
+
+.osbp-steel .v-contextmenu {
+ padding: 3px 3px;
+ border-radius: 0px;
+ background-color: #353334;
+ color: #c7c6c6;
+ -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4), 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.51334);
+ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4), 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.51334);
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ padding: 3px 3px;
+}
+
+.osbp-steel .v-contextmenu[class*="animate-in"] {
+ -webkit-animation: valo-overlay-animate-in 120ms;
+ -moz-animation: valo-overlay-animate-in 120ms;
+ animation: valo-overlay-animate-in 120ms;
+}
+
+.osbp-steel .v-contextmenu[class*="animate-out"] {
+ -webkit-animation: valo-animate-out-fade 120ms;
+ -moz-animation: valo-animate-out-fade 120ms;
+ animation: valo-animate-out-fade 120ms;
+}
+
+.osbp-steel .v-contextmenu table {
+ border-spacing: 0;
+}
+
+.osbp-steel .v-contextmenu .gwt-MenuItem {
+ cursor: pointer;
+ line-height: 18px;
+ padding: 0 12px 0 6px;
+ font-weight: 400;
+ white-space: nowrap;
+ position: relative;
+ display: block;
+}
+
+.osbp-steel .v-contextmenu .gwt-MenuItem:active:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: #215b79;
+ opacity: 0.15;
+ filter: alpha(opacity=15.0) ;
+ pointer-events: none;
+ border-radius: inherit;
+}
+
+.osbp-steel .v-contextmenu .gwt-MenuItem .v-icon {
+ max-height: 18px;
+ margin-right: 3px;
+ min-width: 1em;
+}
+
+.osbp-steel .v-contextmenu .gwt-MenuItem-selected {
+ background: #5D737E;
+ color: #eff1f2;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .v-reconnect-dialog {
+ color: white;
+ top: 0px;
+ right: 8px;
+ max-width: 100%;
+ border-radius: 0;
+ -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
+ padding: 8px 10px;
+ background-color: #444;
+ background-color: rgba(68, 68, 68, 0.9);
+ line-height: 17px;
+ text-align: center;
+}
+
+.osbp-steel .v-reconnect-dialog .text {
+ display: inline-block;
+ padding-left: 10px;
+}
+
+.osbp-steel .v-reconnect-dialog .spinner {
+ height: 24px !important;
+ width: 24px !important;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border: 2px solid rgba(93, 115, 126, 0.2);
+ border-top-color: #5D737E;
+ border-right-color: #5D737E;
+ border-radius: 100%;
+ -webkit-animation: v-rotate-360 500ms infinite linear;
+ -moz-animation: v-rotate-360 500ms infinite linear;
+ animation: v-rotate-360 500ms infinite linear;
+ pointer-events: none;
+ display: none;
+ vertical-align: middle;
+}
+
+.v-ie8 .osbp-steel .v-reconnect-dialog .spinner, .v-ie9 .osbp-steel .v-reconnect-dialog .spinner {
+ border: none;
+ border-radius: 0px;
+ background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50% 50%;
+ background-size: 80%;
+}
+
+.v-ie8 .osbp-steel .v-reconnect-dialog .spinner {
+ min-width: 30px;
+ min-height: 30px;
+}
+
+.osbp-steel .v-reconnect-dialog.active .spinner {
+ display: inline-block;
+}
+
+.osbp-steel .v-absolutelayout-wrapper {
+ position: absolute;
+}
+
+.osbp-steel .v-absolutelayout-margin, .osbp-steel .v-absolutelayout-canvas {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.osbp-steel .v-absolutelayout.v-has-height > div, .osbp-steel .v-absolutelayout.v-has-height .v-absolutelayout-margin {
+ height: 100%;
+}
+
+.osbp-steel .v-absolutelayout.v-has-height > div, .osbp-steel .v-absolutelayout.v-has-width .v-absolutelayout-margin {
+ width: 100%;
+}
+
+.osbp-steel .v-margin-top {
+ padding-top: 12px;
+}
+
+.osbp-steel .v-margin-right {
+ padding-right: 12px;
+}
+
+.osbp-steel .v-margin-bottom {
+ padding-bottom: 12px;
+}
+
+.osbp-steel .v-margin-left {
+ padding-left: 12px;
+}
+
+.osbp-steel .v-spacing {
+ width: 8px;
+ height: 0px;
+}
+
+.osbp-steel .v-verticallayout-well, .osbp-steel .v-horizontallayout-well {
+ background: #383637;
+ color: #c8c6c7;
+ -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 3px 7px rgba(0, 0, 0, 0.35);
+ border-radius: 0px;
+ border: 1px solid #111011;
+}
+
+.osbp-steel .v-verticallayout-well > div > [class*="-caption"], .osbp-steel .v-horizontallayout-well > div > [class*="-caption"] {
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-verticallayout-well > .v-margin-top, .osbp-steel .v-horizontallayout-well > .v-margin-top {
+ padding-top: 8px;
+}
+
+.osbp-steel .v-verticallayout-well > .v-margin-right, .osbp-steel .v-horizontallayout-well > .v-margin-right {
+ padding-right: 8px;
+}
+
+.osbp-steel .v-verticallayout-well > .v-margin-bottom, .osbp-steel .v-horizontallayout-well > .v-margin-bottom {
+ padding-bottom: 8px;
+}
+
+.osbp-steel .v-verticallayout-well > .v-margin-left, .osbp-steel .v-horizontallayout-well > .v-margin-left {
+ padding-left: 8px;
+}
+
+.osbp-steel .v-verticallayout-card, .osbp-steel .v-horizontallayout-card {
+ background: #4a4849;
+ color: #cccbcc;
+ border-radius: 0px;
+ border: 1px solid #111011;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-steel .v-verticallayout-card > .v-margin-top, .osbp-steel .v-horizontallayout-card > .v-margin-top {
+ padding-top: 8px;
+}
+
+.osbp-steel .v-verticallayout-card > .v-margin-right, .osbp-steel .v-horizontallayout-card > .v-margin-right {
+ padding-right: 8px;
+}
+
+.osbp-steel .v-verticallayout-card > .v-margin-bottom, .osbp-steel .v-horizontallayout-card > .v-margin-bottom {
+ padding-bottom: 8px;
+}
+
+.osbp-steel .v-verticallayout-card > .v-margin-left, .osbp-steel .v-horizontallayout-card > .v-margin-left {
+ padding-left: 8px;
+}
+
+.osbp-steel .v-horizontallayout-wrapping {
+ white-space: normal !important;
+}
+
+.osbp-steel .v-horizontallayout-wrapping > .v-spacing + .v-slot, .osbp-steel .v-horizontallayout-wrapping > .v-slot:first-child {
+ margin-bottom: 0px;
+}
+
+.osbp-steel .v-horizontallayout-wrapping > .v-slot:first-child:last-child {
+ margin-bottom: 0;
+}
+
+.osbp-steel .v-button {
+ position: relative;
+ text-align: center;
+ white-space: nowrap;
+ outline: none;
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ height: 24px;
+ padding: 0 10px;
+ color: #ecebec;
+ font-weight: 400;
+
+
+ border-radius: 0px;
+ border: 1px solid #111011;
+ background: #3d3b3c;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-steel .v-button:before {
+ content: "";
+ display: inline-block;
+ width: 0;
+ height: 100%;
+ vertical-align: middle;
+}
+
+.osbp-steel .v-button > div {
+ vertical-align: middle;
+}
+
+.v-sa .osbp-steel .v-button:before {
+ height: 110%;
+}
+
+.v-ff .osbp-steel .v-button:before {
+ height: 107%;
+}
+
+.v-ie .osbp-steel .v-button:before {
+ margin-top: 4px;
+}
+
+.osbp-steel .v-button:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+}
+
+.osbp-steel .v-button:focus:after {
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+}
+
+.osbp-steel .v-button.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-button.v-disabled:after {
+ display: none;
+}
+
+.osbp-steel .v-button:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-steel .v-button:hover:after {
+ background-color: rgba(100, 97, 98, 0.1);
+}
+
+.osbp-steel .v-button:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+}
+
+.osbp-steel .v-button:active:after {
+ background-color: rgba(31, 29, 30, 0.2);
+}
+
+.osbp-steel .v-button-primary {
+ height: 24px;
+ padding: 0 10px;
+ color: #eff1f2;
+ font-weight: 400;
+
+
+ border-radius: 0px;
+ border: 1px solid #111011;
+ background: #5D737E;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ padding: 0 12px;
+ font-weight: bold;
+ min-width: 53px;
+}
+
+.osbp-steel .v-button-primary:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-steel .v-button-primary:hover:after {
+ background-color: rgba(132, 153, 164, 0.1);
+}
+
+.osbp-steel .v-button-primary:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+}
+
+.osbp-steel .v-button-primary:active:after {
+ background-color: rgba(39, 60, 70, 0.2);
+}
+
+.v-ie8 .osbp-steel .v-button-primary {
+ min-width: 29px;
+}
+
+.osbp-steel .v-button-friendly {
+ height: 24px;
+ padding: 0 10px;
+ color: #eaf4e9;
+ font-weight: 400;
+
+
+ border-radius: 0px;
+ border: 1px solid #111011;
+ background: #2c9720;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-steel .v-button-friendly:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-steel .v-button-friendly:hover:after {
+ background-color: rgba(65, 211, 48, 0.1);
+}
+
+.osbp-steel .v-button-friendly:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+}
+
+.osbp-steel .v-button-friendly:active:after {
+ background-color: rgba(14, 86, 6, 0.2);
+}
+
+.osbp-steel .v-button-danger {
+ height: 24px;
+ padding: 0 10px;
+ color: #19180d;
+ font-weight: 400;
+
+
+ border-radius: 0px;
+ border: 1px solid #111011;
+ background: #E3DC95;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-steel .v-button-danger:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-steel .v-button-danger:hover:after {
+ background-color: rgba(197, 184, 52, 0.1);
+}
+
+.osbp-steel .v-button-danger:focus:after {
+ border-color: #5D737E;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+}
+
+.osbp-steel .v-button-danger:active:after {
+ background-color: rgba(172, 158, 16, 0.2);
+}
+
+.osbp-steel .v-button-borderless {
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: transparent;
+ color: inherit;
+}
+
+.osbp-steel .v-button-borderless:hover:after {
+ background: transparent;
+}
+
+.osbp-steel .v-button-borderless:active {
+ opacity: 0.7;
+ filter: alpha(opacity=70) ;
+}
+
+.osbp-steel .v-button-borderless:active:after {
+ background: transparent;
+}
+
+.osbp-steel .v-button-borderless-colored {
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: transparent;
+ color: #5D737E;
+}
+
+.osbp-steel .v-button-borderless-colored:hover {
+ color: #758d99;
+}
+
+.osbp-steel .v-button-borderless-colored:hover:after {
+ background: transparent;
+}
+
+.osbp-steel .v-button-borderless-colored:active {
+ opacity: 0.7;
+ filter: alpha(opacity=70) ;
+}
+
+.osbp-steel .v-button-borderless-colored:active:after {
+ background: transparent;
+}
+
+.osbp-steel .v-button-quiet {
+ visibility: hidden;
+}
+
+.osbp-steel .v-button-quiet:focus, .osbp-steel .v-button-quiet:hover {
+ visibility: visible;
+}
+
+.osbp-steel .v-button-quiet [class*="wrap"] {
+ visibility: visible;
+}
+
+.osbp-steel .v-button-quiet [class*="caption"] {
+ display: inline-block;
+}
+
+.osbp-steel .v-button-link {
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: transparent;
+ color: inherit;
+ cursor: pointer;
+ color: #5D737E;
+ text-decoration: underline;
+ font-weight: inherit;
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+}
+
+.osbp-steel .v-button-link:hover:after {
+ background: transparent;
+}
+
+.osbp-steel .v-button-link:active {
+ opacity: 0.7;
+ filter: alpha(opacity=70) ;
+}
+
+.osbp-steel .v-button-link:active:after {
+ background: transparent;
+}
+
+.osbp-steel .v-button-link:hover {
+ color: #758d99;
+}
+
+.osbp-steel .v-button-link.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-button-tiny {
+ height: 24px;
+ padding: 0 10px;
+
+
+ font-size: 12px;
+
+ border-radius: 0px;
+}
+
+.osbp-steel .v-button-tiny:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-steel .v-button-small {
+ height: 20px;
+ padding: 0 8px;
+
+
+ font-size: 11px;
+
+ border-radius: 0px;
+}
+
+.osbp-steel .v-button-small:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-steel .v-button-large {
+ height: 29px;
+ padding: 0 12px;
+
+
+ font-size: 15px;
+
+ border-radius: 0px;
+}
+
+.osbp-steel .v-button-large:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-steel .v-button-huge {
+ height: 38px;
+ padding: 0 16px;
+
+
+ font-size: 20px;
+
+ border-radius: 0px;
+}
+
+.osbp-steel .v-button-huge:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-steel .v-button-icon-align-right [class*="wrap"] {
+ display: inline-block;
+}
+
+.osbp-steel .v-button-icon-align-right .v-icon {
+ float: right;
+ margin-left: 8px;
+}
+
+.osbp-steel .v-button-icon-align-right .v-icon + span:not(:empty) {
+ margin-left: 0;
+}
+
+.osbp-steel .v-button-icon-align-top {
+ height: auto;
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
+
+.osbp-steel .v-button-icon-align-top [class*="wrap"] {
+ display: inline-block;
+}
+
+.osbp-steel .v-button-icon-align-top .v-icon {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.osbp-steel .v-button-icon-align-top .v-icon + span:not(:empty) {
+ margin-top: 4px;
+ margin-left: 0;
+}
+
+.osbp-steel .v-button-icon-only {
+ width: 24px;
+ padding: 0;
+}
+
+.osbp-steel .v-button-icon-only.v-button-tiny {
+ width: 24px;
+}
+
+.osbp-steel .v-button-icon-only.v-button-small {
+ width: 20px;
+}
+
+.osbp-steel .v-button-icon-only.v-button-large {
+ width: 29px;
+}
+
+.osbp-steel .v-button-icon-only.v-button-huge {
+ width: 38px;
+}
+
+.osbp-steel .v-button-icon-only .v-button-caption {
+ display: none;
+}
+
+.osbp-steel .v-checkbox {
+ position: relative;
+ line-height: 12px;
+ white-space: nowrap;
+}
+
+.osbp-steel .v-checkbox.v-has-width label {
+ white-space: normal;
+}
+
+:root .osbp-steel .v-checkbox {
+ padding-left: 16px;
+}
+
+:root .osbp-steel .v-checkbox label {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ display: inline-block;
+}
+
+:root .osbp-steel .v-checkbox > input {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ left: 0.2em;
+ top: 0.2em;
+ z-index: 0;
+ margin: 0;
+}
+
+:root .osbp-steel .v-checkbox > input:focus ~ label:before {
+ border: 1px solid #111011;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+}
+
+:root .osbp-steel .v-checkbox > input ~ label:before, :root .osbp-steel .v-checkbox > input ~ label:after {
+ content: "";
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 12px;
+ height: 12px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border-radius: 0px;
+ font-size: 10px;
+ text-align: center;
+}
+
+:root .osbp-steel .v-checkbox > input ~ label:before {
+ height: 12px;
+ padding: 0 5px;
+ color: #ecebec;
+ font-weight: 400;
+
+
+ border-radius: 0px;
+ border: 1px solid #111011;
+ background: #3d3b3c;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ padding: 0;
+ height: 12px;
+}
+
+:root .osbp-steel .v-checkbox > input ~ label:after {
+ content: "\f00c";
+ font-family: ThemeIcons;
+ color: transparent;
+ -webkit-transition: color 100ms;
+ -moz-transition: color 100ms;
+ transition: color 100ms;
+}
+
+:root .osbp-steel .v-checkbox > input:active ~ label:after {
+ background-color: rgba(31, 29, 30, 0.2);
+}
+
+:root .osbp-steel .v-checkbox > input:checked ~ label:after {
+ color: #5D737E;
+}
+
+.osbp-steel .v-checkbox > .v-icon, .osbp-steel .v-checkbox > label .v-icon {
+ margin: 0 4px 0 2px;
+ min-width: 1em;
+ cursor: pointer;
+}
+
+.osbp-steel .v-checkbox.v-disabled > label, .osbp-steel .v-checkbox.v-disabled > .v-icon {
+ cursor: default;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-checkbox.v-disabled > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-steel .v-checkbox.v-disabled > input:active ~ label:after {
+ background: transparent;
+}
+
+.osbp-steel .v-checkbox.v-readonly > label, .osbp-steel .v-checkbox.v-readonly > .v-icon {
+ cursor: default;
+}
+
+.osbp-steel .v-checkbox.v-readonly > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-steel .v-checkbox.v-readonly > input:active ~ label:after {
+ background: transparent;
+}
+
+:root .osbp-steel .v-checkbox.v-readonly > input ~ label:after {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-checkbox-small {
+ position: relative;
+ line-height: 10px;
+ white-space: nowrap;
+ font-size: 11px;
+}
+
+.osbp-steel .v-checkbox-small.v-has-width label {
+ white-space: normal;
+}
+
+:root .osbp-steel .v-checkbox-small {
+ padding-left: 13px;
+}
+
+:root .osbp-steel .v-checkbox-small label {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ display: inline-block;
+}
+
+:root .osbp-steel .v-checkbox-small > input {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ left: 0.2em;
+ top: 0.2em;
+ z-index: 0;
+ margin: 0;
+}
+
+:root .osbp-steel .v-checkbox-small > input:focus ~ label:before {
+ border: 1px solid #111011;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+}
+
+:root .osbp-steel .v-checkbox-small > input ~ label:before, :root .osbp-steel .v-checkbox-small > input ~ label:after {
+ content: "";
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 10px;
+ height: 10px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border-radius: 0px;
+ font-size: 8px;
+ text-align: center;
+}
+
+:root .osbp-steel .v-checkbox-small > input ~ label:before {
+ height: 10px;
+ padding: 0 4px;
+ color: #ecebec;
+ font-weight: 400;
+
+
+ border-radius: 0px;
+ border: 1px solid #111011;
+ background: #3d3b3c;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ padding: 0;
+ height: 10px;
+}
+
+:root .osbp-steel .v-checkbox-small > input ~ label:after {
+ content: "\f00c";
+ font-family: ThemeIcons;
+ color: transparent;
+ -webkit-transition: color 100ms;
+ -moz-transition: color 100ms;
+ transition: color 100ms;
+}
+
+:root .osbp-steel .v-checkbox-small > input:active ~ label:after {
+ background-color: rgba(31, 29, 30, 0.2);
+}
+
+:root .osbp-steel .v-checkbox-small > input:checked ~ label:after {
+ color: #5D737E;
+}
+
+.osbp-steel .v-checkbox-small > .v-icon, .osbp-steel .v-checkbox-small > label .v-icon {
+ margin: 0 3px 0 2px;
+ min-width: 1em;
+ cursor: pointer;
+}
+
+.osbp-steel .v-checkbox-small.v-disabled > label, .osbp-steel .v-checkbox-small.v-disabled > .v-icon {
+ cursor: default;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-checkbox-small.v-disabled > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-steel .v-checkbox-small.v-disabled > input:active ~ label:after {
+ background: transparent;
+}
+
+.osbp-steel .v-checkbox-small.v-readonly > label, .osbp-steel .v-checkbox-small.v-readonly > .v-icon {
+ cursor: default;
+}
+
+.osbp-steel .v-checkbox-small.v-readonly > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-steel .v-checkbox-small.v-readonly > input:active ~ label:after {
+ background: transparent;
+}
+
+:root .osbp-steel .v-checkbox-small.v-readonly > input ~ label:after {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-checkbox-large {
+ position: relative;
+ line-height: 15px;
+ white-space: nowrap;
+ font-size: 15px;
+}
+
+.osbp-steel .v-checkbox-large.v-has-width label {
+ white-space: normal;
+}
+
+:root .osbp-steel .v-checkbox-large {
+ padding-left: 19px;
+}
+
+:root .osbp-steel .v-checkbox-large label {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ display: inline-block;
+}
+
+:root .osbp-steel .v-checkbox-large > input {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ left: 0.2em;
+ top: 0.2em;
+ z-index: 0;
+ margin: 0;
+}
+
+:root .osbp-steel .v-checkbox-large > input:focus ~ label:before {
+ border: 1px solid #111011;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+}
+
+:root .osbp-steel .v-checkbox-large > input ~ label:before, :root .osbp-steel .v-checkbox-large > input ~ label:after {
+ content: "";
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 15px;
+ height: 15px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border-radius: 0px;
+ font-size: 12px;
+ text-align: center;
+}
+
+:root .osbp-steel .v-checkbox-large > input ~ label:before {
+ height: 14.5px;
+ padding: 0 6px;
+ color: #ecebec;
+ font-weight: 400;
+
+
+ border-radius: 0px;
+ border: 1px solid #111011;
+ background: #3d3b3c;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ padding: 0;
+ height: 15px;
+}
+
+:root .osbp-steel .v-checkbox-large > input ~ label:after {
+ content: "\f00c";
+ font-family: ThemeIcons;
+ color: transparent;
+ -webkit-transition: color 100ms;
+ -moz-transition: color 100ms;
+ transition: color 100ms;
+}
+
+:root .osbp-steel .v-checkbox-large > input:active ~ label:after {
+ background-color: rgba(31, 29, 30, 0.2);
+}
+
+:root .osbp-steel .v-checkbox-large > input:checked ~ label:after {
+ color: #5D737E;
+}
+
+.osbp-steel .v-checkbox-large > .v-icon, .osbp-steel .v-checkbox-large > label .v-icon {
+ margin: 0 5px 0 2px;
+ min-width: 1em;
+ cursor: pointer;
+}
+
+.osbp-steel .v-checkbox-large.v-disabled > label, .osbp-steel .v-checkbox-large.v-disabled > .v-icon {
+ cursor: default;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-checkbox-large.v-disabled > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-steel .v-checkbox-large.v-disabled > input:active ~ label:after {
+ background: transparent;
+}
+
+.osbp-steel .v-checkbox-large.v-readonly > label, .osbp-steel .v-checkbox-large.v-readonly > .v-icon {
+ cursor: default;
+}
+
+.osbp-steel .v-checkbox-large.v-readonly > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-steel .v-checkbox-large.v-readonly > input:active ~ label:after {
+ background: transparent;
+}
+
+:root .osbp-steel .v-checkbox-large.v-readonly > input ~ label:after {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-filterselect {
+ position: relative;
+ width: 273px;
+ height: 24px;
+ border-radius: 0px;
+ white-space: nowrap;
+}
+
+.osbp-steel .v-filterselect [class*="input"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 24px;
+ border-radius: 0px;
+ padding: 3px 4px;
+ border: 1px solid #111011;
+ background: #333132;
+ color: #c6c5c6;
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ width: 100% !important;
+ height: 100%;
+ padding-right: 25px;
+ border-radius: inherit;
+}
+
+.v-ie8 .osbp-steel .v-filterselect [class*="input"], .v-ie9 .osbp-steel .v-filterselect [class*="input"] {
+ line-height: 24px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-steel .v-filterselect [class*="input"].v-disabled {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-steel .v-filterselect [class*="input"]:focus {
+ outline: none;
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+}
+
+.osbp-steel .v-filterselect [class*="input"][class*="prompt"] {
+ color: #7c7b7c;
+}
+
+.osbp-steel .v-filterselect .v-icon + [class*="input"] {
+ padding-left: 24px;
+}
+
+.osbp-steel .v-filterselect img.v-icon {
+ max-height: 24px;
+ margin-left: 4px;
+}
+
+.osbp-steel .v-filterselect span.v-icon {
+ color: #c6c5c6;
+ width: 24px;
+ line-height: 1;
+ padding-top: 0.12em;
+}
+
+.osbp-steel .v-filterselect[class*="prompt"] > [class*="input"] {
+ color: #7c7b7c;
+}
+
+.osbp-steel .v-filterselect [class$="button"] {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ position: absolute;
+ width: 24px;
+ top: 1px;
+ right: 1px;
+ bottom: 1px;
+ border-left: 1px solid #111011;
+ color: #7c7b7c;
+}
+
+.v-ie8 .osbp-steel .v-filterselect [class$="button"] {
+ background-color: #333132;
+}
+
+.osbp-steel .v-filterselect [class$="button"]:before {
+ font-family: ThemeIcons;
+ content: "\f078";
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+ position: absolute;
+ width: 24px;
+ text-align: center;
+ top: 50%;
+ line-height: 1;
+ margin-top: -0.47em;
+}
+
+.osbp-steel .v-filterselect [class$="button"]:hover:before {
+ color: #c6c5c6;
+}
+
+.osbp-steel .v-filterselect [class$="button"]:active:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+ background-color: rgba(26, 24, 25, 0.2);
+}
+
+.osbp-steel .v-filterselect.v-disabled {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-steel .v-filterselect.v-disabled [class$="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-steel .v-filterselect.v-disabled [class$="button"]:active:after {
+ display: none;
+}
+
+.osbp-steel .v-filterselect.v-readonly [class*="input"] {
+ background: #2d2c2d;
+ color: #c5c3c4;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-filterselect.v-readonly [class*="input"]:focus {
+ box-shadow: none;
+ border-color: #111011;
+}
+
+.osbp-steel .v-filterselect.v-readonly [class$="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-steel .v-filterselect.v-readonly [class$="button"]:active:after {
+ display: none;
+}
+
+.osbp-steel .v-filterselect .v-icon {
+ position: absolute;
+ pointer-events: none;
+}
+
+.osbp-steel .v-filterselect-error .v-filterselect-input {
+ border-color: #E3DC95 !important;
+ background: #fefefd;
+ color: #615d2d;
+}
+
+.osbp-steel .v-filterselect-error .v-filterselect-button {
+ color: #E3DC95;
+ border-color: #E3DC95;
+}
+
+.osbp-steel .v-filterselect-suggestpopup {
+ margin-top: 3px !important;
+}
+
+.osbp-steel .v-filterselect-suggestpopup[class*="animate-in"] {
+ -webkit-animation: valo-overlay-animate-in 120ms;
+ -moz-animation: valo-overlay-animate-in 120ms;
+ animation: valo-overlay-animate-in 120ms;
+}
+
+.osbp-steel .v-filterselect-suggestpopup [class$="suggestmenu"] {
+ padding: 3px 3px;
+ border-radius: 0px;
+ background-color: #353334;
+ color: #c7c6c6;
+ -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4), 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.51334);
+ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4), 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.51334);
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ padding: 3px 3px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ position: relative;
+ z-index: 1;
+}
+
+.osbp-steel .v-filterselect-suggestpopup [class$="suggestmenu"][style*="height"] {
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+}
+
+.osbp-steel .v-filterselect-suggestpopup table, .osbp-steel .v-filterselect-suggestpopup tbody, .osbp-steel .v-filterselect-suggestpopup tr, .osbp-steel .v-filterselect-suggestpopup td {
+ display: block;
+}
+
+.osbp-steel .v-filterselect-suggestpopup .gwt-MenuItem {
+ cursor: pointer;
+ line-height: 18px;
+ padding: 0 12px 0 6px;
+ font-weight: 400;
+ white-space: nowrap;
+ position: relative;
+}
+
+.osbp-steel .v-filterselect-suggestpopup .gwt-MenuItem:active:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: #215b79;
+ opacity: 0.15;
+ filter: alpha(opacity=15.0) ;
+ pointer-events: none;
+ border-radius: inherit;
+}
+
+.osbp-steel .v-filterselect-suggestpopup .gwt-MenuItem .v-icon {
+ max-height: 18px;
+ margin-right: 3px;
+ min-width: 1em;
+}
+
+.osbp-steel .v-filterselect-suggestpopup .gwt-MenuItem-selected {
+ background: #5D737E;
+ color: #eff1f2;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .v-filterselect-suggestpopup [class$="status"] {
+ position: absolute;
+ right: 0px;
+ background: rgba(52, 50, 51, 0.9);
+ color: #c6c5c6;
+ border-radius: 0 0 0px 0px;
+ height: 15px;
+ bottom: -15px;
+ font-size: 9px;
+ line-height: 15px;
+ padding: 0 4px;
+ cursor: default;
+ pointer-events: none;
+ -webkit-animation: valo-animate-in-slide-down 200ms 80ms backwards;
+ -moz-animation: valo-animate-in-slide-down 200ms 80ms backwards;
+ animation: valo-animate-in-slide-down 200ms 80ms backwards;
+}
+
+.osbp-steel .v-filterselect-suggestpopup [class$="status"] > * {
+ color: #c6c5c6;
+ text-decoration: none;
+}
+
+.osbp-steel .v-filterselect-suggestpopup div[class*="page"] {
+ position: absolute;
+ z-index: 3;
+ right: 0;
+ opacity: 0.2;
+ filter: alpha(opacity=20) ;
+ cursor: pointer;
+ -webkit-transition: all 200ms;
+ -moz-transition: all 200ms;
+ transition: all 200ms;
+ width: 16px;
+ height: 16px;
+ line-height: 16px;
+ text-align: center;
+ font-family: ThemeIcons;
+ -webkit-transform: scale(0.8);
+ -moz-transform: scale(0.8);
+ -ms-transform: scale(0.8);
+ -o-transform: scale(0.8);
+ transform: scale(0.8);
+ color: #c9c8c8;
+}
+
+.osbp-steel .v-filterselect-suggestpopup div[class*="page"]:after {
+ content: "";
+ position: absolute;
+ display: block;
+ border-radius: 50%;
+}
+
+.osbp-steel .v-filterselect-suggestpopup div[class*="page"]:hover {
+ opacity: 1;
+ filter: none ;
+ background: rgba(61, 59, 60, 0.5);
+}
+
+.osbp-steel .v-filterselect-suggestpopup div[class*="page"]:hover:after {
+ top: -10px;
+ bottom: -10px;
+ left: -20px;
+ right: -20px;
+}
+
+.osbp-steel .v-filterselect-suggestpopup div[class*="page"] span {
+ display: none;
+}
+
+.osbp-steel .v-filterselect-suggestpopup:hover div[class*="page"] {
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -ms-transform: scale(1);
+ -o-transform: scale(1);
+ transform: scale(1);
+}
+
+.osbp-steel .v-filterselect-suggestpopup div[class*="prev"] {
+ top: 0;
+ -webkit-transform-origin: 100% 0%;
+ -moz-transform-origin: 100% 0%;
+ -ms-transform-origin: 100% 0%;
+ -o-transform-origin: 100% 0%;
+ transform-origin: 100% 0%;
+ border-radius: 0 0px 0 0px;
+}
+
+.osbp-steel .v-filterselect-suggestpopup div[class*="prev"]:before {
+ content: "\f0d8";
+}
+
+.osbp-steel .v-filterselect-suggestpopup div[class*="next"] {
+ bottom: 0;
+ -webkit-transform-origin: 100% 100%;
+ -moz-transform-origin: 100% 100%;
+ -ms-transform-origin: 100% 100%;
+ -o-transform-origin: 100% 100%;
+ transform-origin: 100% 100%;
+ border-radius: 0px 0 0px 0;
+}
+
+.osbp-steel .v-filterselect-suggestpopup div[class*="next"]:before {
+ content: "\f0d7";
+}
+
+.osbp-steel .v-filterselect-suggestpopup div[class*="-off"] {
+ display: none;
+}
+
+.osbp-steel .v-filterselect-no-input {
+ cursor: pointer;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .v-filterselect-no-input [class*="input"] {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background: #3d3b3c;
+ cursor: inherit;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ border: 1px solid #111011;
+ text-shadow: inherit;
+ text-overflow: ellipsis;
+ border-radius: inherit;
+}
+
+.osbp-steel .v-filterselect-no-input [class*="input"]:focus {
+ outline: none;
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+}
+
+.osbp-steel .v-filterselect-no-input [class$="button"] {
+ border-left: none !important;
+}
+
+.osbp-steel .v-filterselect-no-input:hover [class$="button"]:before {
+ color: inherit;
+}
+
+.osbp-steel .v-filterselect-borderless .v-filterselect-input {
+ border: none;
+ border-radius: 0;
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: inherit;
+}
+
+.osbp-steel .v-filterselect-borderless .v-filterselect-input:focus {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-filterselect-borderless .v-filterselect-input[class*="prompt"] {
+ color: inherit;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-filterselect-borderless .v-filterselect-button {
+ border: none;
+ color: inherit;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-filterselect-borderless.v-filterselect-prompt .v-filterselect-input {
+ color: inherit;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-filterselect-align-right input {
+ text-align: right;
+}
+
+.osbp-steel .v-filterselect-align-center input {
+ text-align: center;
+}
+
+.osbp-steel .v-filterselect-tiny {
+ height: 24px;
+
+ font-size: 12px;
+}
+
+.osbp-steel .v-filterselect-tiny [class*="input"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 24px;
+
+ padding: 3px 4px;
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ width: 100% !important;
+ height: 100%;
+ padding-right: 25px;
+ border-radius: inherit;
+}
+
+.v-ie8 .osbp-steel .v-filterselect-tiny [class*="input"], .v-ie9 .osbp-steel .v-filterselect-tiny [class*="input"] {
+ line-height: 24px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-steel .v-filterselect-tiny .v-icon + [class*="input"] {
+ padding-left: 24px;
+}
+
+.osbp-steel .v-filterselect-tiny img.v-icon {
+ max-height: 24px;
+ margin-left: 4px;
+}
+
+.osbp-steel .v-filterselect-tiny span.v-icon {
+
+ width: 24px;
+ line-height: 1;
+ padding-top: 0.12em;
+}
+
+.osbp-steel .v-filterselect-tiny [class$="button"] {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ position: absolute;
+ width: 24px;
+}
+
+.osbp-steel .v-filterselect-tiny [class$="button"]:before {
+ font-family: ThemeIcons;
+ content: "\f078";
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+ position: absolute;
+ width: 24px;
+ text-align: center;
+ top: 50%;
+ line-height: 1;
+ margin-top: -0.47em;
+}
+
+.osbp-steel .v-filterselect-tiny [class$="button"]:active:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+}
+
+.osbp-steel .v-filterselect-tiny.v-disabled {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-steel .v-filterselect-tiny.v-disabled [class$="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-steel .v-filterselect-tiny.v-disabled [class$="button"]:active:after {
+ display: none;
+}
+
+.osbp-steel .v-filterselect-tiny.v-readonly [class*="input"] {
+ background: #2d2c2d;
+ color: #c5c3c4;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-filterselect-tiny.v-readonly [class*="input"]:focus {
+ box-shadow: none;
+ border-color: #111011;
+}
+
+.osbp-steel .v-filterselect-tiny.v-readonly [class$="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-steel .v-filterselect-tiny.v-readonly [class$="button"]:active:after {
+ display: none;
+}
+
+.osbp-steel .v-filterselect-compact, .osbp-steel .v-filterselect-small {
+ height: 20px;
+
+}
+
+.osbp-steel .v-filterselect-compact [class*="input"], .osbp-steel .v-filterselect-small [class*="input"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 20px;
+
+ padding: 2px 4px;
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ width: 100% !important;
+ height: 100%;
+ padding-right: 21px;
+ border-radius: inherit;
+}
+
+.v-ie8 .osbp-steel .v-filterselect-compact [class*="input"], .v-ie9 .osbp-steel .v-filterselect-compact [class*="input"], .v-ie8 .osbp-steel .v-filterselect-small [class*="input"], .v-ie9 .osbp-steel .v-filterselect-small [class*="input"] {
+ line-height: 20px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-steel .v-filterselect-compact .v-icon + [class*="input"], .osbp-steel .v-filterselect-small .v-icon + [class*="input"] {
+ padding-left: 20px;
+}
+
+.osbp-steel .v-filterselect-compact img.v-icon, .osbp-steel .v-filterselect-small img.v-icon {
+ max-height: 20px;
+ margin-left: 4px;
+}
+
+.osbp-steel .v-filterselect-compact span.v-icon, .osbp-steel .v-filterselect-small span.v-icon {
+
+ width: 20px;
+ line-height: 1;
+ padding-top: 0.12em;
+}
+
+.osbp-steel .v-filterselect-compact [class$="button"], .osbp-steel .v-filterselect-small [class$="button"] {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ position: absolute;
+ width: 20px;
+}
+
+.osbp-steel .v-filterselect-compact [class$="button"]:before, .osbp-steel .v-filterselect-small [class$="button"]:before {
+ font-family: ThemeIcons;
+ content: "\f078";
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+ position: absolute;
+ width: 20px;
+ text-align: center;
+ top: 50%;
+ line-height: 1;
+ margin-top: -0.47em;
+}
+
+.osbp-steel .v-filterselect-compact [class$="button"]:active:after, .osbp-steel .v-filterselect-small [class$="button"]:active:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+}
+
+.osbp-steel .v-filterselect-compact.v-disabled, .osbp-steel .v-filterselect-small.v-disabled {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-steel .v-filterselect-compact.v-disabled [class$="button"], .osbp-steel .v-filterselect-small.v-disabled [class$="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-steel .v-filterselect-compact.v-disabled [class$="button"]:active:after, .osbp-steel .v-filterselect-small.v-disabled [class$="button"]:active:after {
+ display: none;
+}
+
+.osbp-steel .v-filterselect-compact.v-readonly [class*="input"], .osbp-steel .v-filterselect-small.v-readonly [class*="input"] {
+ background: #2d2c2d;
+ color: #c5c3c4;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-filterselect-compact.v-readonly [class*="input"]:focus, .osbp-steel .v-filterselect-small.v-readonly [class*="input"]:focus {
+ box-shadow: none;
+ border-color: #111011;
+}
+
+.osbp-steel .v-filterselect-compact.v-readonly [class$="button"], .osbp-steel .v-filterselect-small.v-readonly [class$="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-steel .v-filterselect-compact.v-readonly [class$="button"]:active:after, .osbp-steel .v-filterselect-small.v-readonly [class$="button"]:active:after {
+ display: none;
+}
+
+.osbp-steel .v-filterselect-small {
+ font-size: 11px;
+}
+
+.osbp-steel .v-filterselect-large {
+ height: 29px;
+
+ font-size: 15px;
+}
+
+.osbp-steel .v-filterselect-large [class*="input"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 29px;
+
+ padding: 3px 5px;
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ width: 100% !important;
+ height: 100%;
+ padding-right: 30px;
+ border-radius: inherit;
+}
+
+.v-ie8 .osbp-steel .v-filterselect-large [class*="input"], .v-ie9 .osbp-steel .v-filterselect-large [class*="input"] {
+ line-height: 29px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-steel .v-filterselect-large .v-icon + [class*="input"] {
+ padding-left: 29px;
+}
+
+.osbp-steel .v-filterselect-large img.v-icon {
+ max-height: 29px;
+ margin-left: 5px;
+}
+
+.osbp-steel .v-filterselect-large span.v-icon {
+
+ width: 29px;
+ line-height: 1;
+ padding-top: 0.12em;
+}
+
+.osbp-steel .v-filterselect-large [class$="button"] {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ position: absolute;
+ width: 29px;
+}
+
+.osbp-steel .v-filterselect-large [class$="button"]:before {
+ font-family: ThemeIcons;
+ content: "\f078";
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+ position: absolute;
+ width: 29px;
+ text-align: center;
+ top: 50%;
+ line-height: 1;
+ margin-top: -0.47em;
+}
+
+.osbp-steel .v-filterselect-large [class$="button"]:active:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+}
+
+.osbp-steel .v-filterselect-large.v-disabled {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-steel .v-filterselect-large.v-disabled [class$="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-steel .v-filterselect-large.v-disabled [class$="button"]:active:after {
+ display: none;
+}
+
+.osbp-steel .v-filterselect-large.v-readonly [class*="input"] {
+ background: #2d2c2d;
+ color: #c5c3c4;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-filterselect-large.v-readonly [class*="input"]:focus {
+ box-shadow: none;
+ border-color: #111011;
+}
+
+.osbp-steel .v-filterselect-large.v-readonly [class$="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-steel .v-filterselect-large.v-readonly [class$="button"]:active:after {
+ display: none;
+}
+
+.osbp-steel .v-filterselect-huge {
+ height: 38px;
+
+ font-size: 20px;
+}
+
+.osbp-steel .v-filterselect-huge [class*="input"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 38px;
+
+ padding: 4px 7px;
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ width: 100% !important;
+ height: 100%;
+ padding-right: 39px;
+ border-radius: inherit;
+}
+
+.v-ie8 .osbp-steel .v-filterselect-huge [class*="input"], .v-ie9 .osbp-steel .v-filterselect-huge [class*="input"] {
+ line-height: 38px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-steel .v-filterselect-huge .v-icon + [class*="input"] {
+ padding-left: 38px;
+}
+
+.osbp-steel .v-filterselect-huge img.v-icon {
+ max-height: 38px;
+ margin-left: 7px;
+}
+
+.osbp-steel .v-filterselect-huge span.v-icon {
+
+ width: 38px;
+ line-height: 1;
+ padding-top: 0.12em;
+}
+
+.osbp-steel .v-filterselect-huge [class$="button"] {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ position: absolute;
+ width: 38px;
+}
+
+.osbp-steel .v-filterselect-huge [class$="button"]:before {
+ font-family: ThemeIcons;
+ content: "\f078";
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+ position: absolute;
+ width: 38px;
+ text-align: center;
+ top: 50%;
+ line-height: 1;
+ margin-top: -0.47em;
+}
+
+.osbp-steel .v-filterselect-huge [class$="button"]:active:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+}
+
+.osbp-steel .v-filterselect-huge.v-disabled {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-steel .v-filterselect-huge.v-disabled [class$="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-steel .v-filterselect-huge.v-disabled [class$="button"]:active:after {
+ display: none;
+}
+
+.osbp-steel .v-filterselect-huge.v-readonly [class*="input"] {
+ background: #2d2c2d;
+ color: #c5c3c4;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-filterselect-huge.v-readonly [class*="input"]:focus {
+ box-shadow: none;
+ border-color: #111011;
+}
+
+.osbp-steel .v-filterselect-huge.v-readonly [class$="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-steel .v-filterselect-huge.v-readonly [class$="button"]:active:after {
+ display: none;
+}
+
+.osbp-steel .v-csslayout-well {
+ background: #383637;
+ color: #c8c6c7;
+ -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 3px 7px rgba(0, 0, 0, 0.35);
+ border-radius: 0px;
+ border: 1px solid #111011;
+}
+
+.osbp-steel .v-csslayout-well > div > [class*="-caption"] {
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-csslayout-well > .v-margin-top {
+ padding-top: 8px;
+}
+
+.osbp-steel .v-csslayout-well > .v-margin-right {
+ padding-right: 8px;
+}
+
+.osbp-steel .v-csslayout-well > .v-margin-bottom {
+ padding-bottom: 8px;
+}
+
+.osbp-steel .v-csslayout-well > .v-margin-left {
+ padding-left: 8px;
+}
+
+.osbp-steel .v-csslayout-card {
+ background: #4a4849;
+ color: #cccbcc;
+ border-radius: 0px;
+ border: 1px solid #111011;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-steel .v-csslayout-card > .v-margin-top {
+ padding-top: 8px;
+}
+
+.osbp-steel .v-csslayout-card > .v-margin-right {
+ padding-right: 8px;
+}
+
+.osbp-steel .v-csslayout-card > .v-margin-bottom {
+ padding-bottom: 8px;
+}
+
+.osbp-steel .v-csslayout-card > .v-margin-left {
+ padding-left: 8px;
+}
+
+.osbp-steel .v-csslayout-v-component-group {
+ white-space: nowrap;
+ position: relative;
+}
+
+.osbp-steel .v-csslayout-v-component-group .v-widget {
+ vertical-align: middle;
+ margin-left: -1px;
+}
+
+.osbp-steel .v-csslayout-v-component-group .v-widget:first-child {
+ margin-left: 0;
+}
+
+.osbp-steel .v-csslayout-v-component-group .v-widget:focus, .osbp-steel .v-csslayout-v-component-group .v-widget[class*="focus"], .osbp-steel .v-csslayout-v-component-group .v-widget [class*="focus"] {
+ position: relative;
+ z-index: 5;
+}
+
+.osbp-steel .v-form fieldset {
+ border: none;
+ padding: 0;
+ margin: 0;
+ height: 100%;
+}
+
+.osbp-steel .v-form-content {
+ height: 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.osbp-steel [class*="spacing"] > tbody > [class*="row"] > td {
+ padding-top: 0px;
+}
+
+.osbp-steel [class*="spacing"] > tbody > [class*="firstrow"] > td {
+ padding-top: 0;
+}
+
+.osbp-steel [class*="margin-top"] > tbody > [class*="firstrow"] > td {
+ padding-top: 12px;
+}
+
+.osbp-steel [class*="margin-bottom"] > tbody > [class*="lastrow"] > td {
+ padding-bottom: 12px;
+}
+
+.osbp-steel [class*="margin-left"] > tbody > [class*="row"] > [class*="captioncell"] {
+ padding-left: 12px;
+}
+
+.osbp-steel [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h2, .osbp-steel [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h3, .osbp-steel [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h4 {
+ left: 12px;
+}
+
+.osbp-steel [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] {
+ padding-right: 12px;
+}
+
+.osbp-steel [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h2, .osbp-steel [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h3, .osbp-steel [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h4 {
+ right: 12px;
+}
+
+.osbp-steel .v-formlayout > table {
+ border-spacing: 0;
+ position: relative;
+}
+
+.osbp-steel .v-formlayout.v-has-width > table, .osbp-steel .v-formlayout.v-has-width .v-formlayout-contentcell {
+ width: 100%;
+}
+
+.osbp-steel .v-formlayout-error-indicator {
+ width: 12px;
+}
+
+.osbp-steel .v-formlayout-captioncell {
+ vertical-align: top;
+ line-height: 23px;
+}
+
+.osbp-steel .v-formlayout-captioncell .v-caption {
+ padding-bottom: 0;
+}
+
+.osbp-steel .v-formlayout-captioncell .v-caption-h2, .osbp-steel .v-formlayout-captioncell .v-caption-h3, .osbp-steel .v-formlayout-captioncell .v-caption-h4 {
+ height: 3em;
+}
+
+.osbp-steel .v-formlayout-contentcell .v-checkbox, .osbp-steel .v-formlayout-contentcell .v-radiobutton {
+ font-weight: 400;
+}
+
+.osbp-steel .v-formlayout-contentcell > .v-label-h2, .osbp-steel .v-formlayout-contentcell > .v-label-h3, .osbp-steel .v-formlayout-contentcell > .v-label-h4 {
+ position: absolute;
+ left: 0;
+ right: 0;
+ width: auto !important;
+ margin-top: -0.5em;
+ padding-bottom: 0.5em;
+ border-bottom: 1px solid #111011;
+}
+
+.osbp-steel .v-formlayout.light > table {
+ padding: 0;
+}
+
+.osbp-steel .v-formlayout.light > table > tbody > tr > td {
+ padding-top: 0;
+ height: 24px;
+ border-bottom: 1px solid #111011;
+}
+
+.osbp-steel .v-formlayout.light > table > tbody > [class*="lastrow"] > td {
+ border-bottom: none;
+}
+
+.osbp-steel .v-formlayout.light > table > tbody > tr > [class*="captioncell"] {
+ color: #9f9c9e;
+ text-align: right;
+ padding-left: 8px;
+ line-height: 24px;
+}
+
+.osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] {
+ padding-right: 0;
+}
+
+.osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect-input, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield-textfield {
+ width: 100%;
+}
+
+.osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 24px;
+ border-radius: 0;
+ padding: 3px 4px;
+
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ background: transparent;
+ border: none;
+ color: inherit;
+}
+
+.v-ie8 .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield, .v-ie9 .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield, .v-ie8 .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea, .v-ie9 .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea, .v-ie8 .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input, .v-ie9 .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input, .v-ie8 .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input, .v-ie9 .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input, .v-ie8 .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea, .v-ie9 .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea {
+ line-height: 24px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield.v-disabled, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea.v-disabled, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input.v-disabled, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input.v-disabled, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea.v-disabled {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield:focus, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea:focus, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input:focus, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input:focus, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea:focus {
+ outline: none;
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+ -webkit-box-shadow: 0 0 0 1px transparent, none;
+ box-shadow: 0 0 0 1px transparent, none;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+}
+
+.osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield:focus, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea:focus, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input:focus, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input:focus, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea:focus {
+ box-shadow: none;
+}
+
+.osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield-prompt, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea-prompt, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect-prompt input, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield-prompt input {
+ color: #7c7b7c;
+}
+
+.osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea {
+ height: auto;
+}
+
+.osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h2, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h3, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h4 {
+ border-bottom: none;
+ left: 0;
+ right: 0;
+}
+
+.osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h3, .osbp-steel .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h4 {
+ margin-top: 0;
+}
+
+.osbp-steel .v-formlayout.light .v-richtextarea {
+ margin: 3px 0;
+}
+
+.osbp-steel .v-formlayout.light .v-filterselect-button, .osbp-steel .v-formlayout.light .v-datefield-button {
+ border: none;
+}
+
+.osbp-steel .v-formlayout.light .v-filterselect-button:active:after, .osbp-steel .v-formlayout.light .v-datefield-button:active:after {
+ display: none;
+}
+
+.osbp-steel .v-formlayout.light .v-datefield-button {
+ right: 0;
+ left: auto;
+}
+
+.osbp-steel .v-formlayout.light .v-checkbox {
+ margin-left: 4px;
+}
+
+.osbp-steel .v-grid {
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ background-color: #3d3b3c;
+}
+
+.osbp-steel .v-grid.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-grid-header .v-grid-cell {
+ background: #3d3b3c;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .v-grid-header .v-grid-cell.dragged {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+ -webkit-transition: opacity 0.3s ease-in-out;
+ -moz-transition: opacity 0.3s ease-in-out;
+ transition: opacity 0.3s ease-in-out;
+}
+
+.osbp-steel .v-grid-header .v-grid-cell.dragged-column-header {
+ margin-top: -12px;
+}
+
+.osbp-steel .v-grid-footer .v-grid-cell {
+ background: $v-grid-footer-background-color;
+ text-shadow: 0 -1px 0;
+}
+
+.osbp-steel .v-grid-header-deco {
+ background: #3d3b3c;
+}
+
+.osbp-steel .v-grid-footer-deco, .osbp-steel .v-grid-horizontal-scrollbar-deco {
+ background: $v-grid-footer-background-color;
+}
+
+.osbp-steel .v-grid-row-selected > .v-grid-cell {
+ background: #5D737E;
+ color: #d2d8da;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+ border-color: #535b5f;
+}
+
+.osbp-steel .v-grid-row-selected > .v-grid-cell-focused:before {
+ border-color: #92a5af;
+}
+
+.osbp-steel .v-grid-editor {
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+ border-color: #5D737E;
+}
+
+.osbp-steel .v-grid-editor-footer {
+ font-size: 11px;
+ padding: 0 4px;
+ background: #3d3b3c;
+ -webkit-animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards;
+ -moz-animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards;
+ animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards;
+}
+
+.osbp-steel .v-grid-editor-footer:first-child {
+ -webkit-animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards;
+ -moz-animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards;
+ animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards;
+}
+
+.osbp-steel .v-grid-editor-cells {
+ z-index: 1;
+}
+
+.osbp-steel .v-grid-editor-cells > div:before {
+ content: "";
+ display: inline-block;
+ height: 100%;
+ vertical-align: middle;
+}
+
+.osbp-steel .v-grid-editor-cells > div.not-editable.v-grid-cell {
+ float: none;
+}
+
+.osbp-steel .v-grid-editor-cells > div .error::before {
+ border-top: 6px solid #E3DC95;
+ border-right: 6px solid transparent;
+}
+
+.osbp-steel .v-grid-editor-cells > div .error, .osbp-steel .v-grid-editor-cells > div .error > input {
+ background-color: #fefefd;
+}
+
+.osbp-steel .v-grid-editor-cells > div .v-textfield, .osbp-steel .v-grid-editor-cells > div .v-textfield-focus, .osbp-steel .v-grid-editor-cells > div .v-datefield, .osbp-steel .v-grid-editor-cells > div .v-datefield .v-textfield-focus, .osbp-steel .v-grid-editor-cells > div .v-filterselect-input, .osbp-steel .v-grid-editor-cells > div .v-filterselect-input:focus {
+ border: none;
+ border-radius: 0;
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-grid-editor-cells > div input[type="text"].v-datefield-textfield {
+ padding-left: 28.8px;
+}
+
+.v-ie8 .osbp-steel .v-grid-editor-cells > div .v-datefield-button {
+ margin-left: 0px;
+}
+
+.v-ie8 .osbp-steel .v-grid-editor-cells > div .v-filterselect-button {
+ margin-left: 0px;
+}
+
+.osbp-steel .v-grid-editor-cells > div .v-textfield-focus, .osbp-steel .v-grid-editor-cells > div .v-datefield .v-textfield-focus, .osbp-steel .v-grid-editor-cells > div .v-filterselect-input:focus {
+ position: relative;
+}
+
+.osbp-steel .v-grid-editor-cells > div .v-select {
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+.osbp-steel .v-grid-editor-cells > div .v-checkbox {
+ margin: 0 6px 0 12px;
+}
+
+.osbp-steel .v-grid-editor-cells > div .v-checkbox > input[type="checkbox"] {
+ margin-left: 0;
+}
+
+.osbp-steel .v-grid-editor-cells > div .v-checkbox > label {
+ white-space: nowrap;
+}
+
+.osbp-steel .v-grid-editor-message > div:before {
+ display: inline-block;
+ color: #E3DC95;
+ font-weight: 600;
+ width: 12px;
+ text-align: center;
+ content: "!";
+}
+
+.osbp-steel .v-grid-editor-save, .osbp-steel .v-grid-editor-cancel {
+ cursor: pointer;
+ color: #5D737E;
+ text-decoration: underline;
+ font-weight: inherit;
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+ font-weight: 400;
+ text-decoration: none;
+ border: none;
+ background: transparent;
+ padding: 0px 4px;
+ margin: 0;
+ outline: none;
+}
+
+.osbp-steel .v-grid-editor-save:hover, .osbp-steel .v-grid-editor-cancel:hover {
+ color: #758d99;
+}
+
+.osbp-steel .v-grid-editor-save.v-disabled, .osbp-steel .v-grid-editor-cancel.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-grid-spacer {
+ margin-top: -1px;
+}
+
+.osbp-steel .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-content {
+ margin: 0 0 2px;
+ padding: 4px 4px 2px;
+}
+
+.osbp-steel .v-grid-sidebar.v-contextmenu.closed {
+ background: #3d3b3c;
+}
+
+.osbp-steel .v-grid-scroller::-webkit-scrollbar {
+ border: none;
+}
+
+.osbp-steel .v-grid-scroller::-webkit-scrollbar-thumb {
+ border-radius: 10px;
+ border: 4px solid transparent;
+ background: rgba(255, 255, 255, 0.3);
+ -webkit-background-clip: content-box;
+ background-clip: content-box;
+}
+
+.osbp-steel .v-grid-scroller-vertical::-webkit-scrollbar-thumb {
+ min-height: 30px;
+}
+
+.osbp-steel .v-grid-scroller-horizontal::-webkit-scrollbar-thumb {
+ min-width: 30px;
+}
+
+.osbp-steel .v-textfield {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 24px;
+ border-radius: 0px;
+ padding: 3px 4px;
+ border: 1px solid #111011;
+ background: #333132;
+ color: #c6c5c6;
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ width: 273px;
+}
+
+.v-ie8 .osbp-steel .v-textfield, .v-ie9 .osbp-steel .v-textfield {
+ line-height: 24px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-steel .v-textfield.v-disabled {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-steel .v-textfield:focus {
+ outline: none;
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+}
+
+.osbp-steel .v-textfield[class*="prompt"] {
+ color: #7c7b7c;
+}
+
+.osbp-steel .v-textfield-readonly {
+ background: #2d2c2d;
+ color: #c5c3c4;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-textfield-readonly:focus {
+ box-shadow: none;
+ border-color: #111011;
+}
+
+.osbp-steel .v-textfield-error {
+ border-color: #E3DC95 !important;
+ background: #fefefd;
+ color: #615d2d;
+}
+
+.osbp-steel .v-textfield-borderless {
+ border: none;
+ border-radius: 0;
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: inherit;
+}
+
+.osbp-steel .v-textfield-borderless:focus {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-textfield-borderless[class*="prompt"] {
+ color: inherit;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-textfield-tiny {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 24px;
+ border-radius: 0px;
+ padding: 3px 4px;
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ font-size: 12px;
+}
+
+.v-ie8 .osbp-steel .v-textfield-tiny, .v-ie9 .osbp-steel .v-textfield-tiny {
+ line-height: 24px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-steel .v-textfield-compact, .osbp-steel .v-textfield-small {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 20px;
+ border-radius: 0px;
+ padding: 2px 4px;
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+}
+
+.v-ie8 .osbp-steel .v-textfield-compact, .v-ie9 .osbp-steel .v-textfield-compact, .v-ie8 .osbp-steel .v-textfield-small, .v-ie9 .osbp-steel .v-textfield-small {
+ line-height: 20px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-steel .v-textfield-small {
+ font-size: 11px;
+}
+
+.osbp-steel .v-textfield-large {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 29px;
+ border-radius: 0px;
+ padding: 3px 5px;
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ font-size: 15px;
+}
+
+.v-ie8 .osbp-steel .v-textfield-large, .v-ie9 .osbp-steel .v-textfield-large {
+ line-height: 29px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-steel .v-textfield-huge {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 38px;
+ border-radius: 0px;
+ padding: 4px 7px;
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ font-size: 20px;
+}
+
+.v-ie8 .osbp-steel .v-textfield-huge, .v-ie9 .osbp-steel .v-textfield-huge {
+ line-height: 38px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-steel .v-slot-inline-icon {
+ position: relative;
+}
+
+.osbp-steel .v-caption-inline-icon {
+ padding: 0;
+}
+
+.osbp-steel .v-caption-inline-icon .v-captiontext {
+ font-size: 11px;
+ font-weight: 400;
+ padding-bottom: 0.3em;
+ margin: 0;
+}
+
+.osbp-steel .v-caption-inline-icon .v-icon {
+ position: absolute;
+ z-index: 10;
+}
+
+.osbp-steel .v-caption-inline-icon span.v-icon {
+ left: 1px;
+ bottom: 1px;
+ width: 24px;
+ line-height: 22px;
+ text-align: center;
+ font-size: 12px;
+}
+
+.osbp-steel .v-caption-inline-icon img.v-icon {
+ left: 4px;
+ bottom: 4px;
+}
+
+.osbp-steel .v-textfield-inline-icon {
+ padding-left: 24px;
+}
+
+.osbp-steel .v-slot-inline-icon.v-slot-tiny {
+ position: relative;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-tiny {
+ padding: 0;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-tiny .v-captiontext {
+ font-size: 11px;
+ font-weight: 400;
+ padding-bottom: 0.3em;
+ margin: 0;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-tiny .v-icon {
+ position: absolute;
+ z-index: 10;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-tiny span.v-icon {
+ left: 1px;
+ bottom: 1px;
+ width: 24px;
+ line-height: 22px;
+ text-align: center;
+ font-size: 12px;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-tiny img.v-icon {
+ left: 4px;
+ bottom: 4px;
+}
+
+.osbp-steel .v-textfield-inline-icon.v-textfield-tiny {
+ padding-left: 24px;
+}
+
+.osbp-steel .v-slot-inline-icon.v-slot-compact {
+ position: relative;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-compact {
+ padding: 0;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-compact .v-captiontext {
+ font-size: 11px;
+ font-weight: 400;
+ padding-bottom: 0.3em;
+ margin: 0;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-compact .v-icon {
+ position: absolute;
+ z-index: 10;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-compact span.v-icon {
+ left: 1px;
+ bottom: 1px;
+ width: 20px;
+ line-height: 18px;
+ text-align: center;
+ font-size: 12px;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-compact img.v-icon {
+ left: 2px;
+ bottom: 2px;
+}
+
+.osbp-steel .v-textfield-inline-icon.v-textfield-compact {
+ padding-left: 20px;
+}
+
+.osbp-steel .v-slot-inline-icon.v-slot-small {
+ position: relative;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-small {
+ padding: 0;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-small .v-captiontext {
+ font-size: 11px;
+ font-weight: 400;
+ padding-bottom: 0.3em;
+ margin: 0;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-small .v-icon {
+ position: absolute;
+ z-index: 10;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-small span.v-icon {
+ left: 1px;
+ bottom: 1px;
+ width: 20px;
+ line-height: 18px;
+ text-align: center;
+ font-size: 11px;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-small img.v-icon {
+ left: 2px;
+ bottom: 2px;
+}
+
+.osbp-steel .v-textfield-inline-icon.v-textfield-small {
+ padding-left: 20px;
+}
+
+.osbp-steel .v-slot-inline-icon.v-slot-large {
+ position: relative;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-large {
+ padding: 0;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-large .v-captiontext {
+ font-size: 11px;
+ font-weight: 400;
+ padding-bottom: 0.3em;
+ margin: 0;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-large .v-icon {
+ position: absolute;
+ z-index: 10;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-large span.v-icon {
+ left: 1px;
+ bottom: 1px;
+ width: 29px;
+ line-height: 27px;
+ text-align: center;
+ font-size: 15px;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-large img.v-icon {
+ left: 7px;
+ bottom: 7px;
+}
+
+.osbp-steel .v-textfield-inline-icon.v-textfield-large {
+ padding-left: 29px;
+}
+
+.osbp-steel .v-slot-inline-icon.v-slot-huge {
+ position: relative;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-huge {
+ padding: 0;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-huge .v-captiontext {
+ font-size: 11px;
+ font-weight: 400;
+ padding-bottom: 0.3em;
+ margin: 0;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-huge .v-icon {
+ position: absolute;
+ z-index: 10;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-huge span.v-icon {
+ left: 1px;
+ bottom: 1px;
+ width: 38px;
+ line-height: 36px;
+ text-align: center;
+ font-size: 20px;
+}
+
+.osbp-steel .v-caption-inline-icon.v-caption-huge img.v-icon {
+ left: 11px;
+ bottom: 11px;
+}
+
+.osbp-steel .v-textfield-inline-icon.v-textfield-huge {
+ padding-left: 38px;
+}
+
+.osbp-steel .v-textfield-align-right {
+ text-align: right;
+}
+
+.osbp-steel .v-textfield-align-center {
+ text-align: center;
+}
+
+.osbp-steel .v-textarea {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 24px;
+ border-radius: 0px;
+ padding: 4px;
+ border: 1px solid #111011;
+ background: #333132;
+ color: #c6c5c6;
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ height: auto;
+ resize: none;
+ white-space: pre-wrap;
+ width: 273px;
+}
+
+.v-ie8 .osbp-steel .v-textarea, .v-ie9 .osbp-steel .v-textarea {
+ line-height: 24px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-steel .v-textarea.v-disabled {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-steel .v-textarea:focus {
+ outline: none;
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+}
+
+.osbp-steel .v-textarea[class*="prompt"] {
+ color: #7c7b7c;
+}
+
+.v-ie8 .osbp-steel .v-textarea, .v-ie9 .osbp-steel .v-textarea {
+ line-height: inherit;
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
+
+.osbp-steel .v-textarea-readonly {
+ background: #2d2c2d;
+ color: #c5c3c4;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-textarea-readonly:focus {
+ box-shadow: none;
+ border-color: #111011;
+}
+
+.osbp-steel .v-textarea-error {
+ border-color: #E3DC95 !important;
+ background: #fefefd;
+ color: #615d2d;
+}
+
+.osbp-steel .v-textarea-borderless {
+ border: none;
+ border-radius: 0;
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: inherit;
+}
+
+.osbp-steel .v-textarea-borderless:focus {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-textarea-borderless[class*="prompt"] {
+ color: inherit;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-textarea-tiny {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 24px;
+ border-radius: 0px;
+ padding: 4px;
+
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ height: auto;
+ resize: none;
+ white-space: pre-wrap;
+ font-size: 12px;
+}
+
+.v-ie8 .osbp-steel .v-textarea-tiny, .v-ie9 .osbp-steel .v-textarea-tiny {
+ line-height: 24px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.v-ie8 .osbp-steel .v-textarea-tiny, .v-ie9 .osbp-steel .v-textarea-tiny {
+ line-height: inherit;
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
+
+.osbp-steel .v-textarea-small {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 20px;
+ border-radius: 0px;
+ padding: 4px;
+
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ height: auto;
+ resize: none;
+ white-space: pre-wrap;
+ font-size: 11px;
+}
+
+.v-ie8 .osbp-steel .v-textarea-small, .v-ie9 .osbp-steel .v-textarea-small {
+ line-height: 20px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.v-ie8 .osbp-steel .v-textarea-small, .v-ie9 .osbp-steel .v-textarea-small {
+ line-height: inherit;
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+.osbp-steel .v-textarea-large {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 29px;
+ border-radius: 0px;
+ padding: 4px;
+
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ height: auto;
+ resize: none;
+ white-space: pre-wrap;
+ font-size: 15px;
+}
+
+.v-ie8 .osbp-steel .v-textarea-large, .v-ie9 .osbp-steel .v-textarea-large {
+ line-height: 29px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.v-ie8 .osbp-steel .v-textarea-large, .v-ie9 .osbp-steel .v-textarea-large {
+ line-height: inherit;
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
+
+.osbp-steel .v-textarea-huge {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 38px;
+ border-radius: 0px;
+ padding: 4px;
+
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ height: auto;
+ resize: none;
+ white-space: pre-wrap;
+ font-size: 20px;
+}
+
+.v-ie8 .osbp-steel .v-textarea-huge, .v-ie9 .osbp-steel .v-textarea-huge {
+ line-height: 38px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.v-ie8 .osbp-steel .v-textarea-huge, .v-ie9 .osbp-steel .v-textarea-huge {
+ line-height: inherit;
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+.osbp-steel .v-textarea-align-right {
+ text-align: right;
+}
+
+.osbp-steel .v-textarea-align-center {
+ text-align: center;
+}
+
+.osbp-steel .v-datefield {
+ position: relative;
+ width: 273px;
+ height: 24px;
+ border-radius: 0px;
+}
+
+.osbp-steel .v-datefield [class*="textfield"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 24px;
+ border-radius: 0px;
+ padding: 3px 4px;
+ border: 1px solid #111011;
+ background: #333132;
+ color: #c6c5c6;
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ padding-left: 28.8px;
+ width: 100%;
+ height: 100%;
+ border-radius: inherit;
+}
+
+.v-ie8 .osbp-steel .v-datefield [class*="textfield"], .v-ie9 .osbp-steel .v-datefield [class*="textfield"] {
+ line-height: 24px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-steel .v-datefield [class*="textfield"].v-disabled {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-steel .v-datefield [class*="textfield"]:focus {
+ outline: none;
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+}
+
+.osbp-steel .v-datefield [class*="textfield"][class*="prompt"] {
+ color: #7c7b7c;
+}
+
+.osbp-steel .v-datefield[class*="prompt"] > [class*="textfield"] {
+ color: #7c7b7c;
+}
+
+.osbp-steel .v-datefield [class*="button"] {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ -webkit-appearance: none;
+ background: transparent;
+ padding: 0;
+ position: absolute;
+ z-index: 10;
+ width: 24px;
+ line-height: 22px;
+ text-align: center;
+ font: inherit;
+ outline: none;
+ margin: 0;
+ top: 1px;
+ bottom: 1px;
+ left: 1px;
+ border: none;
+ border-right: 1px solid #111011;
+ color: #7c7b7c;
+}
+
+.osbp-steel .v-datefield [class*="button"]:hover {
+ color: #c6c5c6;
+}
+
+.osbp-steel .v-datefield [class*="button"]:before {
+ font-family: ThemeIcons;
+ content: "\f073";
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+}
+
+.osbp-steel .v-datefield [class*="button"]:active:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background-color: rgba(26, 24, 25, 0.2);
+ border-radius: inherit;
+}
+
+.osbp-steel .v-datefield.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-datefield.v-disabled [class*="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-steel .v-datefield.v-disabled [class*="button"]:active:after {
+ display: none;
+}
+
+.osbp-steel .v-datefield.v-readonly [class*="textfield"] {
+ background: #2d2c2d;
+ color: #c5c3c4;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-datefield.v-readonly [class*="textfield"]:focus {
+ box-shadow: none;
+ border-color: #111011;
+}
+
+.osbp-steel .v-datefield.v-readonly [class*="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-steel .v-datefield.v-readonly [class*="button"]:active:after {
+ display: none;
+}
+
+.osbp-steel .v-datefield-error .v-datefield-textfield {
+ border-color: #E3DC95 !important;
+ background: #fefefd;
+ color: #615d2d;
+}
+
+.osbp-steel .v-datefield-error .v-datefield-button {
+ color: #E3DC95;
+ border-color: #E3DC95;
+}
+
+.osbp-steel .v-datefield-full {
+ width: 180px;
+}
+
+.osbp-steel .v-datefield-day {
+ width: 273px;
+}
+
+.osbp-steel .v-datefield-month {
+ width: 90px;
+}
+
+.osbp-steel .v-datefield-year {
+ width: 78px;
+}
+
+.osbp-steel .v-datefield-popup {
+ padding: 3px 3px;
+ border-radius: 0px;
+ background-color: #353334;
+ color: #c7c6c6;
+ -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4), 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.51334);
+ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4), 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.51334);
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ margin-top: 3px !important;
+ margin-bottom: 3px !important;
+ margin-right: 3px !important;
+ cursor: default;
+ width: auto;
+}
+
+.osbp-steel .v-datefield-popup[class*="animate-in"] {
+ -webkit-animation: valo-overlay-animate-in 120ms;
+ -moz-animation: valo-overlay-animate-in 120ms;
+ animation: valo-overlay-animate-in 120ms;
+}
+
+.osbp-steel .v-datefield-popup[class*="animate-out"] {
+ -webkit-animation: valo-animate-out-fade 120ms;
+ -moz-animation: valo-animate-out-fade 120ms;
+ animation: valo-animate-out-fade 120ms;
+}
+
+.osbp-steel .v-datefield-popup table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ margin: 0 auto;
+}
+
+.osbp-steel .v-datefield-popup td {
+ padding: 1px;
+}
+
+.osbp-steel .v-datefield-popup .v-datefield-calendarpanel {
+ font-size: 12px;
+ text-align: center;
+}
+
+.osbp-steel .v-datefield-popup .v-datefield-calendarpanel:focus {
+ outline: none;
+}
+
+.osbp-steel .v-datefield-popup .v-datefield-calendarpanel-day {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 19px;
+ height: 17px;
+ border: 1px solid transparent;
+ line-height: 17px;
+ text-align: center;
+ font-size: 11px;
+ background: #3d3b3c;
+ -webkit-transition: color 200ms;
+ -moz-transition: color 200ms;
+ transition: color 200ms;
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer;
+}
+
+.osbp-steel .v-datefield-popup .v-datefield-calendarpanel-day:hover {
+ color: #5D737E;
+}
+
+.osbp-steel .v-datefield-popup .v-datefield-calendarpanel-day-offmonth {
+ color: #838182;
+ background: transparent;
+}
+
+.osbp-steel .v-datefield-popup .v-datefield-calendarpanel-day-today {
+ color: #ecebec;
+ font-weight: 600;
+ border-color: #787577;
+}
+
+.osbp-steel .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .osbp-steel .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover {
+ color: #d2d8da;
+ background: #5D737E;
+ border: none;
+ font-weight: 600;
+}
+
+.osbp-steel .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+ position: relative;
+}
+
+.v-ie8 .osbp-steel .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
+ border-color: #5D737E;
+}
+
+.osbp-steel .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .osbp-steel .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover {
+ color: #838182;
+ cursor: not-allowed;
+}
+
+.osbp-steel .v-datefield-popup .v-datefield-calendarpanel-weekdays {
+ height: 17px;
+ color: rgba(152, 150, 151, 0.85);
+}
+
+.osbp-steel .v-datefield-popup .v-datefield-calendarpanel-weekdays strong {
+ font: inherit;
+ font-size: 11px;
+}
+
+.osbp-steel .v-datefield-popup .v-datefield-calendarpanel-header {
+ white-space: nowrap;
+}
+
+.osbp-steel .v-datefield-popup td[class*="year"] button, .osbp-steel .v-datefield-popup td[class*="month"] button {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ border: none;
+ background: transparent;
+ padding: 0;
+ margin: 0;
+ cursor: pointer;
+ color: transparent;
+ font-size: 0;
+ width: 12px;
+ height: 16px;
+ outline: none;
+ position: relative;
+ vertical-align: middle;
+}
+
+.osbp-steel .v-datefield-popup td[class*="year"] button:before, .osbp-steel .v-datefield-popup td[class*="month"] button:before {
+ color: #838182;
+ font-size: 16px;
+ line-height: 18px;
+ -webkit-transition: color 200ms;
+ -moz-transition: color 200ms;
+ transition: color 200ms;
+}
+
+.osbp-steel .v-datefield-popup td[class*="year"] button:hover:before, .osbp-steel .v-datefield-popup td[class*="month"] button:hover:before {
+ color: #5D737E;
+}
+
+.osbp-steel .v-datefield-popup td[class*="year"] button.outside-range, .osbp-steel .v-datefield-popup td[class*="month"] button.outside-range {
+ cursor: default;
+ opacity: 0.3;
+ filter: alpha(opacity=30.0) ;
+}
+
+.osbp-steel .v-datefield-popup td[class*="year"] button.outside-range:hover:before, .osbp-steel .v-datefield-popup td[class*="month"] button.outside-range:hover:before {
+ color: #838182;
+}
+
+.osbp-steel .v-datefield-popup .v-button-prevyear:before {
+ font-family: ThemeIcons;
+ content: "\f100";
+}
+
+.osbp-steel .v-datefield-popup .v-button-prevmonth:before {
+ font-family: ThemeIcons;
+ content: "\f104";
+}
+
+.osbp-steel .v-datefield-popup .v-button-nextyear:before {
+ font-family: ThemeIcons;
+ content: "\f101";
+}
+
+.osbp-steel .v-datefield-popup .v-button-nextmonth:before {
+ font-family: ThemeIcons;
+ content: "\f105";
+}
+
+.osbp-steel .v-datefield-popup td.v-datefield-calendarpanel-month {
+ width: 96px;
+ color: #5D737E;
+}
+
+.osbp-steel .v-datefield-popup .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month {
+ width: 48px;
+}
+
+.osbp-steel .v-datefield-popup .v-datefield-calendarpanel-weeknumber, .osbp-steel .v-datefield-popup .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child {
+ width: 19px;
+ color: rgba(152, 150, 151, 0.85);
+ font-size: 11px;
+ display: inline-block;
+ text-align: left;
+}
+
+.osbp-steel .v-datefield-popup .v-datefield-calendarpanel-weeknumber {
+ position: relative;
+}
+
+.osbp-steel .v-datefield-popup .v-datefield-calendarpanel-weeknumbers .v-first:before {
+ content: "";
+ position: absolute;
+ top: 24px;
+ bottom: 0;
+ left: 0;
+ width: 23px;
+ border-top: 1px solid #111011;
+ border-right: 1px solid #111011;
+ border-top-right-radius: 0px;
+ border-bottom-left-radius: 0px;
+ background: #3d3b3c;
+}
+
+.osbp-steel .v-datefield-popup td.v-datefield-calendarpanel-time {
+ width: 100%;
+ font-size: 11px;
+}
+
+.osbp-steel .v-datefield-popup td.v-datefield-calendarpanel-time .v-label {
+ display: inline;
+ margin: 0 0.1em;
+ font-weight: 400;
+}
+
+.osbp-steel .v-datefield-calendarpanel {
+ font-size: 12px;
+ text-align: center;
+}
+
+.osbp-steel .v-datefield-calendarpanel:focus {
+ outline: none;
+}
+
+.osbp-steel .v-datefield-calendarpanel-day {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 19px;
+ height: 17px;
+ border: 1px solid transparent;
+ line-height: 17px;
+ text-align: center;
+ font-size: 11px;
+ background: #3d3b3c;
+ -webkit-transition: color 200ms;
+ -moz-transition: color 200ms;
+ transition: color 200ms;
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer;
+}
+
+.osbp-steel .v-datefield-calendarpanel-day:hover {
+ color: #5D737E;
+}
+
+.osbp-steel .v-datefield-calendarpanel-day-offmonth {
+ color: #838182;
+ background: transparent;
+}
+
+.osbp-steel .v-datefield-calendarpanel-day-today {
+ color: #ecebec;
+ font-weight: 600;
+ border-color: #787577;
+}
+
+.osbp-steel .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .osbp-steel .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover {
+ color: #d2d8da;
+ background: #5D737E;
+ border: none;
+ font-weight: 600;
+}
+
+.osbp-steel .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+ position: relative;
+}
+
+.v-ie8 .osbp-steel .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
+ border-color: #5D737E;
+}
+
+.osbp-steel .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .osbp-steel .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover {
+ color: #838182;
+ cursor: not-allowed;
+}
+
+.osbp-steel .v-datefield-calendarpanel-weekdays {
+ height: 17px;
+ color: rgba(152, 150, 151, 0.85);
+}
+
+.osbp-steel .v-datefield-calendarpanel-weekdays strong {
+ font: inherit;
+ font-size: 11px;
+}
+
+.osbp-steel .v-datefield-calendarpanel-header {
+ white-space: nowrap;
+}
+
+.osbp-steel td[class*="year"] button, .osbp-steel td[class*="month"] button {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ border: none;
+ background: transparent;
+ padding: 0;
+ margin: 0;
+ cursor: pointer;
+ color: transparent;
+ font-size: 0;
+ width: 12px;
+ height: 16px;
+ outline: none;
+ position: relative;
+ vertical-align: middle;
+}
+
+.osbp-steel td[class*="year"] button:before, .osbp-steel td[class*="month"] button:before {
+ color: #838182;
+ font-size: 16px;
+ line-height: 18px;
+ -webkit-transition: color 200ms;
+ -moz-transition: color 200ms;
+ transition: color 200ms;
+}
+
+.osbp-steel td[class*="year"] button:hover:before, .osbp-steel td[class*="month"] button:hover:before {
+ color: #5D737E;
+}
+
+.osbp-steel td[class*="year"] button.outside-range, .osbp-steel td[class*="month"] button.outside-range {
+ cursor: default;
+ opacity: 0.3;
+ filter: alpha(opacity=30.0) ;
+}
+
+.osbp-steel td[class*="year"] button.outside-range:hover:before, .osbp-steel td[class*="month"] button.outside-range:hover:before {
+ color: #838182;
+}
+
+.osbp-steel .v-button-prevyear:before {
+ font-family: ThemeIcons;
+ content: "\f100";
+}
+
+.osbp-steel .v-button-prevmonth:before {
+ font-family: ThemeIcons;
+ content: "\f104";
+}
+
+.osbp-steel .v-button-nextyear:before {
+ font-family: ThemeIcons;
+ content: "\f101";
+}
+
+.osbp-steel .v-button-nextmonth:before {
+ font-family: ThemeIcons;
+ content: "\f105";
+}
+
+.osbp-steel td.v-datefield-calendarpanel-month {
+ width: 96px;
+ color: #5D737E;
+}
+
+.osbp-steel .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month {
+ width: 48px;
+}
+
+.osbp-steel .v-datefield-calendarpanel-weeknumber, .osbp-steel .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child {
+ width: 19px;
+ color: rgba(152, 150, 151, 0.85);
+ font-size: 11px;
+ display: inline-block;
+ text-align: left;
+}
+
+.osbp-steel .v-datefield-calendarpanel-weeknumber {
+ position: relative;
+}
+
+.osbp-steel .v-datefield-calendarpanel-weeknumbers .v-first:before {
+ content: "";
+ position: absolute;
+ top: 24px;
+ bottom: 0;
+ left: 0;
+ width: 23px;
+ border-top: 1px solid #111011;
+ border-right: 1px solid #111011;
+ border-top-right-radius: 0px;
+ border-bottom-left-radius: 0px;
+ background: #3d3b3c;
+}
+
+.osbp-steel td.v-datefield-calendarpanel-time {
+ width: 100%;
+ font-size: 11px;
+}
+
+.osbp-steel td.v-datefield-calendarpanel-time .v-label {
+ display: inline;
+ margin: 0 0.1em;
+ font-weight: 400;
+}
+
+.osbp-steel .v-datefield-borderless .v-datefield-textfield {
+ border: none;
+ border-radius: 0;
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: inherit;
+}
+
+.osbp-steel .v-datefield-borderless .v-datefield-textfield:focus {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-datefield-borderless .v-datefield-textfield[class*="prompt"] {
+ color: inherit;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-datefield-borderless .v-datefield-button {
+ border: none;
+ color: inherit;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-datefield-align-right input {
+ text-align: right;
+}
+
+.osbp-steel .v-datefield-align-center input {
+ text-align: center;
+}
+
+.osbp-steel .v-datefield-tiny {
+ height: 24px;
+ border-radius: 0px;
+ font-size: 12px;
+}
+
+.osbp-steel .v-datefield-tiny [class*="textfield"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 24px;
+ border-radius: 0px;
+ padding: 3px 4px;
+
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ padding-left: 28.8px;
+ width: 100%;
+ height: 100%;
+ border-radius: inherit;
+}
+
+.v-ie8 .osbp-steel .v-datefield-tiny [class*="textfield"], .v-ie9 .osbp-steel .v-datefield-tiny [class*="textfield"] {
+ line-height: 24px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-steel .v-datefield-tiny [class*="button"] {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ -webkit-appearance: none;
+ background: transparent;
+ padding: 0;
+ position: absolute;
+ z-index: 10;
+ width: 24px;
+ line-height: 24px;
+ text-align: center;
+ font: inherit;
+ outline: none;
+ margin: 0;
+}
+
+.osbp-steel .v-datefield-tiny [class*="button"]:before {
+ font-family: ThemeIcons;
+ content: "\f073";
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+}
+
+.osbp-steel .v-datefield-tiny [class*="button"]:active:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+}
+
+.osbp-steel .v-datefield-tiny.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-datefield-tiny.v-disabled [class*="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-steel .v-datefield-tiny.v-disabled [class*="button"]:active:after {
+ display: none;
+}
+
+.osbp-steel .v-datefield-tiny.v-readonly [class*="textfield"] {
+ background: #2d2c2d;
+ color: #c5c3c4;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-datefield-tiny.v-readonly [class*="textfield"]:focus {
+ box-shadow: none;
+ border-color: #111011;
+}
+
+.osbp-steel .v-datefield-tiny.v-readonly [class*="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-steel .v-datefield-tiny.v-readonly [class*="button"]:active:after {
+ display: none;
+}
+
+.osbp-steel .v-datefield-compact, .osbp-steel .v-datefield-small {
+ height: 20px;
+ border-radius: 0px;
+}
+
+.osbp-steel .v-datefield-compact [class*="textfield"], .osbp-steel .v-datefield-small [class*="textfield"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 20px;
+ border-radius: 0px;
+ padding: 2px 4px;
+
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ padding-left: 24px;
+ width: 100%;
+ height: 100%;
+ border-radius: inherit;
+}
+
+.v-ie8 .osbp-steel .v-datefield-compact [class*="textfield"], .v-ie9 .osbp-steel .v-datefield-compact [class*="textfield"], .v-ie8 .osbp-steel .v-datefield-small [class*="textfield"], .v-ie9 .osbp-steel .v-datefield-small [class*="textfield"] {
+ line-height: 20px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-steel .v-datefield-compact [class*="button"], .osbp-steel .v-datefield-small [class*="button"] {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ -webkit-appearance: none;
+ background: transparent;
+ padding: 0;
+ position: absolute;
+ z-index: 10;
+ width: 20px;
+ line-height: 20px;
+ text-align: center;
+ font: inherit;
+ outline: none;
+ margin: 0;
+}
+
+.osbp-steel .v-datefield-compact [class*="button"]:before, .osbp-steel .v-datefield-small [class*="button"]:before {
+ font-family: ThemeIcons;
+ content: "\f073";
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+}
+
+.osbp-steel .v-datefield-compact [class*="button"]:active:after, .osbp-steel .v-datefield-small [class*="button"]:active:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+}
+
+.osbp-steel .v-datefield-compact.v-disabled, .osbp-steel .v-datefield-small.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-datefield-compact.v-disabled [class*="button"], .osbp-steel .v-datefield-small.v-disabled [class*="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-steel .v-datefield-compact.v-disabled [class*="button"]:active:after, .osbp-steel .v-datefield-small.v-disabled [class*="button"]:active:after {
+ display: none;
+}
+
+.osbp-steel .v-datefield-compact.v-readonly [class*="textfield"], .osbp-steel .v-datefield-small.v-readonly [class*="textfield"] {
+ background: #2d2c2d;
+ color: #c5c3c4;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-datefield-compact.v-readonly [class*="textfield"]:focus, .osbp-steel .v-datefield-small.v-readonly [class*="textfield"]:focus {
+ box-shadow: none;
+ border-color: #111011;
+}
+
+.osbp-steel .v-datefield-compact.v-readonly [class*="button"], .osbp-steel .v-datefield-small.v-readonly [class*="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-steel .v-datefield-compact.v-readonly [class*="button"]:active:after, .osbp-steel .v-datefield-small.v-readonly [class*="button"]:active:after {
+ display: none;
+}
+
+.osbp-steel .v-datefield-small {
+ font-size: 11px;
+}
+
+.osbp-steel .v-datefield-large {
+ height: 29px;
+ border-radius: 0px;
+ font-size: 15px;
+}
+
+.osbp-steel .v-datefield-large [class*="textfield"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 29px;
+ border-radius: 0px;
+ padding: 3px 5px;
+
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ padding-left: 34.8px;
+ width: 100%;
+ height: 100%;
+ border-radius: inherit;
+}
+
+.v-ie8 .osbp-steel .v-datefield-large [class*="textfield"], .v-ie9 .osbp-steel .v-datefield-large [class*="textfield"] {
+ line-height: 29px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-steel .v-datefield-large [class*="button"] {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ -webkit-appearance: none;
+ background: transparent;
+ padding: 0;
+ position: absolute;
+ z-index: 10;
+ width: 29px;
+ line-height: 29px;
+ text-align: center;
+ font: inherit;
+ outline: none;
+ margin: 0;
+}
+
+.osbp-steel .v-datefield-large [class*="button"]:before {
+ font-family: ThemeIcons;
+ content: "\f073";
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+}
+
+.osbp-steel .v-datefield-large [class*="button"]:active:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+}
+
+.osbp-steel .v-datefield-large.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-datefield-large.v-disabled [class*="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-steel .v-datefield-large.v-disabled [class*="button"]:active:after {
+ display: none;
+}
+
+.osbp-steel .v-datefield-large.v-readonly [class*="textfield"] {
+ background: #2d2c2d;
+ color: #c5c3c4;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-datefield-large.v-readonly [class*="textfield"]:focus {
+ box-shadow: none;
+ border-color: #111011;
+}
+
+.osbp-steel .v-datefield-large.v-readonly [class*="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-steel .v-datefield-large.v-readonly [class*="button"]:active:after {
+ display: none;
+}
+
+.osbp-steel .v-datefield-huge {
+ height: 38px;
+ border-radius: 0px;
+ font-size: 20px;
+}
+
+.osbp-steel .v-datefield-huge [class*="textfield"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 38px;
+ border-radius: 0px;
+ padding: 4px 7px;
+
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ padding-left: 45.6px;
+ width: 100%;
+ height: 100%;
+ border-radius: inherit;
+}
+
+.v-ie8 .osbp-steel .v-datefield-huge [class*="textfield"], .v-ie9 .osbp-steel .v-datefield-huge [class*="textfield"] {
+ line-height: 38px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-steel .v-datefield-huge [class*="button"] {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ -webkit-appearance: none;
+ background: transparent;
+ padding: 0;
+ position: absolute;
+ z-index: 10;
+ width: 38px;
+ line-height: 38px;
+ text-align: center;
+ font: inherit;
+ outline: none;
+ margin: 0;
+}
+
+.osbp-steel .v-datefield-huge [class*="button"]:before {
+ font-family: ThemeIcons;
+ content: "\f073";
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+}
+
+.osbp-steel .v-datefield-huge [class*="button"]:active:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+}
+
+.osbp-steel .v-datefield-huge.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-datefield-huge.v-disabled [class*="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-steel .v-datefield-huge.v-disabled [class*="button"]:active:after {
+ display: none;
+}
+
+.osbp-steel .v-datefield-huge.v-readonly [class*="textfield"] {
+ background: #2d2c2d;
+ color: #c5c3c4;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-datefield-huge.v-readonly [class*="textfield"]:focus {
+ box-shadow: none;
+ border-color: #111011;
+}
+
+.osbp-steel .v-datefield-huge.v-readonly [class*="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-steel .v-datefield-huge.v-readonly [class*="button"]:active:after {
+ display: none;
+}
+
+.osbp-steel .v-inline-datefield-calendarpanel {
+ font-size: 12px;
+ text-align: center;
+}
+
+.osbp-steel .v-inline-datefield-calendarpanel:focus {
+ outline: none;
+}
+
+.osbp-steel .v-inline-datefield-calendarpanel-day {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 19px;
+ height: 17px;
+ border: 1px solid transparent;
+ line-height: 17px;
+ text-align: center;
+ font-size: 11px;
+ background: #3d3b3c;
+ -webkit-transition: color 200ms;
+ -moz-transition: color 200ms;
+ transition: color 200ms;
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer;
+}
+
+.osbp-steel .v-inline-datefield-calendarpanel-day:hover {
+ color: #5D737E;
+}
+
+.osbp-steel .v-inline-datefield-calendarpanel-day-offmonth {
+ color: #838182;
+ background: transparent;
+}
+
+.osbp-steel .v-inline-datefield-calendarpanel-day-today {
+ color: #ecebec;
+ font-weight: 600;
+ border-color: #787577;
+}
+
+.osbp-steel .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-selected, .osbp-steel .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-selected:hover {
+ color: #d2d8da;
+ background: #5D737E;
+ border: none;
+ font-weight: 600;
+}
+
+.osbp-steel .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-focused {
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+ position: relative;
+}
+
+.v-ie8 .osbp-steel .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-focused {
+ border-color: #5D737E;
+}
+
+.osbp-steel .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-outside-range, .osbp-steel .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-outside-range:hover {
+ color: #838182;
+ cursor: not-allowed;
+}
+
+.osbp-steel .v-inline-datefield-calendarpanel-weekdays {
+ height: 17px;
+ color: rgba(152, 150, 151, 0.85);
+}
+
+.osbp-steel .v-inline-datefield-calendarpanel-weekdays strong {
+ font: inherit;
+ font-size: 11px;
+}
+
+.osbp-steel .v-inline-datefield-calendarpanel-header {
+ white-space: nowrap;
+}
+
+.osbp-steel td[class*="year"] button, .osbp-steel td[class*="month"] button {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ border: none;
+ background: transparent;
+ padding: 0;
+ margin: 0;
+ cursor: pointer;
+ color: transparent;
+ font-size: 0;
+ width: 12px;
+ height: 16px;
+ outline: none;
+ position: relative;
+ vertical-align: middle;
+}
+
+.osbp-steel td[class*="year"] button:before, .osbp-steel td[class*="month"] button:before {
+ color: #838182;
+ font-size: 16px;
+ line-height: 18px;
+ -webkit-transition: color 200ms;
+ -moz-transition: color 200ms;
+ transition: color 200ms;
+}
+
+.osbp-steel td[class*="year"] button:hover:before, .osbp-steel td[class*="month"] button:hover:before {
+ color: #5D737E;
+}
+
+.osbp-steel td[class*="year"] button.outside-range, .osbp-steel td[class*="month"] button.outside-range {
+ cursor: default;
+ opacity: 0.3;
+ filter: alpha(opacity=30.0) ;
+}
+
+.osbp-steel td[class*="year"] button.outside-range:hover:before, .osbp-steel td[class*="month"] button.outside-range:hover:before {
+ color: #838182;
+}
+
+.osbp-steel .v-button-prevyear:before {
+ font-family: ThemeIcons;
+ content: "\f100";
+}
+
+.osbp-steel .v-button-prevmonth:before {
+ font-family: ThemeIcons;
+ content: "\f104";
+}
+
+.osbp-steel .v-button-nextyear:before {
+ font-family: ThemeIcons;
+ content: "\f101";
+}
+
+.osbp-steel .v-button-nextmonth:before {
+ font-family: ThemeIcons;
+ content: "\f105";
+}
+
+.osbp-steel td.v-inline-datefield-calendarpanel-month {
+ width: 96px;
+ color: #5D737E;
+}
+
+.osbp-steel .v-inline-datefield-calendarpanel-year td.v-inline-datefield-calendarpanel-month {
+ width: 48px;
+}
+
+.osbp-steel .v-inline-datefield-calendarpanel-weeknumber, .osbp-steel .v-inline-datefield-calendarpanel-weekdays.v-inline-datefield-calendarpanel-weeknumbers td:first-child {
+ width: 19px;
+ color: rgba(152, 150, 151, 0.85);
+ font-size: 11px;
+ display: inline-block;
+ text-align: left;
+}
+
+.osbp-steel .v-inline-datefield-calendarpanel-weeknumber {
+ position: relative;
+}
+
+.osbp-steel .v-inline-datefield-calendarpanel-weeknumbers .v-first:before {
+ content: "";
+ position: absolute;
+ top: 24px;
+ bottom: 0;
+ left: 0;
+ width: 23px;
+ border-top: 1px solid #111011;
+ border-right: 1px solid #111011;
+ border-top-right-radius: 0px;
+ border-bottom-left-radius: 0px;
+ background: #3d3b3c;
+}
+
+.osbp-steel td.v-inline-datefield-calendarpanel-time {
+ width: 100%;
+ font-size: 11px;
+}
+
+.osbp-steel td.v-inline-datefield-calendarpanel-time .v-label {
+ display: inline;
+ margin: 0 0.1em;
+ font-weight: 400;
+}
+
+.osbp-steel .v-inline-datefield-calendarpanel {
+ position: relative;
+ background: #353334;
+ padding: 4px;
+}
+
+.osbp-steel .v-gridlayout-margin-top {
+ padding-top: 12px;
+}
+
+.osbp-steel .v-gridlayout-margin-bottom {
+ padding-bottom: 12px;
+}
+
+.osbp-steel .v-gridlayout-margin-left {
+ padding-left: 12px;
+}
+
+.osbp-steel .v-gridlayout-margin-right {
+ padding-right: 12px;
+}
+
+.osbp-steel .v-gridlayout-spacing-on {
+ padding-left: 8px;
+ padding-top: 0px;
+}
+
+.osbp-steel .v-menubar {
+ position: relative;
+ text-align: center;
+ white-space: nowrap;
+ outline: none;
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ height: 24px;
+ padding: 0 10px;
+ color: #ecebec;
+ font-weight: 400;
+
+ cursor: default;
+ border-radius: 0px;
+ border: 1px solid #111011;
+ background: #3d3b3c;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ padding: 0;
+ text-align: left;
+ line-height: 22px;
+}
+
+.osbp-steel .v-menubar:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+}
+
+.osbp-steel .v-menubar:focus:after {
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+}
+
+.osbp-steel .v-menubar.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-menubar.v-disabled:after {
+ display: none;
+}
+
+.osbp-steel .v-menubar:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-steel .v-menubar:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+}
+
+.osbp-steel .v-menubar > .v-menubar-menuitem {
+ padding: 0 9px;
+}
+
+.osbp-steel .v-menubar > .v-menubar-menuitem[class*="-icon-only"] {
+ width: 24px;
+}
+
+.osbp-steel .v-menubar:active:after {
+ background: transparent;
+}
+
+.osbp-steel .v-menubar > .v-menubar-menuitem {
+ position: relative;
+ z-index: 1;
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ height: 24px;
+ padding: 0 10px;
+ color: inherit;
+ font-weight: 400;
+
+ cursor: pointer;
+ border-radius: 0;
+ border: 1px solid #111011;
+ background: #3d3b3c;
+
+
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border-width: 0 1px 0 0;
+ border-color: inherit;
+ height: 100%;
+ line-height: inherit;
+ vertical-align: top;
+ text-align: center;
+}
+
+.osbp-steel .v-menubar > .v-menubar-menuitem:first-child {
+ border-left-width: 0;
+}
+
+.osbp-steel .v-menubar > .v-menubar-menuitem:last-child {
+ border-right-width: 0;
+}
+
+.osbp-steel .v-menubar > .v-menubar-menuitem:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+}
+
+.osbp-steel .v-menubar > .v-menubar-menuitem:hover {
+ zoom: 1;
+}
+
+.osbp-steel .v-menubar > .v-menubar-menuitem:hover:before {
+ background-color: rgba(100, 97, 98, 0.1);
+ border: none;
+}
+
+.osbp-steel .v-menubar > .v-menubar-menuitem:active:before {
+ background-color: rgba(31, 29, 30, 0.2);
+}
+
+.osbp-steel .v-menubar > .v-menubar-menuitem .v-icon {
+ margin: 0 2px 0 -2px;
+ cursor: inherit;
+}
+
+.osbp-steel .v-menubar > .v-menubar-menuitem[class*="-icon-only"] {
+ width: 24px;
+ padding: 0;
+}
+
+.osbp-steel .v-menubar > .v-menubar-menuitem[class*="-icon-only"] .v-icon {
+ margin: 0;
+}
+
+.osbp-steel .v-menubar > .v-menubar-menuitem-checked {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background-color: #3a3839;
+ background-image: -webkit-linear-gradient(bottom, #3a3839 0%, #3a3839 100%);
+ background-image: linear-gradient(to top,#3a3839 0%, #3a3839 100%);
+ color: #ebebeb;
+}
+
+.osbp-steel .v-disabled > .v-menubar-menuitem, .osbp-steel .v-menubar > .v-menubar-menuitem-disabled {
+ cursor: default;
+}
+
+.osbp-steel .v-disabled > .v-menubar-menuitem:before, .osbp-steel .v-menubar > .v-menubar-menuitem-disabled:before {
+ display: none;
+}
+
+.osbp-steel .v-menubar-menuitem-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-menubar > .v-menubar-menuitem-selected {
+ color: #eff1f2;
+
+
+
+ border-radius: 0;
+ border: 1px solid #111011;
+ background: #5D737E;
+
+
+ border-top-width: 0;
+ border-left-width: 0;
+ border-bottom-width: 0;
+ z-index: 2;
+}
+
+.osbp-steel .v-menubar > .v-menubar-menuitem-selected:hover:before {
+ background: none;
+}
+
+.osbp-steel .v-menubar .v-menubar-submenu-indicator {
+ display: none;
+}
+
+.osbp-steel .v-menubar .v-menubar-submenu-indicator + .v-menubar-menuitem-caption:after {
+ font-family: ThemeIcons;
+ content: "\f078";
+ font-size: 0.7em;
+ vertical-align: 0.15em;
+ margin: 0 -0.2em 0 0.5em;
+ opacity: 0.5;
+}
+
+.osbp-steel .v-menubar .v-menubar-submenu-indicator + .v-menubar-menuitem-caption:empty:after {
+ margin-left: -0.2em;
+}
+
+.osbp-steel .v-menubar-popup {
+ padding: 3px 3px;
+ border-radius: 0px;
+ background-color: #353334;
+ color: #c7c6c6;
+ -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4), 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.51334);
+ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4), 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.51334);
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ padding: 3px 3px;
+ margin: 3px 0 0 1px !important;
+}
+
+.osbp-steel .v-menubar-popup[class*="animate-in"] {
+ -webkit-animation: valo-overlay-animate-in 120ms;
+ -moz-animation: valo-overlay-animate-in 120ms;
+ animation: valo-overlay-animate-in 120ms;
+}
+
+.osbp-steel .v-menubar-popup[class*="animate-out"] {
+ -webkit-animation: valo-animate-out-fade 120ms;
+ -moz-animation: valo-animate-out-fade 120ms;
+ animation: valo-animate-out-fade 120ms;
+}
+
+.osbp-steel .v-menubar-popup .v-menubar-submenu {
+ outline: none;
+}
+
+.osbp-steel .v-menubar-popup .v-menubar-menuitem {
+ display: block;
+ cursor: pointer;
+ line-height: 18px;
+ padding: 0 12px 0 6px;
+ font-weight: 400;
+ white-space: nowrap;
+ position: relative;
+ padding-left: 21px;
+ padding-right: 24px;
+ position: relative;
+}
+
+.osbp-steel .v-menubar-popup .v-menubar-menuitem:active:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: #215b79;
+ opacity: 0.15;
+ filter: alpha(opacity=15.0) ;
+ pointer-events: none;
+ border-radius: inherit;
+}
+
+.osbp-steel .v-menubar-popup .v-menubar-menuitem .v-icon {
+ max-height: 18px;
+ margin-right: 3px;
+ min-width: 1em;
+}
+
+.osbp-steel .v-menubar-popup .v-menubar-submenu-indicator {
+ display: none;
+}
+
+.osbp-steel .v-menubar-popup .v-menubar-submenu-indicator + .v-menubar-menuitem-caption:after {
+ position: absolute;
+ right: 6px;
+ font-family: ThemeIcons;
+ content: "\f054";
+ line-height: 20px;
+}
+
+.osbp-steel .v-menubar-popup .v-menubar-menuitem-selected {
+ background: #5D737E;
+ color: #eff1f2;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .v-menubar-popup .v-menubar-separator {
+ display: block;
+ margin: 3px 0;
+ height: 0;
+ overflow: hidden;
+ border-bottom: 1px solid #111011;
+}
+
+.osbp-steel .v-menubar-popup [class*="checked"] .v-menubar-menuitem-caption:before {
+ content: "\f00c";
+ font-family: ThemeIcons;
+ position: absolute;
+ left: 6px;
+}
+
+.osbp-steel .v-menubar-popup [class*="unchecked"] .v-menubar-menuitem-caption:before {
+ content: "";
+}
+
+.osbp-steel .v-menubar-popup [class*="disabled"] {
+ cursor: default;
+}
+
+.osbp-steel .v-menubar-small {
+ height: 20px;
+ padding: 0 8px;
+
+ font-weight: 400;
+
+ cursor: default;
+ border-radius: 0px;
+ padding: 0;
+ text-align: left;
+ line-height: 18px;
+ font-size: 11px;
+}
+
+.osbp-steel .v-menubar-small:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-steel .v-menubar-small > .v-menubar-menuitem {
+ padding: 0 8px;
+}
+
+.osbp-steel .v-menubar-small > .v-menubar-menuitem[class*="-icon-only"] {
+ width: 20px;
+}
+
+.osbp-steel .v-menubar-borderless {
+ border: none;
+ border-radius: 0;
+ padding: 1px;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ text-shadow: none;
+ background: transparent;
+ color: inherit;
+}
+
+.osbp-steel .v-menubar-borderless:focus:after {
+ display: none;
+}
+
+.osbp-steel .v-menubar-borderless .v-menubar-menuitem {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: none;
+ margin-right: 1px;
+ border-radius: 0px;
+ color: #5D737E;
+ padding: 0 8px;
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+}
+
+.osbp-steel .v-menubar-borderless .v-menubar-menuitem:first-child, .osbp-steel .v-menubar-borderless .v-menubar-menuitem:last-child, .osbp-steel .v-menubar-borderless .v-menubar-menuitem:first-child:last-child {
+ border-radius: 0px;
+}
+
+.osbp-steel .v-menubar-borderless .v-menubar-menuitem:before {
+ content: none;
+}
+
+.osbp-steel .v-menubar-borderless .v-menubar-menuitem:hover {
+ color: #758d99;
+}
+
+.osbp-steel .v-menubar-borderless .v-menubar-menuitem:active {
+ color: inherit;
+}
+
+.osbp-steel .v-menubar-borderless .v-menubar-menuitem-checked, .osbp-steel .v-menubar-borderless .v-menubar-menuitem-checked:first-child {
+ border: 1px solid #111011;
+ color: #5D737E;
+}
+
+.osbp-steel .v-menubar-borderless .v-menubar-menuitem-checked .v-menubar-menuitem-caption, .osbp-steel .v-menubar-borderless .v-menubar-menuitem-checked:first-child .v-menubar-menuitem-caption {
+ position: relative;
+ top: -1px;
+}
+
+.osbp-steel .v-menubar-borderless .v-menubar-menuitem-selected {
+ color: #eff1f2;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .v-menubar-borderless .v-menubar-menuitem-selected:hover {
+ color: #eff1f2;
+}
+
+.osbp-steel .v-menubar-borderless .v-menubar-menuitem-disabled, .osbp-steel .v-menubar-borderless .v-menubar-menuitem-disabled:hover {
+ color: inherit;
+}
+
+.osbp-steel .v-radiobutton {
+ position: relative;
+ line-height: 12px;
+ white-space: nowrap;
+}
+
+.osbp-steel .v-radiobutton.v-has-width label {
+ white-space: normal;
+}
+
+:root .osbp-steel .v-radiobutton {
+ padding-left: 16px;
+}
+
+:root .osbp-steel .v-radiobutton label {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ display: inline-block;
+}
+
+:root .osbp-steel .v-radiobutton > input {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ left: 0.2em;
+ top: 0.2em;
+ z-index: 0;
+ margin: 0;
+}
+
+:root .osbp-steel .v-radiobutton > input:focus ~ label:before {
+ border: 1px solid #111011;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+}
+
+:root .osbp-steel .v-radiobutton > input ~ label:before, :root .osbp-steel .v-radiobutton > input ~ label:after {
+ content: "";
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 12px;
+ height: 12px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border-radius: 0px;
+ font-size: 10px;
+ text-align: center;
+}
+
+:root .osbp-steel .v-radiobutton > input ~ label:before {
+ height: 12px;
+ padding: 0 5px;
+ color: #ecebec;
+ font-weight: 400;
+
+
+ border-radius: 0px;
+ border: 1px solid #111011;
+ background: #3d3b3c;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ padding: 0;
+ height: 12px;
+}
+
+:root .osbp-steel .v-radiobutton > input ~ label:after {
+ content: "\f00c";
+ font-family: ThemeIcons;
+ color: transparent;
+ -webkit-transition: color 100ms;
+ -moz-transition: color 100ms;
+ transition: color 100ms;
+}
+
+:root .osbp-steel .v-radiobutton > input:active ~ label:after {
+ background-color: rgba(31, 29, 30, 0.2);
+}
+
+:root .osbp-steel .v-radiobutton > input:checked ~ label:after {
+ color: #5D737E;
+}
+
+.osbp-steel .v-radiobutton > .v-icon, .osbp-steel .v-radiobutton > label .v-icon {
+ margin: 0 4px 0 2px;
+ min-width: 1em;
+ cursor: pointer;
+}
+
+.osbp-steel .v-radiobutton.v-disabled > label, .osbp-steel .v-radiobutton.v-disabled > .v-icon {
+ cursor: default;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-radiobutton.v-disabled > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-steel .v-radiobutton.v-disabled > input:active ~ label:after {
+ background: transparent;
+}
+
+.osbp-steel .v-radiobutton.v-readonly > label, .osbp-steel .v-radiobutton.v-readonly > .v-icon {
+ cursor: default;
+}
+
+.osbp-steel .v-radiobutton.v-readonly > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-steel .v-radiobutton.v-readonly > input:active ~ label:after {
+ background: transparent;
+}
+
+:root .osbp-steel .v-radiobutton.v-readonly > input ~ label:after {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+:root .osbp-steel .v-radiobutton > input:checked ~ label:after {
+ width: 4px;
+ height: 4px;
+ top: 4px;
+ left: 4px;
+ background: #5D737E;
+}
+
+:root .osbp-steel .v-radiobutton > input ~ label:before, :root .osbp-steel .v-radiobutton > input ~ label:after {
+ border-radius: 50%;
+ content: "";
+}
+
+.osbp-steel .v-select-optiongroup .v-radiobutton, .osbp-steel .v-select-optiongroup .v-checkbox {
+ display: block;
+ margin: 6px 12px 0 0;
+}
+
+.osbp-steel .v-select-optiongroup .v-radiobutton:first-child, .osbp-steel .v-select-optiongroup .v-checkbox:first-child {
+ margin-top: 4px;
+}
+
+.osbp-steel .v-select-optiongroup .v-radiobutton:last-child, .osbp-steel .v-select-optiongroup .v-checkbox:last-child {
+ margin-bottom: 4px;
+}
+
+.osbp-steel .v-select-optiongroup.v-has-width label {
+ white-space: normal;
+}
+
+.osbp-steel .v-select-optiongroup-small {
+ font-size: 11px;
+}
+
+.osbp-steel .v-select-optiongroup-small .v-checkbox {
+ position: relative;
+ line-height: 10px;
+ white-space: nowrap;
+}
+
+.osbp-steel .v-select-optiongroup-small .v-checkbox.v-has-width label {
+ white-space: normal;
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-checkbox {
+ padding-left: 13px;
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-checkbox label {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ display: inline-block;
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-checkbox > input {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ left: 0.2em;
+ top: 0.2em;
+ z-index: 0;
+ margin: 0;
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-checkbox > input:focus ~ label:before {
+ border: 1px solid #111011;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-checkbox > input ~ label:before, :root .osbp-steel .v-select-optiongroup-small .v-checkbox > input ~ label:after {
+ content: "";
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 10px;
+ height: 10px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border-radius: 0px;
+ font-size: 8px;
+ text-align: center;
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-checkbox > input ~ label:before {
+ height: 10px;
+ padding: 0 4px;
+ color: #ecebec;
+ font-weight: 400;
+
+
+ border-radius: 0px;
+ border: 1px solid #111011;
+ background: #3d3b3c;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ padding: 0;
+ height: 10px;
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-checkbox > input ~ label:after {
+ content: "\f00c";
+ font-family: ThemeIcons;
+ color: transparent;
+ -webkit-transition: color 100ms;
+ -moz-transition: color 100ms;
+ transition: color 100ms;
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-checkbox > input:active ~ label:after {
+ background-color: rgba(31, 29, 30, 0.2);
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-checkbox > input:checked ~ label:after {
+ color: #5D737E;
+}
+
+.osbp-steel .v-select-optiongroup-small .v-checkbox > .v-icon, .osbp-steel .v-select-optiongroup-small .v-checkbox > label .v-icon {
+ margin: 0 3px 0 2px;
+ min-width: 1em;
+ cursor: pointer;
+}
+
+.osbp-steel .v-select-optiongroup-small .v-checkbox.v-disabled > label, .osbp-steel .v-select-optiongroup-small .v-checkbox.v-disabled > .v-icon {
+ cursor: default;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-select-optiongroup-small .v-checkbox.v-disabled > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-checkbox.v-disabled > input:active ~ label:after {
+ background: transparent;
+}
+
+.osbp-steel .v-select-optiongroup-small .v-checkbox.v-readonly > label, .osbp-steel .v-select-optiongroup-small .v-checkbox.v-readonly > .v-icon {
+ cursor: default;
+}
+
+.osbp-steel .v-select-optiongroup-small .v-checkbox.v-readonly > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-checkbox.v-readonly > input:active ~ label:after {
+ background: transparent;
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-checkbox.v-readonly > input ~ label:after {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-select-optiongroup-small .v-radiobutton {
+ position: relative;
+ line-height: 10px;
+ white-space: nowrap;
+}
+
+.osbp-steel .v-select-optiongroup-small .v-radiobutton.v-has-width label {
+ white-space: normal;
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-radiobutton {
+ padding-left: 13px;
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-radiobutton label {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ display: inline-block;
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-radiobutton > input {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ left: 0.2em;
+ top: 0.2em;
+ z-index: 0;
+ margin: 0;
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-radiobutton > input:focus ~ label:before {
+ border: 1px solid #111011;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-radiobutton > input ~ label:before, :root .osbp-steel .v-select-optiongroup-small .v-radiobutton > input ~ label:after {
+ content: "";
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 10px;
+ height: 10px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border-radius: 0px;
+ font-size: 8px;
+ text-align: center;
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-radiobutton > input ~ label:before {
+ height: 10px;
+ padding: 0 4px;
+ color: #ecebec;
+ font-weight: 400;
+
+
+ border-radius: 0px;
+ border: 1px solid #111011;
+ background: #3d3b3c;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ padding: 0;
+ height: 10px;
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-radiobutton > input ~ label:after {
+ content: "\f00c";
+ font-family: ThemeIcons;
+ color: transparent;
+ -webkit-transition: color 100ms;
+ -moz-transition: color 100ms;
+ transition: color 100ms;
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-radiobutton > input:active ~ label:after {
+ background-color: rgba(31, 29, 30, 0.2);
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-radiobutton > input:checked ~ label:after {
+ color: #5D737E;
+}
+
+.osbp-steel .v-select-optiongroup-small .v-radiobutton > .v-icon, .osbp-steel .v-select-optiongroup-small .v-radiobutton > label .v-icon {
+ margin: 0 3px 0 2px;
+ min-width: 1em;
+ cursor: pointer;
+}
+
+.osbp-steel .v-select-optiongroup-small .v-radiobutton.v-disabled > label, .osbp-steel .v-select-optiongroup-small .v-radiobutton.v-disabled > .v-icon {
+ cursor: default;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-select-optiongroup-small .v-radiobutton.v-disabled > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-radiobutton.v-disabled > input:active ~ label:after {
+ background: transparent;
+}
+
+.osbp-steel .v-select-optiongroup-small .v-radiobutton.v-readonly > label, .osbp-steel .v-select-optiongroup-small .v-radiobutton.v-readonly > .v-icon {
+ cursor: default;
+}
+
+.osbp-steel .v-select-optiongroup-small .v-radiobutton.v-readonly > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-radiobutton.v-readonly > input:active ~ label:after {
+ background: transparent;
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-radiobutton.v-readonly > input ~ label:after {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-radiobutton > input:checked ~ label:after {
+ width: 4px;
+ height: 4px;
+ top: 3px;
+ left: 3px;
+ background: #5D737E;
+}
+
+:root .osbp-steel .v-select-optiongroup-small .v-radiobutton > input ~ label:before, :root .osbp-steel .v-select-optiongroup-small .v-radiobutton > input ~ label:after {
+ border-radius: 50%;
+ content: "";
+}
+
+.osbp-steel .v-select-optiongroup-small .v-radiobutton, .osbp-steel .v-select-optiongroup-small .v-checkbox {
+ display: block;
+ margin: 5px 12px 0 0;
+}
+
+.osbp-steel .v-select-optiongroup-small .v-radiobutton:first-child, .osbp-steel .v-select-optiongroup-small .v-checkbox:first-child {
+ margin-top: 3px;
+}
+
+.osbp-steel .v-select-optiongroup-small .v-radiobutton:last-child, .osbp-steel .v-select-optiongroup-small .v-checkbox:last-child {
+ margin-bottom: 3px;
+}
+
+.osbp-steel .v-select-optiongroup-small.v-has-width label {
+ white-space: normal;
+}
+
+.osbp-steel .v-select-optiongroup-large {
+ font-size: 15px;
+}
+
+.osbp-steel .v-select-optiongroup-large .v-checkbox {
+ position: relative;
+ line-height: 15px;
+ white-space: nowrap;
+}
+
+.osbp-steel .v-select-optiongroup-large .v-checkbox.v-has-width label {
+ white-space: normal;
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-checkbox {
+ padding-left: 19px;
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-checkbox label {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ display: inline-block;
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-checkbox > input {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ left: 0.2em;
+ top: 0.2em;
+ z-index: 0;
+ margin: 0;
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-checkbox > input:focus ~ label:before {
+ border: 1px solid #111011;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-checkbox > input ~ label:before, :root .osbp-steel .v-select-optiongroup-large .v-checkbox > input ~ label:after {
+ content: "";
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 15px;
+ height: 15px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border-radius: 0px;
+ font-size: 12px;
+ text-align: center;
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-checkbox > input ~ label:before {
+ height: 14.5px;
+ padding: 0 6px;
+ color: #ecebec;
+ font-weight: 400;
+
+
+ border-radius: 0px;
+ border: 1px solid #111011;
+ background: #3d3b3c;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ padding: 0;
+ height: 15px;
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-checkbox > input ~ label:after {
+ content: "\f00c";
+ font-family: ThemeIcons;
+ color: transparent;
+ -webkit-transition: color 100ms;
+ -moz-transition: color 100ms;
+ transition: color 100ms;
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-checkbox > input:active ~ label:after {
+ background-color: rgba(31, 29, 30, 0.2);
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-checkbox > input:checked ~ label:after {
+ color: #5D737E;
+}
+
+.osbp-steel .v-select-optiongroup-large .v-checkbox > .v-icon, .osbp-steel .v-select-optiongroup-large .v-checkbox > label .v-icon {
+ margin: 0 5px 0 2px;
+ min-width: 1em;
+ cursor: pointer;
+}
+
+.osbp-steel .v-select-optiongroup-large .v-checkbox.v-disabled > label, .osbp-steel .v-select-optiongroup-large .v-checkbox.v-disabled > .v-icon {
+ cursor: default;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-select-optiongroup-large .v-checkbox.v-disabled > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-checkbox.v-disabled > input:active ~ label:after {
+ background: transparent;
+}
+
+.osbp-steel .v-select-optiongroup-large .v-checkbox.v-readonly > label, .osbp-steel .v-select-optiongroup-large .v-checkbox.v-readonly > .v-icon {
+ cursor: default;
+}
+
+.osbp-steel .v-select-optiongroup-large .v-checkbox.v-readonly > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-checkbox.v-readonly > input:active ~ label:after {
+ background: transparent;
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-checkbox.v-readonly > input ~ label:after {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-select-optiongroup-large .v-radiobutton {
+ position: relative;
+ line-height: 15px;
+ white-space: nowrap;
+}
+
+.osbp-steel .v-select-optiongroup-large .v-radiobutton.v-has-width label {
+ white-space: normal;
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-radiobutton {
+ padding-left: 19px;
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-radiobutton label {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ display: inline-block;
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-radiobutton > input {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ left: 0.2em;
+ top: 0.2em;
+ z-index: 0;
+ margin: 0;
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-radiobutton > input:focus ~ label:before {
+ border: 1px solid #111011;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-radiobutton > input ~ label:before, :root .osbp-steel .v-select-optiongroup-large .v-radiobutton > input ~ label:after {
+ content: "";
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 15px;
+ height: 15px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border-radius: 0px;
+ font-size: 12px;
+ text-align: center;
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-radiobutton > input ~ label:before {
+ height: 14.5px;
+ padding: 0 6px;
+ color: #ecebec;
+ font-weight: 400;
+
+
+ border-radius: 0px;
+ border: 1px solid #111011;
+ background: #3d3b3c;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ padding: 0;
+ height: 15px;
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-radiobutton > input ~ label:after {
+ content: "\f00c";
+ font-family: ThemeIcons;
+ color: transparent;
+ -webkit-transition: color 100ms;
+ -moz-transition: color 100ms;
+ transition: color 100ms;
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-radiobutton > input:active ~ label:after {
+ background-color: rgba(31, 29, 30, 0.2);
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-radiobutton > input:checked ~ label:after {
+ color: #5D737E;
+}
+
+.osbp-steel .v-select-optiongroup-large .v-radiobutton > .v-icon, .osbp-steel .v-select-optiongroup-large .v-radiobutton > label .v-icon {
+ margin: 0 5px 0 2px;
+ min-width: 1em;
+ cursor: pointer;
+}
+
+.osbp-steel .v-select-optiongroup-large .v-radiobutton.v-disabled > label, .osbp-steel .v-select-optiongroup-large .v-radiobutton.v-disabled > .v-icon {
+ cursor: default;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-select-optiongroup-large .v-radiobutton.v-disabled > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-radiobutton.v-disabled > input:active ~ label:after {
+ background: transparent;
+}
+
+.osbp-steel .v-select-optiongroup-large .v-radiobutton.v-readonly > label, .osbp-steel .v-select-optiongroup-large .v-radiobutton.v-readonly > .v-icon {
+ cursor: default;
+}
+
+.osbp-steel .v-select-optiongroup-large .v-radiobutton.v-readonly > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-radiobutton.v-readonly > input:active ~ label:after {
+ background: transparent;
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-radiobutton.v-readonly > input ~ label:after {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-radiobutton > input:checked ~ label:after {
+ width: 5px;
+ height: 5px;
+ top: 5px;
+ left: 5px;
+ background: #5D737E;
+}
+
+:root .osbp-steel .v-select-optiongroup-large .v-radiobutton > input ~ label:before, :root .osbp-steel .v-select-optiongroup-large .v-radiobutton > input ~ label:after {
+ border-radius: 50%;
+ content: "";
+}
+
+.osbp-steel .v-select-optiongroup-large .v-radiobutton, .osbp-steel .v-select-optiongroup-large .v-checkbox {
+ display: block;
+ margin: 7px 12px 0 0;
+}
+
+.osbp-steel .v-select-optiongroup-large .v-radiobutton:first-child, .osbp-steel .v-select-optiongroup-large .v-checkbox:first-child {
+ margin-top: 5px;
+}
+
+.osbp-steel .v-select-optiongroup-large .v-radiobutton:last-child, .osbp-steel .v-select-optiongroup-large .v-checkbox:last-child {
+ margin-bottom: 5px;
+}
+
+.osbp-steel .v-select-optiongroup-large.v-has-width label {
+ white-space: normal;
+}
+
+.osbp-steel .v-select-optiongroup-horizontal {
+ white-space: nowrap;
+}
+
+.osbp-steel .v-select-optiongroup-horizontal .v-radiobutton, .osbp-steel .v-select-optiongroup-horizontal .v-checkbox {
+ display: inline-block;
+}
+
+.osbp-steel .v-select-optiongroup-horizontal.v-has-width {
+ white-space: normal;
+}
+
+.osbp-steel .v-select-optiongroup-horizontal.v-has-width label {
+ white-space: nowrap;
+}
+
+.osbp-steel .v-link {
+ cursor: pointer;
+ color: #5D737E;
+ text-decoration: underline;
+ font-weight: inherit;
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+}
+
+.osbp-steel .v-link:hover {
+ color: #758d99;
+}
+
+.osbp-steel .v-link.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-link a {
+ cursor: inherit;
+ color: inherit;
+ text-decoration: inherit;
+ -webkit-transition: inherit;
+ -moz-transition: inherit;
+ transition: inherit;
+}
+
+.osbp-steel .v-link .v-icon {
+ cursor: inherit;
+}
+
+.osbp-steel .v-link-small {
+ font-size: 11px;
+}
+
+.osbp-steel .v-link-large {
+ font-size: 15px;
+}
+
+.osbp-steel .v-window {
+ padding: 3px 3px;
+ border-radius: 0px;
+ background-color: #4a4849;
+ color: #cccbcc;
+ -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4), 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.51334);
+ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4), 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.51334);
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 16px 80px -6px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(0, 0, 0, 0.51334);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 16px 80px -6px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(0, 0, 0, 0.51334);
+ padding: 0;
+ min-width: 96px !important;
+ min-height: 24px !important;
+ white-space: nowrap;
+ overflow: hidden !important;
+ -webkit-transition: width 200ms, height 200ms, top 200ms, left 200ms;
+ -moz-transition: width 200ms, height 200ms, top 200ms, left 200ms;
+ transition: width 200ms, height 200ms, top 200ms, left 200ms;
+}
+
+.osbp-steel .v-window[class*="animate-in"] {
+ -webkit-animation: valo-animate-in-fade 140ms;
+ -moz-animation: valo-animate-in-fade 140ms;
+ animation: valo-animate-in-fade 140ms;
+}
+
+.osbp-steel .v-window[class*="animate-out"] {
+ -webkit-animation: valo-animate-out-scale-down-fade 100ms;
+ -moz-animation: valo-animate-out-scale-down-fade 100ms;
+ animation: valo-animate-out-scale-down-fade 100ms;
+}
+
+.osbp-steel .v-window.v-window-animate-in {
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+}
+
+.osbp-steel .v-window-modalitycurtain {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background-color: #222;
+ background-image: -webkit-radial-gradient(50% 50%, circle, #222, #222222);
+ background-image: radial-gradient( circle at 50% 50%, #222, #222222);
+ opacity: 0.8;
+ filter: alpha(opacity=80) ;
+ -webkit-animation: valo-animate-in-fade 400ms 100ms backwards;
+ -moz-animation: valo-animate-in-fade 400ms 100ms backwards;
+ animation: valo-animate-in-fade 400ms 100ms backwards;
+}
+
+.v-op12 .osbp-steel .v-window-modalitycurtain {
+ -webkit-animation: none;
+ -moz-animation: none;
+ animation: none;
+}
+
+.osbp-steel .v-window-draggingCurtain {
+ position: fixed !important;
+}
+
+.osbp-steel .v-window-resizingCurtain + .v-window, .osbp-steel .v-window-draggingCurtain + .v-window {
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+}
+
+.osbp-steel .v-window-outerheader {
+ cursor: move;
+ position: absolute;
+ z-index: 2;
+ top: 0;
+ left: 0;
+ right: 0;
+ -webkit-transform: translatez(0);
+ -moz-transform: translatez(0);
+ -ms-transform: translatez(0);
+ -o-transform: translatez(0);
+ transform: translatez(0);
+}
+
+.osbp-steel .v-window-outerheader:after {
+ content: "";
+ position: absolute;
+ bottom: -1px;
+ right: 0;
+ left: 0;
+ height: 0;
+ border-top: 1px solid #111011;
+ border-color: rgba(17, 16, 17, 0.5);
+}
+
+.osbp-steel .v-window-header {
+ line-height: 23px;
+ padding-left: 8px;
+ margin-right: 48px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ color: #a5a3a4;
+}
+
+.osbp-steel .v-window-restorebox-disabled ~ .v-window-closebox ~ .v-window-header, .osbp-steel .v-window-maximizebox-disabled ~ .v-window-closebox ~ .v-window-header {
+ margin-right: 24px;
+}
+
+.osbp-steel .v-window-restorebox-disabled ~ .v-window-closebox-disabled ~ .v-window-header, .osbp-steel .v-window-maximizebox-disabled ~ .v-window-closebox-disabled ~ .v-window-header {
+ margin-right: 8px;
+}
+
+.osbp-steel .v-window-closebox, .osbp-steel .v-window-maximizebox, .osbp-steel .v-window-restorebox {
+ position: absolute;
+ z-index: 3;
+ top: 0;
+ right: 0;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 21px;
+ height: 23px;
+ background-color: #4a4849;
+ line-height: 21px;
+ text-align: center;
+ cursor: pointer;
+ font-size: 16px;
+ color: #939092;
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+}
+
+.osbp-steel .v-window-closebox:focus, .osbp-steel .v-window-maximizebox:focus, .osbp-steel .v-window-restorebox:focus {
+ outline: none;
+}
+
+.osbp-steel .v-window-closebox:hover, .osbp-steel .v-window-maximizebox:hover, .osbp-steel .v-window-restorebox:hover {
+ opacity: 1;
+ filter: none ;
+ color: #5D737E;
+}
+
+.osbp-steel .v-window-closebox:active, .osbp-steel .v-window-maximizebox:active, .osbp-steel .v-window-restorebox:active {
+ color: inherit;
+}
+
+.osbp-steel .v-window-closebox {
+ padding-right: 3px;
+}
+
+.osbp-steel .v-window-closebox:before {
+ content: "\00d7";
+}
+
+.osbp-steel .v-window-maximizebox, .osbp-steel .v-window-restorebox {
+ right: 21px;
+ padding-left: 3px;
+}
+
+.osbp-steel .v-window-closebox-disabled, .osbp-steel .v-window-resizebox-disabled, .osbp-steel .v-window-restorebox-disabled, .osbp-steel .v-window-maximizebox-disabled {
+ display: none;
+}
+
+.osbp-steel .v-window-closebox-disabled + .v-window-closebox, .osbp-steel .v-window-resizebox-disabled + .v-window-closebox, .osbp-steel .v-window-restorebox-disabled + .v-window-closebox, .osbp-steel .v-window-maximizebox-disabled + .v-window-closebox {
+ width: 24px;
+ padding-right: 0;
+ border-bottom-left-radius: 0px;
+}
+
+.osbp-steel .v-window-maximizebox:before {
+ content: "+";
+}
+
+.osbp-steel .v-window-restorebox:before {
+ content: "\2013";
+}
+
+.osbp-steel .v-window > .popupContent, .osbp-steel .v-window-wrap, .osbp-steel .v-window-contents, .osbp-steel .v-window-contents > .v-scrollable {
+ height: 100%;
+}
+
+.osbp-steel .v-window-contents {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border-radius: 0px;
+ margin-top: 0 !important;
+}
+
+.osbp-steel .v-window-contents > .v-scrollable {
+ position: relative;
+}
+
+.osbp-steel .v-window-contents > .v-scrollable > .v-margin-top {
+ padding-top: 8px;
+}
+
+.osbp-steel .v-window-contents > .v-scrollable > .v-margin-right {
+ padding-right: 8px;
+}
+
+.osbp-steel .v-window-contents > .v-scrollable > .v-margin-bottom {
+ padding-bottom: 8px;
+}
+
+.osbp-steel .v-window-contents > .v-scrollable > .v-margin-left {
+ padding-left: 8px;
+}
+
+.osbp-steel .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-top"] > tbody > [class*="firstrow"] > td {
+ padding-top: 8px;
+}
+
+.osbp-steel .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-bottom"] > tbody > [class*="lastrow"] > td {
+ padding-bottom: 8px;
+}
+
+.osbp-steel .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="captioncell"] {
+ padding-left: 8px;
+}
+
+.osbp-steel .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h2, .osbp-steel .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h3, .osbp-steel .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h4 {
+ left: 8px;
+}
+
+.osbp-steel .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] {
+ padding-right: 8px;
+}
+
+.osbp-steel .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h2, .osbp-steel .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h3, .osbp-steel .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h4 {
+ right: 8px;
+}
+
+.osbp-steel .v-window-contents > .v-scrollable:focus {
+ outline: none;
+}
+
+.osbp-steel .v-window-contents > .v-scrollable:before {
+ content: "";
+ position: absolute;
+ z-index: 2;
+ top: 0;
+ height: 0;
+ border-top: 1px solid #4a4849;
+ left: 0;
+ right: 0;
+}
+
+.osbp-steel .v-window-contents > .v-scrollable .v-panel-captionwrap:after {
+ border-color: #111011;
+}
+
+.osbp-steel .v-window-contents > .v-scrollable .v-panel-content:before {
+ border-color: #4a4849;
+}
+
+.osbp-steel .v-window-footer {
+ height: 0;
+}
+
+.osbp-steel .v-window-resizebox {
+ position: absolute;
+ z-index: 1000;
+ right: 0;
+ bottom: 0;
+ width: 12px;
+ height: 12px;
+ cursor: nwse-resize;
+}
+
+.v-ie8 .osbp-steel .v-window-resizebox {
+ background: #000;
+ filter: alpha(opacity=0.1);
+}
+
+.v-ie8 .osbp-steel .v-window-resizebox, .v-ie9 .osbp-steel .v-window-resizebox {
+ cursor: se-resize;
+}
+
+.osbp-steel .v-window-modalitycurtain:active ~ .v-window {
+ -webkit-animation: none;
+ -moz-animation: none;
+ animation: none;
+}
+
+.osbp-steel .v-window-top-toolbar > .v-widget, .osbp-steel .v-window-bottom-toolbar > .v-widget {
+ vertical-align: top;
+}
+
+.osbp-steel .v-window-top-toolbar .v-label, .osbp-steel .v-window-bottom-toolbar .v-label {
+ line-height: 23px;
+}
+
+.osbp-steel .v-window-top-toolbar .v-spacing, .osbp-steel .v-window-bottom-toolbar .v-spacing {
+ width: 4px;
+}
+
+.osbp-steel .v-window-top-toolbar.v-layout {
+ padding: 5px 8px;
+ position: relative;
+ z-index: 2;
+ border-top: 1px solid #111011;
+ border-bottom: 1px solid #111011;
+ background-color: #3d3b3c;
+}
+
+.osbp-steel .v-window-top-toolbar.v-menubar {
+ margin: 8px 8px 4px;
+}
+
+.osbp-steel .v-window-top-toolbar.v-menubar-borderless {
+ padding-left: 4px;
+ padding-right: 4px;
+ margin: 3px 0;
+}
+
+.osbp-steel .v-window-bottom-toolbar.v-layout {
+ padding: 5px 8px;
+ background-color: #3d3b3c;
+ background-image: -webkit-linear-gradient(top, #3d3b3c 0, #3d3b3c 2px);
+ background-image: linear-gradient(to bottom,#3d3b3c 0, #3d3b3c 2px);
+ border-top: 1px solid #111011;
+ border-radius: 0 0 0px 0px;
+}
+
+.osbp-steel .v-margin-left.v-margin-right.v-margin-top .v-window-top-toolbar.v-layout {
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ margin: -8px -8px 0;
+}
+
+.osbp-steel .v-margin-left.v-margin-right.v-margin-top .v-window-top-toolbar.v-menubar {
+ margin: 0;
+}
+
+.osbp-steel .v-margin-left.v-margin-right.v-margin-top .v-window-top-toolbar.v-menubar-borderless {
+ margin: -4px -4px 0;
+ padding: 0;
+}
+
+.osbp-steel .v-margin-left.v-margin-right.v-margin-bottom .v-window-bottom-toolbar.v-layout {
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ margin: 0 -8px -8px;
+}
+
+.osbp-steel .v-tree {
+ position: relative;
+ white-space: nowrap;
+}
+
+.osbp-steel .v-tree:focus {
+ outline: none;
+}
+
+.osbp-steel .v-tree-node:before {
+ content: "";
+ position: absolute;
+ display: inline-block;
+ z-index: 3;
+ width: 1.9em;
+ height: 18px;
+ cursor: pointer;
+ background: red;
+ opacity: 0;
+}
+
+.v-ie8 .osbp-steel .v-tree-node:before {
+ position: static;
+ margin-left: -1.9em;
+ vertical-align: top;
+ content: "\f0da";
+ font-family: ThemeIcons;
+ text-align: center;
+ background: transparent;
+}
+
+.v-ie8 .osbp-steel .v-tree-node {
+ padding-left: 1.9em;
+}
+
+.osbp-steel .v-tree-node-caption {
+ height: 18px;
+ line-height: 17px;
+ overflow: hidden;
+ white-space: nowrap;
+ vertical-align: top;
+}
+
+.osbp-steel .v-tree-node-caption > div {
+ display: inline-block;
+ width: 100%;
+ position: relative;
+ z-index: 2;
+}
+
+.osbp-steel .v-tree-node-caption > div:before {
+ content: "\f0da";
+ font-family: ThemeIcons;
+ display: inline-block;
+ width: 0.5em;
+ text-align: center;
+ margin: 0 0.6em 0 0.8em;
+ -webkit-transition: all 100ms;
+ -moz-transition: all 100ms;
+ transition: all 100ms;
+}
+
+.v-ie8 .osbp-steel .v-tree-node-caption > div:before {
+ display: none;
+}
+
+.osbp-steel .v-tree-node-caption span {
+ padding-right: 18px;
+ cursor: pointer;
+ display: inline-block;
+ width: 100%;
+}
+
+.v-ie .osbp-steel .v-tree-node-caption span {
+ width: auto;
+}
+
+.osbp-steel .v-tree-node-caption .v-icon {
+ padding-right: 0;
+ width: auto;
+ min-width: 1em;
+}
+
+.osbp-steel .v-tree-node-caption:after {
+ content: "";
+ display: block;
+ vertical-align: top;
+ position: absolute;
+ z-index: 1;
+ left: 0;
+ margin-top: -18px;
+ width: 100%;
+ height: 18px;
+ border-radius: 0px;
+ opacity: 0;
+ -webkit-transition: opacity 120ms;
+ -moz-transition: opacity 120ms;
+ transition: opacity 120ms;
+}
+
+.v-ie8 .osbp-steel .v-tree-node-caption:after {
+ content: none;
+}
+
+.v-ie8 .osbp-steel .v-tree-node-caption {
+ display: inline-block;
+}
+
+.osbp-steel .v-tree-node-expanded > .v-tree-node-caption > div:before {
+ -webkit-transform: rotate(90deg);
+ -moz-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ -o-transform: rotate(90deg);
+ transform: rotate(90deg);
+ content: "\f0da";
+ font-family: ThemeIcons;
+}
+
+.v-ie8 .osbp-steel .v-tree-node-expanded:before {
+ content: "\f0d7";
+ font-family: ThemeIcons;
+}
+
+.osbp-steel .v-tree-node-leaf:before, .osbp-steel .v-tree-node-leaf > .v-tree-node-caption > div:before {
+ visibility: hidden;
+}
+
+.osbp-steel .v-tree-node-focused:after {
+ opacity: 1;
+ border: 1px solid #5D737E;
+}
+
+.v-ie8 .osbp-steel .v-tree-node-focused {
+ outline: 1px dotted #5D737E;
+}
+
+.osbp-steel .v-tree-node-selected {
+ color: #eff1f2;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .v-tree-node-selected:after {
+ opacity: 1;
+ background: #5D737E;
+ border: none;
+}
+
+.v-ie8 .osbp-steel .v-tree-node-selected {
+ background: #5D737E;
+}
+
+.osbp-steel .v-tree-node-children {
+ padding-left: 12px;
+}
+
+.v-ie8 .osbp-steel .v-tree-node-children {
+ padding-left: 0;
+}
+
+.osbp-steel .v-tree-node-drag-top:before, .osbp-steel .v-tree-node-drag-bottom:after, .osbp-steel .v-tree-node-drag-bottom.v-tree-node-dragfolder.v-tree-node-expanded > .v-tree-node-children:before {
+ content: "\2022";
+ display: block;
+ position: absolute;
+ height: 2px;
+ width: 100%;
+ background: #5D737E;
+ font-size: 24px;
+ line-height: 2px;
+ color: #5D737E;
+ text-indent: -3px;
+ text-shadow: 0 0 1px #3d3b3c, 0 0 1px #3d3b3c;
+ opacity: 1;
+ visibility: visible;
+}
+
+.osbp-steel .v-tree-node-drag-bottom.v-tree-node-dragfolder.v-tree-node-expanded:after {
+ content: none;
+}
+
+.osbp-steel .v-tree-node-caption-drag-center {
+ -webkit-box-shadow: 0 0 0 2px #5D737E;
+ box-shadow: 0 0 0 2px #5D737E;
+ position: relative;
+ border-radius: 0px;
+}
+
+.v-ie8 .osbp-steel .v-tree-node-caption-drag-center {
+ outline: 2px solid #5D737E;
+}
+
+.v-ff .osbp-steel .v-tree-node-drag-top:before, .v-ff .osbp-steel .v-tree-node-drag-bottom:after {
+ line-height: 1px;
+}
+
+.v-ie8 .osbp-steel .v-tree-node-drag-top:before, .v-ie8 .osbp-steel .v-tree-node-drag-bottom:after {
+ line-height: 0;
+}
+
+.osbp-steel .v-table {
+ position: relative;
+ background: #3d3b3c;
+ color: #c9c8c8;
+ overflow: hidden;
+}
+
+.osbp-steel .v-table-header table, .osbp-steel .v-table-footer table, .osbp-steel .v-table-table {
+ -webkit-box-shadow: 0 0 0 1px #111011;
+ box-shadow: 0 0 0 1px #111011;
+}
+
+.v-ie8 .osbp-steel .v-table-header table, .v-ie8 .osbp-steel .v-table-footer table, .v-ie8 .osbp-steel .v-table-table {
+ outline: 1px solid #111011;
+}
+
+.osbp-steel .v-table-header-wrap, .osbp-steel .v-table-footer-wrap, .osbp-steel .v-table-header-drag {
+ border: 1px solid #111011;
+ background: #3d3b3c;
+ white-space: nowrap;
+ font-size: 10px;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .v-table-header-wrap {
+ position: relative;
+ border-bottom: none;
+}
+
+.osbp-steel .v-table-footer-wrap {
+ border-top: none;
+}
+
+.osbp-steel .v-table-footer td {
+ border-left: 1px solid #111011;
+}
+
+.osbp-steel .v-table-footer-container, .osbp-steel .v-table-caption-container {
+ overflow: hidden;
+ line-height: 1;
+ min-height: 24px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.v-ie8 .osbp-steel .v-table-footer-container, .v-ie8 .osbp-steel .v-table-caption-container {
+ min-height: 11px;
+}
+
+.osbp-steel .v-table-footer-container {
+ padding: 6px 8px 7px;
+ float: right;
+}
+
+.osbp-steel [class^="v-table-header-cell"] {
+ position: relative;
+}
+
+.osbp-steel .v-table-caption-container, .osbp-steel .v-table-header-drag {
+ padding: 7px 8px 6px;
+ border-left: 1px solid #111011;
+}
+
+.osbp-steel .v-table-caption-container-align-right {
+ padding-right: 3px;
+}
+
+.osbp-steel .v-table-resizer {
+ height: 24px;
+ width: 5px;
+ cursor: e-resize;
+ cursor: col-resize;
+ position: relative;
+ right: -3px;
+ z-index: 1;
+ margin-left: -5px;
+}
+
+.osbp-steel .v-table-cell-content {
+ border-left: 1px solid #111011;
+ overflow: hidden;
+ height: 24px;
+ vertical-align: middle;
+}
+
+.osbp-steel .v-table-cell-content:first-child {
+ border-left: none;
+ padding-left: 1px;
+}
+
+.osbp-steel .v-table-header td:first-child .v-table-caption-container, .osbp-steel .v-table-footer td:first-child {
+ border-left-color: transparent;
+}
+
+.osbp-steel .v-table-cell-wrapper {
+ line-height: 1;
+ padding: 0 8px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ margin-right: 0 !important;
+}
+
+.osbp-steel .v-table-cell-wrapper > .v-widget {
+ margin: 2px -4px;
+}
+
+.osbp-steel .v-table-cell-wrapper > .v-widget.v-label, .osbp-steel .v-table-cell-wrapper > .v-widget.v-checkbox, .osbp-steel .v-table-cell-wrapper > .v-widget.v-select-optiongroup {
+ margin: 0;
+}
+
+.osbp-steel .v-table-cell-wrapper > .v-widget.v-progressbar {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+.osbp-steel .v-table-body {
+ border: 1px solid #111011;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+}
+
+.osbp-steel .v-table-table {
+ background-color: #3d3b3c;
+ white-space: nowrap;
+}
+
+.osbp-steel .v-table-table td {
+ border-top: 1px solid #111011;
+}
+
+.osbp-steel .v-table-table tr:first-child > td {
+ border-top: none;
+}
+
+.osbp-steel .v-table-row {
+ background-color: #3d3b3c;
+ cursor: pointer;
+}
+
+.osbp-steel .v-table-row-odd {
+ background-color: #3b393a;
+ cursor: pointer;
+}
+
+.osbp-steel .v-table-body-noselection .v-table-row, .osbp-steel .v-table-body-noselection .v-table-row-odd {
+ cursor: default;
+}
+
+.osbp-steel .v-table [class*="-row"].v-selected {
+ background: #5D737E;
+ background-origin: border-box;
+ color: #eff1f2;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .v-table [class*="-row"].v-selected + .v-selected {
+ background: #5D737E;
+}
+
+.osbp-steel .v-table [class*="-row"].v-selected + .v-selected td {
+ border-top-color: #5D737E;
+}
+
+.osbp-steel .v-table [class*="-row"].v-selected .v-table-cell-content {
+ border-color: transparent;
+ border-left-color: #535b5f;
+}
+
+.osbp-steel .v-table [class*="-row"].v-selected .v-table-cell-content:first-child {
+ border-left-color: transparent;
+}
+
+.osbp-steel .v-table-header-cell-asc .v-table-sort-indicator, .osbp-steel .v-table-header-cell-desc .v-table-sort-indicator {
+ background: transparent;
+ width: 12px;
+ height: 24px;
+ line-height: 24px;
+ margin-left: -12px;
+}
+
+.osbp-steel .v-table-header-cell-asc .v-table-sort-indicator:before, .osbp-steel .v-table-header-cell-desc .v-table-sort-indicator:before {
+ font-style: normal;
+ font-weight: normal;
+ display: inline-block;
+}
+
+.osbp-steel .v-table-header-cell-asc .v-table-sort-indicator:before {
+ content: "\f0de";
+ font-family: ThemeIcons;
+}
+
+.osbp-steel .v-table-header-cell-desc .v-table-sort-indicator:before {
+ content: "\f0dd";
+ font-family: ThemeIcons;
+}
+
+.osbp-steel [class*="rowheader"] span.v-icon {
+ min-width: 1em;
+}
+
+.osbp-steel .v-table-focus {
+ outline: 1px solid #5D737E;
+ outline-offset: -1px;
+}
+
+.osbp-steel .v-drag-element.v-table-focus, .osbp-steel .v-drag-element .v-table-focus {
+ outline: none;
+}
+
+.osbp-steel .v-table-header-drag {
+ position: absolute;
+ opacity: 0.9;
+ filter: alpha(opacity=90) ;
+ margin-top: -12px;
+ z-index: 30000;
+ line-height: 1;
+}
+
+.osbp-steel .v-table-focus-slot-right {
+ border-right: 3px solid #5D737E;
+ right: -2px;
+ margin-left: -8px !important;
+}
+
+.osbp-steel .v-table-focus-slot-left {
+ float: left;
+ border-left: 3px solid #5D737E;
+ left: -1px;
+ right: auto;
+ margin-left: 0 !important;
+ margin-right: -8px;
+}
+
+.osbp-steel .v-table-column-selector {
+ height: 24px;
+ padding: 0 10px;
+ color: #ecebec;
+ font-weight: 400;
+
+
+ border-radius: 0px;
+ border: 1px solid #111011;
+ background: #3d3b3c;
+
+
+ position: absolute;
+ z-index: 2;
+ top: 0;
+ right: 0;
+ width: 12px;
+ height: 12px;
+ line-height: 12px;
+ padding: 0;
+ border-top-width: 0;
+ border-right-width: 0;
+ border-radius: 0 0 0 0px;
+ cursor: pointer;
+ text-align: center;
+ opacity: 0;
+ filter: alpha(opacity=0) ;
+ -webkit-transition: opacity 200ms 2s;
+ -moz-transition: opacity 200ms 2s;
+ transition: opacity 200ms 2s;
+}
+
+.osbp-steel .v-table-column-selector:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-steel .v-table-column-selector:hover:after {
+ background-color: rgba(100, 97, 98, 0.1);
+}
+
+.osbp-steel .v-table-column-selector:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+}
+
+.osbp-steel .v-table-column-selector:active:after {
+ background-color: rgba(31, 29, 30, 0.2);
+}
+
+.osbp-steel .v-table-column-selector:after {
+ content: "";
+ position: absolute;
+ border: none;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+
+.osbp-steel .v-table-column-selector:active:after {
+ background-color: rgba(31, 29, 30, 0.2);
+}
+
+.osbp-steel .v-table-column-selector:before {
+ font-family: ThemeIcons;
+ content: "\f013";
+}
+
+.osbp-steel .v-table-header-wrap:hover .v-table-column-selector {
+ opacity: 1;
+ filter: none ;
+ -webkit-transition-delay: 200ms;
+ -moz-transition-delay: 200ms;
+ transition-delay: 200ms;
+}
+
+.osbp-steel .v-on:before, .osbp-steel .v-off:before {
+ content: "\f00c";
+ font-family: ThemeIcons;
+ font-size: 0.9em;
+ margin-right: 4px;
+}
+
+.osbp-steel .v-on div, .osbp-steel .v-off div {
+ display: inline;
+}
+
+.osbp-steel .v-off:before {
+ visibility: hidden;
+}
+
+.osbp-steel tbody.v-drag-element {
+ display: block;
+ overflow: visible;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: transparent;
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-steel tbody.v-drag-element tr {
+ display: block;
+
+
+ -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+ border-radius: 0px;
+ overflow: hidden;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+ background: #3d3b3c;
+}
+
+.osbp-steel .v-table-body {
+ position: relative;
+ z-index: 1;
+}
+
+.osbp-steel .v-table-scrollposition {
+ position: absolute;
+ top: 50%;
+ width: 100%;
+ height: 24px;
+ line-height: 24px;
+ margin: -12px 0 0 !important;
+ text-align: center;
+}
+
+.osbp-steel .v-table-drag {
+ overflow: visible;
+}
+
+.osbp-steel .v-table-drag .v-table-body {
+ -webkit-box-shadow: 0 0 0 2px rgba(93, 115, 126, 0.5);
+ box-shadow: 0 0 0 2px rgba(93, 115, 126, 0.5);
+}
+
+.v-ie8 .osbp-steel .v-table-drag .v-table-body {
+ border-color: #5D737E;
+}
+
+.osbp-steel .v-table-drag .v-table-body .v-table-focus {
+ outline: none;
+}
+
+.osbp-steel .v-table-row-drag-middle .v-table-cell-content {
+ background-color: #434649;
+ color: #cacbcd;
+}
+
+.osbp-steel .v-table-row-drag-bottom td.v-table-cell-content {
+ border-bottom: 2px solid #5D737E;
+ height: 22px;
+}
+
+.osbp-steel .v-table-row-drag-bottom .v-table-cell-wrapper {
+ margin-bottom: -2px;
+}
+
+.osbp-steel .v-table-row-drag-top td.v-table-cell-content {
+ border-top: 2px solid #5D737E;
+ height: 23px;
+}
+
+.osbp-steel .v-table-row-drag-top .v-table-cell-wrapper {
+ margin-top: -1px;
+}
+
+.osbp-steel .v-table-no-stripes .v-table-row, .osbp-steel .v-table-no-stripes .v-table-row-odd {
+ background: transparent;
+}
+
+.osbp-steel .v-table-no-vertical-lines .v-table-cell-content {
+ border-left: none;
+ padding-left: 1px;
+}
+
+.osbp-steel .v-table-no-vertical-lines.v-treetable .v-table-cell-content {
+ padding-left: 9px;
+}
+
+.osbp-steel .v-table-no-horizontal-lines .v-table-cell-content {
+ border-top: none;
+ border-bottom: none;
+}
+
+.osbp-steel .v-table-no-horizontal-lines .v-table-row-drag-top .v-table-cell-content, .osbp-steel .v-table-no-horizontal-lines .v-table-row-drag-bottom .v-table-cell-content {
+ height: 23px;
+}
+
+.osbp-steel .v-table-no-header .v-table-header-wrap {
+ display: none;
+}
+
+.osbp-steel .v-table-borderless .v-table-header-wrap, .osbp-steel .v-table-borderless .v-table-footer-wrap, .osbp-steel .v-table-borderless .v-table-header-drag, .osbp-steel .v-table-borderless .v-table-body {
+ border: none;
+}
+
+.osbp-steel .v-table-borderless .v-table-header-wrap {
+ border-bottom: 1px solid #111011;
+}
+
+.osbp-steel .v-table-borderless .v-table-footer-wrap {
+ border-top: 1px solid #111011;
+}
+
+.osbp-steel .v-table-compact .v-table-header-wrap, .osbp-steel .v-table-compact .v-table-footer-wrap, .osbp-steel .v-table-compact .v-table-header-drag, .osbp-steel .v-table-small .v-table-header-wrap, .osbp-steel .v-table-small .v-table-footer-wrap, .osbp-steel .v-table-small .v-table-header-drag {
+ font-size: 10px;
+}
+
+.osbp-steel .v-table-compact .v-table-footer-container, .osbp-steel .v-table-small .v-table-footer-container {
+ padding: 4px 5px 5px;
+}
+
+.osbp-steel .v-table-compact .v-table-caption-container, .osbp-steel .v-table-compact .v-table-header-drag, .osbp-steel .v-table-small .v-table-caption-container, .osbp-steel .v-table-small .v-table-header-drag {
+ padding-top: 5px;
+ padding-bottom: 4px;
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.osbp-steel .v-table-compact .v-table-caption-container-align-right, .osbp-steel .v-table-small .v-table-caption-container-align-right {
+ padding-right: 0;
+}
+
+.osbp-steel .v-table-compact .v-table-resizer, .osbp-steel .v-table-small .v-table-resizer {
+ height: 20px;
+}
+
+.osbp-steel .v-table-compact .v-table-cell-content, .osbp-steel .v-table-small .v-table-cell-content {
+ height: 20px;
+}
+
+.osbp-steel .v-table-compact .v-table-cell-wrapper, .osbp-steel .v-table-small .v-table-cell-wrapper {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.osbp-steel .v-table-compact .v-table-cell-wrapper > .v-widget, .osbp-steel .v-table-small .v-table-cell-wrapper > .v-widget {
+ margin: 1px -2px;
+}
+
+.osbp-steel .v-table-compact .v-table-cell-wrapper > .v-widget.v-label, .osbp-steel .v-table-compact .v-table-cell-wrapper > .v-widget.v-checkbox, .osbp-steel .v-table-compact .v-table-cell-wrapper > .v-widget.v-select-optiongroup, .osbp-steel .v-table-small .v-table-cell-wrapper > .v-widget.v-label, .osbp-steel .v-table-small .v-table-cell-wrapper > .v-widget.v-checkbox, .osbp-steel .v-table-small .v-table-cell-wrapper > .v-widget.v-select-optiongroup {
+ margin: 0;
+}
+
+.osbp-steel .v-table-compact .v-table-cell-wrapper > .v-widget.v-progressbar, .osbp-steel .v-table-small .v-table-cell-wrapper > .v-widget.v-progressbar {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+.osbp-steel .v-table-compact .v-table-header-cell-asc .v-table-sort-indicator, .osbp-steel .v-table-compact .v-table-header-cell-desc .v-table-sort-indicator, .osbp-steel .v-table-small .v-table-header-cell-asc .v-table-sort-indicator, .osbp-steel .v-table-small .v-table-header-cell-desc .v-table-sort-indicator {
+ height: 20px;
+ line-height: 20px;
+}
+
+.osbp-steel .v-table-compact .v-table-header-drag, .osbp-steel .v-table-small .v-table-header-drag {
+ margin-top: -10px;
+}
+
+.osbp-steel .v-table-compact.v-treetable .v-table-cell-wrapper, .osbp-steel .v-table-small.v-treetable .v-table-cell-wrapper {
+ padding-left: 0;
+ padding-right: 0;
+ min-height: 12px;
+}
+
+.osbp-steel .v-table-compact.v-treetable .v-table-cell-content, .osbp-steel .v-table-small.v-treetable .v-table-cell-content {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.osbp-steel .v-table-compact.v-treetable .v-table-cell-content:first-child, .osbp-steel .v-table-small.v-treetable .v-table-cell-content:first-child {
+ padding-left: 5px;
+}
+
+.osbp-steel .v-table-compact.v-treetable .v-table-footer-container, .osbp-steel .v-table-small.v-treetable .v-table-footer-container {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.osbp-steel .v-table-compact .v-table-row-drag-top .v-table-cell-content, .osbp-steel .v-table-compact .v-table-row-drag-bottom .v-table-cell-content, .osbp-steel .v-table-small .v-table-row-drag-top .v-table-cell-content, .osbp-steel .v-table-small .v-table-row-drag-bottom .v-table-cell-content {
+ height: 19px;
+}
+
+.osbp-steel .v-table-small {
+ font-size: 11px;
+}
+
+.osbp-steel .v-table-small.v-treetable .v-table-cell-wrapper {
+ min-height: 11px;
+}
+
+.osbp-steel .v-treetable [class*="caption-container"], .osbp-steel .v-treetable [class*="footer-container"], .osbp-steel .v-treetable [class*="cell-wrapper"] {
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.osbp-steel .v-treetable [class*="caption-container"], .osbp-steel .v-treetable [class*="footer-container"] {
+ min-height: 11px;
+}
+
+.osbp-steel .v-treetable [class*="cell-wrapper"] {
+ min-height: 12px;
+}
+
+.osbp-steel .v-treetable [class*="caption-container"] {
+ padding-left: 8px;
+}
+
+.osbp-steel .v-treetable [class*="caption-container-align-right"] {
+ padding-left: 13px;
+}
+
+.osbp-steel .v-treetable [class*="footer-container"] {
+ padding-right: 8px;
+}
+
+.osbp-steel .v-treetable [class*="cell-content"] {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+.osbp-steel .v-treetable [class*="cell-content"]:first-child {
+ padding-left: 9px;
+}
+
+.osbp-steel .v-treetable-treespacer {
+ display: inline-block;
+ position: absolute;
+ width: 12px !important;
+ margin-left: -16px;
+ text-align: center;
+ cursor: pointer;
+}
+
+.osbp-steel .v-treetable-node-closed:before {
+ content: "\f0da";
+ font-family: ThemeIcons;
+}
+
+.osbp-steel .v-treetable-node-open:before {
+ content: "\f0d7";
+ font-family: ThemeIcons;
+}
+
+.osbp-steel .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter {
+ width: 1px;
+}
+
+.osbp-steel .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter:after {
+ left: -4px;
+ right: -4px;
+}
+
+.osbp-steel .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before {
+ height: 24px;
+ padding: 0 10px;
+ color: #ecebec;
+ font-weight: 400;
+
+
+ border-radius: 0px;
+ border: 1px solid #111011;
+ background: #3d3b3c;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ height: auto;
+ padding: 0;
+ border-radius: 0;
+ background: #3d3b3c;
+}
+
+.osbp-steel .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-steel .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:hover:after {
+ background-color: rgba(100, 97, 98, 0.1);
+}
+
+.osbp-steel .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+}
+
+.osbp-steel .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:active:after {
+ background-color: rgba(31, 29, 30, 0.2);
+}
+
+.osbp-steel .v-splitpanel-horizontal > div > .v-splitpanel-second-container {
+ margin-left: 1px;
+}
+
+.osbp-steel .v-splitpanel-vertical > div > .v-splitpanel-vsplitter {
+ height: 1px;
+}
+
+.osbp-steel .v-splitpanel-vertical > div > .v-splitpanel-vsplitter:after {
+ top: -4px;
+ bottom: -4px;
+}
+
+.osbp-steel .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before {
+ height: 24px;
+ padding: 0 10px;
+ color: #ecebec;
+ font-weight: 400;
+
+
+ border-radius: 0px;
+ border: 1px solid #111011;
+ background: #3d3b3c;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ height: auto;
+ padding: 0;
+ border-radius: 0;
+}
+
+.osbp-steel .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-steel .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:hover:after {
+ background-color: rgba(100, 97, 98, 0.1);
+}
+
+.osbp-steel .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+}
+
+.osbp-steel .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:active:after {
+ background-color: rgba(31, 29, 30, 0.2);
+}
+
+.osbp-steel .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter {
+ width: 8px;
+}
+
+.osbp-steel .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter:after {
+ left: 0px;
+ right: 0px;
+}
+
+.osbp-steel .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:before {
+ height: 24px;
+ padding: 0 10px;
+ color: #ecebec;
+ font-weight: 400;
+
+
+ border-radius: 0px;
+ border: 1px solid #111011;
+ background: #3d3b3c;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ height: auto;
+ padding: 0;
+ border-radius: 0;
+ background: #3d3b3c;
+}
+
+.osbp-steel .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:before:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-steel .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:before:hover:after {
+ background-color: rgba(100, 97, 98, 0.1);
+}
+
+.osbp-steel .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:before:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+}
+
+.osbp-steel .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:before:active:after {
+ background-color: rgba(31, 29, 30, 0.2);
+}
+
+.osbp-steel .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:after {
+ content: "";
+ border: 1px solid #111011;
+ border-top-color: #111011;
+ border-left-color: #111011;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 0;
+ height: 24px;
+ margin-left: -1px;
+ margin-top: -12px;
+}
+
+.osbp-steel .v-splitpanel-horizontal.large > div > .v-splitpanel-second-container {
+ margin-left: 8px;
+}
+
+.osbp-steel .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter {
+ height: 8px;
+}
+
+.osbp-steel .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter:after {
+ top: 0px;
+ bottom: 0px;
+}
+
+.osbp-steel .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:before {
+ height: 24px;
+ padding: 0 10px;
+ color: #ecebec;
+ font-weight: 400;
+
+
+ border-radius: 0px;
+ border: 1px solid #111011;
+ background: #3d3b3c;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ height: auto;
+ padding: 0;
+ border-radius: 0;
+}
+
+.osbp-steel .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:before:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-steel .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:before:hover:after {
+ background-color: rgba(100, 97, 98, 0.1);
+}
+
+.osbp-steel .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:before:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+}
+
+.osbp-steel .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:before:active:after {
+ background-color: rgba(31, 29, 30, 0.2);
+}
+
+.osbp-steel .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:after {
+ content: "";
+ border: 1px solid #111011;
+ border-top-color: #111011;
+ border-left-color: #111011;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 24px;
+ height: 0;
+ margin-left: -12px;
+ margin-top: -1px;
+}
+
+.osbp-steel .v-progressbar-wrapper {
+ border-radius: 0px;
+ height: 6px;
+ background: #343233;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ min-width: 48px;
+}
+
+.osbp-steel .v-progressbar-indicator {
+ border-radius: 0px;
+ height: inherit;
+ background: #5D737E;
+
+
+ border: 1px solid #111011;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ max-width: 100%;
+ min-width: 3px;
+ -webkit-transition: width 160ms;
+ -moz-transition: width 160ms;
+ transition: width 160ms;
+}
+
+.osbp-steel .v-progressbar-point .v-progressbar-indicator {
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: none;
+ text-align: right;
+ overflow: hidden;
+}
+
+.osbp-steel .v-progressbar-point .v-progressbar-indicator:before {
+ content: "";
+ display: inline-block;
+ border-radius: 0px;
+ height: inherit;
+ background: #5D737E;
+
+
+ border: 1px solid #111011;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ max-width: 100%;
+ width: 6px;
+ vertical-align: top;
+}
+
+.osbp-steel .v-progressbar-indeterminate {
+ height: 24px !important;
+ width: 24px !important;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border: 2px solid rgba(93, 115, 126, 0.2);
+ border-top-color: #5D737E;
+ border-right-color: #5D737E;
+ border-radius: 100%;
+ -webkit-animation: v-rotate-360 500ms infinite linear;
+ -moz-animation: v-rotate-360 500ms infinite linear;
+ animation: v-rotate-360 500ms infinite linear;
+ pointer-events: none;
+}
+
+.v-ie8 .osbp-steel .v-progressbar-indeterminate, .v-ie9 .osbp-steel .v-progressbar-indeterminate {
+ border: none;
+ border-radius: 0px;
+ background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50% 50%;
+ background-size: 80%;
+}
+
+.v-ie8 .osbp-steel .v-progressbar-indeterminate {
+ min-width: 30px;
+ min-height: 30px;
+}
+
+.osbp-steel .v-progressbar-indeterminate .v-progressbar-wrapper {
+ display: none;
+}
+
+.osbp-steel .v-slider {
+ position: relative;
+}
+
+.osbp-steel .v-slider:focus {
+ outline: none;
+}
+
+.osbp-steel .v-slider:focus .v-slider-handle:after {
+ opacity: 1;
+}
+
+.v-ie8 .osbp-steel .v-slider:focus .v-slider-handle:after {
+ visibility: visible;
+}
+
+.osbp-steel .v-slider.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-slider-base {
+ border-radius: 0px;
+ height: 6px;
+ background: #343233;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ min-width: 48px;
+ height: 4px;
+ margin: 11px 7px;
+ white-space: nowrap;
+ overflow: hidden;
+
+}
+
+.osbp-steel .v-slider-base:before {
+ content: "";
+ position: absolute;
+ top: 11px;
+ bottom: 11px;
+ left: 7px;
+ width: 0px;
+ border-radius: 0px;
+ border-left: 1px solid #111011;
+}
+
+.osbp-steel .v-slider-base:after {
+ border-radius: 0px;
+ height: inherit;
+ background: #5D737E;
+
+
+ border: 1px solid #111011;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ max-width: 100%;
+ content: "";
+ display: inline-block;
+ margin-left: -100%;
+ width: 100%;
+ vertical-align: top;
+}
+
+.v-ie8 .osbp-steel .v-slider-base:after {
+ position: relative;
+ left: -7px;
+}
+
+.osbp-steel .v-has-width > .v-slider-base {
+ min-width: 0;
+}
+
+.osbp-steel .v-slider-handle {
+ margin-top: -10px;
+ width: 0.1px;
+ display: inline-block;
+ vertical-align: top;
+}
+
+.osbp-steel .v-slider-handle:before {
+ height: 24px;
+ padding: 0 10px;
+ color: #ecebec;
+ font-weight: 400;
+
+
+ border-radius: 0px;
+ border: 1px solid #111011;
+ background: #3d3b3c;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-steel .v-slider-handle:before:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-steel .v-slider-handle:before:hover:after {
+ background-color: rgba(100, 97, 98, 0.1);
+}
+
+.osbp-steel .v-slider-handle:before:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+}
+
+.osbp-steel .v-slider-handle:before:active:after {
+ background-color: rgba(31, 29, 30, 0.2);
+}
+
+.osbp-steel .v-slider-handle:after {
+ border: 1px solid #111011;
+ border: 1px solid #111011;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+ opacity: 0;
+ -webkit-transition: opacity 200ms;
+ -moz-transition: opacity 200ms;
+ transition: opacity 200ms;
+}
+
+.v-ie8 .osbp-steel .v-slider-handle:after {
+ visibility: hidden;
+}
+
+.osbp-steel .v-slider-handle:before, .osbp-steel .v-slider-handle:after {
+ content: "";
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 0;
+ width: 14px;
+ height: 14px;
+ border-radius: 7px;
+ position: absolute;
+ z-index: 1;
+ margin-top: 5px;
+ margin-left: -7px;
+}
+
+.osbp-steel .v-slider-feedback {
+ background-color: #d9d7d8;
+ background-color: rgba(217, 215, 216, 0.9);
+ -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
+ color: black;
+ padding: 3px 6px;
+ border-radius: -1px;
+ max-width: 35em;
+ overflow: hidden !important;
+ font-size: 12px;
+}
+
+.osbp-steel .v-slider-vertical {
+ padding: 7px 0;
+ height: 62px;
+}
+
+.osbp-steel .v-slider-vertical .v-slider-base {
+ background: #343233;
+ width: 4px;
+ height: 100% !important;
+ min-width: 0;
+ margin: 0 10px;
+}
+
+.osbp-steel .v-slider-vertical .v-slider-base:before {
+ top: auto;
+ bottom: 7px;
+ left: 11px;
+ right: 11px;
+ width: auto;
+ height: 0px;
+ border-left: none;
+ border-bottom: 1px solid #111011;
+}
+
+.osbp-steel .v-slider-vertical .v-slider-base:after {
+ height: 101%;
+ margin-left: 0;
+ background: #5D737E;
+}
+
+.v-ie8 .osbp-steel .v-slider-vertical .v-slider-base:after {
+ top: 7px;
+ left: 0;
+ height: 130%;
+}
+
+.osbp-steel .v-slider-vertical .v-slider-handle {
+ width: 0;
+ height: 0.1px;
+ width: 24px;
+ display: block;
+}
+
+.osbp-steel .v-slider-vertical .v-slider-handle:before, .osbp-steel .v-slider-vertical .v-slider-handle:after {
+ width: 14px;
+ height: 14px;
+ margin-top: -7px;
+ margin-left: -5px;
+}
+
+.osbp-steel .v-slider-no-indicator .v-slider-base:before, .osbp-steel .v-slider-no-indicator .v-slider-base:after {
+ display: none;
+}
+
+.osbp-steel .v-tabsheet:not(.v-has-width) {
+ width: auto !important;
+}
+
+.osbp-steel .v-tabsheet-spacertd {
+ display: none !important;
+}
+
+.osbp-steel .v-tabsheet-tabcontainer {
+ position: relative;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.osbp-steel .v-tabsheet-tabcontainer:before {
+ content: "";
+ position: absolute;
+ height: 0;
+ border-top: 1px solid #111011;
+ bottom: 0;
+ left: 0;
+ right: 0;
+}
+
+.osbp-steel .v-tabsheet-tabcontainer .v-tabsheet-tabs {
+ position: relative;
+}
+
+.osbp-steel .v-tabsheet-tabitemcell {
+ vertical-align: bottom;
+}
+
+.osbp-steel .v-tabsheet-tabitemcell .v-tabsheet-tabitem {
+ line-height: 0;
+ overflow: hidden;
+}
+
+.osbp-steel .v-tabsheet-tabitemcell .v-caption {
+ margin-left: 12px;
+ padding: 0 2px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer;
+ text-align: center;
+ line-height: 24px;
+ font-size: 11px;
+ font-weight: 300;
+ color: #aeacad;
+ width: auto !important;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ border-bottom: 2px solid transparent;
+ position: relative;
+ -webkit-transition: border-bottom 200ms, color 200ms;
+ -moz-transition: border-bottom 200ms, color 200ms;
+ transition: border-bottom 200ms, color 200ms;
+}
+
+.osbp-steel .v-tabsheet-tabitemcell .v-caption .v-captiontext {
+ display: inline;
+}
+
+.osbp-steel .v-tabsheet-tabitemcell .v-caption .v-icon + .v-captiontext {
+ margin-left: 6px;
+}
+
+.osbp-steel .v-tabsheet-tabitemcell .v-caption:hover {
+ color: #5D737E;
+}
+
+.osbp-steel .v-tabsheet-tabitemcell .v-caption.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+ cursor: default;
+ color: inherit !important;
+}
+
+.osbp-steel .v-tabsheet-tabitemcell:first-child .v-caption, .osbp-steel .v-tabsheet-tabitemcell[aria-hidden="true"] + td .v-caption {
+ margin-left: 0;
+}
+
+.osbp-steel .v-tabsheet-tabitemcell:focus {
+ outline: none;
+}
+
+.osbp-steel .v-tabsheet-tabitemcell:focus .v-caption {
+ color: #5D737E;
+}
+
+.osbp-steel .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected .v-caption.v-caption {
+ border-bottom-color: #5D737E;
+ color: #5D737E;
+}
+
+.osbp-steel .v-tabsheet-tabitemcell .v-caption-closable {
+ padding-right: 15px;
+}
+
+.osbp-steel .v-tabsheet-tabitemcell.icons-on-top .v-caption-closable {
+ padding-right: 2px;
+}
+
+.osbp-steel .v-tabsheet-tabitemcell .v-tabsheet-caption-close {
+ position: absolute;
+ right: 0;
+ top: 50%;
+ margin: -6px 0 0;
+ font-size: 13px;
+ line-height: 13px;
+ width: 13px;
+ text-align: center;
+ border-radius: 0px;
+ color: #8c888a;
+}
+
+.osbp-steel .v-tabsheet-tabitemcell .v-tabsheet-caption-close:hover {
+ background: rgba(0, 0, 0, 0.03);
+ color: #5D737E;
+}
+
+.osbp-steel .v-tabsheet-tabitemcell .v-tabsheet-caption-close:active {
+ background: #5D737E;
+ color: #d2d8da;
+}
+
+.osbp-steel .v-tabsheet-scroller {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ padding-left: 12px;
+ background-color: transparent;
+ background-image: -webkit-linear-gradient(right, #3d3b3c 70%, rgba(61, 59, 60, 0) 100%);
+ background-image: linear-gradient(to left,#3d3b3c 70%, rgba(61, 59, 60, 0) 100%);
+ pointer-events: none;
+}
+
+.osbp-steel .v-tabsheet-scroller:after {
+ content: "";
+ height: 1px;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ display: block;
+ background-color: transparent;
+ background-image: -webkit-linear-gradient(right, #111011 70%, rgba(17, 16, 17, 0) 100%);
+ background-image: linear-gradient(to left,#111011 70%, rgba(17, 16, 17, 0) 100%);
+}
+
+.v-ie8 .osbp-steel .v-tabsheet-scroller, .v-ie9 .osbp-steel .v-tabsheet-scroller {
+ background-color: #3d3b3c;
+}
+
+.v-ie8 .osbp-steel .v-tabsheet-scroller:after, .v-ie9 .osbp-steel .v-tabsheet-scroller:after {
+ background-color: #111011;
+}
+
+.osbp-steel .v-tabsheet-scroller button {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ border: none;
+ background: transparent;
+ font: inherit;
+ color: inherit;
+ height: 100%;
+ margin: 0;
+ padding: 0 6px;
+ outline: none;
+ cursor: pointer;
+ pointer-events: auto;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-tabsheet-scroller button:hover {
+ opacity: 1;
+ filter: none ;
+ color: #5D737E;
+}
+
+.osbp-steel .v-tabsheet-scroller button:active {
+ opacity: 0.7;
+ filter: alpha(opacity=70) ;
+ color: #5D737E;
+}
+
+.osbp-steel .v-tabsheet-scroller button::-moz-focus-inner {
+ padding: 0;
+ border: 0;
+}
+
+.osbp-steel .v-tabsheet-scroller [class*="Next"] {
+ padding-left: 3px;
+}
+
+.osbp-steel .v-tabsheet-scroller [class*="Next"]:before {
+ font-family: ThemeIcons;
+ content: "\f054";
+}
+
+.osbp-steel .v-tabsheet-scroller [class*="Prev"] {
+ padding-right: 3px;
+}
+
+.osbp-steel .v-tabsheet-scroller [class*="Prev"]:before {
+ font-family: ThemeIcons;
+ content: "\f053";
+}
+
+.osbp-steel .v-tabsheet-scroller [class*="disabled"] {
+ cursor: default;
+ color: inherit !important;
+ opacity: 0.1 !important;
+ filter: alpha(opacity=10) !important;
+}
+
+.osbp-steel .v-tabsheet-equal-width-tabs > .v-tabsheet-tabcontainer table, .osbp-steel .v-tabsheet-equal-width-tabs > .v-tabsheet-tabcontainer tbody, .osbp-steel .v-tabsheet-equal-width-tabs > .v-tabsheet-tabcontainer tr {
+ width: 100%;
+}
+
+.osbp-steel .v-tabsheet-equal-width-tabs > .v-tabsheet-tabcontainer tr {
+ display: table;
+ table-layout: fixed;
+}
+
+.osbp-steel .v-tabsheet-equal-width-tabs > .v-tabsheet-tabcontainer td {
+ display: table-cell;
+}
+
+.osbp-steel .v-tabsheet-equal-width-tabs > .v-tabsheet-tabcontainer .v-caption {
+ margin: 0;
+ display: block;
+}
+
+.osbp-steel .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-caption {
+ margin-left: 2px;
+ padding: 0 8px;
+ background-color: #3d3b3c;
+ border: 1px solid transparent;
+ line-height: 23px;
+ border-radius: 0px 0px 0 0;
+ font-weight: 400;
+ -webkit-transition: background-color 160ms;
+ -moz-transition: background-color 160ms;
+ transition: background-color 160ms;
+}
+
+.osbp-steel .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-caption:hover {
+ background-color: #353334;
+ border-bottom-color: #111011;
+}
+
+.osbp-steel .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-caption.v-disabled:hover {
+ background-color: #3d3b3c;
+}
+
+.osbp-steel .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-caption-closable {
+ padding-right: 21px;
+}
+
+.osbp-steel .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-tabsheet-caption-close {
+ top: 3px;
+ right: 3px;
+ margin-top: 0;
+}
+
+.osbp-steel .v-tabsheet-framed > .v-tabsheet-tabcontainer td:first-child .v-caption, .osbp-steel .v-tabsheet-framed > .v-tabsheet-tabcontainer [aria-hidden="true"] + td .v-caption {
+ margin-left: 0;
+}
+
+.osbp-steel .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-tabsheet-tabitem .v-caption {
+ border-color: #111011;
+}
+
+.osbp-steel .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-tabsheet-tabitem-selected .v-caption {
+ background: #4a4849;
+ border-color: #111011;
+ border-bottom: none;
+ padding-bottom: 1px;
+}
+
+.osbp-steel .v-tabsheet-framed > .v-tabsheet-content {
+ border: 1px solid #111011;
+ border-top: none;
+}
+
+.osbp-steel .v-tabsheet-framed > .v-tabsheet-content > div {
+ background: #4a4849;
+}
+
+.osbp-steel .v-tabsheet-framed.padded-tabbar > .v-tabsheet-tabcontainer {
+ border: 1px solid #111011;
+ border-bottom: none;
+ background: #3d3b3c;
+ padding-top: 4px;
+}
+
+.osbp-steel .v-tabsheet-framed.icons-on-top > .v-tabsheet-tabcontainer .v-tabsheet-tabitem-selected .v-caption {
+ padding-bottom: 5px;
+}
+
+.osbp-steel .v-tabsheet-centered-tabs > .v-tabsheet-tabcontainer {
+ text-align: center;
+}
+
+.osbp-steel .v-tabsheet-right-aligned-tabs > .v-tabsheet-tabcontainer {
+ text-align: right;
+}
+
+.osbp-steel .v-tabsheet-padded-tabbar > .v-tabsheet-tabcontainer .v-tabsheet-tabs {
+ padding: 0 6px;
+}
+
+.osbp-steel .v-tabsheet-icons-on-top > .v-tabsheet-tabcontainer .v-caption {
+ padding-top: 4px;
+ padding-bottom: 4px;
+ line-height: 1.2;
+}
+
+.osbp-steel .v-tabsheet-icons-on-top > .v-tabsheet-tabcontainer .v-icon {
+ display: block;
+}
+
+.osbp-steel .v-tabsheet-icons-on-top > .v-tabsheet-tabcontainer .v-icon + .v-captiontext.v-captiontext {
+ margin-left: 0;
+}
+
+.osbp-steel .v-tabsheet-icons-on-top > .v-tabsheet-tabcontainer .v-caption-closable {
+ padding-right: 8px;
+}
+
+.osbp-steel .v-tabsheet-icons-on-top > .v-tabsheet-tabcontainer .v-tabsheet-caption-close {
+ top: 3px;
+ margin-top: 0;
+}
+
+.osbp-steel .v-tabsheet-compact-tabbar > .v-tabsheet-tabcontainer-compact-tabbar .v-caption {
+ line-height: 1.8;
+}
+
+.osbp-steel .v-tabsheet-only-selected-closable > .v-tabsheet-tabcontainer .v-tabsheet-caption-close {
+ visibility: hidden;
+}
+
+.osbp-steel .v-tabsheet-only-selected-closable > .v-tabsheet-tabcontainer .v-tabsheet-tabitem-selected .v-tabsheet-caption-close {
+ visibility: visible;
+}
+
+.osbp-steel .v-colorpicker-popup.v-window {
+ min-width: 220px !important;
+}
+
+.osbp-steel .v-colorpicker-popup .v-tabsheet-tabs {
+ padding: 0 6px;
+}
+
+.osbp-steel .v-colorpicker-popup [class$="sliders"] {
+ padding: 8px;
+}
+
+.osbp-steel .v-colorpicker-popup [class$="sliders"] .v-widget {
+ width: 100% !important;
+ vertical-align: middle;
+}
+
+.osbp-steel .v-colorpicker-popup [class$="sliders"] .v-has-caption {
+ white-space: nowrap;
+ padding-left: 36px;
+}
+
+.osbp-steel .v-colorpicker-popup [class$="sliders"] .v-caption {
+ display: inline-block;
+ margin-left: -36px;
+ width: 36px;
+}
+
+.osbp-steel .v-colorpicker-popup [class$="sliders"] .v-slot-hue-slider + .v-slot .v-has-caption {
+ padding-left: 60px;
+}
+
+.osbp-steel .v-colorpicker-popup [class$="sliders"] .v-slot-hue-slider + .v-slot .v-caption {
+ margin-left: -60px;
+ width: 60px;
+}
+
+.osbp-steel .v-colorpicker-popup .v-slider-red .v-slider-base:after {
+ background: red;
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-colorpicker-popup .v-slider-green .v-slider-base:after {
+ background: green;
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-colorpicker-popup .v-slider-blue .v-slider-base:after {
+ background: blue;
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-colorpicker-popup .v-margin-bottom {
+ padding-bottom: 0;
+}
+
+.osbp-steel .v-colorpicker-popup .resize-button {
+ width: 100% !important;
+ height: auto !important;
+ text-align: center;
+ outline: none;
+}
+
+.osbp-steel .v-colorpicker-popup .resize-button:before {
+ font-family: ThemeIcons;
+ content: "\f141";
+}
+
+.osbp-steel .v-colorpicker-popup .resize-button-caption {
+ display: none;
+}
+
+.osbp-steel .v-colorpicker-popup .v-horizontallayout {
+ height: auto !important;
+ padding: 6px 0;
+ background-color: #3d3b3c;
+ border-top: 1px solid #3a3839;
+}
+
+.osbp-steel .v-colorpicker-popup .v-horizontallayout .v-expand {
+ overflow: visible;
+}
+
+.osbp-steel .v-colorpicker-popup .v-horizontallayout .v-button {
+ width: 80% !important;
+}
+
+.osbp-steel .v-colorpicker-preview {
+ width: 100% !important;
+ height: auto !important;
+ padding: 6px;
+}
+
+.osbp-steel .v-colorpicker-preview-textfield {
+ height: auto !important;
+ text-align: center;
+ border: none;
+}
+
+.osbp-steel .v-colorpicker {
+ width: auto;
+}
+
+.osbp-steel .v-colorpicker-button-color {
+ position: absolute;
+ top: 4px;
+ right: 4px;
+ bottom: 4px;
+ left: 4px;
+ border-radius: -1px;
+ border: 1px solid rgba(0, 0, 0, 0.5);
+ max-width: 14px;
+}
+
+.osbp-steel .v-colorpicker-button-color + .v-button-caption:not(:empty) {
+ margin-left: 12px;
+}
+
+.v-ie8 .osbp-steel .v-colorpicker-button-color {
+ position: relative;
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
+ width: 12px;
+ height: 12px;
+ display: inline-block;
+ vertical-align: middle;
+ margin: 0 -6px;
+}
+
+.v-ie8 .osbp-steel .v-colorpicker-button-color + .v-button-caption {
+ margin-left: 12px;
+}
+
+.osbp-steel .v-panel {
+ background: #4a4849;
+ color: #cccbcc;
+ border-radius: 0px;
+ border: 1px solid #111011;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ overflow: visible !important;
+}
+
+.osbp-steel .v-panel-caption {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 0 8px;
+ line-height: 23px;
+ border-bottom: 1px solid #111011;
+ background-color: #3d3b3c;
+ background-image: -webkit-linear-gradient(top, #3d3b3c 0%, #3d3b3c 100%);
+ background-image: linear-gradient(to bottom,#3d3b3c 0%, #3d3b3c 100%);
+ color: #c9c8c8;
+ font-weight: 400;
+ font-size: 11px;
+
+
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+ border-radius: -1px -1px 0 0;
+}
+
+.osbp-steel .v-panel-content {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 100%;
+ height: 100%;
+}
+
+.osbp-steel .v-panel-content > .v-margin-top {
+ padding-top: 8px;
+}
+
+.osbp-steel .v-panel-content > .v-margin-right {
+ padding-right: 8px;
+}
+
+.osbp-steel .v-panel-content > .v-margin-bottom {
+ padding-bottom: 8px;
+}
+
+.osbp-steel .v-panel-content > .v-margin-left {
+ padding-left: 8px;
+}
+
+.osbp-steel .v-panel-borderless {
+ background: transparent;
+ color: inherit;
+ border: none;
+ border-radius: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-panel-borderless > div > [class*="-caption"] {
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: inherit;
+ padding: 0;
+ margin: 0 8px;
+ border-bottom: none;
+}
+
+.osbp-steel .v-panel-well {
+ background: #383637;
+ color: #c8c6c7;
+ -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 3px 7px rgba(0, 0, 0, 0.35);
+ border-radius: 0px;
+ border: 1px solid #111011;
+}
+
+.osbp-steel .v-panel-well > div > [class*="-caption"] {
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-panel-scroll-divider > [class*="-captionwrap"] {
+ position: relative;
+ z-index: 2;
+}
+
+.osbp-steel .v-panel-scroll-divider > [class*="-captionwrap"]:after {
+ content: "";
+ position: absolute;
+ bottom: -1px;
+ right: 0;
+ left: 0;
+ height: 0;
+ border-top: 1px solid #111011;
+ border-color: rgba(17, 16, 17, 0.5);
+}
+
+.osbp-steel .v-panel-scroll-divider > [class*="-content"]:before {
+ content: "";
+ position: absolute;
+ z-index: 2;
+ top: 0;
+ height: 0;
+ border-top: 1px solid #3d3b3c;
+ left: 0;
+ right: 0;
+}
+
+.osbp-steel .v-panel-caption.v-horizontallayout {
+ height: auto !important;
+ line-height: 0;
+}
+
+.osbp-steel .v-panel-caption.v-horizontallayout .v-slot {
+ vertical-align: middle;
+}
+
+.osbp-steel .v-panel-caption.v-horizontallayout .v-label {
+ line-height: 24px;
+}
+
+.osbp-steel .v-accordion {
+ background: #4a4849;
+ color: #cccbcc;
+ border-radius: 0px;
+ border: 1px solid #111011;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ background-color: #3d3b3c;
+ background-image: -webkit-linear-gradient(top, #3d3b3c 0%, #3d3b3c 100%);
+ background-image: linear-gradient(to bottom,#3d3b3c 0%, #3d3b3c 100%);
+ overflow: hidden;
+}
+
+.osbp-steel .v-accordion-item {
+ position: relative;
+}
+
+.osbp-steel .v-accordion-item[class*="item-open"]:last-child > div > .v-caption {
+ border-radius: 0;
+}
+
+.osbp-steel .v-accordion-item:not([class*="item-open"]):last-child > div > .v-caption {
+ border-bottom: none;
+ margin-bottom: 0;
+}
+
+.osbp-steel .v-accordion-item[class*="item-open"] + [class*="item"] {
+ border-top: 1px solid #111011;
+}
+
+.osbp-steel .v-accordion-item-caption {
+ border-radius: inherit;
+}
+
+.osbp-steel .v-accordion-item-caption > .v-caption {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 0 8px;
+ line-height: 23px;
+ border-bottom: 1px solid #111011;
+ background-color: #3d3b3c;
+ background-image: -webkit-linear-gradient(top, #3d3b3c 0%, #3d3b3c 100%);
+ background-image: linear-gradient(to bottom,#3d3b3c 0%, #3d3b3c 100%);
+ color: #c9c8c8;
+ font-weight: 400;
+ font-size: 11px;
+
+
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+ display: block;
+ background: transparent;
+ border-bottom-color: #111011;
+ border-radius: inherit;
+ cursor: pointer;
+ position: relative;
+}
+
+.osbp-steel .v-accordion-item-caption > .v-caption:hover:before, .osbp-steel .v-accordion-item-caption > .v-caption:active:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+}
+
+.osbp-steel .v-accordion-item-caption > .v-caption:hover:before {
+ background-color: rgba(100, 97, 98, 0.1);
+ border: none;
+}
+
+.osbp-steel .v-accordion-item-caption > .v-caption:active:before {
+ background-color: rgba(31, 29, 30, 0.2);
+}
+
+.osbp-steel .v-accordion-item-content {
+ -webkit-box-shadow: inset 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: inset 1px 3px 7px rgba(0, 0, 0, 0.35);
+ background-color: #4a4849;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.osbp-steel .v-accordion-item-content > .v-margin-top {
+ padding-top: 8px;
+}
+
+.osbp-steel .v-accordion-item-content > .v-margin-right {
+ padding-right: 8px;
+}
+
+.osbp-steel .v-accordion-item-content > .v-margin-bottom {
+ padding-bottom: 8px;
+}
+
+.osbp-steel .v-accordion-item-content > .v-margin-left {
+ padding-left: 8px;
+}
+
+.osbp-steel .v-accordion-borderless {
+ border: none;
+ border-radius: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-accordion-borderless > .v-accordion-item, .osbp-steel .v-accordion-borderless > .v-accordion-item > div > .v-caption, .osbp-steel .v-accordion-borderless > .v-accordion-item > .v-accordion-item-content {
+ border-radius: 0;
+}
+
+.osbp-steel .v-select-twincol {
+ white-space: normal;
+}
+
+.osbp-steel .v-select-twincol select {
+ border: 1px solid #111011;
+ background: #3d3b3c;
+ color: #c9c8c8;
+}
+
+.osbp-steel .v-select-twincol select:focus {
+ outline: none;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+}
+
+.osbp-steel .v-select-twincol .v-textfield, .osbp-steel .v-select-twincol .v-nativebutton {
+ width: auto !important;
+ margin-top: 6px;
+}
+
+.osbp-steel .v-select-twincol .v-nativebutton {
+ margin-left: 6px;
+}
+
+.osbp-steel .v-select-twincol-caption-left, .osbp-steel .v-select-twincol-caption-right {
+ font-size: 11px;
+ font-weight: 400;
+ padding-bottom: 0.3em;
+}
+
+.osbp-steel .v-select-twincol-buttons {
+ white-space: nowrap;
+ display: inline-block;
+ vertical-align: top;
+ position: relative;
+ min-width: 3.5em;
+}
+
+.osbp-steel .v-select-twincol-buttons .v-button {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ vertical-align: top;
+ text-align: left;
+ white-space: normal;
+ position: absolute;
+ left: 6px;
+ right: 6px;
+ top: 23px;
+ padding: 0;
+ text-align: center;
+}
+
+.osbp-steel .v-select-twincol-buttons .v-button:first-child {
+ top: 0;
+}
+
+.osbp-steel .v-select-twincol-buttons .v-button-caption {
+ display: none;
+}
+
+.osbp-steel .v-select-twincol-buttons .v-button:focus {
+ z-index: 1;
+}
+
+.osbp-steel .v-select-twincol-buttons .v-button-wrap:before {
+ font-family: ThemeIcons;
+ content: "\f053";
+}
+
+.osbp-steel .v-select-twincol-buttons .v-button:first-child .v-button-wrap:before {
+ font-family: ThemeIcons;
+ content: "\f054";
+}
+
+.osbp-steel .v-select select {
+ border: 1px solid #111011;
+ background: #3d3b3c;
+ color: #c9c8c8;
+}
+
+.osbp-steel .v-select select:focus {
+ outline: none;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+}
+
+.osbp-steel .v-select-select {
+ display: block;
+}
+
+.osbp-steel .v-select-select + .v-textfield {
+ width: auto !important;
+ margin-top: 6px;
+}
+
+.osbp-steel .v-select-select + .v-textfield + .v-nativebutton {
+ margin-top: 6px;
+ margin-left: 6px;
+}
+
+.osbp-steel .v-calendar-header-day {
+ font-weight: 400;
+ text-align: center;
+ padding: 5px 0;
+}
+
+.osbp-steel .v-calendar-header-week .v-calendar-back, .osbp-steel .v-calendar-header-week .v-calendar-next {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ background: transparent;
+ border: none;
+ padding: 0;
+ margin: 0;
+ cursor: pointer;
+ outline: none;
+ color: inherit;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-calendar-header-week .v-calendar-back:focus, .osbp-steel .v-calendar-header-week .v-calendar-next:focus {
+ outline: none;
+}
+
+.osbp-steel .v-calendar-header-week .v-calendar-back:hover, .osbp-steel .v-calendar-header-week .v-calendar-next:hover {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-steel .v-calendar-header-week .v-calendar-back:active, .osbp-steel .v-calendar-header-week .v-calendar-next:active {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-calendar-header-week .v-calendar-back:before {
+ font-family: ThemeIcons;
+ content: "\f053";
+}
+
+.osbp-steel .v-calendar-header-week .v-calendar-next:before {
+ font-family: ThemeIcons;
+ content: "\f054";
+}
+
+.osbp-steel .v-calendar-month {
+ outline: none;
+ overflow: hidden;
+}
+
+.osbp-steel .v-calendar-month td {
+ vertical-align: top;
+}
+
+.osbp-steel .v-calendar-week-number {
+ cursor: pointer;
+ width: 20px;
+ text-align: center;
+ font-size: 0.8em;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-calendar-week-number:hover {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-steel .v-calendar-month-day {
+ outline: none;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ line-height: 1.2;
+}
+
+.osbp-steel .v-calendar-bottom-spacer, .osbp-steel .v-calendar-spacer, .osbp-steel .v-calendar-bottom-spacer-empty {
+ height: 14px;
+ margin-bottom: 2px;
+}
+
+.osbp-steel .v-calendar-bottom-spacer {
+ font-size: 0.8em;
+ padding: 0 3px;
+ cursor: pointer;
+}
+
+.osbp-steel .v-calendar-bottom-spacer:hover {
+ color: #5D737E;
+}
+
+.osbp-steel .v-calendar-day-number {
+ line-height: 16px;
+ font-size: 12px;
+ text-align: right;
+ margin: 0 3px;
+ white-space: nowrap;
+ border-top: 1px solid #353334;
+ cursor: pointer;
+}
+
+.osbp-steel .v-calendar-day-number:hover {
+ color: #5D737E;
+}
+
+.osbp-steel .v-calendar-month-day-today {
+ background: #3e3d3f;
+}
+
+.osbp-steel .v-calendar-month-day-today .v-calendar-day-number {
+ font-weight: 400;
+ color: #5D737E;
+ border-top: 2px solid #5D737E;
+ line-height: 15px;
+ margin: 0;
+ padding: 0 3px;
+}
+
+.osbp-steel .v-calendar-month-day-selected {
+ background-color: #404042;
+}
+
+.osbp-steel .v-calendar-month-day-dragemphasis {
+ background-color: #a8a8a8;
+}
+
+.osbp-steel .v-calendar-month-day-scrollable {
+ overflow-y: scroll;
+}
+
+.osbp-steel .v-calendar-weekly-longevents {
+ margin-left: 50px;
+ border-bottom: 2px solid #232222;
+}
+
+.osbp-steel .v-calendar-weekly-longevents .v-calendar-event-all-day {
+ height: 16px;
+ line-height: 1.6;
+ margin-bottom: 2px;
+}
+
+.osbp-steel .v-calendar-header-week td {
+ vertical-align: middle !important;
+}
+
+.osbp-steel .v-calendar-header-week .v-calendar-header-day {
+ cursor: pointer;
+}
+
+.osbp-steel .v-calendar-times {
+ width: 50px;
+ font-size: 0.77em;
+ line-height: 1;
+ white-space: nowrap;
+}
+
+.osbp-steel .v-calendar-time {
+ text-align: right;
+ padding-right: 6px;
+ margin-top: -5px;
+ padding-bottom: 5px;
+}
+
+.osbp-steel .v-calendar-day-times, .osbp-steel .v-calendar-day-times-today {
+ outline: none;
+ border-right: 1px solid transparent;
+}
+
+.osbp-steel .v-calendar-day-times:focus, .osbp-steel .v-calendar-day-times-today:focus {
+ outline: none;
+}
+
+.osbp-steel .v-calendar .v-datecellslot, .osbp-steel .v-calendar .v-datecellslot-even {
+ border-top: 1px solid #111011;
+}
+
+.osbp-steel .v-calendar .v-datecellslot:first-child, .osbp-steel .v-calendar .v-datecellslot-even:first-child {
+ border-top-color: transparent;
+}
+
+.osbp-steel .v-calendar .v-datecellslot {
+ border-top-style: dotted;
+}
+
+.osbp-steel .v-calendar .v-datecellslot, .osbp-steel .v-calendar .v-datecellslot-even {
+ margin-right: 3px;
+}
+
+.osbp-steel .v-calendar-current-time {
+ background: #5D737E;
+ line-height: 1px;
+ pointer-events: none;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-calendar-current-time:before {
+ content: "\2022";
+ color: #5D737E;
+ font-size: 22px;
+ margin-left: -0.07em;
+}
+
+.osbp-steel .v-calendar .v-daterange {
+ position: relative;
+}
+
+.osbp-steel .v-calendar .v-daterange:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: -1px;
+ left: 0;
+ background: #5D737E;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-calendar .v-daterange + .v-daterange {
+ border-color: transparent;
+}
+
+.osbp-steel .v-calendar-event {
+ font-size: 0.85em;
+ overflow: hidden;
+ cursor: pointer;
+ outline: none;
+ border-radius: 0px;
+}
+
+.osbp-steel .v-calendar-event:focus {
+ outline: none;
+}
+
+.osbp-steel .v-calendar-event-month {
+ padding: 0 3px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ margin-bottom: 2px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ height: 14px;
+ line-height: 14px;
+}
+
+.osbp-steel .v-calendar-event-month .v-calendar-event-time {
+ float: right;
+ font-size: 0.9em;
+ line-height: 14px;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-calendar-event-month:before {
+ content: "\25cf";
+ margin-right: 0.2em;
+}
+
+.osbp-steel .v-calendar-event-all-day {
+ padding: 0 3px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ height: 14px;
+ line-height: 14px;
+ border-radius: 0;
+ margin-left: -1px;
+ white-space: nowrap;
+}
+
+.osbp-steel .v-calendar-event-all-day:before {
+ content: "";
+}
+
+.osbp-steel .v-calendar-event-start {
+ overflow: visible;
+ margin-left: 0;
+}
+
+.osbp-steel .v-calendar-event-start.v-calendar-event-continued-to, .osbp-steel .v-calendar-event-start.v-calendar-event-end {
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.osbp-steel .v-calendar-event-caption {
+ font-weight: 500;
+ line-height: 1.2;
+ padding: 3px 0;
+ position: absolute;
+ overflow: hidden;
+ right: 6px;
+ left: 3px;
+ bottom: 0;
+ top: 0;
+}
+
+.osbp-steel .v-calendar-event-caption span {
+ font-weight: 300;
+ white-space: nowrap;
+}
+
+.osbp-steel .v-calendar-week-wrapper .v-calendar-event {
+ overflow: visible;
+}
+
+.osbp-steel .v-calendar-week-wrapper .v-calendar-event-content {
+ margin-top: -1px;
+ border-radius: 1px;
+ border: 1px solid #3d3b3c;
+ padding-top: 3px;
+ margin-right: 3px;
+}
+
+.osbp-steel .v-calendar-event-month:before {
+ color: #00ace0;
+}
+
+.osbp-steel .v-calendar-event-all-day {
+ background-color: #30515c;
+ background-color: rgba(48, 81, 92, 0.8);
+ color: #00ace0;
+}
+
+.osbp-steel .v-calendar-week-wrapper .v-calendar-event {
+ color: #00ace0;
+}
+
+.osbp-steel .v-calendar-week-wrapper .v-calendar-event .v-calendar-event-content {
+ background-color: #30515c;
+ background-color: rgba(48, 81, 92, 0.8);
+}
+
+.osbp-steel .v-calendar-event-month[class*="color2"]:before {
+ color: #2d9f19;
+}
+
+.osbp-steel .v-calendar-event-all-day[class*="color2"] {
+ background-color: #394f35;
+ background-color: rgba(57, 79, 53, 0.8);
+ color: #2d9f19;
+}
+
+.osbp-steel .v-calendar-week-wrapper .v-calendar-event[class*="color2"] {
+ color: #2d9f19;
+}
+
+.osbp-steel .v-calendar-week-wrapper .v-calendar-event[class*="color2"] .v-calendar-event-content {
+ background-color: #394f35;
+ background-color: rgba(57, 79, 53, 0.8);
+}
+
+.osbp-steel .v-calendar-event-month[class*="color3"]:before {
+ color: #d18100;
+}
+
+.osbp-steel .v-calendar-event-all-day[class*="color3"] {
+ background-color: #5a4930;
+ background-color: rgba(90, 73, 48, 0.8);
+ color: #d18100;
+}
+
+.osbp-steel .v-calendar-week-wrapper .v-calendar-event[class*="color3"] {
+ color: #d18100;
+}
+
+.osbp-steel .v-calendar-week-wrapper .v-calendar-event[class*="color3"] .v-calendar-event-content {
+ background-color: #5a4930;
+ background-color: rgba(90, 73, 48, 0.8);
+}
+
+.osbp-steel .v-calendar-event-month[class*="color4"]:before {
+ color: #ce3812;
+}
+
+.osbp-steel .v-calendar-event-all-day[class*="color4"] {
+ background-color: #5a3a33;
+ background-color: rgba(90, 58, 51, 0.8);
+ color: #ce3812;
+}
+
+.osbp-steel .v-calendar-week-wrapper .v-calendar-event[class*="color4"] {
+ color: #ce3812;
+}
+
+.osbp-steel .v-calendar-week-wrapper .v-calendar-event[class*="color4"] .v-calendar-event-content {
+ background-color: #5a3a33;
+ background-color: rgba(90, 58, 51, 0.8);
+}
+
+.osbp-steel .v-calendar-event-month[class*="color5"]:before {
+ color: #2d55cd;
+}
+
+.osbp-steel .v-calendar-event-all-day[class*="color5"] {
+ background-color: #394059;
+ background-color: rgba(57, 64, 89, 0.8);
+ color: #2d55cd;
+}
+
+.osbp-steel .v-calendar-week-wrapper .v-calendar-event[class*="color5"] {
+ color: #2d55cd;
+}
+
+.osbp-steel .v-calendar-week-wrapper .v-calendar-event[class*="color5"] .v-calendar-event-content {
+ background-color: #394059;
+ background-color: rgba(57, 64, 89, 0.8);
+}
+
+.osbp-steel .v-calendar.v-disabled * {
+ cursor: default;
+}
+
+.osbp-steel .v-label {
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+}
+
+.osbp-steel .v-label-undef-w {
+ white-space: nowrap;
+}
+
+.osbp-steel h1, .osbp-steel .v-label-h1, .osbp-steel h2, .osbp-steel .v-label-h2, .osbp-steel h3, .osbp-steel .v-label-h3 {
+ line-height: 1.1;
+ font-weight: 200;
+ color: #f0efef;
+}
+
+.osbp-steel h1, .osbp-steel .v-label-h1 {
+ font-size: 2.4em;
+ margin-top: 1.4em;
+ margin-bottom: 1em;
+
+ letter-spacing: -0.03em;
+}
+
+.osbp-steel h2, .osbp-steel .v-label-h2 {
+ font-size: 1.6em;
+
+ margin-top: 1.6em;
+ margin-bottom: 0.77em;
+ letter-spacing: -0.02em;
+}
+
+.osbp-steel h3, .osbp-steel .v-label-h3 {
+ font-size: 1.2em;
+
+ margin-top: 1.8em;
+ margin-bottom: 0.77em;
+ letter-spacing: 0;
+}
+
+.osbp-steel h4, .osbp-steel .v-label-h4 {
+ line-height: 1.1;
+ font-weight: 500;
+ font-size: 11px;
+ color: #cdcccc;
+ text-transform: uppercase;
+ letter-spacing: 0;
+ margin-top: 2.4em;
+ margin-bottom: 0.8em;
+}
+
+.osbp-steel .v-csslayout > h1:first-child, .osbp-steel .v-csslayout > h2:first-child, .osbp-steel .v-csslayout > h3:first-child, .osbp-steel .v-csslayout > h4 > .v-label-h1:first-child, .osbp-steel .v-csslayout > .v-label-h2:first-child, .osbp-steel .v-csslayout > .v-label-h3:first-child, .osbp-steel .v-csslayout > .v-label-h4:first-child {
+ margin-top: 12px;
+}
+
+.osbp-steel .v-verticallayout > .v-slot:first-child h1, .osbp-steel .v-verticallayout > .v-slot:first-child .v-label-h1, .osbp-steel .v-verticallayout > .v-slot:first-child h2, .osbp-steel .v-verticallayout > .v-slot:first-child .v-label-h2, .osbp-steel .v-verticallayout > .v-slot:first-child h3, .osbp-steel .v-verticallayout > .v-slot:first-child .v-label-h3, .osbp-steel .v-verticallayout > .v-slot:first-child h4, .osbp-steel .v-verticallayout > .v-slot:first-child .v-label-h4, .osbp-steel .v-verticallayout > div > .v-slot:first-child h1, .osbp-steel .v-verticallayout > div > .v-slot:first-child .v-label-h1, .osbp-steel .v-verticallayout > div > .v-slot:first-child h2, .osbp-steel .v-verticallayout > div > .v-slot:first-child .v-label-h2, .osbp-steel .v-verticallayout > div > .v-slot:first-child h3, .osbp-steel .v-verticallayout > div > .v-slot:first-child .v-label-h3, .osbp-steel .v-verticallayout > div > .v-slot:first-child h4, .osbp-steel .v-verticallayout > div > .v-slot:first-child .v-label-h4 {
+ margin-top: 12px;
+}
+
+.osbp-steel .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell h1, .osbp-steel .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell .v-label-h1, .osbp-steel .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell h2, .osbp-steel .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell .v-label-h2, .osbp-steel .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell h3, .osbp-steel .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell .v-label-h3, .osbp-steel .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell h4, .osbp-steel .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell .v-label-h4, .osbp-steel .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell h1, .osbp-steel .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell .v-label-h1, .osbp-steel .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell h2, .osbp-steel .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell .v-label-h2, .osbp-steel .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell h3, .osbp-steel .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell .v-label-h3, .osbp-steel .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell h4, .osbp-steel .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell .v-label-h4 {
+ margin-top: -0.5em;
+}
+
+.osbp-steel h1.no-margin, .osbp-steel .v-label-h1.no-margin, .osbp-steel h2.no-margin, .osbp-steel .v-label-h2.no-margin, .osbp-steel h3.no-margin, .osbp-steel .v-label-h3.no-margin, .osbp-steel h4.no-margin, .osbp-steel .v-label-h4.no-margin {
+ margin: 0 !important;
+}
+
+.osbp-steel .v-label-colored {
+ color: #5D737E;
+}
+
+.osbp-steel .v-label-large {
+ font-size: 15px;
+}
+
+.osbp-steel .v-label-small {
+ font-size: 11px;
+}
+
+.osbp-steel .v-label-tiny {
+ font-size: 12px;
+}
+
+.osbp-steel .v-label-huge {
+ font-size: 20px;
+}
+
+.osbp-steel .v-label-bold {
+ font-weight: 500;
+}
+
+.osbp-steel .v-label-light {
+ font-weight: 200;
+ color: #9f9c9e;
+}
+
+.osbp-steel .v-label-align-right {
+ text-align: right;
+}
+
+.osbp-steel .v-label-align-center {
+ text-align: center;
+}
+
+.osbp-steel .v-label-spinner {
+ height: 24px !important;
+ width: 24px !important;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border: 2px solid rgba(93, 115, 126, 0.2);
+ border-top-color: #5D737E;
+ border-right-color: #5D737E;
+ border-radius: 100%;
+ -webkit-animation: v-rotate-360 500ms infinite linear;
+ -moz-animation: v-rotate-360 500ms infinite linear;
+ animation: v-rotate-360 500ms infinite linear;
+ pointer-events: none;
+}
+
+.v-ie8 .osbp-steel .v-label-spinner, .v-ie9 .osbp-steel .v-label-spinner {
+ border: none;
+ border-radius: 0px;
+ background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50% 50%;
+ background-size: 80%;
+}
+
+.v-ie8 .osbp-steel .v-label-spinner {
+ min-width: 30px;
+ min-height: 30px;
+}
+
+.osbp-steel .v-label-success, .osbp-steel .v-label-failure {
+ background: #333132;
+ color: #c6c5c6;
+ border: 2px solid #2c9720;
+ border-radius: 0px;
+ padding: 5px 12px 5px 24px;
+ font-weight: 400;
+ font-size: 11px;
+}
+
+.osbp-steel .v-label-success:before, .osbp-steel .v-label-failure:before {
+ font-family: ThemeIcons;
+ content: "\f00c";
+ margin-right: 0.5em;
+ margin-left: -12px;
+ color: #2c9720;
+}
+
+.osbp-steel .v-label-failure {
+ border-color: #E3DC95;
+}
+
+.osbp-steel .v-label-failure:before {
+ content: "\f05e";
+ color: #E3DC95;
+}
+
+.osbp-steel [draggable=true] {
+ -khtml-user-drag: element;
+ -webkit-user-drag: element;
+}
+
+.osbp-steel .v-ddwrapper {
+ position: relative;
+}
+
+.osbp-steel .v-ddwrapper-over:before, .osbp-steel .v-ddwrapper-over:after {
+ content: "";
+ position: absolute;
+ z-index: 10;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+ border: 0 solid #5D737E;
+}
+
+.osbp-steel .v-ddwrapper-over-top:before {
+ border-top-width: 2px;
+}
+
+.osbp-steel .v-ddwrapper-over-right:before {
+ border-right-width: 2px;
+}
+
+.osbp-steel .v-ddwrapper-over-bottom:before {
+ border-bottom-width: 2px;
+}
+
+.osbp-steel .v-ddwrapper-over-left:before {
+ border-left-width: 2px;
+}
+
+.osbp-steel .no-vertical-drag-hints .v-ddwrapper-over-top:before, .osbp-steel .no-vertical-drag-hints.v-ddwrapper-over-top:before {
+ border-top-width: 0;
+}
+
+.osbp-steel .no-vertical-drag-hints .v-ddwrapper-over-top:after, .osbp-steel .no-vertical-drag-hints.v-ddwrapper-over-top:after {
+ border-width: 2px;
+ border-radius: 0px;
+ opacity: 0.3;
+ filter: alpha(opacity=30.0) ;
+ background: #abbac1;
+}
+
+.osbp-steel .no-vertical-drag-hints .v-ddwrapper-over-bottom:before, .osbp-steel .no-vertical-drag-hints.v-ddwrapper-over-bottom:before {
+ border-bottom-width: 0;
+}
+
+.osbp-steel .no-vertical-drag-hints .v-ddwrapper-over-bottom:after, .osbp-steel .no-vertical-drag-hints.v-ddwrapper-over-bottom:after {
+ border-width: 2px;
+ border-radius: 0px;
+ opacity: 0.3;
+ filter: alpha(opacity=30.0) ;
+ background: #abbac1;
+}
+
+.osbp-steel .no-horizontal-drag-hints.v-ddwrapper-over-left:before, .osbp-steel .no-horizontal-drag-hints .v-ddwrapper-over-left:before {
+ border-left-width: 0;
+}
+
+.osbp-steel .no-horizontal-drag-hints.v-ddwrapper-over-left:after, .osbp-steel .no-horizontal-drag-hints .v-ddwrapper-over-left:after {
+ border-width: 2px;
+ border-radius: 0px;
+ opacity: 0.3;
+ filter: alpha(opacity=30.0) ;
+ background: #abbac1;
+}
+
+.osbp-steel .no-horizontal-drag-hints.v-ddwrapper-over-right:before, .osbp-steel .no-horizontal-drag-hints .v-ddwrapper-over-right:before {
+ border-right-width: 0;
+}
+
+.osbp-steel .no-horizontal-drag-hints.v-ddwrapper-over-right:after, .osbp-steel .no-horizontal-drag-hints .v-ddwrapper-over-right:after {
+ border-width: 2px;
+ border-radius: 0px;
+ opacity: 0.3;
+ filter: alpha(opacity=30.0) ;
+ background: #abbac1;
+}
+
+.osbp-steel .v-ddwrapper-over-middle:after, .osbp-steel .v-ddwrapper-over-center:after {
+ border-width: 2px;
+ border-radius: 0px;
+ opacity: 0.3;
+ filter: alpha(opacity=30.0) ;
+ background: #abbac1;
+}
+
+.osbp-steel .no-box-drag-hints.v-ddwrapper:after, .osbp-steel .no-box-drag-hints .v-ddwrapper:after {
+ display: none !important;
+ content: none;
+}
+
+.osbp-steel .v-nativebutton {
+ -webkit-touch-callout: none;
+}
+
+.osbp-steel .v-select select {
+ border: 1px solid #111011;
+ background: #3d3b3c;
+ color: #c9c8c8;
+}
+
+.osbp-steel .v-select select:focus {
+ outline: none;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+}
+
+.osbp-steel .v-select-select {
+ display: block;
+}
+
+.osbp-steel .v-select-select + .v-textfield {
+ width: auto !important;
+ margin-top: 6px;
+}
+
+.osbp-steel .v-select-select + .v-textfield + .v-nativebutton {
+ margin-top: 6px;
+ margin-left: 6px;
+}
+
+.osbp-steel .v-popupview {
+ cursor: pointer;
+ color: #5D737E;
+ text-decoration: underline;
+ font-weight: inherit;
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+}
+
+.osbp-steel .v-popupview:hover {
+ color: #758d99;
+}
+
+.osbp-steel .v-popupview.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-steel .v-popupview-popup {
+ padding: 3px 3px;
+ border-radius: 0px;
+ background-color: #353334;
+ color: #c7c6c6;
+ -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4), 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.51334);
+ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4), 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.51334);
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+
+.osbp-steel .v-popupview-popup[class*="animate-in"] {
+ -webkit-animation: v-popupview-animate-in 120ms;
+ -moz-animation: v-popupview-animate-in 120ms;
+ animation: v-popupview-animate-in 120ms;
+}
+
+.osbp-steel .v-popupview-popup[class*="animate-out"] {
+ -webkit-animation: valo-animate-out-fade 120ms;
+ -moz-animation: valo-animate-out-fade 120ms;
+ animation: valo-animate-out-fade 120ms;
+}
+
+.osbp-steel .v-popupview-popup .popupContent > .v-margin-top {
+ padding-top: 8px;
+}
+
+.osbp-steel .v-popupview-popup .popupContent > .v-margin-right {
+ padding-right: 8px;
+}
+
+.osbp-steel .v-popupview-popup .popupContent > .v-margin-bottom {
+ padding-bottom: 8px;
+}
+
+.osbp-steel .v-popupview-popup .popupContent > .v-margin-left {
+ padding-left: 8px;
+}
+
+.osbp-steel .v-popupview-loading {
+ margin: 0px 8px;
+ height: 24px !important;
+ width: 24px !important;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border: 2px solid rgba(93, 115, 126, 0.2);
+ border-top-color: #5D737E;
+ border-right-color: #5D737E;
+ border-radius: 100%;
+ -webkit-animation: v-rotate-360 500ms infinite linear;
+ -moz-animation: v-rotate-360 500ms infinite linear;
+ animation: v-rotate-360 500ms infinite linear;
+ pointer-events: none;
+}
+
+.v-ie8 .osbp-steel .v-popupview-loading, .v-ie9 .osbp-steel .v-popupview-loading {
+ border: none;
+ border-radius: 0px;
+ background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50% 50%;
+ background-size: 80%;
+}
+
+.v-ie8 .osbp-steel .v-popupview-loading {
+ min-width: 30px;
+ min-height: 30px;
+}
+
+.osbp-steel .v-richtextarea {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 24px;
+ border-radius: 0px;
+ padding: 0;
+ border: 1px solid #111011;
+ background: #333132;
+ color: #c6c5c6;
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ height: auto;
+ overflow: hidden;
+}
+
+.v-ie8 .osbp-steel .v-richtextarea, .v-ie9 .osbp-steel .v-richtextarea {
+ line-height: 24px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-steel .v-richtextarea[class*="prompt"] {
+ color: #7c7b7c;
+}
+
+.osbp-steel .v-richtextarea .gwt-RichTextToolbar {
+ background: #3d3b3c;
+
+
+ border-bottom: 1px solid #111011;
+ color: #c9c8c8;
+}
+
+.osbp-steel .v-richtextarea .gwt-ToggleButton, .osbp-steel .v-richtextarea .gwt-PushButton {
+ display: inline-block;
+ line-height: 24px;
+ width: 24px;
+ text-align: center;
+ outline: none;
+}
+
+.osbp-steel .v-richtextarea .gwt-ToggleButton:hover, .osbp-steel .v-richtextarea .gwt-PushButton:hover {
+ color: white;
+}
+
+.osbp-steel .v-richtextarea .gwt-ToggleButton-down, .osbp-steel .v-richtextarea .gwt-ToggleButton-down-hovering {
+ background-color: #232222;
+ background-image: -webkit-linear-gradient(bottom, #232222 0%, #232222 100%);
+ background-image: linear-gradient(to top,#232222 0%, #232222 100%);
+}
+
+.osbp-steel .v-richtextarea .gwt-RichTextToolbar-top img {
+ display: none;
+}
+
+.osbp-steel .v-richtextarea .gwt-RichTextToolbar-top div:before {
+ font-family: ThemeIcons;
+}
+
+.osbp-steel .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Bold"]:before {
+ content: "\f032";
+}
+
+.osbp-steel .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Italic"]:before {
+ content: "\f033";
+}
+
+.osbp-steel .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Underline"]:before {
+ content: "\f0cd";
+}
+
+.osbp-steel .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Subscript"]:before {
+ content: "\f12c";
+}
+
+.osbp-steel .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Superscript"]:before {
+ content: "\f12b";
+}
+
+.osbp-steel .v-richtextarea .gwt-RichTextToolbar-top div[title="Left Justify"]:before {
+ content: "\f036";
+}
+
+.osbp-steel .v-richtextarea .gwt-RichTextToolbar-top div[title="Center"]:before {
+ content: "\f037";
+}
+
+.osbp-steel .v-richtextarea .gwt-RichTextToolbar-top div[title="Right Justify"]:before {
+ content: "\f038";
+}
+
+.osbp-steel .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Strikethrough"]:before {
+ content: "\f0cc";
+}
+
+.osbp-steel .v-richtextarea .gwt-RichTextToolbar-top div[title="Indent Right"]:before {
+ content: "\f03c";
+}
+
+.osbp-steel .v-richtextarea .gwt-RichTextToolbar-top div[title="Indent Left"]:before {
+ content: "\f03b";
+}
+
+.osbp-steel .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Horizontal Rule"]:before {
+ content: "\2014";
+}
+
+.osbp-steel .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Ordered List"]:before {
+ content: "\f0cb";
+}
+
+.osbp-steel .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Unordered List"]:before {
+ content: "\f0ca";
+}
+
+.osbp-steel .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Image"]:before {
+ content: "\f03e";
+}
+
+.osbp-steel .v-richtextarea .gwt-RichTextToolbar-top div[title="Create Link"]:before {
+ content: "\f0c1";
+}
+
+.osbp-steel .v-richtextarea .gwt-RichTextToolbar-top div[title="Remove Link"]:before {
+ content: "\f127";
+}
+
+.osbp-steel .v-richtextarea .gwt-RichTextToolbar-top div[title="Remove Formatting"]:before {
+ content: "\f12d";
+}
+
+.osbp-steel .v-richtextarea .gwt-RichTextToolbar-bottom {
+ font-size: 10px;
+ padding: 0 6px 6px 0;
+}
+
+.osbp-steel .v-richtextarea .gwt-RichTextToolbar-bottom select {
+ margin: 6px 0 0 6px;
+}
+
+.osbp-steel .v-richtextarea .gwt-RichTextArea {
+ background: #fff;
+ border: none;
+ display: block;
+}
+
+.osbp-steel .v-richtextarea-readonly {
+ padding: 3px 4px;
+ background: transparent;
+}
+
+.osbp-steel .v-upload .v-button {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ vertical-align: top;
+ text-align: left;
+ white-space: normal;
+}
+
+.osbp-steel .v-upload-immediate .v-button {
+ width: 100%;
+}
+
+.osbp-steel .v-upload-immediate input[type="file"] {
+ opacity: 0;
+ filter: alpha(opacity=0) ;
+ z-index: -1;
+ position: absolute;
+ right: 0;
+ height: 24px;
+ text-align: right;
+ border: none;
+ background: transparent;
+}
+
+.osbp-steel .v-Notification.v-position-top {
+ top: 0px;
+}
+
+.osbp-steel .v-Notification.v-position-right {
+ right: 8px;
+}
+
+.osbp-steel .v-Notification.v-position-bottom {
+ bottom: 0px;
+}
+
+.osbp-steel .v-Notification.v-position-left {
+ left: 8px;
+}
+
+.osbp-steel .v-Notification.v-position-assistive {
+ top: -9999px;
+ left: -9999px;
+}
+
+.osbp-steel .v-Notification-animate-in {
+ -webkit-animation: valo-animate-in-fade 180ms 10ms backwards;
+ -moz-animation: valo-animate-in-fade 180ms 10ms backwards;
+ animation: valo-animate-in-fade 180ms 10ms backwards;
+}
+
+.osbp-steel .v-Notification-animate-in.v-position-top {
+ -webkit-animation: valo-animate-in-slide-down 400ms 10ms backwards;
+ -moz-animation: valo-animate-in-slide-down 400ms 10ms backwards;
+ animation: valo-animate-in-slide-down 400ms 10ms backwards;
+}
+
+.osbp-steel .v-Notification-animate-in.v-position-bottom {
+ -webkit-animation: valo-animate-in-slide-up 400ms 10ms backwards;
+ -moz-animation: valo-animate-in-slide-up 400ms 10ms backwards;
+ animation: valo-animate-in-slide-up 400ms 10ms backwards;
+}
+
+.osbp-steel .v-Notification-animate-out {
+ -webkit-animation: valo-animate-out-fade 150ms;
+ -moz-animation: valo-animate-out-fade 150ms;
+ animation: valo-animate-out-fade 150ms;
+}
+
+.osbp-steel .v-Notification-animate-out.v-position-top, .osbp-steel .v-Notification-animate-out.v-position-bottom {
+ -webkit-animation: valo-animate-out-slide-down-fade 200ms;
+ -moz-animation: valo-animate-out-slide-down-fade 200ms;
+ animation: valo-animate-out-slide-down-fade 200ms;
+}
+
+.osbp-steel .v-Notification {
+ border-radius: 0px;
+ text-align: center;
+ position: fixed !important;
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ background: #353334;
+ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
+ box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
+ padding: 12px 14px;
+}
+
+.osbp-steel .v-Notification .v-Notification-caption {
+ color: #5D737E;
+ font-size: 14px;
+ line-height: 1;
+}
+
+.osbp-steel .v-Notification .v-Notification-description {
+ line-height: 1.4;
+}
+
+.osbp-steel .v-Notification-caption {
+ margin: 0;
+ display: inline-block;
+ text-align: left;
+ font-weight: inherit;
+ line-height: inherit;
+ white-space: nowrap;
+ letter-spacing: 0;
+}
+
+.osbp-steel .v-Notification-description, .osbp-steel .v-Notification-details {
+ margin: 0;
+ display: inline-block;
+ vertical-align: middle;
+ max-width: 30em;
+ text-align: left;
+ max-height: 20em;
+ overflow: auto;
+}
+
+.osbp-steel .v-Notification-caption ~ .v-Notification-description, .osbp-steel .v-Notification-caption ~ .v-Notification-details {
+ margin-left: 18px;
+}
+
+.osbp-steel .v-icon + .v-Notification-caption {
+ margin-left: 12px;
+}
+
+.osbp-steel .v-Notification-system {
+ left: 0 !important;
+ right: 0;
+ max-width: 100%;
+ margin: 0 !important;
+ border-radius: 0;
+ -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
+ padding: 8px 10px;
+ background-color: #444;
+ background-color: rgba(68, 68, 68, 0.9);
+ font-weight: 400;
+ line-height: 17px;
+}
+
+.osbp-steel .v-Notification-system .v-Notification-description, .osbp-steel .v-Notification-system .v-Notification-details {
+ max-width: 50em;
+}
+
+.osbp-steel .v-Notification-system.v-position-top {
+ top: 0;
+}
+
+.osbp-steel .v-Notification-system.v-position-top[class*="animate-in"] {
+ -webkit-animation: valo-animate-in-slide-down 300ms 10ms backwards;
+ -moz-animation: valo-animate-in-slide-down 300ms 10ms backwards;
+ animation: valo-animate-in-slide-down 300ms 10ms backwards;
+}
+
+.osbp-steel .v-Notification-system.v-position-top[class*="animate-out"] {
+ -webkit-animation: valo-animate-out-slide-up 200ms;
+ -moz-animation: valo-animate-out-slide-up 200ms;
+ animation: valo-animate-out-slide-up 200ms;
+}
+
+.osbp-steel .v-Notification-system.v-position-bottom {
+ bottom: 0;
+}
+
+.osbp-steel .v-Notification-system.v-position-bottom[class*="animate-in"] {
+ -webkit-animation: valo-animate-in-slide-up 300ms 10ms backwards;
+ -moz-animation: valo-animate-in-slide-up 300ms 10ms backwards;
+ animation: valo-animate-in-slide-up 300ms 10ms backwards;
+}
+
+.osbp-steel .v-Notification-system.v-position-bottom[class*="animate-out"] {
+ -webkit-animation: valo-animate-out-slide-down 200ms;
+ -moz-animation: valo-animate-out-slide-down 200ms;
+ animation: valo-animate-out-slide-down 200ms;
+}
+
+.osbp-steel .v-Notification-system .v-Notification-caption {
+ color: #fff;
+ vertical-align: middle;
+}
+
+.osbp-steel .v-Notification-system .v-Notification-description, .osbp-steel .v-Notification-system .v-Notification-details {
+ color: #e6e6e6;
+}
+
+.osbp-steel .v-Notification-system u {
+ text-decoration: none;
+}
+
+.osbp-steel .v-Notification.tray {
+ text-align: left;
+}
+
+.osbp-steel .v-Notification.tray .v-Notification-caption + .v-Notification-description {
+ display: block;
+ margin: 0.5em 0 0;
+}
+
+.osbp-steel .v-Notification.warning {
+ background: #FFF3D2;
+}
+
+.osbp-steel .v-Notification.warning .v-Notification-caption {
+ color: #AC7C00;
+}
+
+.osbp-steel .v-Notification.warning .v-Notification-description {
+ color: #9D874D;
+}
+
+.osbp-steel .v-Notification.error {
+ background: #E3DC95;
+ font-weight: 400;
+ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25);
+}
+
+.osbp-steel .v-Notification.error .v-Notification-caption {
+ color: black;
+}
+
+.osbp-steel .v-Notification.error .v-Notification-description {
+ color: #333018;
+}
+
+.osbp-steel .v-Notification.dark {
+ background-color: #444;
+ background-color: rgba(68, 68, 68, 0.9);
+ font-weight: 400;
+ line-height: 17px;
+}
+
+.osbp-steel .v-Notification.dark .v-Notification-caption {
+ color: #fff;
+ vertical-align: middle;
+}
+
+.osbp-steel .v-Notification.dark .v-Notification-description, .osbp-steel .v-Notification.dark .v-Notification-details {
+ color: #e6e6e6;
+}
+
+.osbp-steel .v-Notification.bar {
+ left: 0 !important;
+ right: 0;
+ max-width: 100%;
+ margin: 0 !important;
+ border-radius: 0;
+ -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
+ padding: 8px 10px;
+}
+
+.osbp-steel .v-Notification.bar .v-Notification-description, .osbp-steel .v-Notification.bar .v-Notification-details {
+ max-width: 50em;
+}
+
+.osbp-steel .v-Notification.bar.v-position-top {
+ top: 0;
+}
+
+.osbp-steel .v-Notification.bar.v-position-top[class*="animate-in"] {
+ -webkit-animation: valo-animate-in-slide-down 300ms 10ms backwards;
+ -moz-animation: valo-animate-in-slide-down 300ms 10ms backwards;
+ animation: valo-animate-in-slide-down 300ms 10ms backwards;
+}
+
+.osbp-steel .v-Notification.bar.v-position-top[class*="animate-out"] {
+ -webkit-animation: valo-animate-out-slide-up 200ms;
+ -moz-animation: valo-animate-out-slide-up 200ms;
+ animation: valo-animate-out-slide-up 200ms;
+}
+
+.osbp-steel .v-Notification.bar.v-position-bottom {
+ bottom: 0;
+}
+
+.osbp-steel .v-Notification.bar.v-position-bottom[class*="animate-in"] {
+ -webkit-animation: valo-animate-in-slide-up 300ms 10ms backwards;
+ -moz-animation: valo-animate-in-slide-up 300ms 10ms backwards;
+ animation: valo-animate-in-slide-up 300ms 10ms backwards;
+}
+
+.osbp-steel .v-Notification.bar.v-position-bottom[class*="animate-out"] {
+ -webkit-animation: valo-animate-out-slide-down 200ms;
+ -moz-animation: valo-animate-out-slide-down 200ms;
+ animation: valo-animate-out-slide-down 200ms;
+}
+
+.osbp-steel .v-Notification.small {
+ padding: 7px 9px;
+}
+
+.osbp-steel .v-Notification.small .v-Notification-caption {
+ font-size: 12px;
+}
+
+.osbp-steel .v-Notification.small .v-Notification-description {
+ font-size: 10px;
+}
+
+.osbp-steel .v-Notification.closable {
+ padding-right: 38px;
+ overflow: hidden !important;
+ cursor: pointer;
+}
+
+.osbp-steel .v-Notification.closable:after {
+ content: "\00d7";
+ font-size: 1.5em;
+ position: absolute;
+ top: 50%;
+ margin-top: -8px;
+ right: 8px;
+ width: 16px;
+ height: 16px;
+ line-height: 15px;
+ cursor: pointer;
+ color: #fff;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+ text-align: center;
+ border: 1px solid #fff;
+ border-color: rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+ -webkit-transition: opacity 200ms;
+ -moz-transition: opacity 200ms;
+ transition: opacity 200ms;
+}
+
+.osbp-steel .v-Notification.closable:hover:after {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-steel .v-Notification.closable:active:after {
+ background-color: #fff;
+ color: #000;
+ opacity: 0.3;
+ filter: alpha(opacity=30.0) ;
+ -webkit-transition: none 200ms;
+ -moz-transition: none 200ms;
+ transition: none 200ms;
+}
+
+.osbp-steel .v-Notification.closable.dark:after, .osbp-steel .v-Notification.closable.error:after, .osbp-steel .v-Notification.closable.system:after {
+ color: #fff;
+ border-color: #fff;
+ border-color: rgba(255, 255, 255, 0.3);
+}
+
+.osbp-steel .v-Notification.closable.dark:active:after, .osbp-steel .v-Notification.closable.error:active:after, .osbp-steel .v-Notification.closable.system:active:after {
+ background-color: #fff;
+ color: #000;
+}
+
+.osbp-steel .v-Notification.closable.tray:after {
+ top: 10px;
+ margin-top: 0;
+}
+
+.osbp-steel .v-Notification.success, .osbp-steel .v-Notification.failure {
+ background: #fff;
+ color: #555;
+ border: 2px solid #2c9720;
+}
+
+.osbp-steel .v-Notification.success .v-Notification-caption, .osbp-steel .v-Notification.failure .v-Notification-caption {
+ color: #2c9720;
+ font-weight: 400;
+}
+
+.osbp-steel .v-Notification.success .v-Notification-caption:before, .osbp-steel .v-Notification.failure .v-Notification-caption:before {
+ font-family: ThemeIcons;
+ content: "\f00c";
+ margin-right: 0.5em;
+}
+
+.osbp-steel .v-Notification.success.bar, .osbp-steel .v-Notification.failure.bar {
+ margin: -2px !important;
+}
+
+.osbp-steel .v-Notification.failure {
+ border-color: #E3DC95;
+}
+
+.osbp-steel .v-Notification.failure .v-Notification-caption {
+ color: #E3DC95;
+}
+
+.osbp-steel .v-Notification.failure .v-Notification-caption:before {
+ content: "\f05e";
+}
+
+.osbp-steel .valo-menu {
+ height: 100%;
+ background-color: #949396;
+ background-image: -webkit-linear-gradient(right, #949396 0%, #949396 6px);
+ background-image: linear-gradient(to left,#949396 0%, #949396 6px);
+ color: #cac9ca;
+ font-size: 11px;
+ line-height: 19px;
+ border-right: 1px solid #111011;
+ white-space: nowrap;
+}
+
+.osbp-steel .valo-menu-toggle {
+ display: none;
+ position: fixed;
+ z-index: 200;
+ top: 2px;
+ left: 2px;
+ min-width: 0;
+}
+
+.osbp-steel .valo-menu-part {
+ border-left: 1px solid #111011;
+ height: 100%;
+ padding-bottom: 24px;
+ overflow: auto;
+}
+
+.osbp-steel .valo-menu-part:first-child {
+ border-left: none;
+}
+
+.osbp-steel .valo-menu-title, .osbp-steel .valo-menu-subtitle, .osbp-steel .valo-menu-item {
+ display: block;
+ line-height: inherit;
+ white-space: nowrap;
+ position: relative;
+}
+
+.osbp-steel .valo-menu-title .valo-menu-badge, .osbp-steel .valo-menu-subtitle .valo-menu-badge, .osbp-steel .valo-menu-item .valo-menu-badge {
+ position: absolute;
+ right: 12px;
+}
+
+.osbp-steel .valo-menu-title {
+ line-height: 1.2;
+ background: #5D737E;
+ color: white;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+ padding: 8px 12px;
+ font-size: 11px;
+ border-bottom: 1px solid #111011;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ text-align: center;
+}
+
+.osbp-steel .valo-menu-title .v-menubar.v-menubar {
+ background: transparent;
+ border-color: #111011;
+ color: inherit;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ text-shadow: inherit;
+}
+
+.osbp-steel .valo-menu-title .v-menubar-menuitem {
+ background: transparent;
+
+
+ text-shadow: inherit;
+ font-size: 12px;
+ border-color: inherit;
+}
+
+.osbp-steel .valo-menu-title h1, .osbp-steel .valo-menu-title .v-label-h1, .osbp-steel .valo-menu-title h2, .osbp-steel .valo-menu-title .v-label-h2, .osbp-steel .valo-menu-title h3, .osbp-steel .valo-menu-title .v-label-h3, .osbp-steel .valo-menu-title h4, .osbp-steel .valo-menu-title .v-label-h4 {
+ margin-top: 0;
+ margin-bottom: 0;
+ color: inherit;
+}
+
+.osbp-steel .v-menubar-user-menu {
+ border: none;
+ border-radius: 0;
+ padding: 1px;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ text-shadow: none;
+ background: transparent;
+ color: inherit;
+ margin: 12px 5px;
+ display: block;
+ overflow: hidden;
+ text-align: center;
+ height: auto;
+ color: inherit;
+}
+
+.osbp-steel .v-menubar-user-menu:focus:after {
+ display: none;
+}
+
+.osbp-steel .v-menubar-user-menu .v-menubar-menuitem {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: none;
+ margin-right: 1px;
+ border-radius: 0px;
+ color: #5D737E;
+ padding: 0 8px;
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+}
+
+.osbp-steel .v-menubar-user-menu .v-menubar-menuitem:first-child, .osbp-steel .v-menubar-user-menu .v-menubar-menuitem:last-child, .osbp-steel .v-menubar-user-menu .v-menubar-menuitem:first-child:last-child {
+ border-radius: 0px;
+}
+
+.osbp-steel .v-menubar-user-menu .v-menubar-menuitem:before {
+ content: none;
+}
+
+.osbp-steel .v-menubar-user-menu .v-menubar-menuitem:hover {
+ color: #758d99;
+}
+
+.osbp-steel .v-menubar-user-menu .v-menubar-menuitem:active {
+ color: inherit;
+}
+
+.osbp-steel .v-menubar-user-menu .v-menubar-menuitem-checked, .osbp-steel .v-menubar-user-menu .v-menubar-menuitem-checked:first-child {
+ border: 1px solid #111011;
+ color: #5D737E;
+}
+
+.osbp-steel .v-menubar-user-menu .v-menubar-menuitem-checked .v-menubar-menuitem-caption, .osbp-steel .v-menubar-user-menu .v-menubar-menuitem-checked:first-child .v-menubar-menuitem-caption {
+ position: relative;
+ top: -1px;
+}
+
+.osbp-steel .v-menubar-user-menu .v-menubar-menuitem-selected {
+ color: #eff1f2;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .v-menubar-user-menu .v-menubar-menuitem-selected:hover {
+ color: #eff1f2;
+}
+
+.osbp-steel .v-menubar-user-menu .v-menubar-menuitem-disabled, .osbp-steel .v-menubar-user-menu .v-menubar-menuitem-disabled:hover {
+ color: inherit;
+}
+
+.osbp-steel .v-menubar-user-menu > .v-menubar-menuitem {
+ color: inherit;
+ white-space: normal;
+ line-height: 1.4;
+ margin: 0;
+}
+
+.osbp-steel .v-menubar-user-menu > .v-menubar-menuitem img.v-icon {
+ width: 36px;
+ height: 36px;
+ border-radius: 19px;
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ display: block;
+ margin: 0 auto 0.3em;
+ border: 1px solid #111011;
+}
+
+.osbp-steel .v-menubar-user-menu > .v-menubar-menuitem:after {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+
+.osbp-steel .v-menubar-user-menu .v-menubar-menuitem-selected {
+ background: transparent;
+}
+
+.osbp-steel .valo-menu-subtitle {
+ color: #b7b7b8;
+ margin: 5px 0 5px 12px;
+ border-bottom: 1px solid #a4a3a5;
+}
+
+.osbp-steel .valo-menu-subtitle [class*="badge"] {
+ color: #9faaaf;
+}
+
+.osbp-steel .valo-menuitems {
+ display: block;
+}
+
+.osbp-steel .valo-menu-item {
+ outline: none;
+ font-weight: 400;
+ padding: 0 24px 0 12px;
+ cursor: pointer;
+ position: relative;
+ overflow: hidden;
+ text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
+ -webkit-transition: background-color 300ms, color 60ms;
+ -moz-transition: background-color 300ms, color 60ms;
+ transition: background-color 300ms, color 60ms;
+}
+
+.osbp-steel .valo-menu-item [class*="caption"] {
+ vertical-align: middle;
+ display: inline-block;
+ width: 90%;
+ max-width: 15em;
+ padding-right: 12px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+
+.osbp-steel .valo-menu-item [class*="badge"] {
+ color: #9faaaf;
+}
+
+.osbp-steel .valo-menu-item.selected {
+ background: #8c8b8e;
+}
+
+.osbp-steel .valo-menu-item.selected .v-icon {
+ color: #5D737E;
+}
+
+.osbp-steel .valo-menu-item.selected [class*="badge"] {
+ background: #5D737E;
+ color: #d2d8da;
+}
+
+.osbp-steel .valo-menu-item:focus, .osbp-steel .valo-menu-item:hover, .osbp-steel .valo-menu-item.selected {
+ color: white;
+}
+
+.osbp-steel .valo-menu-item span.v-icon {
+ min-width: 1em;
+ margin-right: 12px;
+ text-align: center;
+ vertical-align: middle;
+}
+
+.osbp-steel .valo-menu-item span.v-icon + span {
+ margin-left: 0;
+}
+
+.osbp-steel .valo-menu-item [class*="badge"] {
+ background-color: #a1a0a3;
+ -webkit-transition: background-color 300ms;
+ -moz-transition: background-color 300ms;
+ transition: background-color 300ms;
+ line-height: 1;
+ padding: 3px 4px;
+ min-width: 8px;
+ text-align: center;
+ top: 1px;
+ border-radius: 0px;
+}
+
+.osbp-steel .valo-menu-part.large-icons {
+ background-color: #949396;
+ min-width: 48px;
+ max-width: 72px;
+}
+
+.osbp-steel .valo-menu-part.large-icons .valo-menu-title {
+ font-size: 9px;
+}
+
+.osbp-steel .valo-menu-part.large-icons .valo-menu-title .v-label-undef-w {
+ white-space: normal;
+}
+
+.osbp-steel .valo-menu-part.large-icons .v-menubar-user-menu {
+ margin-left: 0;
+ margin-right: 0;
+ font-size: 8px;
+}
+
+.osbp-steel .valo-menu-part.large-icons .v-menubar-user-menu img.v-icon {
+ width: 18px;
+ height: 18px;
+}
+
+.osbp-steel .valo-menu-part.large-icons [class*="subtitle"] {
+ margin: 6px 0 0;
+ padding: 5px 16px 5px 6px;
+ line-height: 1;
+ border: none;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ background: #858387;
+ font-size: 10px;
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-steel .valo-menu-part.large-icons [class*="subtitle"] [class*="badge"] {
+ right: 6px;
+}
+
+.osbp-steel .valo-menu-part.large-icons [class*="subtitle"] + .valo-menu-item {
+ border-top: none;
+}
+
+.osbp-steel .valo-menu-part.large-icons .valo-menu-item {
+ display: block;
+ font-size: 19px;
+ line-height: 1;
+ padding: 8px;
+ text-align: center;
+ border-top: 1px solid #9a999c;
+}
+
+.osbp-steel .valo-menu-part.large-icons .valo-menu-item:first-child {
+ border-top: none;
+}
+
+.osbp-steel .valo-menu-part.large-icons .valo-menu-item [class*="caption"] {
+ display: block;
+ width: auto;
+ margin: 0.3em 0 0;
+ padding: 0;
+ font-size: 8px;
+ line-height: 1.3;
+}
+
+.osbp-steel .valo-menu-part.large-icons .valo-menu-item .v-icon {
+ margin: 0;
+}
+
+.osbp-steel .valo-menu-part.large-icons .valo-menu-item span.v-icon {
+ opacity: 0.8;
+}
+
+.osbp-steel .valo-menu-part.large-icons .valo-menu-item.selected {
+ background: #8c8b8e;
+}
+
+.osbp-steel .valo-menu-part.large-icons .valo-menu-item.selected .v-icon {
+ opacity: 1;
+}
+
+.osbp-steel .valo-menu-part.large-icons .valo-menu-item.selected [class*="badge"] {
+ border-color: #8c8b8e;
+}
+
+.osbp-steel .valo-menu-part.large-icons .valo-menu-item [class*="badge"] {
+ padding-left: 3px;
+ padding-right: 3px;
+ top: 5px;
+ right: 5px;
+ border: 2px solid #949396;
+}
+
+.osbp-steel .valo-menu-logo {
+ display: block;
+ overflow: hidden;
+ width: 29px !important;
+ height: 29px;
+ border-radius: 0px;
+ text-align: center;
+ background: #5D737E;
+ color: white;
+ font-size: 16px;
+ line-height: 29px;
+ margin: 12px auto;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-steel .valo-menu-logo:focus {
+ outline: none;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part {
+ background-color: #949396;
+ min-width: 48px;
+ max-width: 72px;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-title {
+ font-size: 9px;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-title .v-label-undef-w {
+ white-space: normal;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .v-menubar-user-menu {
+ margin-left: 0;
+ margin-right: 0;
+ font-size: 8px;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .v-menubar-user-menu img.v-icon {
+ width: 18px;
+ height: 18px;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part [class*="subtitle"] {
+ margin: 6px 0 0;
+ padding: 5px 16px 5px 6px;
+ line-height: 1;
+ border: none;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ background: #858387;
+ font-size: 10px;
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part [class*="subtitle"] [class*="badge"] {
+ right: 6px;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part [class*="subtitle"] + .valo-menu-item {
+ border-top: none;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item {
+ display: block;
+ font-size: 19px;
+ line-height: 1;
+ padding: 8px;
+ text-align: center;
+ border-top: 1px solid #9a999c;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item:first-child {
+ border-top: none;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item [class*="caption"] {
+ display: block;
+ width: auto;
+ margin: 0.3em 0 0;
+ padding: 0;
+ font-size: 8px;
+ line-height: 1.3;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item .v-icon {
+ margin: 0;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item span.v-icon {
+ opacity: 0.8;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item.selected {
+ background: #8c8b8e;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item.selected .v-icon {
+ opacity: 1;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item.selected [class*="badge"] {
+ border-color: #8c8b8e;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item [class*="badge"] {
+ padding-left: 3px;
+ padding-right: 3px;
+ top: 5px;
+ right: 5px;
+ border: 2px solid #949396;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="0-800px"] {
+ padding-top: 24px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="0-800px"] .v-loading-indicator {
+ top: 24px;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="0-800px"] > .v-widget {
+ position: relative !important;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="0-800px"] .valo-menu {
+ border-right: none;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="0-800px"] .valo-menu-part {
+ overflow: visible;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="0-800px"] .valo-menu-toggle {
+ display: inline-block;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="0-800px"] .valo-menu-title {
+ position: fixed;
+ z-index: 100;
+ top: 0;
+ left: 0;
+ right: 0;
+ height: 24px !important;
+ padding-top: 0;
+ padding-bottom: 0;
+ -webkit-backface-visibility: hidden;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="0-800px"] .valo-menu .v-menubar-user-menu {
+ position: fixed;
+ z-index: 100;
+ top: 0;
+ right: 0;
+ margin: 0;
+ padding: 0;
+ height: 24px;
+ color: #aeb9be;
+ max-width: 30%;
+ -webkit-backface-visibility: hidden;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="0-800px"] .valo-menu .v-menubar-user-menu .v-menubar-menuitem {
+ line-height: 23px;
+ white-space: nowrap;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="0-800px"] .valo-menu .v-menubar-user-menu img.v-icon {
+ display: inline-block;
+ margin: 0 4px 0 0;
+ width: 12px;
+ height: 12px;
+ border-radius: 6px;
+ border: none;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="0-800px"] .valo-menuitems {
+ height: 100%;
+ background-color: #949396;
+ background-image: -webkit-linear-gradient(right, #949396 0%, #949396 6px);
+ background-image: linear-gradient(to left,#949396 0%, #949396 6px);
+ color: #cac9ca;
+ font-size: 11px;
+ line-height: 19px;
+ border-right: 1px solid #111011;
+ white-space: nowrap;
+ position: fixed;
+ z-index: 9000;
+ top: 24px;
+ bottom: 0;
+ height: auto;
+ max-width: 100%;
+ overflow: auto;
+ padding: 12px 0;
+ -webkit-transform: translatex(-100%);
+ -moz-transform: translatex(-100%);
+ -ms-transform: translatex(-100%);
+ -o-transform: translatex(-100%);
+ transform: translatex(-100%);
+ -webkit-transition: all 300ms;
+ -moz-transition: all 300ms;
+ transition: all 300ms;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="0-800px"] .valo-menu-visible .valo-menuitems {
+ -webkit-transform: translatex(0%);
+ -moz-transform: translatex(0%);
+ -ms-transform: translatex(0%);
+ -o-transform: translatex(0%);
+ transform: translatex(0%);
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="0-500px"] .valo-menu-toggle .v-button-caption {
+ display: none;
+}
+
+.osbp-steel .valo-menu-responsive[width-range~="0-500px"] .valo-menu .v-menubar-user-menu .v-menubar-menuitem-caption {
+ display: inline-block;
+ width: 12px;
+ overflow: hidden;
+}
+
+.osbp-steel .v-verticallayout-os-welcome {
+ padding: 0px !important;
+}
+
+.osbp-steel iframe {
+ border-width: 0px;
+}
+
+:root .osbp-steel .v-checkbox {
+ line-height: 24px;
+ padding-top: inherit;
+}
+
+:root .osbp-steel .v-checkbox label {
+ padding-left: 12px;
+}
+
+:root .osbp-steel .v-checkbox > input ~ label:before, :root .osbp-steel .v-checkbox > input ~ label:after {
+ width: 24px;
+ height: 23px;
+ position: absolute;
+ left: 0px !important;
+ font-size: 12px;
+ line-height: 24px;
+}
+
+:root .osbp-steel .v-checkbox > input ~ label:before {
+ height: 24px;
+ border: 0px;
+ border-bottom: 1px solid #111011;
+ background: #2b292a;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+:root .osbp-steel .v-checkbox > input ~ label:before, :root .osbp-steel .v-checkbox > input ~ label:after {
+ margin-top: inherit;
+}
+
+:root .osbp-steel .v-checkbox > input ~ label:before {
+ margin-top: inherit;
+}
+
+.osbp-steel .v-verticallayout-part {
+ border: 1px solid #111011;
+}
+
+.osbp-steel h1 {
+ background: #2b292a;
+ padding: 6px 12px;
+ border: 1px solid #111011;
+ font-size: 21.6px;
+ font-weight: bold;
+ color: #c4c3c3;
+ text-align: center;
+}
+
+.osbp-steel .popupContent .v-window-header {
+ font-size: 16.8px;
+ padding: 8px;
+ font-weight: bold;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ color: #c4c3c3;
+ line-height: 29.4px;
+ letter-spacing: 0em !important;
+ min-width: $os-button-width;
+ text-align: center;
+}
+
+.osbp-steel .popupContent .v-window-header .v-icon {
+ padding-right: 7.2px;
+}
+
+.osbp-steel .popupContent .v-window-closebox {
+ background: transparent;
+ border: 0px;
+ float: right;
+}
+
+.osbp-steel .popupContent .v-window-closebox:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 21px;
+ content: "\2715";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .popupContent .v-window-maximizebox {
+ width: 28.8px !important;
+ background: transparent;
+ border: 0px;
+ float: right;
+ border-bottom-left-radius: 12px;
+}
+
+.osbp-steel .popupContent .v-window-maximizebox:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 21px;
+ content: "\f096";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .popupContent .v-window-restorebox {
+ width: 38.4px !important;
+ background: transparent;
+ border: 0px;
+ float: right;
+ -moz-transform: scale(-1, 1);
+ -webkit-transform: scale(-1, 1);
+ -o-transform: scale(-1, 1);
+ -ms-transform: scale(-1, 1);
+ transform: scale(-1, 1);
+ border-bottom-right-radius: 12px;
+}
+
+.osbp-steel .popupContent .v-window-restorebox:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 21px;
+ content: "\f24d";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .popupContent .v-window-closebox, .osbp-steel .popupContent .v-window-maximizebox, .osbp-steel .popupContent .v-window-restorebox {
+ background-color: #2b292a;
+ height: 24px;
+ color: #c4c3c3;
+}
+
+.osbp-steel .popupContent .v-window-closebox-disabled {
+ display: block;
+ cursor: auto;
+ color: #e1e1e1;
+}
+
+.osbp-steel .popupContent .v-table-cell-content {
+ height: 31px;
+}
+
+.osbp-steel .v-panel {
+ border-width: 0px;
+}
+
+.osbp-steel .v-button {
+ height: 32px;
+ padding: 0 13px;
+ color: #e1e1e1;
+ font-weight: 600;
+
+
+ border-radius: 0px;
+ border: #3d3b3c #111011;
+ background: #949396;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ text-transform: uppercase;
+ border-color: #949396;
+ margin-left: 4px;
+}
+
+.osbp-steel .v-button.v-pressed {
+ background: #8d9da4 !important;
+ border-color: #8d9da4 !important;
+}
+
+.osbp-steel .v-button:after {
+ transition: none;
+}
+
+.osbp-steel .v-button:hover {
+ background: #5D737E;
+ border-color: #5D737E;
+ color: #d2d8da;
+}
+
+.osbp-steel .v-button:focus:after {
+ border-color: transparent;
+ transition: none;
+}
+
+.osbp-steel .os-data-component > .v-button {
+ margin-right: 12px;
+}
+
+.osbp-steel .v-textfield {
+ background-color: #2b292a;
+ border-top: transparent;
+ border-left: transparent;
+ border-right: transparent;
+}
+
+.osbp-steel .v-textfield:focus {
+ background-color: #aeb9be;
+ color: #2f3437;
+}
+
+.osbp-steel .v-textfield:hover {
+ border-bottom-color: #5D737E;
+}
+
+.osbp-steel .v-textarea {
+ background-color: #2b292a;
+ border-top: transparent;
+ border-left: transparent;
+ border-right: transparent;
+}
+
+.osbp-steel .v-textarea:focus {
+ background-color: #aeb9be;
+ color: #2f3437;
+}
+
+.osbp-steel .v-textarea:hover {
+ border-bottom-color: #5D737E;
+}
+
+.osbp-steel .v-filterselect {
+ background-color: #2b292a;
+ border-top: transparent;
+ border-left: transparent;
+ border-right: transparent;
+}
+
+.osbp-steel .v-filterselect:focus {
+ background-color: #aeb9be;
+ color: #2f3437;
+}
+
+.osbp-steel .v-filterselect:hover {
+ border-bottom-color: #5D737E;
+}
+
+.osbp-steel .o-XSuggestBox, .osbp-steel .o-XSuggestBox > .v-textfield {
+ background-color: #2b292a;
+ border-top: transparent;
+ border-left: transparent;
+ border-right: transparent;
+ height: 24px;
+}
+
+.osbp-steel .o-XSuggestBox:focus, .osbp-steel .o-XSuggestBox > .v-textfield:focus {
+ background-color: #aeb9be;
+ color: #2f3437;
+}
+
+.osbp-steel .o-XSuggestBox:hover, .osbp-steel .o-XSuggestBox > .v-textfield:hover {
+ border-bottom-color: #5D737E;
+}
+
+.osbp-steel .os-view-header-h2, .osbp-steel .v-label-h2 {
+ font-size: 16.8px;
+ padding: 8px;
+ font-weight: bold;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ color: #c4c3c3;
+ line-height: 29.4px;
+ letter-spacing: 0em !important;
+ min-width: $os-button-width;
+}
+
+.osbp-steel .os-org-container {
+ background: transparent !important;
+}
+
+.osbp-steel .os-data-area {
+ margin: 8px;
+}
+
+.osbp-steel .os-multi-area .os-data-area {
+ overflow: inherit !important;
+}
+
+.osbp-steel input.gwt-FileUpload {
+ z-index: -1 !important;
+}
+
+.osbp-steel .v-customcomponent .v-button {
+ margin: 0px;
+}
+
+.osbp-steel .os-mparttoolbararea, .osbp-steel .os-embedded-toolbar {
+ width: 100%;
+ min-height: 32px;
+ border-bottom: 1px solid #111011;
+ color: #c4c3c3;
+ background: #3d3b3c;
+}
+
+.osbp-steel .os-mparttoolbararea .v-button, .osbp-steel .os-embedded-toolbar .v-button {
+ background: #3d3b3c;
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .os-mparttoolbararea .v-button:hover, .osbp-steel .os-mparttoolbararea .v-button:focus, .osbp-steel .os-mparttoolbararea .v-button:active, .osbp-steel .os-embedded-toolbar .v-button:hover, .osbp-steel .os-embedded-toolbar .v-button:focus, .osbp-steel .os-embedded-toolbar .v-button:active {
+ background: #aeb9be;
+}
+
+.osbp-steel .os-mparttoolbararea span.v-button-caption, .osbp-steel .os-embedded-toolbar span.v-button-caption {
+ vertical-align: middle;
+}
+
+.osbp-steel .v-splitpanel-vertical > div > .v-splitpanel-vsplitter {
+ height: 8.72727px;
+}
+
+.osbp-steel .v-splitpanel-vertical > div > .v-splitpanel-vsplitter:after {
+ top: 0px;
+ bottom: 0px;
+}
+
+.osbp-steel .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before {
+ height: 24px;
+ padding: 0 10px;
+ color: #ecebec;
+ font-weight: 400;
+
+
+ border-radius: 0px;
+ border: 1px solid #111011;
+ background: #3d3b3c;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ height: auto;
+ padding: 0;
+ border-radius: 0;
+}
+
+.osbp-steel .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-steel .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:hover:after {
+ background-color: rgba(100, 97, 98, 0.1);
+}
+
+.osbp-steel .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+}
+
+.osbp-steel .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:active:after {
+ background-color: rgba(31, 29, 30, 0.2);
+}
+
+.osbp-steel .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:after {
+ content: "";
+ border: 1px solid #111011;
+ border-top-color: #111011;
+ border-left-color: #111011;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 24px;
+ height: 0;
+ margin-left: -12px;
+ margin-top: -1px;
+}
+
+.osbp-steel .v-splitpanel-vertical > div {
+ height: 8.72727px;
+}
+
+.osbp-steel .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before {
+ border: transparent;
+ background-color: #2b292a;
+}
+
+.osbp-steel .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:after {
+ border-color: #8a8789;
+}
+
+.osbp-steel .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter {
+ width: 8.72727px;
+}
+
+.osbp-steel .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter:after {
+ left: 0px;
+ right: 0px;
+}
+
+.osbp-steel .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before {
+ height: 24px;
+ padding: 0 10px;
+ color: #ecebec;
+ font-weight: 400;
+
+
+ border-radius: 0px;
+ border: 1px solid #111011;
+ background: #3d3b3c;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ height: auto;
+ padding: 0;
+ border-radius: 0;
+ background: #3d3b3c;
+}
+
+.osbp-steel .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-steel .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:hover:after {
+ background-color: rgba(100, 97, 98, 0.1);
+}
+
+.osbp-steel .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+}
+
+.osbp-steel .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:active:after {
+ background-color: rgba(31, 29, 30, 0.2);
+}
+
+.osbp-steel .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:after {
+ content: "";
+ border: 1px solid #111011;
+ border-top-color: #111011;
+ border-left-color: #111011;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 0;
+ height: 24px;
+ margin-left: -1px;
+ margin-top: -12px;
+}
+
+.osbp-steel .v-splitpanel-horizontal > div > .v-splitpanel-second-container {
+ margin-left: 8.72727px;
+}
+
+.osbp-steel .v-splitpanel-horizontal > div {
+ width: 8.72727px;
+}
+
+.osbp-steel .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before {
+ border: transparent;
+ background-color: #2b292a;
+}
+
+.osbp-steel .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:after {
+ border-color: #8a8789;
+}
+
+.osbp-steel .os-important .v-progressbar-indicator {
+ background: #be1e2d none;
+}
+
+.osbp-steel .v-loading-indicator {
+ opacity: 0.5;
+}
+
+.osbp-steel .v-app-loading:before {
+ left: auto;
+ width: 100%;
+ height: 32px;
+ padding: 0px;
+ margin-top: 0px;
+ margin-left: 0px;
+ background: transparent url('load_bar_2.gif') no-repeat 50%;
+ border-radius: 0px;
+}
+
+.osbp-steel .v-menubar {
+ background-repeat: no-repeat;
+ background-position: 50%;
+ background-size: auto 24px;
+ background-color: #2b292a;
+ border: 0px;
+ border-bottom: 3px solid #5D737E;
+ height: 27px;
+}
+
+.osbp-steel .v-ui > .v-panel > .v-panel-content > .v-verticallayout > .v-expand > .v-slot > .v-verticallayout > .v-expand > .v-slot:nth-child(1) {
+ background-color: #2b292a;
+}
+
+.osbp-steel .v-ui > .v-panel > .v-panel-content > .v-verticallayout > .v-expand > .v-slot > .v-verticallayout > .v-expand > .v-slot:nth-child(2) {
+ display: none;
+}
+
+.osbp-steel .toptrimbar {
+ overflow: hidden;
+ white-space: nowrap;
+ position: inherit;
+ bottom: 0px;
+ height: 58.52728px;
+ height: 60px;
+}
+
+.osbp-steel .toptrimbar .ToolControlMenu {
+ position: relative;
+ top: 10%;
+}
+
+.osbp-steel .toptrimbar .ToolControlCombo {
+ position: relative;
+ top: 75%;
+}
+
+.osbp-steel .toptrimbar .v-button {
+ border: none;
+ background: transparent;
+ padding: 0px;
+}
+
+.osbp-steel .toptrimbar .v-filterselect, .osbp-steel .toptrimbar .v-filterselect-input {
+ background-color: #2b292a !important;
+ color: #c4c3c3 !important;
+}
+
+.osbp-steel .toptrimbar .v-filterselect.v-widget.os-combobox-with-icon .v-icon {
+ z-index: 999;
+}
+
+.osbp-steel .toptrimbar td.v-formlayout-errorcell, .osbp-steel .toptrimbar td.v-formlayout-captioncell {
+ border-bottom: none;
+}
+
+.osbp-steel .perspectivepanel {
+ margin-right: 24px;
+}
+
+.osbp-steel .perspectivepanel .v-button {
+ height: 39px;
+}
+
+.osbp-steel .perspectivepanel .v-button-pushed {
+ background: #5D737E !important;
+ border-color: #5D737E !important;
+}
+
+.osbp-steel .perspectivepanel .v-button-pushed .v-button-caption {
+ color: #d2d8da !important;
+}
+
+.osbp-steel .v-slot-loginPanelArea {
+ background-image: url('U68NITW3EI_s.jpg');
+ background-repeat: no-repeat;
+ background-color: #2b292a;
+ background-size: 450px 120px;
+ background-position: 50% 100px;
+}
+
+.osbp-steel .loginPanelArea.v-panel {
+ border: 0px !important;
+ background: transparent;
+ position: relative;
+ top: 300px;
+}
+
+.osbp-steel .loginFullArea {
+ background: #3d3b3c;
+}
+
+.osbp-steel .osbpLoginForm {
+ background: transparent;
+ padding: 0px !important;
+}
+
+.osbp-steel .v-slot-loginTitleArea {
+ background: transparent;
+ border-left: 1px solid #111011;
+ border-right: 1px solid #111011;
+ border-top: 1px solid #111011;
+}
+
+.osbp-steel .v-slot-loginTitleArea .os-view-header-h2 {
+ text-align: center;
+}
+
+.osbp-steel .v-slot-loginTextArea {
+ background: transparent;
+ width: 100% !important;
+}
+
+.osbp-steel .v-slot-loginTextArea .v-textfield {
+ height: 36px;
+ background-color: #2b292a;
+ margin-bottom: 5px;
+ border-radius: 4px;
+}
+
+.osbp-steel .v-slot-loginTextArea .v-textfield:focus {
+ background-color: #aeb9be;
+}
+
+.osbp-steel .v-slot-loginTextArea .v-textfield:hover {
+ border-color: #5D737E;
+}
+
+.osbp-steel div#loginUserArea {
+ background: transparent;
+ border-left: 1px solid #111011;
+ border-right: 1px solid #111011;
+ padding: 24px 48px 24px 48px;
+}
+
+.osbp-steel div#loginButtonArea {
+ background: transparent;
+ border-left: 1px solid #111011;
+ border-right: 1px solid #111011;
+ border-bottom: 1px solid #111011;
+ padding: 0px 48px 24px 48px;
+ -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.35);
+ box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-steel div#loginTextArea {
+ background: transparent;
+ border-left: 1px solid #111011;
+ border-right: 1px solid #111011;
+ padding: 0px 48px 24px 48px;
+}
+
+.osbp-steel div#loginTextArea > .v-expand {
+ width: 90%;
+ margin: 0 auto;
+}
+
+.osbp-steel div#loginImageArea {
+ padding: 0px;
+ width: 0px !important;
+}
+
+.osbp-steel div#loginImageArea img {
+ display: none;
+}
+
+.osbp-steel .loginLoginArea > .v-expand > .v-slot {
+ vertical-align: middle !important;
+}
+
+.osbp-steel .loginLoginArea > .v-expand > .v-slot .v-checkbox > input ~ label:before {
+ border-radius: 50%;
+}
+
+.osbp-steel div#loginRegisterArea button.v-nativebutton.v-widget.v-has-width {
+ border: none;
+ background: transparent;
+ color: #5D737E;
+ font-weight: bold;
+}
+
+.osbp-steel div#loginRegisterArea .v-expand {
+ padding-top: 1px;
+}
+
+.osbp-steel .loginCopyrightArea .v-label.v-widget.v-has-width {
+ padding: 7.2px;
+ padding-bottom: 1px;
+ text-align: center;
+ background-color: rgba(61, 59, 60, 0.25);
+ color: #949396;
+ font-weight: bold;
+}
+
+.osbp-steel .loginCopyrightArea .v-label.v-widget.loginVersionField {
+ padding: 2.4px;
+ padding-right: 10px;
+ text-align: right;
+ font-size: 10px;
+}
+
+.osbp-steel .v-table-table td {
+ border-top: 0px;
+}
+
+.osbp-steel .v-table-body-wrapper {
+ border: 0px;
+}
+
+.osbp-steel .v-table-body {
+ background-color: #2b292a;
+}
+
+.osbp-steel .v-table-cell-wrapper > .v-widget {
+ margin: inherit;
+}
+
+.osbp-steel .v-table-header {
+ font-size: 12px;
+}
+
+.osbp-steel .v-table-header .v-icon {
+ display: none;
+}
+
+.osbp-steel .v-table-header-wrap {
+ border: 0px;
+ font-weight: bold;
+ border-top: 1px solid #111011;
+ border-bottom: 1px solid #111011;
+}
+
+.osbp-steel .v-table-header-wrap .v-table-column-selector {
+ border: 0px;
+ width: auto !important;
+ right: 1px;
+ background: transparent;
+ border: 0px;
+ float: right;
+}
+
+.osbp-steel .v-table-header-wrap .v-table-column-selector:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 21px;
+ content: "\f0c9";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .v-align-right > .v-table-cell-wrapper {
+ text-align: right !important;
+}
+
+.osbp-steel .v-align-center > .v-table-cell-wrapper {
+ text-align: center !important;
+}
+
+.osbp-steel .v-align-left > .v-table-cell-wrapper {
+ text-align: left !important;
+}
+
+.osbp-steel [class*="rowheader"] {
+ background-color: rgba(93, 115, 126, 0.1);
+}
+
+.osbp-steel .filters-wrap {
+ overflow: hidden;
+ background-color: #2b292a;
+ height: 24px;
+}
+
+.osbp-steel .filters-wrap div {
+ height: 24px;
+}
+
+.osbp-steel .filters-panel {
+ width: 90000px;
+ overflow: hidden;
+ line-height: 21px;
+ color: #c4c3c3;
+ font-style: italic;
+}
+
+.osbp-steel .filters-panel > div, .osbp-steel .filters-panel > span, .osbp-steel .filters-panel > input {
+ float: left !important;
+}
+
+.osbp-steel .filters-panel .v.label, .osbp-steel .filters-panel .filterplaceholder {
+ height: 23px;
+ border-bottom: 1px solid #111011;
+}
+
+.osbp-steel .filters-panel .v-textfield {
+ text-align: center;
+ white-space: normal;
+ color: #c4c3c3;
+ background-color: #2b292a;
+ border-right-width: 0px;
+ border-top-width: 0px;
+ border-left: 1px solid #111011;
+ border-left-color: #3d3b3c;
+}
+
+.osbp-steel .filters-panel .v-textfield:focus, .osbp-steel .filters-panel .v-textfield .v-textfield-focus {
+ background-color: #aeb9be;
+ color: #2f3437;
+ border-right-width: 0px;
+ border-top-width: 0px;
+ border-left: 1px solid #111011;
+ border-left-color: #3d3b3c;
+ border-bottom-color: #5D737E;
+}
+
+.osbp-steel .filters-panel .datefilterpopup > .v-button, .osbp-steel .filters-panel .numberfilterpopup > .v-button {
+ color: #c4c3c3;
+ white-space: normal;
+ background: #2b292a;
+ padding-top: 1px;
+ border-right-width: 0px;
+ border-top-width: 0px;
+ border-left-width: 1px;
+ border-left-color: #3d3b3c;
+ border-bottom: 1px solid #111011;
+ margin-left: 0px;
+ font-weight: normal;
+ text-transform: none;
+}
+
+.osbp-steel .filters-panel .datefilterpopup > .v-button:focus, .osbp-steel .filters-panel .numberfilterpopup > .v-button:focus {
+ background-color: #aeb9be;
+ color: #2f3437;
+ border-bottom-color: #5D737E;
+ border-bottom-width: 1px;
+ border-left: 1px solid #111011;
+ border-left-color: #3d3b3c;
+}
+
+.osbp-steel .filters-panel .datefilterpopup > .v-button:focus:after, .osbp-steel .filters-panel .numberfilterpopup > .v-button:focus:after {
+ border-right-width: 0px;
+ border-top-width: 0px;
+ border-left: 1px solid #111011;
+ border-left-color: #3d3b3c;
+ border-bottom-width: 1px;
+}
+
+.osbp-steel .filters-panel .datefilterpopup > .v-button:hover:after, .osbp-steel .filters-panel .numberfilterpopup > .v-button:hover:after {
+ border-bottom-width: 1px;
+ border-left: 1px solid #111011;
+ border-left-color: #3d3b3c;
+}
+
+.osbp-steel .filters-panel .datefilterpopup > .v-button .v-popup-indicator, .osbp-steel .filters-panel .numberfilterpopup > .v-button .v-popup-indicator {
+ display: none;
+}
+
+.osbp-steel .filters-panel .datefilterpopup > .v-button .v-button-caption, .osbp-steel .filters-panel .numberfilterpopup > .v-button .v-button-caption {
+ background: transparent;
+ border: 0px;
+ float: none;
+ text-transform: none;
+}
+
+.osbp-steel .filters-panel .datefilterpopup > .v-button .v-button-caption:after, .osbp-steel .filters-panel .numberfilterpopup > .v-button .v-button-caption:after {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 21px;
+ content: "\F078";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .filters-panel .datefilterpopup > .v-button .v-button-caption:after, .osbp-steel .filters-panel .numberfilterpopup > .v-button .v-button-caption:after {
+ font-style: normal;
+ padding-left: 6px;
+}
+
+.osbp-steel .v-tabsheet-tabsheetpanel .v-panel .v-verticallayout-part {
+ border-top: 0px;
+}
+
+.osbp-steel .vaadock-tabsheet-button-panel {
+ float: right;
+ position: absolute;
+ height: 100%;
+ top: 0px;
+ right: 0px;
+ width: 60px;
+ background-color: #2b292a;
+ height: calc(100% - 1px);
+ border-bottom: 1px solid #111011;
+}
+
+.osbp-steel .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-maximize-button {
+ background: transparent;
+ border: 0px;
+ float: right;
+ color: #c4c3c3;
+}
+
+.osbp-steel .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-maximize-button:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 21px;
+ content: "\f096";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-maximize-button:before {
+ vertical-align: middle;
+}
+
+.osbp-steel .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-minimize-button {
+ background: transparent;
+ border: 0px;
+ float: right;
+ color: #c4c3c3;
+}
+
+.osbp-steel .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-minimize-button:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 21px;
+ content: "\f147";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-minimize-button:before {
+ vertical-align: middle;
+}
+
+.osbp-steel .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-restore-button {
+ background: transparent;
+ border: 0px;
+ float: right;
+ -moz-transform: scale(-1, 1);
+ -webkit-transform: scale(-1, 1);
+ -o-transform: scale(-1, 1);
+ -ms-transform: scale(-1, 1);
+ transform: scale(-1, 1);
+ color: #c4c3c3;
+}
+
+.osbp-steel .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-restore-button:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 21px;
+ content: "\f24d";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-restore-button:before {
+ vertical-align: middle;
+}
+
+.osbp-steel .v-tabsheet-scroller {
+ position: absolute;
+ top: 0px;
+ height: 100%;
+ right: 60px;
+ border-bottom: 1px solid #111011;
+ padding-left: 12px;
+ background-color: #2b292a;
+ background-image: -webkit-linear-gradient(right, #2b292a 70%, rgba(250, 250, 250, 0) 100%);
+ background-image: linear-gradient(to left,#2b292a 70%, rgba(250, 250, 250, 0) 100%);
+ background-color: transparent;
+}
+
+.osbp-steel .v-tabsheet-scroller:after {
+ display: none;
+}
+
+.osbp-steel .v-tabsheet-tabcontainer {
+ background: #2b292a;
+ padding: 0px;
+}
+
+.osbp-steel .v-tabsheet-tabcontainer:before {
+ border: 0px;
+ border-top: 1px solid #111011;
+}
+
+.osbp-steel .v-tabsheet-tabitemcell .v-tabsheet-tabitem {
+ background-color: #111011;
+ color: #bdbcbc;
+ border-top: 3px solid #111011;
+}
+
+.osbp-steel .v-tabsheet-tabitemcell .v-tabsheet-tabitem .v-icon {
+ width: 16px !important;
+}
+
+.osbp-steel .v-tabsheet-tabitemcell .v-tabsheet-tabitem .v-caption {
+ font-size: 12px;
+ color: #bdbcbc;
+ padding-right: 12px;
+ padding-left: 12px;
+ margin-left: 0px;
+}
+
+.osbp-steel .v-tabsheet-tabitemcell .v-tabsheet-tabitem .v-caption-closable {
+ margin-left: 0px;
+}
+
+.osbp-steel .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected {
+ border-top: 3px solid #5D737E;
+ background-color: #4a4849;
+}
+
+.osbp-steel .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected > .v-caption, .osbp-steel .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected > .v-caption.v-caption {
+ border: 1px solid #111011;
+ border-bottom-color: #4a4849;
+ color: #cccbcc;
+}
+
+.osbp-steel .l-control .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem-selected > .v-caption, .osbp-steel .l-control .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem-selected > .v-caption.v-caption {
+ border-left-width: 0px;
+}
+
+.osbp-steel .v-caption-on-top > .v-caption > .v-captiontext {
+ font-size: 16.8px;
+}
+
+.osbp-steel .v-caption-on-top > .v-caption-l-control > .v-captiontext {
+ font-size: 12px;
+}
+
+:root .osbp-steel .v-formlayout-row .v-checkbox {
+ line-height: 24px;
+ padding-top: inherit;
+}
+
+:root .osbp-steel .v-formlayout-row .v-checkbox label {
+ padding-left: 12px;
+}
+
+:root .osbp-steel .v-formlayout-row .v-checkbox > input ~ label:before, :root .osbp-steel .v-formlayout-row .v-checkbox > input ~ label:after {
+ width: 24px;
+ height: 23px;
+ position: absolute;
+ left: 0px !important;
+ font-size: 12px;
+ line-height: 24px;
+}
+
+:root .osbp-steel .v-formlayout-row .v-checkbox > input ~ label:before {
+ height: 24px;
+ border: 0px;
+ border-bottom: 1px solid #111011;
+ background: #2b292a;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+:root .osbp-steel .v-formlayout-row .v-checkbox > input ~ label:before, :root .osbp-steel .v-formlayout-row .v-checkbox > input ~ label:after {
+ margin-top: inherit;
+}
+
+:root .osbp-steel .v-formlayout-row .v-checkbox > input ~ label:before {
+ margin-top: inherit;
+}
+
+.osbp-steel .v-gridlayout-slot .v-checkbox-os-box {
+ line-height: 24px;
+ padding-top: 28px;
+}
+
+.osbp-steel .v-gridlayout-slot .v-checkbox-os-box label {
+ padding-left: 12px;
+}
+
+.osbp-steel .v-gridlayout-slot .v-checkbox-os-box > input ~ label:before, .osbp-steel .v-gridlayout-slot .v-checkbox-os-box > input ~ label:after {
+ width: 24px;
+ height: 23px;
+ position: absolute;
+ left: 0px !important;
+ font-size: 12px;
+ line-height: 24px;
+}
+
+.osbp-steel .v-gridlayout-slot .v-checkbox-os-box > input ~ label:before {
+ height: 24px;
+ border: 0px;
+ border-bottom: 1px solid #111011;
+ background: #2b292a;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .v-gridlayout-slot .v-checkbox-os-box > input ~ label:before, .osbp-steel .v-gridlayout-slot .v-checkbox-os-box > input ~ label:after {
+ margin-top: 28px;
+}
+
+.osbp-steel .v-gridlayout-slot .v-checkbox-os-box > input ~ label:before {
+ margin-top: 28px;
+}
+
+.osbp-steel select.v-select-select {
+ color: inherit !important;
+ border: 1px solid #111011;
+}
+
+.osbp-steel select.v-select-select option:checked {
+ box-shadow: 0 0 10px 100px #5D737E inset;
+ color: #d2d8da !important;
+}
+
+.osbp-steel .l-controlbase {
+ overflow: auto;
+}
+
+.osbp-steel .v-panel-os-has-focus {
+ border-color: #5D737E;
+}
+
+.osbp-steel .l-control .v-table {
+ border-bottom: 1px solid #111011;
+}
+
+.osbp-steel .l-control .v-table-header-wrap {
+ border-top: none;
+ height: 24px;
+}
+
+.osbp-steel .l-control .v-grid-os-box .v-grid-tablewrapper {
+ border-top: 0px;
+}
+
+.osbp-steel .l-control .v-gridlayout-slot .v-grid-os-box .v-grid-tablewrapper {
+ border-top: 1px solid #111011;
+}
+
+.osbp-steel .l-control .v-panel, .osbp-steel .toptrimbar .v-panel, .osbp-steel .os-selection-area .v-panel {
+ border-width: 1px;
+}
+
+.osbp-steel .l-control .v-caption, .osbp-steel .toptrimbar .v-caption, .osbp-steel .os-selection-area .v-caption {
+ font-size: 12px;
+}
+
+.osbp-steel .l-control .v-caption-on-top > .v-caption, .osbp-steel .l-control .v-gridlayout-slot > .v-caption, .osbp-steel .toptrimbar .v-caption-on-top > .v-caption, .osbp-steel .toptrimbar .v-gridlayout-slot > .v-caption, .osbp-steel .os-selection-area .v-caption-on-top > .v-caption, .osbp-steel .os-selection-area .v-gridlayout-slot > .v-caption {
+ padding-bottom: 1.2px;
+ padding-top: 7.2px;
+}
+
+.osbp-steel .l-control .v-caption-os-has-focus, .osbp-steel .toptrimbar .v-caption-os-has-focus, .osbp-steel .os-selection-area .v-caption-os-has-focus {
+ color: #5D737E;
+ border-bottom-color: #5D737E;
+}
+
+.osbp-steel .l-control .v-formlayout-captioncell, .osbp-steel .l-control .v-formlayout-errorcell, .osbp-steel .toptrimbar .v-formlayout-captioncell, .osbp-steel .toptrimbar .v-formlayout-errorcell, .osbp-steel .os-selection-area .v-formlayout-captioncell, .osbp-steel .os-selection-area .v-formlayout-errorcell {
+ border-bottom: 1px solid #111011;
+ vertical-align: bottom;
+}
+
+.osbp-steel .l-control .v-textfield, .osbp-steel .toptrimbar .v-textfield, .osbp-steel .os-selection-area .v-textfield {
+ width: 273px;
+ background-color: #2b292a;
+ border-top: transparent;
+ border-left: transparent;
+ border-right: transparent;
+}
+
+.osbp-steel .l-control .v-textfield:focus, .osbp-steel .toptrimbar .v-textfield:focus, .osbp-steel .os-selection-area .v-textfield:focus {
+ background-color: #aeb9be;
+ color: #2f3437;
+}
+
+.osbp-steel .l-control .v-textfield:hover, .osbp-steel .toptrimbar .v-textfield:hover, .osbp-steel .os-selection-area .v-textfield:hover {
+ border-bottom-color: #5D737E;
+}
+
+.osbp-steel .l-control .v-filterselect-input, .osbp-steel .l-control .v-filterselect [class*="input"], .osbp-steel .toptrimbar .v-filterselect-input, .osbp-steel .toptrimbar .v-filterselect [class*="input"], .osbp-steel .os-selection-area .v-filterselect-input, .osbp-steel .os-selection-area .v-filterselect [class*="input"] {
+ background-color: #2b292a;
+ border-top: transparent;
+ border-left: transparent;
+ border-right: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-steel .l-control .v-filterselect-input:focus, .osbp-steel .l-control .v-filterselect [class*="input"]:focus, .osbp-steel .toptrimbar .v-filterselect-input:focus, .osbp-steel .toptrimbar .v-filterselect [class*="input"]:focus, .osbp-steel .os-selection-area .v-filterselect-input:focus, .osbp-steel .os-selection-area .v-filterselect [class*="input"]:focus {
+ background-color: #aeb9be;
+ color: #2f3437;
+}
+
+.osbp-steel .l-control .v-filterselect-input:hover, .osbp-steel .l-control .v-filterselect [class*="input"]:hover, .osbp-steel .toptrimbar .v-filterselect-input:hover, .osbp-steel .toptrimbar .v-filterselect [class*="input"]:hover, .osbp-steel .os-selection-area .v-filterselect-input:hover, .osbp-steel .os-selection-area .v-filterselect [class*="input"]:hover {
+ border-bottom-color: #5D737E;
+}
+
+.osbp-steel .l-control .v-filterselect-os-box .v-icon, .osbp-steel .toptrimbar .v-filterselect-os-box .v-icon, .osbp-steel .os-selection-area .v-filterselect-os-box .v-icon {
+ z-index: 999;
+}
+
+.osbp-steel .l-control .v-textfield-readonly, .osbp-steel .l-control .v-disabled, .osbp-steel .toptrimbar .v-textfield-readonly, .osbp-steel .toptrimbar .v-disabled, .osbp-steel .os-selection-area .v-textfield-readonly, .osbp-steel .os-selection-area .v-disabled {
+ background-color: transparent;
+}
+
+.osbp-steel .l-control .l-beansearchfield button, .osbp-steel .toptrimbar .l-beansearchfield button, .osbp-steel .os-selection-area .l-beansearchfield button {
+ background: transparent;
+ border: 0px;
+ float: none;
+ margin-left: 0px;
+ font-weight: normal;
+ color: #c4c3c3;
+ border-width: 0px;
+ background-color: #2b292a;
+ border-left: 1px solid #111011;
+ border-bottom: 1px solid #111011;
+ outline: 0;
+ height: 24px;
+ width: 24px !important;
+ cursor: pointer;
+}
+
+.osbp-steel .l-control .l-beansearchfield button:before, .osbp-steel .toptrimbar .l-beansearchfield button:before, .osbp-steel .os-selection-area .l-beansearchfield button:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 21px;
+ content: "\f0b0";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .l-control .l-beansearchfield button img, .osbp-steel .toptrimbar .l-beansearchfield button img, .osbp-steel .os-selection-area .l-beansearchfield button img {
+ display: none;
+}
+
+.osbp-steel .l-control .v-datefield-error .v-datefield-textfield, .osbp-steel .toptrimbar .v-datefield-error .v-datefield-textfield, .osbp-steel .os-selection-area .v-datefield-error .v-datefield-textfield {
+ color: #E3DC95;
+ border-bottom-style: dashed;
+}
+
+.osbp-steel .l-control .v-datefield-error .v-datefield-textfield.v-textfield-focus, .osbp-steel .toptrimbar .v-datefield-error .v-datefield-textfield.v-textfield-focus, .osbp-steel .os-selection-area .v-datefield-error .v-datefield-textfield.v-textfield-focus {
+ color: #2f3437;
+}
+
+.osbp-steel .l-control .v-datefield-error .v-datefield-button, .osbp-steel .toptrimbar .v-datefield-error .v-datefield-button, .osbp-steel .os-selection-area .v-datefield-error .v-datefield-button {
+ border-color: #111011 !important;
+ color: #E3DC95;
+}
+
+.osbp-steel .l-control .v-textfield-error, .osbp-steel .toptrimbar .v-textfield-error, .osbp-steel .os-selection-area .v-textfield-error {
+ color: #E3DC95;
+ border-bottom-style: dashed;
+}
+
+.osbp-steel .l-control .v-button, .osbp-steel .toptrimbar .v-button, .osbp-steel .os-selection-area .v-button {
+ height: 24px;
+}
+
+.osbp-steel .l-control .v-upload-immediate .v-button .v-upload-immediate .v-button, .osbp-steel .toptrimbar .v-upload-immediate .v-button .v-upload-immediate .v-button, .osbp-steel .os-selection-area .v-upload-immediate .v-button .v-upload-immediate .v-button {
+ margin-left: 0px;
+}
+
+.osbp-steel .l-control [class*="margin-bottom"] > tbody > [class*="lastrow"] > td, .osbp-steel .toptrimbar [class*="margin-bottom"] > tbody > [class*="lastrow"] > td, .osbp-steel .os-selection-area [class*="margin-bottom"] > tbody > [class*="lastrow"] > td {
+ padding-bottom: 0px;
+}
+
+.osbp-steel .l-control [class*="margin-top"] > tbody > [class*="firstrow"] > td, .osbp-steel .toptrimbar [class*="margin-top"] > tbody > [class*="firstrow"] > td, .osbp-steel .os-selection-area [class*="margin-top"] > tbody > [class*="firstrow"] > td {
+ padding-top: 0px;
+}
+
+.osbp-steel .v-filterselect-os-single-selection {
+ color: #c4c3c3;
+ margin: 8px;
+ width: $os-button-width;
+}
+
+.osbp-steel .os-multi-selection select.v-select-select {
+ color: inherit !important;
+ border: 1px solid #111011;
+ margin: 8px;
+ width: $os-button-width;
+}
+
+.osbp-steel .os-multi-selection select.v-select-select option:checked {
+ box-shadow: 0 0 10px 100px #5D737E inset;
+}
+
+.osbp-steel .v-horizontallayout-UserHandler {
+ margin-right: 24px;
+ margin-left: 24px;
+}
+
+.osbp-steel .v-slot-os-userportrait {
+ width: auto;
+ height: auto;
+}
+
+.osbp-steel .os-userportrait img {
+ border-radius: 50%;
+ width: 48px;
+ height: 48px;
+ border: 0px solid grey;
+ padding-right: 4px;
+}
+
+.osbp-steel .v-slot-os-username, .osbp-steel .v-slot-os-userposition, .osbp-steel .v-slot-os-useremail {
+ font-size: 12px;
+}
+
+.osbp-steel .v-slot-os-username .os-username, .osbp-steel .v-slot-os-userposition .os-username, .osbp-steel .v-slot-os-useremail .os-username {
+ color: #c4c3c3;
+ font-weight: bold;
+ font-size: 16.8px;
+ padding-left: 24px;
+ line-height: 24px;
+ font-size: 12px;
+}
+
+.osbp-steel .v-slot-os-username .os-userposition, .osbp-steel .v-slot-os-userposition .os-userposition, .osbp-steel .v-slot-os-useremail .os-userposition {
+ color: #c4c3c3;
+ font-size: 16.8px;
+ padding-left: 24px;
+ line-height: 24px;
+ font-size: 12px;
+}
+
+.osbp-steel .v-slot-os-username .os-useremail, .osbp-steel .v-slot-os-userposition .os-useremail, .osbp-steel .v-slot-os-useremail .os-useremail {
+ font-size: 12px;
+ color: #c4c3c3;
+}
+
+.osbp-steel .v-slot-os-useremail {
+ display: none;
+}
+
+.osbp-steel .os-userlogoutbutton, .osbp-steel .os-usermenubutton {
+ content: " ";
+}
+
+.osbp-steel .os-userlogoutbutton {
+ background: transparent;
+ border: 0px;
+ float: right;
+ color: #c4c3c3;
+}
+
+.osbp-steel .os-userlogoutbutton:after {
+ transition: none;
+}
+
+.osbp-steel .os-userlogoutbutton:hover, .osbp-steel .os-userlogoutbutton:focus, .osbp-steel .os-userlogoutbutton:active {
+ color: #5D737E;
+}
+
+.osbp-steel .os-userlogoutbutton:hover:after {
+ transition: none;
+}
+
+.osbp-steel .os-userlogoutbutton:focus:after {
+ transition: none;
+}
+
+.osbp-steel .os-userlogoutbutton:active:after {
+ transition: none;
+}
+
+.osbp-steel .os-userlogoutbutton:after {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 21px;
+ content: "\f08b";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .os-userlogoutbutton:after {
+ line-height: 24px;
+}
+
+.osbp-steel .os-userlogoutbutton .v-icon {
+ display: none;
+}
+
+.osbp-steel .os-usermenubutton {
+ background: transparent;
+ border: 0px;
+ float: right;
+ color: #c4c3c3;
+}
+
+.osbp-steel .os-usermenubutton:after {
+ transition: none;
+}
+
+.osbp-steel .os-usermenubutton:hover, .osbp-steel .os-usermenubutton:focus, .osbp-steel .os-usermenubutton:active {
+ color: #5D737E;
+}
+
+.osbp-steel .os-usermenubutton:hover:after {
+ transition: none;
+}
+
+.osbp-steel .os-usermenubutton:focus:after {
+ transition: none;
+}
+
+.osbp-steel .os-usermenubutton:active:after {
+ transition: none;
+}
+
+.osbp-steel .os-usermenubutton:after {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 21px;
+ content: "\f0c9";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .os-usermenubutton:after {
+ line-height: 24px;
+}
+
+.osbp-steel .os-usermenubutton .v-popup-indicator {
+ display: none;
+}
+
+.osbp-steel .v-accordion {
+ border: 0px;
+}
+
+.osbp-steel .v-tree {
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+.osbp-steel .v-accordion-item {
+ border-top-width: 0px !important;
+ background: #2b292a;
+}
+
+.osbp-steel .v-popupbutton-popup-os-usermenubutton.v-popupview-popup {
+ padding: 0px;
+}
+
+.osbp-steel .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion [class*='os-menutree-'] > .v-tree {
+ width: 100% !important;
+}
+
+.osbp-steel .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion [class*='os-menutree-'] .v-tree-node-caption:hover {
+ color: #5D737E;
+}
+
+.osbp-steel .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion [class*='os-menutree-'] .v-tree-node-selected {
+ color: #5D737E;
+ font-weight: bold;
+}
+
+.osbp-steel .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion [class*='os-menutree-'] .v-tree-node-selected::after {
+ background: transparent;
+}
+
+.osbp-steel .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-caption > .v-caption {
+ border-top: 1px solid #111011;
+ border-bottom-width: 0px;
+ background-image: none;
+}
+
+.osbp-steel .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-caption > .v-caption > .v-captiontext {
+ background: transparent;
+ border: 0px;
+ float: none;
+}
+
+.osbp-steel .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-caption > .v-caption > .v-captiontext:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 21px;
+ content: "\f138";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-caption > .v-caption > .v-captiontext::before {
+ padding-right: 8px;
+}
+
+.osbp-steel .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-caption > .v-caption > img.v-icon {
+ display: none;
+}
+
+.osbp-steel .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-open .v-accordion-item-caption > .v-caption {
+ background-color: #5D737E;
+ border-top: 1px solid #111011;
+ border-top-color: #5D737E;
+ color: #d2d8da;
+}
+
+.osbp-steel .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-open .v-accordion-item-caption > .v-caption > .v-captiontext {
+ background: transparent;
+ border: 0px;
+ float: none;
+ color: #5D737E;
+ color: #d2d8da;
+ font-weight: bold;
+}
+
+.osbp-steel .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-open .v-accordion-item-caption > .v-caption > .v-captiontext:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 21px;
+ content: "\f13a";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-open .v-accordion-item-caption > .v-caption > .v-captiontext::before {
+ padding-right: 10px;
+}
+
+.osbp-steel .icon-download {
+ background: transparent;
+ border: 0px;
+ float: none;
+}
+
+.osbp-steel .icon-download:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 21px;
+ content: "\f019";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .icon-upload {
+ background: transparent;
+ border: 0px;
+ float: none;
+}
+
+.osbp-steel .icon-upload:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 21px;
+ content: "\f093";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .icon-chart {
+ background: transparent;
+ border: 0px;
+ float: none;
+ background: transparent;
+ border: 0px;
+ float: none;
+}
+
+.osbp-steel .icon-chart:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 21px;
+ content: "\f080";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .icon-chart:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 21px;
+ content: "\f201";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .icon-user {
+ background: transparent;
+ border: 0px;
+ float: none;
+}
+
+.osbp-steel .icon-user:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 21px;
+ content: "\f007";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .icon-attention {
+ background: transparent;
+ border: 0px;
+ float: none;
+}
+
+.osbp-steel .icon-attention:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 21px;
+ content: "\f071";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .icon-cancel {
+ background: transparent;
+ border: 0px;
+ float: none;
+}
+
+.osbp-steel .icon-cancel:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 21px;
+ content: "\f08b";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .icon-cog {
+ background: transparent;
+ border: 0px;
+ float: none;
+}
+
+.osbp-steel .icon-cog:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 21px;
+ content: "\f013";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .v-slot-osbpsidebar .v-slot-branding {
+ background-color: #2b292a;
+}
+
+.osbp-steel .v-slot-osbpsidebar .branding {
+ padding-bottom: 9.6px;
+ padding-top: 9.6px;
+}
+
+.osbp-steel .v-slot-osbpsidebar .branding .v-label {
+ padding: 0px;
+ padding-left: 9.6px;
+ line-height: 29.4px;
+ font-size: 16.8px;
+ font-weight: bold;
+}
+
+.osbp-steel .v-slot-osbpsidebar .branding .v-label span {
+ font-size: 16.8px;
+ margin: 0px !important;
+ font-weight: bold;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ color: #c4c3c3;
+ letter-spacing: 0em !important;
+ min-height: 32px;
+ display: block;
+}
+
+.osbp-steel .v-slot-osbpsidebar .menu {
+ width: 100%;
+ padding: 12px;
+ overflow: auto;
+}
+
+.osbp-steel .v-slot-osbpsidebar .menu .v-nativebutton {
+ border: 0px;
+ width: 100%;
+ background-color: #3d3b3c;
+ cursor: pointer;
+ height: 32px;
+ white-space: inherit;
+ border-bottom: 1px solid #111011;
+ font-weight: normal;
+ text-align: left;
+}
+
+.osbp-steel .v-slot-osbpsidebar .menu .v-nativebutton .badge {
+ position: relative;
+ float: right;
+ display: inline-block;
+ line-height: 21px;
+ color: #d2d8da;
+ padding: 0em 0.4em 0em;
+ background: #5D737E;
+}
+
+.osbp-steel .v-slot-osbpsidebar .menu .v-nativebutton:active {
+ background: rgba(0, 0, 0, 0.1);
+}
+
+.osbp-steel .v-slot-osbpsidebar .menu .v-nativebutton:focus, .osbp-steel .v-slot-osbpsidebar .menu .v-nativebutton:hover {
+ outline: 0;
+ border-bottom-color: #5D737E;
+}
+
+.osbp-steel .v-slot-osbpsidebar .user {
+ display: block;
+ background-color: #2b292a;
+ padding: 5px;
+}
+
+.osbp-steel .v-slot-osbpsidebar .user > .v-slot {
+ height: 100%;
+ display: inline-block;
+}
+
+.osbp-steel .v-slot-osbpsidebar .user :nth-child(4) {
+ float: right;
+}
+
+.osbp-steel .v-slot-osbpsidebar .user .v-image {
+ border: 1px solid #111011;
+ border-width: 0px;
+ vertical-align: text-top;
+ border-radius: 24px;
+ max-width: 34px;
+ max-height: 34px;
+}
+
+.osbp-steel .v-slot-osbpsidebar .user .v-label {
+ font-size: 16.8px;
+ padding: 8px;
+ font-weight: bold;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ color: #c4c3c3;
+ line-height: 29.4px;
+ letter-spacing: 0em !important;
+ min-width: $os-button-width;
+ color: #c4c3c3;
+ padding-top: 0px;
+}
+
+.osbp-steel .v-slot-osbpsidebar .user .v-menubar, .osbp-steel .v-slot-osbpsidebar .user .v-nativebutton {
+ background-image: none;
+ background-color: transparent;
+ border: 0px;
+}
+
+.osbp-steel .v-slot-osbpsidebar .user .v-menubar > .v-menubar-menuitem-icon-cog {
+ vertical-align: text-top;
+ height: 100%;
+ display: inline !important;
+ background: transparent;
+ border: 0px;
+ float: none;
+ color: #c4c3c3;
+}
+
+.osbp-steel .v-slot-osbpsidebar .user .v-menubar > .v-menubar-menuitem-icon-cog:before {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 29.4px;
+ content: "\f013";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .v-slot-osbpsidebar .user .v-menubar-submenu-indicator + .v-menubar-menuitem-caption:after {
+ display: none;
+}
+
+.osbp-steel .v-slot-osbpsidebar .user .v-nativebutton {
+ font-size: 16.8px;
+ color: #c4c3c3;
+}
+
+.osbp-steel .v-slot-osbpsidebar .user .icon-cancel:before {
+ font-size: 16.8px;
+ color: #c4c3c3;
+ font-weight: bold;
+ line-height: 29.4px;
+ color: #c9c8c8;
+}
+
+.osbp-steel .v-slot-osbpsidebar .user .v-nativebutton-caption {
+ display: none;
+}
+
+.osbp-steel .l-csslayout {
+ background: green;
+}
+
+.osbp-steel .l-csslayout .v-caption-os-box {
+ background: yellow;
+}
+
+.osbp-steel .l-csslayout[width-range~="0-399px"] .os-box {
+ width: 100%;
+}
+
+.osbp-steel .l-csslayout[width-range~="0-399px"] .v-caption-os-box {
+ width: 100%;
+}
+
+.osbp-steel .l-csslayout[width-range~="400-499px"] .os-box {
+ width: 50%;
+}
+
+.osbp-steel .l-csslayout[width-range~="400-499px"] .v-caption-os-box {
+ width: 50%;
+}
+
+.osbp-steel .l-csslayout[width-range~="500px-599px"] .os-box {
+ width: 40%;
+}
+
+.osbp-steel .l-csslayout[width-range~="500px-599px"] .v-caption-os-box {
+ width: 10%;
+}
+
+.osbp-steel .l-csslayout[width-range~="600px-799px"] .os-box {
+ width: 20%;
+}
+
+.osbp-steel .l-csslayout[width-range~="600px-799px"] .v-caption-os-box {
+ width: 13%;
+}
+
+.osbp-steel .l-csslayout[width-range~="800px-"] .os-box {
+ width: 20%;
+}
+
+.osbp-steel .l-csslayout[width-range~="800px-"] .v-caption-os-box {
+ width: 5%;
+}
+
+.osbp-steel .v-grid .v-grid-tablewrapper .v-grid-header {
+ border: 0px;
+ height: 24px;
+ background-image: none !important;
+ font-weight: bold;
+}
+
+.osbp-steel .v-grid .v-grid-tablewrapper .v-grid-header .v-grid-row .v-grid-cell {
+ font-size: 12px;
+ font-weight: bold;
+}
+
+.osbp-steel .v-grid .v-grid-tablewrapper .v-grid-header .v-grid-row .v-grid-cell.filter-header {
+ padding: 0px !important;
+ height: 24px !important;
+}
+
+.osbp-steel .v-grid .v-grid-tablewrapper .v-grid-body .v-progressbar .v-progressbar-wrapper {
+ outline: 1px solid #111011;
+ outline-color: #3d3b3c;
+}
+
+.osbp-steel .v-grid .v-grid-tablewrapper .v-grid-body .v-progressbar .v-progressbar-wrapper .v-progressbar-indicator {
+ border: 0px;
+}
+
+.osbp-steel .v-grid .v-grid-scroller::-webkit-scrollbar-thumb {
+ border-radius: 0px;
+}
+
+.osbp-steel .v-icon.v-grid-cell-boolean {
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ display: inline-block;
+ text-align: center;
+ vertical-align: middle;
+}
+
+.osbp-steel .v-grid-cell-boolean.boolean-true:before {
+ content: "\f14a";
+}
+
+.osbp-steel .v-grid-cell-boolean.boolean-false:before {
+ content: "\f00d";
+}
+
+.osbp-steel .v-grid-cell-boolean.boolean-null:before {
+ content: "\f096";
+}
+
+.osbp-steel .v-grid-row .v-grid-cell center, .osbp-steel .v-grid-row .v-grid-cell .v-icon.v-grid-cell-boolean {
+ line-height: inherit;
+}
+
+.osbp-steel .v-button-value-cell {
+ clear: both;
+ position: relative;
+ width: 100%;
+}
+
+.osbp-steel .v-button-value-cell .v-button-bar {
+ position: absolute;
+ left: -4px;
+ top: -4px;
+ display: inline-block;
+ text-align: center;
+}
+
+.osbp-steel .v-button-value-cell .v-button-bar button {
+ cursor: pointer;
+ width: 30px;
+ height: 30px;
+ font-family: FontAwesome !important;
+ font-style: normal;
+ font-weight: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ margin-right: 2px;
+}
+
+.osbp-steel .v-button-value-cell .v-button-bar button.v-view span:before {
+ content: "\f06e";
+}
+
+.osbp-steel .v-button-value-cell .v-button-bar button.v-edit span:before {
+ content: "\f040";
+}
+
+.osbp-steel .v-button-value-cell .v-button-bar button.v-delete span:before {
+ content: "\f014";
+}
+
+.osbp-steel .v-button-value-cell .v-cell-value {
+ padding-left: 32px;
+}
+
+.osbp-steel .v-button-value-cell.two-buttons .v-cell-value {
+ padding-left: 65px;
+}
+
+.osbp-steel .v-button-value-cell.three-buttons .v-cell-value {
+ padding-left: 98px;
+}
+
+.osbp-steel .reindeer .v-button-value-cell .v-button-bar button {
+ width: 20px;
+ height: 20px;
+}
+
+.osbp-steel .reindeer .v-button-value-cell .v-cell-value {
+ padding-left: 22px;
+}
+
+.osbp-steel .reindeer .v-button-value-cell.two-buttons .v-cell-value {
+ padding-left: 45px;
+}
+
+.osbp-steel .reindeer .v-button-value-cell.three-buttons .v-cell-value {
+ padding-left: 68px;
+}
+
+.osbp-steel .reindeer .v-button-bar button span {
+ margin: 0 0 0 -3px;
+}
+
+.osbp-steel .v-grid-cell.centeralign {
+ text-align: center;
+}
+
+.osbp-steel .v-grid-cell.rightalign {
+ text-align: right;
+}
+
+.osbp-steel .v-grid-cell-indicator {
+ width: 100%;
+ height: 100%;
+ text-align: center;
+ cursor: pointer;
+}
+
+.osbp-steel .v-grid-row .v-grid-cell .v-grid-cell-indicator {
+ line-height: inherit;
+}
+
+.osbp-steel .v-grid-cell-indicator span.green {
+ color: green;
+}
+
+.osbp-steel .v-grid-cell-indicator span.red {
+ color: red;
+}
+
+.osbp-steel .v-grid-cell-indicator span.black {
+ color: black;
+}
+
+.osbp-steel .v-grid-cell-indicator span.na {
+ color: yellow;
+}
+
+.osbp-steel .orgchart {
+ background: #919293 url(layout/img/sidebar-gradient.png) repeat-y top right;
+ border: 1px solid grey;
+ color: grey;
+ font-weight: bold;
+ font-family: Tahoma;
+ padding: 10px;
+}
+
+.osbp-steel .orgchartNode {
+ background: #e1e2e3 url(layout/img/sidebar-gradient.png) repeat-y top right;
+ border-radius: 18px;
+ border: 4px solid #9edbfb;
+ padding: 10px !important;
+}
+
+.osbp-steel .orgchartSelectedNode {
+ background-color: #9edbfb;
+ border: 4px solid #fbe99e;
+ border-radius: 18px;
+}
+
+.osbp-steel .v-caption-orgchart .v-captiontext {
+ font-size: 16px;
+ line-height: 1;
+ font-weight: normal;
+ padding: 0.5em 0.5em 1em;
+ -webkit-font-smoothing: antialiased;
+ background: #414243 url(layout/img/sidebar-gradient.png) repeat-y top right;
+ overflow: visible;
+ position: relative;
+ z-index: 2;
+ white-space: normal;
+ color: #fff;
+ text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+ display: block !important;
+}
+
+.osbp-steel .v-gridlayout-orgchartUser {
+ color: grey;
+ font-family: Tahoma;
+ font-weight: bold;
+ margin: 10px;
+ padding: 10px;
+ text-align: center;
+}
+
+.osbp-steel .v-horizontallayout-orgchartUser {
+ color: grey;
+ font-family: Tahoma;
+ font-weight: bold;
+ border-radius: 18px;
+ border: 4px solid #9edbfb;
+ margin: 10px;
+ padding: 10px;
+ text-align: center;
+}
+
+.osbp-steel .v-gridlayout-orgchartUser div {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.osbp-steel .v-gridlayout-orgchartUser div > div {
+ padding: 3px;
+ text-align: center;
+}
+
+.osbp-steel .orgchart-multipos {
+ color: red;
+ font-style: italic;
+}
+
+.osbp-steel .orgchart-classic {
+ color: red;
+ font-style: italic;
+}
+
+.osbp-steel .orgchart-modern {
+ color: red;
+ font-style: italic;
+}
+
+.osbp-steel .orgchart-compex {
+ color: blue;
+ font-style: italic;
+}
+
+.osbp-steel .node {
+ cursor: pointer;
+ border: solid 1px white;
+ font: 10px sans-serif;
+ line-height: 12px;
+ overflow: hidden;
+ position: absolute;
+ text-indent: 2px;
+}
+
+.osbp-steel .node circle {
+ fill: #fff;
+ stroke: steelblue;
+ stroke-width: 1.5px;
+}
+
+.osbp-steel .node text {
+ font: 10px sans-serif;
+}
+
+.osbp-steel .link {
+ fill: none;
+ stroke: #ccc;
+ stroke-width: 1.5px;
+}
+
+.osbp-steel .subunit-label {
+ fill: #777;
+ fill-opacity: 0.5;
+ font-size: 20px;
+ font-weight: 300;
+ text-anchor: middle;
+}
+
+.osbp-steel .place, .osbp-steel .place-label {
+ fill: #444;
+}
+
+.osbp-steel text.place-label {
+ font-size: 10px;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+.osbp-steel text.place-label:hover {
+ fill: #6699FF;
+ font-size: 20px;
+}
+
+.osbp-steel path.usa {
+ fill: #60a060;
+ stroke: #fff;
+ stroke-width: 0.5px;
+}
+
+.osbp-steel path.usa:hover {
+ fill: #80e080;
+}
+
+.osbp-steel path.world {
+ stroke: white;
+ stroke-width: 0.25px;
+ fill: black;
+}
+
+.osbp-steel path.world:hover {
+ fill: red;
+}
+
+.osbp-steel path.subunit.DEU:hover {
+ fill: #80e080;
+}
+
+.osbp-steel path.subunit.DEU {
+ fill: #60a060;
+ stroke: #fff;
+ stroke-width: 0.5px;
+}
+
+.osbp-steel path.deu {
+ fill: #60a060;
+ stroke: #fff;
+ stroke-width: 0.5px;
+}
+
+.osbp-steel path.deu:hover {
+ fill: #80e080;
+}
+
+.osbp-steel path.world {
+ stroke: white;
+ stroke-width: 0.25px;
+ fill: black;
+}
+
+.osbp-steel path.world:hover {
+ fill: red;
+}
+
+.osbp-steel .o-configuration-dialog .o-navigation-area .v-nativebutton {
+ width: 100%;
+ border-style: solid;
+ border-bottom-color: black;
+ border-bottom-width: 1px;
+}
+
+.osbp-steel .o-configuration-dialog .v-slot-o-navigation-area {
+ margin-right: 15px;
+ margin-left: 0px;
+}
+
+.osbp-steel .o-configuration-dialog .l-yview-provider {
+ width: 100%;
+ height: 100%;
+}
+
+.osbp-steel .os-cash-register {
+ font-size: 24px !important;
+ height: 48px !important;
+}
+
+.osbp-steel .os-cash-register .v-button {
+ height: 50.4px;
+ font-size: 24px;
+ margin-bottom: 8px;
+}
+
+.osbp-steel .os-cash-register .os-numkeys .v-button {
+ height: 32px;
+ padding: 0 13px;
+ color: #e1e1e1;
+ font-weight: 600;
+
+
+ border-radius: 0px;
+ border: #3d3b3c #111011;
+ background: #949396;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ text-transform: uppercase;
+ border-color: #949396;
+ margin-left: 4px;
+ font-size: 24px;
+ margin-bottom: 8px;
+ height: 96px;
+ width: 96px;
+ background: #111011;
+ border-color: #111011;
+ color: #bdbcbc;
+}
+
+.osbp-steel .os-cash-register .os-numkeys .v-button.v-pressed {
+ background: #8d9da4 !important;
+ border-color: #8d9da4 !important;
+}
+
+.osbp-steel .os-cash-register .os-numkeys .v-button:after {
+ transition: none;
+}
+
+.osbp-steel .os-cash-register .os-numkeys .v-button:hover {
+ background: #5D737E;
+ border-color: #5D737E;
+ color: #d2d8da;
+}
+
+.osbp-steel .os-cash-register .os-numkeys .v-button:focus:after {
+ border-color: transparent;
+ transition: none;
+}
+
+.osbp-steel .os-cash-register .os-numkeys .v-button.v-pressed {
+ color: #282c2e !important;
+}
+
+.osbp-steel .os-cash-register .os-funckeys .v-button, .osbp-steel .os-cash-register .os-extrakeys .v-button {
+ min-width: 144px;
+}
+
+.osbp-steel .os-cash-register .os-funckeys .v-button:before, .osbp-steel .os-cash-register .os-extrakeys .v-button:before {
+ height: 100%;
+}
+
+.osbp-steel .os-cash-register .os-funckeys .v-button img.v-icon, .osbp-steel .os-cash-register .os-extrakeys .v-button img.v-icon {
+ height: 95px;
+}
+
+.osbp-steel .os-cash-register .os-alphakeys .v-button {
+ width: 60px;
+ height: 60px;
+}
+
+.osbp-steel .os-cash-register.v-disabled {
+ background-color: transparent;
+ opacity: 0.75;
+}
+
+.osbp-steel .os-cash-register .os-no-padding {
+ padding: 0px;
+}
+
+.osbp-steel .os-cash-register .o-XSuggestBox {
+ font-size: 24px !important;
+ height: 48px !important;
+}
+
+.osbp-steel .os-cash-register .o-XSuggestBox.v-disabled {
+ background-color: transparent;
+ opacity: 0.75;
+}
+
+.osbp-steel .os-cash-register .o-SuggestBoxPopup .popupContent table td.item {
+ font-size: 24px !important;
+ height: 48px !important;
+}
+
+.osbp-steel .os-cash-register .o-SuggestBoxPopup .popupContent table td.item.v-disabled {
+ background-color: transparent;
+ opacity: 0.75;
+}
+
+.osbp-steel .os-cash-register .v-textfield {
+ font-size: 24px !important;
+ height: 48px !important;
+}
+
+.osbp-steel .os-cash-register .v-textfield.v-disabled {
+ background-color: transparent;
+ opacity: 0.75;
+}
+
+.osbp-steel .os-cash-register .os-cash-total .v-textfield, .osbp-steel .os-cash-register .os-cash-total .v-caption {
+ font-weight: bold;
+}
+
+.osbp-steel .os-cash-register .os-cash-total .v-formlayout > table {
+ width: 100%;
+}
+
+.osbp-steel .os-cash-register .os-cash-total .v-textfield {
+ width: auto;
+}
+
+.osbp-steel .os-cash-register .v-caption, .osbp-steel .os-cash-register .v-captiontext, .osbp-steel .os-cash-register .v-caption-on-top > .v-caption-l-control > .v-captiontext {
+ font-size: 18px;
+ line-height: 35px;
+}
+
+.osbp-steel .os-cash-register .v-formlayout .v-caption, .osbp-steel .os-cash-register .v-formlayout .v-captiontext {
+ font-size: 24px;
+ line-height: 47px;
+}
+
+.osbp-steel .os-cash-register .v-table-cell-content {
+ height: 36px;
+}
+
+.osbp-steel .os-cash-keypad .v-button {
+ height: 96px;
+ font-size: 24px;
+ margin-bottom: 8px;
+}
+
+.osbp-steel .os-cash-keypad .os-numkeys .v-button {
+ height: 32px;
+ padding: 0 13px;
+ color: #e1e1e1;
+ font-weight: 600;
+
+
+ border-radius: 0px;
+ border: #3d3b3c #111011;
+ background: #949396;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ text-transform: uppercase;
+ border-color: #949396;
+ margin-left: 4px;
+ font-size: 24px;
+ margin-bottom: 8px;
+ height: 96px;
+ width: 96px;
+ background: #111011;
+ border-color: #111011;
+ color: #bdbcbc;
+}
+
+.osbp-steel .os-cash-keypad .os-numkeys .v-button.v-pressed {
+ background: #8d9da4 !important;
+ border-color: #8d9da4 !important;
+}
+
+.osbp-steel .os-cash-keypad .os-numkeys .v-button:after {
+ transition: none;
+}
+
+.osbp-steel .os-cash-keypad .os-numkeys .v-button:hover {
+ background: #5D737E;
+ border-color: #5D737E;
+ color: #d2d8da;
+}
+
+.osbp-steel .os-cash-keypad .os-numkeys .v-button:focus:after {
+ border-color: transparent;
+ transition: none;
+}
+
+.osbp-steel .os-cash-keypad .os-numkeys .v-button.v-pressed {
+ color: #282c2e !important;
+}
+
+.osbp-steel .os-cash-keypad .os-funckeys .v-button, .osbp-steel .os-cash-keypad .os-extrakeys .v-button {
+ min-width: 144px;
+}
+
+.osbp-steel .os-cash-keypad .os-funckeys .v-button:before, .osbp-steel .os-cash-keypad .os-extrakeys .v-button:before {
+ height: 100%;
+}
+
+.osbp-steel .os-cash-keypad .os-funckeys .v-button img.v-icon, .osbp-steel .os-cash-keypad .os-extrakeys .v-button img.v-icon {
+ height: 95px;
+}
+
+.osbp-steel .os-cash-keypad .os-alphakeys .v-button {
+ width: 60px;
+ height: 60px;
+}
+
+.osbp-steel .v-caption-initialization-progress .v-captiontext {
+ font-size: 10.2px !important;
+ color: #c9c8c8 !important;
+}
+
+.osbp-steel h1[class^="v-Notification"] {
+ background: none;
+ border: none;
+}
+
+.osbp-steel .v-ddabsolutelayout-drag-shadow, .osbp-steel .v-ddcsslayout-drag-shadow {
+ background-color: #a9d1ff;
+ background-color: rgba(169, 209, 255, 0.6);
+ background-position: 0;
+ background-image: none !important;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ vertical-align: bottom;
+}
+
+.osbp-steel .v-ddorderedlayout-over {
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+}
+
+.osbp-steel .v-ddorderedlayout-over-middle, .osbp-steel .v-ddorderedlayout-over-center {
+ background-color: #a9d1ff;
+ background-color: rgba(169, 209, 255, 0.6);
+}
+
+.osbp-steel .v-ddorderedlayout-over.v-ddorderedlayout-over-left {
+ border-left: 2px solid #1d9dff;
+ margin-right: -2px;
+}
+
+.osbp-steel .v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-left {
+ border-left: 6px solid #1d9dff;
+ padding-left: 0px !important;
+}
+
+.osbp-steel .v-ddorderedlayout-over.v-ddorderedlayout-over-right {
+ border-right: 2px solid #1d9dff;
+ margin-left: -2px;
+}
+
+.osbp-steel .v-ddorderedlayout-over.v-ddorderedlayout-over-top {
+ border-top: 2px solid #1d9dff;
+ margin-bottom: -2px;
+}
+
+.osbp-steel .v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-top {
+ border-top: 7px solid #1d9dff;
+ padding-top: 0px !important;
+}
+
+.osbp-steel .v-ddorderedlayout-over.v-ddorderedlayout-over-bottom {
+ border-bottom: 2px solid #1d9dff;
+ margin-top: -2px;
+}
+
+.osbp-steel .v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-right + div {
+ border-left: 6px solid #1d9dff;
+ padding-left: 0px !important;
+}
+
+.osbp-steel .v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-bottom + div {
+ border-top: 7px solid #1d9dff;
+ padding-top: 0px !important;
+}
+
+.osbp-steel .v-horizontallayout div:first-child.v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-left {
+ border-left: 2px solid #1d9dff;
+ margin-right: -2px;
+}
+
+.osbp-steel .v-verticallayout div:first-child.v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-top {
+ border-top: 2px solid #1d9dff;
+ margin-bottom: -2px;
+}
+
+.osbp-steel .v-ddgridlayout-over-middle, .osbp-steel .v-ddgridlayout-over-center {
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ background-color: #a9d1ff;
+ background-color: rgba(169, 209, 255, 0.6);
+}
+
+.osbp-steel .v-ddgridlayout-over-left {
+ background-color: transparent;
+ border-left: 2px solid #1d9dff;
+ margin-right: -2px;
+}
+
+.osbp-steel .v-ddgridlayout-over-right {
+ background-color: transparent;
+ border-right: 2px solid #1d9dff;
+ margin-left: -2px;
+}
+
+.osbp-steel .v-ddgridlayout-over-top {
+ background-color: transparent;
+ border-top: 2px solid #1d9dff;
+ margin-bottom: -2px;
+}
+
+.osbp-steel .v-ddgridlayout-over-bottom {
+ background-color: transparent;
+ border-bottom: 2px solid #1d9dff;
+ margin-top: -2px;
+}
+
+.osbp-steel .v-ddgridlayout-drag-shadow {
+ position: absolute;
+}
+
+.osbp-steel .v-ddsplitpanel-over {
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ background-color: #a9d1ff;
+ background-color: rgba(169, 209, 255, 0.6);
+}
+
+.osbp-steel .v-ddsplitpanel-over-splitter {
+ border: 1px solid #a9d1ff;
+ border: 1px solid rgba(169, 209, 255, 0.6);
+}
+
+.osbp-steel .v-tabsheet-tabs .v-tabsheet-spacertd .new-tab {
+ background: none;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ background-color: #a9d1ff;
+ background-color: rgba(169, 209, 255, 0.6);
+ width: 48px;
+ height: 23px;
+ padding: 9px 8px 0 6px;
+}
+
+.osbp-steel .v-tabsheet-tabs .new-tab-left {
+ border-left: 2px solid #1d9dff;
+ margin-right: -1px;
+}
+
+.osbp-steel .v-tabsheet-tabs .new-tab-right {
+ border-right: 2px solid #1d9dff;
+ margin-left: -1px;
+}
+
+.osbp-steel .v-tabsheet-tabs .new-tab-center {
+ border-top: 2px solid #1d9dff;
+ margin-bottom: -2px;
+}
+
+.osbp-steel .v-tabsheet.v-dd-active-drag-source {
+ opacity: 1;
+}
+
+.osbp-steel .v-accordion-item.dd-over, .osbp-steel .v-accordion-item-caption .v-caption.dd-over {
+ background: none;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ background-color: #a9d1ff;
+ background-color: rgba(169, 209, 255, 0.6);
+}
+
+.osbp-steel .v-accordion .spacer {
+ background-color: #1d9dff;
+ height: 2px;
+ width: 100%;
+ position: relative;
+}
+
+.osbp-steel .v-ddformlayout-over {
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ background-color: #a9d1ff;
+ background-color: rgba(169, 209, 255, 0.6);
+}
+
+.osbp-steel .v-ddformlayout-over-top .v-formlayout-captioncell, .osbp-steel .v-ddformlayout-over-top .v-formlayout-errorcell, .osbp-steel .v-ddformlayout-over-top .v-formlayout-contentcell {
+ border-top: 2px solid #1d9dff;
+ padding-top: 6px !important;
+}
+
+.osbp-steel .v-ddformlayout-over-middle .v-formlayout-captioncell, .osbp-steel .v-ddformlayout-over-middle .v-formlayout-errorcell, .osbp-steel .v-ddformlayout-over-middle .v-formlayout-contentcell {
+ background: none;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ background-color: #a9d1ff;
+ background-color: rgba(169, 209, 255, 0.6);
+}
+
+.osbp-steel .v-ddformlayout-over-bottom .v-formlayout-captioncell, .osbp-steel .v-ddformlayout-over-bottom .v-formlayout-errorcell, .osbp-steel .v-ddformlayout-over-bottom .v-formlayout-contentcell {
+ border-bottom: 2px solid #1d9dff;
+ padding-top: 6px !important;
+}
+
+.osbp-steel .v-drag-element .v-filterselect-input {
+ float: left;
+ padding: 4px 0px 4px 2px;
+ border: none;
+ height: 16px;
+ background-position: 0% -499px;
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+ font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
+ font-size: 12px;
+ line-height: normal;
+ background: transparent repeat-x;
+ background-image: url(../themes/reindeer/common/img/vertical-sprites.png);
+ -background-image: url(../themes/reindeer/common/img/vertical-sprites-ie6.png);
+ background-position: left -499px;
+}
+
+.osbp-steel .v-drag-element .v-filterselect-button {
+ font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
+ font-size: 12px;
+ line-height: normal;
+}
+
+.osbp-steel .v-drag-element .v-textfield {
+ padding: 3px 3px 4px;
+ color: #222;
+ font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
+ font-size: 12px;
+ line-height: normal;
+}
+
+.osbp-steel .v-drag-element input.v-textfield-small {
+ font-size: 11px;
+ line-height: normal;
+ height: auto;
+ padding: 2px;
+}
+
+.osbp-steel .v-drag-element .v-textarea {
+ padding: 3px 3px 4px;
+ color: #222222;
+ font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
+ font-size: 12px;
+ line-height: normal;
+}
+
+.osbp-steel .v-drag-element textarea.v-textarea-small {
+ font-size: 11px;
+}
+
+.osbp-steel .v-dragdrop-iframe-cover {
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -moz-opacity: 0;
+ -webkit-opacity: 0;
+ -khtml-opacity: 0;
+ opacity: 0;
+ background-color: #a9d1ff;
+ background-color: rgba(169, 209, 255, 0.6);
+}
+
+.osbp-steel .v-dd-active-drag-source {
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
+ filter: alpha(opacity=20);
+ -moz-opacity: 0.2;
+ -webkit-opacity: 0.2;
+ -khtml-opacity: 0.2;
+ opacity: 0.2;
+}
+
+.osbp-steel .o-SuggestBoxPopup {
+ z-index: 99999;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent {
+ padding: 3px 3px;
+ border-radius: 0px;
+ background-color: #353334;
+ color: #c7c6c6;
+ -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4), 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.51334);
+ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4), 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.51334);
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ margin-top: 3px !important;
+ margin-bottom: 3px !important;
+ margin-right: 3px !important;
+ cursor: default;
+ width: auto;
+ color: #5D737E;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent[class*="animate-in"] {
+ -webkit-animation: valo-overlay-animate-in 120ms;
+ -moz-animation: valo-overlay-animate-in 120ms;
+ animation: valo-overlay-animate-in 120ms;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent[class*="animate-out"] {
+ -webkit-animation: valo-animate-out-fade 120ms;
+ -moz-animation: valo-animate-out-fade 120ms;
+ animation: valo-animate-out-fade 120ms;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ margin: 0 auto;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent td {
+ padding: 1px;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel {
+ font-size: 12px;
+ text-align: center;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel:focus {
+ outline: none;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 19px;
+ height: 17px;
+ border: 1px solid transparent;
+ line-height: 17px;
+ text-align: center;
+ font-size: 11px;
+ background: #3d3b3c;
+ -webkit-transition: color 200ms;
+ -moz-transition: color 200ms;
+ transition: color 200ms;
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day:hover {
+ color: #5D737E;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day-offmonth {
+ color: #838182;
+ background: transparent;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day-today {
+ color: #ecebec;
+ font-weight: 600;
+ border-color: #787577;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover {
+ color: #d2d8da;
+ background: #5D737E;
+ border: none;
+ font-weight: 600;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+ position: relative;
+}
+
+.v-ie8 .osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
+ border-color: #5D737E;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover {
+ color: #838182;
+ cursor: not-allowed;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays {
+ height: 17px;
+ color: rgba(152, 150, 151, 0.85);
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays strong {
+ font: inherit;
+ font-size: 11px;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-header {
+ white-space: nowrap;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent td[class*="year"] button, .osbp-steel .o-SuggestBoxPopup .popupContent td[class*="month"] button {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ border: none;
+ background: transparent;
+ padding: 0;
+ margin: 0;
+ cursor: pointer;
+ color: transparent;
+ font-size: 0;
+ width: 12px;
+ height: 16px;
+ outline: none;
+ position: relative;
+ vertical-align: middle;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent td[class*="year"] button:before, .osbp-steel .o-SuggestBoxPopup .popupContent td[class*="month"] button:before {
+ color: #838182;
+ font-size: 16px;
+ line-height: 18px;
+ -webkit-transition: color 200ms;
+ -moz-transition: color 200ms;
+ transition: color 200ms;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent td[class*="year"] button:hover:before, .osbp-steel .o-SuggestBoxPopup .popupContent td[class*="month"] button:hover:before {
+ color: #5D737E;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent td[class*="year"] button.outside-range, .osbp-steel .o-SuggestBoxPopup .popupContent td[class*="month"] button.outside-range {
+ cursor: default;
+ opacity: 0.3;
+ filter: alpha(opacity=30.0) ;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent td[class*="year"] button.outside-range:hover:before, .osbp-steel .o-SuggestBoxPopup .popupContent td[class*="month"] button.outside-range:hover:before {
+ color: #838182;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-button-prevyear:before {
+ font-family: ThemeIcons;
+ content: "\f100";
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-button-prevmonth:before {
+ font-family: ThemeIcons;
+ content: "\f104";
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-button-nextyear:before {
+ font-family: ThemeIcons;
+ content: "\f101";
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-button-nextmonth:before {
+ font-family: ThemeIcons;
+ content: "\f105";
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-month {
+ width: 96px;
+ color: #5D737E;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month {
+ width: 48px;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumber, .osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child {
+ width: 19px;
+ color: rgba(152, 150, 151, 0.85);
+ font-size: 11px;
+ display: inline-block;
+ text-align: left;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumber {
+ position: relative;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumbers .v-first:before {
+ content: "";
+ position: absolute;
+ top: 24px;
+ bottom: 0;
+ left: 0;
+ width: 23px;
+ border-top: 1px solid #111011;
+ border-right: 1px solid #111011;
+ border-top-right-radius: 0px;
+ border-bottom-left-radius: 0px;
+ background: #3d3b3c;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-time {
+ width: 100%;
+ font-size: 11px;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-time .v-label {
+ display: inline;
+ margin: 0 0.1em;
+ font-weight: 400;
+}
+
+.osbp-steel .o-SuggestBoxPopup .item-selected {
+ background-color: darkgray;
+ color: white;
+}
+
+.osbp-steel .v-absolutelayout .o-alignmentLine {
+ background-color: green;
+}
+
+.osbp-steel .o-absolutelayout {
+ snap: 7;
+}
+
+.osbp-steel .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .resizing {
+ overflow: visible;
+}
+
+.osbp-steel .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .drag-overlay {
+ border: 1px solid red;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ position: absolute;
+ z-index: 10;
+}
+
+.osbp-steel .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .tlc, .osbp-steel .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .te, .osbp-steel .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .trc, .osbp-steel .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .re, .osbp-steel .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .brc, .osbp-steel .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .be, .osbp-steel .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .blc, .osbp-steel .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .le {
+ background-color: transparent;
+ display: block;
+ overflow: visible;
+ position: absolute;
+}
+
+.osbp-steel .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .div.unused {
+ cursor: default !important;
+}
+
+.osbp-steel .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .te {
+ cursor: ns-resize;
+ top: 0;
+ left: 0;
+ right: 0;
+ z-index: 6;
+}
+
+.osbp-steel .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .re {
+ cursor: ew-resize;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 5;
+}
+
+.osbp-steel .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .le {
+ cursor: ew-resize;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 5;
+}
+
+.osbp-steel .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .be {
+ cursor: ns-resize;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 6;
+}
+
+.osbp-steel .osbee-designer-active-selection {
+ border-radius: 3px !important;
+ border: 2px solid blue !important;
+}
+
+.osbp-steel .o-designer-active .l-control {
+ border: 1px solid #111011;
+ border-color: lightblue;
+}
+
+.osbp-steel .o-designer-active .l-control .v-gridlayout-slot {
+ border: 1px solid #111011;
+ border-color: lightpink;
+}
+
+.osbp-steel .o-designer-overlay .popupContent {
+ height: 36px;
+ width: 100%;
+ display: block;
+ background-color: #111011;
+ border-radius: 3px;
+ border: 2px solid #111011;
+}
+
+.osbp-steel .o-designer-overlay .popupContent > div {
+ height: 100%;
+}
+
+.osbp-steel .o-designer-overlayed {
+ border-radius: 3px !important;
+ border: 2px solid blue !important;
+}
+
+.osbp-steel .o-designer-overlay .o-alignment-widget {
+ position: relative;
+ width: 30px;
+ height: 30px;
+ background-color: #bdbcbc;
+ float: left;
+ padding: 3px;
+ margin-right: 3px;
+}
+
+.osbp-steel .o-alignment-widget .alignment {
+ display: block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ height: 30px;
+ width: 30px;
+ position: absolute;
+ z-index: 10;
+}
+
+.osbp-steel .o-alignment-widget .alignment .singles {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ bottom: 0px;
+ cursor: pointer;
+ height: 22px;
+ width: 22px;
+ overflow: hidden;
+}
+
+.osbp-steel .o-alignment-widget .singles .topleft, .osbp-steel .o-alignment-widget .singles .topcenter, .osbp-steel .o-alignment-widget .singles .topright, .osbp-steel .o-alignment-widget .singles .middleleft, .osbp-steel .o-alignment-widget .singles .middlecenter, .osbp-steel .o-alignment-widget .singles .middleright, .osbp-steel .o-alignment-widget .singles .bottomleft, .osbp-steel .o-alignment-widget .singles .bottomcenter, .osbp-steel .o-alignment-widget .singles .bottomright {
+ background-color: #111011;
+ height: 6px;
+ width: 6px;
+ display: block;
+ overflow: visible;
+ position: absolute;
+ z-index: 30;
+}
+
+.osbp-steel .o-alignment-widget .singles .o-selected {
+ background-color: #5D737E;
+}
+
+.osbp-steel .o-alignment-widget .singles .topleft {
+ top: 0px;
+ left: 0px;
+}
+
+.osbp-steel .o-alignment-widget .singles .topcenter {
+ top: 0px;
+ left: 0px;
+ margin-left: 8px;
+}
+
+.osbp-steel .o-alignment-widget .singles .topright {
+ top: 0px;
+ right: 0px;
+}
+
+.osbp-steel .o-alignment-widget .singles .middleleft {
+ top: 0px;
+ left: 0px;
+ margin-top: 8px;
+}
+
+.osbp-steel .o-alignment-widget .singles .middlecenter {
+ top: 0px;
+ margin-top: 8px;
+ left: 0px;
+ margin-left: 8px;
+}
+
+.osbp-steel .o-alignment-widget .singles .middleright {
+ top: 0px;
+ margin-top: 8px;
+ right: 0px;
+}
+
+.osbp-steel .o-alignment-widget .singles .bottomleft {
+ bottom: 0px;
+ left: 0px;
+}
+
+.osbp-steel .o-alignment-widget .singles .bottomcenter {
+ bottom: 0px;
+ margin-left: 8px;
+ left: 0px;
+}
+
+.osbp-steel .o-alignment-widget .singles .bottomright {
+ bottom: 0px;
+ right: 0px;
+}
+
+.osbp-steel .o-alignment-widget .alignment .hfill {
+ position: absolute;
+ bottom: 0px;
+ left: 0px;
+ width: 22px;
+ height: 6px;
+ background-color: #111011;
+}
+
+.osbp-steel .o-alignment-widget .alignment .vfill {
+ position: absolute;
+ top: 0px;
+ left: 24px;
+ width: 6px;
+ height: 22px;
+ background-color: #111011;
+}
+
+.osbp-steel .o-alignment-widget .alignment .vfill .o-selected, .osbp-steel .o-alignment-widget .alignment .hfill .o-selected {
+ background-color: #5D737E !important;
+}
+
+.osbp-steel .o-designer-overlay .o-button-widget {
+ position: relative;
+ overflow: hidden;
+ cursor: pointer;
+ background-color: #111011;
+ background-repeat: no-repeat;
+ background-position: center;
+}
+
+.osbp-steel .o-designer-overlay .v-image {
+ position: relative;
+ overflow: hidden;
+ cursor: pointer;
+ height: 16px;
+ float: left;
+ padding: 14px;
+ padding-top: 11px;
+}
+
+.osbp-steel .o-designer-overlay .switchEditable {
+ padding-top: 11px;
+ background: transparent;
+ border: 0px;
+ float: none;
+ color: #bdbcbc;
+}
+
+.osbp-steel .o-designer-overlay .switchEditable:before {
+ font-family: Vaadin-Icons;
+ font-size: 16px;
+ line-height: 16px;
+ content: "\e771";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .o-designer-overlay .removeChild {
+ padding-top: 11px;
+ background: transparent;
+ border: 0px;
+ float: none;
+ color: #bdbcbc;
+}
+
+.osbp-steel .o-designer-overlay .removeChild:before {
+ font-family: Vaadin-Icons;
+ font-size: 16px;
+ line-height: 16px;
+ content: "\e80b";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .o-designer-overlay .addChild {
+ padding-top: 11px;
+ background: transparent;
+ border: 0px;
+ float: none;
+ color: #bdbcbc;
+}
+
+.osbp-steel .o-designer-overlay .addChild:before {
+ font-family: Vaadin-Icons;
+ font-size: 16px;
+ line-height: 16px;
+ content: "\e801";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .o-designer-overlay .openProperties {
+ padding-top: 11px;
+ background: transparent;
+ border: 0px;
+ float: none;
+ color: #bdbcbc;
+}
+
+.osbp-steel .o-designer-overlay .openProperties:before {
+ font-family: Vaadin-Icons;
+ font-size: 16px;
+ line-height: 16px;
+ content: "\e6cf";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .o-designer-overlay .switchMargin {
+ padding-top: 11px;
+ background: transparent;
+ border: 0px;
+ float: none;
+ color: #bdbcbc;
+}
+
+.osbp-steel .o-designer-overlay .switchMargin:before {
+ font-family: Vaadin-Icons;
+ font-size: 16px;
+ line-height: 16px;
+ content: "\e65b";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .o-designer-overlay .switchSpacing {
+ padding-top: 11px;
+ background: transparent;
+ border: 0px;
+ float: none;
+ color: #bdbcbc;
+}
+
+.osbp-steel .o-designer-overlay .switchSpacing:before {
+ font-family: Vaadin-Icons;
+ font-size: 16px;
+ line-height: 16px;
+ content: "\e665";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.o-SuggestBoxPopup {
+ z-index: 99999;
+}
+
+.o-SuggestBoxPopup .popupContent {
+ padding: 3px 3px;
+ border-radius: 0px;
+ background-color: #353334;
+ color: #c7c6c6;
+ -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4), 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.51334);
+ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4), 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.51334);
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ margin-top: 3px !important;
+ margin-bottom: 3px !important;
+ margin-right: 3px !important;
+ cursor: default;
+ width: auto;
+ color: #5D737E;
+}
+
+.o-SuggestBoxPopup .popupContent[class*="animate-in"] {
+ -webkit-animation: valo-overlay-animate-in 120ms;
+ -moz-animation: valo-overlay-animate-in 120ms;
+ animation: valo-overlay-animate-in 120ms;
+}
+
+.o-SuggestBoxPopup .popupContent[class*="animate-out"] {
+ -webkit-animation: valo-animate-out-fade 120ms;
+ -moz-animation: valo-animate-out-fade 120ms;
+ animation: valo-animate-out-fade 120ms;
+}
+
+.o-SuggestBoxPopup .popupContent table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ margin: 0 auto;
+}
+
+.o-SuggestBoxPopup .popupContent td {
+ padding: 1px;
+}
+
+.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel {
+ font-size: 12px;
+ text-align: center;
+}
+
+.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel:focus {
+ outline: none;
+}
+
+.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 19px;
+ height: 17px;
+ border: 1px solid transparent;
+ line-height: 17px;
+ text-align: center;
+ font-size: 11px;
+ background: #3d3b3c;
+ -webkit-transition: color 200ms;
+ -moz-transition: color 200ms;
+ transition: color 200ms;
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer;
+}
+
+.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day:hover {
+ color: #5D737E;
+}
+
+.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day-offmonth {
+ color: #838182;
+ background: transparent;
+}
+
+.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day-today {
+ color: #ecebec;
+ font-weight: 600;
+ border-color: #787577;
+}
+
+.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover {
+ color: #d2d8da;
+ background: #5D737E;
+ border: none;
+ font-weight: 600;
+}
+
+.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+ position: relative;
+}
+
+.v-ie8 .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
+ border-color: #5D737E;
+}
+
+.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover {
+ color: #838182;
+ cursor: not-allowed;
+}
+
+.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays {
+ height: 17px;
+ color: rgba(152, 150, 151, 0.85);
+}
+
+.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays strong {
+ font: inherit;
+ font-size: 11px;
+}
+
+.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-header {
+ white-space: nowrap;
+}
+
+.o-SuggestBoxPopup .popupContent td[class*="year"] button, .o-SuggestBoxPopup .popupContent td[class*="month"] button {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ border: none;
+ background: transparent;
+ padding: 0;
+ margin: 0;
+ cursor: pointer;
+ color: transparent;
+ font-size: 0;
+ width: 12px;
+ height: 16px;
+ outline: none;
+ position: relative;
+ vertical-align: middle;
+}
+
+.o-SuggestBoxPopup .popupContent td[class*="year"] button:before, .o-SuggestBoxPopup .popupContent td[class*="month"] button:before {
+ color: #838182;
+ font-size: 16px;
+ line-height: 18px;
+ -webkit-transition: color 200ms;
+ -moz-transition: color 200ms;
+ transition: color 200ms;
+}
+
+.o-SuggestBoxPopup .popupContent td[class*="year"] button:hover:before, .o-SuggestBoxPopup .popupContent td[class*="month"] button:hover:before {
+ color: #5D737E;
+}
+
+.o-SuggestBoxPopup .popupContent td[class*="year"] button.outside-range, .o-SuggestBoxPopup .popupContent td[class*="month"] button.outside-range {
+ cursor: default;
+ opacity: 0.3;
+ filter: alpha(opacity=30.0) ;
+}
+
+.o-SuggestBoxPopup .popupContent td[class*="year"] button.outside-range:hover:before, .o-SuggestBoxPopup .popupContent td[class*="month"] button.outside-range:hover:before {
+ color: #838182;
+}
+
+.o-SuggestBoxPopup .popupContent .v-button-prevyear:before {
+ font-family: ThemeIcons;
+ content: "\f100";
+}
+
+.o-SuggestBoxPopup .popupContent .v-button-prevmonth:before {
+ font-family: ThemeIcons;
+ content: "\f104";
+}
+
+.o-SuggestBoxPopup .popupContent .v-button-nextyear:before {
+ font-family: ThemeIcons;
+ content: "\f101";
+}
+
+.o-SuggestBoxPopup .popupContent .v-button-nextmonth:before {
+ font-family: ThemeIcons;
+ content: "\f105";
+}
+
+.o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-month {
+ width: 96px;
+ color: #5D737E;
+}
+
+.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month {
+ width: 48px;
+}
+
+.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumber, .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child {
+ width: 19px;
+ color: rgba(152, 150, 151, 0.85);
+ font-size: 11px;
+ display: inline-block;
+ text-align: left;
+}
+
+.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumber {
+ position: relative;
+}
+
+.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumbers .v-first:before {
+ content: "";
+ position: absolute;
+ top: 24px;
+ bottom: 0;
+ left: 0;
+ width: 23px;
+ border-top: 1px solid #111011;
+ border-right: 1px solid #111011;
+ border-top-right-radius: 0px;
+ border-bottom-left-radius: 0px;
+ background: #3d3b3c;
+}
+
+.o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-time {
+ width: 100%;
+ font-size: 11px;
+}
+
+.o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-time .v-label {
+ display: inline;
+ margin: 0 0.1em;
+ font-weight: 400;
+}
+
+.o-SuggestBoxPopup .item-selected {
+ background-color: darkgray;
+ color: white;
+}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/WARNING.TXT b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/WARNING.TXT
similarity index 100%
copy from org.eclipse.osbp.themes/VAADIN/themes/osbp/image/WARNING.TXT
copy to org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/WARNING.TXT
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/favicon.ico b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/favicon.ico
new file mode 100644
index 0000000..562a161
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/favicon.ico
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ad.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ad.gif
new file mode 100644
index 0000000..57b4997
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ad.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ae.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ae.gif
new file mode 100644
index 0000000..78d15b6
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ae.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/af.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/af.gif
new file mode 100644
index 0000000..9889408
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/af.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ag.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ag.gif
new file mode 100644
index 0000000..48f8e7b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ag.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ai.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ai.gif
new file mode 100644
index 0000000..1cbc579
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ai.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/al.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/al.gif
new file mode 100644
index 0000000..c44fe0a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/al.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/am.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/am.gif
new file mode 100644
index 0000000..2915e30
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/am.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/an.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/an.gif
new file mode 100644
index 0000000..cb570c6
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/an.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ao.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ao.gif
new file mode 100644
index 0000000..8c854fa
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ao.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ar.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ar.gif
new file mode 100644
index 0000000..a9f71f7
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ar.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/as.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/as.gif
new file mode 100644
index 0000000..d776ec2
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/as.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/at.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/at.gif
new file mode 100644
index 0000000..87e1217
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/at.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/au.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/au.gif
new file mode 100644
index 0000000..5269c6a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/au.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/aw.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/aw.gif
new file mode 100644
index 0000000..27fdb4d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/aw.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ax.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ax.gif
new file mode 100644
index 0000000..0ceb684
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ax.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/az.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/az.gif
new file mode 100644
index 0000000..d771618
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/az.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ba.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ba.gif
new file mode 100644
index 0000000..9bf5f0a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ba.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bb.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bb.gif
new file mode 100644
index 0000000..b7d08e5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bb.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bd.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bd.gif
new file mode 100644
index 0000000..0fd27ec
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bd.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/be.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/be.gif
new file mode 100644
index 0000000..ae09bfb
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/be.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bf.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bf.gif
new file mode 100644
index 0000000..9d6772c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bf.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bg.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bg.gif
new file mode 100644
index 0000000..11cf8ff
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bg.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bh.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bh.gif
new file mode 100644
index 0000000..56aa72b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bh.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bi.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bi.gif
new file mode 100644
index 0000000..6e2cbe1
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bi.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bj.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bj.gif
new file mode 100644
index 0000000..e676116
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bj.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bm.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bm.gif
new file mode 100644
index 0000000..9feb87b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bm.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bn.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bn.gif
new file mode 100644
index 0000000..b7b6b0f
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bn.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bo.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bo.gif
new file mode 100644
index 0000000..4844f85
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bo.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/br.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/br.gif
new file mode 100644
index 0000000..8c86616
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/br.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bs.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bs.gif
new file mode 100644
index 0000000..c0a741e
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bs.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bt.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bt.gif
new file mode 100644
index 0000000..abe2f3c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bt.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bv.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bv.gif
new file mode 100644
index 0000000..6202d1f
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bv.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bw.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bw.gif
new file mode 100644
index 0000000..986ab63
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bw.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/by.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/by.gif
new file mode 100644
index 0000000..43ffcd4
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/by.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bz.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bz.gif
new file mode 100644
index 0000000..791737f
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/bz.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ca.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ca.gif
new file mode 100644
index 0000000..457d966
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ca.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/catalonia.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/catalonia.gif
new file mode 100644
index 0000000..73df9a0
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/catalonia.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cc.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cc.gif
new file mode 100644
index 0000000..3f78327
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cc.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cd.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cd.gif
new file mode 100644
index 0000000..1df717a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cd.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cf.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cf.gif
new file mode 100644
index 0000000..35787ca
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cf.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cg.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cg.gif
new file mode 100644
index 0000000..e0a62a5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cg.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ch.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ch.gif
new file mode 100644
index 0000000..d5c0e5b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ch.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ci.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ci.gif
new file mode 100644
index 0000000..844120a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ci.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ck.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ck.gif
new file mode 100644
index 0000000..2edb739
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ck.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cl.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cl.gif
new file mode 100644
index 0000000..cbc370e
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cl.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cm.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cm.gif
new file mode 100644
index 0000000..1fb102b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cm.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cn.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cn.gif
new file mode 100644
index 0000000..b052530
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cn.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/co.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/co.gif
new file mode 100644
index 0000000..d0e15ca
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/co.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cr.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cr.gif
new file mode 100644
index 0000000..0728dd6
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cr.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cs.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cs.gif
new file mode 100644
index 0000000..101db64
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cs.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cu.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cu.gif
new file mode 100644
index 0000000..291255c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cu.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cv.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cv.gif
new file mode 100644
index 0000000..43c6c6c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cv.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cx.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cx.gif
new file mode 100644
index 0000000..a5b4308
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cx.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cy.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cy.gif
new file mode 100644
index 0000000..35c661e
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cy.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cz.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cz.gif
new file mode 100644
index 0000000..0a605e5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/cz.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/de.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/de.gif
new file mode 100644
index 0000000..75728dd
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/de.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/dj.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/dj.gif
new file mode 100644
index 0000000..212406d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/dj.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/dk.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/dk.gif
new file mode 100644
index 0000000..03e75bd
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/dk.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/dm.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/dm.gif
new file mode 100644
index 0000000..2f87f3c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/dm.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/do.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/do.gif
new file mode 100644
index 0000000..f7d0bad
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/do.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/dz.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/dz.gif
new file mode 100644
index 0000000..ed580a7
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/dz.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ec.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ec.gif
new file mode 100644
index 0000000..9e41e0e
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ec.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ee.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ee.gif
new file mode 100644
index 0000000..9397a2d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ee.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/eg.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/eg.gif
new file mode 100644
index 0000000..6857c7d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/eg.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/eh.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/eh.gif
new file mode 100644
index 0000000..dd0391c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/eh.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/en.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/en.gif
new file mode 100644
index 0000000..933a4f0
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/en.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/er.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/er.gif
new file mode 100644
index 0000000..3d4d612
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/er.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/es.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/es.gif
new file mode 100644
index 0000000..c27d65e
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/es.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/et.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/et.gif
new file mode 100644
index 0000000..f77995d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/et.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/eu.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/eu.gif
new file mode 100644
index 0000000..28a762a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/eu.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/fam.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/fam.gif
new file mode 100644
index 0000000..7d52885
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/fam.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/fi.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/fi.gif
new file mode 100644
index 0000000..8d3a191
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/fi.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/fj.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/fj.gif
new file mode 100644
index 0000000..486151c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/fj.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/fk.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/fk.gif
new file mode 100644
index 0000000..37b5ecf
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/fk.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/fm.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/fm.gif
new file mode 100644
index 0000000..7f8723b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/fm.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/fo.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/fo.gif
new file mode 100644
index 0000000..4a90fc0
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/fo.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/fr.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/fr.gif
new file mode 100644
index 0000000..43d0b80
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/fr.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ga.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ga.gif
new file mode 100644
index 0000000..23fd5f0
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ga.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gb.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gb.gif
new file mode 100644
index 0000000..3c6bce1
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gb.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gd.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gd.gif
new file mode 100644
index 0000000..25ea312
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gd.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ge.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ge.gif
new file mode 100644
index 0000000..faa7f12
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ge.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gf.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gf.gif
new file mode 100644
index 0000000..43d0b80
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gf.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gh.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gh.gif
new file mode 100644
index 0000000..273fb7d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gh.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gi.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gi.gif
new file mode 100644
index 0000000..7b1984b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gi.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gl.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gl.gif
new file mode 100644
index 0000000..ef445be
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gl.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gm.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gm.gif
new file mode 100644
index 0000000..6847c5a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gm.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gn.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gn.gif
new file mode 100644
index 0000000..a982ac6
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gn.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gp.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gp.gif
new file mode 100644
index 0000000..31166db
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gp.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gq.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gq.gif
new file mode 100644
index 0000000..8b4e0cc
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gq.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gr.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gr.gif
new file mode 100644
index 0000000..b4c8c04
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gr.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gs.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gs.gif
new file mode 100644
index 0000000..ccc96ec
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gs.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gt.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gt.gif
new file mode 100644
index 0000000..7e94d1d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gt.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gu.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gu.gif
new file mode 100644
index 0000000..eafef68
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gu.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gw.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gw.gif
new file mode 100644
index 0000000..55f7571
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gw.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gy.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gy.gif
new file mode 100644
index 0000000..1cb4cd7
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/gy.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/hk.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/hk.gif
new file mode 100644
index 0000000..798af96
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/hk.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/hm.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/hm.gif
new file mode 100644
index 0000000..5269c6a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/hm.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/hn.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/hn.gif
new file mode 100644
index 0000000..6c4ffe8
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/hn.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/hr.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/hr.gif
new file mode 100644
index 0000000..557c660
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/hr.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ht.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ht.gif
new file mode 100644
index 0000000..059604a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ht.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/hu.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/hu.gif
new file mode 100644
index 0000000..6142d86
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/hu.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/id.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/id.gif
new file mode 100644
index 0000000..865161b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/id.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ie.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ie.gif
new file mode 100644
index 0000000..506ad28
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ie.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/il.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/il.gif
new file mode 100644
index 0000000..c8483ae
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/il.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/in.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/in.gif
new file mode 100644
index 0000000..1cd8027
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/in.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/io.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/io.gif
new file mode 100644
index 0000000..de7e7ab
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/io.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/iq.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/iq.gif
new file mode 100644
index 0000000..c34fe3c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/iq.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ir.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ir.gif
new file mode 100644
index 0000000..156040f
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ir.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/is.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/is.gif
new file mode 100644
index 0000000..b42502d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/is.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/it.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/it.gif
new file mode 100644
index 0000000..d79e90e
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/it.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/jm.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/jm.gif
new file mode 100644
index 0000000..0bed67c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/jm.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/jo.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/jo.gif
new file mode 100644
index 0000000..03daf8a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/jo.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/jp.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/jp.gif
new file mode 100644
index 0000000..444c1d0
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/jp.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ke.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ke.gif
new file mode 100644
index 0000000..c2b5d45
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ke.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/kg.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/kg.gif
new file mode 100644
index 0000000..72a4d41
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/kg.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/kh.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/kh.gif
new file mode 100644
index 0000000..30a1831
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/kh.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ki.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ki.gif
new file mode 100644
index 0000000..4a0751a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ki.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/km.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/km.gif
new file mode 100644
index 0000000..5859595
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/km.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/kn.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/kn.gif
new file mode 100644
index 0000000..bb9cc34
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/kn.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/kp.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/kp.gif
new file mode 100644
index 0000000..6e0ca09
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/kp.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/kr.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/kr.gif
new file mode 100644
index 0000000..1cddbe7
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/kr.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/kw.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/kw.gif
new file mode 100644
index 0000000..1efc734
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/kw.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ky.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ky.gif
new file mode 100644
index 0000000..d3d02ee
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ky.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/kz.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/kz.gif
new file mode 100644
index 0000000..24baebe
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/kz.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/la.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/la.gif
new file mode 100644
index 0000000..d14cf4d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/la.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/language_de.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/language_de.gif
new file mode 100644
index 0000000..dd632c6
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/language_de.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/language_en.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/language_en.gif
new file mode 100644
index 0000000..a0fe6fd
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/language_en.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/language_fr.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/language_fr.gif
new file mode 100644
index 0000000..58bba8a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/language_fr.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/lb.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/lb.gif
new file mode 100644
index 0000000..003d83a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/lb.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/lc.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/lc.gif
new file mode 100644
index 0000000..f5fe5bf
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/lc.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/li.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/li.gif
new file mode 100644
index 0000000..713c58e
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/li.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/lk.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/lk.gif
new file mode 100644
index 0000000..1b3ee7f
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/lk.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/lr.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/lr.gif
new file mode 100644
index 0000000..435af9e
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/lr.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ls.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ls.gif
new file mode 100644
index 0000000..427ae95
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ls.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/lt.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/lt.gif
new file mode 100644
index 0000000..dee9c60
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/lt.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/lu.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/lu.gif
new file mode 100644
index 0000000..7d7293e
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/lu.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/lv.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/lv.gif
new file mode 100644
index 0000000..17e71b7
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/lv.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ly.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ly.gif
new file mode 100644
index 0000000..a654c30
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ly.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ma.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ma.gif
new file mode 100644
index 0000000..fc78411
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ma.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mc.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mc.gif
new file mode 100644
index 0000000..02a7c8e
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mc.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/md.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/md.gif
new file mode 100644
index 0000000..e4b8a7e
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/md.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/me.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/me.gif
new file mode 100644
index 0000000..a260453
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/me.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mg.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mg.gif
new file mode 100644
index 0000000..a91b577
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mg.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mh.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mh.gif
new file mode 100644
index 0000000..92f5f48
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mh.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mk.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mk.gif
new file mode 100644
index 0000000..7aeb831
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mk.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ml.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ml.gif
new file mode 100644
index 0000000..53d6f49
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ml.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mm.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mm.gif
new file mode 100644
index 0000000..9e0a275
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mm.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mn.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mn.gif
new file mode 100644
index 0000000..dff8ea5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mn.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mo.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mo.gif
new file mode 100644
index 0000000..66cf5b4
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mo.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mp.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mp.gif
new file mode 100644
index 0000000..73b7147
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mp.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mq.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mq.gif
new file mode 100644
index 0000000..570bc5d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mq.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mr.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mr.gif
new file mode 100644
index 0000000..f52fcf0
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mr.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ms.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ms.gif
new file mode 100644
index 0000000..5e5a67a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ms.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mt.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mt.gif
new file mode 100644
index 0000000..45c709f
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mt.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mu.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mu.gif
new file mode 100644
index 0000000..081ab45
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mu.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mv.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mv.gif
new file mode 100644
index 0000000..46b6387
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mv.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mw.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mw.gif
new file mode 100644
index 0000000..ad045a0
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mw.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mx.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mx.gif
new file mode 100644
index 0000000..ddc75d0
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mx.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/my.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/my.gif
new file mode 100644
index 0000000..fc7d523
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/my.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mz.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mz.gif
new file mode 100644
index 0000000..7d63508
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/mz.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/na.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/na.gif
new file mode 100644
index 0000000..c0babe7
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/na.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/nc.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/nc.gif
new file mode 100644
index 0000000..b1e91b9
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/nc.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ne.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ne.gif
new file mode 100644
index 0000000..ff4eaf0
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ne.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/nf.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/nf.gif
new file mode 100644
index 0000000..c83424c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/nf.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ng.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ng.gif
new file mode 100644
index 0000000..bdde7cb
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ng.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ni.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ni.gif
new file mode 100644
index 0000000..d05894d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ni.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/nl.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/nl.gif
new file mode 100644
index 0000000..c1c8f46
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/nl.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/no.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/no.gif
new file mode 100644
index 0000000..6202d1f
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/no.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/np.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/np.gif
new file mode 100644
index 0000000..1096893
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/np.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/nr.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/nr.gif
new file mode 100644
index 0000000..2e4c0c5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/nr.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/nu.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/nu.gif
new file mode 100644
index 0000000..618210a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/nu.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/nz.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/nz.gif
new file mode 100644
index 0000000..028a5dc
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/nz.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/om.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/om.gif
new file mode 100644
index 0000000..2b8c775
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/om.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pa.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pa.gif
new file mode 100644
index 0000000..d518b2f
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pa.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pe.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pe.gif
new file mode 100644
index 0000000..3bc7639
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pe.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pf.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pf.gif
new file mode 100644
index 0000000..849297a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pf.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pg.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pg.gif
new file mode 100644
index 0000000..2d20b07
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pg.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ph.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ph.gif
new file mode 100644
index 0000000..12b380a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ph.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pk.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pk.gif
new file mode 100644
index 0000000..f3f62c2
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pk.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pl.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pl.gif
new file mode 100644
index 0000000..bf10646
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pl.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pm.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pm.gif
new file mode 100644
index 0000000..99bf6fd
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pm.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pn.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pn.gif
new file mode 100644
index 0000000..4bc86a1
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pn.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pr.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pr.gif
new file mode 100644
index 0000000..6d5d589
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pr.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ps.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ps.gif
new file mode 100644
index 0000000..6afa3b7
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ps.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pt.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pt.gif
new file mode 100644
index 0000000..e735f74
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pt.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pw.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pw.gif
new file mode 100644
index 0000000..5854510
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/pw.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/py.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/py.gif
new file mode 100644
index 0000000..f2e66af
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/py.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/qa.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/qa.gif
new file mode 100644
index 0000000..2e843ff
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/qa.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/re.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/re.gif
new file mode 100644
index 0000000..43d0b80
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/re.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/readme.txt b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/readme.txt
new file mode 100644
index 0000000..2e5ad52
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/readme.txt
@@ -0,0 +1,9 @@
+Flag icons - http://www.famfamfam.com
+
+These icons are public domain, and as such are free for any use (attribution appreciated but not required).
+
+Note that these flags are named using the ISO3166-1 alpha-2 country codes where appropriate. A list of codes can be found at http://en.wikipedia.org/wiki/ISO_3166-1_alpha-2
+
+If you find these icons useful, please donate via paypal to mjames@gmail.com (or click the donate button available at http://www.famfamfam.com/lab/icons/silk)
+
+Contact: mjames@gmail.com
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ro.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ro.gif
new file mode 100644
index 0000000..f5d5f12
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ro.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/rs.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/rs.gif
new file mode 100644
index 0000000..3bd1fb2
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/rs.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ru.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ru.gif
new file mode 100644
index 0000000..b525c46
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ru.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/rw.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/rw.gif
new file mode 100644
index 0000000..0d095f7
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/rw.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sa.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sa.gif
new file mode 100644
index 0000000..179961b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sa.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sb.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sb.gif
new file mode 100644
index 0000000..8f5ff83
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sb.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sc.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sc.gif
new file mode 100644
index 0000000..31b4767
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sc.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/scotland.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/scotland.gif
new file mode 100644
index 0000000..03f3f1d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/scotland.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sd.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sd.gif
new file mode 100644
index 0000000..53ae214
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sd.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/se.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/se.gif
new file mode 100644
index 0000000..80f6285
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/se.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sg.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sg.gif
new file mode 100644
index 0000000..5663d39
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sg.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sh.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sh.gif
new file mode 100644
index 0000000..dcc7f3b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sh.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/si.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/si.gif
new file mode 100644
index 0000000..23852b5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/si.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sj.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sj.gif
new file mode 100644
index 0000000..6202d1f
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sj.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sk.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sk.gif
new file mode 100644
index 0000000..1b3f22b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sk.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sl.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sl.gif
new file mode 100644
index 0000000..f0f3492
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sl.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sm.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sm.gif
new file mode 100644
index 0000000..04d98de
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sm.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sn.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sn.gif
new file mode 100644
index 0000000..6dac870
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sn.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/so.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/so.gif
new file mode 100644
index 0000000..f196169
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/so.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sr.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sr.gif
new file mode 100644
index 0000000..0f7499a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sr.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/st.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/st.gif
new file mode 100644
index 0000000..4f1e6e0
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/st.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sv.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sv.gif
new file mode 100644
index 0000000..2d7b159
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sv.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sy.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sy.gif
new file mode 100644
index 0000000..dc8bd50
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sy.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sz.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sz.gif
new file mode 100644
index 0000000..f37aaf8
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/sz.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tc.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tc.gif
new file mode 100644
index 0000000..11a8c23
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tc.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/td.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/td.gif
new file mode 100644
index 0000000..7aa8a10
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/td.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tf.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tf.gif
new file mode 100644
index 0000000..51a4325
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tf.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tg.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tg.gif
new file mode 100644
index 0000000..ca6b4e7
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tg.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/th.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/th.gif
new file mode 100644
index 0000000..0130792
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/th.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tj.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tj.gif
new file mode 100644
index 0000000..2fe38d4
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tj.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tk.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tk.gif
new file mode 100644
index 0000000..3d3a727
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tk.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tl.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tl.gif
new file mode 100644
index 0000000..df22d58
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tl.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tm.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tm.gif
new file mode 100644
index 0000000..36d0994
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tm.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tn.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tn.gif
new file mode 100644
index 0000000..917d428
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tn.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/to.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/to.gif
new file mode 100644
index 0000000..d7ed4d1
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/to.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tr.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tr.gif
new file mode 100644
index 0000000..e407d55
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tr.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tt.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tt.gif
new file mode 100644
index 0000000..47d3b80
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tt.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tv.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tv.gif
new file mode 100644
index 0000000..3c33827
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tv.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tw.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tw.gif
new file mode 100644
index 0000000..cacfd9b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tw.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tz.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tz.gif
new file mode 100644
index 0000000..82b52ca
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/tz.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ua.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ua.gif
new file mode 100644
index 0000000..5d6cd83
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ua.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ug.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ug.gif
new file mode 100644
index 0000000..58b731a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ug.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/um.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/um.gif
new file mode 100644
index 0000000..3b4c848
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/um.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/us.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/us.gif
new file mode 100644
index 0000000..8f198f7
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/us.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/uy.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/uy.gif
new file mode 100644
index 0000000..12848c7
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/uy.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/uz.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/uz.gif
new file mode 100644
index 0000000..dc9daec
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/uz.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/va.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/va.gif
new file mode 100644
index 0000000..2bd7446
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/va.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/vc.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/vc.gif
new file mode 100644
index 0000000..4821381
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/vc.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ve.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ve.gif
new file mode 100644
index 0000000..19ce6c1
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ve.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/vg.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/vg.gif
new file mode 100644
index 0000000..1fc0f96
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/vg.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/vi.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/vi.gif
new file mode 100644
index 0000000..66f9e74
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/vi.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/vn.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/vn.gif
new file mode 100644
index 0000000..f1e20c9
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/vn.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/vu.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/vu.gif
new file mode 100644
index 0000000..8a8b2b0
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/vu.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/wales.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/wales.gif
new file mode 100644
index 0000000..901d175
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/wales.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/wf.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/wf.gif
new file mode 100644
index 0000000..eaa954b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/wf.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ws.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ws.gif
new file mode 100644
index 0000000..a51f939
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ws.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ye.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ye.gif
new file mode 100644
index 0000000..7b0183d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/ye.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/yt.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/yt.gif
new file mode 100644
index 0000000..a2267c0
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/yt.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/za.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/za.gif
new file mode 100644
index 0000000..ede5258
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/za.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/zm.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/zm.gif
new file mode 100644
index 0000000..b2851d2
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/zm.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/zw.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/zw.gif
new file mode 100644
index 0000000..02901f6
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/zw.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/fonts/LICENCE.txt b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/LICENCE.txt
similarity index 100%
rename from org.eclipse.osbp.themes/VAADIN/themes/base/fonts/LICENCE.txt
rename to org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/LICENCE.txt
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/README.txt b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/README.txt
new file mode 100644
index 0000000..cd7dc09
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/README.txt
@@ -0,0 +1 @@
+Copy fonts from base and/or valo theme to this directory and include them in layout/_icon.scss.
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/Vaadin-Icons.eot b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/Vaadin-Icons.eot
new file mode 100644
index 0000000..2b0f9db
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/Vaadin-Icons.eot
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/Vaadin-Icons.svg b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/Vaadin-Icons.svg
new file mode 100644
index 0000000..09eb874
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/Vaadin-Icons.svg
@@ -0,0 +1,635 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+<json>
+<![CDATA[
+{
+ "fontFamily": "Vaadin-Icons",
+ "fontURL": "https://vaadin.com/vaadin-icons",
+ "license": "CC-BY license",
+ "licenseURL": "https://creativecommons.org/licenses/by/4.0/",
+ "description": "Vaadin Icons\nFont generated by IcoMoon.",
+ "copyright": "Vaadin Ltd",
+ "majorVersion": 1,
+ "minorVersion": 0,
+ "version": "Version 1.0",
+ "fontId": "Vaadin-Icons",
+ "psName": "Vaadin-Icons",
+ "subFamily": "Regular",
+ "fullName": "Vaadin-Icons"
+}
+]]>
+</json>
+</metadata>
+<defs>
+<font id="Vaadin-Icons" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode=" " horiz-adv-x="512" d="" />
+<glyph unicode="" glyph-name="book-dollar" data-tags="book-dollar" d="M825.6 800c-102.4 76.8-89.6 160-89.6 160h-608v-800c0-121.6 134.4-224 256-224h512v832c0 0-51.2 12.8-70.4 32zM448 556.8c-57.6 19.2-147.2 51.2-147.2 121.6 6.4 51.2 83.2 89.6 83.2 102.4v51.2h64v-44.8c64-6.4 115.2-25.6 121.6-25.6l-19.2-57.6c0 0-44.8 19.2-96 19.2-44.8 0-70.4-19.2-76.8-51.2 0-19.2 32-38.4 83.2-57.6 96-32 121.6-70.4 121.6-121.6 0-44.8-6.4-102.4-134.4-115.2v-57.6h-64v51.2c0 6.4-89.6 32-96 32l32 57.6c0 0 70.4-32 128-25.6s83.2 38.4 83.2 64c6.4 19.2-25.6 38.4-83.2 57.6zM832 0h-448c-64 0-115.2 38.4-128 83.2-6.4 19.2 0 44.8 25.6 44.8h422.4v659.2c64-38.4 128-70.4 128-83.2v-704z" />
+<glyph unicode="" glyph-name="book-percent" data-tags="book-percent" d="M806.4 800c-102.4 76.8-102.4 160-102.4 160h-576v-800c0-121.6 102.4-224 224-224h544v832c0 0-64 12.8-89.6 32zM352 755.2c51.2 0 96-44.8 96-102.4s-44.8-89.6-96-89.6-96 38.4-96 89.6 44.8 102.4 96 102.4zM576 768h64l-320-448h-64l320 448zM640 416c0-51.2-44.8-96-96-96s-96 44.8-96 96 44.8 96 96 96 96-44.8 96-96zM832 0h-480c-64 0-115.2 38.4-128 83.2-6.4 25.6 0 44.8 25.6 44.8h454.4v659.2c0-38.4 64-70.4 128-83.2v-704zM576 416c0-17.673-14.327-32-32-32s-32 14.327-32 32c0 17.673 14.327 32 32 32s32-14.327 32-32zM384 652.8c0-17.673-14.327-32-32-32s-32 14.327-32 32c0 17.673 14.327 32 32 32s32-14.327 32-32z" />
+<glyph unicode="" glyph-name="briefcase2" data-tags="briefcase" d="M704 704v128h-384v-128h-320v-768h1024v768h-320zM640 704h-256v64h256v-64z" />
+<glyph unicode="" glyph-name="plus-minus" data-tags="plus-minus" d="M640 512h384v-128h-384v128zM256 640h-128v-128h-128v-128h128v-128h128v128h128v128h-128zM384 832l192-768h64l-192 768z" />
+<glyph unicode="" glyph-name="calendar-briefcase" data-tags="calendar-briefcase" d="M192 960h64v-192h-64v192zM704 960h64v-192h-64v192zM832 896v-192h-192v192h-320v-192h-192v192h-128v-896h320v64h-256v512h832v-192h64v512zM832 320v128h-256v-128h-192v-384h640v384h-192zM640 384h128v-64h-128v64z" />
+<glyph unicode="" glyph-name="calendar-clock" data-tags="calendar-clock" d="M192 960h64v-192h-64v192zM704 960h64v-192h-64v192zM422.4 64h-358.4v512h832v-38.4c25.6-12.8 44.8-25.6 64-44.8v403.2h-128v-192h-192v192h-320v-192h-192v192h-128v-896h467.2c-19.2 19.2-32 38.4-44.8 64zM896 192h-192v192h64v-128h128zM736 448c121.6 0 224-102.4 224-224s-102.4-224-224-224-224 102.4-224 224 102.4 224 224 224zM736 512c-160 0-288-128-288-288s128-288 288-288 288 128 288 288-128 288-288 288v0z" />
+<glyph unicode="" glyph-name="calendar-user" data-tags="calendar-user" d="M192 960h64v-192h-64v192zM704 960h64v-192h-64v192zM576 57.6c0 6.4 0 6.4 0 0l-512 6.4v512h832v-76.8c25.6-6.4 44.8-19.2 64-38.4v435.2h-128v-192h-192v192h-320v-192h-192v192h-128v-896h576v57.6zM960 320c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128s128-57.308 128-128zM889.6 192h-115.2c-70.4 0-134.4-57.6-134.4-134.4v-121.6h384v121.6c0 76.8-57.6 134.4-134.4 134.4z" />
+<glyph unicode="" glyph-name="dental-chair" data-tags="dental-chair" d="M736 435.2c-19.2 6.4-38.4 12.8-51.2 12.8h-172.8v64h192c0 38.4-25.6 64-64 64h-256c0-38.4 25.6-64 64-64v-64c-32 0-64 12.8-76.8 38.4l-70.4 115.2c-19.2 25.6-44.8 38.4-70.4 38.4h-38.4v44.8c0 19.2-6.4 32-12.8 51.2l-19.2 44.8c-19.2 32-57.6 51.2-96 51.2h-64l320-448c25.6-38.4 70.4-64 115.2-64h76.8v-64h-64v-128h-38.4c-57.6 0-115.2-25.6-153.6-64v0h-64v-64h704v64h-64c-38.4 38.4-96 64-153.6 64h-38.4v128h-64v64h102.4c12.8 0 32-6.4 44.8-12.8l108.8-57.6c57.6-32 128-32 185.6 0h6.4l-288 185.6z" />
+<glyph unicode="" glyph-name="doctor-briefcase" data-tags="doctor-briefcase" d="M1024 192l-89.6 428.8c-12.8 44.8-57.6 83.2-108.8 83.2h-121.6v76.8c0 64-51.2 115.2-115.2 115.2h-153.6c-64 0-115.2-51.2-115.2-115.2v-76.8h-121.6c-51.2 0-96-38.4-108.8-83.2l-89.6-428.8c-12.8-64 38.4-128 108.8-128h800c76.8 0 128 64 115.2 128zM384 780.8c0 25.6 25.6 51.2 51.2 51.2h153.6c25.6 0 51.2-25.6 51.2-51.2v-76.8h-256v76.8zM704 320h-128v-128h-128v128h-128v128h128v128h128v-128h128v-128z" />
+<glyph unicode="" glyph-name="doctor" data-tags="doctor" d="M896 236.8c-64 121.6-128 102.4-198.4 108.8 6.4-19.2 6.4-38.4 6.4-64 102.4-25.6 128-147.2 128-217.6v-64h-128v64h64c0 0 0 160-96 160s-96-153.6-96-160h64v-64h-128v64c0 70.4 25.6 198.4 128 217.6 0 38.4-6.4 70.4-12.8 83.2-12.8 6.4-25.6 19.2-25.6 38.4 0 38.4 51.2 25.6 89.6 96 0 0 57.6 147.2 38.4 275.2h-64c0 12.8 6.4 19.2 6.4 32s0 19.2-6.4 32h51.2c-19.2 64-83.2 121.6-204.8 121.6 0 0 0 0 0 0s0 0 0 0 0 0 0 0c-121.6 0-185.6-57.6-211.2-128h51.2c0-12.8-6.4-19.2-6.4-32s0-19.2 6.4-32h-64c-12.8-128 38.4-275.2 38.4-275.2 38.4-64 89.6-51.2 89.6-96 0-32-32-44.8-70.4-51.2-12.8-12.8-25.6-38.4-25.6-89.6 0-25.6 0-51.2 0-76.8 38.4-12.8 64-51.2 64-89.6 0-44.8-44.8-89.6-96-89.6s-96 44.8-96 96c0 44.8 25.6 76.8 64 89.6 0 19.2 0 44.8 0 76.8s6.4 57.6 12.8 83.2c-44.8-6.4-96-25.6-140.8-108.8-38.4-70.4-57.6-300.8-57.6-300.8h876.8c6.4 0-12.8 230.4-51.2 300.8zM416 800c0 51.2 44.8 96 96 96s96-44.8 96-96-44.8-96-96-96-96 44.8-96 96zM320 96c0-17.673-14.327-32-32-32s-32 14.327-32 32c0 17.673 14.327 32 32 32s32-14.327 32-32z" />
+<glyph unicode="" glyph-name="dollar2" data-tags="dollar" d="M524.8 524.8c-6.4 0-6.4 6.4-12.8 6.4v198.4c76.8-6.4 140.8-38.4 140.8-38.4l57.6 115.2c-6.4 0-96 51.2-198.4 51.2v102.4h-64v-102.4c-51.2-12.8-89.6-32-128-57.6-38.4-38.4-64-89.6-64-147.2 0-44.8 12.8-147.2 192-230.4v-249.6c-57.6 12.8-128 44.8-153.6 57.6l-64-108.8c12.8-6.4 115.2-64 217.6-76.8v-108.8h64v108.8c0 0 0 0 0 0 147.2 19.2 230.4 134.4 230.4 243.2 0 96-64 172.8-217.6 236.8zM448 563.2c-51.2 32-64 64-64 83.2 0 25.6 6.4 44.8 25.6 57.6 12.8 6.4 25.6 12.8 38.4 19.2v-160zM512 172.8v217.6c70.4-32 102.4-70.4 102.4-102.4 0-38.4-19.2-102.4-102.4-115.2z" />
+<glyph unicode="" glyph-name="exit-o" data-tags="exit-o" d="M640 960c70.4 0 128-57.6 128-128 0-57.6-38.4-108.8-96-121.6 0 0 0-6.4 0-6.4 25.6 0 44.8-12.8 64-32l83.2-83.2c6.4-6.4 19.2-12.8 32-12.8h108.8v384h-320zM755.2 32l-243.2 288v-160c0-51.2-44.8-96-96-96h-224c-38.4 0-64 25.6-64 64s25.6 64 64 64h160c19.2 0 32 12.8 32 32v128c0 44.8 6.4 83.2 25.6 128l44.8 96h-51.2c-32 0-57.6-12.8-76.8-38.4l-32-44.8c-12.8-25.6-44.8-32-76.8-19.2-25.6 19.2-38.4 57.6-12.8 83.2l38.4 51.2c44.8 64 121.6 96 198.4 96h128l6.4 19.2c-38.4 19.2-64 64-64 108.8 0 70.4 57.6 128 128 128h-448v-313.6l-38.4-51.2c-19.2-25.6-32-57.6-25.6-96 6.4-32 25.6-64 57.6-83.2 0 0 0 0 0 0v-160c-70.4 0-128-57.6-128-128s57.6-128 128-128v-64h742.4c-70.4 0-134.4 38.4-172.8 96zM729.6 492.8l-44.8 51.2-38.4-96c-12.8-32-19.2-57.6 0-83.2l313.6-390.4v473.6h-134.4c-38.4 0-70.4 12.8-96 44.8z" />
+<glyph unicode="" glyph-name="exit" data-tags="exit" d="M896 576h-108.8c-12.8 0-25.6 6.4-38.4 12.8l-83.2 83.2c-12.8 19.2-38.4 32-70.4 32h-19.2c70.4 0 128 57.6 128 128s-57.6 128-128 128-128-57.6-128-128c0-44.8 25.6-89.6 64-108.8l-12.8-19.2h-128c-70.4 0-147.2-32-192-96l-38.4-51.2c-25.6-25.6-12.8-64 12.8-83.2 25.6-12.8 57.6-6.4 76.8 19.2l32 44.8c19.2 25.6 44.8 38.4 76.8 38.4h51.2l-44.8-102.4c-19.2-38.4-25.6-76.8-25.6-121.6v-128c0-19.2-12.8-32-32-32h-160c-38.4 0-64-25.6-64-64s25.6-64 64-64h224c51.2 0 96 44.8 96 96v160l243.2-288c38.4-57.6 108.8-96 179.2-96h57.6l-345.6 428.8c-19.2 25.6-12.8 51.2 0 83.2l38.4 96 44.8-51.2c25.6-25.6 64-44.8 102.4-44.8h128c38.4 0 64 25.6 64 64s-25.6 64-64 64z" />
+<glyph unicode="" glyph-name="golf" data-tags="golf" d="M448 832c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128s128-57.308 128-128zM627.2 844.8c-12.8 32-108.8 6.4-128-32-12.8-19.2-12.8-76.8-76.8-121.6-51.2-32-102.4-32-102.4-32-19.2-38.4-6.4-70.4 12.8-102.4 32-57.6 38.4-115.2 44.8-179.2 6.4-83.2-32-153.6-147.2-204.8-51.2-19.2-83.2-57.6-64-121.6 0 0 128 19.2 198.4 76.8 96 76.8 115.2 147.2 115.2 147.2s6.4-44.8 0-121.6c-6.4-64-12.8-96-25.6-140.8s19.2-76.8 57.6-76.8 64 25.6 64 64l19.2 121.6c19.2 134.4 0 275.2-51.2 403.2 0 6.4-6.4 6.4-6.4 12.8-38.4 102.4 12.8 166.4 38.4 192 19.2 25.6 76.8 76.8 51.2 115.2zM768 960v-640h64v384l192 128zM1024 320c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64zM64 422.4l236.8 236.8-44.8 19.2-243.2-230.4c0 0-25.6-44.8 6.4-108.8s102.4-19.2 102.4-19.2c25.6 12.8 12.8 25.6 0 38.4s-57.6 64-57.6 64z" />
+<glyph unicode="" glyph-name="group2" data-tags="group" d="M320-64v339.2c-38.4 19.2-64 64-64 108.8v256c0 44.8 25.6 83.2 64 108.8 0 6.4 0 12.8 0 19.2 0 70.4-57.6 128-128 128s-128-57.6-128-128c0-70.4 57.6-128 128-128h-128c-32 0-64-32-64-64v-256c0-32 32-64 64-64v-320h256zM960 640h-128c70.4 0 128 57.6 128 128s-57.6 128-128 128-128-57.6-128-128c0-6.4 0-12.8 0-19.2 38.4-25.6 64-64 64-108.8v-256c0-44.8-25.6-89.6-64-108.8v-339.2h256v320c32 0 64 32 64 64v256c0 32-32 64-64 64zM640 832c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128s128-57.308 128-128zM640 704h-256c-32 0-64-32-64-64v-256c0-32 32-64 64-64v-384h256v384c32 0 64 32 64 64v256c0 32-32 64-64 64z" />
+<glyph unicode="" glyph-name="health-card" data-tags="health-card" d="M960 768v-640h-896v640h896zM1024 832h-1024v-768h1024v768zM576 640h320v-64h-320v64zM576 512h320v-64h-320v64zM576 384h128v-64h-128v64zM416 640c0 0 0 0 0 0-38.4 0-70.4-38.4-96-64-25.6 25.6-57.6 64-96 64 0 0 0 0 0 0-96 0-134.4-121.6-64-185.6l160-134.4 160 134.4c70.4 64 32 185.6-64 185.6z" />
+<glyph unicode="" glyph-name="invoice" data-tags="invoice" d="M281.6 307.2c-38.4-6.4-89.6 19.2-108.8 25.6l-32-57.6c0 0 57.6-25.6 108.8-32v-51.2h64v57.6c57.6 19.2 89.6 70.4 96 115.2 0 51.2-38.4 89.6-121.6 121.6-25.6 12.8-70.4 32-70.4 57.6 0 32 25.6 51.2 64 51.2 44.8 0 89.6-19.2 89.6-19.2l25.6 57.6c0 0-32 12.8-76.8 25.6v44.8h-64v-44.8c-57.6-12.8-96-51.2-102.4-108.8 0-76.8 83.2-108.8 115.2-121.6 38.4-12.8 83.2-38.4 83.2-57.6 0-25.6-25.6-57.6-70.4-64zM0 832v-768h1024v768h-1024zM960 128h-896v640h896v-640zM512 640h384v-64h-384v64zM512 512h384v-64h-384v64zM512 384h192v-64h-192v64z" />
+<glyph unicode="" glyph-name="level-down-bold" data-tags="level-down-bold" d="M576-64l256 448h-192v576h-448l128-192h128v-384h-192z" />
+<glyph unicode="" glyph-name="level-left-bold" data-tags="level-left-bold" d="M0 512l448 256v-192h576v-448l-192 128v128h-384v-192z" />
+<glyph unicode="" glyph-name="level-up-bold" data-tags="level-up-bold" d="M576 960l256-448h-192v-576h-448l128 192h128v384h-192z" />
+<glyph unicode="" glyph-name="out" data-tags="out" d="M224 448c19.2 0 32-12.8 32-32v-128c0-19.2-12.8-32-32-32s-32 12.8-32 32v128c0 19.2 12.8 32 32 32v0zM224 512v0c-51.2 0-96-44.8-96-96v-128c0-51.2 44.8-96 96-96v0c51.2 0 96 44.8 96 96v128c0 51.2-44.8 96-96 96v0zM512 512v-224c0-19.2-12.8-32-32-32s-32 12.8-32 32v224h-64v-224c0-51.2 44.8-96 96-96v0c51.2 0 96 44.8 96 96v224h-64zM832 512h-192v-64h64v-256h64v256h64zM960 576v64h-153.6l-236.8 192c6.4 12.8 6.4 19.2 6.4 32 0 51.2-44.8 96-96 96s-96-44.8-96-96c0-12.8 0-19.2 6.4-32l-236.8-192h-153.6v-576h64v-64h960v576h-64zM428.8 780.8c19.2-6.4 32-12.8 51.2-12.8s32 6.4 51.2 12.8l172.8-140.8h-448l172.8 140.8zM896 128h-832v448h832v-448z" />
+<glyph unicode="" glyph-name="pill" data-tags="pill" d="M947.2 870.4l-12.8 12.8c-44.8 51.2-115.2 76.8-179.2 76.8s-134.4-25.6-185.6-76.8l-492.8-492.8c-102.4-102.4-102.4-262.4 0-364.8l12.8-12.8c44.8-51.2 115.2-76.8 179.2-76.8s134.4 25.6 185.6 76.8l499.2 499.2c96 96 96 262.4-6.4 358.4zM902.4 550.4l-249.6-249.6-224 230.4-243.2-243.2c-70.4-70.4-70.4-160-64-224v0c-76.8 76.8-76.8 198.4 0 275.2l499.2 499.2c32 38.4 83.2 57.6 134.4 57.6s102.4-19.2 140.8-57.6l12.8-12.8c32-32 51.2-83.2 51.2-134.4s-19.2-102.4-57.6-140.8z" />
+<glyph unicode="" glyph-name="pills" data-tags="pills" d="M224 448l403.2 403.2c25.6 25.6 64 44.8 108.8 44.8s83.2-19.2 115.2-44.8c64-64 64-166.4 0-224l-179.2-179.2h89.6l128 128c89.6 89.6 89.6 230.4 0 313.6-44.8 44.8-102.4 64-160 64s-108.8-12.8-153.6-57.6l-403.2-409.6c-19.2-12.8-32-32-44.8-57.6 32 12.8 64 19.2 96 19.2zM467.2 601.6l-153.6-153.6h300.8zM800 384h-576c-121.6 0-224-102.4-224-224s102.4-224 224-224h576c121.6 0 224 102.4 224 224s-102.4 224-224 224zM800 0h-288v256h-288c-70.4 0-128-38.4-160-76.8 12.8 76.8 76.8 140.8 160 140.8h576c89.6 0 160-70.4 160-160s-70.4-160-160-160z" />
+<glyph unicode="" glyph-name="specialist" data-tags="specialist" d="M262.4 448c12.8-38.4 19.2-70.4 19.2-70.4 51.2-83.2 115.2-70.4 115.2-115.2 0-19.2-12.8-38.4-32-44.8l147.2-115.2 147.2 108.8c-19.2 12.8-32 25.6-32 44.8 0 51.2 64 32 115.2 115.2 0 0 12.8 25.6 19.2 70.4v0c19.2 70.4 38.4 198.4 32 262.4h-96c0 19.2 6.4 38.4 6.4 64h70.4c-19.2 89.6-64 128-140.8 147.2-32 25.6-76.8 44.8-121.6 44.8s-89.6-19.2-121.6-44.8c-76.8-19.2-115.2-57.6-140.8-147.2h70.4c0-25.6 6.4-44.8 12.8-64h-102.4c-6.4-64 12.8-192 32-256v0zM716.8 416c-6.4-6.4-12.8-12.8-19.2-19.2l-32-38.4c-25.6-32-51.2-51.2-89.6-57.6l-25.6-6.4c-25.6-6.4-57.6-6.4-89.6 0l-25.6 6.4c-38.4 12.8-70.4 32-96 70.4l-12.8 25.6c-6.4 6.4-12.8 12.8-19.2 19.2l-44.8 32 198.4 57.6c32 6.4 64 12.8 96 0l204.8-57.6-44.8-32zM384 768c0 70.4 57.6 128 128 128s128-57.6 128-128c0-70.4-57.6-128-128-128s-128 57.6-128 128zM992 51.2c-83.2 153.6-166.4 128-249.6 140.8 0 0 0 0-6.4 0l-224-166.4-224 166.4c0 0 0 0-6.4 0-89.6-6.4-166.4 12.8-249.6-140.8-12.8-25.6-25.6-70.4-32-115.2h1024c-6.4 44.8-19.2 89.6-32 115.2z" />
+<glyph unicode="" glyph-name="stethoscope2" data-tags="stethoscope" d="M364.8-12.8c19.2-19.2 64-51.2 115.2-51.2 172.8 0 211.2 128 217.6 230.4 12.8 147.2 51.2 140.8 70.4 140.8 44.8 0 57.6-25.6 57.6-70.4-38.4-25.6-64-64-64-108.8 0-70.4 57.6-128 128-128s128 57.6 128 128-57.6 128-128 128c-6.4 0-6.4 0-12.8 0-12.8 57.6-44.8 115.2-115.2 115.2-102.4 0-128-89.6-134.4-185.6-6.4-134.4-51.2-185.6-147.2-185.6-25.6 0-51.2 12.8-64 25.6-38.4 32-32 147.2-32 147.2 128 0 256 115.2 300.8 307.2l-12.8 6.4c19.2 76.8 32 166.4 32 230.4 0 70.4-19.2 121.6-64 160s-96 51.2-134.4 51.2c-12.8 19.2-32 32-57.6 32-32 0-64-25.6-64-64s25.6-64 64-64c25.6 0 44.8 12.8 51.2 32 32 0 64-12.8 96-38.4s44.8-57.6 44.8-108.8c0-57.6-12.8-140.8-32-224l-12.8 6.4c-19.2-70.4-83.2-230.4-211.2-230.4h-64c-128 0-192 160-211.2 230.4l-12.8-6.4c-19.2 83.2-32 166.4-32 224 0 51.2 12.8 83.2 44.8 108.8 25.6 25.6 64 32 96 38.4 6.4-19.2 25.6-32 51.2-32 38.4 0 64 25.6 64 64s-25.6 64-64 64c-25.6 0-44.8-12.8-57.6-32-38.4 0-89.6-12.8-134.4-51.2s-64-89.6-64-160c0-64 12.8-153.6 32-236.8l-12.8-6.4c44.8-185.6 172.8-300.8 300.8-300.8 0 0-6.4-140.8 44.8-185.6zM896 64c-38.4 0-64 25.6-64 64s25.6 64 64 64 64-25.6 64-64-32-64-64-64z" />
+<glyph unicode="" glyph-name="teeth" data-tags="teeth" d="M294.4 473.6c-6.4-6.4-32-25.6-102.4-25.6 70.4 0 96-19.2 102.4-25.6 12.8 12.8 38.4 25.6 96 25.6-57.6 0-83.2 12.8-96 25.6zM512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512c281.6 0 512 230.4 512 512s-230.4 512-512 512zM838.4 217.6c-64 0-89.6 51.2-102.4 102.4-12.8-57.6-38.4-128-115.2-128-70.4 0-96 70.4-108.8 128-12.8-64-38.4-128-108.8-128s-102.4 70.4-115.2 128c-12.8-51.2-38.4-102.4-102.4-102.4-128 0-121.6 192-121.6 192s12.8 38.4 108.8 38.4c-96 0-108.8 32-108.8 32s-6.4 192 121.6 192c64 0 89.6-51.2 102.4-102.4 12.8 57.6 38.4 128 115.2 128 70.4 6.4 96-64 108.8-121.6 12.8 64 38.4 128 108.8 128s102.4-70.4 115.2-128c12.8 51.2 38.4 102.4 102.4 102.4 128 0 121.6-192 121.6-192s-19.2-38.4-115.2-38.4c-76.8 0-102.4 19.2-115.2 25.6-12.8-12.8-44.8-25.6-102.4-25.6-76.8 0-102.4 12.8-115.2 25.6-6.4-6.4-38.4-25.6-102.4-25.6 64 0 89.6-19.2 102.4-25.6 12.8 12.8 38.4 25.6 115.2 25.6 64 0 89.6-12.8 108.8-25.6 0 6.4 32 25.6 108.8 25.6 96 0 115.2-38.4 115.2-38.4s6.4-192-121.6-192z" />
+<glyph unicode="" glyph-name="user-card" data-tags="user-card" d="M960 768v-640h-896v640h896zM1024 832h-1024v-768h1024v768zM512 640h384v-64h-384v64zM512 512h384v-64h-384v64zM512 384h192v-64h-192v64zM345.6 512h-25.6v6.4c38.4 12.8 64 51.2 64 89.6 0 51.2-44.8 96-96 96s-96-44.8-96-96c0-44.8 25.6-76.8 64-89.6v-6.4h-25.6c-57.6 0-102.4-44.8-102.4-102.4v-153.6h320v153.6c0 57.6-44.8 102.4-102.4 102.4z" />
+<glyph unicode="" glyph-name="user-check" data-tags="user-check" d="M480 38.4c-51.2 51.2-51.2 128 0 179.2s128 51.2 179.2 0l38.4-38.4 121.6 134.4c-44.8 25.6-83.2 25.6-128 25.6-44.8 6.4-89.6 19.2-89.6 57.6s51.2 25.6 89.6 96c0 0 172.8 467.2-185.6 467.2-352 0-179.2-467.2-179.2-467.2 38.4-64 89.6-51.2 89.6-96s-44.8-44.8-89.6-51.2c-70.4-6.4-134.4 6.4-198.4-108.8-38.4-70.4-57.6-300.8-57.6-300.8h512l-102.4 102.4zM819.2-64h134.4c0 0-6.4 57.6-12.8 128l-121.6-128zM704-64c-19.2 0-32 6.4-44.8 19.2l-128 128c-25.6 25.6-25.6 64 0 89.6s64 25.6 89.6 0l83.2-83.2 211.2 230.4c25.6 25.6 64 25.6 89.6 6.4 25.6-25.6 25.6-64 6.4-89.6l-256-275.2c-19.2-19.2-32-25.6-51.2-25.6 0 0 0 0 0 0z" />
+<glyph unicode="" glyph-name="user-clock" data-tags="user-clock" d="M896 128h-192v192h64v-128h128zM1024 160c0 160-128 288-288 288-44.8 0-89.6-12.8-128-32 12.8 19.2 51.2 19.2 89.6 76.8 0 0 172.8 467.2-185.6 467.2s-185.6-467.2-185.6-467.2c38.4-64 89.6-51.2 89.6-96s-44.8-44.8-89.6-51.2c-70.4-6.4-134.4 6.4-198.4-108.8-38.4-70.4-57.6-300.8-57.6-300.8h665.6c-121.6 0-224 102.4-224 224s102.4 224 224 224 224-102.4 224-224c0-121.6-102.4-224-224-224h217.6c0 0 0 12.8 0 32 38.4 51.2 70.4 115.2 70.4 192z" />
+<glyph unicode="" glyph-name="user-heart" data-tags="user-heart" d="M908.8-64h38.4c0 0 0 12.8 0 38.4l-38.4-38.4zM550.4 70.4c-44.8 44.8-64 115.2-51.2 179.2s51.2 115.2 108.8 134.4c0 6.4-6.4 12.8-6.4 12.8 0 38.4 51.2 25.6 89.6 96 0 0 172.8 467.2-185.6 467.2-352 0-179.2-467.2-179.2-467.2 38.4-64 89.6-51.2 89.6-96s-44.8-44.8-89.6-51.2c-70.4-6.4-134.4 6.4-198.4-108.8-38.4-70.4-57.6-300.8-57.6-300.8h614.4l-134.4 134.4zM953.6 313.6c-12.8 6.4-32 6.4-44.8 6.4-44.8 0-83.2-38.4-108.8-70.4-25.6 32-64 70.4-108.8 70.4-19.2 0-32 0-44.8-6.4-76.8-25.6-89.6-128-32-185.6l192-185.6 192 185.6c51.2 57.6 32 160-44.8 185.6z" />
+<glyph unicode="" glyph-name="absolute-position" data-tags="absolute-position" d="M0 960v-1024h1024v1024h-1024zM960 0h-896v384h192v-64l192 128-192 128v-64h-192v384h384v-192h-64l128-192 128 192h-64v192h384v-896z" />
+<glyph unicode="" glyph-name="accordion-menu" data-tags="accordion-menu" d="M0 704v-512h1024v512h-1024zM960 256h-896v256h896v-256zM0 960h1024v-192h-1024v192zM0 128h1024v-192h-1024v192z" />
+<glyph unicode="" glyph-name="add-dock" data-tags="add-dock" d="M0 256v-320h1024v320h-1024zM768 0h-192v192h192v-192zM768 512v128c0 320-512 320-512 320s320 0 320-320v-128h-128l224-192 224 192h-128z" />
+<glyph unicode="" glyph-name="archives" data-tags="archives" d="M704 832h-384v-256h384v256zM576 704h-128v64h128v-64zM192 960v-1024h128v64h384v-64h128v1024h-640zM768 64h-512v384h512v-384zM768 512h-512v384h512v-384zM704 384h-384v-256h384v256zM576 256h-128v64h128v-64z" />
+<glyph unicode="" glyph-name="arrow-backward" data-tags="arrow-backward" d="M0 454.4l384 313.6v-192c0 0 70.4 0 128 0 512 0 512-512 512-512s-64 256-499.2 256c-70.4 0-115.2 0-140.8 0v-185.6l-384 320z" />
+<glyph unicode="" glyph-name="arrow-forward" data-tags="arrow-forward" d="M1024 454.4l-384 313.6v-192c-32 0-70.4 0-128 0-512 0-512-512-512-512s64 256 499.2 256c70.4 0 115.2 0 140.8 0v-185.6l384 320z" />
+<glyph unicode="" glyph-name="at2" data-tags="at" d="M480 179.2c-147.2 0-268.8 121.6-268.8 268.8s121.6 268.8 268.8 268.8 268.8-121.6 268.8-268.8c6.4-147.2-121.6-268.8-268.8-268.8zM480 627.2c-96 0-172.8-83.2-172.8-179.2s76.8-179.2 179.2-179.2 179.2 76.8 179.2 179.2-89.6 179.2-185.6 179.2zM512-64c-281.6 0-512 230.4-512 512s230.4 512 512 512 512-230.4 512-512c0-96-25.6-192-76.8-268.8-19.2-32-70.4-76.8-147.2-76.8-51.2 0-83.2 19.2-102.4 38.4-44.8 44.8-38.4 115.2-38.4 121.6v441.6h96v-448c0-12.8 0-38.4 12.8-51.2 0 0 12.8-12.8 32-12.8 44.8 0 70.4 32 70.4 32 38.4 64 64 140.8 64 217.6 0 230.4-185.6 416-416 416s-422.4-179.2-422.4-409.6 185.6-416 416-416c44.8 0 83.2 6.4 121.6 19.2l25.6-89.6c-44.8-19.2-96-25.6-147.2-25.6z" />
+<glyph unicode="" glyph-name="bell-slash-o2" data-tags="bell-slash-o" d="M972.8 960l-230.4-230.4c-25.6 38.4-76.8 83.2-166.4 96v70.4c0 0 6.4 64-64 64s-64-64-64-64v-70.4c-192-32-192-185.6-192-185.6v-332.8c0-32-19.2-64-44.8-76.8l-83.2-38.4v-83.2l-128-128v-44.8h44.8l979.2 985.6v38.4h-51.2zM320 300.8c0 6.4 0 6.4 0 0v339.2c0 6.4 6.4 102.4 140.8 121.6l51.2 12.8 51.2-6.4c76.8-12.8 115.2-51.2 128-83.2l-371.2-384zM768 307.2v294.4l-64-64v-224c0-57.6 32-108.8 83.2-134.4l44.8-25.6v-25.6h-531.2l-64-64h153.6c0 0-6.4-128 128-128s128 128 128 128h249.6v128l-83.2 38.4c-25.6 19.2-44.8 44.8-44.8 76.8z" />
+<glyph unicode="" glyph-name="bell-slash2" data-tags="bell-slash" d="M972.8 960l-230.4-230.4c-32 38.4-76.8 83.2-166.4 96v70.4c0 0 6.4 64-64 64s-64-64-64-64v-70.4c-179.2-32-192-185.6-192-185.6v-332.8c0-32-19.2-64-44.8-76.8l-83.2-38.4v-64h19.2l-147.2-147.2v-44.8h44.8l979.2 985.6v38.4h-51.2zM384 652.8v-288l-64-64v339.2c0 0 0 51.2 44.8 89.6 44.8 44.8 83.2 38.4 83.2 38.4s-64-44.8-64-115.2zM512-64c134.4 0 128 128 128 128h-256c0 0-6.4-128 128-128zM768 307.2v294.4l-384-384-19.2-25.6-64-64h595.2v64l-83.2 38.4c-25.6 19.2-44.8 44.8-44.8 76.8z" />
+<glyph unicode="" glyph-name="boat" data-tags="boat" d="M96 345.6c70.4-44.8 160-121.6 160-211.2 0-25.6 0-44.8 0-70.4 0 0 6.4 0 6.4 0s57.6 0 128 64c64-64 128-64 128-64s64 0 128 64c64-64 121.6-64 121.6-64s6.4 0 6.4 0c0 19.2 0 44.8 0 70.4 0 89.6 89.6 166.4 160 211.2 38.4 25.6 32 76.8-12.8 89.6l-89.6 25.6v243.2h-64v64h-192v128h-128v-128h-192v-64h-64v-243.2l-83.2-25.6c-51.2-12.8-51.2-64-12.8-89.6zM256 640h64v64h384v-64h64v-160l-211.2 64c-32 6.4-64 6.4-96 0l-204.8-64v160zM896 64c-64-64-128-64-128-64s-64 0-128 64c-64-64-128-64-128-64s-64 0-128 64c-64-64-128-64-128-64s-64 0-128 64c-64-64-128-64-128-64v-64h1024v64c0 0-64 0-128 64z" />
+<glyph unicode="" glyph-name="browser" data-tags="browser" d="M960 896v64h-960v-960h64v-64h960v960h-64zM192 896h576v-64h-576v64zM64 896h64v-64h-64v64zM64 768h832v-704h-832v704z" />
+<glyph unicode="" glyph-name="bullets" data-tags="bullets" d="M0 800v0c0-51.2 44.8-96 96-96v0c51.2 0 96 44.8 96 96v0c0 51.2-44.8 96-96 96v0c-51.2 0-96-44.8-96-96zM0 480v0c0-51.2 44.8-96 96-96v0c51.2 0 96 44.8 96 96v0c0 51.2-44.8 96-96 96v0c-51.2 0-96-44.8-96-96zM0 160v0c0-51.2 44.8-96 96-96v0c51.2 0 96 44.8 96 96v0c0 51.2-44.8 96-96 96v0c-51.2 0-96-44.8-96-96zM320 896h704v-192h-704v192zM320 576h704v-192h-704v192zM320 256h704v-192h-704v192z" />
+<glyph unicode="" glyph-name="browser3" data-tags="browser" d="M960 896v64h-960v-960h64v-64h960v960h-64zM192 896h576v-64h-576v64zM64 896h64v-64h-64v64zM64 768h832v-704h-832v704z" />
+<glyph unicode="" glyph-name="bullets2" data-tags="bullets" d="M0 800v0c0-51.2 44.8-96 96-96v0c51.2 0 96 44.8 96 96v0c0 51.2-44.8 96-96 96v0c-51.2 0-96-44.8-96-96zM0 480v0c0-51.2 44.8-96 96-96v0c51.2 0 96 44.8 96 96v0c0 51.2-44.8 96-96 96v0c-51.2 0-96-44.8-96-96zM0 160v0c0-51.2 44.8-96 96-96v0c51.2 0 96 44.8 96 96v0c0 51.2-44.8 96-96 96v0c-51.2 0-96-44.8-96-96zM320 896h704v-192h-704v192zM320 576h704v-192h-704v192zM320 256h704v-192h-704v192z" />
+<glyph unicode="" glyph-name="button" data-tags="button" d="M1004.8 620.8l-64 64c-12.8 12.8-25.6 19.2-44.8 19.2h-832c-38.4 0-64-25.6-64-64v-320c0-19.2 6.4-38.4 19.2-44.8l64-64c12.8-12.8 25.6-19.2 44.8-19.2h832c38.4 0 64 25.6 64 64v320c0 19.2-6.4 32-19.2 44.8zM896 320h-832v320h832v-320z" />
+<glyph unicode="" glyph-name="calc-book" data-tags="calc-book" d="M761.6 960c-83.2 0-128-25.6-153.6-51.2-25.6 25.6-70.4 51.2-160 51.2-217.6 0-256-128-256-128v0 0-256h-192v-640h448v294.4l96 12.8c0 0 12.8 19.2 19.2-44.8h83.2c6.4 64 25.6 44.8 25.6 44.8l352-44.8v627.2c0 0-38.4 134.4-262.4 134.4zM64 512h320v-128h-320v128zM384 320v-64h-64v64h64zM256 320v-64h-64v64h64zM128 0h-64v64h64v-64zM128 128h-64v64h64v-64zM128 256h-64v64h64v-64zM256 0h-64v64h64v-64zM256 128h-64v64h64v-64zM384 0h-64v64h64v-64zM384 128h-64v64h64v-64zM576 352c-57.6 6.4-83.2 19.2-128 19.2v204.8h-192v249.6c0 25.6 51.2 96 192 96 115.2 0 121.6-51.2 121.6-64 0 0 0 0 0 0v-505.6zM960 326.4c-64 25.6-70.4 44.8-160 44.8-6.4 0-12.8 0-12.8 0-64 0-83.2-12.8-147.2-25.6v486.4c0 0 0 6.4 0 6.4s0 6.4 0 6.4c0 12.8 12.8 70.4 121.6 70.4 147.2 0 198.4-57.6 198.4-89.6v-499.2z" />
+<glyph unicode="" glyph-name="calendar-envelope" data-tags="calendar-envelope" d="M192 960h64v-128h-64v128zM576 960h64v-128h-64v128zM832 512v384h-128v-128h-192v128h-192v-128h-192v128h-128v-768h256v-192h768v576h-192zM256 192h-192v448h704v-128h-512v-320zM320 307.2l166.4-96-166.4-166.4v262.4zM364.8 0l179.2 179.2 96-57.6 96 51.2 179.2-179.2h-550.4zM960 44.8l-166.4 166.4 166.4 89.6v-256zM960 371.2l-320-172.8-320 185.6v64h640v-76.8zM985.6 345.6v0 0 0z" />
+<glyph unicode="" glyph-name="car2" data-tags="car" d="M960 569.6l-89.6 185.6c-25.6 44.8-70.4 76.8-121.6 76.8h-473.6c-51.2 0-96-32-121.6-76.8l-89.6-185.6c-38.4-6.4-64-38.4-64-70.4v-224c0-38.4 25.6-70.4 64-76.8v-128c0-38.4 32-70.4 70.4-70.4h57.6c32 0 64 32 64 70.4v121.6h512v-121.6c0-38.4 32-70.4 70.4-70.4h57.6c38.4 0 70.4 32 70.4 70.4v128c38.4 6.4 64 38.4 64 76.8v224c-6.4 32-32 64-70.4 70.4zM256 422.4c0-19.2-19.2-38.4-38.4-38.4h-115.2c-19.2 0-38.4 19.2-38.4 38.4v51.2c0 19.2 19.2 38.4 38.4 38.4h115.2c19.2 0 38.4-19.2 38.4-38.4v-51.2zM640 256h-256v64h256v-64zM134.4 576l76.8 153.6c12.8 25.6 38.4 38.4 64 38.4h473.6c25.6 0 51.2-12.8 64-38.4l76.8-153.6h-755.2zM960 422.4c0-19.2-19.2-38.4-38.4-38.4h-115.2c-19.2 0-38.4 19.2-38.4 38.4v51.2c0 19.2 19.2 38.4 38.4 38.4h115.2c19.2 0 38.4-19.2 38.4-38.4v-51.2z" />
+<glyph unicode="" glyph-name="check-square2" data-tags="check-square" d="M832 902.4l-64-70.4h-768v-896h896v672l108.8 128-172.8 166.4zM416 211.2l-268.8 268.8 89.6 89.6 172.8-172.8 422.4 422.4 89.6-89.6-505.6-518.4z" />
+<glyph unicode="" glyph-name="child2" data-tags="child" d="M608 640c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128s128-57.308 128-128zM819.2 300.8l-166.4 166.4c-25.6 32-64 44.8-108.8 44.8h-128c-44.8 0-83.2-12.8-108.8-44.8l-166.4-166.4c-19.2-19.2-19.2-51.2 0-64 19.2-19.2 44.8-19.2 64 0l115.2 115.2v-416h128v256h64v-256h128v416l115.2-115.2c19.2-19.2 44.8-19.2 64 0 19.2 12.8 19.2 44.8 0 64z" />
+<glyph unicode="" glyph-name="clipboard-cross" data-tags="clipboard-cross" d="M704 896v64h-384v-64h-128v-64h-64v-896h768v64h64v896h-256zM384 896h256v-128h-256v128zM832 0h-640v768h128v-64h384v64h128v-768zM704 448h-128v128h-128v-128h-128v-128h128v-128h128v128h128z" />
+<glyph unicode="" glyph-name="clipboard-heart" data-tags="clipboard-heart" d="M608 512c0 0 0 0 0 0-38.4 0-70.4-38.4-96-64-25.6 25.6-57.6 64-96 64 0 0 0 0 0 0-96 0-134.4-121.6-64-185.6l160-134.4 160 134.4c70.4 64 32 185.6-64 185.6zM704 896v64h-384v-64h-128v-64h-64v-896h768v64h64v896h-256zM384 896h256v-128h-256v128zM832 0h-640v768h128v-64h384v64h128v-768z" />
+<glyph unicode="" glyph-name="clipboard-pulse" data-tags="clipboard-pulse" d="M704 896v64h-384v-64h-128v-64h-64v-896h768v64h64v896h-256zM384 896h256v-128h-256v128zM832 0h-640v768h128v-64h384v64h128v-768zM595.2 128c0 0 0 0 0 0-12.8 0-19.2 6.4-25.6 19.2l-51.2 307.2-44.8-198.4c0-6.4-6.4-12.8-19.2-19.2-6.4 0-19.2 0-25.6 6.4l-64 83.2h-83.2c-12.8 0-25.6 12.8-25.6 25.6s12.8 25.6 25.6 25.6h102.4c6.4 0 12.8-6.4 19.2-6.4l38.4-51.2 57.6 275.2c0 12.8 12.8 19.2 25.6 19.2 0 0 0 0 0 0 12.8 0 19.2-12.8 19.2-25.6l57.6-339.2 38.4 108.8c6.4 6.4 12.8 12.8 19.2 12.8h83.2c12.8 0 25.6-12.8 25.6-25.6s-12.8-25.6-25.6-25.6h-64l-64-185.6c0 0-12.8-6.4-19.2-6.4z" />
+<glyph unicode="" glyph-name="clipboard-text" data-tags="clipboard-text" d="M256 576h512v-64h-512v64zM256 448h512v-64h-512v64zM256 320h320v-64h-320v64zM704 896v64h-384v-64h-128v-64h-64v-896h768v64h64v896h-256zM384 896h256v-128h-256v128zM832 0h-640v768h128v-64h384v64h128v-768z" />
+<glyph unicode="" glyph-name="combobox" data-tags="combobox" d="M960 704h-896c-38.4 0-64-25.6-64-64v-384c0-38.4 25.6-64 64-64h896c38.4 0 64 25.6 64 64v384c0 38.4-25.6 64-64 64zM640 256h-576v384h576v-384zM832 422.4l-128 89.6h256l-128-89.6zM128 576h64v-256h-64v256z" />
+<glyph unicode="" glyph-name="combobox2" data-tags="combobox" d="M960 704h-896c-38.4 0-64-25.6-64-64v-384c0-38.4 25.6-64 64-64h896c38.4 0 64 25.6 64 64v384c0 38.4-25.6 64-64 64zM640 256h-576v384h576v-384zM832 422.4l-128 89.6h256l-128-89.6zM128 576h64v-256h-64v256z" />
+<glyph unicode="" glyph-name="clipboard-user" data-tags="clipboard-user" d="M704 896v64h-384v-64h-128v-64h-64v-896h768v64h64v896h-256zM384 896h256v-128h-256v128zM832 0h-640v768h128v-64h384v64h128v-768zM512 576c-160 0-83.2-204.8-83.2-204.8 19.2-25.6 44.8-25.6 44.8-38.4 0-19.2-19.2-19.2-38.4-25.6-32-6.4-57.6 6.4-89.6-51.2-19.2-25.6-25.6-128-25.6-128h384c0 0-6.4 102.4-25.6 128-25.6 51.2-57.6 44.8-89.6 51.2-19.2 0-38.4 6.4-38.4 25.6s19.2 12.8 38.4 38.4c6.4 0 83.2 204.8-76.8 204.8z" />
+<glyph unicode="" glyph-name="clipboard2" data-tags="clipboard" d="M704 896v64h-384v-64h-128v-64h-64v-896h768v64h64v896h-256zM384 896h256v-128h-256v128zM832 0h-640v768h128v-64h384v64h128v-768z" />
+<glyph unicode="" glyph-name="compress-square" data-tags="compress-square" d="M768 960h-768v-768l64 64v640h640zM256-64h768v768l-64-64v-640h-640zM448 384h-320l115.2-115.2-243.2-243.2 89.6-89.6 243.2 243.2 115.2-115.2zM1024 870.4l-89.6 89.6-243.2-243.2-115.2 115.2v-320h320l-115.2 115.2z" />
+<glyph unicode="" glyph-name="copyright2" data-tags="copyright" d="M512 864c230.4 0 416-185.6 416-416s-185.6-416-416-416-416 185.6-416 416 185.6 416 416 416zM512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512v0zM633.6 300.8c-32-25.6-76.8-44.8-121.6-44.8-108.8 0-192 83.2-192 192s83.2 192 192 192c51.2 0 102.4-19.2 134.4-57.6l70.4 70.4c-51.2 51.2-128 83.2-204.8 83.2-160 0-288-128-288-288s128-288 288-288c70.4 0 128 25.6 179.2 64l-57.6 76.8z" />
+<glyph unicode="" glyph-name="css" data-tags="css" d="M262.4 256c89.6 0 121.6 64 121.6 64l-51.2 32c0 0-19.2-32-64-32s-76.8 57.6-76.8 140.8c0 76.8 38.4 115.2 76.8 115.2 32 0 57.6-25.6 57.6-25.6l51.2 38.4c0 0-44.8 51.2-108.8 51.2-70.4 0-140.8-57.6-140.8-179.2s57.6-204.8 134.4-204.8zM556.8 326.4c-19.2-6.4-44.8 0-64 25.6l-51.2-32c25.6-38.4 64-64 102.4-64 6.4 0 19.2 0 25.6 6.4 44.8 12.8 70.4 51.2 70.4 102.4 0 76.8-51.2 102.4-83.2 115.2-32 19.2-44.8 25.6-44.8 51.2s6.4 44.8 38.4 44.8c19.2 0 38.4-25.6 38.4-25.6l51.2 38.4c-12.8 19.2-44.8 51.2-89.6 51.2-57.6 0-102.4-38.4-102.4-102.4 0-70.4 44.8-96 76.8-115.2 38.4-12.8 51.2-25.6 51.2-57.6 0-19.2 0-38.4-19.2-38.4zM812.8 326.4c-19.2-6.4-44.8 0-64 25.6l-51.2-32c25.6-38.4 64-64 102.4-64 6.4 0 19.2 0 25.6 6.4 44.8 12.8 70.4 51.2 70.4 102.4 0 76.8-51.2 102.4-83.2 115.2-32 19.2-44.8 25.6-44.8 51.2s6.4 44.8 38.4 44.8c19.2 0 38.4-25.6 38.4-25.6l51.2 38.4c-12.8 19.2-44.8 51.2-89.6 51.2-57.6 0-102.4-38.4-102.4-102.4 0-70.4 44.8-96 76.8-115.2 38.4-12.8 51.2-25.6 51.2-57.6 0-19.2 0-38.4-19.2-38.4zM0 960v-1024h1024v1024h-1024zM960 0h-896v896h896v-896z" />
+<glyph unicode="" glyph-name="curly-brackets" data-tags="curly-brackets" d="M134.4 761.6c12.8-83.2 25.6-102.4 25.6-185.6 0-51.2-96-96-96-96v-64c0 0 96-44.8 96-96 0-83.2-12.8-102.4-25.6-185.6-19.2-134.4 51.2-198.4 115.2-198.4s134.4 0 134.4 0v128c0 0-115.2-12.8-115.2 64 0 57.6 12.8 57.6 25.6 185.6 6.4 57.6-32 102.4-70.4 134.4 38.4 32 76.8 70.4 70.4 128-19.2 128-25.6 128-25.6 185.6 0 76.8 115.2 70.4 115.2 70.4v128c0 0-64 0-134.4 0s-134.4-64-115.2-198.4zM889.6 761.6c-12.8-83.2-25.6-102.4-25.6-185.6 0-51.2 96-96 96-96v-64c0 0-96-44.8-96-96 0-83.2 12.8-102.4 25.6-185.6 19.2-134.4-51.2-198.4-115.2-198.4s-134.4 0-134.4 0v128c0 0 115.2-12.8 115.2 64 0 57.6-12.8 57.6-25.6 185.6-6.4 57.6 32 102.4 70.4 134.4-38.4 32-76.8 70.4-70.4 128 12.8 128 25.6 128 25.6 185.6 0 76.8-115.2 70.4-115.2 70.4v128c0 0 64 0 134.4 0s134.4-64 115.2-198.4z" />
+<glyph unicode="" glyph-name="date-input" data-tags="date-input" d="M896 896v-192h-192v192h-384v-192h-192v192h-128v-960h1024v960h-128zM960 0h-896v576h896v-576zM192 960h64v-192h-64v192zM768 960h64v-192h-64v192zM192 448h64v-320h-64v320z" />
+<glyph unicode="" glyph-name="elastic" data-tags="elastic" d="M300.8-64v0c-108.8 0-198.4 51.2-256 134.4-70.4 108.8-57.6 256 25.6 371.2 57.6 83.2 134.4 134.4 230.4 153.6 76.8 19.2 140.8 70.4 160 140.8 12.8 51.2 44.8 96 83.2 128 57.6 64 140.8 96 224 96 70.4 0 140.8-25.6 185.6-76.8 96-102.4 96-268.8-6.4-384-32-38.4-76.8-70.4-128-89.6-76.8-32-140.8-102.4-166.4-192-19.2-64-51.2-121.6-96-166.4-70.4-76.8-166.4-115.2-256-115.2zM768 896c-64 0-128-25.6-179.2-76.8-32-32-51.2-64-64-102.4-32-96-115.2-160-211.2-185.6-76.8-12.8-140.8-57.6-192-128-70.4-96-76.8-211.2-19.2-300.8 38.4-64 115.2-102.4 198.4-102.4v0c76.8 0 153.6 32 211.2 89.6 38.4 38.4 70.4 89.6 83.2 140.8 25.6 108.8 102.4 192 204.8 230.4 38.4 12.8 76.8 44.8 102.4 76.8 76.8 89.6 83.2 224 6.4 300.8-38.4 38.4-89.6 57.6-140.8 57.6z" />
+<glyph unicode="" glyph-name="envelope-open-o" data-tags="envelope-open-o" d="M896 723.2v44.8h-96l-288 192-294.4-192h-89.6v-44.8l-128-83.2v-704h1024v697.6l-128 89.6zM512 883.2l172.8-115.2h-352l179.2 115.2zM192 704h640v-236.8l-224-108.8-96 83.2-96-89.6-224 108.8v243.2zM64 608l64 44.8v-153.6l-64 25.6v83.2zM64 454.4l294.4-147.2-294.4-256v403.2zM121.6 0l390.4 339.2 390.4-339.2h-780.8zM960 51.2l-300.8 262.4 300.8 147.2v-409.6zM960 531.2l-64-32v147.2l64-44.8v-70.4z" />
+<glyph unicode="" glyph-name="envelope-open" data-tags="envelope-open" d="M896 723.2v-236.8l128 64v89.6zM128 716.8l-128-76.8v-96l128-64zM716.8 832l-204.8 128-204.8-128zM832 768h-640v-313.6l217.6-108.8 102.4 76.8 102.4-76.8 217.6 108.8zM1024 473.6l-352-172.8 352-281.6zM512 345.6l-512-409.6h1024zM352 300.8l-352 172.8v-454.4z" />
+<glyph unicode="" glyph-name="external-browser" data-tags="external-browser" d="M704 320l-185.6 204.8-211.2-204.8h140.8v-115.2c0-108.8-57.6-268.8-256-268.8 307.2 0 384 89.6 384 275.2v108.8h128zM0 960v-832h384v64h-320v576h896v-576h-320v-64h384v832h-1024zM128 832h-64v64h64v-64zM832 832h-640v64h640v-64z" />
+<glyph unicode="" glyph-name="eyedropper2" data-tags="eyedropper" d="M960 896c-115.2 115.2-236.8 44.8-294.4-6.4-25.6-25.6-44.8-57.6-44.8-96v0c0-70.4-70.4-115.2-134.4-96l-6.4 6.4-44.8-51.2 44.8-44.8-384-384-51.2-147.2-44.8-44.8 96-96 51.2 51.2 147.2 51.2 384 384 44.8-44.8 44.8 38.4-6.4 12.8c-19.2 64 25.6 134.4 96 134.4v0c38.4 0 70.4 12.8 89.6 38.4 57.6 57.6 128 179.2 12.8 294.4zM249.6 89.6l-128-44.8-12.8-6.4 6.4 12.8 44.8 128 371.2 371.2 96-96-377.6-364.8z" />
+<glyph unicode="" glyph-name="factory" data-tags="factory" d="M281.6 876.8c-38.4-19.2-51.2-70.4-25.6-96 32 57.6 83.2 38.4 160-25.6 51.2-44.8 121.6-6.4 121.6-6.4s12.8-76.8 108.8-89.6c108.8-12.8 147.2 51.2 147.2 51.2s25.6-64 121.6-25.6c70.4 25.6 44.8 70.4 44.8 70.4s64 0 64 44.8c0 57.6-70.4 51.2-70.4 51.2s12.8 64-57.6 70.4c-64 6.4-83.2-32-83.2-32s-19.2 70.4-115.2 70.4c-89.6 0-121.6-83.2-121.6-83.2s-25.6 38.4-102.4 38.4c-57.6 0-83.2-44.8-83.2-44.8s-70.4 32-108.8 6.4zM768 185.6v134.4l-256-134.4v134.4h-153.6l-38.4 448h-128l-38.4-448h-153.6v-384h1024v384l-256-134.4zM384 64h-256v128h256v-128z" />
+<glyph unicode="" glyph-name="file-process" data-tags="file-process" d="M768 960h-448v-384h44.8l12.8-44.8 6.4-6.4v371.2h320v-256h256v-576h-384l19.2-32-32-32h460.8v704l-256 256zM768 704v192l192-192h-192zM352 224c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64zM505.6 166.4l70.4 25.6v64l-70.4 25.6c-6.4 19.2-12.8 38.4-25.6 57.6l32 64-44.8 44.8-64-32c-19.2 12.8-38.4 19.2-57.6 25.6l-25.6 70.4h-64l-25.6-70.4c-19.2-6.4-38.4-12.8-57.6-25.6l-64 32-44.8-44.8 32-70.4c-12.8-19.2-19.2-38.4-25.6-57.6l-70.4-19.2v-64l70.4-25.6c6.4-19.2 12.8-38.4 25.6-57.6l-32-64 44.8-44.8 70.4 32c19.2-12.8 38.4-19.2 57.6-25.6l19.2-70.4h64l25.6 70.4c19.2 6.4 38.4 12.8 57.6 25.6l64-32 44.8 44.8-32 70.4c12.8 12.8 19.2 32 25.6 51.2zM288 96c-70.4 0-128 57.6-128 128s57.6 128 128 128 128-57.6 128-128c0-70.4-57.6-128-128-128z" />
+<glyph unicode="" glyph-name="file-refresh" data-tags="file-refresh" d="M640 960h-512v-1024h768v768l-256 256zM832 0h-640v896h384v-256h256v-640zM640 704v192l192-192h-192zM300.8 467.2l-44.8 44.8v-192h192l-76.8 76.8c25.6 51.2 83.2 83.2 140.8 83.2 89.6 0 160-70.4 160-160h96c0 140.8-115.2 256-256 256-83.2 0-160-44.8-211.2-108.8zM627.2 204.8c-32-32-70.4-51.2-115.2-44.8-64 0-121.6 38.4-147.2 96h-102.4c25.6-108.8 128-192 243.2-192 70.4 0 134.4 32 179.2 76.8l83.2-76.8v192h-192l51.2-51.2z" />
+<glyph unicode="" glyph-name="file-tree" data-tags="file-tree" d="M1024 320v256h-704v-64h-128v192h576v256h-768v-256h128v-640h192v-128h704v256h-704v-64h-128v320h128v-128z" />
+<glyph unicode="" glyph-name="file-tree2" data-tags="file-tree" d="M1024 320v256h-704v-64h-128v192h576v256h-768v-256h128v-640h192v-128h704v256h-704v-64h-128v320h128v-128z" />
+<glyph unicode="" glyph-name="file-start" data-tags="file-start" d="M640 960h-512v-1024h768v768l-256 256zM832 0h-640v896h384v-256h256v-640zM640 704v192l192-192h-192zM320 576v-384l384 192z" />
+<glyph unicode="" glyph-name="file-tree-small" data-tags="file-tree-small" d="M320 192v-128h704v320h-704v-128h-128v256h576v320h-768v-320h128v-320z" />
+<glyph unicode="" glyph-name="form" data-tags="form" d="M960 832v-128h-576v128h576zM1024 896h-704v-256h704v256zM0 896h256v-256h-256v256zM960 512v-128h-576v128h576zM1024 576h-704v-256h704v256zM0 576h256v-256h-256v256zM960 192v-128h-576v128h576zM1024 256h-704v-256h704v256zM0 256h256v-256h-256v256z" />
+<glyph unicode="" glyph-name="form2" data-tags="form" d="M960 832v-128h-576v128h576zM1024 896h-704v-256h704v256zM0 896h256v-256h-256v256zM960 512v-128h-576v128h576zM1024 576h-704v-256h704v256zM0 576h256v-256h-256v256zM960 192v-128h-576v128h576zM1024 256h-704v-256h704v256zM0 256h256v-256h-256v256z" />
+<glyph unicode="" glyph-name="file-tree-sub" data-tags="file-tree-sub" d="M512 256v-64h-64v128h320v256h-512v-64h-64v128h384v256h-576v-256h128v-192h128v-128h128v-192h128v-128h512v256z" />
+<glyph unicode="" glyph-name="grid-bevel" data-tags="grid-bevel" d="M896 832v64h-832v-832h64v-64h832v832h-64zM320 128h-192v192h192v-192zM320 384h-192v192h192v-192zM320 640h-192v192h192v-192zM576 128h-192v192h192v-192zM576 384h-192v192h192v-192zM576 640h-192v192h192v-192zM832 128h-192v192h192v-192zM832 384h-192v192h192v-192zM832 640h-192v192h192v-192z" />
+<glyph unicode="" glyph-name="grid-bevel2" data-tags="grid-bevel" d="M896 832v64h-832v-832h64v-64h832v832h-64zM320 128h-192v192h192v-192zM320 384h-192v192h192v-192zM320 640h-192v192h192v-192zM576 128h-192v192h192v-192zM576 384h-192v192h192v-192zM576 640h-192v192h192v-192zM832 128h-192v192h192v-192zM832 384h-192v192h192v-192zM832 640h-192v192h192v-192z" />
+<glyph unicode="" glyph-name="adobe-flash" data-tags="adobe-flash" d="M0 960v-1024h1024v1024h-1024zM832 678.4c-192 0-211.2-166.4-211.2-166.4h83.2v-128h-153.6c-115.2-371.2-358.4-320-358.4-320v160c0 0 160-38.4 249.6 256 115.2 390.4 390.4 352 390.4 352v-153.6z" />
+<glyph unicode="" glyph-name="grid" data-tags="grid" d="M0 960v-1024h1024v1024h-1024zM320 0h-256v256h256v-256zM320 320h-256v256h256v-256zM320 640h-256v256h256v-256zM640 0h-256v256h256v-256zM640 320h-256v256h256v-256zM640 640h-256v256h256v-256zM960 0h-256v256h256v-256zM960 320h-256v256h256v-256zM960 640h-256v256h256v-256z" />
+<glyph unicode="" glyph-name="grid2" data-tags="grid" d="M0 960v-1024h1024v1024h-1024zM320 0h-256v256h256v-256zM320 320h-256v256h256v-256zM320 640h-256v256h256v-256zM640 0h-256v256h256v-256zM640 320h-256v256h256v-256zM640 640h-256v256h256v-256zM960 0h-256v256h256v-256zM960 320h-256v256h256v-256zM960 640h-256v256h256v-256z" />
+<glyph unicode="" glyph-name="flip-h" data-tags="flip-h" d="M0 0l384 320-384 313.6zM576 313.6l384-313.6v640l-384-326.4zM896 134.4l-217.6 179.2 217.6 192v-371.2zM448 640h64v-64h-64v64zM448 768h64v-64h-64v64zM448 512h64v-64h-64v64zM448 384h64v-64h-64v64zM448 256h64v-64h-64v64zM448 128h64v-64h-64v64zM448 0h64v-64h-64v64zM480 896v0c83.2 0 166.4-44.8 230.4-121.6l-70.4-70.4h192v192l-76.8-76.8c-76.8 89.6-172.8 140.8-275.2 140.8 0 0 0 0 0 0-121.6 0-230.4-64-313.6-185.6l51.2-38.4c70.4 102.4 160 160 262.4 160z" />
+<glyph unicode="" glyph-name="layout" data-tags="layout" d="M0 960v-1024h1024v1024h-1024zM64 768h256v-768h-256v768zM960 0h-576v768h576v-768z" />
+<glyph unicode="" glyph-name="level-right-bold" data-tags="level-right-bold" d="M1024 512l-448 256v-192h-576v-448l192 128v128h384v-192z" />
+<glyph unicode="" glyph-name="layout2" data-tags="layout" d="M0 960v-1024h1024v1024h-1024zM64 768h256v-768h-256v768zM960 0h-576v768h576v-768z" />
+<glyph unicode="" glyph-name="level-right-bold2" data-tags="level-right-bold" d="M1024 512l-448 256v-192h-576v-448l192 128v128h384v-192z" />
+<glyph unicode="" glyph-name="flip-v" data-tags="flip-v" d="M64 960l320-384 313.6 384zM377.6 384l-313.6-384h640l-326.4 384zM198.4 64l179.2 217.6 192-217.6h-371.2zM640 512h64v-64h-64v64zM768 512h64v-64h-64v64zM512 512h64v-64h-64v64zM384 512h64v-64h-64v64zM256 512h64v-64h-64v64zM128 512h64v-64h-64v64zM0 512h64v-64h-64v64zM960 480v0c0-83.2-44.8-166.4-121.6-230.4l-70.4 70.4v-192h192l-76.8 76.8c89.6 76.8 140.8 172.8 140.8 275.2 0 0 0 0 0 0 0 121.6-64 230.4-185.6 313.6l-38.4-51.2c102.4-70.4 160-160 160-262.4z" />
+<glyph unicode="" glyph-name="funcion" data-tags="funcion" d="M640 960c0 0-134.4 0-172.8-192l-25.6-128h-121.6l-32-64h140.8l-89.6-448c-25.6-128-121.6-128-121.6-128h-64l-25.6-64h192c0 0 134.4 0 172.8 192l89.6 448h153.6l32 64h-172.8l25.6 128c25.6 128 115.2 128 115.2 128h64l32 64h-192z" />
+<glyph unicode="" glyph-name="grab" data-tags="grab" d="M806.4 704c-12.8 0-25.6 0-38.4 0 0 12.8-12.8 38.4-25.6 51.2s-32 25.6-70.4 25.6c-12.8 0-25.6 0-38.4-6.4-6.4 12.8-12.8 19.2-19.2 32-12.8 12.8-32 25.6-70.4 25.6-51.2 0-76.8-32-89.6-64-6.4 0-19.2 6.4-32 6.4-32 0-51.2-12.8-70.4-25.6-32-38.4-32-89.6-32-96v-25.6c-38.4 0-70.4-12.8-89.6-32-38.4-44.8-38.4-102.4-38.4-179.2 0-12.8 0-32 0-44.8 0-89.6 44.8-134.4 89.6-179.2l19.2-25.6c83.2-76.8 160-102.4 326.4-102.4 185.6 0 268.8 102.4 268.8 326.4v160c0 44.8-12.8 134.4-89.6 153.6zM672 716.8c25.6 0 32-25.6 32-38.4v-51.2c0-19.2 12.8-32 25.6-32 19.2 0 32 6.4 32 25.6 0 0 0 25.6 25.6 19.2 38.4-12.8 44.8-70.4 44.8-83.2 0 0 0 0 0 0v-166.4c0-217.6-83.2-262.4-204.8-262.4-153.6 0-211.2 19.2-275.2 83.2-6.4 6.4-12.8 12.8-25.6 25.6-44.8 44.8-70.4 70.4-70.4 134.4 0 12.8 0 19.2 0 38.4 0 64 0 115.2 19.2 134.4 6.4 12.8 25.6 19.2 44.8 19.2v-51.2l-19.2-76.8c0-6.4 0-6.4 6.4-6.4 6.4-6.4 12.8 0 12.8 0l64 76.8c0 0 0 6.4 0 6.4v128c0 6.4 0 38.4 12.8 51.2 6.4 6.4 12.8 12.8 25.6 12.8 19.2 0 25.6-12.8 25.6-25.6v-25.6c0-12.8 12.8-32 32-32s32 19.2 32 32v83.2c0 6.4 0 32 32 32 19.2 0 32-12.8 32-32v-76.8c0-19.2 12.8-38.4 32-38.4s32 19.2 32 32v32c0 19.2 12.8 32 32 32z" />
+<glyph unicode="" glyph-name="grid-h" data-tags="grid-h" d="M0 960v-1024h1024v1024h-1024zM320 0h-256v896h256v-896zM640 0h-256v896h256v-896zM960 0h-256v896h256v-896z" />
+<glyph unicode="" glyph-name="grid-v" data-tags="grid-v" d="M1024 960h-1024v-1024h1024v1024zM64 640v256h896v-256h-896zM64 320v256h896v-256h-896zM64 0v256h896v-256h-896z" />
+<glyph unicode="" glyph-name="hand" data-tags="hand" d="M864 806.4c-25.6 25.6-64 32-96 19.2 0 19.2-6.4 38.4-25.6 57.6-12.8 12.8-38.4 25.6-70.4 25.6-19.2 0-32-6.4-44.8-6.4 0 12.8-6.4 19.2-12.8 32-32 38.4-96 38.4-128 0-12.8-12.8-25.6-25.6-25.6-38.4-12.8 0-25.6 6.4-38.4 6.4-32 0-51.2-12.8-70.4-32-32-32-32-83.2-32-83.2v-243.2c-19.2 19.2-51.2 51.2-96 51.2-12.8 0-32-6.4-44.8-12.8-25.6-12.8-38.4-32-44.8-57.6-19.2-64 38.4-153.6 38.4-160 6.4-6.4 76.8-172.8 140.8-243.2 64-76.8 134.4-121.6 313.6-121.6 185.6 0 268.8 102.4 268.8 326.4v352c0 6.4 6.4 83.2-32 128zM512 832c0 19.2-6.4 64 32 64 32 0 32-32 32-64v-256c0-19.2 12.8-32 32-32s32 12.8 32 32v243.2c0 0 0 25.6 32 25.6 38.4 0 32-57.6 32-57.6v-211.2c0-19.2 12.8-32 32-32s32 12.8 32 32v153.6c0 6.4 0 38.4 32 38.4s32-64 32-64v-377.6c0-217.6-83.2-262.4-204.8-262.4-153.6 0-211.2 32-262.4 102.4-57.6 64-134.4 230.4-134.4 236.8-19.2 19.2-44.8 76.8-38.4 102.4 0 6.4 6.4 12.8 12.8 19.2 6.4 0 12.8 6.4 12.8 6.4 25.6 0 51.2-32 57.6-44.8l38.4-57.6c6.4-12.8 25.6-19.2 38.4-12.8 25.6 0 32 12.8 32 25.6v332.8c0 25.6 0 64 32 64 25.6 0 32-19.2 32-51.2v-211.2c0-19.2 12.8-32 32-32s32 12.8 32 32z" />
+<glyph unicode="" glyph-name="options" data-tags="options" d="M320 736c0-53.019-42.981-96-96-96s-96 42.981-96 96c0 53.019 42.981 96 96 96s96-42.981 96-96zM224 960c-121.6 0-224-102.4-224-224s102.4-224 224-224 224 102.4 224 224-102.4 224-224 224zM224 576c-89.6 0-160 70.4-160 160s70.4 160 160 160 160-70.4 160-160c0-89.6-70.4-160-160-160zM224 448c-121.6 0-224-102.4-224-224s102.4-224 224-224 224 102.4 224 224c0 121.6-102.4 224-224 224zM224 64c-89.6 0-160 70.4-160 160s70.4 160 160 160 160-70.4 160-160c0-89.6-70.4-160-160-160zM512 832h512v-192h-512v192zM512 320h512v-192h-512v192z" />
+<glyph unicode="" glyph-name="options2" data-tags="options" d="M320 736c0-53.019-42.981-96-96-96s-96 42.981-96 96c0 53.019 42.981 96 96 96s96-42.981 96-96zM224 960c-121.6 0-224-102.4-224-224s102.4-224 224-224 224 102.4 224 224-102.4 224-224 224zM224 576c-89.6 0-160 70.4-160 160s70.4 160 160 160 160-70.4 160-160c0-89.6-70.4-160-160-160zM224 448c-121.6 0-224-102.4-224-224s102.4-224 224-224 224 102.4 224 224c0 121.6-102.4 224-224 224zM224 64c-89.6 0-160 70.4-160 160s70.4 160 160 160 160-70.4 160-160c0-89.6-70.4-160-160-160zM512 832h512v-192h-512v192zM512 320h512v-192h-512v192z" />
+<glyph unicode="" glyph-name="input" data-tags="input" d="M1024 640c0 38.4-25.6 64-64 64h-896c-38.4 0-64-25.6-64-64v-384c0-38.4 25.6-64 64-64h896c38.4 0 64 25.6 64 64v384zM960 256h-896v384h896v-384zM128 576h64v-256h-64v256z" />
+<glyph unicode="" glyph-name="list-select" data-tags="list-select" d="M64 960h768v-128h-768v128zM64 448h832v-128h-832v128zM64 256h704v-128h-704v128zM64 64h896v-128h-896v128zM0 768v-256h1024v256h-1024zM704 576h-640v128h640v-128z" />
+<glyph unicode="" glyph-name="margin-bottom" data-tags="margin-bottom" d="M0 960v-896h64v64h64v-64h64v64h64v-64h64v64h64v-64h64v64h64v-64h64v64h64v-64h64v64h64v-64h64v64h64v-64h64v64h64v832h-1024zM960 192h-896v704h896v-704zM0 0h64v-64h-64v64zM64 64h64v-64h-64v64zM128 0h64v-64h-64v64zM192 64h64v-64h-64v64zM256 0h64v-64h-64v64zM320 64h64v-64h-64v64zM384 0h64v-64h-64v64zM448 64h64v-64h-64v64zM512 0h64v-64h-64v64zM576 64h64v-64h-64v64zM640 0h64v-64h-64v64zM704 64h64v-64h-64v64zM768 0h64v-64h-64v64zM832 64h64v-64h-64v64zM896 0h64v-64h-64v64zM960 64h64v-64h-64v64z" />
+<glyph unicode="" glyph-name="margin-left" data-tags="margin-left" d="M128 960v-64h64v-64h-64v-64h64v-64h-64v-64h64v-64h-64v-64h64v-64h-64v-64h64v-64h-64v-64h64v-64h-64v-64h64v-64h-64v-64h64v-64h832v1024h-896zM960 0h-704v896h704v-896zM0 960h64v-64h-64v64zM64 896h64v-64h-64v64zM0 832h64v-64h-64v64zM64 768h64v-64h-64v64zM0 704h64v-64h-64v64zM64 640h64v-64h-64v64zM0 576h64v-64h-64v64zM64 512h64v-64h-64v64zM0 448h64v-64h-64v64zM64 384h64v-64h-64v64zM0 320h64v-64h-64v64zM64 256h64v-64h-64v64zM0 192h64v-64h-64v64zM64 128h64v-64h-64v64zM0 64h64v-64h-64v64zM64 0h64v-64h-64v64z" />
+<glyph unicode="" glyph-name="margin-right" data-tags="margin-right" d="M896 832v64h-64v64h-832v-1024h896v64h-64v64h64v64h-64v64h64v64h-64v64h64v64h-64v64h64v64h-64v64h64v64h-64v64h64v64h-64v64h64zM768 0h-704v896h704v-896zM960 0h64v-64h-64v64zM896 64h64v-64h-64v64zM960 128h64v-64h-64v64zM896 192h64v-64h-64v64zM960 256h64v-64h-64v64zM896 320h64v-64h-64v64zM960 384h64v-64h-64v64zM896 448h64v-64h-64v64zM960 512h64v-64h-64v64zM896 576h64v-64h-64v64zM960 640h64v-64h-64v64zM896 704h64v-64h-64v64zM960 768h64v-64h-64v64zM896 832h64v-64h-64v64zM960 896h64v-64h-64v64zM896 960h64v-64h-64v64z" />
+<glyph unicode="" glyph-name="margin-top" data-tags="margin-top" d="M960 832v-64h-64v64h-64v-64h-64v64h-64v-64h-64v64h-64v-64h-64v64h-64v-64h-64v64h-64v-64h-64v64h-64v-64h-64v64h-64v-64h-64v-832h1024v896h-64zM960 0h-896v704h896v-704zM960 960h64v-64h-64v64zM896 896h64v-64h-64v64zM832 960h64v-64h-64v64zM768 896h64v-64h-64v64zM704 960h64v-64h-64v64zM640 896h64v-64h-64v64zM576 960h64v-64h-64v64zM512 896h64v-64h-64v64zM448 960h64v-64h-64v64zM384 896h64v-64h-64v64zM320 960h64v-64h-64v64zM256 896h64v-64h-64v64zM192 960h64v-64h-64v64zM128 896h64v-64h-64v64zM64 960h64v-64h-64v64zM0 896h64v-64h-64v64z" />
+<glyph unicode="" glyph-name="margin" data-tags="margin" d="M0 960h64v-64h-64v64zM128 960h64v-64h-64v64zM64 896h64v-64h-64v64zM0 832h64v-64h-64v64zM128 832h64v-64h-64v64zM64 768h64v-64h-64v64zM0 704h64v-64h-64v64zM64 640h64v-64h-64v64zM0 576h64v-64h-64v64zM64 512h64v-64h-64v64zM0 448h64v-64h-64v64zM64 384h64v-64h-64v64zM0 320h64v-64h-64v64zM64 256h64v-64h-64v64zM0 192h64v-64h-64v64zM64 128h64v-64h-64v64zM0 64h64v-64h-64v64zM128 64h64v-64h-64v64zM64 0h64v-64h-64v64zM192 0h64v-64h-64v64zM320 0h64v-64h-64v64zM256 960h64v-64h-64v64zM192 896h64v-64h-64v64zM320 896h64v-64h-64v64zM256 64h64v-64h-64v64zM384 960h64v-64h-64v64zM512 960h64v-64h-64v64zM448 896h64v-64h-64v64zM384 64h64v-64h-64v64zM512 64h64v-64h-64v64zM448 0h64v-64h-64v64zM576 0h64v-64h-64v64zM704 0h64v-64h-64v64zM640 960h64v-64h-64v64zM576 896h64v-64h-64v64zM704 896h64v-64h-64v64zM640 64h64v-64h-64v64zM768 960h64v-64h-64v64zM896 960h64v-64h-64v64zM832 896h64v-64h-64v64zM832 832h-64v-64h-64v64h-64v-64h-64v64h-64v-64h-64v64h-64v-64h-64v64h-64v-64h-64v-64h-64v-64h64v-64h-64v-64h64v-64h-64v-64h64v-64h-64v-64h64v-64h-64v-64h64v-64h64v64h64v-64h64v64h64v-64h64v64h64v-64h64v64h64v-64h64v64h64v64h64v64h-64v64h64v64h-64v64h64v64h-64v64h64v64h-64v64h64v64h-64v64zM768 192h-512v512h512v-512zM896 832h64v-64h-64v64zM896 704h64v-64h-64v64zM896 576h64v-64h-64v64zM896 448h64v-64h-64v64zM896 320h64v-64h-64v64zM896 192h64v-64h-64v64zM832 128h64v-64h-64v64zM768 64h64v-64h-64v64zM896 64h64v-64h-64v64zM832 0h64v-64h-64v64zM960 0h64v-64h-64v64zM960 896h64v-64h-64v64zM960 768h64v-64h-64v64zM960 640h64v-64h-64v64zM960 512h64v-64h-64v64zM960 384h64v-64h-64v64zM960 256h64v-64h-64v64zM960 128h64v-64h-64v64z" />
+<glyph unicode="" glyph-name="native-button" data-tags="native-button" d="M960 192h-896c-38.4 0-64 25.6-64 64v384c0 38.4 25.6 64 64 64h896c38.4 0 64-25.6 64-64v-384c0-38.4-25.6-64-64-64z" />
+<glyph unicode="" glyph-name="panel" data-tags="panel" d="M0 960v-1024h1024v1024h-1024zM832 0h-768v768h768v-768zM960 0h-64v64h64v-64zM960 128h-64v512h64v-512zM960 704h-64v64h64v-64z" />
+<glyph unicode="" glyph-name="panel2" data-tags="panel" d="M0 960v-1024h1024v1024h-1024zM832 0h-768v768h768v-768zM960 0h-64v64h64v-64zM960 128h-64v512h64v-512zM960 704h-64v64h64v-64z" />
+<glyph unicode="" glyph-name="notebook" data-tags="notebook" d="M128 896v-64h-32c-19.2 0-32-12.8-32-32v0c0-19.2 12.8-32 32-32h32v-64h-32c-19.2 0-32-12.8-32-32v0c0-19.2 12.8-32 32-32h32v-64h-32c-19.2 0-32-12.8-32-32v0c0-19.2 12.8-32 32-32h32v-64h-32c-19.2 0-32-12.8-32-32v0c0-19.2 12.8-32 32-32h32v-64h-32c-19.2 0-32-12.8-32-32v0c0-19.2 12.8-32 32-32h32v-64h-32c-19.2 0-32-12.8-32-32v0c0-19.2 12.8-32 32-32h32v-64h-32c-19.2 0-32-12.8-32-32v0c0-19.2 12.8-32 32-32h32v-64h768v960h-768zM224 0c-19.2 0-32 12.8-32 32s12.8 32 32 32 32-12.8 32-32c0-19.2-12.8-32-32-32zM224 128c-19.2 0-32 12.8-32 32s12.8 32 32 32 32-12.8 32-32c0-19.2-12.8-32-32-32zM224 256c-19.2 0-32 12.8-32 32s12.8 32 32 32 32-12.8 32-32c0-19.2-12.8-32-32-32zM224 384c-19.2 0-32 12.8-32 32s12.8 32 32 32 32-12.8 32-32c0-19.2-12.8-32-32-32zM224 512c-19.2 0-32 12.8-32 32s12.8 32 32 32 32-12.8 32-32c0-19.2-12.8-32-32-32zM224 640c-19.2 0-32 12.8-32 32s12.8 32 32 32 32-12.8 32-32c0-19.2-12.8-32-32-32zM224 768c-19.2 0-32 12.8-32 32s12.8 32 32 32 32-12.8 32-32c0-19.2-12.8-32-32-32zM768 512h-384v192h384v-192z" />
+<glyph unicode="" glyph-name="orientation" data-tags="orientation" d="M704 825.6c128 0 192-83.2 192-185.6h-64l96-128 96 128h-64c0 140.8-128 249.6-256 249.6v70.4l-128-96 128-96v57.6zM576 384h384v-384h-448v960h-512v-1024h1024v512h-448v-64zM448 448h-64v-64h64v-384h-384v896h384v-448zM128 448h64v-64h-64v64zM256 448h64v-64h-64v64z" />
+<glyph unicode="" glyph-name="outbox" data-tags="outbox" d="M384 640v-384h256v384h128l-256 320-256-320zM832 832h-128l57.6-64h25.6l166.4-512h-249.6v-128h-384v128h-249.6l166.4 512h25.6l57.6 64h-128l-192-576v-320h1024v320z" />
+<glyph unicode="" glyph-name="padding-bottom" data-tags="padding-bottom" d="M1024-64v1024h-1024v-1024h1024zM64 128h64v64h-64v704h896v-768h-64v-64h64v-64h-64v64h-64v-64h-64v64h-64v-64h-64v64h-64v-64h-64v64h-64v-64h-64v64h-64v-64h-64v64h-64v-64h-64v64h-64v64zM768 128h64v-64h-64v64zM832 192h64v-64h-64v64zM704 192h64v-64h-64v64zM576 192h64v-64h-64v64zM640 128h64v-64h-64v64zM512 128h64v-64h-64v64zM384 128h64v-64h-64v64zM448 192h64v-64h-64v64zM320 192h64v-64h-64v64zM192 192h64v-64h-64v64zM256 128h64v-64h-64v64zM128 128h64v-64h-64v64z" />
+<glyph unicode="" glyph-name="padding-left" data-tags="padding-left" d="M0-64h1024v1024h-1024v-1024zM192 896v-64h64v64h704v-896h-768v64h-64v-64h-64v64h64v64h-64v64h64v64h-64v64h64v64h-64v64h64v64h-64v64h64v64h-64v64h64v64h-64v64h64v64h64zM128 192h64v-64h-64v64zM192 128h64v-64h-64v64zM192 256h64v-64h-64v64zM192 384h64v-64h-64v64zM128 320h64v-64h-64v64zM128 448h64v-64h-64v64zM128 576h64v-64h-64v64zM192 512h64v-64h-64v64zM192 640h64v-64h-64v64zM192 768h64v-64h-64v64zM128 704h64v-64h-64v64zM128 832h64v-64h-64v64z" />
+<glyph unicode="" glyph-name="padding-right" data-tags="padding-right" d="M1024 960h-1024v-1024h1024v1024zM832 0v64h-64v-64h-704v896h768v-64h64v64h64v-64h-64v-64h64v-64h-64v-64h64v-64h-64v-64h64v-64h-64v-64h64v-64h-64v-64h64v-64h-64v-64h64v-64h-64v-64h-64zM832 768h64v-64h-64v64zM768 832h64v-64h-64v64zM768 704h64v-64h-64v64zM768 576h64v-64h-64v64zM832 640h64v-64h-64v64zM832 512h64v-64h-64v64zM832 384h64v-64h-64v64zM768 448h64v-64h-64v64zM768 320h64v-64h-64v64zM768 192h64v-64h-64v64zM832 256h64v-64h-64v64zM832 128h64v-64h-64v64z" />
+<glyph unicode="" glyph-name="road-branch" data-tags="road-branch" d="M1024 704h-1024v-192h204.8l243.2-230.4c102.4-96 230.4-153.6 371.2-153.6h204.8v192h-204.8c-89.6 0-172.8 32-236.8 96l-102.4 96h544v192z" />
+<glyph unicode="" glyph-name="road-branch2" data-tags="road-branch" d="M1024 704h-1024v-192h204.8l243.2-230.4c102.4-96 230.4-153.6 371.2-153.6h204.8v192h-204.8c-89.6 0-172.8 32-236.8 96l-102.4 96h544v192z" />
+<glyph unicode="" glyph-name="padding-top" data-tags="padding-top" d="M0 960v-1024h1024v1024h-1024zM960 768h-64v-64h64v-704h-896v768h64v64h-64v64h64v-64h64v64h64v-64h64v64h64v-64h64v64h64v-64h64v64h64v-64h64v64h64v-64h64v64h64v-64h64v-64zM192 832h64v-64h-64v64zM128 768h64v-64h-64v64zM256 768h64v-64h-64v64zM384 768h64v-64h-64v64zM320 832h64v-64h-64v64zM448 832h64v-64h-64v64zM576 832h64v-64h-64v64zM512 768h64v-64h-64v64zM640 768h64v-64h-64v64zM768 768h64v-64h-64v64zM704 832h64v-64h-64v64zM832 832h64v-64h-64v64z" />
+<glyph unicode="" glyph-name="padding" data-tags="padding" d="M0 960v-1024h1024v1024h-1024zM960 768h-64v-64h64v-64h-64v-64h64v-64h-64v-64h64v-64h-64v-64h64v-64h-64v-64h64v-64h-64v-64h64v-64h-64v64h-64v-64h-64v64h-64v-64h-64v64h-64v-64h-64v64h-64v-64h-64v64h-64v-64h-64v64h-64v-64h-64v64h-64v64h64v64h-64v64h64v64h-64v64h64v64h-64v64h64v64h-64v64h64v64h-64v64h64v64h-64v64h64v-64h64v64h64v-64h64v64h64v-64h64v64h64v-64h64v64h64v-64h64v64h64v-64h64v64h64v-64h64v-64zM192 832h64v-64h-64v64zM256 768h64v-64h-64v64zM384 768h64v-64h-64v64zM320 832h64v-64h-64v64zM448 832h64v-64h-64v64zM576 832h64v-64h-64v64zM512 768h64v-64h-64v64zM640 768h64v-64h-64v64zM768 768h64v-64h-64v64zM704 832h64v-64h-64v64zM832 832h64v-64h-64v64zM768 640h64v-64h-64v64zM832 704h64v-64h-64v64zM768 512h64v-64h-64v64zM832 576h64v-64h-64v64zM768 384h64v-64h-64v64zM832 448h64v-64h-64v64zM768 256h64v-64h-64v64zM832 320h64v-64h-64v64zM768 128h64v-64h-64v64zM832 192h64v-64h-64v64zM128 768h64v-64h-64v64zM192 704h64v-64h-64v64zM128 640h64v-64h-64v64zM192 576h64v-64h-64v64zM128 512h64v-64h-64v64zM192 448h64v-64h-64v64zM128 384h64v-64h-64v64zM192 320h64v-64h-64v64zM128 256h64v-64h-64v64zM128 128h64v-64h-64v64zM192 192h64v-64h-64v64zM256 256h64v-64h-64v64zM256 128h64v-64h-64v64zM320 192h64v-64h-64v64zM384 128h64v-64h-64v64zM448 192h64v-64h-64v64zM576 192h64v-64h-64v64zM512 128h64v-64h-64v64zM704 192h64v-64h-64v64zM640 128h64v-64h-64v64z" />
+<glyph unicode="" glyph-name="paint-roll" data-tags="paint-roll" d="M1088 518.4v313.6h-128v128h-832v-64h-64v-192h64v-64h832v128h64v-198.4l-512-64v-121.6h-64v-57.6c0 0 32 0 32-57.6s-32-38.4-32-96v-179.2c0 0 0-57.6 96-57.6s96 57.6 96 57.6v179.2c0 57.6-32 44.8-32 96s32 57.6 32 57.6v57.6h-64v70.4l512 64z" />
+<glyph unicode="" glyph-name="split" data-tags="split" d="M64 256h320v-320h-320v320zM704 256h320v-320h-320v320zM620.8 358.4l-44.8-38.4h128v115.2l-38.4-32c0 0-38.4 32-57.6 64s-32 70.4-32 108.8h192v384h-448v-384h192c0-38.4-12.8-76.8-32-108.8s-57.6-64-57.6-64l-38.4 32v-115.2h128l-44.8 38.4c0 0 38.4 32 64 76.8 6.4 6.4 6.4 12.8 12.8 19.2 6.4-6.4 6.4-12.8 12.8-19.2 25.6-44.8 64-76.8 64-76.8z" />
+<glyph unicode="" glyph-name="split2" data-tags="split" d="M64 256h320v-320h-320v320zM704 256h320v-320h-320v320zM620.8 358.4l-44.8-38.4h128v115.2l-38.4-32c0 0-38.4 32-57.6 64s-32 70.4-32 108.8h192v384h-448v-384h192c0-38.4-12.8-76.8-32-108.8s-57.6-64-57.6-64l-38.4 32v-115.2h128l-44.8 38.4c0 0 38.4 32 64 76.8 6.4 6.4 6.4 12.8 12.8 19.2 6.4-6.4 6.4-12.8 12.8-19.2 25.6-44.8 64-76.8 64-76.8z" />
+<glyph unicode="" glyph-name="palete" data-tags="palete" d="M1024 505.6c0 172.8-83.2 454.4-467.2 454.4s-544-473.6-480-633.6c51.2-121.6 160-6.4 198.4-64 115.2-160-128-243.2 6.4-300.8 160-70.4 742.4-25.6 742.4 544zM288 384c-57.6 0-96 44.8-96 96s38.4 96 96 96 96-44.8 96-96-44.8-96-96-96zM384 736c0 51.2 38.4 96 96 96s96-44.8 96-96-44.8-96-96-96-96 44.8-96 96zM544 64c-57.6 0-96 44.8-96 96s38.4 96 96 96 96-44.8 96-96-44.8-96-96-96zM704 672c0 51.2 38.4 96 96 96s96-44.8 96-96-44.8-96-96-96-96 44.8-96 96zM800 256c-51.2 0-96 44.8-96 96s38.4 96 96 96 96-44.8 96-96-44.8-96-96-96z" />
+<glyph unicode="" glyph-name="password" data-tags="password" d="M1024 640c0 38.4-25.6 64-64 64h-896c-38.4 0-64-25.6-64-64v-384c0-38.4 25.6-64 64-64h896c38.4 0 64 25.6 64 64v384zM960 256h-896v384h896v-384zM384 448c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64zM576 448c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64zM768 448c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64z" />
+<glyph unicode="" glyph-name="tabs" data-tags="tabs" d="M896 704v128h-896v-832h1024v704h-128zM640 768h192v-64h-192v64zM384 768h192v-64h-192v64zM960 64h-896v704h256v-128h640v-576z" />
+<glyph unicode="" glyph-name="tabs2" data-tags="tabs" d="M896 704v128h-896v-832h1024v704h-128zM640 768h192v-64h-192v64zM384 768h192v-64h-192v64zM960 64h-896v704h256v-128h640v-576z" />
+<glyph unicode="" glyph-name="text-input" data-tags="text-input" d="M128 832h64v-256h-64v256zM64 960c-38.4 0-64-25.6-64-64v-896c0-38.4 25.6-64 64-64h960v1024h-960zM832 0h-768v896h768v-896zM960 0v0h-64v64h64v-64zM960 128h-64v640h64v-640zM960 832h-64v64h64v-64z" />
+<glyph unicode="" glyph-name="text-input2" data-tags="text-input" d="M128 832h64v-256h-64v256zM64 960c-38.4 0-64-25.6-64-64v-896c0-38.4 25.6-64 64-64h960v1024h-960zM832 0h-768v896h768v-896zM960 0v0h-64v64h64v-64zM960 128h-64v640h64v-640zM960 832h-64v64h64v-64z" />
+<glyph unicode="" glyph-name="plug2" data-tags="plug" d="M940.8 761.6c-25.6 25.6-64 25.6-89.6 0l-179.2-179.2-96 89.6 179.2 179.2c25.6 25.6 25.6 64 0 89.6s-64 25.6-89.6 0l-179.2-179.2-89.6 89.6-89.6-89.6 44.8-44.8-89.6-89.6c-89.6-89.6-96-224-32-326.4-108.8-96-166.4-243.2-166.4-364.8h128c0 83.2 25.6 204.8 134.4 281.6 96-51.2 217.6-32 294.4 44.8l89.6 89.6 44.8-44.8 89.6 89.6-89.6 89.6 179.2 179.2c32 32 32 70.4 6.4 96z" />
+<glyph unicode="" glyph-name="pointer" data-tags="pointer" d="M742.4 640c-12.8 0-32 0-38.4 0 0 12.8-12.8 38.4-25.6 51.2s-38.4 25.6-70.4 25.6c-12.8 0-25.6 0-38.4-6.4-6.4 12.8-12.8 19.2-19.2 32-12.8 12.8-32 25.6-70.4 25.6-12.8 0-25.6 0-32-6.4v108.8c0 38.4-25.6 89.6-89.6 89.6-25.6 0-51.2-12.8-70.4-25.6-32-38.4-32-89.6-32-89.6v-275.2c-38.4-6.4-70.4-19.2-89.6-38.4-38.4-44.8-38.4-102.4-38.4-179.2 0-12.8 0-32 0-44.8 0-89.6 44.8-134.4 89.6-179.2l19.2-25.6c83.2-76.8 153.6-102.4 326.4-102.4 185.6 0 268.8 102.4 268.8 326.4v160c0 44.8-12.8 134.4-89.6 153.6zM768 486.4v-166.4c0-217.6-83.2-262.4-204.8-262.4-153.6 0-211.2 19.2-275.2 83.2-6.4 6.4-12.8 12.8-25.6 25.6-44.8 51.2-70.4 76.8-70.4 140.8 0 12.8 0 32 0 44.8 0 64 0 108.8 19.2 134.4 6.4 6.4 25.6 12.8 44.8 12.8v-32l-19.2-96c0-6.4 0-6.4 6.4-12.8s12.8 0 12.8 0l64 76.8c0 6.4 0 12.8 0 12.8v396.8c0 6.4 0 32 12.8 44.8 6.4 0 12.8 6.4 25.6 6.4 19.2 0 25.6-19.2 25.6-25.6v-198.4c0 0 0 0 0 0v-76.8c0-19.2 12.8-38.4 32-38.4s32 19.2 32 32v83.2c0 0 0 0 0 0 0 6.4 6.4 32 32 32 19.2 0 32-6.4 32-25.6v-83.2c0-19.2 12.8-38.4 32-38.4s32 19.2 32 32v44.8c0 6.4 6.4 19.2 32 19.2 12.8 0 19.2-6.4 19.2-6.4 12.8-6.4 12.8-25.6 12.8-25.6v-51.2c0-19.2 12.8-32 25.6-32 19.2 0 32 6.4 32 25.6 0 6.4 6.4 12.8 12.8 19.2 0 0 6.4 0 12.8 0 38.4-12.8 44.8-76.8 44.8-96 0 6.4 0 6.4 0 0z" />
+<glyph unicode="" glyph-name="tree-table" data-tags="tree-table" d="M384 320v128h-128v64h64v128h-192v-128h64v-384h192v128h-128v64zM0 960v-1024h1024v1024h-1024zM448 0h-384v768h384v-768zM704 0h-192v768h192v-768zM960 0h-192v768h192v-768z" />
+<glyph unicode="" glyph-name="twin-col-select" data-tags="twin-col-select" d="M0 832v-768h1024v768h-1024zM448 128h-384v640h384v-640zM960 128h-384v640h384v-640zM640 704h256v-64h-256v64zM128 704h256v-64h-256v64zM128 576h256v-64h-256v64zM128 448h256v-64h-256v64z" />
+<glyph unicode="" glyph-name="tree-table2" data-tags="tree-table" d="M384 320v128h-128v64h64v128h-192v-128h64v-384h192v128h-128v64zM0 960v-1024h1024v1024h-1024zM448 0h-384v768h384v-768zM704 0h-192v768h192v-768zM960 0h-192v768h192v-768z" />
+<glyph unicode="" glyph-name="twin-col-select2" data-tags="twin-col-select" d="M0 832v-768h1024v768h-1024zM448 128h-384v640h384v-640zM960 128h-384v640h384v-640zM640 704h256v-64h-256v64zM128 704h256v-64h-256v64zM128 576h256v-64h-256v64zM128 448h256v-64h-256v64z" />
+<glyph unicode="" glyph-name="progressbar" data-tags="progressbar" d="M0 640v-384h1024v384h-1024zM960 320h-896v256h896v-256zM128 512h448v-128h-448v128z" />
+<glyph unicode="" glyph-name="resize-h" data-tags="resize-h" d="M0 512h1024v-128h-1024v128zM448 576h128v192h128l-192 192-192-192h128zM576 320h-128v-192h-128l192-192 192 192h-128z" />
+<glyph unicode="" glyph-name="resize-v" data-tags="resize-v" d="M448 960h128v-1024h-128v1024zM192 640l-192-192 192-192v128h192v128h-192zM1024 448l-192 192v-128h-192v-128h192v-128z" />
+<glyph unicode="" glyph-name="rhombus" data-tags="rhombus" d="M512 960l-512-512 512-512 512 512-512 512zM128 448l384 384 384-384-384-384-384 384z" />
+<glyph unicode="" glyph-name="road-branches" data-tags="road-branches" d="M1024 704v192h-1024v-192h108.8l492.8-608c83.2-102.4 198.4-160 320-160h102.4v192h-96c-64 0-121.6 32-172.8 89.6l-83.2 102.4h352v192h-512l-153.6 192h665.6z" />
+<glyph unicode="" glyph-name="road-split" data-tags="road-split" d="M896 128v64c0 12.8 0 262.4-179.2 345.6-140.8 64-140.8 224-140.8 230.4v192h-128v-192c0-6.4 0-166.4-140.8-230.4-179.2-83.2-179.2-332.8-179.2-345.6v-64h-128l192-192 192 192h-128v64c0 0 0 179.2 108.8 230.4 70.4 32 115.2 83.2 147.2 128 32-51.2 76.8-96 147.2-128 108.8-51.2 108.8-230.4 108.8-230.4v-64h-128l192-192 192 192h-128z" />
+<glyph unicode="" glyph-name="select" data-tags="select" d="M960 704h-896c-38.4 0-64-25.6-64-64v-384c0-38.4 25.6-64 64-64h896c38.4 0 64 25.6 64 64v384c0 38.4-25.6 64-64 64zM768 384l-128 128h256l-128-128z" />
+<glyph unicode="" glyph-name="slider" data-tags="slider" d="M1024 576h-230.4c-44.8 76.8-128 128-217.6 128s-179.2-51.2-217.6-128h-358.4v-256h358.4c44.8-76.8 128-128 217.6-128s179.2 51.2 217.6 128h230.4v256zM64 384v128h262.4c0-19.2-6.4-44.8-6.4-64s6.4-44.8 6.4-64h-262.4zM576 256c-108.8 0-192 83.2-192 192s83.2 192 192 192 192-83.2 192-192c0-108.8-83.2-192-192-192z" />
+<glyph unicode="" glyph-name="start-cog" data-tags="start-cog" d="M256 960v-384h108.8l12.8-44.8 12.8-38.4c0 0 6.4 0 6.4 0l76.8 38.4 115.2-115.2-38.4-76.8c0 0 0-6.4 0-6.4l38.4-12.8 44.8-12.8v-12.8l390.4 217.6-768 448zM288 288c-12.8 0-25.6-6.4-32-12.8-19.2-12.8-32-32-32-51.2s12.8-44.8 32-51.2c6.4-6.4 19.2-12.8 32-12.8 38.4 0 64 25.6 64 64s-25.6 64-64 64zM576 192v64l-70.4 25.6c-6.4 19.2-12.8 38.4-25.6 57.6l32 64-44.8 44.8-64-32c-19.2 12.8-38.4 19.2-57.6 25.6l-25.6 70.4h-64l-25.6-70.4c-19.2-6.4-38.4-12.8-57.6-25.6l-64 32-44.8-44.8 32-70.4c-12.8-19.2-19.2-38.4-25.6-57.6l-70.4-19.2v-64l70.4-25.6c6.4-19.2 12.8-38.4 25.6-57.6l-32-64 44.8-44.8 70.4 32c19.2-12.8 38.4-19.2 57.6-25.6l19.2-70.4h64l25.6 70.4c19.2 6.4 38.4 12.8 57.6 25.6l64-32 44.8 44.8-32 70.4c12.8 19.2 19.2 38.4 25.6 57.6l70.4 19.2zM288 96c-70.4 0-128 57.6-128 128s57.6 128 128 128 128-57.6 128-128c0-70.4-57.6-128-128-128z" />
+<glyph unicode="" glyph-name="stop-cog" data-tags="stop-cog" d="M64 960v-460.8l32 32 76.8-38.4c0 0 6.4 0 6.4 0l12.8 38.4 19.2 44.8h153.6l12.8-44.8 12.8-38.4c0 0 6.4 0 6.4 0l76.8 38.4 115.2-115.2-38.4-76.8c0 0 0-6.4 0-6.4l38.4-12.8 44.8-12.8v-153.6l-44.8-12.8-38.4-12.8c0 0 0-6.4 0-6.4l38.4-76.8-25.6-44.8h460.8v960h-960zM352 224c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64zM505.6 166.4l70.4 25.6v64l-70.4 25.6c-6.4 19.2-12.8 38.4-25.6 57.6l32 64-44.8 44.8-64-32c-19.2 12.8-38.4 19.2-57.6 25.6l-25.6 70.4h-64l-25.6-70.4c-19.2-6.4-38.4-12.8-57.6-25.6l-64 32-44.8-44.8 32-70.4c-12.8-19.2-19.2-38.4-25.6-57.6l-70.4-19.2v-64l70.4-25.6c6.4-19.2 12.8-38.4 25.6-57.6l-32-64 44.8-44.8 70.4 32c19.2-12.8 38.4-19.2 57.6-25.6l19.2-70.4h64l25.6 70.4c19.2 6.4 38.4 12.8 57.6 25.6l64-32 44.8 44.8-32 70.4c12.8 12.8 19.2 32 25.6 51.2zM288 96c-70.4 0-128 57.6-128 128s57.6 128 128 128 128-57.6 128-128c0-70.4-57.6-128-128-128z" />
+<glyph unicode="" glyph-name="sword" data-tags="sword" d="M1011.2 928l-6.4 12.8-12.8 6.4c-6.4 0-160 51.2-268.8-57.6l-428.8-422.4c-57.6 38.4-108.8 76.8-115.2 64l-25.6-19.2c-12.8-12.8 57.6-108.8 115.2-172.8l-160-217.6c-19.2 19.2-51.2 19.2-70.4 0l-19.2-19.2c-19.2-19.2-19.2-51.2 0-70.4l64-64c19.2-19.2 51.2-19.2 70.4 0l19.2 19.2c19.2 19.2 19.2 51.2 0 70.4v0l224 160c64-57.6 160-128 172.8-115.2l25.6 25.6c6.4 6.4-25.6 64-70.4 115.2l428.8 428.8c108.8 96 57.6 249.6 57.6 256zM492.8 288l-51.2 51.2 396.8 441.6-441.6-396.8-44.8 44.8 416 416c64 64 147.2 51.2 185.6 44.8 6.4-38.4 19.2-121.6-44.8-179.2l-416-422.4z" />
+<glyph unicode="" glyph-name="taxi2" data-tags="taxi" d="M960 569.6l-89.6 185.6c-25.6 44.8-70.4 76.8-128 76.8h-38.4v83.2c0 25.6-19.2 44.8-44.8 44.8h-294.4c-25.6 0-44.8-19.2-44.8-44.8v-83.2h-44.8c-51.2 0-102.4-32-121.6-76.8l-89.6-185.6c-38.4-6.4-64-38.4-64-70.4v-224c0-38.4 0-70.4 64-76.8v-128c0-38.4 25.6-70.4 64-70.4h57.6c38.4 0 70.4 32 70.4 70.4v121.6h512v-121.6c0-38.4 25.6-70.4 64-70.4h57.6c38.4 0 70.4 32 70.4 70.4v128c64 6.4 64 38.4 64 76.8v224c0 32-25.6 64-64 70.4zM256 422.4c0-19.2-19.2-38.4-38.4-38.4h-115.2c-19.2 0-38.4 19.2-38.4 38.4v51.2c0 19.2 19.2 38.4 38.4 38.4h115.2c19.2 0 38.4-19.2 38.4-38.4v-51.2zM640 256h-256v64h256v-64zM134.4 576l76.8 153.6c12.8 25.6 38.4 38.4 64 38.4h473.6c25.6 0 51.2-12.8 64-38.4l76.8-153.6h-755.2zM960 422.4c0-19.2-19.2-38.4-38.4-38.4h-115.2c-19.2 0-38.4 19.2-38.4 38.4v51.2c0 19.2 19.2 38.4 38.4 38.4h115.2c19.2 0 38.4-19.2 38.4-38.4v-51.2z" />
+<glyph unicode="" glyph-name="text-label" data-tags="text-label" d="M800 646.4c-89.6 0-160-51.2-166.4-57.6l76.8-102.4c0 0 44.8 32 89.6 32 89.6 0 96-76.8 96-102.4-25.6 6.4-70.4 19.2-128 6.4-89.6-19.2-179.2-128-134.4-249.6 44.8-115.2 198.4-134.4 262.4-38.4v-64h128v339.2c0 172.8-121.6 236.8-224 236.8zM736 230.4c-6.4 121.6 96 121.6 160 115.2v-64c0-76.8-147.2-147.2-160-51.2zM441.6 64h134.4l-204.8 768h-172.8l-198.4-768h134.4l64 256h172.8l70.4-256zM230.4 448l51.2 204.8 57.6-204.8h-108.8z" />
+<glyph unicode="" glyph-name="tooth" data-tags="tooth" d="M723.2-64c-76.8 0-108.8 249.6-108.8 262.4-6.4 83.2-64 134.4-102.4 140.8-38.4 0-89.6-57.6-102.4-140.8 0-12.8-32-262.4-108.8-262.4s-115.2 281.6-121.6 281.6c-12.8 89.6 6.4 217.6 12.8 256-25.6 76.8-115.2 358.4-32 448 32 25.6 70.4 38.4 121.6 38.4 38.4 0 83.2-6.4 128-19.2 38.4-6.4 70.4-12.8 102.4-12.8s64 6.4 102.4 12.8c44.8 12.8 89.6 19.2 128 19.2 51.2 0 89.6-12.8 115.2-44.8 83.2-89.6-6.4-371.2-32-448 6.4-32 25.6-160 12.8-249.6 6.4 0-32-281.6-115.2-281.6zM512 403.2c83.2-6.4 153.6-89.6 166.4-198.4 6.4-76.8 32-153.6 44.8-185.6 19.2 38.4 44.8 134.4 57.6 211.2 12.8 89.6-12.8 236.8-12.8 236.8v12.8c44.8 134.4 89.6 339.2 51.2 390.4-19.2 19.2-44.8 25.6-76.8 25.6s-76.8-6.4-115.2-19.2c-38.4-6.4-76.8-12.8-115.2-12.8s-76.8 6.4-115.2 12.8c-38.4 12.8-83.2 19.2-115.2 19.2s-57.6-6.4-70.4-25.6c-44.8-44.8 0-256 51.2-390.4v-12.8c0 0-25.6-147.2-12.8-236.8 12.8-76.8 38.4-172.8 57.6-211.2 12.8 38.4 38.4 108.8 44.8 185.6 6.4 102.4 76.8 192 160 198.4z" />
+<glyph unicode="" glyph-name="train2" data-tags="train" d="M832 243.2v473.6c0 64-51.2 115.2-115.2 115.2h-140.8v64h128v64h-384v-64h128v-64h-140.8c-64 0-115.2-51.2-115.2-115.2v-473.6c0-64 51.2-115.2 115.2-115.2h12.8l-44.8-64h-83.2v-64h44.8l-44.8-64h128l38.4 64h313.6l38.4-64h128l-44.8 64h38.4v64h-83.2l-44.8 64h12.8c64 0 115.2 51.2 115.2 115.2zM256 710.4c0 32 25.6 57.6 57.6 57.6h390.4c38.4 0 64-25.6 64-57.6v-134.4c0-38.4-25.6-64-57.6-64h-396.8c-32 0-57.6 25.6-57.6 57.6v140.8zM256 256c0 38.4 25.6 64 64 64s64-25.6 64-64c0-38.4-25.6-64-64-64s-64 25.6-64 64zM633.6 64h-243.2l38.4 64h166.4l38.4-64zM640 256c0 38.4 25.6 64 64 64s64-25.6 64-64c0-38.4-25.6-64-64-64s-64 25.6-64 64z" />
+<glyph unicode="" glyph-name="viewport" data-tags="viewport" d="M64 704h-64v256h256v-64h-192zM768 896v64h256v-256h-64v192zM960 192h64v-256h-256v64h192zM256 0v-64h-256v256h64v-192zM832 768v-640h-640v640h640zM896 832h-768v-768h768v768z" />
+<glyph unicode="" glyph-name="abacus" data-tags="abacus" d="M0 960v-1024h1024v1024h-1024zM896 832v-192h-6.4c-12.8 38.4-51.2 64-89.6 64s-76.8-25.6-89.6-64h-204.8c-12.8 38.4-44.8 64-89.6 64s-76.8-25.6-89.6-64h-12.8c-12.8 38.4-44.8 64-89.6 64s-76.8-25.6-89.6-64h-6.4v192h768zM889.6 320c-12.8 38.4-51.2 64-89.6 64s-76.8-25.6-89.6-64h-12.8c-12.8 38.4-51.2 64-89.6 64s-76.8-25.6-89.6-64h-204.8c-12.8 38.4-44.8 64-89.6 64s-76.8-25.6-89.6-64h-6.4v256h6.4c12.8-38.4 51.2-64 89.6-64s76.8 25.6 89.6 64h12.8c12.8-38.4 51.2-64 89.6-64s76.8 25.6 89.6 64h204.8c12.8-38.4 51.2-64 89.6-64s76.8 25.6 89.6 64h6.4l-6.4-256zM128 64v192h6.4c12.8-38.4 51.2-64 89.6-64s76.8 25.6 89.6 64h204.8c12.8-38.4 51.2-64 89.6-64s76.8 25.6 89.6 64h12.8c12.8-38.4 51.2-64 89.6-64s76.8 25.6 89.6 64h6.4v-192h-768z" />
+<glyph unicode="" glyph-name="accessibility" data-tags="accessibility" d="M665.6 320h-32c6.4-19.2 6.4-44.8 6.4-64 0-140.8-115.2-256-256-256s-256 115.2-256 256c0 134.4 102.4 243.2 236.8 256l-12.8 64c-166.4-25.6-288-153.6-288-320 0-179.2 140.8-320 320-320 153.6 0 281.6 108.8 313.6 249.6l-32 134.4zM838.4 128l-70.4 320h-262.4l-12.8 64h211.2v64h-224l-38.4 160c57.6 6.4 102.4 51.2 102.4 108.8 0 64-51.2 115.2-115.2 115.2s-108.8-51.2-108.8-115.2c0-38.4 19.2-76.8 51.2-96l83.2-364.8h262.4l76.8-320h166.4v64h-121.6z" />
+<glyph unicode="" glyph-name="airplane" data-tags="airplane" d="M787.2 544c32 32 57.6 51.2 76.8 70.4 102.4 102.4 204.8 262.4 140.8 326.4s-217.6-38.4-320-140.8c-19.2-19.2-38.4-44.8-70.4-76.8l-448 204.8c-44.8 19.2-96 12.8-128-19.2l-38.4-32 422.4-364.8c-83.2-102.4-172.8-198.4-217.6-256l-70.4 38.4c-32 19.2-76.8 19.2-102.4-12.8l-19.2-19.2 179.2-134.4 128-179.2 19.2 19.2c25.6 25.6 32 70.4 12.8 102.4l-32 70.4c57.6 44.8 153.6 134.4 256 217.6l364.8-422.4 32 32c32 32 38.4 83.2 19.2 128l-204.8 448z" />
+<glyph unicode="" glyph-name="anchor2" data-tags="anchor" d="M832 384v-128c0 0-51.2-108.8-256-121.6v441.6h140.8c12.8-19.2 32-32 51.2-32 38.4 0 64 25.6 64 64s-25.6 64-64 64c-25.6 0-44.8-12.8-51.2-32h-140.8v83.2c38.4 19.2 64 64 64 108.8 0 70.4-57.6 128-128 128s-128-57.6-128-128c0-44.8 25.6-89.6 64-108.8v-83.2h-140.8c-6.4 19.2-25.6 32-51.2 32-38.4 0-64-25.6-64-64s25.6-64 64-64c25.6 0 44.8 12.8 51.2 32h140.8v-448c-211.2 19.2-256 128-256 128v128h-192c0 0 179.2-448 512-448 320 0 512 448 512 448h-192zM512 896c38.4 0 64-25.6 64-64s-25.6-64-64-64-64 25.6-64 64 25.6 64 64 64z" />
+<glyph unicode="" glyph-name="cube" data-tags="cube" d="M512 960l-512-128v-640l512-256 512 256v640l-512 128zM921.6 793.6l-377.6-140.8-422.4 140.8 390.4 102.4 409.6-102.4zM64 230.4v518.4l448-153.6v-588.8l-448 224z" />
+<glyph unicode="" glyph-name="cube3" data-tags="cube" d="M512 960l-512-128v-640l512-256 512 256v640l-512 128zM921.6 793.6l-377.6-140.8-422.4 140.8 390.4 102.4 409.6-102.4zM64 230.4v518.4l448-153.6v-588.8l-448 224z" />
+<glyph unicode="" glyph-name="asterisk2" data-tags="asterisk" d="M1017.6 595.2l-128 217.6-249.6-140.8v288h-256v-288l-256 140.8-128-217.6 249.6-147.2-249.6-147.2 128-217.6 256 140.8v-288h256v288l249.6-140.8 128 217.6-256 147.2z" />
+<glyph unicode="" glyph-name="automation" data-tags="automation" d="M896 192c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128s128-57.308 128-128zM748.8-64v0c-51.2 0-102.4 12.8-147.2 44.8l-396.8 211.2c-32 25.6-57.6 38.4-83.2 64-76.8 76.8-121.6 185.6-121.6 294.4s44.8 211.2 121.6 288c76.8 76.8 179.2 121.6 288 121.6s211.2-44.8 294.4-121.6c25.6-25.6 38.4-44.8 64-76.8l224-409.6c64-108.8 44.8-243.2-44.8-332.8-57.6-57.6-121.6-83.2-198.4-83.2zM409.6 896c-89.6 0-179.2-38.4-243.2-102.4s-102.4-153.6-102.4-243.2c0-96 38.4-179.2 102.4-243.2 19.2-19.2 38.4-32 70.4-51.2l403.2-217.6c38.4-25.6 76.8-32 115.2-32v0c57.6 0 108.8 19.2 147.2 64 70.4 70.4 83.2 172.8 32 256l-224 409.6c-19.2 25.6-32 44.8-51.2 64-70.4 57.6-153.6 96-249.6 96zM704 512v64l-89.6 32c-6.4 12.8-6.4 19.2-12.8 32l38.4 83.2-44.8 44.8-83.2-38.4c-12.8 6.4-19.2 6.4-32 12.8l-32 89.6h-64l-32-89.6c-12.8-6.4-19.2-6.4-32-12.8l-83.2 38.4-44.8-44.8 38.4-83.2c-6.4-12.8-6.4-19.2-12.8-32l-89.6-32v-64l89.6-32c6.4-12.8 6.4-19.2 12.8-32l-38.4-83.2 44.8-44.8 83.2 38.4c12.8-6.4 19.2-12.8 32-12.8l32-89.6h64l32 89.6c12.8 6.4 19.2 6.4 32 12.8l83.2-38.4 44.8 44.8-38.4 83.2c6.4 12.8 12.8 19.2 12.8 32l89.6 32zM416 448c-51.2 0-96 44.8-96 96s44.8 96 96 96 96-44.8 96-96-44.8-96-96-96z" />
+<glyph unicode="" glyph-name="barcode2" data-tags="barcode" d="M0 768h64v-640h-64v640zM512 768h128v-640h-128v640zM704 768h64v-640h-64v640zM832 768h64v-640h-64v640zM960 768h64v-640h-64v640zM128 768h192v-640h-192v640zM384 768h64v-640h-64v640z" />
+<glyph unicode="" glyph-name="bomb2" data-tags="bomb" d="M768 896h64v-64h-64v64zM768 640h64v-64h-64v64zM896 768h64v-64h-64v64zM640 768h64v-64h-64v64zM934.4 825.6l44.8 44.8-44.8 44.8-89.6-89.6 44.8-44.8zM889.6 691.2l-44.8-44.8 89.6-89.6 44.8 44.8-44.8 44.8zM710.4 780.8l44.8 44.8-89.6 89.6-44.8-44.8 44.8-44.8zM665.6 550.4l128 128-44.8 44.8-128-128-44.8 44.8-44.8-51.2c-51.2 32-115.2 51.2-179.2 51.2-192 0-352-160-352-352s160-352 352-352 352 160 352 352c0 64-19.2 121.6-44.8 179.2l44.8 44.8-38.4 38.4zM384 499.2c-128 0-217.6-115.2-217.6-179.2h-64c0 128 153.6 243.2 281.6 243.2v-64z" />
+<glyph unicode="" glyph-name="bug-o" data-tags="bug-o" d="M768 448v134.4c83.2 25.6 128 121.6 128 217.6 0 19.2-12.8 32-32 32s-32-12.8-32-32c0-64-32-160-115.2-160h-12.8c0 0 12.8 134.4-128 179.2v108.8c0 19.2-12.8 32-32 32s-32-12.8-32-32v-96c-12.8 0-19.2 0-32 0s-19.2 0-32 0v96c0 19.2-12.8 32-32 32s-32-12.8-32-32v-108.8c-140.8-44.8-128-179.2-128-179.2h-12.8c-83.2 0-115.2 96-115.2 160 0 19.2-12.8 32-32 32s-32-12.8-32-32c0-89.6 44.8-185.6 128-217.6v-134.4c-179.2-6.4-192-89.6-192-224 0-12.8 12.8-32 32-32s32 19.2 32 32c0 115.2 0 153.6 128 160 0 0 0-102.4 38.4-198.4-25.6-6.4-44.8-12.8-57.6-32-44.8-38.4-44.8-108.8-44.8-172.8v-6.4c0-19.2 12.8-38.4 32-38.4s32 19.2 32 32v6.4c0 51.2 0 108.8 25.6 134.4 6.4 12.8 25.6 19.2 44.8 19.2 44.8-70.4 108.8-128 217.6-128s179.2 57.6 217.6 128c19.2 0 32-6.4 44.8-12.8 25.6-25.6 25.6-76.8 25.6-134.4v-6.4c0-19.2 12.8-32 32-32s32 12.8 32 32v6.4c0 64 0 134.4-44.8 179.2-12.8 12.8-38.4 25.6-57.6 32 38.4 89.6 38.4 185.6 38.4 192 128 0 128-44.8 128-160 0-19.2 12.8-32 32-32s32 12.8 32 32c0 134.4-12.8 217.6-192 224zM448 64c-192 25.6-192 307.2-192 320v192h192v-512zM448 704h-64v64h64v-64zM512 768h64v-64h-64v64zM512 64v512h192v-192c0-12.8 0-288-192-320z" />
+<glyph unicode="" glyph-name="bug2" data-tags="bug" d="M512 576h192c38.4 0 64 6.4 64 6.4 83.2 25.6 128 121.6 128 217.6 0 19.2-12.8 32-32 32s-32-12.8-32-32c0-64-32-160-115.2-160h-12.8c0 0 12.8 134.4-128 179.2v108.8c0 19.2-12.8 32-32 32s-32-12.8-32-32v-96c-12.8 0-19.2 0-32 0s-19.2 0-32 0v96c0 19.2-12.8 32-32 32s-32-12.8-32-32v-108.8c-140.8-44.8-128-179.2-128-179.2h-12.8c-83.2 0-115.2 96-115.2 160 0 19.2-12.8 32-32 32s-32-12.8-32-32c0-89.6 44.8-185.6 128-217.6 0 0 19.2-6.4 64-6.4h256zM512 768h64v-64h-64v64zM384 768h64v-64h-64v64zM192 512v-64c-179.2-6.4-192-89.6-192-224 0-12.8 12.8-32 32-32s32 19.2 32 32c0 115.2 0 153.6 128 160 0 0 0-102.4 38.4-198.4-25.6-6.4-44.8-12.8-57.6-32-44.8-38.4-44.8-108.8-44.8-172.8v-6.4c0-19.2 12.8-38.4 32-38.4s32 19.2 32 32v6.4c0 51.2 0 108.8 25.6 134.4 6.4 12.8 25.6 19.2 44.8 19.2 32-64 96-115.2 185.6-128v512h-256zM768 448v64h-256v-512c89.6 12.8 153.6 64 185.6 121.6 19.2 0 32-6.4 44.8-12.8 25.6-25.6 25.6-76.8 25.6-134.4v-6.4c0-19.2 12.8-32 32-32s32 12.8 32 32v6.4c0 64 0 134.4-44.8 179.2-12.8 12.8-38.4 25.6-57.6 32 38.4 96 38.4 192 38.4 198.4 128 0 128-44.8 128-160 0-19.2 12.8-32 32-32s32 12.8 32 32c0 134.4-12.8 217.6-192 224z" />
+<glyph unicode="" glyph-name="calc" data-tags="calc" d="M576 768h384v-128h-384v128zM576 256h384v-128h-384v128zM320 896h-128v-128h-128v-128h128v-128h128v128h128v128h-128zM448 294.4l-89.6 89.6-102.4-102.4-102.4 102.4-89.6-89.6 102.4-102.4-102.4-102.4 89.6-89.6 102.4 102.4 102.4-102.4 89.6 89.6-102.4 102.4zM832 32c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64zM832 352c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64z" />
+<glyph unicode="" glyph-name="chart-line" data-tags="chart-line" d="M0-64h1024v1024h-64v-166.4l-256-217.6v384h-64v-409.6l-256 57.6v352h-64v-364.8l-256-185.6v550.4h-64zM320 64h-256v108.8l256 185.6v-294.4zM640 64h-256v339.2l6.4 6.4 249.6-57.6v-288zM960 64h-256v275.2h6.4l249.6 204.8v-480z" />
+<glyph unicode="" glyph-name="chart" data-tags="chart" d="M0 0h1024v-64h-1024v64zM0 960h64v-1024h-64v1024zM576 448l-185.6 192-262.4-256v-320h896v838.4z" />
+<glyph unicode="" glyph-name="filter" data-tags="filter" d="M128 832h832v-128l-320-320v-448l-192 128v320l-320 320zM128 960h832v-64h-832v64z" />
+<glyph unicode="" glyph-name="filter3" data-tags="filter" d="M128 832h832v-128l-320-320v-448l-192 128v320l-320 320zM128 960h832v-64h-832v64z" />
+<glyph unicode="" glyph-name="code2" data-tags="code" d="M332.8 64l288 768h70.4l-288-768zM710.4 128h76.8l236.8 320-236.8 320h-83.2l243.2-320zM313.6 128h-76.8l-236.8 320 236.8 320h83.2l-243.2-320z" />
+<glyph unicode="" glyph-name="coffee2" data-tags="coffee" d="M896 128l-256-64h-384l-256 64v64h896zM940.8 768h-108.8v64h-768v-320c0-96 51.2-179.2 128-217.6v-38.4h512v38.4c57.6 32 102.4 89.6 121.6 153.6 0 0 6.4 0 6.4 0 147.2 0 185.6 128 192 224 6.4 51.2-32 96-83.2 96zM832 512v192h108.8c6.4 0 12.8-6.4 12.8-6.4s6.4-6.4 6.4-19.2c-12.8-166.4-102.4-166.4-128-166.4z" />
+<glyph unicode="" glyph-name="cogs2" data-tags="cogs" d="M768 512v128l-76.8 25.6c-6.4 19.2-12.8 44.8-25.6 64l38.4 76.8-96 83.2-70.4-32c-19.2 12.8-38.4 19.2-64 25.6l-25.6 76.8h-128l-25.6-76.8c-19.2-6.4-44.8-12.8-64-25.6l-70.4 32-89.6-89.6 38.4-76.8c-12.8-19.2-19.2-38.4-25.6-64l-83.2-19.2v-128l76.8-25.6c6.4-19.2 12.8-44.8 25.6-64l-32-70.4 89.6-89.6 76.8 38.4c19.2-12.8 38.4-19.2 64-25.6l19.2-83.2h128l25.6 76.8c19.2 6.4 44.8 12.8 64 25.6l76.8-38.4 89.6 89.6-38.4 76.8c12.8 19.2 19.2 38.4 25.6 64l76.8 25.6zM192 576c0 108.8 83.2 192 192 192s192-83.2 192-192c0-108.8-83.2-192-192-192s-192 83.2-192 192zM480 576c0-53.019-42.981-96-96-96s-96 42.981-96 96c0 53.019 42.981 96 96 96s96-42.981 96-96zM1024 768v64h-38.4c0 12.8-6.4 25.6-12.8 32l25.6 25.6-44.8 44.8-25.6-25.6c-12.8 6.4-19.2 12.8-32 12.8v38.4h-64v-38.4c-12.8 0-25.6-6.4-32-12.8l-25.6 25.6-44.8-44.8 25.6-25.6c-6.4-12.8-12.8-19.2-12.8-32h-38.4v-64h38.4c0-12.8 6.4-25.6 12.8-32l-25.6-25.6 44.8-44.8 25.6 25.6c12.8-6.4 19.2-12.8 32-12.8v-38.4h64v38.4c12.8 0 25.6 6.4 32 12.8l25.6-25.6 44.8 44.8-25.6 25.6c6.4 12.8 12.8 19.2 12.8 32h38.4zM864 736c-38.4 0-64 25.6-64 64s25.6 64 64 64 64-25.6 64-64c0-38.4-25.6-64-64-64zM985.6 204.8c-6.4 19.2-12.8 38.4-25.6 57.6l19.2 38.4-44.8 44.8-32-25.6c-19.2 12.8-38.4 19.2-57.6 25.6l-12.8 38.4h-64l-12.8-38.4c-19.2-6.4-38.4-12.8-57.6-25.6l-38.4 19.2-44.8-44.8 19.2-38.4c-12.8-19.2-19.2-38.4-25.6-57.6l-32-6.4v-64l38.4-12.8c6.4-19.2 12.8-38.4 25.6-57.6l-19.2-38.4 44.8-44.8 38.4 19.2c19.2-12.8 38.4-19.2 57.6-25.6l6.4-32h64l12.8 38.4c19.2 6.4 38.4 12.8 57.6 25.6l38.4-19.2 44.8 44.8-25.6 32c12.8 19.2 19.2 38.4 25.6 57.6l38.4 12.8v64l-38.4 12.8zM800 64c-51.2 0-96 44.8-96 96s44.8 96 96 96 96-44.8 96-96-44.8-96-96-96z" />
+<glyph unicode="" glyph-name="controller" data-tags="controller" d="M448 960h64v-64h-64v64zM448 64h64v-64h-64v64zM896 512h64v-64h-64v64zM0 512h64v-64h-64v64zM792.274 842.042l45.254-45.254-45.254-45.254-45.254 45.254 45.254 45.254zM167.726 208.48l45.254-45.254-45.254-45.254-45.254 45.254 45.254 45.254zM846.548 163.213l-45.254-45.254-45.254 45.254 45.254 45.254 45.254-45.254zM203.973 796.787l-45.254-45.254-45.254 45.254 45.254 45.254 45.254-45.254zM264.695 912.644l59.13 24.493 24.493-59.13-59.13-24.493-24.493 59.13zM611.717 81.993l59.13 24.493 24.493-59.13-59.13-24.493-24.493 59.13zM913.285 691.811l24.493-59.13-59.13-24.493-24.493 59.13 59.13 24.493zM81.352 351.78l24.493-59.13-59.13-24.493-24.493 59.13 59.13 24.493zM636.197 937.117l59.13-24.493-24.493-59.13-59.13 24.493 24.493 59.13zM289.172 106.467l59.13-24.493-24.493-59.13-59.13 24.493 24.493 59.13zM933.62 324.444l-24.493-59.13-59.13 24.493 24.493 59.13 59.13-24.493zM109.964 670.186l-24.493-59.13-59.13 24.493 24.493 59.13 59.13-24.493zM748.8 704l-224-224-44.8 44.8 224 224c-64 51.2-140.8 83.2-224 83.2-192 0-352-160-352-352s160-352 352-352 352 160 352 352c0 83.2-32 160-83.2 224z" />
+<glyph unicode="" glyph-name="corner-lower-left" data-tags="corner-lower-left" d="M1024-64l-1024 1024v-1024z" />
+<glyph unicode="" glyph-name="hash" data-tags="hash" d="M960 576v128h-166.4l38.4 179.2-128 25.6-44.8-204.8h-192l44.8 179.2-128 25.6-44.8-204.8h-211.2v-128h185.6l-57.6-256h-192v-128h166.4l-38.4-179.2 128-25.6 44.8 204.8h192l-44.8-179.2 128-25.6 44.8 204.8h211.2v128h-185.6l57.6 256h192zM576 320h-192l64 256h192l-64-256z" />
+<glyph unicode="" glyph-name="hash2" data-tags="hash" d="M960 576v128h-166.4l38.4 179.2-128 25.6-44.8-204.8h-192l44.8 179.2-128 25.6-44.8-204.8h-211.2v-128h185.6l-57.6-256h-192v-128h166.4l-38.4-179.2 128-25.6 44.8 204.8h192l-44.8-179.2 128-25.6 44.8 204.8h211.2v128h-185.6l57.6 256h192zM576 320h-192l64 256h192l-64-256z" />
+<glyph unicode="" glyph-name="corner-lower-right" data-tags="corner-lower-right" d="M1024-64h-1024l1024 1024z" />
+<glyph unicode="" glyph-name="corner-upper-left" data-tags="corner-upper-left" d="M0-64l1024 1024h-1024z" />
+<glyph unicode="" glyph-name="corner-upper-right" data-tags="corner-upper-right" d="M1024-64l-1024 1024h1024z" />
+<glyph unicode="" glyph-name="cubes2" data-tags="cubes" d="M704 537.6v0 243.2l-256 115.2-256-115.2v-268.8l-192-83.2v-281.6l256-115.2 224 96 224-102.4 256 115.2v288l-256 108.8zM448 825.6l179.2-76.8-172.8-70.4-166.4 76.8 160 70.4zM448 640v-185.6l-192 83.2v192l192-89.6zM256 96l-192 83.2v192l192-89.6v-185.6zM256 320l-166.4 76.8 166.4 70.4 179.2-76.8-179.2-70.4zM704 96l-192 83.2v192l192-89.6v-185.6zM704 320l-166.4 76.8 166.4 70.4 179.2-76.8-179.2-70.4z" />
+<glyph unicode="" glyph-name="download-alt" data-tags="download-alt" d="M0 64h1024v-128h-1024v128zM512 128l320 320h-192v512h-256v-512h-192z" />
+<glyph unicode="" glyph-name="eraser2" data-tags="eraser" d="M518.4 64l409.6 460.8c38.4 44.8 38.4 115.2-6.4 160l-172.8 172.8c-19.2 25.6-51.2 38.4-83.2 38.4h-115.2c-32 0-64-12.8-89.6-38.4l-428.8-486.4c-38.4-44.8-38.4-121.6 6.4-160l172.8-172.8c19.2-25.6 51.2-38.4 83.2-38.4h729.6v64h-505.6zM435.2 70.4c0 0 0 6.4 0 0l-172.8 172.8c-25.6 25.6-25.6 57.6 0 83.2l217.6 249.6h-64l-192-211.2c-38.4-44.8-38.4-108.8 6.4-153.6l147.2-147.2h-83.2c-12.8 0-25.6 6.4-38.4 12.8l-179.2 179.2c-19.2 19.2-19.2 51.2 0 70.4l224 249.6h115.2l224 256h64l-224-256 198.4-236.8-224-256c-6.4-6.4-12.8-6.4-19.2-12.8z" />
+<glyph unicode="" glyph-name="facebook-square2" data-tags="facebook-square" d="M0 960v-1024h1024v1024h-1024zM825.6 422.4h-134.4v-358.4h-134.4v358.4h-96v128h96c0 0 0 51.2 0 108.8 0 96 57.6 172.8 185.6 172.8 51.2 0 89.6-6.4 89.6-6.4v-121.6c0 0-38.4 0-83.2 0s-51.2-19.2-51.2-57.6c0-6.4 0-6.4 0-6.4 0-12.8 0-32 0-89.6h134.4l-6.4-128z" />
+<glyph unicode="" glyph-name="facebook2" data-tags="facebook" d="M460.8-64v480h-128v172.8h128c0 0 0 70.4 0 147.2 0 115.2 76.8 224 249.6 224 70.4 0 121.6-6.4 121.6-6.4l-6.4-160c0 0-51.2 0-108.8 0-64 0-70.4-25.6-70.4-76.8 0-38.4 0 83.2 0-128h185.6l-6.4-172.8h-179.2v-480h-185.6z" />
+<glyph unicode="" glyph-name="female2" data-tags="female" d="M640 832c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128s128-57.308 128-128zM640 448v96l115.2-115.2c19.2-19.2 44.8-19.2 64 0s19.2 51.2 0 64l-166.4 166.4c-25.6 32-64 44.8-108.8 44.8h-64c-44.8 0-83.2-12.8-108.8-44.8l-166.4-166.4c-19.2-19.2-19.2-51.2 0-64 19.2-19.2 44.8-19.2 64 0l115.2 115.2v-96l-256-320h256v-192h256v192h256l-256 320z" />
+<glyph unicode="" glyph-name="file-font" data-tags="file-font" d="M640 960h-512v-1024h768v768l-256 256zM576 640h256v-640h-640v896h384v-256zM640 704v192l192-192h-192zM320 512v-128h128v-320h128v320h128v128z" />
+<glyph unicode="" glyph-name="file-presentation" data-tags="file-presentation" d="M640 960h-512v-1024h768v768l-256 256zM832 0h-640v896h384v-256h256v-640zM640 704v192l192-192h-192zM576 576h-128v-64h-192v-384h128v-64h64v64h128v-64h64v64h128v384h-192v64zM704 448v-256h-384v256h384zM448 384v-128l128 64z" />
+<glyph unicode="" glyph-name="file-table" data-tags="file-table" d="M640 960h-512v-1024h768v768l-256 256zM576 640h256v-640h-640v896h384v-256zM640 704v192l192-192h-192zM256 512v-384h512v384h-512zM384 192h-64v64h64v-64zM384 320h-64v64h64v-64zM576 192h-128v64h128v-64zM576 320h-128v64h128v-64zM704 192h-64v64h64v-64zM704 320h-64v64h64v-64z" />
+<glyph unicode="" glyph-name="fill" data-tags="fill" d="M454.4 851.2l-76.8-70.4-147.2 153.6c-38.4 32-102.4 32-140.8 0-12.8-19.2-25.6-44.8-25.6-70.4s12.8-51.2 25.6-70.4l153.6-153.6-243.2-236.8 409.6-409.6 448 454.4-403.2 403.2zM134.4 838.4c0 6.4-6.4 19.2-6.4 25.6s6.4 19.2 6.4 25.6c12.8 6.4 38.4 6.4 51.2 0l153.6-153.6-51.2-44.8-153.6 147.2zM134.4 448l243.2 243.2 76.8-76.8c6.4-6.4 12.8-6.4 25.6-6.4s19.2 0 25.6 6.4c6.4 12.8 6.4 32-6.4 44.8l-76.8 76.8 25.6 25.6 320-313.6h-633.6zM864 384c0 0-96-300.8-96-352s44.8-96 96-96 96 44.8 96 96-96 352-96 352z" />
+<glyph unicode="" glyph-name="fire2" data-tags="fire" d="M313.6-51.2c0 0-249.6 25.6-249.6 364.8 0 262.4 198.4 416 198.4 416s83.2-89.6 147.2-121.6c64-38.4 89.6 352 89.6 352s460.8-249.6 460.8-627.2c0-390.4-256-377.6-256-377.6s115.2 153.6 115.2 332.8c0 192-249.6 428.8-249.6 428.8s-32-281.6-134.4-320c-102.4 57.6-160 147.2-160 147.2s-236.8-371.2 38.4-595.2zM524.8-70.4c-128 6.4-236.8 89.6-236.8 204.8s44.8 166.4 44.8 166.4 32-64 70.4-96 115.2-51.2 153.6-6.4c38.4 38.4 51.2 147.2 51.2 147.2s89.6-70.4 76.8-192c-6.4-128-57.6-224-160-224z" />
+<glyph unicode="" glyph-name="frown-o2" data-tags="frown-o" d="M512 896c249.6 0 448-198.4 448-448s-198.4-448-448-448-448 198.4-448 448 198.4 448 448 448zM512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512v0zM448 576c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64zM704 576c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64zM723.2 172.8c-44.8 70.4-128 115.2-211.2 115.2s-166.4-44.8-211.2-115.2l-51.2 38.4c57.6 89.6 153.6 140.8 262.4 140.8s204.8-51.2 262.4-140.8l-51.2-38.4z" />
+<glyph unicode="" glyph-name="gavel2" data-tags="gavel" d="M409.6 697.6v0c-25.6 25.6-25.6 57.6-6.4 76.8l166.4 166.4c19.2 19.2 51.2 19.2 76.8 0l6.4-6.4c19.2-19.2 19.2-51.2 0-76.8l-166.4-160c-19.2-19.2-57.6-19.2-76.8 0zM768 339.2v0c-25.6 25.6-25.6 57.6-6.4 83.2l166.4 166.4c19.2 19.2 51.2 19.2 76.8 0l6.4-6.4c19.2-19.2 19.2-51.2 0-76.8l-166.4-166.4c-25.6-19.2-57.6-19.2-76.8 0zM640 467.2l-108.8 108.8c-25.6 25.6-25.6 64 0 89.6l147.2 147.2c25.6 25.6 64 25.6 89.6 0l108.8-108.8c25.6-25.6 25.6-64 0-89.6l-147.2-147.2c-25.6-25.6-64-25.6-89.6 0zM256 51.2c38.4 38.4 256 358.4 288 339.2 25.6-12.8 64 32 64 32l-121.6 121.6c0 0-44.8-38.4-32-64 19.2-32-300.8-249.6-339.2-288 0 0-179.2-140.8-89.6-230.4s230.4 89.6 230.4 89.6z" />
+<glyph unicode="" glyph-name="google-plus-square2" data-tags="google-plus-square" d="M320 742.4c-51.2 0-83.2-51.2-76.8-115.2 6.4-70.4 57.6-121.6 108.8-128 51.2 0 83.2 51.2 76.8 121.6-6.4 64-57.6 121.6-108.8 121.6zM345.6 364.8c-76.8 0-147.2-44.8-147.2-102.4s57.6-108.8 134.4-108.8c108.8 0 147.2 44.8 147.2 102.4 0 6.4 0 12.8 0 19.2-6.4 32-38.4 51.2-83.2 76.8-12.8 12.8-32 12.8-51.2 12.8zM0 960v-1024h1024v1024h-1024zM505.6 620.8c0-44.8-25.6-76.8-57.6-102.4s-38.4-38.4-38.4-57.6c0-19.2 32-51.2 51.2-64 51.2-38.4 70.4-70.4 70.4-128 0-70.4-70.4-147.2-198.4-147.2-108.8 0-204.8 44.8-204.8 115.2 0 76.8 83.2 147.2 198.4 147.2 12.8 0 25.6 0 32 0-12.8 19.2-25.6 38.4-25.6 57.6 0 12.8 6.4 25.6 12.8 38.4-6.4 0-12.8 0-19.2 0-89.6 0-153.6 64-153.6 147.2 0 76.8 83.2 147.2 172.8 147.2 51.2 0 198.4 0 198.4 0l-44.8-38.4h-64c44.8-12.8 70.4-64 70.4-115.2zM896 608h-134.4v-128h-32v128h-128v32h128v128h32v-128h134.4v-32z" />
+<glyph unicode="" glyph-name="google-plus2" data-tags="google-plus" d="M1024 710.4h-179.2v166.4h-38.4v-166.4h-172.8v-51.2h172.8v-166.4h38.4v166.4h179.2zM441.6 384c-25.6 12.8-70.4 57.6-70.4 83.2s6.4 44.8 51.2 76.8c44.8 32 76.8 76.8 76.8 134.4 0 70.4-32 134.4-83.2 153.6h83.2l57.6 44.8c0 0-198.4 0-268.8 0-121.6 0-230.4-89.6-230.4-198.4s83.2-192 204.8-192c6.4 0 19.2 0 25.6 0-12.8-12.8-12.8-25.6-12.8-44.8 0-32 19.2-51.2 38.4-76.8-12.8 0-32 0-44.8 0-147.2 0-262.4-96-262.4-192s128-160 275.2-160c166.4 0 262.4 96 262.4 192-6.4 83.2-32 128-102.4 179.2zM300.8 518.4c-70.4 0-134.4 76.8-147.2 166.4s32 160 102.4 160c70.4 0 134.4-76.8 147.2-166.4s-32-166.4-102.4-160zM275.2 57.6c-102.4 0-179.2 64-179.2 140.8s89.6 140.8 192 140.8c25.6 0 44.8-6.4 64-12.8 57.6-38.4 96-57.6 108.8-102.4 0-6.4 6.4-19.2 6.4-25.6 0-76.8-51.2-140.8-192-140.8z" />
+<glyph unicode="" glyph-name="hands-up" data-tags="hands-up" d="M608 832c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128s128-57.308 128-128zM883.2 883.2c-19.2 19.2-44.8 19.2-64 0l-147.2-153.6c-19.2-19.2-38.4-25.6-57.6-25.6h-268.8c-19.2 0-38.4 6.4-51.2 25.6l-153.6 147.2c-12.8 19.2-44.8 19.2-64 6.4-19.2-19.2-19.2-51.2 0-64l211.2-211.2c0-6.4 32-38.4 32-96v-576h128v384h64v-384h128v576c0 57.6 32 89.6 32 89.6l211.2 211.2c19.2 19.2 19.2 51.2 0 70.4z" />
+<glyph unicode="" glyph-name="institution2" data-tags="institution" d="M512 960l-512-192v-128h1024v128zM0 64h1024v-128h-1024v128zM1024 512v64h-1024v-64h64v-320h-64v-64h1024v64h-64v320h64zM256 192h-64v320h64v-320zM448 192h-64v320h64v-320zM640 192h-64v320h64v-320zM832 192h-64v320h64v-320z" />
+<glyph unicode="" glyph-name="key-o" data-tags="key-o" d="M832 960l-448-390.4c-19.2 6.4-38.4 6.4-64 6.4-179.2 0-320-140.8-320-320s147.2-320 320-320 320 140.8 320 320c0 19.2 0 38.4-6.4 57.6l70.4 70.4v128h128v128h128l64 64v256h-192zM768 576h-108.8l108.8 89.6v-89.6zM960 729.6l-25.6-25.6h-121.6l147.2 128v-102.4zM467.2 473.6l44.8-25.6 128 108.8v-147.2l-51.2-51.2-19.2-25.6 6.4-32c0-12.8 6.4-32 6.4-44.8 0-140.8-115.2-256-256-256s-256 115.2-256 256 115.2 256 256 256c19.2 0 32 0 51.2-6.4l32-6.4 25.6 19.2 422.4 377.6h102.4l-492.8-422.4zM384 224c0-53.019-42.981-96-96-96s-96 42.981-96 96c0 53.019 42.981 96 96 96s96-42.981 96-96z" />
+<glyph unicode="" glyph-name="puzzle-piece" data-tags="puzzle-piece" d="M953.6 902.4c-70.4 64-160 83.2-198.4 25.6-44.8-70.4 32-108.8-19.2-160-32-38.4-128 51.2-128 51.2l-51.2 51.2-89.6-89.6c-38.4-44.8-134.4-96-166.4-70.4-44.8 38.4 6.4 115.2-32 166.4-44.8 64-134.4 51.2-192-19.2-64-70.4-89.6-153.6-32-192 70.4-44.8 121.6 19.2 172.8-32 25.6-25.6-12.8-108.8-32-134.4l-147.2-147.2 416-416 108.8 108.8c44.8 44.8 96 128 70.4 153.6-38.4 44.8-108.8-6.4-160 25.6-64 44.8-51.2 128 19.2 192s160 83.2 198.4 25.6c44.8-70.4-25.6-115.2 25.6-166.4 25.6-25.6 102.4 12.8 128 38.4l134.4 134.4-70.4 70.4c-38.4 38.4-121.6 128-89.6 160 38.4 44.8 108.8-12.8 160 25.6 57.6 51.2 38.4 134.4-25.6 198.4z" />
+<glyph unicode="" glyph-name="puzzle-piece3" data-tags="puzzle-piece" d="M953.6 902.4c-70.4 64-160 83.2-198.4 25.6-44.8-70.4 32-108.8-19.2-160-32-38.4-128 51.2-128 51.2l-51.2 51.2-89.6-89.6c-38.4-44.8-134.4-96-166.4-70.4-44.8 38.4 6.4 115.2-32 166.4-44.8 64-134.4 51.2-192-19.2-64-70.4-89.6-153.6-32-192 70.4-44.8 121.6 19.2 172.8-32 25.6-25.6-12.8-108.8-32-134.4l-147.2-147.2 416-416 108.8 108.8c44.8 44.8 96 128 70.4 153.6-38.4 44.8-108.8-6.4-160 25.6-64 44.8-51.2 128 19.2 192s160 83.2 198.4 25.6c44.8-70.4-25.6-115.2 25.6-166.4 25.6-25.6 102.4 12.8 128 38.4l134.4 134.4-70.4 70.4c-38.4 38.4-121.6 128-89.6 160 38.4 44.8 108.8-12.8 160 25.6 57.6 51.2 38.4 134.4-25.6 198.4z" />
+<glyph unicode="" glyph-name="key2" data-tags="key" d="M518.4 512c-12.8 6.4-25.6 12.8-38.4 19.2l480 428.8h-128l-448-390.4c-19.2 6.4-38.4 6.4-64 6.4-179.2 0-320-140.8-320-320s147.2-320 320-320 320 140.8 320 320c0 38.4-6.4 76.8-19.2 108.8l83.2 83.2v128h128v128h128l64 64v192l-505.6-448zM256 115.2c-44.8 0-76.8 38.4-76.8 76.8s38.4 76.8 76.8 76.8 76.8-38.4 76.8-76.8-32-76.8-76.8-76.8z" />
+<glyph unicode="" glyph-name="lifebuoy" data-tags="lifebuoy" d="M512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512zM256 448c0 140.8 115.2 256 256 256s256-115.2 256-256c0-140.8-115.2-256-256-256s-256 115.2-256 256zM806.4 332.8c19.2 32 25.6 76.8 25.6 115.2s-6.4 83.2-25.6 115.2l96 96c38.4-64 57.6-134.4 57.6-211.2s-19.2-147.2-51.2-211.2l-102.4 96zM723.2 844.8l-96-102.4c-32 19.2-76.8 25.6-115.2 25.6s-83.2-6.4-115.2-25.6l-96 102.4c64 32 134.4 51.2 211.2 51.2s147.2-19.2 211.2-51.2zM115.2 659.2l96-96c-12.8-32-19.2-76.8-19.2-115.2s6.4-83.2 25.6-115.2l-96-96c-38.4 64-57.6 134.4-57.6 211.2s19.2 147.2 51.2 211.2zM300.8 51.2l96 96c32-12.8 76.8-19.2 115.2-19.2s83.2 6.4 115.2 25.6l96-96c-64-38.4-134.4-57.6-211.2-57.6s-147.2 19.2-211.2 51.2z" />
+<glyph unicode="" glyph-name="lightbulb" data-tags="lightbulb" d="M748.8 838.4c-64 76.8-166.4 121.6-268.8 121.6s-204.8-44.8-268.8-121.6c-64-70.4-89.6-166.4-76.8-256 12.8-96 51.2-166.4 134.4-236.8 32-25.6 44.8-51.2 57.6-76.8 0-6.4 6.4-12.8 6.4-19.2-6.4-6.4-12.8-12.8-12.8-25.6 0-19.2 12.8-32 32-32-19.2 0-32-12.8-32-32s12.8-32 32-32c-19.2 0-32-12.8-32-32s12.8-32 32-32c-19.2 0-32-12.8-32-32s12.8-32 32-32h32c0-32 44.8-64 96-64s96 32 96 64h32c19.2 0 32 12.8 32 32s-12.8 32-32 32c19.2 0 32 12.8 32 32s-12.8 32-32 32c19.2 0 32 12.8 32 32s-12.8 32-32 32c19.2 0 32 12.8 32 32 0 12.8-6.4 19.2-12.8 25.6 0 6.4 6.4 6.4 6.4 12.8 12.8 25.6 25.6 51.2 57.6 76.8 83.2 70.4 121.6 140.8 134.4 243.2 12.8 89.6-12.8 179.2-76.8 256zM768 588.8c-12.8-83.2-44.8-140.8-115.2-204.8-38.4-32-57.6-64-76.8-89.6-12.8-32-19.2-38.4-32-38.4h-128c-12.8 0-19.2 6.4-32 38.4-12.8 25.6-32 64-70.4 102.4-83.2 70.4-102.4 128-115.2 192-12.8 70.4 12.8 147.2 57.6 204.8 57.6 64 140.8 102.4 224 102.4s166.4-38.4 224-102.4c44.8-57.6 70.4-134.4 64-204.8zM704 640h-64c0 44.8-51.2 128-128 128v64c115.2 0 192-115.2 192-192z" />
+<glyph unicode="" glyph-name="sign-in-alt" data-tags="sign-in-alt" d="M0 960h128v-1024h-128v1024zM192 320h512v-192l320 320-320 320v-192h-512z" />
+<glyph unicode="" glyph-name="sign-out-alt" data-tags="sign-out-alt" d="M896 960h128v-1024h-128v1024zM512 576h-512v-256h512v-192l320 320-320 320z" />
+<glyph unicode="" glyph-name="magic22" data-tags="magic" d="M0 640h192v-64h-192v64zM320 960h64v-192h-64v192zM384 256h-64v160l64-64zM704 576h-96l-64 64h160zM200.407 501.668l45.254-45.254-190.068-190.068-45.254 45.254 190.068 190.068zM648.407 949.668l45.254-45.254-190.068-190.068-45.254 45.254 190.068 190.068zM53.491 947.241l221.747-221.747-45.254-45.254-221.747 221.747 45.254 45.254zM390.4 697.6l-134.4-128 627.2-633.6 140.8 134.4-633.6 627.2zM390.4 608l153.6-160-38.4-38.4-160 160 44.8 38.4z" />
+<glyph unicode="" glyph-name="male2" data-tags="male" d="M608 832c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128s128-57.308 128-128zM819.2 492.8l-166.4 166.4c-25.6 32-64 44.8-108.8 44.8h-128c-44.8 0-83.2-12.8-108.8-44.8l-166.4-166.4c-19.2-19.2-19.2-51.2 0-64 19.2-19.2 44.8-19.2 64 0l115.2 115.2v-608h128v384h64v-384h128v608l115.2-115.2c19.2-19.2 44.8-19.2 64 0 19.2 12.8 19.2 44.8 0 64z" />
+<glyph unicode="" glyph-name="medal" data-tags="medal" d="M640 179.2c-19.2 0-32 6.4-51.2 12.8l-76.8 32-76.8-32c-12.8-6.4-32-12.8-51.2-12.8-12.8 0-19.2 0-32 6.4l-32-249.6 192 128 192-128-38.4 249.6c-6.4-6.4-19.2-6.4-25.6-6.4zM825.6 582.4c-6.4 12.8-6.4 32 0 44.8l38.4 76.8c12.8 25.6 0 57.6-32 70.4l-83.2 32c-12.8 6.4-25.6 19.2-32 32l-32 83.2c-6.4 25.6-25.6 38.4-44.8 38.4-6.4 0-19.2 0-25.6-6.4l-83.2-38.4c-6.4 0-12.8 0-19.2 0s-12.8 0-19.2 6.4l-83.2 32c-6.4 6.4-19.2 6.4-25.6 6.4-19.2 0-38.4-12.8-51.2-32l-32-89.6c0-12.8-12.8-25.6-25.6-32l-89.6-32c-25.6-6.4-38.4-38.4-25.6-70.4l38.4-83.2c6.4-12.8 6.4-32 0-44.8l-38.4-76.8c-12.8-25.6 0-57.6 32-70.4l83.2-32c12.8-6.4 25.6-19.2 32-32l32-83.2c6.4-25.6 25.6-38.4 44.8-38.4 6.4 0 12.8 0 19.2 6.4l83.2 38.4c6.4 0 12.8 6.4 19.2 6.4s12.8 0 19.2-6.4l83.2-38.4c6.4-6.4 12.8-6.4 19.2-6.4 19.2 0 38.4 12.8 51.2 32l32 83.2c6.4 12.8 19.2 25.6 32 32l83.2 32c25.6 12.8 44.8 44.8 32 70.4l-32 89.6zM512 345.6c-140.8 0-256 115.2-256 256s115.2 256 256 256 256-115.2 256-256c0-140.8-115.2-256-256-256zM704 601.6c0-106.039-85.961-192-192-192s-192 85.961-192 192c0 106.039 85.961 192 192 192s192-85.961 192-192z" />
+<glyph unicode="" glyph-name="megafone" data-tags="megafone" d="M992 614.4l-32 25.6v256c0 38.4-25.6 64-64 64s-64-25.6-64-64v-32c-128-57.6-320-160-512-160h-160c-89.6 0-160-76.8-160-160 0-57.6 32-108.8 76.8-134.4l70.4-377.6c0-19.2 19.2-32 44.8-32 6.4 0 6.4 0 12.8 0l230.4 44.8c25.6 6.4 38.4 25.6 32 44.8-19.2 38.4-51.2 96-76.8 115.2-12.8 6.4-32 57.6-44.8 115.2h38.4v57.6c172.8-19.2 384-102.4 448-153.6v-32c0-38.4 25.6-64 64-64s64 25.6 64 64v256l25.6 19.2c25.6 19.2 38.4 44.8 38.4 70.4v12.8c0 25.6-12.8 44.8-32 64zM128 640h192v-64h-192v64zM358.4 153.6c6.4 0 19.2-19.2 32-44.8l-179.2-44.8-64 320h121.6c12.8-83.2 38.4-204.8 89.6-230.4zM832 300.8c-102.4 51.2-281.6 128-448 147.2v192c166.4 19.2 345.6 89.6 448 147.2v-486.4z" />
+<glyph unicode="" glyph-name="meh-o2" data-tags="meh-o" d="M512 896c249.6 0 448-198.4 448-448s-198.4-448-448-448-448 198.4-448 448 198.4 448 448 448zM512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512v0zM448 576c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64zM704 576c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64zM256 320h512v-64h-512v64z" />
+<glyph unicode="" glyph-name="money2" data-tags="money" d="M960 704v-512h-896v512h896zM1024 768h-1024v-640h1024v640zM512 640c108.8 0 192-83.2 192-192s-83.2-192-192-192h320v64h64v256h-64v64h-320zM320 448c0 108.8 83.2 192 192 192h-320v-64h-64v-256h64v-64h320c-108.8 0-192 83.2-192 192z" />
+<glyph unicode="" glyph-name="package" data-tags="package" d="M512 960l-512-128v-640l512-256 512 256v640l-512 128zM512 896l134.4-32-377.6-121.6-147.2 51.2 390.4 102.4zM512 6.4l-448 224v518.4l192-64v-217.6l64-19.2v211.2l192-64v-588.8zM544 652.8l-172.8 57.6 396.8 121.6 153.6-38.4-377.6-140.8z" />
+<glyph unicode="" glyph-name="paintbrush" data-tags="paintbrush" d="M358.4 217.6l-76.8 76.8c-51.2 12.8-128 6.4-172.8-64-51.2-70.4-19.2-179.2-108.8-294.4 0 0 224 0 307.2 83.2 76.8 76.8 76.8 140.8 64 192l-12.8 6.4zM371.2 441.6c-12.8-19.2-32-44.8-44.8-64 0-12.8-6.4-19.2-12.8-25.6l96-96c6.4 6.4 19.2 12.8 25.6 19.2 19.2 12.8 44.8 25.6 64 44.8 25.6 0 38.4 12.8 51.2 25.6l-140.8 140.8c-12.8-12.8-25.6-25.6-38.4-44.8zM1011.2 947.2c-19.2 19.2-44.8 19.2-64 6.4 0 0-192-160-377.6-326.4-25.6-25.6-44.8-44.8-70.4-64-12.8-12.8-25.6-25.6-38.4-32l134.4-134.4c12.8 12.8 25.6 25.6 32 44.8 19.2 25.6 38.4 44.8 57.6 70.4 160 192 326.4 377.6 326.4 377.6 19.2 12.8 19.2 38.4 0 57.6z" />
+<glyph unicode="" glyph-name="sliders" data-tags="sliders" d="M448 960h128v-192h-128v192zM384 704v-192h64v-576h128v576h64v192zM128 960h128v-512h-128v512zM64 384v-192h64v-256h128v256h64v192zM768 960h128v-640h-128v640zM704 256v-192h64v-128h128v128h64v192z" />
+<glyph unicode="" glyph-name="sliders22" data-tags="sliders" d="M448 960h128v-192h-128v192zM384 704v-192h64v-576h128v576h64v192zM128 960h128v-512h-128v512zM64 384v-192h64v-256h128v256h64v192zM768 960h128v-640h-128v640zM704 256v-192h64v-128h128v128h64v192z" />
+<glyph unicode="" glyph-name="paperplane" data-tags="paperplane" d="M0 448l313.6-89.6h6.4v6.4l454.4 339.2-70.4-76.8-396.8-422.4 12.8-204.8 185.6 204.8 134.4-268.8 384 1024z" />
+<glyph unicode="" glyph-name="paperplane2" data-tags="paperplane" d="M1024 960l-1024-512 300.8-102.4 19.2-345.6 160 179.2 160-243.2 384 1024zM480 294.4l275.2 377.6-396.8-275.2-192 64 742.4 371.2-288-755.2-140.8 217.6z" />
+<glyph unicode="" glyph-name="paragraph2" data-tags="paragraph" d="M352 960c-160 0-288-128-288-288s128-288 288-288h160v-448h128v896h64v-896h128v896h128v128h-608z" />
+<glyph unicode="" glyph-name="paste2" data-tags="paste" d="M832 704h-192v256h-640v-896h384v-128h640v576l-192 192zM192 896h256v-64h-256v64zM960 0h-512v640h320v-192h192v-448zM832 512v128l128-128h-128z" />
+<glyph unicode="" glyph-name="pie-chart22" data-tags="pie-chart" d="M576 896c204.8-12.8 364.8-179.2 384-384h-384v384zM544 960c-12.8 0-19.2 0-32 0v-512h512c0 12.8 0 19.2 0 32 0 262.4-217.6 480-480 480v0zM448 384v512c-249.6-19.2-448-224-448-480 0-262.4 217.6-480 480-480 256 0 460.8 198.4 480 448h-512z" />
+<glyph unicode="" glyph-name="pin-post" data-tags="pin-post" d="M576 768c0 0 0 0 0 0 0 108.8 64 128 64 128v64h-320v-64c0 0 64-19.2 64-128 0 0 0 0 0 0h-384v-832h960v832h-384zM896 0h-832v704h256v-64h128v-128h64v128h128v64h256v-704z" />
+<glyph unicode="" glyph-name="presentation" data-tags="presentation" d="M1024 896h-448v64h-128v-64h-448v-704h320l-128-256h140.8l128 256h96l128-256h147.2l-128 256h320v704zM960 256h-896v576h896v-576zM384 704v-320l256 160z" />
+<glyph unicode="" glyph-name="qrcode2" data-tags="qrcode" d="M384 960h-384v-384h384v384zM320 640h-256v256h256v-256zM128 832h128v-128h-128v128zM0-64h384v384h-384v-384zM64 256h256v-256h-256v256zM128 192h128v-128h-128v128zM640 960v-384h384v384h-384zM960 640h-256v256h256v-256zM768 832h128v-128h-128v128zM128 512h-128v-128h192v64h-64zM448 384h128v-128h-128v128zM192 512h128v-64h-128v64zM576 192h-128v-64h64v-64h64v64zM384 512v-64h-64v-64h128v128zM512 704h64v-128h-64v128zM576 448v-64h128v128h-192v-64zM448 576h64v-64h-64v64zM576 64h128v-128h-128v128zM448 64h64v-128h-64v128zM576 256h64v-64h-64v64zM576 768v128h-64v64h-64v-256h64v64zM768 64h64v-128h-64v128zM768 192h128v-64h-128v64zM704 128h64v-64h-64v64zM640 192h64v-64h-64v64zM896 320v-64h64v-64h64v128h-64zM960 128h-64v-192h128v128h-64zM640 320v-64h192v128h-128v-64zM768 512v-64h128v-64h128v128h-128z" />
+<glyph unicode="" glyph-name="quote-left2" data-tags="quote-left" d="M448 512v-448h-448v454.4c0 307.2 288 345.6 288 345.6l38.4-89.6c0 0-128-19.2-153.6-121.6-25.6-76.8 25.6-140.8 25.6-140.8h249.6zM1024 512v-448h-448v454.4c0 307.2 288 345.6 288 345.6l38.4-89.6c0 0-128-19.2-153.6-121.6-25.6-76.8 25.6-140.8 25.6-140.8h249.6z" />
+<glyph unicode="" glyph-name="quote-right2" data-tags="quote-right" d="M576 384v448h448v-454.4c0-307.2-288-345.6-288-345.6l-38.4 89.6c0 0 128 19.2 153.6 121.6 25.6 76.8-25.6 140.8-25.6 140.8h-249.6zM0 384v448h448v-454.4c0-307.2-288-345.6-288-345.6l-38.4 89.6c0 0 128 19.2 153.6 121.6 25.6 76.8-25.6 140.8-25.6 140.8h-249.6z" />
+<glyph unicode="" glyph-name="raster-lower-left" data-tags="raster-lower-left" d="M960 512h64v-64h-64v64zM832 512h64v-64h-64v64zM704 512h64v-64h-64v64zM576 512h64v-64h-64v64zM896 576h64v-64h-64v64zM768 576h64v-64h-64v64zM640 576h64v-64h-64v64zM960 640h64v-64h-64v64zM832 640h64v-64h-64v64zM704 640h64v-64h-64v64zM896 704h64v-64h-64v64zM768 704h64v-64h-64v64zM960 768h64v-64h-64v64zM832 768h64v-64h-64v64zM896 832h64v-64h-64v64zM960 896h64v-64h-64v64zM448 0h64v-64h-64v64zM320 0h64v-64h-64v64zM192 0h64v-64h-64v64zM64 0h64v-64h-64v64zM384 64h64v-64h-64v64zM256 64h64v-64h-64v64zM128 64h64v-64h-64v64zM448 128h64v-64h-64v64zM320 128h64v-64h-64v64zM192 128h64v-64h-64v64zM384 192h64v-64h-64v64zM256 192h64v-64h-64v64zM448 256h64v-64h-64v64zM320 256h64v-64h-64v64zM384 320h64v-64h-64v64zM448 384h64v-64h-64v64zM960 0h64v-64h-64v64zM832 0h64v-64h-64v64zM704 0h64v-64h-64v64zM576 0h64v-64h-64v64zM896 64h64v-64h-64v64zM768 64h64v-64h-64v64zM640 64h64v-64h-64v64zM512 64h64v-64h-64v64zM960 128h64v-64h-64v64zM832 128h64v-64h-64v64zM704 128h64v-64h-64v64zM576 128h64v-64h-64v64zM896 192h64v-64h-64v64zM768 192h64v-64h-64v64zM640 192h64v-64h-64v64zM512 192h64v-64h-64v64zM960 256h64v-64h-64v64zM832 256h64v-64h-64v64zM704 256h64v-64h-64v64zM576 256h64v-64h-64v64zM896 320h64v-64h-64v64zM768 320h64v-64h-64v64zM640 320h64v-64h-64v64zM512 320h64v-64h-64v64zM960 384h64v-64h-64v64zM832 384h64v-64h-64v64zM704 384h64v-64h-64v64zM576 384h64v-64h-64v64zM896 448h64v-64h-64v64zM768 448h64v-64h-64v64zM640 448h64v-64h-64v64zM512 448h64v-64h-64v64z" />
+<glyph unicode="" glyph-name="raster" data-tags="raster" d="M448 512h64v-64h-64v64zM320 512h64v-64h-64v64zM192 512h64v-64h-64v64zM64 512h64v-64h-64v64zM384 576h64v-64h-64v64zM256 576h64v-64h-64v64zM128 576h64v-64h-64v64zM0 576h64v-64h-64v64zM448 640h64v-64h-64v64zM320 640h64v-64h-64v64zM192 640h64v-64h-64v64zM64 640h64v-64h-64v64zM384 704h64v-64h-64v64zM256 704h64v-64h-64v64zM128 704h64v-64h-64v64zM0 704h64v-64h-64v64zM448 768h64v-64h-64v64zM320 768h64v-64h-64v64zM192 768h64v-64h-64v64zM64 768h64v-64h-64v64zM384 832h64v-64h-64v64zM256 832h64v-64h-64v64zM128 832h64v-64h-64v64zM0 832h64v-64h-64v64zM448 896h64v-64h-64v64zM320 896h64v-64h-64v64zM192 896h64v-64h-64v64zM64 896h64v-64h-64v64zM384 960h64v-64h-64v64zM256 960h64v-64h-64v64zM128 960h64v-64h-64v64zM0 960h64v-64h-64v64zM960 512h64v-64h-64v64zM832 512h64v-64h-64v64zM704 512h64v-64h-64v64zM576 512h64v-64h-64v64zM896 576h64v-64h-64v64zM768 576h64v-64h-64v64zM640 576h64v-64h-64v64zM512 576h64v-64h-64v64zM960 640h64v-64h-64v64zM832 640h64v-64h-64v64zM704 640h64v-64h-64v64zM576 640h64v-64h-64v64zM896 704h64v-64h-64v64zM768 704h64v-64h-64v64zM640 704h64v-64h-64v64zM512 704h64v-64h-64v64zM960 768h64v-64h-64v64zM832 768h64v-64h-64v64zM704 768h64v-64h-64v64zM576 768h64v-64h-64v64zM896 832h64v-64h-64v64zM768 832h64v-64h-64v64zM640 832h64v-64h-64v64zM512 832h64v-64h-64v64zM960 896h64v-64h-64v64zM832 896h64v-64h-64v64zM704 896h64v-64h-64v64zM576 896h64v-64h-64v64zM896 960h64v-64h-64v64zM768 960h64v-64h-64v64zM640 960h64v-64h-64v64zM512 960h64v-64h-64v64zM448 0h64v-64h-64v64zM320 0h64v-64h-64v64zM192 0h64v-64h-64v64zM64 0h64v-64h-64v64zM384 64h64v-64h-64v64zM256 64h64v-64h-64v64zM128 64h64v-64h-64v64zM0 64h64v-64h-64v64zM448 128h64v-64h-64v64zM320 128h64v-64h-64v64zM192 128h64v-64h-64v64zM64 128h64v-64h-64v64zM384 192h64v-64h-64v64zM256 192h64v-64h-64v64zM128 192h64v-64h-64v64zM0 192h64v-64h-64v64zM448 256h64v-64h-64v64zM320 256h64v-64h-64v64zM192 256h64v-64h-64v64zM64 256h64v-64h-64v64zM384 320h64v-64h-64v64zM256 320h64v-64h-64v64zM128 320h64v-64h-64v64zM0 320h64v-64h-64v64zM448 384h64v-64h-64v64zM320 384h64v-64h-64v64zM192 384h64v-64h-64v64zM64 384h64v-64h-64v64zM384 448h64v-64h-64v64zM256 448h64v-64h-64v64zM128 448h64v-64h-64v64zM0 448h64v-64h-64v64zM960 0h64v-64h-64v64zM832 0h64v-64h-64v64zM704 0h64v-64h-64v64zM576 0h64v-64h-64v64zM896 64h64v-64h-64v64zM768 64h64v-64h-64v64zM640 64h64v-64h-64v64zM512 64h64v-64h-64v64zM960 128h64v-64h-64v64zM832 128h64v-64h-64v64zM704 128h64v-64h-64v64zM576 128h64v-64h-64v64zM896 192h64v-64h-64v64zM768 192h64v-64h-64v64zM640 192h64v-64h-64v64zM512 192h64v-64h-64v64zM960 256h64v-64h-64v64zM832 256h64v-64h-64v64zM704 256h64v-64h-64v64zM576 256h64v-64h-64v64zM896 320h64v-64h-64v64zM768 320h64v-64h-64v64zM640 320h64v-64h-64v64zM512 320h64v-64h-64v64zM960 384h64v-64h-64v64zM832 384h64v-64h-64v64zM704 384h64v-64h-64v64zM576 384h64v-64h-64v64zM896 448h64v-64h-64v64zM768 448h64v-64h-64v64zM640 448h64v-64h-64v64zM512 448h64v-64h-64v64z" />
+<glyph unicode="" glyph-name="recycle2" data-tags="recycle" d="M512 761.6l89.6-140.8-102.4-70.4 83.2-19.2 179.2-38.4 38.4 172.8 25.6 89.6-115.2-70.4-128 211.2h-140.8l-166.4-275.2 108.8-64zM1024 192l-172.8 275.2-108.8-64 128-211.2h-166.4v128l-192-192 192-192v128h236.8zM153.6 192v0l89.6 147.2 108.8-70.4-57.6 268.8-179.2-44.8-83.2-19.2 102.4-64-134.4-217.6 83.2-128h364.8v128z" />
+<glyph unicode="" glyph-name="road2" data-tags="road" d="M576 256v-256h448l-256 896h-192v-192h-128v192h-192l-256-896h448v256h128zM448 576h128v-192h-128v192z" />
+<glyph unicode="" glyph-name="rocket2" data-tags="rocket" d="M1024 960c0 0-224 25.6-428.8-179.2-102.4-96-185.6-224-249.6-339.2l-160 38.4-102.4-102.4 179.2-89.6c-19.2-38.4-25.6-64-25.6-64l51.2-51.2c0 0 25.6 12.8 64 25.6l89.6-179.2 102.4 102.4-32 160c108.8 64 243.2 147.2 339.2 243.2 198.4 204.8 172.8 435.2 172.8 435.2zM819.2 652.8c-25.6-25.6-70.4-25.6-102.4 0-25.6 25.6-25.6 70.4 0 102.4 25.6 25.6 70.4 25.6 102.4 0 25.6-25.6 25.6-70.4 0-102.4zM256 51.2c-51.2-51.2-166.4-25.6-166.4-25.6s-25.6 115.2 25.6 166.4c51.2 51.2 96 57.6 96 57.6s-83.2 19.2-134.4-38.4c-102.4-102.4-64-268.8-64-268.8s166.4-38.4 268.8 64c57.6 57.6 38.4 140.8 38.4 140.8s-12.8-44.8-64-96z" />
+<glyph unicode="" glyph-name="rss-square2" data-tags="rss-square" d="M0 960v-1024h1024v1024h-1024zM230.4 64c-57.6 0-102.4 44.8-102.4 102.4s44.8 102.4 102.4 102.4 102.4-44.8 102.4-102.4-38.4-102.4-102.4-102.4zM486.4 64c0 198.4-160 358.4-358.4 358.4v153.6c281.6 0 512-230.4 512-512h-153.6zM742.4 64c0 339.2-275.2 614.4-614.4 614.4v153.6c422.4 0 768-345.6 768-768h-153.6z" />
+<glyph unicode="" glyph-name="rss2" data-tags="rss" d="M281.6 76.8c0-77.762-63.038-140.8-140.8-140.8s-140.8 63.038-140.8 140.8c0 77.762 63.038 140.8 140.8 140.8s140.8-63.038 140.8-140.8zM678.4-64h-198.4c0 262.4-217.6 480-480 480v0 198.4c377.6 0 678.4-300.8 678.4-678.4zM819.2-64c0 454.4-364.8 819.2-819.2 819.2v204.8c563.2 0 1024-460.8 1024-1024h-204.8z" />
+<glyph unicode="" glyph-name="safe-lock" data-tags="safe-lock" d="M480 960c-262.4 0-480-217.6-480-480s217.6-480 480-480 480 217.6 480 480-217.6 480-480 480zM851.2 294.4c-12.8-32-32-57.6-57.6-83.2l-89.6 89.6c32 38.4 57.6 89.6 57.6 147.2h128c0-32-6.4-64-19.2-96l-57.6 25.6-25.6-57.6 64-25.6zM646.4 166.4l-57.6-25.6 25.6-57.6c-38.4-6.4-70.4-12.8-102.4-19.2v128c57.6 6.4 102.4 25.6 147.2 57.6l89.6-89.6c-25.6-19.2-51.2-38.4-83.2-57.6l-19.2 64zM313.6 166.4l-25.6-57.6c-32 12.8-57.6 32-83.2 57.6l96 89.6c38.4-32 89.6-57.6 147.2-57.6v-128c-32 0-64 6.4-96 19.2l25.6 57.6-64 19.2zM198.4 512h-134.4c0 32 6.4 64 19.2 96l57.6-25.6 25.6 57.6-57.6 25.6c12.8 32 32 57.6 57.6 83.2l89.6-89.6c-32-44.8-57.6-89.6-57.6-147.2zM313.6 793.6l57.6 25.6-19.2 57.6c32 6.4 64 12.8 96 19.2v-128c-57.6-6.4-102.4-32-147.2-64l-89.6 89.6c25.6 19.2 51.2 38.4 83.2 57.6l19.2-57.6zM851.2 665.6l-57.6-25.6 25.6-57.6 57.6 25.6c6.4-32 12.8-64 19.2-96h-128c-6.4 57.6-25.6 102.4-64 147.2l-89.6-89.6c12.8-25.6 25.6-57.6 25.6-89.6 0-89.6-70.4-160-160-160s-160 70.4-160 160c0 89.6 70.4 160 160 160 32 0 64-12.8 89.6-25.6l89.6 89.6c-44.8 32-89.6 57.6-147.2 64v128c32 0 64-6.4 96-19.2l-25.6-57.6 57.6-25.6 25.6 57.6c32-12.8 57.6-32 83.2-57.6l-89.6-89.6 44.8-44.8 89.6 89.6c25.6-25.6 44.8-51.2 57.6-83.2zM108.8 294.4l57.6 25.6-25.6 57.6-57.6-25.6c-6.4 32-12.8 64-19.2 96h128c6.4-57.6 32-102.4 64-147.2l-89.6-89.6c-25.6 25.6-44.8 51.2-57.6 83.2zM576 480c0-53.019-42.981-96-96-96s-96 42.981-96 96c0 53.019 42.981 96 96 96s96-42.981 96-96z" />
+<glyph unicode="" glyph-name="safe" data-tags="safe" d="M64 960v-1024h192v64h512v-64h192v1024h-896zM896 320h-64v320h64v-320zM896 768h-64v64h-640v-704h640v64h64v-128h-768v832h768v-128zM544 480c0-70.4-57.6-128-128-128s-128 57.6-128 128 57.6 128 128 128 128-57.6 128-128zM480 480c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64z" />
+<glyph unicode="" glyph-name="share-square2" data-tags="share-square" d="M704 768h-230.4c0 0-281.6 12.8-281.6-275.2 0-224 128-428.8 128-428.8s-25.6 448 147.2 448h236.8v-192l320 320-320 320v-192zM896 384v-384h-832v832h576v64h-640v-960h960v512z" />
+<glyph unicode="" glyph-name="shield2" data-tags="shield" d="M64 960c0 0 0-204.8 0-448 0-358.4 448-576 448-576s448 217.6 448 576c0 243.2 0 448 0 448h-896zM896 512c0-268.8-294.4-454.4-384-505.6v889.6h384v-384z" />
+<glyph unicode="" glyph-name="smiley-o" data-tags="smiley-o" d="M512 896c249.6 0 448-198.4 448-448s-198.4-448-448-448-448 198.4-448 448 198.4 448 448 448zM512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512v0zM512 115.2c-128 0-243.2 76.8-294.4 198.4l57.6 25.6c38.4-96 134.4-153.6 236.8-153.6s198.4 64 236.8 153.6l57.6-25.6c-51.2-128-166.4-198.4-294.4-198.4zM448 576c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64zM704 576c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64z" />
+<glyph unicode="" glyph-name="spinner-arc" data-tags="spinner-arc" d="M960 448c0-249.6-198.4-448-448-448s-448 192-448 448h-64c0-256 230.4-512 512-512s512 230.4 512 512h-64z" />
+<glyph unicode="" glyph-name="spinner-third" data-tags="spinner-third" d="M825.6 761.6c83.2-76.8 134.4-192 134.4-313.6 0-249.6-198.4-448-448-448s-448 198.4-448 448c0 121.6 51.2 236.8 134.4 313.6l-51.2 51.2c-89.6-96-147.2-224-147.2-364.8 0-281.6 230.4-512 512-512s512 230.4 512 512c0 140.8-57.6 268.8-147.2 364.8l-51.2-51.2z" />
+<glyph unicode="" glyph-name="spinner2" data-tags="spinner" d="M633.6 947.2l-12.8-64c192-51.2 339.2-224 339.2-435.2 0-249.6-198.4-448-448-448s-448 198.4-448 448c0 211.2 147.2 384 339.2 435.2l-12.8 64c-224-57.6-390.4-262.4-390.4-499.2 0-281.6 230.4-512 512-512s512 230.4 512 512c0 236.8-166.4 441.6-390.4 499.2z" />
+<glyph unicode="" glyph-name="subscript2" data-tags="subscript" d="M1024 0v-64h-256v64c0 0 211.2 102.4 166.4 204.8-32 70.4-128 12.8-128 12.8l-32 57.6c0 0 121.6 89.6 198.4 12.8 153.6-147.2-89.6-288-89.6-288h140.8zM768 768h-217.6l-166.4-192-166.4 192h-217.6l275.2-320-275.2-320h217.6l166.4 192 166.4-192h217.6l-275.2 320z" />
+<glyph unicode="" glyph-name="superscript2" data-tags="superscript" d="M1024 640v-64h-256v64c0 0 211.2 102.4 166.4 204.8-32 70.4-128 12.8-128 12.8l-32 57.6c0 0 121.6 89.6 198.4 12.8 153.6-147.2-89.6-288-89.6-288h140.8zM768 768h-217.6l-166.4-192-166.4 192h-217.6l275.2-320-275.2-320h217.6l166.4 192 166.4-192h217.6l-275.2 320z" />
+<glyph unicode="" glyph-name="tag2" data-tags="tag" d="M448 832h-384v-384l448-448 384 384-448 448zM243.2 576c-44.8 0-83.2 38.4-83.2 76.8s38.4 76.8 76.8 76.8 83.2-32 83.2-76.8-38.4-76.8-76.8-76.8z" />
+<glyph unicode="" glyph-name="tags2" data-tags="tags" d="M576 832h-96l448-448-339.2-332.8 51.2-51.2 384 384zM384 832h-384v-384l448-448 384 384-448 448zM179.2 576c-44.8 0-83.2 38.4-83.2 76.8s38.4 76.8 76.8 76.8 83.2-32 83.2-76.8-38.4-76.8-76.8-76.8z" />
+<glyph unicode="" glyph-name="archive" data-tags="archive" d="M0 896h1024v-192h-1024v192zM64 640v-704h896v704h-896zM704 384h-384v128h384v-128z" />
+<glyph unicode="" glyph-name="archive22" data-tags="archive" d="M0 896h1024v-192h-1024v192zM64 640v-704h896v704h-896zM704 384h-384v128h384v-128z" />
+<glyph unicode="" glyph-name="terminal2" data-tags="terminal" d="M384 192h576v-64h-576v64zM70.4 128h76.8l236.8 320-236.8 320h-83.2l243.2-320z" />
+<glyph unicode="" glyph-name="thumbs-down-o" data-tags="thumbs-down-o" d="M998.4 492.8c6.4 19.2 19.2 44.8 12.8 76.8 0 38.4-19.2 70.4-32 83.2 6.4 19.2 6.4 38.4 0 70.4s-25.6 51.2-38.4 64c6.4 19.2 6.4 51.2-19.2 89.6-25.6 64-76.8 83.2-230.4 83.2-108.8 0-211.2-51.2-294.4-96-25.6-12.8-64-32-76.8-32v0h-320v-576h320v57.6l172.8-172.8 64-179.2c12.8-12.8 25.6-25.6 51.2-25.6h6.4c0 0 0 0 0 0 32 0 128 6.4 153.6 121.6 12.8 57.6-6.4 140.8-32 198.4h147.2c44.8 6.4 134.4 38.4 140.8 134.4 0 44.8-12.8 83.2-25.6 102.4zM160 480c38.4 0 64-25.6 64-64s-25.6-64-64-64-64 25.6-64 64c0 38.4 25.6 64 64 64zM883.2 320h-160c-19.2 0-32-6.4-44.8-25.6-12.8-12.8-12.8-32-6.4-51.2 32-76.8 44.8-140.8 38.4-179.2-12.8-57.6-57.6-70.4-89.6-70.4l-64 172.8c0 6.4-6.4 12.8-12.8 19.2l-185.6 185.6c-6.4 6.4-19.2 12.8-32 12.8h-6.4v384c25.6 0 51.2 12.8 108.8 38.4 70.4 38.4 172.8 89.6 262.4 89.6 160 0 172.8-25.6 185.6-44.8 19.2-32 6.4-57.6 6.4-57.6l-12.8-25.6 25.6-19.2c0 0 25.6-12.8 32-44.8 6.4-25.6 0-44.8 0-44.8l-19.2-19.2 19.2-19.2c0 0 25.6-19.2 25.6-57.6 0-32-12.8-44.8-12.8-44.8l-25.6-19.2 25.6-25.6c0 0 25.6-25.6 19.2-76.8 0-70.4-70.4-76.8-76.8-76.8z" />
+<glyph unicode="" glyph-name="thumbs-down2" data-tags="thumbs-down" d="M998.4 460.8c0 0 32-32 25.6-102.4 0-96-102.4-102.4-102.4-102.4h-153.6c-12.8 0-19.2-12.8-19.2-25.6 19.2-44.8 51.2-134.4 38.4-198.4-19.2-89.6-96-96-121.6-96-6.4 0-12.8 6.4-12.8 12.8l-64 179.2c0 0 0 6.4-6.4 6.4l-166.4 179.2c-6.4 6.4-12.8 6.4-19.2 6.4h-12.8v448h12.8c44.8 0 204.8 128 345.6 128s172.8-19.2 198.4-64c25.6-44.8 6.4-83.2 6.4-83.2s32-19.2 38.4-64c6.4-44.8-6.4-70.4-6.4-70.4s32-25.6 32-76.8c6.4-57.6-12.8-76.8-12.8-76.8zM0 256h320v512h-320v-512zM160 480c38.4 0 64-25.6 64-64s-25.6-64-64-64-64 25.6-64 64c0 38.4 25.6 64 64 64z" />
+<glyph unicode="" glyph-name="thumbs-up-o" data-tags="thumbs-up-o" d="M1024 505.6c0 96-89.6 134.4-140.8 134.4h-140.8c25.6 64 44.8 140.8 32 198.4-32 115.2-128 121.6-160 121.6h-6.4c-25.6 0-38.4-12.8-51.2-32l-64-179.2-172.8-172.8h-320v-576h320v64c12.8 0 44.8-19.2 76.8-38.4 76.8-38.4 185.6-96 288-96 153.6 0 204.8 19.2 243.2 83.2 19.2 38.4 19.2 70.4 19.2 89.6 12.8 12.8 32 32 38.4 64s6.4 51.2 0 70.4c12.8 19.2 25.6 44.8 32 83.2 0 32-6.4 57.6-12.8 76.8 6.4 25.6 19.2 57.6 19.2 108.8zM160 96c-38.4 0-64 25.6-64 64s25.6 64 64 64 64-25.6 64-64c0-38.4-25.6-64-64-64zM940.8 377.6c0 0 12.8-12.8 12.8-44.8 0-38.4-25.6-57.6-25.6-57.6l-19.2-19.2 12.8-19.2c0 0 12.8-19.2 0-44.8-6.4-25.6-32-44.8-32-44.8l-19.2-19.2 12.8-25.6c0 0 12.8-25.6-6.4-57.6-12.8-25.6-25.6-44.8-185.6-44.8-89.6 0-192 51.2-262.4 89.6-51.2 25.6-83.2 38.4-108.8 38.4v0 384h6.4c12.8 0 25.6 6.4 38.4 12.8l179.2 179.2c6.4 6.4 6.4 12.8 12.8 19.2l64 172.8c32 0 76.8-12.8 89.6-70.4 6.4-38.4-6.4-102.4-38.4-179.2-6.4-19.2-6.4-32 6.4-51.2 6.4-12.8 25.6-19.2 44.8-19.2h160c6.4 0 76.8-12.8 76.8-70.4 0-51.2-19.2-76.8-19.2-76.8l-19.2-25.6 19.2-25.6z" />
+<glyph unicode="" glyph-name="thumbs-up2" data-tags="thumbs-up" d="M998.4 435.2c0 0 32 32 25.6 102.4 0 96-102.4 102.4-102.4 102.4h-153.6c-12.8 0-19.2 12.8-19.2 25.6 19.2 44.8 51.2 134.4 38.4 198.4-19.2 89.6-96 96-121.6 96-6.4 0-12.8-6.4-12.8-12.8l-64-179.2c0 0 0-6.4-6.4-6.4l-166.4-179.2c-6.4-6.4-12.8-6.4-19.2-6.4h-12.8v-448h12.8c44.8 0 204.8-128 345.6-128s172.8 19.2 198.4 64c25.6 44.8 6.4 83.2 6.4 83.2s32 19.2 38.4 64c6.4 44.8-6.4 70.4-6.4 70.4s32 25.6 32 76.8c6.4 57.6-12.8 76.8-12.8 76.8zM0 64h320v512h-320v-512zM160 288c38.4 0 64-25.6 64-64s-25.6-64-64-64-64 25.6-64 64c0 38.4 25.6 64 64 64z" />
+<glyph unicode="" glyph-name="truck2" data-tags="truck" d="M384 768h640v-448h-640v448zM960 64c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128s128-57.308 128-128zM832 256c83.2 0 153.6-51.2 179.2-128h12.8v128h-192zM320 640h-256l-64-256v-256h76.8c25.6 76.8 96 128 179.2 128s153.6-51.2 179.2-128h217.6c25.6 76.8 96 128 179.2 128h-512v384zM256 384h-192l51.2 192h140.8v-192zM384 64c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128s128-57.308 128-128z" />
+<glyph unicode="" glyph-name="twitter-square2" data-tags="twitter-square" d="M0 960v-1024h1024v1024h-1024zM819.2 601.6c0-6.4 0-12.8 0-19.2 0-211.2-160-448-448-448-89.6 0-172.8 25.6-243.2 70.4 12.8 0 25.6 0 38.4 0 76.8 0 140.8 25.6 198.4 70.4-70.4 0-128 44.8-147.2 108.8 12.8 0 19.2 0 32 0s25.6 0 38.4 6.4c-70.4 12.8-128 76.8-128 153.6 0 0 0 0 0 0 19.2-12.8 44.8-19.2 70.4-19.2-44.8 25.6-70.4 76.8-70.4 128 0 32 6.4 57.6 19.2 76.8 76.8-96 198.4-153.6 326.4-160 0 12.8-6.4 25.6-6.4 38.4 0 89.6 70.4 160 160 160 44.8 0 83.2-19.2 115.2-51.2 38.4 6.4 70.4 19.2 102.4 38.4-12.8-38.4-38.4-70.4-70.4-89.6 32 6.4 64 12.8 89.6 25.6-19.2-38.4-44.8-64-76.8-89.6z" />
+<glyph unicode="" glyph-name="twitter2" data-tags="twitter" d="M1024 768c-38.4-19.2-76.8-25.6-121.6-32 44.8 25.6 76.8 64 89.6 115.2-38.4-25.6-83.2-38.4-134.4-51.2-38.4 38.4-96 64-153.6 64-108.8 0-204.8-96-204.8-211.2 0-19.2 0-32 6.4-44.8-172.8 6.4-332.8 89.6-435.2 217.6-19.2-32-25.6-64-25.6-108.8 0-70.4 38.4-134.4 96-172.8-32 0-64 12.8-96 25.6 0 0 0 0 0 0 0-102.4 70.4-185.6 166.4-204.8-19.2-6.4-38.4-6.4-57.6-6.4-12.8 0-25.6 0-38.4 6.4 25.6-83.2 102.4-147.2 198.4-147.2-70.4-57.6-160-89.6-262.4-89.6-19.2 0-32 0-51.2 0 96-57.6 204.8-96 320-96 384 0 595.2 320 595.2 595.2 0 6.4 0 19.2 0 25.6 44.8 32 83.2 70.4 108.8 115.2z" />
+<glyph unicode="" glyph-name="umbrella2" data-tags="umbrella" d="M512 889.6v70.4h-64v-70.4c-396.8-25.6-448-441.6-448-441.6h6.4c12.8 0 76.8 64 153.6 64s140.8-64 153.6-64h6.4c19.2 0 64 44.8 128 57.6v-441.6c0-44.8 12.8-76.8 38.4-102.4 19.2-19.2 44.8-25.6 57.6-25.6 0 0 6.4 0 6.4 0 12.8 0 32 0 51.2 19.2 25.6 19.2 38.4 57.6 38.4 108.8h-64c0 0 0-64-32-64s-32 64-32 64v441.6c64-12.8 108.8-57.6 121.6-57.6h6.4c12.8 0 76.8 64 153.6 64s140.8-64 153.6-64h12.8c0 0-44.8 422.4-448 441.6z" />
+<glyph unicode="" glyph-name="book" data-tags="book" d="M806.4 800c-102.4 76.8-102.4 160-102.4 160h-576v-800c0-121.6 102.4-224 224-224h544v832c0 0-64 12.8-89.6 32zM256 832h320v-128h-320v128zM832 0h-480c-64 0-115.2 38.4-128 83.2-6.4 25.6 0 44.8 25.6 44.8h454.4v659.2c25.6-38.4 76.8-70.4 128-83.2v-704z" />
+<glyph unicode="" glyph-name="book3" data-tags="book" d="M806.4 800c-102.4 76.8-102.4 160-102.4 160h-576v-800c0-121.6 102.4-224 224-224h544v832c0 0-64 12.8-89.6 32zM256 832h320v-128h-320v128zM832 0h-480c-64 0-115.2 38.4-128 83.2-6.4 25.6 0 44.8 25.6 44.8h454.4v659.2c25.6-38.4 76.8-70.4 128-83.2v-704z" />
+<glyph unicode="" glyph-name="upload-alt" data-tags="upload-alt" d="M0 64h1024v-128h-1024v128zM512 960l-320-320h192v-512h256v512h192z" />
+<glyph unicode="" glyph-name="vimeo-square2" data-tags="vimeo-square" d="M0 960v-1024h1024v1024h-1024zM889.6 620.8c-44.8-243.2-281.6-448-352-492.8s-140.8 19.2-160 70.4c-25.6 57.6-108.8 364.8-128 390.4-25.6 19.2-89.6-32-89.6-32l-32 44.8c0 0 128 153.6 230.4 172.8s102.4-160 128-262.4c25.6-96 38.4-153.6 64-153.6 19.2 0 64 57.6 108.8 140.8s0 160-89.6 102.4c32 211.2 364.8 262.4 320 19.2z" />
+<glyph unicode="" glyph-name="vimeo2" data-tags="vimeo" d="M1017.6 678.4c-57.6-320-377.6-595.2-473.6-659.2s-185.6 25.6-217.6 89.6c-32 83.2-140.8 486.4-172.8 524.8-25.6 32-115.2-38.4-115.2-38.4l-38.4 57.6c0 0 172.8 211.2 307.2 236.8 140.8 25.6 140.8-217.6 172.8-352 32-128 57.6-204.8 83.2-204.8s83.2 70.4 140.8 185.6c57.6 108.8 0 211.2-121.6 140.8 51.2 275.2 492.8 345.6 435.2 19.2z" />
+<glyph unicode="" glyph-name="youtube-square2" data-tags="youtube-square" d="M505.6 576c12.8 0 19.2 12.8 19.2 32v89.6c0 19.2-6.4 32-19.2 32s-19.2-12.8-19.2-32v-89.6c0-19.2 6.4-32 19.2-32zM454.4 198.4c-6.4-12.8-19.2-19.2-25.6-19.2s-6.4 0-6.4 6.4c0 0 0 6.4 0 12.8v160h-38.4v-166.4c0-12.8 0-25.6 6.4-32 6.4-12.8 12.8-12.8 25.6-12.8s25.6 6.4 44.8 25.6v-25.6h38.4v211.2h-44.8v-160zM243.2 390.4h44.8v-243.2h44.8v243.2h44.8v44.8h-134.4zM601.6 364.8c-12.8 0-25.6-12.8-38.4-25.6v96h-38.4v-281.6h38.4v19.2c12.8-12.8 25.6-25.6 38.4-25.6s25.6 6.4 32 25.6c0 6.4 6.4 25.6 6.4 44.8v83.2c0 19.2 0 32-6.4 44.8-6.4 6.4-12.8 19.2-32 19.2zM601.6 211.2c0-19.2-6.4-25.6-19.2-25.6-6.4 0-12.8 0-19.2 6.4v128c6.4 6.4 12.8 6.4 19.2 6.4 12.8 0 19.2-12.8 19.2-32v-83.2zM723.2 364.8c-19.2 0-32-6.4-44.8-19.2-6.4-12.8-12.8-25.6-12.8-51.2v-76.8c0-25.6 6.4-38.4 12.8-51.2 12.8-12.8 25.6-19.2 44.8-19.2s38.4 6.4 44.8 25.6c6.4 6.4 6.4 12.8 6.4 25.6 0 6.4 0 12.8 0 25.6v6.4h-38.4c0-12.8 0-25.6 0-25.6 0-12.8-6.4-12.8-19.2-12.8s-19.2 12.8-19.2 32v38.4h76.8v44.8c0 25.6-6.4 38.4-12.8 51.2 0-6.4-19.2 6.4-38.4 6.4zM742.4 281.6h-38.4v19.2c0 19.2 6.4 32 19.2 32s19.2-12.8 19.2-32v-19.2zM0 960v-1024h1024v1024h-1024zM595.2 761.6h38.4v-160c0-6.4 0-12.8 0-12.8 0-6.4 0-12.8 6.4-12.8s12.8 6.4 25.6 19.2v166.4h38.4v-211.2h-38.4v19.2c-12.8-19.2-32-25.6-44.8-25.6s-19.2 6.4-25.6 12.8c0 6.4-6.4 19.2-6.4 32v172.8zM448 691.2c0 19.2 0 38.4 12.8 51.2s25.6 19.2 44.8 19.2c19.2 0 32-6.4 44.8-19.2 6.4-12.8 12.8-25.6 12.8-51.2v-76.8c0-25.6-6.4-38.4-12.8-51.2-12.8-12.8-25.6-19.2-44.8-19.2s-32 6.4-44.8 19.2c-12.8 12.8-12.8 25.6-12.8 51.2v76.8zM339.2 832l32-115.2 32 115.2h44.8l-51.2-172.8v-115.2h-44.8v115.2c-6.4 25.6-12.8 51.2-25.6 96-12.8 25.6-19.2 51.2-32 76.8h44.8zM819.2 134.4c-6.4-32-38.4-57.6-70.4-64-76.8-6.4-160-6.4-236.8-6.4s-160 0-236.8 6.4c-32 6.4-64 25.6-70.4 64-12.8 51.2-12.8 102.4-12.8 153.6 0 44.8 0 96 12.8 147.2 6.4 32 38.4 57.6 70.4 64 76.8 6.4 160 6.4 236.8 6.4s160 0 236.8-6.4c32-6.4 64-25.6 70.4-64 12.8-51.2 12.8-102.4 12.8-147.2 0-51.2 0-102.4-12.8-153.6z" />
+<glyph unicode="" glyph-name="youtube2" data-tags="youtube" d="M422.4 960h-57.6l-38.4-147.2-38.4 147.2h-64c12.8-38.4 25.6-70.4 38.4-108.8 19.2-51.2 32-96 32-121.6v-153.6h57.6v153.6l70.4 230.4zM576 672v96c0 32-6.4 51.2-19.2 70.4s-32 25.6-57.6 25.6c-25.6 0-44.8-12.8-57.6-32-12.8-12.8-19.2-32-19.2-64v-102.4c0-32 6.4-51.2 19.2-64 12.8-19.2 32-25.6 57.6-25.6s44.8 12.8 57.6 32c12.8 6.4 19.2 32 19.2 64zM524.8 659.2c0-25.6-6.4-38.4-25.6-38.4s-25.6 12.8-25.6 38.4v121.6c0 25.6 6.4 38.4 25.6 38.4s25.6-12.8 25.6-38.4v-121.6zM768 576v288h-51.2v-217.6c-12.8-19.2-19.2-25.6-32-25.6-6.4 0-12.8 6.4-12.8 12.8 0 0 0 6.4 0 19.2v211.2h-51.2v-224c0-19.2 0-32 6.4-44.8 0-12.8 12.8-19.2 32-19.2s38.4 12.8 57.6 32v-32h51.2zM793.6 288c-19.2 0-25.6-12.8-25.6-38.4v-25.6h51.2v25.6c0 25.6-6.4 38.4-25.6 38.4zM608 288c-6.4 0-19.2-6.4-25.6-12.8v-172.8c6.4-6.4 19.2-12.8 25.6-12.8 12.8 0 19.2 12.8 19.2 38.4v121.6c0 25.6-6.4 38.4-19.2 38.4zM921.6 428.8c-12.8 44.8-51.2 83.2-89.6 83.2-102.4 12.8-211.2 12.8-320 12.8s-211.2 0-320-12.8c-38.4 0-76.8-38.4-89.6-83.2-12.8-64-12.8-134.4-12.8-198.4s0-134.4 12.8-198.4c12.8-44.8 44.8-76.8 89.6-83.2 108.8-12.8 211.2-12.8 320-12.8s211.2 0 320 12.8c44.8 6.4 83.2 38.4 89.6 83.2 12.8 64 12.8 134.4 12.8 198.4s0 134.4-12.8 198.4zM332.8 371.2h-64v-326.4h-57.6v326.4h-57.6v57.6h179.2v-57.6zM486.4 44.8h-51.2v32c-19.2-25.6-38.4-32-57.6-32s-25.6 6.4-32 19.2c0 6.4-6.4 19.2-6.4 44.8v224h51.2v-204.8c0-12.8 0-19.2 0-19.2 0-6.4 6.4-12.8 12.8-12.8 12.8 0 19.2 6.4 32 25.6v211.2h51.2v-288zM678.4 134.4c0-25.6 0-44.8-6.4-57.6-6.4-19.2-19.2-32-38.4-32s-38.4 12.8-51.2 32v-25.6h-51.2v377.6h51.2v-121.6c19.2 19.2 32 32 51.2 32s32-12.8 38.4-32c6.4-12.8 6.4-32 6.4-57.6v-115.2zM870.4 179.2h-102.4v-51.2c0-25.6 6.4-38.4 25.6-38.4 12.8 0 19.2 6.4 25.6 19.2 0 0 0 12.8 0 32h51.2v-6.4c0-19.2 0-25.6 0-32 0-12.8-6.4-19.2-12.8-32-12.8-19.2-32-32-64-32-25.6 0-44.8 12.8-64 32-12.8 12.8-19.2 38.4-19.2 64v96c0 32 6.4 51.2 12.8 64 12.8 19.2 32 32 64 32 25.6 0 44.8-12.8 57.6-32 12.8-12.8 12.8-38.4 12.8-64v-51.2z" />
+<glyph unicode="" glyph-name="angle-double-down2" data-tags="angle-double-down" d="M192 832v-128l320-320 320 320v128l-320-320zM192 512v-128l320-320 320 320v128l-320-320z" />
+<glyph unicode="" glyph-name="angle-double-left2" data-tags="angle-double-left" d="M896 768h-128l-320-320 320-320h128l-320 320zM576 768h-128l-320-320 320-320h128l-320 320z" />
+<glyph unicode="" glyph-name="angle-double-right2" data-tags="angle-double-right" d="M128 128h128l320 320-320 320h-128l320-320zM448 128h128l320 320-320 320h-128l320-320z" />
+<glyph unicode="" glyph-name="angle-double-up2" data-tags="angle-double-up" d="M832 64v128l-320 320-320-320v-128l320 320zM832 384v128l-320 320-320-320v-128l320 320z" />
+<glyph unicode="" glyph-name="angle-down2" data-tags="angle-down" d="M832 704v-128l-320-320-320 320v128l320-320z" />
+<glyph unicode="" glyph-name="angle-left2" data-tags="angle-left" d="M768 128h-128l-320 320 320 320h128l-320-320z" />
+<glyph unicode="" glyph-name="angle-right2" data-tags="angle-right" d="M256 128h128l320 320-320 320h-128l320-320z" />
+<glyph unicode="" glyph-name="angle-up2" data-tags="angle-up" d="M192 192v128l320 320 320-320v-128l-320 320z" />
+<glyph unicode="" glyph-name="arrow-circle-down-o" data-tags="arrow-circle-down-o" d="M64 448c0 249.6 198.4 448 448 448s448-198.4 448-448-198.4-448-448-448-448 198.4-448 448zM0 448c0-281.6 230.4-512 512-512s512 230.4 512 512-230.4 512-512 512-512-230.4-512-512v0zM576 345.6l115.2 115.2 89.6-89.6-268.8-268.8-268.8 268.8 89.6 89.6 115.2-115.2v422.4h128v-422.4z" />
+<glyph unicode="" glyph-name="arrow-circle-down2" data-tags="arrow-circle-down" d="M0 448c0-281.6 230.4-512 512-512s512 230.4 512 512-230.4 512-512 512c-281.6 0-512-230.4-512-512zM576 345.6l115.2 115.2 89.6-89.6-268.8-268.8-268.8 268.8 89.6 89.6 115.2-115.2v422.4h128v-422.4z" />
+<glyph unicode="" glyph-name="arrow-circle-left-o" data-tags="arrow-circle-left-o" d="M512 896c249.6 0 448-198.4 448-448s-198.4-448-448-448-448 198.4-448 448 198.4 448 448 448zM512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512v0zM409.6 384l115.2-115.2-89.6-89.6-268.8 268.8 268.8 268.8 89.6-89.6-115.2-115.2h422.4v-128h-422.4z" />
+<glyph unicode="" glyph-name="arrow-circle-left2" data-tags="arrow-circle-left" d="M512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512zM409.6 384l115.2-115.2-89.6-89.6-268.8 268.8 268.8 268.8 89.6-89.6-115.2-115.2h422.4v-128h-422.4z" />
+<glyph unicode="" glyph-name="arrow-circle-right-o" data-tags="arrow-circle-right-o" d="M512 0c-249.6 0-448 198.4-448 448s198.4 448 448 448 448-198.4 448-448-198.4-448-448-448zM512-64c281.6 0 512 230.4 512 512s-230.4 512-512 512-512-230.4-512-512 230.4-512 512-512v0zM614.4 512l-115.2 115.2 89.6 89.6 268.8-268.8-268.8-268.8-89.6 89.6 115.2 115.2h-422.4v128h422.4z" />
+<glyph unicode="" glyph-name="arrow-circle-right2" data-tags="arrow-circle-right" d="M512-64c281.6 0 512 230.4 512 512s-230.4 512-512 512-512-230.4-512-512 230.4-512 512-512zM614.4 512l-115.2 115.2 89.6 89.6 268.8-268.8-268.8-268.8-89.6 89.6 115.2 115.2h-422.4v128h422.4z" />
+<glyph unicode="" glyph-name="arrow-circle-up-o" data-tags="arrow-circle-up-o" d="M960 448c0-249.6-198.4-448-448-448s-448 198.4-448 448 198.4 448 448 448 448-198.4 448-448zM1024 448c0 281.6-230.4 512-512 512s-512-230.4-512-512c0-281.6 230.4-512 512-512s512 230.4 512 512v0zM448 550.4l-115.2-115.2-89.6 89.6 268.8 268.8 268.8-268.8-89.6-89.6-115.2 115.2v-422.4h-128v422.4z" />
+<glyph unicode="" glyph-name="arrow-circle-up2" data-tags="arrow-circle-up" d="M1024 448c0 281.6-230.4 512-512 512s-512-230.4-512-512 230.4-512 512-512 512 230.4 512 512zM448 550.4l-115.2-115.2-89.6 89.6 268.8 268.8 268.8-268.8-89.6-89.6-115.2 115.2v-422.4h-128v422.4z" />
+<glyph unicode="" glyph-name="ban2" data-tags="ban" d="M512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512zM512 832c83.2 0 160-25.6 224-70.4l-537.6-537.6c-44.8 64-70.4 140.8-70.4 224 0 211.2 172.8 384 384 384zM512 64c-83.2 0-160 25.6-224 70.4l537.6 537.6c44.8-64 70.4-140.8 70.4-224 0-211.2-172.8-384-384-384z" />
+<glyph unicode="" glyph-name="bold2" data-tags="bold" d="M704 480c0 0 128 51.2 128 230.4 0 262.4-326.4 249.6-448 249.6h-256v-1024h256c236.8 0 512 0 512 281.6 0 243.2-192 262.4-192 262.4zM576 678.4c0-115.2-96-102.4-192-102.4v192c115.2 0 192-6.4 192-89.6zM384 128v256c115.2 0 256 19.2 256-140.8 0-121.6-160-115.2-256-115.2z" />
+<glyph unicode="" glyph-name="bullseye2" data-tags="bullseye" d="M512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512zM512 6.4c-243.2 0-441.6 198.4-441.6 441.6s198.4 441.6 441.6 441.6 441.6-198.4 441.6-441.6-198.4-441.6-441.6-441.6zM512 812.8c-204.8 0-364.8-160-364.8-364.8s166.4-364.8 364.8-364.8 364.8 166.4 364.8 364.8-160 364.8-364.8 364.8zM512 153.6c-160 0-294.4 134.4-294.4 294.4s134.4 294.4 294.4 294.4 294.4-134.4 294.4-294.4c0-160-134.4-294.4-294.4-294.4zM512 665.6c-121.6 0-217.6-96-217.6-217.6s96-217.6 217.6-217.6c121.6 0 217.6 96 217.6 217.6s-96 217.6-217.6 217.6z" />
+<glyph unicode="" glyph-name="cart-o" data-tags="cart-o" d="M896 121.6v70.4h-601.6l38.4 70.4 588.8 57.6 102.4 384h-787.2l-44.8 192h-192v-64h140.8l134.4-537.6-83.2-166.4v-96c0-51.2 44.8-96 96-96s96 44.8 96 96-44.8 96-96 96h480v-96c0-51.2 44.8-96 96-96s96 44.8 96 96c0 44.8-25.6 76.8-64 89.6zM256 640h684.8l-70.4-256-537.6-57.6-76.8 313.6z" />
+<glyph unicode="" glyph-name="cart" data-tags="cart" d="M896 121.6v70.4h-601.6l38.4 70.4 588.8 57.6 102.4 384h-787.2l-44.8 192h-192v-64h140.8l134.4-537.6-83.2-166.4v-96c0-51.2 44.8-96 96-96s96 44.8 96 96-44.8 96-96 96h480v-96c0-51.2 44.8-96 96-96s96 44.8 96 96c0 44.8-25.6 76.8-64 89.6z" />
+<glyph unicode="" glyph-name="check-square-o2" data-tags="check-square-o" d="M896 563.2v-499.2h-768v768h672l64 64h-800v-896h896v627.2zM505.6 262.4l-268.8 268.8 96 89.6 172.8-179.2 428.8 428.8 89.6-89.6z" />
+<glyph unicode="" glyph-name="cross-cutlery" data-tags="cross-cutlery" d="M697.6 409.6c0 0 0 0 0 0 38.4 6.4 76.8 25.6 102.4 57.6l198.4 198.4c25.6 25.6 25.6 64 0 89.6l-6.4 12.8-192-192c-12.8-12.8-38.4-12.8-57.6 0s-12.8 38.4 0 57.6l166.4 166.4c12.8 12.8 12.8 38.4 0 57.6-12.8 12.8-38.4 12.8-57.6 0l-166.4-166.4c-12.8-12.8-38.4-12.8-57.6 0-12.8 12.8-12.8 38.4 0 57.6l192 192-6.4 6.4c-25.6 25.6-64 25.6-89.6 0l-198.4-211.2c-25.6-25.6-44.8-64-51.2-102.4l-313.6 307.2c-25.6 25.6-64 19.2-83.2 0l-12.8-12.8c-89.6-89.6-57.6-268.8 96-422.4l51.2-51.2c25.6-25.6 57.6-44.8 96-51.2-32-25.6-51.2-51.2-51.2-51.2l-217.6-217.6c-44.8-44.8-44.8-121.6 0-166.4s121.6-44.8 166.4 0l211.2 224c12.8 12.8 44.8 51.2 83.2 96 19.2-25.6 32-38.4 32-38.4l275.2-275.2c44.8-44.8 121.6-44.8 166.4 0s44.8 121.6 0 166.4l-275.2 268.8z" />
+<glyph unicode="" glyph-name="cutlery2" data-tags="cutlery" d="M832 908.8c0 32-25.6 51.2-51.2 51.2h-12.8c-108.8 0-192-121.6-192-300.8v-57.6c0-64 32-121.6 89.6-153.6-19.2-76.8-25.6-160-25.6-160v-256c0-51.2 44.8-96 96-96s96 44.8 96 96v256c0 25.6-6.4 89.6-19.2 147.2 12.8 12.8 19.2 25.6 19.2 44.8v428.8zM460.8 960h-12.8v-224c0-19.2-12.8-32-32-32s-32 12.8-32 32v192c0 19.2-12.8 32-32 32s-32-12.8-32-32v-192c0-19.2-12.8-32-32-32s-32 12.8-32 32v224h-12.8c-25.6 0-51.2-25.6-51.2-51.2v-236.8c0-64 38.4-121.6 96-147.2-25.6-102.4-32-236.8-32-236.8v-256c0-51.2 44.8-96 96-96s96 44.8 96 96v256c0 32-6.4 147.2-25.6 236.8 51.2 25.6 89.6 83.2 89.6 147.2v236.8c0 25.6-25.6 51.2-51.2 51.2z" />
+<glyph unicode="" glyph-name="dashboard2" data-tags="dashboard" d="M1024 313.6c0 281.6-230.4 518.4-512 518.4s-512-236.8-512-518.4c0-89.6 19.2-185.6 57.6-249.6h313.6c32-38.4 83.2-64 140.8-64s108.8 25.6 140.8 64h313.6c38.4 64 57.6 160 57.6 249.6zM896 512v-64l-262.4-224c0-6.4 6.4-19.2 6.4-32 0-70.4-57.6-128-128-128s-128 57.6-128 128 57.6 128 128 128c19.2 0 38.4-6.4 51.2-12.8l268.8 204.8h64zM640 704h64v-64h-64v64zM320 704h64v-64h-64v64zM128 192h-64v64h64v-64zM192 448h-64v64h64v-64zM960 192h-64v64h64v-64zM576 192c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64z" />
+<glyph unicode="" glyph-name="disc" data-tags="disc" d="M512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512zM960 448c0-70.4-12.8-134.4-44.8-192l-172.8 76.8c12.8 38.4 25.6 76.8 25.6 115.2 0 140.8-115.2 256-256 256-32 0-57.6-6.4-89.6-19.2l-76.8 179.2c38.4 12.8 76.8 25.6 115.2 32l19.2-192h32v192c249.6 0 448-198.4 448-448zM512 640c108.8 0 192-83.2 192-192s-83.2-192-192-192-192 83.2-192 192 83.2 192 192 192zM64 448c0 70.4 12.8 134.4 44.8 192l172.8-76.8c-12.8-38.4-25.6-76.8-25.6-115.2 0-140.8 115.2-256 256-256 32 0 57.6 6.4 89.6 19.2l76.8-179.2c-38.4-12.8-76.8-25.6-115.2-32l-19.2 192h-32v-192c-249.6 0-448 198.4-448 448zM640 448c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128s128-57.308 128-128z" />
+<glyph unicode="" glyph-name="dot-circle" data-tags="dot-circle" d="M512 704c-140.8 0-256-115.2-256-256s115.2-256 256-256 256 115.2 256 256-115.2 256-256 256zM512 896c249.6 0 448-198.4 448-448s-198.4-448-448-448-448 198.4-448 448 198.4 448 448 448zM512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512v0z" />
+<glyph unicode="" glyph-name="download2" data-tags="download" d="M1024 320h-352l-160-160-160 160h-352v-384h1024v384zM256 64h-128v128h128v-128zM640 576v384h-256v-384h-192l320-320 320 320z" />
+<glyph unicode="" glyph-name="drop" data-tags="drop" d="M512 960c0 0-320-524.8-320-704s140.8-320 320-320 320 140.8 320 320-320 704-320 704zM569.6 6.4l-12.8 64c89.6 19.2 153.6 108.8 153.6 204.8 0 19.2-6.4 70.4-51.2 166.4l57.6 25.6c38.4-89.6 51.2-153.6 51.2-192 0-128-83.2-243.2-198.4-268.8z" />
+<glyph unicode="" glyph-name="exchange22" data-tags="exchange" d="M1024 640v-128h-832v-128l-192 192 192 192v-128zM0 192v128h832v128l192-192-192-192v128z" />
+<glyph unicode="" glyph-name="exclamation-circle-o" data-tags="exclamation-circle-o" d="M512 896c249.6 0 448-198.4 448-448s-198.4-448-448-448-448 198.4-448 448 198.4 448 448 448zM512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512v0zM448 768h128v-448h-128v448zM448 256h128v-128h-128v128z" />
+<glyph unicode="" glyph-name="exclamation-circle2" data-tags="exclamation-circle" d="M512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512zM576 128h-128v128h128v-128zM576 320h-128v448h128v-448z" />
+<glyph unicode="" glyph-name="exclamation2" data-tags="exclamation" d="M384 960h256v-256l-64-448h-128l-64 448zM640 64c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128s128-57.308 128-128z" />
+<glyph unicode="" glyph-name="eye-slash2" data-tags="eye-slash" d="M825.6 627.2l-51.2-51.2c108.8-57.6 160-147.2 179.2-192-44.8-57.6-179.2-198.4-448-198.4-44.8 0-76.8 6.4-115.2 12.8l-51.2-51.2c51.2-19.2 108.8-25.6 166.4-25.6 364.8 0 518.4 256 518.4 256s-38.4 153.6-198.4 249.6zM768 505.6c0 19.2 0 38.4-6.4 51.2l-307.2-300.8c19.2 0 38.4-6.4 57.6-6.4 140.8 0 256 115.2 256 256zM979.2 960l-281.6-281.6c-51.2 12.8-115.2 25.6-185.6 25.6-428.8 0-512-326.4-512-326.4s64-115.2 211.2-192l-211.2-204.8v-44.8h44.8l979.2 979.2v44.8h-44.8zM256 236.8c-102.4 44.8-160 115.2-185.6 147.2 19.2 44.8 70.4 140.8 198.4 204.8-6.4-25.6-12.8-51.2-12.8-83.2 0-70.4 32-140.8 83.2-185.6l-83.2-83.2zM396.8 454.4l-64-12.8c0 0-19.2 32-19.2 76.8 0 51.2 25.6 96 25.6 96 32 19.2 83.2 19.2 83.2 19.2s-32-57.6-32-108.8c-6.4-44.8 6.4-70.4 6.4-70.4z" />
+<glyph unicode="" glyph-name="file-code" data-tags="file-code" d="M640 960h-512v-1024h768v768l-256 256zM576 640h256v-640h-640v896h384v-256zM640 704v192l192-192h-192zM396.8 128h-44.8l-128 160 128 160h44.8l-128-160zM627.2 128h44.8l128 160-128 160h-44.8l128-160zM428.8 64h38.4l134.4 448h-51.2z" />
+<glyph unicode="" glyph-name="file-movie" data-tags="file-movie" d="M640 960h-512v-1024h768v768l-256 256zM576 640h256v-640h-640v896h384v-256zM640 704v192l192-192h-192zM640 320v128h-384v-320h384v128l128-128v320z" />
+<glyph unicode="" glyph-name="file-picture" data-tags="file-picture" d="M640 960h-512v-1024h768v768l-256 256zM576 640h256v-640h-640v896h384v-256zM640 704v192l192-192h-192zM256 224v-160h512v108.8c0 0 6.4 83.2-83.2 96-83.2 12.8-96-25.6-160-32-51.2 0-38.4 83.2-140.8 83.2-76.8 0-128-96-128-96zM768 416c0-53.019-42.981-96-96-96s-96 42.981-96 96c0 53.019 42.981 96 96 96s96-42.981 96-96z" />
+<glyph unicode="" glyph-name="file-sound" data-tags="file-sound" d="M729.6 288c0-76.8-25.6-140.8-64-192l25.6-32c44.8 57.6 76.8 134.4 76.8 224s-32 166.4-76.8 224l-25.6-32c38.4-51.2 64-121.6 64-192zM633.6 448l-25.6-32c25.6-32 44.8-76.8 44.8-128s-19.2-96-44.8-128l25.6-32c32 38.4 51.2 96 51.2 160s-19.2 115.2-51.2 160zM582.4 384l-25.6-32c12.8-19.2 19.2-38.4 19.2-64s-6.4-44.8-19.2-64l25.6-32c19.2 25.6 32 57.6 32 96s-12.8 70.4-32 96zM640 960h-512v-1024h768v768l-256 256zM576 640h256v-640h-640v896h384v-256zM640 704v192l192-192h-192zM384 384h-128v-192h128l128-128v448z" />
+<glyph unicode="" glyph-name="file-zip" data-tags="file-zip" d="M640 960h-512v-1024h768v768l-256 256zM576 0h-256v179.2l44.8 140.8h153.6l57.6-140.8v-179.2zM832 0h-192v192l-64 192h-128v64h-128v-64l-64-192v-192h-64v896h256v-64h128v-64h-128v-64h128v-64h256v-640zM640 704v192l192-192h-192zM320 576h128v-64h-128v64zM320 832h128v-64h-128v64zM320 704h128v-64h-128v64zM448 640h128v-64h-128v64zM448 512h128v-64h-128v64zM384 192h128v-128h-128v128z" />
+<glyph unicode="" glyph-name="flag-checkered2" data-tags="flag-checkered" d="M128 960c-70.4 0-128-57.6-128-128 0-44.8 25.6-89.6 64-108.8v-787.2h128v787.2c38.4 19.2 64 64 64 108.8 0 70.4-57.6 128-128 128zM768 832c-134.4 0-115.2 64-281.6 64s-230.4-192-230.4-192v-512c0 0 44.8 128 192 128 172.8 0 179.2-64 320-64 211.2 0 256 128 256 128v512c0 0-102.4-64-256-64zM960 672c-12.8-12.8-51.2-25.6-128-38.4v140.8c51.2 6.4 96 12.8 128 25.6v-128zM320 454.4v166.4c25.6 38.4 70.4 70.4 128 70.4v134.4c12.8 6.4 25.6 6.4 38.4 6.4 76.8 0 102.4-12.8 134.4-25.6 6.4-6.4 12.8-12.8 19.2-12.8v-140.8c32-12.8 70.4-25.6 128-25.6 25.6 0 44.8 0 64 6.4v-166.4c-19.2 0-38.4-6.4-64-6.4-70.4 0-96 12.8-128 32v-147.2c-44.8 19.2-96 38.4-192 38.4v140.8c-57.6-12.8-96-38.4-128-70.4zM832 326.4v140.8c70.4 12.8 108.8 38.4 128 51.2v-115.2c-12.8-19.2-44.8-64-128-76.8zM640 499.2v153.6c0 0-76.8 38.4-192 38.4v-166.4c108.8 25.6 192-25.6 192-25.6z" />
+<glyph unicode="" glyph-name="flag-o2" data-tags="flag-o" d="M256 832c0 70.4-57.6 128-128 128s-128-57.6-128-128c0-44.8 25.6-89.6 64-108.8v-787.2h128v787.2c38.4 19.2 64 64 64 108.8zM486.4 832c76.8 0 102.4-12.8 134.4-25.6 32-19.2 70.4-38.4 147.2-38.4s140.8 12.8 192 32v-403.2c-12.8-19.2-57.6-76.8-192-76.8-57.6 0-83.2 12.8-121.6 25.6-44.8 19.2-96 38.4-198.4 38.4-51.2 0-96-12.8-128-32v339.2c12.8 32 64 140.8 166.4 140.8zM1024 896c0 0-102.4-64-256-64-134.4 0-115.2 64-281.6 64s-230.4-192-230.4-192v-512c0 0 44.8 128 192 128 172.8 0 179.2-64 320-64 211.2 0 256 128 256 128v512z" />
+<glyph unicode="" glyph-name="flag2" data-tags="flag" d="M256 832c0 70.4-57.6 128-128 128s-128-57.6-128-128c0-44.8 25.6-89.6 64-108.8v-787.2h128v787.2c38.4 19.2 64 64 64 108.8zM256 704c0 0 64 192 230.4 192 172.8 0 147.2-64 281.6-64 153.6 0 256 64 256 64v-512c0 0-44.8-128-256-128-140.8 0-147.2 64-320 64-147.2 0-192-128-192-128v512z" />
+<glyph unicode="" glyph-name="flash2" data-tags="flash" d="M1024 448l-140.8 102.4 70.4 153.6-172.8 12.8-12.8 172.8-153.6-70.4-102.4 140.8-102.4-140.8-153.6 70.4-12.8-172.8-172.8-12.8 70.4-153.6-140.8-102.4 140.8-102.4-70.4-153.6 172.8-12.8 12.8-172.8 153.6 70.4 102.4-140.8 102.4 140.8 153.6-70.4 12.8 172.8 172.8 12.8-70.4 153.6 140.8 102.4z" />
+<glyph unicode="" glyph-name="modal-list" data-tags="modal-list" d="M0 704v-704h1024v896h-1024v-192zM896 832h64v-64h-64v64zM64 704h896v-640h-896v640zM192 576h128v-64h-128v64zM384 576h448v-64h-448v64zM192 448h128v-64h-128v64zM384 448h448v-64h-448v64zM192 320h128v-64h-128v64zM384 320h448v-64h-448v64z" />
+<glyph unicode="" glyph-name="modal-list2" data-tags="modal-list" d="M0 704v-704h1024v896h-1024v-192zM896 832h64v-64h-64v64zM64 704h896v-640h-896v640zM192 576h128v-64h-128v64zM384 576h448v-64h-448v64zM192 448h128v-64h-128v64zM384 448h448v-64h-448v64zM192 320h128v-64h-128v64zM384 320h448v-64h-448v64z" />
+<glyph unicode="" glyph-name="font2" data-tags="font" d="M768-64h192l-384 1024h-128l-384-1024h192l121.6 320h268.8l121.6-320zM428.8 384l83.2 230.4 83.2-230.4h-166.4z" />
+<glyph unicode="" glyph-name="gamepad2" data-tags="gamepad" d="M716.8 832h-409.6c-166.4 0-307.2-140.8-307.2-307.2v-384c0-76.8 64-140.8 140.8-140.8h12.8c57.6 0 115.2 38.4 134.4 96s70.4 96 134.4 96h179.2c57.6 0 115.2-38.4 134.4-96s70.4-96 134.4-96h12.8c76.8 0 140.8 64 140.8 140.8v384c0 166.4-140.8 307.2-307.2 307.2zM448 384h-128v-128h-128v128h-128v128h128v128h128v-128h128v-128zM672 320c-51.2 0-96 44.8-96 96s44.8 96 96 96c51.2 0 96-44.8 96-96s-44.8-96-96-96zM864 448c-51.2 0-96 44.8-96 96s44.8 96 96 96c51.2 0 96-44.8 96-96s-44.8-96-96-96z" />
+<glyph unicode="" glyph-name="gift2" data-tags="gift" d="M646.4 640c128 19.2 249.6 70.4 140.8 230.4-44.8 64-89.6 89.6-128 89.6-64 0-108.8-70.4-147.2-140.8-38.4 70.4-83.2 140.8-147.2 140.8-38.4 0-83.2-25.6-128-89.6-115.2-160 12.8-211.2 140.8-230.4h-377.6v-192h1024v192h-377.6zM659.2 896c6.4 0 32-6.4 76.8-64 32-44.8 38.4-70.4 32-83.2-12.8-19.2-83.2-44.8-211.2-51.2 0 12.8-6.4 25.6-12.8 38.4 38.4 89.6 83.2 160 115.2 160zM256 748.8c-6.4 12.8 0 38.4 32 83.2 44.8 57.6 70.4 64 76.8 64 32 0 76.8-70.4 115.2-160-6.4-12.8-12.8-25.6-12.8-38.4-128 6.4-198.4 32-211.2 51.2zM448 512v128h128v-128h-128zM576 0h-128v384h-384v-448h896v448h-384z" />
+<glyph unicode="" glyph-name="handle-corner" data-tags="handle-corner" d="M428.8-64l595.2 595.2v89.6l-684.8-684.8zM620.8-64l403.2 403.2v89.6l-492.8-492.8zM812.8-64l211.2 211.2v89.6l-300.8-300.8zM1004.8-64l19.2 19.2v89.6l-108.8-108.8z" />
+<glyph unicode="" glyph-name="harddrive-o" data-tags="harddrive-o" d="M128 192h64v-64h-64v64zM256 192h192v-64h-192v64zM832 896h-640l-192-576v-320h1024v320l-192 576zM236.8 832h550.4l172.8-512h-889.6l166.4 512zM64 64v192h896v-192h-896z" />
+<glyph unicode="" glyph-name="harddrive" data-tags="harddrive" d="M832 896h-640l-172.8-512h985.6zM0 320v-320h1024v320h-1024zM192 128h-64v64h64v-64zM448 128h-192v64h192v-64z" />
+<glyph unicode="" glyph-name="random" data-tags="random" d="M832 192h-128c-64 0-108.8 76.8-153.6 172.8-19.2-44.8-38.4-96-64-147.2 51.2-89.6 115.2-153.6 217.6-153.6h128v-128l192 192-192 192v-128zM345.6 537.6c19.2 44.8 38.4 96 64 140.8-51.2 89.6-121.6 153.6-217.6 153.6h-192v-128h192c64 0 108.8-76.8 153.6-166.4zM1024 768l-192 192v-128h-128c-172.8 0-249.6-192-320-364.8-51.2-134.4-108.8-275.2-192-275.2h-192v-128h192c166.4 0 243.2 179.2 313.6 358.4 57.6 140.8 115.2 281.6 198.4 281.6h128v-128l192 192z" />
+<glyph unicode="" glyph-name="random3" data-tags="random" d="M832 192h-128c-64 0-108.8 76.8-153.6 172.8-19.2-44.8-38.4-96-64-147.2 51.2-89.6 115.2-153.6 217.6-153.6h128v-128l192 192-192 192v-128zM345.6 537.6c19.2 44.8 38.4 96 64 140.8-51.2 89.6-121.6 153.6-217.6 153.6h-192v-128h192c64 0 108.8-76.8 153.6-166.4zM1024 768l-192 192v-128h-128c-172.8 0-249.6-192-320-364.8-51.2-134.4-108.8-275.2-192-275.2h-192v-128h192c166.4 0 243.2 179.2 313.6 358.4 57.6 140.8 115.2 281.6 198.4 281.6h128v-128l192 192z" />
+<glyph unicode="" glyph-name="header2" data-tags="header" d="M704 960v-448h-384v448h-192v-1024h192v448h384v-448h192v1024z" />
+<glyph unicode="" glyph-name="server2" data-tags="server" d="M192 640v-192h640v192h-640zM448 512h-192v64h192v-64zM192 704h640l-128 256h-384zM192 192h640v192h-640v-192zM704 320h64v-64h-64v64zM576 320h64v-64h-64v64zM192-64h640v192h-640v-192zM256 64h192v-64h-192v64z" />
+<glyph unicode="" glyph-name="database" data-tags="database" d="M896 800c0-53.019-171.923-96-384-96s-384 42.981-384 96c0 53.019 171.923 96 384 96s384-42.981 384-96zM512 640c-211.2 0-384 44.8-384 96v-192c0-51.2 172.8-96 384-96s384 44.8 384 96v192c0-51.2-172.8-96-384-96zM512 384c-211.2 0-384 44.8-384 96v-192c0-51.2 172.8-96 384-96s384 44.8 384 96v192c0-51.2-172.8-96-384-96zM512 128c-211.2 0-384 44.8-384 96v-192c0-51.2 172.8-96 384-96s384 44.8 384 96v192c0-51.2-172.8-96-384-96z" />
+<glyph unicode="" glyph-name="server22" data-tags="server" d="M192 640v-192h640v192h-640zM448 512h-192v64h192v-64zM192 704h640l-128 256h-384zM192 192h640v192h-640v-192zM704 320h64v-64h-64v64zM576 320h64v-64h-64v64zM192-64h640v192h-640v-192zM256 64h192v-64h-192v64z" />
+<glyph unicode="" glyph-name="sitemap" data-tags="sitemap" d="M928 192v288h-384v224h96v256h-256v-256h96v-224h-384v-288h-96v-256h256v256h-96v224h320v-224h-96v-256h256v256h-96v224h320v-224h-96v-256h256v256z" />
+<glyph unicode="" glyph-name="database3" data-tags="database" d="M896 800c0-53.019-171.923-96-384-96s-384 42.981-384 96c0 53.019 171.923 96 384 96s384-42.981 384-96zM512 640c-211.2 0-384 44.8-384 96v-192c0-51.2 172.8-96 384-96s384 44.8 384 96v192c0-51.2-172.8-96-384-96zM512 384c-211.2 0-384 44.8-384 96v-192c0-51.2 172.8-96 384-96s384 44.8 384 96v192c0-51.2-172.8-96-384-96zM512 128c-211.2 0-384 44.8-384 96v-192c0-51.2 172.8-96 384-96s384 44.8 384 96v192c0-51.2-172.8-96-384-96z" />
+<glyph unicode="" glyph-name="sitemap3" data-tags="sitemap" d="M928 192v288h-384v224h96v256h-256v-256h96v-224h-384v-288h-96v-256h256v256h-96v224h320v-224h-96v-256h256v256h-96v224h320v-224h-96v-256h256v256z" />
+<glyph unicode="" glyph-name="headphones2" data-tags="headphones" d="M896 428.8v147.2c0 211.2-172.8 384-384 384s-384-172.8-384-384v-147.2c-76.8-32-128-108.8-128-198.4v-76.8c0-115.2 83.2-204.8 192-217.6h128v512h-64v128c0 140.8 115.2 256 256 256s256-115.2 256-256v-128h-64v-512h128c108.8 12.8 192 108.8 192 217.6v76.8c0 89.6-51.2 166.4-128 198.4zM256 0h-64v384h64v-384zM832 0h-64v384h64v-384z" />
+<glyph unicode="" glyph-name="tasks" data-tags="tasks" d="M384 960h640v-256h-640v256zM384 576h640v-256h-640v256zM384 192h640v-256h-640v256zM192 896v-128h-128v128h128zM256 960h-256v-256h256v256zM192 128v-128h-128v128h128zM256 192h-256v-256h256v256zM339.2 582.4l-38.4 51.2-57.6-57.6h-243.2v-256h256v179.2l83.2 83.2zM172.8 512l-44.8-44.8-51.2 44.8h96zM64 435.2l57.6-51.2h-57.6v51.2zM192 384h-57.6l57.6 57.6v-57.6z" />
+<glyph unicode="" glyph-name="tasks22" data-tags="tasks" d="M384 960h640v-256h-640v256zM384 576h640v-256h-640v256zM384 192h640v-256h-640v256zM192 896v-128h-128v128h128zM256 960h-256v-256h256v256zM192 128v-128h-128v128h128zM256 192h-256v-256h256v256zM339.2 582.4l-38.4 51.2-57.6-57.6h-243.2v-256h256v179.2l83.2 83.2zM172.8 512l-44.8-44.8-51.2 44.8h96zM64 435.2l57.6-51.2h-57.6v51.2zM192 384h-57.6l57.6 57.6v-57.6z" />
+<glyph unicode="" glyph-name="inbox2" data-tags="inbox" d="M640 576v384h-256v-384h-128l256-320 256 320zM832 896h-128v-64h83.2l166.4-512h-249.6v-128h-384v128h-249.6l166.4 512h83.2v64h-128l-192-576v-320h1024v320z" />
+<glyph unicode="" glyph-name="ticket2" data-tags="ticket" d="M896 768h-768c0-70.4-57.6-128-128-128v-384c70.4 0 128-57.6 128-128h768c0 70.4 57.6 128 128 128v0 384c-70.4 0-128 57.6-128 128zM832 192h-640v512h640v-512zM256 640h512v-384h-512v384z" />
+<glyph unicode="" glyph-name="ticket22" data-tags="ticket" d="M896 768h-768c0-70.4-57.6-128-128-128v-384c70.4 0 128-57.6 128-128h768c0 70.4 57.6 128 128 128v0 384c-70.4 0-128 57.6-128 128zM832 192h-640v512h640v-512zM256 640h512v-384h-512v384z" />
+<glyph unicode="" glyph-name="info-circle-o" data-tags="info-circle-o" d="M512 896c249.6 0 448-198.4 448-448s-198.4-448-448-448-448 198.4-448 448 198.4 448 448 448zM512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512v0zM448 576h128v-448h-128v448zM448 768h128v-128h-128v128z" />
+<glyph unicode="" glyph-name="info-circle2" data-tags="info-circle" d="M512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512zM576 128h-128v448h128v-448zM576 640h-128v128h128v-128z" />
+<glyph unicode="" glyph-name="info2" data-tags="info" d="M448 640h192v-704h-192v704zM672 832c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128s128-57.308 128-128z" />
+<glyph unicode="" glyph-name="ist-ol" data-tags="ist-ol" d="M256 960h768v-256h-768v256zM256 576h768v-256h-768v256zM256 192h768v-256h-768v256zM64 960l-57.6-32 12.8-44.8 44.8 19.2v-198.4h64v256zM140.8 70.4c19.2 12.8 32 32 32 51.2 0 32-25.6 64-83.2 64-32 0-64-6.4-76.8-19.2h-6.4l12.8-51.2 6.4 6.4c6.4 6.4 25.6 12.8 44.8 12.8s25.6-6.4 25.6-19.2c0-25.6-32-25.6-38.4-25.6h-25.6v-44.8h25.6c19.2 0 38.4-6.4 38.4-25.6 0-12.8-12.8-25.6-38.4-25.6s-44.8 12.8-51.2 12.8l-6.4 6.4v-57.6h6.4c12.8-12.8 38.4-19.2 70.4-19.2 64 0 102.4 32 102.4 76.8 0 25.6-12.8 51.2-38.4 57.6zM6.4 550.4l19.2-64c0 0 44.8 38.4 76.8 19.2 70.4-51.2-102.4-153.6-102.4-153.6v-32h192v64h-76.8c38.4 32 76.8 76.8 64 121.6-32 121.6-172.8 44.8-172.8 44.8z" />
+<glyph unicode="" glyph-name="italic2" data-tags="italic" d="M512 960h192l-192-1024h-192z" />
+<glyph unicode="" glyph-name="keyboard-o2" data-tags="keyboard-o" d="M960 640v-448h-896v448h896zM1024 704h-1024v-576h1024v576zM256 320h512v-64h-512v64zM128 320h64v-64h-64v64zM832 320h64v-64h-64v64zM704 448h64v-64h-64v64zM576 448h64v-64h-64v64zM448 448h64v-64h-64v64zM320 448h64v-64h-64v64zM192 448h64v-64h-64v64zM640 576h64v-64h-64v64zM768 576v-64h64v-128h64v192zM512 576h64v-64h-64v64zM384 576h64v-64h-64v64zM256 576h64v-64h-64v64zM128 576h64v-64h-64v64z" />
+<glyph unicode="" glyph-name="keyboard" data-tags="keyboard" d="M0 704v-576h1024v576h-1024zM640 576h64v-64h-64v64zM512 576h64v-64h-64v64zM640 448v-64h-64v64h64zM384 576h64v-64h-64v64zM512 448v-64h-64v64h64zM256 576h64v-64h-64v64zM384 448v-64h-64v64h64zM128 576h64v-64h-64v64zM192 256h-64v64h64v-64zM192 448h64v-64h-64v64zM768 256h-512v64h512v-64zM768 384h-64v64h64v-64zM896 256h-64v64h64v-64zM896 384h-64v128h-64v64h128v-192z" />
+<glyph unicode="" glyph-name="line-h" data-tags="line-h" d="M0 512h1024v-64h-1024v64z" />
+<glyph unicode="" glyph-name="line-v" data-tags="line-v" d="M512 960h64v-1024h-64v1024z" />
+<glyph unicode="" glyph-name="link2" data-tags="link" d="M953.6 889.6c-89.6 89.6-236.8 89.6-326.4 0l-281.6-275.2c-89.6-96-89.6-236.8 0-332.8 6.4-6.4 19.2-12.8 25.6-19.2l96 96c-6.4 6.4-19.2 12.8-25.6 19.2-38.4 38.4-38.4 102.4 0 140.8l281.6 281.6c38.4 38.4 102.4 38.4 140.8 0s38.4-102.4 0-140.8l-83.2-83.2c25.6-51.2 32-108.8 25.6-160l147.2 147.2c96 89.6 96 236.8 0 326.4zM652.8 633.6l-96-96c0 0 19.2-12.8 25.6-19.2 38.4-38.4 38.4-102.4 0-140.8l-281.6-281.6c-38.4-38.4-102.4-38.4-140.8 0s-38.4 102.4 0 140.8l83.2 83.2c-25.6 51.2-6.4 83.2-25.6 160l-147.2-147.2c-89.6-89.6-89.6-236.8 0-326.4s236.8-89.6 326.4 0l281.6 281.6c89.6 89.6 89.6 236.8 0 326.4-12.8 6.4-25.6 19.2-25.6 19.2z" />
+<glyph unicode="" glyph-name="location-arrow-circle-o" data-tags="location-arrow-circle-o" d="M64 448c0 249.6 198.4 448 448 448s448-198.4 448-448-198.4-448-448-448-448 198.4-448 448zM0 448c0-281.6 230.4-512 512-512s512 230.4 512 512-230.4 512-512 512-512-230.4-512-512v0zM128 384l640 320-320-640v320z" />
+<glyph unicode="" glyph-name="location-arrow-circle" data-tags="location-arrow-circle" d="M512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512zM448 64v320h-320l640 320-320-640z" />
+<glyph unicode="" glyph-name="location-arrow2" data-tags="location-arrow" d="M0 384l1024 576-576-1024v448z" />
+<glyph unicode="" glyph-name="mailbox" data-tags="mailbox" d="M832 896h-640l-192-576v-320h1024v320l-192 576zM704 320v-128h-384v128h-249.6l172.8 512h550.4l172.8-512h-262.4z" />
+<glyph unicode="" glyph-name="microphone2" data-tags="microphone" d="M512 320v0c-108.8 0-192 83.2-192 192v256c0 102.4 83.2 192 192 192v0c102.4 0 192-83.2 192-192v-256c0-102.4-89.6-192-192-192zM768 640v-160c0-121.6-115.2-224-243.2-224h-25.6c-128 0-243.2 102.4-243.2 224v160c-38.4 0-64-25.6-64-64v-96c0-140.8 115.2-262.4 256-281.6v-134.4c-192 0-160-128-160-128h448c0 0 32 128-160 128v134.4c140.8 25.6 256 140.8 256 281.6v96c0 38.4-25.6 64-64 64z" />
+<glyph unicode="" glyph-name="mute" data-tags="mute" d="M972.8 960l-268.8-268.8v76.8c0 108.8-83.2 192-192 192s-192-83.2-192-192v-256c0-57.6 25.6-108.8 64-140.8l-51.2-51.2c-44.8 38.4-76.8 96-76.8 160v160c-38.4 0-64-25.6-64-64v-96c0-83.2 38.4-153.6 96-204.8l-288-294.4v-44.8h44.8l979.2 985.6v38.4h-51.2zM800 633.6l-32-32v-121.6c0-121.6-115.2-224-243.2-224h-25.6c-19.2 0-38.4 6.4-57.6 6.4l-57.6-44.8c19.2-6.4 38.4-12.8 64-19.2v-134.4c-192 0-160-128-160-128h448c0 0 32 128-160 128v134.4c140.8 25.6 256 140.8 256 281.6v96c0 25.6-12.8 44.8-32 57.6zM704 512v25.6l-211.2-217.6c6.4 0 12.8 0 19.2 0 108.8 0 192 89.6 192 192z" />
+<glyph unicode="" glyph-name="paperclip2" data-tags="paperclip" d="M172.8-19.2c-44.8 0-89.6 19.2-121.6 51.2-57.6 57.6-76.8 160 0 236.8l569.6 569.6c89.6 89.6 243.2 89.6 332.8 0s89.6-243.2 0-332.8l-473.6-473.6c-12.8-12.8-32-12.8-44.8 0s-12.8 32 0 44.8l473.6 473.6c64 64 64 172.8 0 236.8s-172.8 64-236.8 0l-569.6-569.6c-51.2-51.2-38.4-108.8 0-140.8 38.4-38.4 96-51.2 140.8 0l569.6 569.6c12.8 12.8 12.8 32 0 44.8s-32 12.8-44.8 0l-473.6-473.6c-12.8-12.8-32-12.8-44.8 0s-12.8 32 0 44.8l473.6 473.6c38.4 38.4 102.4 38.4 140.8 0s38.4-102.4 0-140.8l-569.6-569.6c-38.4-25.6-83.2-44.8-121.6-44.8z" />
+<glyph unicode="" glyph-name="play-circle-o2" data-tags="play-circle-o" d="M512 896c249.6 0 448-198.4 448-448s-198.4-448-448-448-448 198.4-448 448 198.4 448 448 448zM512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512v0zM384 704v-512l384 256z" />
+<glyph unicode="" glyph-name="question-circle-o" data-tags="question-circle-o" d="M576 320h-128c0 128 76.8 166.4 128 192 19.2 6.4 32 12.8 44.8 25.6 6.4 6.4 19.2 19.2 6.4 44.8-12.8 32-51.2 64-108.8 64-89.6 0-102.4-76.8-108.8-96l-128 19.2c6.4 70.4 64 204.8 230.4 204.8 102.4 0 192-57.6 230.4-140.8 25.6-70.4 12.8-140.8-38.4-192-25.6-25.6-51.2-38.4-76.8-44.8-38.4-25.6-51.2-12.8-51.2-76.8zM512 896c249.6 0 448-198.4 448-448s-198.4-448-448-448-448 198.4-448 448 198.4 448 448 448zM512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512v0zM441.6 256h128v-128h-128v128z" />
+<glyph unicode="" glyph-name="question-circle2" data-tags="question-circle" d="M512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512zM569.6 128h-128v128h128v-128zM704 441.6c-25.6-25.6-51.2-38.4-76.8-44.8-38.4-25.6-51.2-12.8-51.2-76.8h-128c0 128 76.8 166.4 128 192 19.2 6.4 32 12.8 44.8 25.6 6.4 6.4 19.2 19.2 6.4 44.8-12.8 32-51.2 64-108.8 64-89.6 0-102.4-76.8-108.8-96l-128 19.2c6.4 70.4 64 204.8 230.4 204.8 102.4 0 192-57.6 230.4-140.8 25.6-70.4 12.8-140.8-38.4-192z" />
+<glyph unicode="" glyph-name="play-circle2" data-tags="play-circle" d="M512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512zM384 192v512l384-256-384-256z" />
+<glyph unicode="" glyph-name="bar-chart" data-tags="bar-chart" d="M0 0h960v-64h-960v64zM0 256h192v-192h-192v192zM256 384h192v-320h-192v320zM512 640h192v-576h-192v576zM768 960h192v-896h-192v896z" />
+<glyph unicode="" glyph-name="bar-chart22" data-tags="bar-chart" d="M0 0h960v-64h-960v64zM0 256h192v-192h-192v192zM256 384h192v-320h-192v320zM512 640h192v-576h-192v576zM768 960h192v-896h-192v896z" />
+<glyph unicode="" glyph-name="question2" data-tags="question" d="M576 256h-192c0 192 102.4 256 172.8 294.4 25.6 12.8 44.8 25.6 57.6 38.4 32 32 19.2 76.8 12.8 89.6-19.2 44.8-64 89.6-147.2 89.6-134.4 0-160-121.6-160-147.2l-192 25.6c12.8 108.8 108.8 313.6 352 313.6 147.2 0 275.2-83.2 326.4-204.8 44.8-108.8 25.6-224-51.2-300.8-32-32-70.4-51.2-102.4-70.4-57.6-32-76.8-64-76.8-128zM608 64c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128s128-57.308 128-128z" />
+<glyph unicode="" glyph-name="scissors2" data-tags="scissors" d="M1024 761.6c0 0-134.4 70.4-224 64-19.2 0-32-6.4-44.8-12.8l-275.2-217.6-115.2 96c6.4 19.2 12.8 38.4 19.2 64 6.4 115.2-89.6 217.6-211.2 204.8-76.8-6.4-147.2-64-166.4-140.8-19.2-83.2 12.8-160 76.8-204.8l211.2-166.4-211.2-166.4c-64-44.8-96-121.6-76.8-204.8 19.2-76.8 89.6-128 166.4-140.8 121.6-12.8 217.6 89.6 204.8 204.8 0 19.2-6.4 44.8-19.2 64l115.2 96 275.2-217.6c12.8-6.4 25.6-12.8 44.8-12.8 89.6-6.4 224 64 224 64l-364.8 313.6 371.2 313.6zM179.2 665.6c-57.6 6.4-102.4 57.6-96 115.2s57.6 102.4 115.2 96c57.6-6.4 102.4-57.6 96-115.2 0-57.6-57.6-102.4-115.2-96zM198.4 19.2c-57.6-6.4-108.8 38.4-115.2 96s38.4 108.8 96 115.2c57.6 6.4 108.8-38.4 115.2-96s-38.4-108.8-96-115.2zM793.6 755.2c0 0 6.4 0 12.8 0 25.6 0 57.6-6.4 89.6-12.8l-435.2-364.8-57.6 70.4 390.4 307.2zM896 153.6c-32-12.8-64-19.2-89.6-12.8-6.4 0-12.8 0-12.8 0l-256 204.8 64 57.6 294.4-249.6z" />
+<glyph unicode="" glyph-name="screwdriver" data-tags="screwdriver" d="M512 268.8l57.6 51.2-57.6 57.6 364.8 364.8 76.8 25.6 70.4 140.8-44.8 44.8-147.2-64-32-76.8-358.4-364.8-57.6 57.6-51.2-57.6c0 0 51.2-38.4-6.4-96-32-32-83.2 6.4-179.2-89.6-32-32-134.4-134.4-134.4-134.4s-38.4-64 38.4-140.8 140.8-38.4 140.8-38.4 102.4 102.4 134.4 134.4c89.6 89.6 57.6 147.2 83.2 172.8 57.6 57.6 102.4 12.8 102.4 12.8zM313.6 294.4l44.8-44.8-243.2-243.2-44.8 44.8z" />
+<glyph unicode="" glyph-name="signal2" data-tags="signal" d="M441.6 115.2l70.4-70.4 70.4 70.4c-19.2 19.2-44.8 32-70.4 32s-57.6-12.8-70.4-32zM512 665.6c172.8 0 326.4-70.4 441.6-179.2l70.4 70.4c-128 128-313.6 211.2-512 211.2s-384-83.2-512-211.2l70.4-70.4c115.2 108.8 268.8 179.2 441.6 179.2zM147.2 409.6l70.4-70.4c76.8 70.4 179.2 115.2 294.4 115.2s217.6-44.8 294.4-121.6l70.4 70.4c-89.6 102.4-224 160-364.8 160s-275.2-57.6-364.8-153.6zM294.4 262.4l70.4-70.4c38.4 38.4 89.6 57.6 147.2 57.6s108.8-25.6 147.2-57.6l70.4 70.4c-51.2 57.6-134.4 89.6-217.6 89.6s-166.4-32-217.6-89.6z" />
+<glyph unicode="" glyph-name="spoon2" data-tags="spoon" d="M672 652.8c0 115.2-57.6 307.2-192 307.2s-192-192-192-307.2c0-96 51.2-179.2 140.8-198.4-32-102.4-44.8-294.4-44.8-294.4v-128c0-51.2 44.8-96 96-96s96 44.8 96 96v128c0 38.4-12.8 204.8-44.8 294.4 89.6 19.2 140.8 102.4 140.8 198.4z" />
+<glyph unicode="" glyph-name="strikethrough2" data-tags="strikethrough" d="M672 512c-32 19.2-64 32-89.6 44.8-128 57.6-134.4 70.4-128 121.6s25.6 64 38.4 76.8c57.6 32 179.2 6.4 224-12.8l70.4 179.2c-25.6 12.8-236.8 89.6-390.4 0-51.2-32-121.6-96-134.4-217.6-12.8-83.2 6.4-147.2 44.8-192h-307.2v-64h1024v64h-352zM492.8 384c0 0 6.4 0 6.4-6.4 128-57.6 153.6-76.8 140.8-160-12.8-57.6-32-70.4-51.2-83.2-70.4-38.4-211.2 0-281.6 32l-76.8-166.4c19.2-6.4 147.2-64 288-64 57.6 0 115.2 12.8 166.4 38.4 57.6 32 128 89.6 153.6 217.6 12.8 83.2 0 147.2-25.6 198.4h-320z" />
+<glyph unicode="" glyph-name="sun-o2" data-tags="sun-o" d="M1024 448l-140.8 102.4 70.4 153.6-172.8 12.8-12.8 172.8-153.6-70.4-102.4 140.8-102.4-140.8-153.6 70.4-12.8-172.8-172.8-12.8 70.4-153.6-140.8-102.4 140.8-102.4-70.4-153.6 172.8-12.8 12.8-172.8 153.6 70.4 102.4-140.8 102.4 140.8 153.6-70.4 12.8 172.8 172.8 12.8-70.4 153.6 140.8 102.4zM512 128c-179.2 0-320 140.8-320 320s140.8 320 320 320 320-140.8 320-320-140.8-320-320-320z" />
+<glyph unicode="" glyph-name="text-height2" data-tags="text-height" d="M960 768h64l-96 192-96-192h64v-640h-64l96-192 96 192h-64zM64 960v-192h256v-832h192v832h256v192z" />
+<glyph unicode="" glyph-name="text-width2" data-tags="text-width" d="M960 32l-192 96v-64h-576v64l-192-96 192-96v64h576v-64zM0 960v-192h384v-576h192v576h384v192z" />
+<glyph unicode="" glyph-name="toolbox" data-tags="toolbox" d="M0 448h384v-128h256v128h384v-384h-1024zM448 512h128v-128h-128v128zM704 704v128h-384v-128h-320v-192h384v64h256v-64h384v192h-320zM384 704v64h256v-64h-256z" />
+<glyph unicode="" glyph-name="tools" data-tags="tools" d="M659.2 435.2l-57.6-57.6 57.6-57.6-76.8-76.8 275.2-275.2c38.4-38.4 96-38.4 134.4 0s38.4 96 0 134.4l-332.8 332.8zM908.8 0c-25.6 0-51.2 19.2-51.2 51.2 0 25.6 19.2 51.2 51.2 51.2s51.2-19.2 51.2-51.2c0-32-19.2-51.2-51.2-51.2zM230.4 448l57.6 38.4 96 108.8 57.6-57.6 57.6 57.6-6.4 6.4c12.8 32 19.2 64 19.2 102.4 0 140.8-115.2 256-256 256-38.4 0-70.4-6.4-102.4-19.2l185.6-185.6-134.4-134.4-185.6 185.6c-12.8-32-19.2-64-19.2-102.4 0-134.4 102.4-236.8 230.4-256zM512 268.8l57.6 51.2-57.6 57.6 364.8 364.8 76.8 25.6 70.4 140.8-44.8 44.8-147.2-64-32-76.8-358.4-364.8-57.6 57.6-51.2-57.6c0 0 51.2-38.4-6.4-96-32-32-83.2 6.4-179.2-89.6-32-32-134.4-134.4-134.4-134.4s-38.4-64 38.4-140.8 140.8-38.4 140.8-38.4 102.4 102.4 134.4 134.4c89.6 89.6 57.6 147.2 83.2 172.8 57.6 57.6 102.4 12.8 102.4 12.8zM313.6 294.4l44.8-44.8-243.2-243.2-44.8 44.8z" />
+<glyph unicode="" glyph-name="trophy2" data-tags="trophy" d="M748.8 448c268.8 19.2 275.2 172.8 275.2 320h-192v192h-640v-192h-192c0-147.2 6.4-300.8 275.2-320 57.6-89.6 134.4-128 172.8-128v-256c-192 0-192-128-192-128h512c0 0 0 128-192 128v256c38.4 0 115.2 38.4 172.8 128zM832 704h128c-6.4-102.4-25.6-172.8-172.8-185.6 19.2 51.2 38.4 108.8 44.8 185.6zM64 704h128c6.4-76.8 25.6-134.4 44.8-185.6-140.8 12.8-166.4 83.2-172.8 185.6zM288 569.6c-32 108.8-32 198.4-32 198.4v128h64v-128c0 0 0-108.8 25.6-198.4 32-108.8 102.4-185.6 102.4-185.6s-115.2 12.8-160 185.6z" />
+<glyph unicode="" glyph-name="underline2" data-tags="underline" d="M128 0h768v-64h-768v64zM704 960v-537.6c0-96-70.4-166.4-166.4-166.4h-51.2c-96 0-166.4 70.4-166.4 166.4v537.6h-192v-537.6c0-198.4 160-358.4 358.4-358.4h57.6c198.4 0 358.4 160 358.4 358.4v537.6h-198.4z" />
+<glyph unicode="" glyph-name="unlink2" data-tags="unlink" d="M448 960h64v-256h-64v256zM448 192h64v-256h-64v256zM448 384h-256c-38.4 0-64 25.6-64 64s25.6 64 64 64h256v128h-256c-108.8 0-192-83.2-192-192s83.2-192 192-192h256v128zM768 640h-256v-128h256c38.4 0 64-25.6 64-64s-25.6-64-64-64h-256v-128h256c108.8 0 192 83.2 192 192s-83.2 192-192 192zM224-25.6l160 217.6h-76.8l-134.4-185.6zM736-25.6l-160 217.6h76.8l134.4-185.6zM736 896l-160-192h76.8l134.4 172.8zM224 896l160-192h-76.8l-134.4 172.8z" />
+<glyph unicode="" glyph-name="comment-o" data-tags="comment-o" d="M192 243.2c0-6.4 0-6.4 0 0 0-6.4 0-6.4 0 0 0 0 0 0 0 0zM531.2 896c-281.6 0-531.2-166.4-531.2-358.4 0-128 70.4-236.8 192-300.8 0 0 0 0 0 0s0-6.4 0-6.4c-6.4-83.2-57.6-108.8-57.6-108.8l-115.2-57.6h128c160 0 275.2 70.4 326.4 121.6 19.2 0 32 0 51.2 0 275.2 0 499.2 160 499.2 358.4s-217.6 352-492.8 352zM524.8 249.6c-19.2 0-44.8 0-57.6 0h-19.2l-12.8-12.8c-32-32-102.4-89.6-211.2-108.8 19.2 32 32 70.4 32 128v19.2l-19.2 6.4c-115.2 57.6-172.8 147.2-172.8 256 0 153.6 224 294.4 467.2 294.4 236.8 0 428.8-128 428.8-294.4 0-153.6-198.4-288-435.2-288z" />
+<glyph unicode="" glyph-name="comment" data-tags="comment" d="M512 896c-281.6 0-512-160-512-352 0-128 128-243.2 256-307.2 0 0 0 0 0 0 0-134.4-128-179.2-128-179.2 179.2 0 281.6 83.2 326.4 134.4 19.2 0 38.4 0 57.6 0 281.6 0 512 160 512 352s-230.4 352-512 352z" />
+<glyph unicode="" glyph-name="comment-o22" data-tags="comment-o" d="M192 243.2c0-6.4 0-6.4 0 0 0-6.4 0-6.4 0 0 0 0 0 0 0 0zM531.2 896c-281.6 0-531.2-166.4-531.2-358.4 0-128 70.4-236.8 192-300.8 0 0 0 0 0 0s0-6.4 0-6.4c-6.4-83.2-57.6-108.8-57.6-108.8l-115.2-57.6h128c160 0 275.2 70.4 326.4 121.6 19.2 0 32 0 51.2 0 275.2 0 499.2 160 499.2 358.4s-217.6 352-492.8 352zM524.8 249.6c-19.2 0-44.8 0-57.6 0h-19.2l-12.8-12.8c-32-32-102.4-89.6-211.2-108.8 19.2 32 32 70.4 32 128v19.2l-19.2 6.4c-115.2 57.6-172.8 147.2-172.8 256 0 153.6 224 294.4 467.2 294.4 236.8 0 428.8-128 428.8-294.4 0-153.6-198.4-288-435.2-288z" />
+<glyph unicode="" glyph-name="comment22" data-tags="comment" d="M512 896c-281.6 0-512-160-512-352 0-128 128-243.2 256-307.2 0 0 0 0 0 0 0-134.4-128-179.2-128-179.2 179.2 0 281.6 83.2 326.4 134.4 19.2 0 38.4 0 57.6 0 281.6 0 512 160 512 352s-230.4 352-512 352z" />
+<glyph unicode="" glyph-name="upload" data-tags="upload" d="M704 320v-128h-384v128h-320v-384h1024v384h-320zM256 64h-128v128h128v-128zM832 640l-320 320-320-320h192v-384h256v384z" />
+<glyph unicode="" glyph-name="users2" data-tags="users" d="M339.2 339.2c-25.6 0-57.6 12.8-57.6 38.4s32 19.2 57.6 64c0 0 115.2 313.6-115.2 313.6s-115.2-313.6-115.2-313.6c25.6-44.8 57.6-38.4 57.6-64s-32-38.4-57.6-38.4c-38.4-6.4-70.4 0-108.8-38.4v-364.8h320c12.8 108.8 44.8 332.8 70.4 390.4 0 0 6.4 6.4 6.4 6.4-12.8 6.4-32 6.4-57.6 6.4zM1024 352c-44.8 51.2-83.2 44.8-128 51.2-32 6.4-70.4 12.8-70.4 44.8s38.4 19.2 70.4 76.8c0 0 134.4 377.6-140.8 377.6-281.6-6.4-147.2-384-147.2-384 32-51.2 70.4-44.8 70.4-70.4 0-32-38.4-38.4-70.4-44.8-57.6-6.4-108.8 0-160-96-25.6-57.6-64-371.2-64-371.2h640v416z" />
+<glyph unicode="" glyph-name="warning2" data-tags="warning" d="M512 896l-512-896h1024l-512 896zM512 128c-38.4 0-64 25.6-64 64s25.6 64 64 64 64-25.6 64-64c0-38.4-25.6-64-64-64zM448 320v256h128v-256h-128z" />
+<glyph unicode="" glyph-name="wrench2" data-tags="wrench" d="M992 102.4l-499.2 499.2c12.8 32 19.2 64 19.2 102.4 0 140.8-115.2 256-256 256-38.4 0-70.4-6.4-102.4-19.2l185.6-185.6-134.4-134.4-185.6 185.6c-12.8-32-19.2-64-19.2-102.4 0-140.8 115.2-256 256-256 38.4 0 70.4 6.4 102.4 19.2l499.2-499.2c38.4-38.4 96-38.4 134.4 0s38.4 96 0 134.4zM435.2 473.6l-89.6 89.6 57.6 57.6 89.6-89.6-57.6-57.6zM908.8 0c-25.6 0-51.2 19.2-51.2 51.2 0 25.6 19.2 51.2 51.2 51.2s51.2-19.2 51.2-51.2c0-32-19.2-51.2-51.2-51.2z" />
+<glyph unicode="" glyph-name="adjust2" data-tags="adjust" d="M512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512zM128 448c0 211.2 172.8 384 384 384v-768c-211.2 0-384 172.8-384 384z" />
+<glyph unicode="" glyph-name="align-center2" data-tags="align-center" d="M320 960h384v-192h-384v192zM64 704h896v-192h-896v192zM192 448h640v-192h-640v192zM0 192h1024v-192h-1024v192z" />
+<glyph unicode="" glyph-name="align-left2" data-tags="align-left" d="M0 960h704v-192h-704v192zM0 704h960v-192h-960v192zM0 448h832v-192h-832v192zM0 192h1024v-192h-1024v192z" />
+<glyph unicode="" glyph-name="align-right2" data-tags="align-right" d="M320 960h704v-192h-704v192zM64 704h960v-192h-960v192zM192 448h832v-192h-832v192zM0 192h1024v-192h-1024v192z" />
+<glyph unicode="" glyph-name="arrow-long-down" data-tags="arrow-long-down" d="M448 896h128v-704h128l-192-192-192 192h128z" />
+<glyph unicode="" glyph-name="arrow-long-left" data-tags="arrow-long-left" d="M960 512v-128h-704v-128l-192 192 192 192v-128z" />
+<glyph unicode="" glyph-name="arrows-cross" data-tags="arrows-cross" d="M960 640v256h-256l83.2-83.2-275.2-275.2-275.2 275.2 83.2 83.2h-256v-256l83.2 83.2 275.2-275.2-275.2-275.2-83.2 83.2v-256h256l-83.2 83.2 275.2 275.2 275.2-275.2-83.2-83.2h256v256l-83.2-83.2-275.2 275.2 275.2 275.2z" />
+<glyph unicode="" glyph-name="arrows-long-h" data-tags="arrows-long-h" d="M1024 448l-192 192v-128h-640v128l-192-192 192-192v128h640v-128z" />
+<glyph unicode="" glyph-name="arrows-long-right" data-tags="arrows-long-right" d="M64 384v128h704v128l192-192-192-192v128z" />
+<glyph unicode="" glyph-name="arrows-long-up" data-tags="arrows-long-up" d="M576 0h-128v704h-128l192 192 192-192h-128z" />
+<glyph unicode="" glyph-name="arrows-long-v" data-tags="arrows-long-v" d="M576 768h128l-192 192-192-192h128v-640h-128l192-192 192 192h-128z" />
+<glyph unicode="" glyph-name="arrows2" data-tags="arrows" d="M1024 448l-192 192v-128h-256v256h128l-192 192-192-192h128v-256h-256v128l-192-192 192-192v128h256v-256h-128l192-192 192 192h-128v256h256v-128z" />
+<glyph unicode="" glyph-name="backwards" data-tags="backwards" d="M1024-64v896l-512-448zM512 0v896l-512-448z" />
+<glyph unicode="" glyph-name="bell-o2" data-tags="bell-o" d="M812.8 230.4c-32 12.8-44.8 44.8-44.8 76.8v332.8c0 0 0 153.6-192 185.6v70.4c0 0 6.4 64-64 64s-64-64-64-64v-70.4c-192-32-192-185.6-192-185.6v-332.8c0-32-19.2-64-44.8-76.8l-83.2-38.4v-128h256c0 0-6.4-128 128-128s128 128 128 128h256v128l-83.2 38.4zM832 128h-640v25.6l44.8 25.6c51.2 19.2 83.2 70.4 83.2 128v332.8c0 6.4 0 102.4 140.8 121.6l51.2 12.8 51.2-6.4c128-25.6 140.8-108.8 140.8-128v-332.8c0-57.6 32-108.8 83.2-134.4l44.8-25.6v-19.2z" />
+<glyph unicode="" glyph-name="bolt2" data-tags="bolt" d="M576 960l-448-601.6 384 25.6-320-448 832 640-448-32 448 416z" />
+<glyph unicode="" glyph-name="chat" data-tags="chat" d="M896 51.2c0 0 0 0 0 0 0 38.4 128 115.2 128 198.4 0 96-89.6 172.8-198.4 204.8 44.8 51.2 70.4 108.8 70.4 179.2 0 179.2-185.6 326.4-422.4 326.4-224 0-473.6-134.4-473.6-326.4 0-134.4 102.4-230.4 147.2-268.8-6.4-76.8-38.4-108.8-38.4-108.8l-76.8-64h96c102.4 0 185.6 32 236.8 70.4 0-6.4 0-6.4 0-12.8 0-128 140.8-230.4 320-230.4 12.8 0 25.6 0 38.4 0 25.6-32 108.8-89.6 217.6-89.6 6.4 6.4-44.8 32-44.8 121.6zM473.6 896c198.4 0 358.4-121.6 358.4-262.4s-166.4-262.4-371.2-262.4c-12.8 0-38.4 0-51.2 0h-19.2l-6.4-12.8c-19.2-25.6-96-76.8-198.4-96 6.4 25.6 6.4 64 6.4 115.2v19.2c-64 51.2-134.4 140.8-134.4 230.4 0 140.8 204.8 268.8 416 268.8z" />
+<glyph unicode="" glyph-name="check2" data-tags="check" d="M467.2 51.2l-454.4 332.8 108.8 153.6 307.2-224 422.4 544 147.2-115.2z" />
+<glyph unicode="" glyph-name="circle-thin2" data-tags="circle-thin" d="M512 896c249.6 0 448-198.4 448-448s-198.4-448-448-448-448 198.4-448 448 198.4 448 448 448zM512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512v0z" />
+<glyph unicode="" glyph-name="circle2" data-tags="circle" d="M512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512z" />
+<glyph unicode="" glyph-name="cloud-download-o" data-tags="cloud-download-o" d="M902.4 332.8c0 12.8 0 25.6 0 38.4 0 153.6-121.6 275.2-268.8 275.2-19.2-6.4-38.4-6.4-57.6-6.4v192h-128v-153.6c-25.6 19.2-57.6 25.6-83.2 25.6-102.4 0-185.6-83.2-185.6-185.6 0-19.2 6.4-38.4 12.8-57.6-102.4-12.8-192-115.2-192-230.4 0-121.6 96-230.4 211.2-230.4h659.2c89.6 0 153.6 96 153.6 172.8s-51.2 147.2-121.6 160zM870.4 64h-659.2c-76.8 0-147.2 83.2-147.2 166.4s70.4 166.4 147.2 166.4c6.4 0 19.2 0 25.6 0l89.6-12.8-57.6 64c-12.8 19.2-25.6 44.8-25.6 76.8 0 64 51.2 115.2 115.2 115.2 32 0 64-12.8 83.2-38.4v-153.6h-121.6l192-256 192 256h-128v121.6c19.2 6.4 38.4 6.4 57.6 6.4 115.2 0 204.8-96 204.8-211.2 0-19.2 0-38.4-6.4-57.6l-12.8-38.4 51.2-6.4c44.8 0 89.6-44.8 89.6-96 0-44.8-38.4-102.4-89.6-102.4z" />
+<glyph unicode="" glyph-name="cloud-download2" data-tags="cloud-download" d="M896 320c0 0-6.4 0-6.4 0 0 19.2 6.4 38.4 6.4 64 0 140.8-115.2 256-256 256v256h-256v-198.4c-12.8 6.4-19.2 6.4-32 6.4-89.6 0-160-70.4-160-160 0-38.4 12.8-70.4 38.4-102.4-12.8 6.4-25.6 6.4-38.4 6.4-108.8 0-192-83.2-192-192s83.2-192 192-192h704c70.4 0 128 57.6 128 128s-57.6 128-128 128zM512 230.4l-185.6 217.6h121.6v384h128v-384h121.6l-185.6-217.6z" />
+<glyph unicode="" glyph-name="cloud-o" data-tags="cloud-o" d="M902.4 390.4c0 12.8 0 25.6 0 38.4 0 153.6-121.6 275.2-268.8 275.2-38.4 0-76.8-6.4-115.2-25.6-32 44.8-96 76.8-153.6 76.8-102.4 0-185.6-76.8-185.6-179.2 0-19.2 6.4-38.4 12.8-57.6-102.4-12.8-192-115.2-192-224 0-121.6 96-230.4 211.2-230.4h659.2c89.6 0 153.6 89.6 153.6 166.4s-51.2 140.8-121.6 160zM870.4 128h-659.2c-76.8 0-147.2 76.8-147.2 160s70.4 160 147.2 160c6.4 0 19.2 0 25.6 0l83.2-19.2-51.2 76.8c-12.8 19.2-25.6 44.8-25.6 70.4 0 64 51.2 115.2 115.2 115.2 51.2 0 96-32 108.8-76.8l19.2-38.4 32 19.2c32 19.2 70.4 32 115.2 32 115.2 0 204.8-96 204.8-211.2 0-19.2 0-38.4-6.4-57.6l-12.8-38.4h51.2c44.8 0 89.6-44.8 89.6-96 0-38.4-38.4-96-89.6-96z" />
+<glyph unicode="" glyph-name="cloud-upload-o" data-tags="cloud-upload-o" d="M902.4 262.4c0 12.8 0 25.6 0 38.4 0 153.6-121.6 275.2-268.8 275.2-19.2 0-38.4 0-57.6-6.4v134.4h128l-192 256-192-256h128v-96c-25.6 12.8-57.6 19.2-83.2 19.2-102.4 0-185.6-76.8-185.6-179.2 0-19.2 6.4-38.4 12.8-57.6-102.4-12.8-192-115.2-192-224 0-121.6 96-230.4 211.2-230.4h659.2c89.6 0 153.6 89.6 153.6 166.4s-51.2 140.8-121.6 160zM870.4 0h-659.2c-76.8 0-147.2 76.8-147.2 160s70.4 160 147.2 160c6.4 0 19.2 0 25.6 0l83.2-19.2-51.2 76.8c-12.8 19.2-25.6 44.8-25.6 70.4 0 64 51.2 115.2 115.2 115.2 32 0 64-12.8 83.2-38.4v-204.8h128v179.2c19.2 6.4 38.4 6.4 57.6 6.4 115.2 0 204.8-96 204.8-211.2 0-19.2 0-38.4-6.4-57.6l-12.8-38.4h51.2c44.8 0 89.6-44.8 89.6-96 6.4-44.8-32-102.4-83.2-102.4z" />
+<glyph unicode="" glyph-name="cloud-upload2" data-tags="cloud-upload" d="M896 320c0 0-6.4 0-6.4 0 0 19.2 6.4 38.4 6.4 64 0 102.4-64 192-153.6 230.4l-230.4 281.6-160-192c-89.6 0-160-70.4-160-160 0-38.4 12.8-70.4 38.4-102.4-12.8 6.4-25.6 6.4-38.4 6.4-108.8 0-192-83.2-192-192s83.2-192 192-192h704c70.4 0 128 57.6 128 128s-57.6 128-128 128zM576 576v-384h-128v384h-121.6l185.6 217.6 185.6-217.6h-121.6z" />
+<glyph unicode="" glyph-name="cloud2" data-tags="cloud" d="M896 128c70.4 0 128 57.6 128 128s-57.6 128-128 128c0 0-6.4 0-6.4 0 0 19.2 6.4 38.4 6.4 64 0 140.8-115.2 256-256 256-51.2 0-96-12.8-140.8-38.4-19.2 57.6-76.8 102.4-147.2 102.4-89.6 0-160-70.4-160-160 0-38.4 12.8-70.4 38.4-102.4-12.8 6.4-25.6 6.4-38.4 6.4-108.8 0-192-83.2-192-192s83.2-192 192-192h704z" />
+<glyph unicode="" glyph-name="cog-o" data-tags="cog-o" d="M972.8 576l-70.4 12.8c-6.4 12.8-6.4 25.6-12.8 38.4l38.4 57.6 32 44.8-166.4 166.4-44.8-32-57.6-38.4c-12.8 6.4-25.6 6.4-38.4 12.8l-12.8 70.4-12.8 51.2h-230.4l-12.8-51.2-12.8-70.4c-12.8-6.4-25.6-6.4-38.4-12.8l-57.6 38.4-44.8 25.6-160-160 32-44.8 38.4-57.6c-12.8-12.8-12.8-25.6-19.2-38.4l-70.4-12.8-51.2-12.8v-230.4l51.2-12.8 70.4-12.8c6.4-12.8 6.4-25.6 12.8-38.4l-38.4-57.6-32-44.8 166.4-166.4 44.8 32 57.6 38.4c12.8-6.4 25.6-6.4 38.4-12.8l12.8-70.4 12.8-51.2h230.4l12.8 51.2 12.8 70.4c12.8 6.4 25.6 6.4 38.4 12.8l57.6-38.4 44.8-32 166.4 166.4-32 44.8-38.4 57.6c6.4 12.8 12.8 25.6 12.8 38.4l70.4 12.8 51.2 12.8v230.4l-51.2 12.8zM960 384l-108.8-19.2c-6.4-32-19.2-64-38.4-96l57.6-89.6-89.6-89.6-89.6 57.6c-32-19.2-64-32-96-38.4l-19.2-108.8h-128l-19.2 108.8c-32 6.4-64 19.2-96 38.4l-89.6-57.6-89.6 89.6 57.6 89.6c-19.2 32-32 64-38.4 96l-108.8 19.2v128l108.8 19.2c6.4 32 19.2 64 38.4 96l-64 89.6 89.6 89.6 89.6-57.6c32 19.2 64 32 96 38.4l25.6 108.8h128l19.2-108.8c32-6.4 64-19.2 96-38.4l89.6 57.6 89.6-89.6-57.6-89.6c19.2-32 32-64 38.4-96l108.8-19.2v-128zM512 672c-121.6 0-224-102.4-224-224s102.4-224 224-224 224 102.4 224 224c0 121.6-102.4 224-224 224zM512 288c-89.6 0-160 70.4-160 160s70.4 160 160 160 160-70.4 160-160c0-89.6-70.4-160-160-160z" />
+<glyph unicode="" glyph-name="comment-ellipsis-o" data-tags="comment-ellipsis-o" d="M192 243.2c0-6.4 0-6.4 0 0 0-6.4 0-6.4 0 0 0 0 0 0 0 0zM531.2 896c-281.6 0-531.2-166.4-531.2-358.4 0-128 70.4-236.8 192-300.8 0 0 0 0 0 0s0-6.4 0-6.4c-6.4-83.2-57.6-108.8-57.6-108.8l-115.2-57.6h128c160 0 275.2 70.4 326.4 121.6 19.2 0 38.4 0 51.2 0 275.2 0 499.2 160 499.2 358.4s-217.6 352-492.8 352zM524.8 249.6c-19.2 0-44.8 0-57.6 0h-12.8l-12.8-12.8c-32-32-102.4-89.6-211.2-108.8 19.2 32 32 70.4 32 128v19.2l-19.2 6.4c-115.2 57.6-179.2 147.2-179.2 256 0 153.6 224 294.4 467.2 294.4 236.8 0 428.8-128 428.8-294.4 0-153.6-198.4-288-435.2-288zM384 512c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64zM576 512c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64zM768 512c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64z" />
+<glyph unicode="" glyph-name="comment-ellipsis" data-tags="comment-ellipsis" d="M512 896c-281.6 0-512-160-512-352 0-128 128-243.2 256-307.2 0 0 0 0 0 0 0-134.4-128-179.2-128-179.2 179.2 0 281.6 83.2 326.4 134.4 19.2 0 38.4 0 57.6 0 281.6 0 512 160 512 352s-230.4 352-512 352zM320 448c-38.4 0-64 25.6-64 64s25.6 64 64 64 64-25.6 64-64c0-38.4-25.6-64-64-64zM512 448c-38.4 0-64 25.6-64 64s25.6 64 64 64 64-25.6 64-64c0-38.4-25.6-64-64-64zM704 448c-38.4 0-64 25.6-64 64s25.6 64 64 64 64-25.6 64-64c0-38.4-25.6-64-64-64z" />
+<glyph unicode="" glyph-name="comments-o2" data-tags="comments-o" d="M908.8 64c38.4 32 115.2 102.4 115.2 204.8 0 89.6-76.8 166.4-179.2 211.2 32 38.4 51.2 96 51.2 153.6 0 179.2-185.6 326.4-422.4 326.4-224 0-473.6-134.4-473.6-326.4 0-134.4 102.4-230.4 147.2-268.8-6.4-76.8-38.4-108.8-38.4-108.8l-76.8-64h96c76.8 0 140.8 19.2 192 44.8 19.2-121.6 160-217.6 339.2-217.6 6.4 0 19.2 0 32 0 38.4-32 115.2-83.2 224-83.2h89.6l-70.4 57.6c0 0-19.2 19.2-25.6 70.4zM659.2 83.2c-147.2 0-275.2 83.2-275.2 179.2 0 6.4 0 6.4 0 12.8 12.8 12.8 25.6 19.2 32 32 12.8 0 32 0 44.8 0 134.4 0 256 44.8 332.8 121.6 96-32 166.4-96 166.4-160s-57.6-128-108.8-160l-19.2-12.8v-19.2c0-32 12.8-51.2 19.2-70.4-64 12.8-108.8 44.8-121.6 64l-6.4 12.8h-12.8c-19.2 0-38.4 0-51.2 0zM473.6 896c198.4 0 358.4-121.6 358.4-262.4s-166.4-262.4-371.2-262.4c-12.8 0-38.4 0-51.2 0h-19.2l-6.4-12.8c-19.2-25.6-96-76.8-198.4-96 6.4 25.6 6.4 64 6.4 115.2v19.2c-64 51.2-134.4 140.8-134.4 230.4 0 140.8 204.8 268.8 416 268.8z" />
+<glyph unicode="" glyph-name="comments2" data-tags="comments" d="M1024 249.6c0 96-96 179.2-204.8 211.2-83.2-96-249.6-153.6-409.6-153.6-6.4 0-19.2 0-25.6 0 0 0 0 0-6.4 0-6.4-19.2-6.4-32-6.4-51.2 0-128 140.8-230.4 320-230.4 12.8 0 25.6 0 38.4 0 25.6-32 108.8-89.6 217.6-89.6 0 0-51.2 25.6-51.2 115.2 0 0 0 0 0 0 0 38.4 128 115.2 128 198.4zM832 665.6c0 160-179.2 294.4-409.6 294.4s-422.4-134.4-422.4-294.4c0-108.8 128-204.8 192-256 0 0 0 0 0 0 0-115.2-89.6-153.6-89.6-153.6 147.2 0 230.4 70.4 268.8 115.2 12.8 0 32 0 51.2 0 224-6.4 409.6 128 409.6 294.4z" />
+<glyph unicode="" glyph-name="compress2" data-tags="compress" d="M339.2 364.8l-320-320 89.6-89.6 320 320 83.2-83.2v256h-256zM1004.8 851.2l-89.6 89.6-256-256-83.2 83.2v-256h256l-83.2 83.2z" />
+<glyph unicode="" glyph-name="connect-o" data-tags="connect-o" d="M800 384c-64 0-115.2-25.6-153.6-64l-204.8 108.8c6.4 19.2 6.4 32 6.4 51.2 0 12.8 0 19.2 0 25.6l185.6 83.2c38.4-44.8 96-76.8 166.4-76.8 121.6 0 224 102.4 224 224s-102.4 224-224 224-224-102.4-224-224c0-12.8 0-19.2 0-25.6l-185.6-83.2c-38.4 44.8-96 76.8-166.4 76.8-121.6 0-224-102.4-224-224s102.4-224 224-224c64 0 115.2 25.6 153.6 64l198.4-108.8c0-19.2 0-32 0-51.2 0-121.6 102.4-224 224-224s224 102.4 224 224-102.4 224-224 224zM800 896c89.6 0 160-70.4 160-160s-70.4-160-160-160-160 70.4-160 160c0 89.6 70.4 160 160 160zM224 320c-89.6 0-160 70.4-160 160s70.4 160 160 160 160-70.4 160-160c0-89.6-70.4-160-160-160zM800 0c-89.6 0-160 70.4-160 160s70.4 160 160 160 160-70.4 160-160c0-89.6-70.4-160-160-160z" />
+<glyph unicode="" glyph-name="connect" data-tags="connect" d="M768 320c-51.2 0-89.6-19.2-128-51.2l-204.8 115.2c6.4 19.2 12.8 44.8 12.8 64s-6.4 44.8-12.8 64l204.8 115.2c38.4-32 76.8-51.2 128-51.2 108.8 0 192 83.2 192 192s-83.2 192-192 192-192-83.2-192-192c0-12.8 0-19.2 0-32l-224-121.6c-25.6 12.8-57.6 25.6-96 25.6-102.4 0-192-83.2-192-192v0c0-102.4 89.6-192 192-192 38.4 0 70.4 12.8 96 25.6l224-121.6c0-12.8 0-19.2 0-32 0-108.8 83.2-192 192-192s192 83.2 192 192-83.2 192-192 192z" />
+<glyph unicode="" glyph-name="credit-card2" data-tags="credit-card" d="M0 832v-768h1024v768h-1024zM960 128h-896v320h896v-320zM960 640h-896v128h896v-128zM640 256h192v-64h-192v64zM128 256h384v-64h-384v64z" />
+<glyph unicode="" glyph-name="crop2" data-tags="crop" d="M1024 915.2v44.8h-44.8l-192-192h-467.2v192h-128v-192h-192v-128h192v-512h512v-192h128v192h192v128h-192v467.2l192 192zM320 640h339.2l-339.2-339.2v339.2zM704 256h-339.2l339.2 339.2v-339.2z" />
+<glyph unicode="" glyph-name="deindent" data-tags="deindent" d="M256 288v384l-256-192zM0 960h1024v-192h-1024v192zM384 704h640v-192h-640v192zM384 448h640v-192h-640v192zM0 192h1024v-192h-1024v192z" />
+<glyph unicode="" glyph-name="retweet" data-tags="retweet" d="M128 896h768v-320h128l-192-192-192 192h128v192h-512v-128h-128zM896 64h-768v320h-128l192 192 192-192h-128v-192h512v128h128z" />
+<glyph unicode="" glyph-name="retweet3" data-tags="retweet" d="M128 896h768v-320h128l-192-192-192 192h128v192h-512v-128h-128zM896 64h-768v320h-128l192 192 192-192h-128v-192h512v128h128z" />
+<glyph unicode="" glyph-name="edit2" data-tags="edit" d="M1024 704c0 0 0 64-64 128s-121.6 64-121.6 64l-70.4-70.4v134.4h-768v-1024h768v512l256 256zM403.2 230.4l-38.4 38.4 19.2 70.4 96-96-76.8-12.8zM460.8 352l-38.4 38.4 332.8 332.8c12.8-6.4 25.6-19.2 38.4-32zM902.4 800l-57.6-64c-12.8 12.8-25.6 19.2-38.4 32l57.6 57.6c6.4-6.4 19.2-12.8 38.4-25.6zM704 0h-640v896h640v-134.4l-377.6-377.6-70.4-262.4 262.4 70.4 185.6 192v-384z" />
+<glyph unicode="" glyph-name="eject2" data-tags="eject" d="M64 256h896l-448 640zM64 192h896v-192h-896v192z" />
+<glyph unicode="" glyph-name="sign-in" data-tags="sign-in" d="M448 896v-128l64-64v128h448v-768h-448v128l-64-64v-128h576v896zM640 448l-320 256v-128h-320v-256h320v-128z" />
+<glyph unicode="" glyph-name="sign-out2" data-tags="sign-out" d="M576 704v192h-576v-896h576v192h-64v-128h-448v768h448v-128zM1024 448l-320 256v-128h-320v-256h320v-128z" />
+<glyph unicode="" glyph-name="sign-in3" data-tags="sign-in" d="M448 896v-128l64-64v128h448v-768h-448v128l-64-64v-128h576v896zM640 448l-320 256v-128h-320v-256h320v-128z" />
+<glyph unicode="" glyph-name="sign-out22" data-tags="sign-out" d="M576 704v192h-576v-896h576v192h-64v-128h-448v768h448v-128zM1024 448l-320 256v-128h-320v-256h320v-128z" />
+<glyph unicode="" glyph-name="ellipsis-h2" data-tags="ellipsis-h" d="M0 576h256v-256h-256v256zM384 576h256v-256h-256v256zM768 576h256v-256h-256v256z" />
+<glyph unicode="" glyph-name="ellipsis-v2" data-tags="ellipsis-v" d="M384 960h256v-256h-256v256zM384 576h256v-256h-256v256zM384 192h256v-256h-256v256z" />
+<glyph unicode="" glyph-name="expand-full" data-tags="expand-full" d="M339.2 531.2l89.6 89.6-192 192 83.2 83.2h-256v-256l83.2 83.2zM428.8 275.2l-89.6 89.6-192-192-83.2 83.2v-256h256l-83.2 83.2zM684.8 364.8l-89.6-89.6 192-192-83.2-83.2h256v256l-83.2-83.2zM704 896l83.2-83.2-192-192 89.6-89.6 192 192 83.2-83.2v256z" />
+<glyph unicode="" glyph-name="expand2" data-tags="expand" d="M960 896h-256l83.2-83.2-288-288 89.6-89.6 288 288 83.2-83.2zM435.2 460.8l-288-288-83.2 83.2v-256h256l-83.2 83.2 288 288z" />
+<glyph unicode="" glyph-name="fast-backward2" data-tags="fast-backward" d="M1024 0v896l-448-448zM576 0v896l-448-448zM0 896h128v-896h-128v896z" />
+<glyph unicode="" glyph-name="fast-forward2" data-tags="fast-forward" d="M0 896v-896l448 448zM448 896v-896l448 448zM896 896h128v-896h-128v896z" />
+<glyph unicode="" glyph-name="film2" data-tags="film" d="M0 960v-1024h64v64h64v-64h768v64h64v-64h64v1024h-1024zM128 64h-64v64h64v-64zM128 192h-64v64h64v-64zM128 320h-64v64h64v-64zM128 448h-64v64h64v-64zM128 576h-64v64h64v-64zM128 704h-64v64h64v-64zM128 832h-64v64h64v-64zM832 0h-640v384h640v-384zM832 512h-640v384h640v-384zM960 64h-64v64h64v-64zM960 192h-64v64h64v-64zM960 320h-64v64h64v-64zM960 448h-64v64h64v-64zM960 576h-64v64h64v-64zM960 704h-64v64h64v-64zM960 832h-64v64h64v-64z" />
+<glyph unicode="" glyph-name="folder-open-o2" data-tags="folder-open-o" d="M896 576v128h-448l-64 128h-256l-64-128h-64v-704h896l128 576h-128zM953.6 512l-102.4-448-761.6 6.4 147.2 441.6h716.8zM64 640h38.4l64 128h166.4l76.8-128h422.4v-64h-640l-128-377.6v441.6z" />
+<glyph unicode="" glyph-name="folder-open2" data-tags="folder-open" d="M896 576v128h-448l-64 128h-256l-64-128h-64v-608l192 480zM236.8 512l-204.8-512h819.2l160 512z" />
+<glyph unicode="" glyph-name="forward2" data-tags="forward" d="M0 896v-896l512 448zM512 896v-896l512 448z" />
+<glyph unicode="" glyph-name="table" data-tags="table" d="M0 896v-960h1024v960h-1024zM320 0h-256v128h256v-128zM320 192h-256v128h256v-128zM320 384h-256v128h256v-128zM320 576h-256v128h256v-128zM640 0h-256v128h256v-128zM640 192h-256v128h256v-128zM640 384h-256v128h256v-128zM640 576h-256v128h256v-128zM960 0h-256v128h256v-128zM960 192h-256v128h256v-128zM960 384h-256v128h256v-128zM960 576h-256v128h256v-128z" />
+<glyph unicode="" glyph-name="table3" data-tags="table" d="M0 896v-960h1024v960h-1024zM320 0h-256v128h256v-128zM320 192h-256v128h256v-128zM320 384h-256v128h256v-128zM320 576h-256v128h256v-128zM640 0h-256v128h256v-128zM640 192h-256v128h256v-128zM640 384h-256v128h256v-128zM640 576h-256v128h256v-128zM960 0h-256v128h256v-128zM960 192h-256v128h256v-128zM960 384h-256v128h256v-128zM960 576h-256v128h256v-128z" />
+<glyph unicode="" glyph-name="glass2" data-tags="glass" d="M704 0h-128v512l384 448h-960l384-448v-512h-128c-128 0-128-64-128-64h704c0 0 0 64-128 64zM825.6 896l-115.2-128h-460.8l-108.8 128h684.8zM448 0v512h64v-512h-64z" />
+<glyph unicode="" glyph-name="globe2" data-tags="globe" d="M512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512zM844.8 620.8c25.6 0 44.8-19.2 70.4-19.2-19.2-25.6-102.4-25.6-128 6.4 19.2 6.4 32 12.8 57.6 12.8zM64 448c0 25.6 0 51.2 6.4 83.2 6.4 0 12.8-6.4 19.2-6.4 0 0 6.4-6.4 6.4-12.8 0-19.2 19.2-32 32-32 51.2-6.4 70.4-51.2 115.2-64 12.8-6.4 6.4-19.2 0-32-38.4-51.2-6.4-89.6 25.6-121.6 32-25.6 32-51.2 38.4-89.6 0-44.8 6.4-96 25.6-140.8-160 76.8-268.8 230.4-268.8 416zM512 0c-44.8 0-96 6.4-134.4 19.2-6.4 12.8-6.4 25.6 0 38.4 25.6 51.2 51.2 96 83.2 140.8 12.8 12.8 25.6 25.6 25.6 44.8 0 12.8 6.4 32 12.8 44.8 19.2 32 12.8 51.2-12.8 57.6-51.2 12.8-76.8 57.6-115.2 76.8s-76.8 32-108.8 12.8c-12.8-6.4-32-12.8-32 6.4 0 25.6-32 44.8-25.6 70.4-6.4 0-12.8 0-19.2-6.4s-12.8-12.8-25.6-6.4c-12.8 12.8-6.4 25.6-6.4 38.4 6.4 12.8 12.8 19.2 25.6 25.6 25.6 6.4 51.2 6.4 64-25.6 19.2 57.6 57.6 89.6 96 115.2 0 0 51.2 44.8 57.6 44.8s12.8-12.8 25.6-19.2c12.8 0 19.2 0 19.2 12.8 6.4 32-12.8 70.4-38.4 76.8 0 6.4 6.4 6.4 6.4 6.4 19.2 6.4 44.8 19.2 38.4 38.4 0 25.6-25.6 38.4-51.2 38.4-12.8 0-25.6 0-38.4-6.4-25.6-12.8-57.6-25.6-96-25.6 70.4 51.2 160 76.8 249.6 76.8 19.2 0 32 0 51.2 0-38.4-6.4-76.8-19.2-102.4-32 38.4-6.4 44.8-25.6 32-57.6-6.4-12.8 0-25.6 12.8-32s25.6-6.4 32 6.4c12.8 19.2 38.4 25.6 57.6 32 25.6 6.4 44.8 19.2 64 44.8 0 6.4 6.4 6.4 12.8 12.8 38.4-12.8 76.8-38.4 115.2-64-6.4 0-6.4-6.4-12.8-6.4-12.8-12.8-32-19.2-12.8-44.8 6.4-12.8 0-19.2-6.4-25.6-12.8-6.4-19.2 0-25.6 6.4s-6.4 19.2-25.6 19.2c-6.4-12.8-25.6-19.2-25.6-38.4 32 0 25.6-25.6 32-44.8-38.4-6.4-51.2-25.6-32-57.6 6.4-12.8-6.4-19.2-12.8-25.6-25.6-38.4-51.2-64-51.2-108.8s32-89.6 83.2-83.2c57.6 6.4 57.6 6.4 76.8-44.8 0-6.4 6.4-12.8 6.4-19.2 6.4-12.8 12.8-25.6 6.4-38.4-19.2-51.2 6.4-89.6 25.6-128 6.4-12.8 12.8-19.2 19.2-25.6-83.2-89.6-192-140.8-320-140.8z" />
+<glyph unicode="" glyph-name="heart-o2" data-tags="heart-o" d="M748.8 832c-57.6 0-172.8-32-236.8-134.4-64 102.4-179.2 134.4-243.2 134.4-147.2 0-268.8-121.6-268.8-268.8 0-256 473.6-544 492.8-556.8l19.2-12.8 19.2 12.8c19.2 12.8 492.8 307.2 492.8 556.8 0 147.2-121.6 268.8-275.2 268.8zM512 70.4c-140.8 89.6-448 320-448 492.8 0 115.2 96 204.8 204.8 204.8 6.4 0 160-6.4 211.2-153.6l32-89.6 32 89.6c51.2 147.2 204.8 153.6 211.2 153.6 108.8 0 204.8-89.6 204.8-204.8 0-172.8-307.2-403.2-448-492.8z" />
+<glyph unicode="" glyph-name="heart2" data-tags="heart" d="M768 832c0 0-192 0-256-192-64 192-256 192-256 192-140.8 0-256-115.2-256-256 0-262.4 512-576 512-576s512 320 512 576c0 140.8-115.2 256-256 256z" />
+<glyph unicode="" glyph-name="indent2" data-tags="indent" d="M0 960h1024v-192h-1024v192zM384 704h640v-192h-640v192zM384 448h640v-192h-640v192zM0 192h1024v-192h-1024v192zM0 672v-384l256 192z" />
+<glyph unicode="" glyph-name="laptop2" data-tags="laptop" d="M896 256v576h-768v-576h-128v-128h1024v128h-128zM640 192h-256v64h256v-64zM832 320h-640v448h640v-448z" />
+<glyph unicode="" glyph-name="level-down2" data-tags="level-down" d="M320 896h384v-704h128l-192-192-192 192h128v576h-384z" />
+<glyph unicode="" glyph-name="level-left" data-tags="level-left" d="M960 192v384h-704v128l-192-192 192-192v128h576v-384z" />
+<glyph unicode="" glyph-name="level-right" data-tags="level-right" d="M64 192v384h704v128l192-192-192-192v128h-576v-384z" />
+<glyph unicode="" glyph-name="level-up2" data-tags="level-up" d="M704 0h-384v704h-128l192 192 192-192h-128v-576h384z" />
+<glyph unicode="" glyph-name="magnet2" data-tags="magnet" d="M704 960h320v-256h-320v256zM704 640v-192c0-102.4-89.6-192-192-192s-192 89.6-192 192v192h-320v-192c0-281.6 230.4-512 512-512s512 230.4 512 512v192h-320zM0 960h320v-256h-320v256z" />
+<glyph unicode="" glyph-name="map-marker2" data-tags="map-marker" d="M512 960c-179.2 0-320-140.8-320-320s256-704 320-704c64 0 320 524.8 320 704s-140.8 320-320 320zM512 448c-108.8 0-192 83.2-192 192s83.2 192 192 192 192-83.2 192-192-83.2-192-192-192z" />
+<glyph unicode="" glyph-name="menu" data-tags="menu" d="M0 896h1024v-192h-1024v192zM0 576h1024v-192h-1024v192zM0 256h1024v-192h-1024v192z" />
+<glyph unicode="" glyph-name="menu2" data-tags="menu" d="M0 896h1024v-192h-1024v192zM0 576h1024v-192h-1024v192zM0 256h1024v-192h-1024v192z" />
+<glyph unicode="" glyph-name="moon-o2" data-tags="moon-o" d="M844.8 198.4c-288 0-518.4 230.4-518.4 518.4 0 89.6 19.2 172.8 57.6 243.2-217.6-57.6-384-262.4-384-505.6 0-288 230.4-518.4 518.4-518.4 198.4 0 371.2 115.2 460.8 281.6-38.4-12.8-83.2-19.2-134.4-19.2zM518.4 0c-249.6 0-454.4 204.8-454.4 454.4 0 160 83.2 300.8 211.2 384-12.8-38.4-12.8-76.8-12.8-121.6 0-320 262.4-582.4 582.4-588.8-89.6-76.8-204.8-128-326.4-128z" />
+<glyph unicode="" glyph-name="moon" data-tags="moon" d="M512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512zM512 0c-249.6 0-448 198.4-448 448 0 153.6 76.8 294.4 204.8 377.6-6.4-38.4-12.8-83.2-12.8-121.6 0-313.6 256-569.6 569.6-576-83.2-83.2-192-128-313.6-128z" />
+<glyph unicode="" glyph-name="movie" data-tags="movie" d="M768 512v192h-768v-576h768v192l256-128v448l-256-128zM576 256h-448v320h448v-320zM320 422.4c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64zM512 422.4c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64z" />
+<glyph unicode="" glyph-name="music2" data-tags="music" d="M256 768v-601.6c-25.6 12.8-57.6 25.6-96 25.6-89.6 0-160-57.6-160-128s70.4-128 160-128 160 57.6 160 128v467.2l448 147.2v-326.4c-25.6 19.2-57.6 32-96 32-89.6 0-160-57.6-160-128s70.4-128 160-128 160 57.6 160 128v704l-576-192z" />
+<glyph unicode="" glyph-name="pause2" data-tags="pause" d="M0 896h448v-896h-448v896zM576 896h448v-896h-448v896z" />
+<glyph unicode="" glyph-name="play2" data-tags="play" d="M128 896v-896l768 448z" />
+<glyph unicode="" glyph-name="power-off2" data-tags="power-off" d="M640 812.8v-211.2c76.8-44.8 128-128 128-217.6 0-140.8-115.2-256-256-256s-256 115.2-256 256c0 96 51.2 179.2 128 217.6v211.2c-185.6-57.6-320-224-320-428.8 0-249.6 198.4-448 448-448s448 198.4 448 448c0 204.8-134.4 371.2-320 428.8zM448 896h128v-448h-128v448z" />
+<glyph unicode="" glyph-name="refresh2" data-tags="refresh" d="M166.4 601.6c57.6 134.4 192 230.4 345.6 230.4 192 0 345.6-140.8 377.6-320h128c-32 249.6-243.2 448-505.6 448-192 0-358.4-102.4-441.6-262.4l-70.4 70.4v-256h256l-89.6 89.6zM1024 384h-262.4l96-89.6c-57.6-134.4-192-230.4-352-230.4-185.6 0-345.6 140.8-377.6 320h-128c32-249.6 249.6-448 505.6-448 192 0 358.4 108.8 448 262.4l70.4-70.4v256z" />
+<glyph unicode="" glyph-name="reply-all2" data-tags="reply-all" d="M1024 448c0 320-313.6 320-313.6 320h-134.4v192l-384-384 384-384v192h140.8c224 0 115.2-448 115.2-448s192 262.4 192 512zM0 576l384-384v96l-288 288 288 288v96z" />
+<glyph unicode="" glyph-name="reply2" data-tags="reply" d="M1024 448c0 320-313.6 320-313.6 320h-326.4v192l-384-384 384-384v192h332.8c224 0 115.2-448 115.2-448s192 262.4 192 512z" />
+<glyph unicode="" glyph-name="rotate-left2" data-tags="rotate-left" d="M512 960c-192 0-358.4-102.4-441.6-262.4l-70.4 70.4v-256h256l-96 96c64 128 198.4 224 352 224 211.2 0 384-172.8 384-384s-172.8-384-384-384c-115.2 0-217.6 51.2-288 134.4l-96-83.2c89.6-108.8 230.4-179.2 384-179.2 281.6 0 512 230.4 512 512s-230.4 512-512 512z" />
+<glyph unicode="" glyph-name="rotate-right2" data-tags="rotate-right" d="M1024 512v256l-70.4-70.4c-83.2 160-249.6 262.4-441.6 262.4-281.6 0-512-230.4-512-512s230.4-512 512-512c153.6 0 294.4 70.4 384 179.2l-96 83.2c-70.4-83.2-172.8-134.4-288-134.4-211.2 0-384 172.8-384 384s172.8 384 384 384c153.6 0 288-96 352-224l-96-96h256z" />
+<glyph unicode="" glyph-name="share2" data-tags="share" d="M640 768h-326.4c0 0-313.6 0-313.6-320 0-249.6 192-512 192-512s-108.8 448 115.2 448h332.8v-192l384 384-384 384v-192z" />
+<glyph unicode="" glyph-name="sort2" data-tags="sort" d="M704 512h-384l192 256zM320 384h384l-192-256z" />
+<glyph unicode="" glyph-name="sound-disable" data-tags="sound-disable" d="M256 640h-256v-384h256l320-256v896zM1017.6 601.6l-51.2 44.8-147.2-153.6-153.6 153.6-51.2-44.8 153.6-153.6-153.6-153.6 51.2-44.8 153.6 153.6 147.2-153.6 51.2 44.8-153.6 153.6z" />
+<glyph unicode="" glyph-name="square-shadow" data-tags="square-shadow" d="M896 832v128h-896v-896h128v-128h896v896h-128zM832 128h-768v768h768v-768z" />
+<glyph unicode="" glyph-name="star-half-left-o" data-tags="star-half-left-o" d="M1017.6 563.2l-352 51.2-153.6 320-153.6-320-352-51.2 249.6-243.2-57.6-345.6 313.6 160 313.6-166.4-57.6 352 249.6 243.2zM512 204.8v582.4l115.2-230.4 256-38.4-185.6-179.2 44.8-256-230.4 121.6z" />
+<glyph unicode="" glyph-name="star-half-left" data-tags="star-half-left" d="M358.4 614.4l-352-51.2 249.6-243.2-57.6-352 313.6 166.4v800z" />
+<glyph unicode="" glyph-name="star-half-right-o" data-tags="star-half-right-o" d="M1017.6 563.2l-352 51.2-153.6 320-153.6-320-352-51.2 249.6-243.2-57.6-345.6 313.6 160 313.6-166.4-57.6 352 249.6 243.2zM281.6 83.2l44.8 256-185.6 179.2 256 38.4 115.2 230.4v-582.4l-230.4-121.6z" />
+<glyph unicode="" glyph-name="star-half-right" data-tags="star-half-right" d="M672 614.4l352-51.2-256-243.2 57.6-352-313.6 166.4v800z" />
+<glyph unicode="" glyph-name="star-o2" data-tags="star-o" d="M1017.6 563.2l-352 51.2-153.6 320-153.6-320-352-51.2 249.6-243.2-57.6-345.6 313.6 160 313.6-166.4-57.6 352 249.6 243.2zM512 204.8l-230.4-121.6 44.8 256-185.6 179.2 256 38.4 115.2 230.4 115.2-230.4 256-38.4-185.6-179.2 44.8-256-230.4 121.6z" />
+<glyph unicode="" glyph-name="star2" data-tags="star" d="M825.6-25.6l-313.6 166.4-313.6-166.4 57.6 345.6-256 249.6 352 51.2 153.6 320 153.6-320 352-51.2-243.2-249.6 57.6-345.6z" />
+<glyph unicode="" glyph-name="step-backward2" data-tags="step-backward" d="M896 0v896l-640-448zM128 896h128v-896h-128v896z" />
+<glyph unicode="" glyph-name="step-forward2" data-tags="step-forward" d="M128 896v-896l640 448zM768 896h128v-896h-128v896z" />
+<glyph unicode="" glyph-name="stop2" data-tags="stop" d="M64 896h896v-896h-896v896z" />
+<glyph unicode="" glyph-name="thin-square" data-tags="thin-square" d="M960 896h-896v-896h896v896zM896 64h-768v768h768v-768z" />
+<glyph unicode="" glyph-name="time-backward" data-tags="time-backward" d="M512 704h-64v-320h256v64h-192zM512 960c-192 0-358.4-102.4-441.6-262.4l-70.4 70.4v-256h256l-96 96c64 128 198.4 224 352 224 211.2 0 384-172.8 384-384s-172.8-384-384-384c-115.2 0-217.6 51.2-288 134.4l-96-83.2c89.6-108.8 230.4-179.2 384-179.2 281.6 0 512 230.4 512 512s-230.4 512-512 512z" />
+<glyph unicode="" glyph-name="time-forward" data-tags="time-forward" d="M512 704h-64v-320h256v64h-192zM1024 512v256l-70.4-70.4c-83.2 160-249.6 262.4-441.6 262.4-281.6 0-512-230.4-512-512s230.4-512 512-512c153.6 0 294.4 70.4 384 179.2l-96 83.2c-70.4-83.2-172.8-134.4-288-134.4-211.2 0-384 172.8-384 384s172.8 384 384 384c153.6 0 288-96 352-224l-96-96h256z" />
+<glyph unicode="" glyph-name="volume-down2" data-tags="volume-down" d="M691.2 678.4l-32-70.4c32-57.6 51.2-121.6 51.2-192 0-64-19.2-128-44.8-185.6l44.8-57.6c38.4 70.4 64 153.6 64 236.8-6.4 102.4-32 192-83.2 268.8zM256 640h-256v-384h256l320-256v896z" />
+<glyph unicode="" glyph-name="volume-off2" data-tags="volume-off" d="M256 640h-256v-384h256l320-256v896z" />
+<glyph unicode="" glyph-name="volume-up2" data-tags="volume-up" d="M960 416c0-147.2-51.2-288-128-396.8l44.8-51.2c96 121.6 153.6 281.6 153.6 448 0 198.4-76.8 377.6-204.8 512l-32-64c102.4-115.2 166.4-275.2 166.4-448zM755.2 806.4l-32-64c70.4-89.6 108.8-204.8 108.8-326.4 0-108.8-32-204.8-83.2-294.4l44.8-51.2c70.4 96 108.8 217.6 108.8 345.6-6.4 147.2-57.6 281.6-147.2 390.4zM691.2 678.4l-32-70.4c32-57.6 51.2-121.6 51.2-192 0-64-19.2-128-44.8-185.6l44.8-57.6c38.4 70.4 64 153.6 64 236.8-6.4 102.4-32 192-83.2 268.8zM256 640h-256v-384h256l320-256v896z" />
+<glyph unicode="" glyph-name="volume" data-tags="volume" d="M755.2 806.4l-32-64c70.4-89.6 108.8-204.8 108.8-326.4 0-108.8-32-204.8-83.2-294.4l44.8-51.2c70.4 96 108.8 217.6 108.8 345.6-6.4 147.2-57.6 281.6-147.2 390.4zM691.2 678.4l-32-70.4c32-57.6 51.2-121.6 51.2-192 0-64-19.2-128-44.8-185.6l44.8-57.6c38.4 70.4 64 153.6 64 236.8-6.4 102.4-32 192-83.2 268.8zM256 640h-256v-384h256l320-256v896z" />
+<glyph unicode="" glyph-name="close2" data-tags="close" d="M966.4 761.6l-140.8 140.8-313.6-320-313.6 320-140.8-140.8 320-313.6-320-313.6 140.8-140.8 313.6 320 313.6-320 140.8 140.8-320 313.6z" />
+<glyph unicode="" glyph-name="align-justify2" data-tags="align-justify" d="M0 960h1024v-192h-1024v192zM0 704h1024v-192h-1024v192zM0 192h1024v-192h-1024v192zM0 448h1024v-192h-1024v192z" />
+<glyph unicode="" glyph-name="arrow-down2" data-tags="arrow-down" d="M800 409.6l-224-230.4v780.8h-128v-780.8l-224 230.4-89.6-96 377.6-377.6 377.6 377.6z" />
+<glyph unicode="" glyph-name="arrow-left2" data-tags="arrow-left" d="M473.6 160l-230.4 224h780.8v128h-780.8l230.4 224-96 89.6-377.6-377.6 377.6-377.6z" />
+<glyph unicode="" glyph-name="arrow-right2" data-tags="arrow-right" d="M550.4 736l224-224h-774.4v-128h774.4l-224-224 89.6-89.6 384 377.6-384 377.6z" />
+<glyph unicode="" glyph-name="arrow-up2" data-tags="arrow-up" d="M217.6 486.4l230.4 230.4v-780.8h128v780.8l224-230.4 89.6 96-377.6 377.6-384-377.6z" />
+<glyph unicode="" glyph-name="bell2" data-tags="bell, notification, item, alert, reminder, ring" d="M384 64h256c0 0 6.4-128-128-128s-128 128-128 128zM812.8 230.4c-32 12.8-44.8 44.8-44.8 76.8v332.8c0 0-12.8 153.6-192 185.6v70.4c0 0 6.4 64-64 64s-64-64-64-64v-70.4c-179.2-32-192-185.6-192-185.6v-332.8c0-32-19.2-64-44.8-76.8l-83.2-38.4v-64h768v64l-83.2 38.4zM384 652.8v-460.8h-128c51.2 0 64 64 64 64v384c0 0 0 51.2 44.8 89.6 44.8 44.8 83.2 38.4 83.2 38.4s-64-44.8-64-115.2z" />
+<glyph unicode="" glyph-name="bookmark-o2" data-tags="bookmark-o" d="M192 960v-1024l320 320 320-320v1024h-640zM768 83.2l-256 249.6-256-249.6v684.8h512v-684.8zM768 832h-512v64h512v-64z" />
+<glyph unicode="" glyph-name="bookmark2" data-tags="bookmark" d="M192 960v0-64h640l6.4 64zM192 832h640v-896l-320 320-320-320z" />
+<glyph unicode="" glyph-name="building-o2" data-tags="building-o" d="M128 960v-1024h768v1024h-768zM832 0h-256v192h-128v-192h-256v896h640v-896zM256 384h128v-128h-128v128zM448 384h128v-128h-128v128zM640 384h128v-128h-128v128zM256 576h128v-128h-128v128zM448 576h128v-128h-128v128zM640 576h128v-128h-128v128zM256 768h128v-128h-128v128zM448 768h128v-128h-128v128zM640 768h128v-128h-128v128z" />
+<glyph unicode="" glyph-name="building2" data-tags="building" d="M192 960v-1024h256v192h128v-192h256v1024h-640zM384 192h-128v128h128v-128zM384 384h-128v128h128v-128zM384 576h-128v128h128v-128zM384 768h-128v128h128v-128zM576 192h-128v128h128v-128zM576 384h-128v128h128v-128zM576 576h-128v128h128v-128zM576 768h-128v128h128v-128zM768 192h-128v128h128v-128zM768 384h-128v128h128v-128zM768 576h-128v128h128v-128zM768 768h-128v128h128v-128z" />
+<glyph unicode="" glyph-name="calendar-o2" data-tags="calendar-o" d="M896 896v-192h-192v192h-384v-192h-192v192h-128v-960h1024v960h-128zM960 0h-896v576h896v-576zM192 960h64v-192h-64v192zM768 960h64v-192h-64v192z" />
+<glyph unicode="" glyph-name="file-text-o" data-tags="file-text-o" d="M640 960h-512v-1024h768v768l-256 256zM576 640h256v-640h-640v896h384v-256zM640 704v192l192-192h-192zM256 512h512v-64h-512v64zM256 384h512v-64h-512v64zM256 256h512v-64h-512v64z" />
+<glyph unicode="" glyph-name="file-text-o22" data-tags="file-text-o" d="M640 960h-512v-1024h768v768l-256 256zM576 640h256v-640h-640v896h384v-256zM640 704v192l192-192h-192zM256 512h512v-64h-512v64zM256 384h512v-64h-512v64zM256 256h512v-64h-512v64z" />
+<glyph unicode="" glyph-name="calendar2" data-tags="calendar" d="M896 896v-192h-192v192h-384v-192h-192v192h-128v-960h1024v960h-128zM192 0h-128v128h128v-128zM192 192h-128v128h128v-128zM192 384h-128v128h128v-128zM384 0h-128v128h128v-128zM384 192h-128v128h128v-128zM384 384h-128v128h128v-128zM576 0h-128v128h128v-128zM576 192h-128v128h128v-128zM576 384h-128v128h128v-128zM768 0h-128v128h128v-128zM768 192h-128v128h128v-128zM768 384h-128v128h128v-128zM960 0h-128v128h128v-128zM960 192h-128v128h128v-128zM960 384h-128v128h128v-128zM192 960h64v-192h-64v192zM768 960h64v-192h-64v192z" />
+<glyph unicode="" glyph-name="camera2" data-tags="camera" d="M704 384c0-106.039-85.961-192-192-192s-192 85.961-192 192c0 106.039 85.961 192 192 192s192-85.961 192-192zM704 704v192h-384v-192h-320v-576h320c51.2-38.4 121.6-64 192-64s140.8 25.6 192 64h320v576h-320zM384 832h256v-128h-256v128zM512 128c-140.8 0-256 115.2-256 256s115.2 256 256 256c140.8 0 256-115.2 256-256s-115.2-256-256-256zM960 576h-128v64h128v-64z" />
+<glyph unicode="" glyph-name="caret-down2" data-tags="caret-down" d="M192 704h640l-320-448z" />
+<glyph unicode="" glyph-name="caret-left2" data-tags="caret-left" d="M704 768v-640l-448 320z" />
+<glyph unicode="" glyph-name="caret-right2" data-tags="caret-right" d="M320 128v640l448-320z" />
+<glyph unicode="" glyph-name="caret-square-down-o" data-tags="caret-square-down-o" d="M960 896h-896v-896h896v896zM896 64h-768v768h768v-768zM256 576h512l-256-320z" />
+<glyph unicode="" glyph-name="caret-square-left-o" data-tags="caret-square-left-o" d="M960 896h-896v-896h896v896zM896 64h-768v768h768v-768zM640 704v-512l-320 256z" />
+<glyph unicode="" glyph-name="caret-square-right-o" data-tags="caret-square-right-o" d="M960 896h-896v-896h896v896zM896 64h-768v768h768v-768zM377.6 192v512l320-256z" />
+<glyph unicode="" glyph-name="caret-square-up-o" data-tags="caret-square-up-o" d="M960 896h-896v-896h896v896zM896 64h-768v768h768v-768zM768 320h-512l256 320z" />
+<glyph unicode="" glyph-name="caret-up2" data-tags="caret-up" d="M832 192h-640l320 448z" />
+<glyph unicode="" glyph-name="check-circle-o2" data-tags="check-circle-o" d="M512 896c249.6 0 448-198.4 448-448s-198.4-448-448-448-448 198.4-448 448 198.4 448 448 448zM512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512v0zM454.4 211.2l-268.8 262.4 89.6 89.6 179.2-172.8 313.6 313.6 89.6-89.6z" />
+<glyph unicode="" glyph-name="check-circle2" data-tags="check-circle" d="M512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512zM454.4 211.2l-268.8 262.4 89.6 89.6 172.8-172.8 320 313.6 89.6-89.6-403.2-403.2z" />
+<glyph unicode="" glyph-name="chevron-circle-down-o" data-tags="chevron-circle-down-o" d="M832 537.6l-320-320-320 320 89.6 89.6 230.4-230.4 230.4 230.4zM64 448c0 249.6 198.4 448 448 448s448-198.4 448-448-198.4-448-448-448-448 198.4-448 448zM0 448c0-281.6 230.4-512 512-512s512 230.4 512 512-230.4 512-512 512-512-230.4-512-512v0z" />
+<glyph unicode="" glyph-name="list-ul2" data-tags="list-ul" d="M0 896h192v-192h-192v192zM0 576h192v-192h-192v192zM0 256h192v-192h-192v192zM320 896h704v-192h-704v192zM320 576h704v-192h-704v192zM320 256h704v-192h-704v192z" />
+<glyph unicode="" glyph-name="list2" data-tags="list" d="M0 960h256v-192h-256v192zM0 704h256v-192h-256v192zM0 192h256v-192h-256v192zM0 448h256v-192h-256v192zM320 960h704v-192h-704v192zM320 704h704v-192h-704v192zM320 192h704v-192h-704v192zM320 448h704v-192h-704v192z" />
+<glyph unicode="" glyph-name="list-ul22" data-tags="list-ul" d="M0 896h192v-192h-192v192zM0 576h192v-192h-192v192zM0 256h192v-192h-192v192zM320 896h704v-192h-704v192zM320 576h704v-192h-704v192zM320 256h704v-192h-704v192z" />
+<glyph unicode="" glyph-name="list22" data-tags="list" d="M0 960h256v-192h-256v192zM0 704h256v-192h-256v192zM0 192h256v-192h-256v192zM0 448h256v-192h-256v192zM320 960h704v-192h-704v192zM320 704h704v-192h-704v192zM320 192h704v-192h-704v192zM320 448h704v-192h-704v192z" />
+<glyph unicode="" glyph-name="chevron-circle-down2" data-tags="chevron-circle-down" d="M0 448c0-281.6 230.4-512 512-512s512 230.4 512 512-230.4 512-512 512-512-230.4-512-512zM742.4 627.2l89.6-89.6-320-320-320 320 89.6 89.6 230.4-230.4 230.4 230.4z" />
+<glyph unicode="" glyph-name="chevron-circle-left-o" data-tags="chevron-circle-left-o" d="M601.6 128l-320 320 320 320 89.6-89.6-230.4-230.4 230.4-230.4zM512 896c249.6 0 448-198.4 448-448s-198.4-448-448-448-448 198.4-448 448 198.4 448 448 448zM512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512v0z" />
+<glyph unicode="" glyph-name="chevron-circle-left2" data-tags="chevron-circle-left" d="M512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512zM691.2 217.6l-89.6-89.6-320 320 320 320 89.6-89.6-230.4-230.4 230.4-230.4z" />
+<glyph unicode="" glyph-name="chevron-circle-right-o" data-tags="chevron-circle-right-o" d="M422.4 128l320 320-320 320-89.6-89.6 230.4-230.4-230.4-230.4zM512 896c249.6 0 448-198.4 448-448s-198.4-448-448-448-448 198.4-448 448 198.4 448 448 448zM512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512v0z" />
+<glyph unicode="" glyph-name="chevron-circle-right2" data-tags="chevron-circle-right" d="M512-64c281.6 0 512 230.4 512 512s-230.4 512-512 512-512-230.4-512-512 230.4-512 512-512zM332.8 678.4l89.6 89.6 320-320-320-320-89.6 89.6 230.4 230.4-230.4 230.4z" />
+<glyph unicode="" glyph-name="chevron-circle-up-o" data-tags="chevron-circle-up-o" d="M192 358.4l320 320 320-320-89.6-89.6-230.4 230.4-230.4-230.4zM960 448c0-249.6-198.4-448-448-448s-448 198.4-448 448 198.4 448 448 448 448-198.4 448-448zM1024 448c0 281.6-230.4 512-512 512s-512-230.4-512-512 230.4-512 512-512 512 230.4 512 512v0z" />
+<glyph unicode="" glyph-name="chevron-circle-up2" data-tags="chevron-circle-up" d="M1024 448c0 281.6-230.4 512-512 512s-512-230.4-512-512 230.4-512 512-512 512 230.4 512 512zM281.6 268.8l-89.6 89.6 320 320 320-320-89.6-89.6-230.4 230.4-230.4-230.4z" />
+<glyph unicode="" glyph-name="chevron-down2" data-tags="chevron-down" d="M512 121.6l-512 512 134.4 140.8 377.6-377.6 377.6 377.6 134.4-140.8z" />
+<glyph unicode="" glyph-name="chevron-left2" data-tags="chevron-left" d="M185.6 448l512 512 140.8-134.4-377.6-377.6 377.6-377.6-140.8-134.4z" />
+<glyph unicode="" glyph-name="chevron-right2" data-tags="chevron-right" d="M838.4 448l-512-512-140.8 134.4 377.6 377.6-377.6 377.6 140.8 134.4z" />
+<glyph unicode="" glyph-name="chevron-up2" data-tags="chevron-up" d="M512 774.4l512-512-134.4-140.8-377.6 377.6-377.6-377.6-134.4 140.8z" />
+<glyph unicode="" glyph-name="clock" data-tags="clock" d="M480 960c-262.4 0-480-217.6-480-480s217.6-480 480-480 480 217.6 480 480-217.6 480-480 480zM480 128c-192 0-352 160-352 352s160 352 352 352 352-160 352-352-160-352-352-352zM512 768h-64v-320h256v64h-192z" />
+<glyph unicode="" glyph-name="cog2" data-tags="cog" d="M1024 384v128l-108.8 38.4c-12.8 38.4-25.6 76.8-44.8 115.2l51.2 102.4-89.6 89.6-102.4-51.2c-32 19.2-70.4 38.4-115.2 44.8l-38.4 108.8h-128l-38.4-108.8c-38.4-12.8-76.8-25.6-108.8-44.8l-102.4 51.2-96-96 51.2-102.4c-19.2-32-32-70.4-44.8-108.8l-108.8-38.4v-128l108.8-38.4c12.8-38.4 25.6-76.8 44.8-115.2l-51.2-102.4 89.6-89.6 102.4 51.2c32-19.2 70.4-38.4 115.2-44.8l38.4-108.8h128l38.4 108.8c38.4 12.8 76.8 25.6 115.2 44.8l102.4-51.2 89.6 89.6-51.2 102.4c19.2 32 38.4 70.4 44.8 115.2l108.8 38.4zM512 192c-140.8 0-256 115.2-256 256s115.2 256 256 256 256-115.2 256-256-115.2-256-256-256zM678.4 454.4c0-88.366-71.634-160-160-160s-160 71.634-160 160c0 88.366 71.634 160 160 160s160-71.634 160-160z" />
+<glyph unicode="" glyph-name="copy-o" data-tags="copy-o" d="M832 768h-192l-192 192h-448v-832h384v-192h640v640l-192 192zM448 896l128-128h-128v128zM64 192v704h320v-192h192v-512h-512zM960 0h-512v128h192v576h128v-192h192v-512zM832 576v128l128-128h-128z" />
+<glyph unicode="" glyph-name="copy2" data-tags="copy" d="M384 960v-192h192zM576 704h-256v256h-320v-768h576zM832 704v-192h192zM768 704h-128v-576h-192v-192h576v512h-256z" />
+<glyph unicode="" glyph-name="crosshairs2" data-tags="crosshairs" d="M960 512h-64c-12.8 204.8-179.2 364.8-384 384v64h-64v-64c-204.8-19.2-364.8-179.2-384-384h-64v-64h64c12.8-204.8 179.2-364.8 384-384v-64h64v64c204.8 12.8 364.8 179.2 384 384h64v64zM512 166.4v153.6h-64v-153.6c-153.6 12.8-268.8 128-281.6 281.6h153.6v64h-153.6c12.8 153.6 128 268.8 281.6 281.6v-153.6h64v153.6c153.6-12.8 268.8-134.4 281.6-281.6h-153.6v-64h153.6c-12.8-153.6-128-268.8-281.6-281.6z" />
+<glyph unicode="" glyph-name="desktop2" data-tags="desktop" d="M1024 960h-1024v-832h384v-128h-128v-64h512v64h-128v128h384v832zM576 192h-128v64h128v-64zM960 320h-896v569.6c0 6.4 0 6.4 0 6.4h896c0 0 0 0 0-6.4v-569.6z" />
+<glyph unicode="" glyph-name="insert" data-tags="insert" d="M896-64v704l-64-64v-576h-768v768h576l64 64h-704v-896zM1024 870.4l-89.6 89.6-435.2-435.2-115.2 115.2v-320h320l-115.2 115.2z" />
+<glyph unicode="" glyph-name="ellipsis-circle-o" data-tags="ellipsis-circle-o" d="M512 896c249.6 0 448-198.4 448-448s-198.4-448-448-448-448 198.4-448 448 198.4 448 448 448zM512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512v0zM256 512h128v-128h-128v128zM448 512h128v-128h-128v128zM640 512h128v-128h-128v128z" />
+<glyph unicode="" glyph-name="ellipsis-circle" data-tags="ellipsis-circle" d="M512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512zM384 384h-128v128h128v-128zM576 384h-128v128h128v-128zM768 384h-128v128h128v-128z" />
+<glyph unicode="" glyph-name="envelope-o2" data-tags="envelope-o" d="M0 768v-704h1024v704h-1024zM64 505.6l249.6-128-249.6-217.6v345.6zM121.6 128l256 224 134.4-70.4 134.4 70.4 256-224h-780.8zM960 160l-249.6 224 249.6 128v-352zM960 582.4l-448-224-448 224v121.6h896v-121.6z" />
+<glyph unicode="" glyph-name="envelope2" data-tags="envelope" d="M0 768h1024v-153.6l-512-256-512 256zM0 64l352 307.2 160-89.6 160 89.6 352-307.2zM294.4 396.8l-294.4 147.2v-416zM729.6 396.8l294.4 147.2v-416z" />
+<glyph unicode="" glyph-name="expand-square" data-tags="expand-square" d="M704 832h-576v-576l64 64v448h448zM320 64h576v576l-64-64v-448h-448zM1024 960h-320l115.2-115.2-288-288 89.6-89.6 288 288 115.2-115.2zM492.8 339.2l-89.6 89.6-288-288-115.2 115.2v-320h320l-115.2 115.2z" />
+<glyph unicode="" glyph-name="external-link2" data-tags="external-link" d="M896-64v704l-64-64v-576h-768v768h576l64 64h-704v-896zM1024 960h-320l115.2-115.2-435.2-435.2 89.6-89.6 435.2 435.2 115.2-115.2z" />
+<glyph unicode="" glyph-name="eye2" data-tags="eye" d="M512 710.4c-428.8 0-512-326.4-512-326.4s140.8-262.4 505.6-262.4 518.4 256 518.4 256-83.2 332.8-512 332.8zM339.2 614.4c32 19.2 83.2 19.2 83.2 19.2s-32-57.6-32-102.4c0-44.8 12.8-70.4 12.8-70.4l-70.4-12.8c0 0-19.2 32-19.2 76.8 0 51.2 25.6 89.6 25.6 89.6zM505.6 185.6c-262.4 0-396.8 147.2-435.2 204.8 19.2 44.8 70.4 140.8 198.4 204.8-6.4-25.6-12.8-51.2-12.8-83.2 0-140.8 115.2-256 256-256s256 115.2 256 256c0 32-6.4 57.6-12.8 83.2 128-57.6 179.2-160 198.4-204.8-44.8-57.6-179.2-204.8-448-204.8z" />
+<glyph unicode="" glyph-name="file-o2" data-tags="file-o" d="M640 960h-512v-1024h768v768l-256 256zM576 640h256v-640h-640v896h384v-256zM640 704v192l192-192h-192z" />
+<glyph unicode="" glyph-name="file-text2" data-tags="file-text" d="M640 960v-256h256zM576 960h-448v-1024h768v704h-320v320zM768 192h-512v64h512v-64zM768 320h-512v64h512v-64zM768 512v-64h-512v64h512z" />
+<glyph unicode="" glyph-name="file2" data-tags="file" d="M576 640h320v-704h-768v1024h448v-320zM640 704v256l256-256h-256z" />
+<glyph unicode="" glyph-name="flask2" data-tags="flask" d="M128-64h768l-256 512v448h64v64h-384v-64h64v-448l-256-512zM576 896v-460.8l121.6-243.2h-371.2l121.6 243.2v460.8h128z" />
+<glyph unicode="" glyph-name="folder-o2" data-tags="folder-o" d="M448 704l-64 128h-256l-64-128h-64v-704h1024v704h-576zM960 64h-896v576h38.4l64 128h166.4l76.8-128h550.4v-576z" />
+<glyph unicode="" glyph-name="folder2" data-tags="folder" d="M1024 0h-1024v704h64l64 128h256l64-128h576z" />
+<glyph unicode="" glyph-name="glasses" data-tags="glasses" d="M992 512h-32c-6.4 0-6.4 0-12.8 0-25.6 76.8-96 128-179.2 128s-153.6-57.6-179.2-134.4c-19.2 25.6-44.8 38.4-76.8 38.4s-57.6-12.8-76.8-38.4c-25.6 76.8-96 134.4-179.2 134.4s-153.6-57.6-179.2-128c-6.4 0-6.4 0-12.8 0h-32c-19.2 0-32-12.8-32-32s12.8-32 32-32h32c0-108.8 83.2-192 192-192 96 0 172.8 70.4 192 160 0 0 0 0 0 0 19.2 0 32 12.8 32 32s12.8 32 32 32 32-12.8 32-32c0-19.2 12.8-32 32-32 0 0 0 0 0 0 12.8-89.6 96-160 192-160 108.8 0 192 83.2 192 192h32c19.2 0 32 12.8 32 32s-12.8 32-32 32zM256 320c-70.4 0-128 57.6-128 128s57.6 128 128 128 128-57.6 128-128-57.6-128-128-128zM768 320c-70.4 0-128 57.6-128 128s57.6 128 128 128 128-57.6 128-128-57.6-128-128-128z" />
+<glyph unicode="" glyph-name="grid-big-o" data-tags="grid-big-o" d="M0 512h448v448h-448v-448zM64 896h320v-320h-320v320zM576 960v-448h448v448h-448zM960 576h-320v320h320v-320zM0-64h448v448h-448v-448zM64 320h320v-320h-320v320zM576-64h448v448h-448v-448zM640 320h320v-320h-320v320z" />
+<glyph unicode="" glyph-name="grid-big" data-tags="grid-big" d="M0 960h448v-448h-448v448zM576 960h448v-448h-448v448zM0 384h448v-448h-448v448zM576 384h448v-448h-448v448z" />
+<glyph unicode="" glyph-name="grid-small-o" data-tags="grid-small-o" d="M0 704h256v256h-256v-256zM64 896h128v-128h-128v128zM0 320h256v256h-256v-256zM64 512h128v-128h-128v128zM0-64h256v256h-256v-256zM64 128h128v-128h-128v128zM384 704h256v256h-256v-256zM448 896h128v-128h-128v128zM384 320h256v256h-256v-256zM448 512h128v-128h-128v128zM384-64h256v256h-256v-256zM448 128h128v-128h-128v128zM768 960v-256h256v256h-256zM960 768h-128v128h128v-128zM768 320h256v256h-256v-256zM832 512h128v-128h-128v128zM768-64h256v256h-256v-256zM832 128h128v-128h-128v128z" />
+<glyph unicode="" glyph-name="grid-small" data-tags="grid-small" d="M0 960h256v-256h-256v256zM0 576h256v-256h-256v256zM0 192h256v-256h-256v256zM384 960h256v-256h-256v256zM384 576h256v-256h-256v256zM384 192h256v-256h-256v256zM768 960h256v-256h-256v256zM768 576h256v-256h-256v256zM768 192h256v-256h-256v256z" />
+<glyph unicode="" glyph-name="home-o" data-tags="home-o" d="M1024 537.6l-512 332.8-128-83.2v108.8h-128v-192l-256-166.4 121.6-172.8 6.4 6.4v-371.2h320v256h128v-256h320v371.2l6.4-6.4 121.6 172.8zM89.6 518.4l422.4 275.2 422.4-275.2-44.8-64-377.6 249.6-377.6-249.6-44.8 64zM832 64h-192v256h-256v-256h-192v345.6l320 211.2 320-211.2v-345.6z" />
+<glyph unicode="" glyph-name="home2" data-tags="home" d="M512 870.4l-128-83.2v108.8h-128v-192l-256-166.4 38.4-51.2 473.6 307.2 473.6-307.2 38.4 51.2zM512 704l-384-256v-448h320v192h128v-192h320v448z" />
+<glyph unicode="" glyph-name="lines-list" data-tags="lines-list" d="M0 896h192v-128h-192v128zM0 640h192v-128h-192v128zM0 384h192v-128h-192v128zM0 128h192v-128h-192v128zM256 896h768v-128h-768v128zM256 640h768v-128h-768v128zM256 384h768v-128h-768v128zM256 128h768v-128h-768v128z" />
+<glyph unicode="" glyph-name="lines" data-tags="lines" d="M0 896h1024v-128h-1024v128zM0 640h1024v-128h-1024v128zM0 384h1024v-128h-1024v128zM0 128h1024v-128h-1024v128z" />
+<glyph unicode="" glyph-name="lock2" data-tags="lock" d="M768 448v198.4c0 140.8-102.4 249.6-243.2 249.6h-19.2c-134.4 0-249.6-108.8-249.6-249.6v-198.4h-64l6.4-320c0 0-6.4-192 313.6-192s320 192 320 192v320h-64zM576 64h-64v128c-38.4 0-64 25.6-64 64s25.6 64 64 64 64-25.6 64-64v-192zM640 448h-256v198.4c0 70.4 57.6 121.6 121.6 121.6h19.2c64 0 115.2-51.2 115.2-121.6v-198.4z" />
+<glyph unicode="" glyph-name="minus-circle-o" data-tags="minus-circle-o" d="M512 896c249.6 0 448-198.4 448-448s-198.4-448-448-448-448 198.4-448 448 198.4 448 448 448zM512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512v0zM192 512h640v-128h-640v128z" />
+<glyph unicode="" glyph-name="minus-circle2" data-tags="minus-circle" d="M512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512zM832 384h-640v128h640v-128z" />
+<glyph unicode="" glyph-name="minus-square-left-o" data-tags="minus-square-left-o" d="M256 512h512v-128h-512v128zM960 896h-896v-896h896v896zM896 64h-768v768h768v-768z" />
+<glyph unicode="" glyph-name="minus2" data-tags="minus" d="M64 512h832v-192h-832v192z" />
+<glyph unicode="" glyph-name="mobile22" data-tags="mobile" d="M192 960v-1024h576v1024h-576zM512 0h-64v64h64v-64zM704 128h-448v704h448v-704z" />
+<glyph unicode="" glyph-name="modal" data-tags="modal" d="M0 704v-704h1024v896h-1024v-192zM896 832h64v-64h-64v64zM64 704h896v-640h-896v640z" />
+<glyph unicode="" glyph-name="open-book" data-tags="open-book" d="M518.4 761.6v0 0zM966.4 755.2v0 12.8zM633.6 864c-83.2 0-128-25.6-153.6-51.2-25.6 25.6-70.4 51.2-153.6 51.2-224 0-326.4-128-326.4-128v0 0-697.6l416 57.6c0 0 12.8-25.6 19.2-32h83.2c6.4 6.4 19.2 32 19.2 32l416-57.6v697.6c6.4 0-89.6 128-320 128zM448 192c-38.4 12.8-83.2 19.2-147.2 25.6-6.4 0-6.4 0-12.8 0-89.6 0-166.4-25.6-224-44.8v556.8c32 25.6 115.2 96 262.4 96 108.8 0 121.6-57.6 121.6-64 0 0 0 0 0 0v-569.6zM896 172.8c-64 25.6-134.4 44.8-224 44.8-6.4 0-12.8 0-12.8 0-64 0-83.2-12.8-147.2-25.6v569.6c0 0 0 0 0 0 0 12.8 12.8 64 121.6 64 147.2 0 256-64 256-96v-556.8z" />
+<glyph unicode="" glyph-name="pencil2" data-tags="pencil" d="M64 198.4l-64-262.4 262.4 64 588.8 588.8-198.4 198.4-588.8-588.8zM96 0l-25.6 32 25.6 128 128-128-128-32zM697.6 678.4l-518.4-512-38.4 38.4 518.4 512 38.4-38.4zM979.2 915.2c-70.4 70.4-166.4 32-166.4 32l-96-96 198.4-198.4 96 96c0 6.4 38.4 96-32 166.4zM857.6 857.6l-32 32c38.4 38.4 70.4 6.4 70.4 6.4l-38.4-38.4z" />
+<glyph unicode="" glyph-name="phone2" data-tags="phone" d="M780.8 320c-70.4 6.4-108.8-89.6-160-115.2-83.2-44.8-236.8 115.2-236.8 115.2s-160 153.6-121.6 236.8c32 51.2 128 89.6 121.6 160-6.4 64-147.2 294.4-217.6 230.4-153.6-140.8-166.4-198.4-166.4-313.6-6.4-198.4 249.6-448 249.6-448 25.6-25.6 249.6-256 448-249.6 115.2 0 172.8 12.8 313.6 166.4 64 70.4-160 211.2-230.4 217.6z" />
+<glyph unicode="" glyph-name="picture" data-tags="picture" d="M1024 64h-1024v768h1024v-768zM64 128h896v640h-896v-640zM128 320v-128h768v64c0 0 12.8 108.8-128 128-121.6 19.2-140.8-38.4-243.2-38.4-70.4 0-57.6 102.4-204.8 102.4-108.8 0-192-128-192-128zM832 576c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128s128-57.308 128-128z" />
+<glyph unicode="" glyph-name="pin" data-tags="pin" d="M704 544v352h64v64h-512v-64h64v-352c0 0-128-96-128-224 0-32 121.6-44.8 256-44.8v-140.8c0-44.8 12.8-89.6 32-134.4l32-64 32 64c19.2 38.4 32 83.2 32 134.4v140.8c134.4 0 256 19.2 256 44.8 0 128-128 224-128 224zM448 537.6c0 0-32-19.2-102.4-89.6-64-64-96-121.6-96-121.6s6.4 64 51.2 121.6c57.6 70.4 83.2 89.6 83.2 89.6v358.4h64v-358.4z" />
+<glyph unicode="" glyph-name="plus-circle-o" data-tags="plus-circle-o" d="M512 896c249.6 0 448-198.4 448-448s-198.4-448-448-448-448 198.4-448 448 198.4 448 448 448zM512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512v0zM832 512h-256v256h-128v-256h-256v-128h256v-256h128v256h256z" />
+<glyph unicode="" glyph-name="plus-circle2" data-tags="plus-circle" d="M512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512zM832 384h-256v-256h-128v256h-256v128h256v256h128v-256h256v-128z" />
+<glyph unicode="" glyph-name="plus-square-left-o" data-tags="plus-square-left-o" d="M768 512h-192v192h-128v-192h-192v-128h192v-192h128v192h192zM960 896h-896v-896h896v896zM896 64h-768v768h768v-768z" />
+<glyph unicode="" glyph-name="plus2" data-tags="plus" d="M896 512h-320v320h-192v-320h-320v-192h320v-320h192v320h320z" />
+<glyph unicode="" glyph-name="print2" data-tags="print" d="M0 320v-256h128v-128h768v128h128v256h-1024zM832 0h-640v192h640v-192zM768 576v256l-172.8 128h-339.2v-384h-256v-192h1024v192h-256zM576 896l83.2-64h-83.2v64zM704 512h-384v384h192v-128h192v-256zM960 448h-64v64h64v-64z" />
+<glyph unicode="" glyph-name="search-minus2" data-tags="search-minus" d="M1004.8 44.8l-268.8 268.8c-12.8 12.8-32 19.2-51.2 19.2 51.2 64 83.2 153.6 83.2 243.2 0 211.2-172.8 384-384 384s-384-172.8-384-384 172.8-384 384-384c89.6 0 179.2 32 243.2 89.6 0-19.2 0-38.4 19.2-51.2l268.8-268.8c12.8-12.8 32-19.2 44.8-19.2s32 6.4 44.8 19.2c25.6 19.2 25.6 57.6 0 83.2zM384 288c-160 0-288 128-288 288s128 288 288 288 288-128 288-288-128-288-288-288zM448 768h-128v-128h-128v-128h128v-128h128v128h128v128h-128z" />
+<glyph unicode="" glyph-name="search-plus2" data-tags="search-plus" d="M1004.8 44.8l-268.8 268.8c-12.8 12.8-32 19.2-51.2 19.2 51.2 64 83.2 153.6 83.2 243.2 0 211.2-172.8 384-384 384s-384-172.8-384-384 172.8-384 384-384c89.6 0 179.2 32 243.2 89.6 0-19.2 0-38.4 19.2-51.2l268.8-268.8c12.8-12.8 32-19.2 44.8-19.2s32 6.4 44.8 19.2c25.6 19.2 25.6 57.6 0 83.2zM384 288c-160 0-288 128-288 288s128 288 288 288 288-128 288-288-128-288-288-288zM192 640h384v-128h-384v128z" />
+<glyph unicode="" glyph-name="search2" data-tags="search" d="M1004.8 44.8l-268.8 268.8c-12.8 12.8-32 19.2-51.2 19.2 51.2 64 83.2 153.6 83.2 243.2 0 211.2-172.8 384-384 384s-384-172.8-384-384 172.8-384 384-384c89.6 0 179.2 32 243.2 89.6 0-19.2 0-38.4 19.2-51.2l268.8-268.8c12.8-12.8 32-19.2 44.8-19.2s32 6.4 44.8 19.2c25.6 19.2 25.6 57.6 0 83.2zM384 288c-160 0-288 128-288 288s128 288 288 288 288-128 288-288-128-288-288-288z" />
+<glyph unicode="" glyph-name="area-select" data-tags="area-select" d="M505.6 454.4l134.4-480 108.8 166.4 204.8-204.8 70.4 70.4-211.2 204.8 172.8 102.4zM512 192h-448v576h768v-345.6l64-12.8v422.4h-896v-704h524.8z" />
+<glyph unicode="" glyph-name="split-h" data-tags="split-h" d="M0 832v-832h960v832h-960zM832 768h64v-64h-64v64zM448 64h-384v576h384v-576zM896 64h-384v576h384v-576z" />
+<glyph unicode="" glyph-name="split-v" data-tags="split-v" d="M0 0h960v832h-960v-832zM832 768h64v-64h-64v64zM896 64h-832v256h832v-256zM896 384h-832v256h832v-256z" />
+<glyph unicode="" glyph-name="suitcase2" data-tags="suitcase" d="M704 768v128h-384v-128h-320v-768h1024v768h-320zM256 64h-64v640h64v-640zM640 768h-256v64h256v-64zM832 64h-64v640h64v-640z" />
+<glyph unicode="" glyph-name="tablet2" data-tags="tablet" d="M0 832v-768h1024v768h-1024zM832 128h-704v640h704v-640zM960 384h-64v128h64v-128z" />
+<glyph unicode="" glyph-name="trash2" data-tags="trash" d="M128 640v-64h64v-576c0 0 70.4-64 288-64s288 64 288 64v576h64v64h-704zM384 64h-64v448h64v-448zM512 64h-64v448h64v-448zM640 64h-64v448h64v-448zM768 768c0 0 0 32-128 51.2v44.8c0 51.2-44.8 96-96 96h-128c-51.2 0-96-44.8-96-96v-44.8c-102.4-19.2-128-51.2-128-51.2h-64v-64h704v64h-64zM384 864c0 19.2 12.8 32 32 32h128c12.8 0 32-12.8 32-32v-38.4c0 6.4-57.6 6.4-96 6.4s-70.4 0-96-6.4v38.4z" />
+<glyph unicode="" glyph-name="unlock2" data-tags="unlock" d="M512 448v198.4c0 140.8-115.2 249.6-249.6 249.6h-19.2c-140.8 0-243.2-108.8-243.2-249.6v-134.4h128v134.4c0 70.4 44.8 121.6 115.2 121.6h19.2c64 0 121.6-51.2 121.6-121.6v-198.4h-64l6.4-320c0 0-6.4-192 313.6-192s320 192 320 192v320h-448zM704 64h-64v115.2c-38.4 0-64 38.4-64 70.4 0 38.4 25.6 70.4 64 70.4s64-25.6 64-57.6v-198.4z" />
+<glyph unicode="" glyph-name="user2" data-tags="user" d="M512 960c-358.4 0-185.6-467.2-185.6-467.2 38.4-64 89.6-51.2 89.6-96 0-38.4-44.8-51.2-89.6-57.6-70.4 0-134.4 12.8-198.4-102.4-38.4-70.4-57.6-300.8-57.6-300.8h876.8c0 0-19.2 230.4-51.2 300.8-64 121.6-128 102.4-198.4 108.8-44.8 6.4-89.6 19.2-89.6 57.6s51.2 25.6 89.6 96c0-6.4 172.8 460.8-185.6 460.8z" />
+<glyph unicode="" glyph-name="vaadin-h" data-tags="vaadin-h" d="M448 0l-121.6 358.4h-6.4c-38.4 0-57.6 25.6-57.6 57.6 0 25.6 19.2 57.6 57.6 57.6h44.8c25.6 0 44.8-19.2 57.6-38.4l89.6-307.2 89.6 313.6c6.4 19.2 32 38.4 51.2 38.4h51.2c38.4 0 57.6-32 57.6-57.6 6.4-38.4-12.8-64-57.6-64h-6.4l-121.6-358.4c-6.4-19.2-25.6-38.4-64-38.4s-57.6 19.2-64 38.4zM172.8 800h224c102.4 0 108.8-76.8 115.2-121.6 6.4 38.4 12.8 121.6 115.2 121.6h224c44.8 0 70.4 19.2 70.4 51.2v32c0 32 12.8 51.2 51.2 51.2 32 0 51.2-19.2 51.2-51.2v-83.2c0-96-44.8-147.2-153.6-147.2h-230.4c-64 0-76.8-32-76.8-57.6 0-38.4-25.6-51.2-51.2-51.2s-51.2 19.2-51.2 51.2c0 25.6-12.8 57.6-76.8 57.6h-230.4c-108.8 0-153.6 44.8-153.6 147.2v83.2c0 32 19.2 51.2 51.2 51.2s51.2-19.2 51.2-51.2v-25.6c0-38.4 19.2-57.6 70.4-57.6z" />
+<glyph unicode="" glyph-name="vaadin-v" data-tags="vaadin-v" d="M960 384l-358.4-121.6v-6.4c0-38.4-32-57.6-57.6-57.6s-57.6 19.2-57.6 57.6v44.8c0 25.6 19.2 44.8 38.4 57.6l307.2 89.6-307.2 96c-19.2 6.4-38.4 25.6-38.4 51.2v44.8c0 44.8 32 64 57.6 64 32 0 57.6-19.2 57.6-64v-6.4l358.4-121.6c19.2-6.4 38.4-25.6 38.4-64s-19.2-57.6-38.4-64zM160 108.8v224c0 102.4 76.8 108.8 121.6 115.2-44.8 6.4-121.6 12.8-121.6 115.2v224c0 44.8-19.2 70.4-51.2 70.4h-32c-32 0-51.2 12.8-51.2 51.2 0 32 25.6 51.2 51.2 51.2h83.2c96 0 147.2-44.8 147.2-153.6v-230.4c0-70.4 32-76.8 57.6-76.8 38.4 0 51.2-25.6 51.2-51.2s-19.2-51.2-51.2-51.2c-25.6 0-57.6-12.8-57.6-76.8v-230.4c0-102.4-51.2-153.6-147.2-153.6h-83.2c-32 0-51.2 19.2-51.2 51.2s19.2 51.2 51.2 51.2h25.6c38.4 0 57.6 19.2 57.6 70.4z" />
+<glyph unicode="" glyph-name="close-circle-o" data-tags="close-circle-o" d="M512 896c249.6 0 448-198.4 448-448s-198.4-448-448-448-448 198.4-448 448 198.4 448 448 448zM512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512v0zM780.8 268.8l-179.2 179.2 179.2 179.2-89.6 89.6-179.2-179.2-179.2 179.2-89.6-89.6 179.2-179.2-179.2-179.2 89.6-89.6 179.2 179.2 179.2-179.2z" />
+<glyph unicode="" glyph-name="close-circle" data-tags="close-circle" d="M512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512zM780.8 268.8l-89.6-89.6-179.2 179.2-179.2-179.2-89.6 89.6 179.2 179.2-179.2 179.2 89.6 89.6 179.2-179.2 179.2 179.2 89.6-89.6-179.2-179.2 179.2-179.2z" />
+<glyph unicode="" glyph-name="loop-alt1" data-tags="loop-alt1, synchronize, arrows, reload, refresh" d="M384 640h-128v0.512c0 35.264 28.736 63.488 64 63.488h384c35.264 0 64-28.736 64-64v-64h128v64c0 105.888-86.112 192-192 192h-384c-105.888 0-192-86.112-192-192h-128l192-192 192 192zM832 448l-192-192h128v-0.512c0-35.232-28.736-63.488-64-63.488h-384c-35.264 0-64 28.736-64 64v64h-128v-64c0-105.888 86.112-192 192-192h384c105.888 0 192 86.112 192 192h128l-192 192z" />
+<glyph unicode="" glyph-name="transfer" data-tags="transfer, arrows" horiz-adv-x="1022" d="M1023.936 192h-768.192v-128l-255.744 192 255.744 192v-128h768.192zM0 576h767.936v-128l256 192-256 192v-128h-767.936z" />
+<glyph unicode="" glyph-name="th-list2" data-tags="th-list" d="M292.571 237.714v-109.714q0-22.857-16-38.857t-38.857-16h-182.857q-22.857 0-38.857 16t-16 38.857v109.714q0 22.857 16 38.857t38.857 16h182.857q22.857 0 38.857-16t16-38.857zM292.571 530.286v-109.714q0-22.857-16-38.857t-38.857-16h-182.857q-22.857 0-38.857 16t-16 38.857v109.714q0 22.857 16 38.857t38.857 16h182.857q22.857 0 38.857-16t16-38.857zM1024 237.714v-109.714q0-22.857-16-38.857t-38.857-16h-548.571q-22.857 0-38.857 16t-16 38.857v109.714q0 22.857 16 38.857t38.857 16h548.571q22.857 0 38.857-16t16-38.857zM292.571 822.857v-109.714q0-22.857-16-38.857t-38.857-16h-182.857q-22.857 0-38.857 16t-16 38.857v109.714q0 22.857 16 38.857t38.857 16h182.857q22.857 0 38.857-16t16-38.857zM1024 530.286v-109.714q0-22.857-16-38.857t-38.857-16h-548.571q-22.857 0-38.857 16t-16 38.857v109.714q0 22.857 16 38.857t38.857 16h548.571q22.857 0 38.857-16t16-38.857zM1024 822.857v-109.714q0-22.857-16-38.857t-38.857-16h-548.571q-22.857 0-38.857 16t-16 38.857v109.714q0 22.857 16 38.857t38.857 16h548.571q22.857 0 38.857-16t16-38.857z" />
+<glyph unicode="" glyph-name="list-alt2" data-tags="list-alt" d="M219.429 274.286v-36.571q0-7.429-5.429-12.857t-12.857-5.429h-36.571q-7.429 0-12.857 5.429t-5.429 12.857v36.571q0 7.429 5.429 12.857t12.857 5.429h36.571q7.429 0 12.857-5.429t5.429-12.857zM219.429 420.571v-36.571q0-7.429-5.429-12.857t-12.857-5.429h-36.571q-7.429 0-12.857 5.429t-5.429 12.857v36.571q0 7.429 5.429 12.857t12.857 5.429h36.571q7.429 0 12.857-5.429t5.429-12.857zM219.429 566.857v-36.571q0-7.429-5.429-12.857t-12.857-5.429h-36.571q-7.429 0-12.857 5.429t-5.429 12.857v36.571q0 7.429 5.429 12.857t12.857 5.429h36.571q7.429 0 12.857-5.429t5.429-12.857zM877.714 274.286v-36.571q0-7.429-5.429-12.857t-12.857-5.429h-548.571q-7.429 0-12.857 5.429t-5.429 12.857v36.571q0 7.429 5.429 12.857t12.857 5.429h548.571q7.429 0 12.857-5.429t5.429-12.857zM877.714 420.571v-36.571q0-7.429-5.429-12.857t-12.857-5.429h-548.571q-7.429 0-12.857 5.429t-5.429 12.857v36.571q0 7.429 5.429 12.857t12.857 5.429h548.571q7.429 0 12.857-5.429t5.429-12.857zM877.714 566.857v-36.571q0-7.429-5.429-12.857t-12.857-5.429h-548.571q-7.429 0-12.857 5.429t-5.429 12.857v36.571q0 7.429 5.429 12.857t12.857 5.429h548.571q7.429 0 12.857-5.429t5.429-12.857zM950.857 164.571v475.429q0 7.429-5.429 12.857t-12.857 5.429h-841.143q-7.429 0-12.857-5.429t-5.429-12.857v-475.429q0-7.429 5.429-12.857t12.857-5.429h841.143q7.429 0 12.857 5.429t5.429 12.857zM1024 786.286v-621.714q0-37.714-26.857-64.571t-64.571-26.857h-841.143q-37.714 0-64.571 26.857t-26.857 64.571v621.714q0 37.714 26.857 64.571t64.571 26.857h841.143q37.714 0 64.571-26.857t26.857-64.571z" />
+<glyph unicode="" glyph-name="book22" data-tags="book" horiz-adv-x="953" d="M936.571 677.714q22.857-32.571 10.286-73.714l-157.143-517.714q-10.857-36.571-43.714-61.429t-70-24.857h-527.429q-44 0-84.857 30.571t-56.857 75.143q-13.714 38.286-1.143 72.571 0 2.286 1.714 15.429t2.286 21.143q0.571 4.571-1.714 12.286t-1.714 11.143q1.143 6.286 4.571 12t9.429 13.429 9.429 13.429q13.143 21.714 25.714 52.286t17.143 52.286q1.714 5.714 0.286 17.143t-0.286 16q1.714 6.286 9.714 16t9.714 13.143q12 20.571 24 52.571t14.286 51.429q0.571 5.143-1.429 18.286t0.286 16q2.286 7.429 12.571 17.429t12.571 12.857q10.857 14.857 24.286 48.286t15.714 55.143q0.571 4.571-1.714 14.571t-1.143 15.143q1.143 4.571 5.143 10.286t10.286 13.143 9.714 12q4.571 6.857 9.429 17.429t8.571 20 9.143 20.571 11.143 18.286 15.143 13.429 20.571 6.571 27.143-3.143l-0.571-1.714q21.714 5.143 29.143 5.143h434.857q42.286 0 65.143-32t10.286-74.286l-156.571-517.714q-20.571-68-40.857-87.714t-73.429-19.714h-496.571q-15.429 0-21.714-8.571-6.286-9.143-0.571-24.571 13.714-40 82.286-40h527.429q16.571 0 32 8.857t20 23.714l171.429 564q4 12.571 2.857 32.571 21.714-8.571 33.714-24.571zM328.571 676.571q-2.286-7.429 1.143-12.857t11.429-5.429h347.429q7.429 0 14.571 5.429t9.429 12.857l12 36.571q2.286 7.429-1.143 12.857t-11.429 5.429h-347.429q-7.429 0-14.571-5.429t-9.429-12.857zM281.143 530.286q-2.286-7.429 1.143-12.857t11.429-5.429h347.429q7.429 0 14.571 5.429t9.429 12.857l12 36.571q2.286 7.429-1.143 12.857t-11.429 5.429h-347.429q-7.429 0-14.571-5.429t-9.429-12.857z" />
+<glyph unicode="" glyph-name="random22" data-tags="random" d="M380.571 676q-34.286-52.571-78.286-156-12.571 25.714-21.143 41.429t-23.143 36.286-29.143 32.286-36 20-46.571 8.286h-128q-8 0-13.143 5.143t-5.143 13.143v109.714q0 8 5.143 13.143t13.143 5.143h128q142.857 0 234.286-128.571zM1024 219.428q0-8-5.143-13.143l-182.857-182.857q-5.143-5.143-13.143-5.143-7.429 0-12.857 5.429t-5.429 12.857v109.714q-18.286 0-48.571-0.286t-46.286-0.571-41.714 0.571-40.571 2.857-36.571 6-36 10.571-33.143 16.286-33.714 22.857-31.429 30.571-32 39.714q33.714 53.143 77.714 156 12.571-25.714 21.143-41.429t23.143-36.286 29.143-32.286 36-20 46.571-8.286h146.286v109.714q0 8 5.143 13.143t13.143 5.143q6.857 0 13.714-5.714l182.286-182.286q5.143-5.143 5.143-13.143zM1024 731.428q0-8-5.143-13.143l-182.857-182.857q-5.143-5.143-13.143-5.143-7.429 0-12.857 5.429t-5.429 12.857v109.714h-146.286q-27.429 0-49.714-8.571t-39.429-25.714-29.143-35.143-25.714-44.286q-18.286-35.429-44.571-97.714-16.571-37.714-28.286-63.429t-30.857-60-36.571-57.143-42.286-47.429-51.429-39.143-60.857-24-73.143-9.429h-128q-8 0-13.143 5.143t-5.143 13.143v109.714q0 8 5.143 13.143t13.143 5.143h128q27.429 0 49.714 8.571t39.429 25.714 29.143 35.143 25.714 44.286q18.286 35.429 44.571 97.714 16.571 37.714 28.286 63.429t30.857 60 36.571 57.143 42.286 47.429 51.429 39.143 60.857 24 73.143 9.429h146.286v109.714q0 8 5.143 13.143t13.143 5.143q6.857 0 13.714-5.714l182.286-182.286q5.143-5.143 5.143-13.143z" />
+<glyph unicode="" glyph-name="retweet22" data-tags="retweet" horiz-adv-x="1097" d="M731.429 91.428q0-7.429-5.429-12.857t-12.857-5.429h-548.571q-4.571 0-7.714 1.143t-5.143 4-3.143 4.571-1.714 6.571-0.571 6.571v342.857h-109.714q-14.857 0-25.714 10.857t-10.857 25.714q0 13.714 8.571 23.429l182.857 219.429q10.857 12.571 28 12.571t28-12.571l182.857-219.429q8.571-9.714 8.571-23.429 0-14.857-10.857-25.714t-25.714-10.857h-109.714v-219.429h329.143q9.143 0 14.286-6.286l91.429-109.714q4-6.286 4-12zM1097.143 329.143q0-13.714-8.571-23.429l-182.857-219.429q-11.429-13.143-28-13.143t-28 13.143l-182.857 219.429q-8.571 9.714-8.571 23.429 0 14.857 10.857 25.714t25.714 10.857h109.714v219.429h-329.143q-9.143 0-14.286 6.857l-91.429 109.714q-4 5.143-4 11.429 0 7.429 5.429 12.857t12.857 5.429h548.571q4.571 0 7.714-1.143t5.143-4 3.143-4.571 1.714-6.571 0.571-6.571v-342.857h109.714q14.857 0 25.714-10.857t10.857-25.714z" />
+<glyph unicode="" glyph-name="sign-in22" data-tags="sign-in" horiz-adv-x="878" d="M676.571 438.857q0-14.857-10.857-25.714l-310.857-310.857q-10.857-10.857-25.714-10.857t-25.714 10.857-10.857 25.714v164.571h-256q-14.857 0-25.714 10.857t-10.857 25.714v219.429q0 14.857 10.857 25.714t25.714 10.857h256v164.571q0 14.857 10.857 25.714t25.714 10.857 25.714-10.857l310.857-310.857q10.857-10.857 10.857-25.714zM877.714 640v-402.286q0-68-48.286-116.286t-116.286-48.286h-182.857q-7.429 0-12.857 5.429t-5.429 12.857q0 2.286-0.571 11.429t-0.286 15.143 1.714 13.429 5.714 11.143 11.714 3.714h182.857q37.714 0 64.571 26.857t26.857 64.571v402.286q0 37.714-26.857 64.571t-64.571 26.857h-178.286t-6.571 0.571-6.571 1.714-4.571 3.143-4 5.143-1.143 7.714q0 2.286-0.571 11.429t-0.286 15.143 1.714 13.429 5.714 11.143 11.714 3.714h182.857q68 0 116.286-48.286t48.286-116.286z" />
+<glyph unicode="" glyph-name="filter22" data-tags="filter" horiz-adv-x="805" d="M801.714 782.286q9.714-23.429-8-40l-281.714-281.714v-424q0-24-22.286-33.714-7.429-2.857-14.286-2.857-15.429 0-25.714 10.857l-146.286 146.286q-10.857 10.857-10.857 25.714v277.714l-281.714 281.714q-17.714 16.571-8 40 9.714 22.286 33.714 22.286h731.429q24 0 33.714-22.286z" />
+<glyph unicode="" glyph-name="browser2" data-tags="browser" horiz-adv-x="896" d="M320 768h64v-64h-64v64zM192 768h64v-64h-64v64zM64 768h64v-64h-64v64zM832 128h-768v512h768v-512zM832 704h-384v64h384v-64zM896 768c0 35.35-28.65 64-64 64h-768c-35.35 0-64-28.65-64-64v-640c0-35.35 28.65-64 64-64h768c35.35 0 64 28.65 64 64v640z" />
+<glyph unicode="" glyph-name="bars2, navicon2, reorder2" data-tags="bars, navicon, reorder" horiz-adv-x="878" d="M877.714 182.857v-73.143q0-14.857-10.857-25.714t-25.714-10.857h-804.571q-14.857 0-25.714 10.857t-10.857 25.714v73.143q0 14.857 10.857 25.714t25.714 10.857h804.571q14.857 0 25.714-10.857t10.857-25.714zM877.714 475.428v-73.143q0-14.857-10.857-25.714t-25.714-10.857h-804.571q-14.857 0-25.714 10.857t-10.857 25.714v73.143q0 14.857 10.857 25.714t25.714 10.857h804.571q14.857 0 25.714-10.857t10.857-25.714zM877.714 768v-73.143q0-14.857-10.857-25.714t-25.714-10.857h-804.571q-14.857 0-25.714 10.857t-10.857 25.714v73.143q0 14.857 10.857 25.714t25.714 10.857h804.571q14.857 0 25.714-10.857t10.857-25.714z" />
+<glyph unicode="" glyph-name="table22" data-tags="table" horiz-adv-x="951" d="M292.571 164.571v109.714q0 8-5.143 13.143t-13.143 5.143h-182.857q-8 0-13.143-5.143t-5.143-13.143v-109.714q0-8 5.143-13.143t13.143-5.143h182.857q8 0 13.143 5.143t5.143 13.143zM292.571 384v109.714q0 8-5.143 13.143t-13.143 5.143h-182.857q-8 0-13.143-5.143t-5.143-13.143v-109.714q0-8 5.143-13.143t13.143-5.143h182.857q8 0 13.143 5.143t5.143 13.143zM585.143 164.571v109.714q0 8-5.143 13.143t-13.143 5.143h-182.857q-8 0-13.143-5.143t-5.143-13.143v-109.714q0-8 5.143-13.143t13.143-5.143h182.857q8 0 13.143 5.143t5.143 13.143zM292.571 603.428v109.714q0 8-5.143 13.143t-13.143 5.143h-182.857q-8 0-13.143-5.143t-5.143-13.143v-109.714q0-8 5.143-13.143t13.143-5.143h182.857q8 0 13.143 5.143t5.143 13.143zM585.143 384v109.714q0 8-5.143 13.143t-13.143 5.143h-182.857q-8 0-13.143-5.143t-5.143-13.143v-109.714q0-8 5.143-13.143t13.143-5.143h182.857q8 0 13.143 5.143t5.143 13.143zM877.714 164.571v109.714q0 8-5.143 13.143t-13.143 5.143h-182.857q-8 0-13.143-5.143t-5.143-13.143v-109.714q0-8 5.143-13.143t13.143-5.143h182.857q8 0 13.143 5.143t5.143 13.143zM585.143 603.428v109.714q0 8-5.143 13.143t-13.143 5.143h-182.857q-8 0-13.143-5.143t-5.143-13.143v-109.714q0-8 5.143-13.143t13.143-5.143h182.857q8 0 13.143 5.143t5.143 13.143zM877.714 384v109.714q0 8-5.143 13.143t-13.143 5.143h-182.857q-8 0-13.143-5.143t-5.143-13.143v-109.714q0-8 5.143-13.143t13.143-5.143h182.857q8 0 13.143 5.143t5.143 13.143zM877.714 603.428v109.714q0 8-5.143 13.143t-13.143 5.143h-182.857q-8 0-13.143-5.143t-5.143-13.143v-109.714q0-8 5.143-13.143t13.143-5.143h182.857q8 0 13.143 5.143t5.143 13.143zM950.857 786.286v-621.714q0-37.714-26.857-64.571t-64.571-26.857h-768q-37.714 0-64.571 26.857t-26.857 64.571v621.714q0 37.714 26.857 64.571t64.571 26.857h768q37.714 0 64.571-26.857t26.857-64.571z" />
+<glyph unicode="" glyph-name="magic2" data-tags="magic" horiz-adv-x="966" d="M680 618.857l167.429 167.429-61.143 61.143-167.429-167.429zM935.429 786.286q0-15.429-10.286-25.714l-734.857-734.857q-10.286-10.286-25.714-10.286t-25.714 10.286l-113.143 113.143q-10.286 10.286-10.286 25.714t10.286 25.714l734.857 734.857q10.286 10.286 25.714 10.286t25.714-10.286l113.143-113.143q10.286-10.286 10.286-25.714zM163.429 894.857l56-17.143-56-17.143-17.143-56-17.143 56-56 17.143 56 17.143 17.143 56zM363.429 802.286l112-34.286-112-34.286-34.286-112-34.286 112-112 34.286 112 34.286 34.286 112zM894.857 529.143l56-17.143-56-17.143-17.143-56-17.143 56-56 17.143 56 17.143 17.143 56zM529.143 894.857l56-17.143-56-17.143-17.143-56-17.143 56-56 17.143 56 17.143 17.143 56z" />
+<glyph unicode="" glyph-name="columns2" data-tags="columns" horiz-adv-x="951" d="M91.429 73.143h347.429v658.286h-365.714v-640q0-7.429 5.429-12.857t12.857-5.429zM877.714 91.428v640h-365.714v-658.286h347.429q7.429 0 12.857 5.429t5.429 12.857zM950.857 786.286v-694.857q0-37.714-26.857-64.571t-64.571-26.857h-768q-37.714 0-64.571 26.857t-26.857 64.571v694.857q0 37.714 26.857 64.571t64.571 26.857h768q37.714 0 64.571-26.857t26.857-64.571z" />
+<glyph unicode="" glyph-name="sitemap22" data-tags="sitemap" d="M1024 237.714v-182.857q0-22.857-16-38.857t-38.857-16h-182.857q-22.857 0-38.857 16t-16 38.857v182.857q0 22.857 16 38.857t38.857 16h54.857v109.714h-292.571v-109.714h54.857q22.857 0 38.857-16t16-38.857v-182.857q0-22.857-16-38.857t-38.857-16h-182.857q-22.857 0-38.857 16t-16 38.857v182.857q0 22.857 16 38.857t38.857 16h54.857v109.714h-292.571v-109.714h54.857q22.857 0 38.857-16t16-38.857v-182.857q0-22.857-16-38.857t-38.857-16h-182.857q-22.857 0-38.857 16t-16 38.857v182.857q0 22.857 16 38.857t38.857 16h54.857v109.714q0 29.714 21.714 51.429t51.429 21.714h292.571v109.714h-54.857q-22.857 0-38.857 16t-16 38.857v182.857q0 22.857 16 38.857t38.857 16h182.857q22.857 0 38.857-16t16-38.857v-182.857q0-22.857-16-38.857t-38.857-16h-54.857v-109.714h292.571q29.714 0 51.429-21.714t21.714-51.429v-109.714h54.857q22.857 0 38.857-16t16-38.857z" />
+<glyph unicode="" glyph-name="exchange2" data-tags="exchange" d="M1024 274.286v-109.714q0-7.429-5.429-12.857t-12.857-5.429h-786.286v-109.714q0-7.429-5.429-12.857t-12.857-5.429q-6.857 0-13.714 5.714l-182.286 182.857q-5.143 5.143-5.143 12.571 0 8 5.143 13.143l182.857 182.857q5.143 5.143 13.143 5.143 7.429 0 12.857-5.429t5.429-12.857v-109.714h786.286q7.429 0 12.857-5.429t5.429-12.857zM1024 585.143q0-8-5.143-13.143l-182.857-182.857q-5.143-5.143-13.143-5.143-7.429 0-12.857 5.429t-5.429 12.857v109.714h-786.286q-7.429 0-12.857 5.429t-5.429 12.857v109.714q0 7.429 5.429 12.857t12.857 5.429h786.286v109.714q0 8 5.143 13.143t13.143 5.143q6.857 0 13.714-5.714l182.286-182.286q5.143-5.143 5.143-13.143z" />
+<glyph unicode="" glyph-name="mobile2, mobile-phone2" data-tags="mobile, mobile-phone" horiz-adv-x="439" d="M265.143 146.286q0 18.857-13.429 32.286t-32.286 13.429-32.286-13.429-13.429-32.286 13.429-32.286 32.286-13.429 32.286 13.429 13.429 32.286zM384 237.714v402.286q0 7.429-5.429 12.857t-12.857 5.429h-292.571q-7.429 0-12.857-5.429t-5.429-12.857v-402.286q0-7.429 5.429-12.857t12.857-5.429h292.571q7.429 0 12.857 5.429t5.429 12.857zM274.286 722.286q0 9.143-9.143 9.143h-91.429q-9.143 0-9.143-9.143t9.143-9.143h91.429q9.143 0 9.143 9.143zM438.857 731.428v-585.143q0-29.714-21.714-51.429t-51.429-21.714h-292.571q-29.714 0-51.429 21.714t-21.714 51.429v585.143q0 29.714 21.714 51.429t51.429 21.714h292.571q29.714 0 51.429-21.714t21.714-51.429z" />
+<glyph unicode="" glyph-name="puzzle-piece22" data-tags="puzzle-piece" horiz-adv-x="951" d="M950.857 323.428q0-46.286-25.429-77.143t-70.571-30.857q-23.429 0-44.286 10t-33.714 21.714-32.286 21.714-40.571 10q-62.857 0-62.857-70.857 0-22.286 9.143-65.714t8.571-65.714v-2.857q-12.571 0-18.857-0.571-19.429-1.714-55.714-6.571t-66-7.714-56-2.857q-34.857 0-58.857 15.143t-24 47.714q0 21.143 10 40.571t21.714 32.286 21.714 33.714 10 44.286q0 45.143-30.857 70.571t-77.143 25.429q-48 0-81.714-26t-33.714-72.857q0-24.571 8.571-47.429t19.143-36.857 19.143-30.286 8.571-28.857q0-25.714-26.286-50.857-21.143-20-66.857-20-54.286 0-140 13.714-5.143 1.143-15.714 2.286t-15.714 2.286l-7.429 1.143q-0.571 0-1.714 0.571-1.143 0-1.143 0.571v585.143q1.143-0.571 10-2t19.429-2.857 12.286-2q85.714-13.714 140-13.714 45.714 0 66.857 20 26.286 25.143 26.286 50.857 0 12.571-8.571 28.857t-19.143 30.286-19.143 36.857-8.571 47.429q0 46.857 33.714 72.857t82.286 26q45.714 0 76.571-25.429t30.857-70.571q0-23.429-10-44.286t-21.714-33.714-21.714-32.286-10-40.571q0-32.571 24-47.714t58.857-15.143q36.571 0 102.857 8.571t93.143 9.714v-1.143q-0.571-1.143-2-10t-2.857-19.429-2-12.286q-13.714-85.714-13.714-140 0-45.714 20-66.857 25.143-26.286 50.857-26.286 12.571 0 28.857 8.571t30.286 19.143 36.857 19.143 47.429 8.571q46.857 0 72.857-33.714t26-81.714z" />
+<glyph unicode="" glyph-name="unlock-alt2" data-tags="unlock-alt" horiz-adv-x="658" d="M603.429 512q22.857 0 38.857-16t16-38.857v-329.143q0-22.857-16-38.857t-38.857-16h-548.571q-22.857 0-38.857 16t-16 38.857v329.143q0 22.857 16 38.857t38.857 16h18.286v182.857q0 105.714 75.143 180.857t180.857 75.143 180.857-75.143 75.143-180.857q0-14.857-10.857-25.714t-25.714-10.857h-36.571q-14.857 0-25.714 10.857t-10.857 25.714q0 60.571-42.857 103.429t-103.429 42.857-103.429-42.857-42.857-103.429v-182.857h420.571z" />
+<glyph unicode="" glyph-name="cube22" data-tags="cube" horiz-adv-x="951" d="M512 20l365.714 199.429v363.429l-365.714-133.143v-429.714zM475.429 514.286l398.857 145.143-398.857 145.143-398.857-145.143zM950.857 658.286v-438.857q0-20-10.286-37.143t-28-26.857l-402.286-219.429q-16-9.143-34.857-9.143t-34.857 9.143l-402.286 219.429q-17.714 9.714-28 26.857t-10.286 37.143v438.857q0 22.857 13.143 41.714t34.857 26.857l402.286 146.286q12.571 4.571 25.143 4.571t25.143-4.571l402.286-146.286q21.714-8 34.857-26.857t13.143-41.714z" />
+<glyph unicode="" glyph-name="database22" data-tags="database" horiz-adv-x="878" d="M438.857 512q135.429 0 253.143 24.571t185.714 72.571v-97.143q0-39.429-58.857-73.143t-160-53.429-220-19.714-220 19.714-160 53.429-58.857 73.143v97.143q68-48 185.714-72.571t253.143-24.571zM438.857 73.143q135.429 0 253.143 24.571t185.714 72.571v-97.143q0-39.429-58.857-73.143t-160-53.429-220-19.714-220 19.714-160 53.429-58.857 73.143v97.143q68-48 185.714-72.571t253.143-24.571zM438.857 292.571q135.429 0 253.143 24.571t185.714 72.571v-97.143q0-39.429-58.857-73.143t-160-53.429-220-19.714-220 19.714-160 53.429-58.857 73.143v97.143q68-48 185.714-72.571t253.143-24.571zM438.857 950.857q118.857 0 220-19.714t160-53.429 58.857-73.143v-73.143q0-39.429-58.857-73.143t-160-53.429-220-19.714-220 19.714-160 53.429-58.857 73.143v73.143q0 39.429 58.857 73.143t160 53.429 220 19.714z" />
+<glyph unicode="" glyph-name="paper-plane-o2, send-o2" data-tags="paper-plane-o, send-o" horiz-adv-x="1025" d="M1008 944.571q18.857-13.714 15.429-36.571l-146.286-877.714q-2.857-16.571-18.286-25.714-8-4.571-17.714-4.571-6.286 0-13.714 2.857l-301.143 122.857-170.286-186.857q-10.286-12-26.857-12-8 0-13.143 2.286-10.857 4-17.143 13.429t-6.286 20.857v258.286l-269.714 110.286q-21.143 8-22.857 31.429-1.714 22.286 18.286 33.714l950.857 548.571q20 12 38.857-1.143zM812.571 88l126.286 756-819.429-472.571 192-78.286 493.143 365.143-273.143-455.429z" />
+<glyph unicode="" glyph-name="newspaper-o2" data-tags="newspaper-o" horiz-adv-x="1170" d="M585.143 658.286h-219.429v-219.429h219.429v219.429zM658.286 292.571v-73.143h-365.714v73.143h365.714zM658.286 731.428v-365.714h-365.714v365.714h365.714zM1024 292.571v-73.143h-292.571v73.143h292.571zM1024 438.857v-73.143h-292.571v73.143h292.571zM1024 585.143v-73.143h-292.571v73.143h292.571zM1024 731.428v-73.143h-292.571v73.143h292.571zM146.286 182.857v548.571h-73.143v-548.571q0-14.857 10.857-25.714t25.714-10.857 25.714 10.857 10.857 25.714zM1097.143 182.857v621.714h-877.714v-621.714q0-18.857-6.286-36.571h847.429q14.857 0 25.714 10.857t10.857 25.714zM1170.286 877.714v-694.857q0-45.714-32-77.714t-77.714-32h-950.857q-45.714 0-77.714 32t-32 77.714v621.714h146.286v73.143h1024z" />
+<glyph unicode="" glyph-name="pie-chart2" data-tags="pie-chart" horiz-adv-x="987" d="M438.857 442.286l312-312q-60.571-61.714-141.429-96t-170.571-34.286q-119.429 0-220.286 58.857t-159.714 159.714-58.857 220.286 58.857 220.286 159.714 159.714 220.286 58.857v-435.429zM545.714 438.857h441.714q0-89.714-34.286-170.571t-96-141.429zM950.857 512h-438.857v438.857q119.429 0 220.286-58.857t159.714-159.714 58.857-220.286z" />
+<glyph unicode="" glyph-name="line-chart2" data-tags="line-chart" horiz-adv-x="1170" d="M1170.286 73.143v-73.143h-1170.286v877.714h73.143v-804.571h1097.143zM1097.143 786.286v-248.571q0-12-11.143-16.857t-20.286 4.286l-69.143 69.143-361.714-361.714q-5.714-5.714-13.143-5.714t-13.143 5.714l-133.143 133.143-237.714-237.714-109.714 109.714 334.286 334.286q5.714 5.714 13.143 5.714t13.143-5.714l133.143-133.143 265.143 265.143-69.143 69.143q-9.143 9.143-4.286 20.286t16.857 11.143h248.571q8 0 13.143-5.143t5.143-13.143z" />
+<glyph unicode="" glyph-name="safari2" data-tags="safari" d="M542.286 440.571q0-14.857-9.429-25.714t-23.714-10.857q-14.857 0-25.714 9.429t-10.857 23.714q0 14.857 9.714 25.714t24 10.857 25.143-9.429 10.857-23.714zM550.857 407.428l200 332q-5.143-4.571-38.571-35.714t-71.714-66.571-78-72.571-66.857-63.143-28.857-29.429l-199.429-331.429q4 4 38.286 35.429t72 66.571 77.714 72.571 66.857 63.429 28.571 28.857zM920.571 438.857q0-114.857-59.429-212-1.714 1.143-9.714 6.286t-15.143 9.429-9.429 4.286q-7.429 0-7.429-7.429 0-5.714 33.714-25.143-42.286-64-105.429-108.857t-138-63.143l-9.143 38.286q-0.571 5.714-8.571 5.714-2.857 0-4.571-3.143t-1.143-5.429l9.143-38.857q-41.143-8.571-83.429-8.571-113.714 0-212.571 60 0.571 1.143 7.429 11.714t12.286 19.143 5.429 10.857q0 7.429-7.429 7.429-3.429 0-9.714-8.286t-12.857-19.714-7.714-13.143q-64.571 42.857-109.714 107.143t-62.857 139.714l39.429 8.571q5.714 1.714 5.714 8.571 0 2.857-3.143 4.571t-6 1.143l-38.857-8.571q-8 41.143-8 79.429 0 117.714 62.286 216.571 1.143-0.571 10.571-6.857t17.143-10.857 10-4.571q7.429 0 7.429 6.857 0 3.429-7.143 8.857t-18.571 12.286l-11.429 6.857q44 64 108 108t139.429 61.143l8.571-38.286q1.143-5.714 8.571-5.714 2.857 0 4.571 3.143t1.143 6l-8.571 37.714q40.571 7.429 76.571 7.429 116.571 0 216.571-62.286-22.286-32-22.286-37.143 0-7.429 6.857-7.429 6.286 0 27.429 36.571 63.429-42.857 107.143-106.286t61.429-137.714l-32-6.857q-5.714-1.143-5.714-9.143 0-2.857 3.143-4.571t5.429-1.143l32.571 7.429q8-41.143 8-80zM969.143 438.857q0 93.143-36.286 177.714t-97.429 145.714-145.714 97.429-177.714 36.286-177.714-36.286-145.714-97.429-97.429-145.714-36.286-177.714 36.286-177.714 97.429-145.714 145.714-97.429 177.714-36.286 177.714 36.286 145.714 97.429 97.429 145.714 36.286 177.714zM1024 438.857q0-104-40.571-198.857t-109.143-163.429-163.429-109.143-198.857-40.571-198.857 40.571-163.429 109.143-109.143 163.429-40.571 198.857 40.571 198.857 109.143 163.429 163.429 109.143 198.857 40.571 198.857-40.571 163.429-109.143 109.143-163.429 40.571-198.857z" />
+<glyph unicode="" glyph-name="chrome2" data-tags="chrome" d="M510.286 950.857q137.143 1.143 257.714-68.571 132.571-76.571 201.143-212.571l-424 22.286q-91.429 5.143-168-42.571t-105.714-131.143l-157.714 242.286q73.143 90.857 177.714 140.286t218.857 50zM83.429 719.428l192.571-378.857q41.143-81.714 120.571-124t167.429-25.714l-131.429-257.714q-121.143 18.857-220 90t-155.714 180.571-56.857 235.143q0 152.571 83.429 280.571zM989.714 622.857q33.143-85.714 34-177.429t-27.714-174.857-87.429-155.429-140.571-119.714q-131.429-76-284.571-68l231.429 356q50.286 74.857 47.143 166t-60.857 158.571zM512 611.428q71.429 0 122-50.571t50.571-122-50.571-122-122-50.571-122 50.571-50.571 122 50.571 122 122 50.571z" />
+<glyph unicode="" glyph-name="firefox2" data-tags="firefox" horiz-adv-x="1022" d="M516-73.143q-161.714 0-288.286 86t-188.286 227.714q-33.143 74.857-38.286 172t14.857 190 63.429 178.286 102.286 138.571l-6.286-160.571q6.286 8 38.857 8.857t40-8.857q24 46.286 91.714 78.857t134 33.714q-30.857-25.714-68.286-84.857t-33.429-93.429q14.286-4.571 35.714-7.714t36-4.286 38.857-2.286 28.857-1.714q8.571-2.857 5.429-26t-17.429-43.143q-2.857-4-9.429-10.571t-32.286-20.286-57.714-19.429l8.571-108-79.429 38.286q-10.286-24.571-4.286-46.571t20.571-38 37.429-23.714 46.286-3.714q29.143 5.143 56 19.714t47.714 25.714 42 10q34.857-2.286 51.143-18.857t11.143-37.143q-0.571-1.143-1.429-3.143t-4.857-7.143-10.286-8.857-18-6-26.571-0.571q-34.286-54.286-82.571-77.429t-119.714-16.857q42.286-34.857 92.857-47.143t96.286-3.429 88.286 29.714 73.143 50 46 59.429q24.571 52 22.286 110t-21.429 107.714-44.857 71.429q49.714-21.714 78.286-45.429t44-64.286q8.571 97.143-32.857 196t-119.714 162.286q151.429-44 235.429-159.714t86.286-295.714q1.143-72.571-23.143-145.714t-70.571-136-108-112-141.429-77.429-164.857-28.286z" />
+<glyph unicode="" glyph-name="opera2" data-tags="opera" d="M853.143 820.571q-94.286 62.857-205.143 62.857-88.571 0-167.429-41.714t-137.143-114.286q-42.857-53.143-68.286-124.571t-27.714-152v-24q2.286-80.571 27.714-152t68.286-124.571q58.286-72.571 137.143-114.286t167.429-41.714q110.857 0 205.143 62.857-69.143-61.714-156.857-96t-184.286-34.286q-16.571 0-24.571 0.571-100 4.571-190.286 46.857t-155.429 110.286-103.429 160.571-38.286 193.714q0 104 40.571 198.857t109.143 163.429 163.429 109.143 198.857 40.571h1.714q96-0.571 183.143-34.571t156.286-95.714zM1024 438.857q0-109.714-44-207.143t-121.714-169.429q-59.429-36-126.857-36-78.286 0-145.714 48 88 32 144.857 133.143t56.857 231.429q0 129.714-56.571 230.857t-144.571 133.714q68 47.429 145.143 47.429 68 0 129.143-37.143 77.143-71.429 120.286-168.571t43.143-206.286z" />
+<glyph unicode="" glyph-name="internet-explorer2" data-tags="internet-explorer" d="M1024 415.428q0-32-4-59.429h-657.714q0-83.429 62.571-139.714t147.143-56.286q56.571 0 106 26.571t78 74.571h241.714q-32-90.857-97.429-160.571t-152.857-107.714-183.429-38q-106.857 0-203.429 47.429-130.286-66.286-225.143-66.286-135.429 0-135.429 150.286 0 65.714 25.714 157.143 9.714 34.286 62.286 130.857 113.714 205.714 271.429 346.286-105.143-45.143-244-202.286 36 156.571 162 256.857t286.571 100.286q17.143 0 25.714-0.571 145.714 66.857 247.429 66.857 36.571 0 66.286-7.429t54-23.143 38-43.714 13.714-65.714q0-66.286-42.857-163.429 57.714-104 57.714-222.857zM984 781.143q0 47.429-30.286 75.429t-78.286 28q-61.714 0-145.143-40 69.143-26.857 127.143-75.143t97.429-111.714q29.143 77.143 29.143 123.429zM73.143 74.286q0-49.143 27.714-75.714t76.857-26.571q65.714 0 152 47.429-69.714 41.143-122 104.571t-78.571 140q-56-117.143-56-189.714zM361.143 481.714h416q-2.857 81.143-64.571 135.429t-143.429 54.286q-82.286 0-143.714-54.286t-64.286-135.429z" />
+<glyph unicode="" glyph-name="map-o2" data-tags="map-o" horiz-adv-x="1170" d="M1154.286 944.571q16-11.429 16-30.286v-804.571q0-11.429-6.286-20.571t-16.571-13.143l-365.714-146.286q-13.714-6.286-27.429 0l-352 140.571-352-140.571q-5.714-2.857-13.714-2.857-10.857 0-20.571 6.286-16 11.429-16 30.286v804.571q0 11.429 6.286 20.571t16.571 13.143l365.714 146.286q13.714 6.286 27.429 0l352-140.571 352 140.571q18.286 7.429 34.286-3.429zM420.571 867.428v-725.714l329.143-131.429v725.714zM73.143 743.428v-725.714l310.857 124v725.714zM1097.143 134.286v725.714l-310.857-124v-725.714z" />
+<glyph unicode="" glyph-name="commenting-o2" data-tags="commenting-o" d="M365.714 438.857q0-30.286-21.429-51.714t-51.714-21.429-51.714 21.429-21.429 51.714 21.429 51.714 51.714 21.429 51.714-21.429 21.429-51.714zM585.143 438.857q0-30.286-21.429-51.714t-51.714-21.429-51.714 21.429-21.429 51.714 21.429 51.714 51.714 21.429 51.714-21.429 21.429-51.714zM804.571 438.857q0-30.286-21.429-51.714t-51.714-21.429-51.714 21.429-21.429 51.714 21.429 51.714 51.714 21.429 51.714-21.429 21.429-51.714zM512 731.428q-116.571 0-218-39.714t-161.143-107.143-59.714-145.714q0-64 40.857-122t115.143-100.286l49.714-28.571-15.429-54.857q-13.714-52-40-98.286 86.857 36 157.143 97.714l24.571 21.714 32.571-3.429q39.429-4.571 74.286-4.571 116.571 0 218 39.714t161.143 107.143 59.714 145.714-59.714 145.714-161.143 107.143-218 39.714zM1024 438.857q0-99.429-68.571-183.714t-186.286-133.143-257.143-48.857q-40 0-82.857 4.571-113.143-100-262.857-138.286-28-8-65.143-12.571h-2.857q-8.571 0-15.429 6t-9.143 15.714v0.571q-1.714 2.286-0.286 6.857t1.143 5.714 2.571 5.429l3.429 5.143t4 4.857 4.571 5.143q4 4.571 17.714 19.714t19.714 21.714 17.714 22.571 18.571 29.143 15.429 33.714 14.857 43.429q-89.714 50.857-141.429 125.714t-51.714 160.571q0 74.286 40.571 142t109.143 116.857 163.429 78 198.857 28.857 198.857-28.857 163.429-78 109.143-116.857 40.571-142z" />
+<glyph unicode="" glyph-name="edge2" data-tags="edge" d="M39.429 496.571h0.571q9.143 72 33.429 138t65.714 124 95.714 100.571 127.714 67.143 158 24.571q132 0 236.571-60.286t168-173.429q59.429-106.857 59.429-252.571v-107.429h-642.857q0.571-63.429 30.571-110t78-70 108.286-32.571 121.714-1.714 118.857 26.571 99.143 48.286v-215.429q-52.571-31.429-131.143-52.571t-178.571-21.714-180.571 30.286q-108 41.714-178 142.286t-71.143 212.571q-1.714 138.286 63.429 235.429t185.714 153.143q-27.429-34.286-44.571-71.714t-26.286-91.143h362.857q4.571 44-4.571 80t-26.857 58-40.286 38-46 23.429-42.857 11.714-32 4.857l-12.571 0.571q-77.143-2.857-148.286-25.429t-127.714-59.714-100.571-80.286-78.857-93.429z" />
+</font></defs></svg>
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/Vaadin-Icons.ttf b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/Vaadin-Icons.ttf
new file mode 100644
index 0000000..e00e677
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/Vaadin-Icons.ttf
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/Vaadin-Icons.woff b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/Vaadin-Icons.woff
new file mode 100644
index 0000000..906880f
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/Vaadin-Icons.woff
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/fonts/fontawesome-webfont.eot b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/fontawesome-webfont.eot
similarity index 100%
rename from org.eclipse.osbp.themes/VAADIN/themes/base/fonts/fontawesome-webfont.eot
rename to org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/fontawesome-webfont.eot
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/fonts/fontawesome-webfont.svg b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/fontawesome-webfont.svg
similarity index 100%
rename from org.eclipse.osbp.themes/VAADIN/themes/base/fonts/fontawesome-webfont.svg
rename to org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/fontawesome-webfont.svg
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/fonts/fontawesome-webfont.ttf b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/fontawesome-webfont.ttf
similarity index 100%
rename from org.eclipse.osbp.themes/VAADIN/themes/base/fonts/fontawesome-webfont.ttf
rename to org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/fontawesome-webfont.ttf
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/fonts/fontawesome-webfont.woff b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/fontawesome-webfont.woff
similarity index 100%
rename from org.eclipse.osbp.themes/VAADIN/themes/base/fonts/fontawesome-webfont.woff
rename to org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/fontawesome-webfont.woff
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/fonts/fontawesome-webfont.woff2 b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/fontawesome-webfont.woff2
similarity index 100%
rename from org.eclipse.osbp.themes/VAADIN/themes/base/fonts/fontawesome-webfont.woff2
rename to org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/fontawesome-webfont.woff2
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/fontello.eot b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/fontello.eot
new file mode 100644
index 0000000..8647aca
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/fontello.eot
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/fontello.svg b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/fontello.svg
new file mode 100644
index 0000000..c2a022d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/fontello.svg
@@ -0,0 +1,254 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+Created by FontForge 20100429 at Tue Sep 18 09:27:03 2012
+ By root
+Copyright (C) 2012 by original authors @ fontello.com
+</metadata>
+<defs>
+<font id="fontello" horiz-adv-x="1030" >
+ <font-face
+ font-family="fontello"
+ font-weight="500"
+ font-stretch="normal"
+ units-per-em="1000"
+ panose-1="2 0 6 3 0 0 0 0 0 0"
+ ascent="800"
+ descent="-200"
+ bbox="-0.555556 -200 1101 800"
+ underline-thickness="50"
+ underline-position="-100"
+ unicode-range="U+002B-1F6AB"
+ />
+<missing-glyph horiz-adv-x="364"
+d="M33 0v666h265v-666h-265zM66 33h199v600h-199v-600z" />
+ <glyph glyph-name=".notdef" horiz-adv-x="364"
+d="M33 0v666h265v-666h-265zM66 33h199v600h-199v-600z" />
+ <glyph glyph-name=".null" horiz-adv-x="0"
+ />
+ <glyph glyph-name="nonmarkingreturn" horiz-adv-x="333"
+ />
+ <glyph glyph-name="plus" unicode="+" horiz-adv-x="610"
+d="M565 350q19 0 24.5 -12.5t5.5 -37.5q0 -17 -1.5 -26t-8.5 -16.5t-20 -7.5h-210v-210q0 -19 -12.5 -24.5t-37.5 -5.5q-17 0 -26 1.5t-16.5 8.5t-7.5 20v210h-210q-19 0 -24.5 12.5t-5.5 37.5q0 17 1.5 26t8.5 16.5t20 7.5h210v210q0 19 12.5 24.5t37.5 5.5q17 0 26 -1.5
+t16.5 -8.5t7.5 -20v-210h210z" />
+ <glyph glyph-name="hyphen" unicode="-" horiz-adv-x="610"
+d="M565 350q19 0 24.5 -12.5t5.5 -37.5q0 -17 -1.5 -26t-8.5 -16.5t-20 -7.5h-520q-19 0 -24.5 12.5t-5.5 37.5q0 17 1.5 26t8.5 16.5t20 7.5h520z" />
+ <glyph glyph-name="uni2139" unicode="ℹ" horiz-adv-x="490"
+d="M367 800q48 0 74 -28t26 -70q0 -50 -39 -88t-95 -38q-47 0 -73.5 27t-25.5 73q0 45 36 84.5t97 39.5zM160 -200q-29 0 -45.5 13.5t-22.5 52.5t14 110l60 255q15 57 0 57q-13 0 -54.5 -18t-70.5 -38l-26 44q91 77 190 125t150 48q26 0 38.5 -20t11 -55.5t-14.5 -85.5
+l-69 -268q-16 -63 5 -63q15 0 49.5 16t69.5 44l30 -41q-84 -86 -175 -131t-140 -45z" />
+ <glyph glyph-name="arrowleft" unicode="←" horiz-adv-x="760"
+d="M394 -30l-379 330l379 330v-191h351v-278h-351v-191z" />
+ <glyph glyph-name="arrowup" unicode="↑" horiz-adv-x="690"
+d="M675 286h-191v-351h-278v351h-191l330 379z" />
+ <glyph glyph-name="arrowright" unicode="→" horiz-adv-x="760"
+d="M366 630l379 -330l-379 -330v191h-351v278h351v191z" />
+ <glyph glyph-name="arrowdown" unicode="↓" horiz-adv-x="690"
+d="M675 314l-330 -379l-330 379h191v351h278v-351h191z" />
+ <glyph glyph-name="uni21C4" unicode="⇄" horiz-adv-x="928"
+d="M911 96h-670v-111l-223 168l223 167v-112h670v-112zM18 431v112h670v111l223 -166l-223 -168v111h-670z" />
+ <glyph glyph-name="house" unicode="⌂" horiz-adv-x="930"
+d="M903 285q16 -16 11 -27.5t-28 -11.5h-83v-308q0 -14 -1.5 -21t-8.5 -13.5t-22 -6.5h-204v310h-204v-310h-195q-19 0 -28.5 6.5t-11 13.5t-1.5 21v308h-83q-23 0 -28 11.5t11 27.5l401 401q16 16 37 16t37 -16z" />
+ <glyph glyph-name="uni25B4" unicode="▴" horiz-adv-x="490"
+d="M15 100l230 400l230 -400h-460z" />
+ <glyph glyph-name="uni25B8" unicode="▸" horiz-adv-x="430"
+d="M15 530l400 -230l-400 -230v460z" />
+ <glyph glyph-name="uni25BE" unicode="▾" horiz-adv-x="490"
+d="M475 500l-230 -400l-230 400h460z" />
+ <glyph glyph-name="uni25C2" unicode="◂" horiz-adv-x="430"
+d="M415 530v-460l-400 230z" />
+ <glyph glyph-name="uni2605" unicode="★" horiz-adv-x="910"
+d="M455 740l119 -336h321l-262 -198l94 -346l-272 208l-272 -208l94 346l-262 198h321z" />
+ <glyph glyph-name="uni2606" unicode="☆" horiz-adv-x="910"
+d="M895 404l-262 -198l94 -346l-272 208l-272 -208l94 346l-262 198h321l119 336l119 -336h321zM455 166l151 -125l-62 178l142 115l-176 -5l-55 202l-55 -202l-176 5l142 -115l-62 -178z" />
+ <glyph glyph-name="uni2630" unicode="☰" horiz-adv-x="730"
+d="M665 350q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-600q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5h600zM65 450q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5h600q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-600zM665 150
+q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-600q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5h600z" />
+ <glyph glyph-name="uni2661" unicode="♡" horiz-adv-x="880"
+d="M795 591q70 -65 70 -156t-70 -156l-355 -330l-355 330q-70 65 -70 156t70 156q62 58 149.5 58t149.5 -58l56 -52l56 52q62 58 149.5 58t149.5 -58zM743 330q42 38 42 105t-37 100q-42 39 -102 39q-49 0 -102 -49l-104 -91l-104 91q-53 49 -102 49q-60 0 -102 -39
+q-37 -33 -37 -100t42 -105l303 -286z" />
+ <glyph glyph-name="heart" unicode="♥" horiz-adv-x="890"
+d="M804 591q70 -65 70 -156t-70 -156l-359 -330l-359 330q-70 65 -70 156t70 156q63 58 151 58t151 -58l57 -52l57 52q63 58 151 58t151 -58z" />
+ <glyph glyph-name="musicalnote" unicode="♪" horiz-adv-x="610"
+d="M395 771q0 -26 17 -55.5t41 -55.5l52 -56q28 -30 50 -63t34 -69t4 -80.5t-39 -92.5q-18 -29 -26 -17q-4 5 0 17q6 16 6.5 43t-6 60t-21 63t-43.5 53.5t-69 29.5v-535q1 -49 -38 -96t-103 -70q-76 -28 -144.5 -8t-88.5 75t19.5 113.5t115.5 86.5q85 31 159 3v654h80z" />
+ <glyph glyph-name="uni268F" unicode="⚏" horiz-adv-x="630"
+d="M185 600q80 0 80 -80v-90q0 -80 -80 -80h-90q-80 0 -80 80v90q0 80 80 80h90zM535 600q80 0 80 -80v-90q0 -80 -80 -80h-90q-80 0 -80 80v90q0 80 80 80h90zM185 250q80 0 80 -80v-90q0 -80 -80 -80h-90q-80 0 -80 80v90q0 80 80 80h90zM535 250q80 0 80 -80v-90
+q0 -80 -80 -80h-90q-80 0 -80 80v90q0 80 80 80h90z" />
+ <glyph glyph-name="uni2691" unicode="⚑" horiz-adv-x="930"
+d="M889 555q14 5 22 -1.5t0 -18.5q-75 -109 -133.5 -178t-98 -97.5t-70 -34.5t-54 7t-44.5 31t-48.5 32.5t-59.5 17.5t-82 -20.5t-112 -75.5l90 -353h-101l-183 720l93 34q71 52 124 75.5t87.5 21t60.5 -20t48 -44.5l46 -56q23 -29 58 -52t79.5 -34t115.5 0t162 47z" />
+ <glyph glyph-name="uni2699" unicode="⚙" horiz-adv-x="870"
+d="M774 300q0 -76 81 -122q-14 -45 -35 -84q-72 19 -135 -44q-55 -55 -34 -135q-39 -21 -84 -35q-21 37 -57 59t-75 22t-75 -22t-57 -59q-45 14 -84 35q21 80 -34 135t-135 34q-21 39 -35 84q37 21 59 57t22 75q0 76 -81 122q14 45 35 84q72 -19 135 44q55 55 34 135
+q39 21 84 35q21 -37 57 -59t75 -22t75 22t57 59q45 -14 84 -35q-21 -80 34 -135q63 -63 135 -44q21 -39 35 -84q-81 -46 -81 -122zM435 117q76 0 129.5 53.5t53.5 129.5t-53.5 129.5t-129.5 53.5t-129.5 -53.5t-53.5 -129.5t53.5 -129.5t129.5 -53.5z" />
+ <glyph glyph-name="uni26A0" unicode="⚠" horiz-adv-x="990"
+d="M971 -74q11 -18 -1 -34.5t-30 -16.5h-890q-18 0 -30 16.5t-1 34.5l446 782q9 17 30 17t30 -17zM556 -25v100h-122v-100h122zM556 150v300h-122v-300h122z" />
+ <glyph glyph-name="uni2709" unicode="✉" horiz-adv-x="930"
+d="M45 536q-23 12 -28 33q1 19 25 21h846q33 0 23 -25q-7 -19 -26 -29l-375 -202q-19 -10 -45 -10t-45 10zM896 436q15 4 17 1.5t2 -12.5v-367q0 -16 -17 -32t-33 -16h-800q-16 0 -33 16t-17 32v367q0 10 2 12.5t17 -1.5l386 -202q19 -10 45 -10t45 10z" />
+ <glyph glyph-name="uni270D" unicode="✍" horiz-adv-x="947"
+d="M0 92v474q0 32 12.5 61t33.5 50t50 34t62 13h553q2 0 5 -0.5t5 -0.5l-98 -98h-465q-24 0 -41.5 -17.5t-17.5 -41.5v-474q0 -24 17.5 -41.5t41.5 -17.5h553q24 0 41 17.5t17 41.5v229l99 98v-327q0 -33 -12.5 -61t-34 -50t-50 -34.5t-60.5 -12.5h-553q-33 0 -62 12.5
+t-50 34.5t-33.5 50t-12.5 61zM324 101l56 169l335 335l113 -114l-334 -335zM445 257q3 -4 8.5 -4t8.5 4l263 262q10 10 0.5 18.5t-18.5 -0.5l-262 -262q-9 -9 0 -18zM772 662l47 48q15 15 35 15t33 -15l24 -23l23 -23q13 -15 13.5 -34.5t-13.5 -34.5l-49 -47z" />
+ <glyph glyph-name="uni270E" unicode="✎" horiz-adv-x="810"
+d="M733 628q32 -32 47.5 -63.5t14.5 -46.5l-1 -16l-270 -271l-271 -271l-238 -50l51 238l541 541q2 0 6 0.5t17.5 -1.5t27.5 -7.5t34.5 -19t40.5 -33.5zM239 -11l23 24q0 44 -50 94q-22 22 -45.5 34.5t-36.5 14.5l-12 1l-24 -23l-17 -81q24 -13 46 -35t35 -46z" />
+ <glyph glyph-name="uni2713" unicode="✓" horiz-adv-x="697"
+d="M263 -50q-34 0 -55 28l-179 236q-17 23 -13 51.5t27 45.5t51.5 13.5t45.5 -26.5l118 -155l295 474q15 25 43 31t53 -9t31.5 -43t-8.5 -53l-349 -560q-21 -33 -60 -33z" />
+ <glyph glyph-name="uni2715" unicode="✕" horiz-adv-x="500"
+d="M467 142q17 -17 17 -42t-17 -42t-42 -17t-42 17l-133 151l-133 -151q-17 -17 -42 -17t-42 17t-17 42t17 42l137 158l-137 158q-17 17 -17 42t17 42t42 17t42 -17l133 -151l133 151q17 17 42 17t42 -17t17 -42t-17 -42l-137 -158z" />
+ <glyph glyph-name="uni2716" unicode="✖" horiz-adv-x="870"
+d="M435 720q174 0 297 -123t123 -297t-123 -297t-297 -123t-297 123t-123 297t123 297t297 123zM521 300l153 153l-86 86l-153 -153l-153 153l-86 -86l153 -153l-153 -153l86 -87l153 154l153 -153l86 86z" />
+ <glyph glyph-name="uni2753" unicode="❓" horiz-adv-x="610"
+d="M15 476q5 130 77 202t203 72q128 0 214 -62t86 -183q0 -68 -42 -125q-13 -19 -88 -78l-46 -32q-29 -22 -42 -43.5t-14 -60.5q0 -13 -15 -13h-129q-16 0 -16 12q2 52 6.5 79.5t20.5 45.5q17 20 49.5 46t56.5 42l23 16q61 46 61 102q0 44 -25 79q-25 36 -93 36
+q-67 0 -94 -44q-28 -45 -28 -91h-165zM292 54q45 -2 73.5 -31t27.5 -75t-31.5 -73t-75.5 -25q-44 2 -72.5 30.5t-27.5 73.5q1 46 31.5 74t74.5 26z" />
+ <glyph glyph-name="uni2795" unicode="➕" horiz-adv-x="870"
+d="M435 720q174 0 297 -123t123 -297t-123 -297t-297 -123t-297 123t-123 297t123 297t297 123zM486 249h202l-1 102h-201v201h-102v-201h-202v-102h202v-202h102v202z" />
+ <glyph glyph-name="uni2796" unicode="➖" horiz-adv-x="870"
+d="M435 720q174 0 297 -123t123 -297t-123 -297t-297 -123t-297 123t-123 297t123 297t297 123zM687 351h-505v-102h505v102z" />
+ <glyph glyph-name="uni27A1" unicode="➡" horiz-adv-x="1010"
+d="M756 50v161h-741v178h741v161l239 -250z" />
+ <glyph glyph-name="uni27A6" unicode="➦" horiz-adv-x="930"
+d="M554 201q-81 0 -136.5 -4t-119 -18t-110 -39.5t-92 -70.5t-81.5 -109q2 10 6.5 27.5t23.5 68t43.5 96.5t69 102.5t97.5 97t131 68t168 27.5v193l361 -323l-361 -334v218z" />
+ <glyph glyph-name="uni27F3" unicode="⟳" horiz-adv-x="786"
+d="M0 329q0 82 31 153.5t84.5 125.5t125.5 85t154 31q69 0 134 -24.5t118 -68.5l80 80q17 17 28.5 12t11.5 -29v-228q0 -16 -11 -28q-11 -10 -27 -10l-228 -1q-24 0 -29 12t12 29l79 79q-37 27 -79.5 43t-88.5 16q-57 0 -107.5 -21.5t-88 -59.5t-59 -88.5t-21.5 -107.5
+t21.5 -107.5t59 -88t88 -59t107.5 -21.5q51 0 98 18t84 50t61 76t30 95q1 6 8 13q7 5 15 4l78 -11q9 -1 13.5 -7t3.5 -15q-9 -72 -44 -135t-87.5 -108.5t-119.5 -72t-140 -26.5q-82 0 -154 31t-125.5 85t-84.5 125.5t-31 153.5z" />
+ <glyph glyph-name="uni2B05" unicode="⬅" horiz-adv-x="1010"
+d="M254 50l-239 250l239 250v-161h741v-178h-741v-161z" />
+ <glyph glyph-name="uni2B06" unicode="⬆" horiz-adv-x="530"
+d="M515 551h-161v-741h-178v741h-161l250 239z" />
+ <glyph glyph-name="uni2B07" unicode="⬇" horiz-adv-x="530"
+d="M515 49l-250 -239l-250 239h161v741h178v-741h161z" />
+ <glyph glyph-name="uniE4AD" unicode="" horiz-adv-x="760"
+d="M394 -80l-379 380l379 380v-191h351v-378h-351v-191z" />
+ <glyph glyph-name="uniE4AE" unicode="" horiz-adv-x="760"
+d="M366 680l379 -380l-379 -380v191h-351v378h351v191z" />
+ <glyph glyph-name="uniE4AF" unicode="" horiz-adv-x="790"
+d="M775 286h-191v-351h-378v351h-191l380 379z" />
+ <glyph glyph-name="uniE4B0" unicode="" horiz-adv-x="790"
+d="M775 314l-380 -379l-380 379h191v351h378v-351h191z" />
+ <glyph glyph-name="uniE700" unicode=""
+d="M634 78q89 -32 135 -65t46 -58v-105h-800v201q13 6 29.5 11.5t32 10t19.5 5.5q94 34 129.5 69t35.5 95q0 20 -10 31.5t-24 31.5t-21 58q-2 12 -9.5 17.5t-14.5 8t-14 17t-9 43.5q0 15 4.5 25.5t8.5 13.5l5 3q-9 50 -13 88q-2 21 5.5 47.5t27.5 55.5t63.5 48.5t104.5 19.5
+t104.5 -19.5t63.5 -48.5t27.5 -55.5t5.5 -47.5l-13 -88q18 -8 18 -42q-2 -29 -9 -43.5t-14 -17t-14.5 -8t-9.5 -17.5q-7 -38 -21 -58t-24 -31.5t-10 -31.5q0 -60 35.5 -95t129.5 -69zM865 350h150v-100h-150v-150h-100v150h-150v100h150v150h100v-150z" />
+ <glyph glyph-name="uniE704" unicode="" horiz-adv-x="950"
+d="M469 760q94 1 179.5 -34.5t148 -96t100 -145t38.5 -178.5t-34.5 -179.5t-96 -148t-145 -100t-178.5 -38.5t-179.5 34.5t-148 96t-100 145t-38.5 178.5t34.5 179.5t96 148t145 100t178.5 38.5zM535 84q1 31 -18 50t-50 20q-29 0 -48 -19t-20 -47q-1 -30 18 -48.5t50 -19.5
+q29 0 48 18t20 46zM475 486q67 0 67 -66q0 -14 -11 -31.5t-24 -27.5q-3 -1 -16 -10.5t-33 -25.5t-31 -28q-16 -19 -18 -87h107q0 21 5 34q6 16 28 34l28 19q30 23 43.5 36t26 37.5t12.5 55.5q0 74 -53.5 114t-135.5 40q-84 0 -128 -46.5t-48 -130.5h111v5q0 28 16 53
+q15 25 54 25z" />
+ <glyph glyph-name="uniE705" unicode="" horiz-adv-x="950"
+d="M469 760q94 1 179.5 -34.5t148 -96t100 -145t38.5 -178.5t-34.5 -179.5t-96 -148t-145 -100t-178.5 -38.5t-179.5 34.5t-148 96t-100 145t-38.5 178.5t34.5 179.5t96 148t145 100t178.5 38.5zM520 607q-43 0 -65.5 -23.5t-22.5 -50.5q-1 -28 15.5 -43.5t48.5 -15.5
+q38 0 61 21.5t23 52.5q0 59 -60 59zM400 12q30 0 84.5 27t105.5 78l-18 24q-46 -36 -72 -36q-12 0 -3 38l42 159q26 96 -21 96q-31 0 -91 -28.5t-115 -74.5l16 -26q17 11 42.5 22t33.5 11t0 -34l-37 -151q-27 -105 33 -105z" />
+ <glyph glyph-name="uniE706" unicode="" horiz-adv-x="880"
+d="M765 490q41 0 70.5 -29.5t29.5 -70.5v-290q0 -41 -29.5 -70.5t-70.5 -29.5h-690v140h650v210h-500v-110l-210 180l210 180v-110h540z" />
+ <glyph glyph-name="uniE70A" unicode=""
+d="M515 580q92 0 177 -25.5t141.5 -62t99 -77.5t62.5 -71.5t20 -43.5t-20 -43.5t-62.5 -71.5t-99 -77.5t-141.5 -62t-177 -25.5t-177 25.5t-141.5 62t-99 77.5t-62.5 71.5t-20 43.5t20 43.5t62.5 71.5t99 77.5t141.5 62t177 25.5zM515 85q92 0 157 63t65 152t-65 152
+t-157 63t-157 -63t-65 -152t65 -152t157 -63zM515 300q6 -6 18 -5t28 4.5t30.5 7t24.5 2t10 -8.5q0 -44 -32.5 -76t-78.5 -32t-78.5 32t-32.5 76t32.5 76t78.5 32q14 0 10 -23t-12 -47t2 -38z" />
+ <glyph glyph-name="uniE70C" unicode="" horiz-adv-x="789"
+d="M0 433v230q0 25 18 43t43 18h230q25 0 55.5 -13t48.5 -30l377 -377q17 -18 17 -43.5t-17 -43.5l-266 -265q-18 -18 -43 -18t-43 18l-377 377q-18 18 -30.5 48.5t-12.5 55.5zM99 566q0 -24 17.5 -41.5t41.5 -17.5t41.5 17.5t17.5 41.5t-17.5 41.5t-41.5 17.5t-41.5 -17.5
+t-17.5 -41.5z" />
+ <glyph glyph-name="uniE711" unicode=""
+d="M776 443q99 0 169 -68.5t70 -165.5t-70 -165.5t-169 -68.5h-191v190h105l-175 230l-175 -230h105v-190h-249q-75 0 -128 52t-53 125t53 125t128 52q7 0 21 -2q-3 18 -3 38q0 108 78 184t188 76q89 0 159.5 -52t95.5 -133q19 3 41 3z" />
+ <glyph glyph-name="uniE712" unicode="" horiz-adv-x="930"
+d="M915 -40q-36 64 -81.5 109t-92 70.5t-110 39.5t-119 18t-136.5 4v-218l-361 334l361 323v-193q70 0 133.5 -16.5t111.5 -45t89.5 -65t71 -77t53 -80.5t38.5 -76.5t24.5 -65t13.5 -45.5z" />
+ <glyph glyph-name="uniE715" unicode=""
+d="M765 10v55l100 82v-187q0 -21 -14.5 -35.5t-35.5 -14.5h-750q-21 0 -35.5 14.5t-14.5 35.5v550q0 21 14.5 35.5t35.5 14.5h288q-33 -24 -60 -49t-37 -38l-11 -13h-130v-450h650zM683 357q-114 0 -179 -17t-115 -63t-109 -142q0 8 1 22.5t9 56t21.5 79t44 83.5t71 79
+t107.5 55.5t149 22.5v157l332 -250l-332 -260v177z" />
+ <glyph glyph-name="uniE716" unicode="" horiz-adv-x="1010"
+d="M80 475q-13 0 -18 7.5t-2 16t10 11.5q182 65 200 65h45v150h380v-150h45q18 0 200 -65q7 -3 10 -11.5t-2 -16t-18 -7.5h-850zM940 420q21 0 38 -19.5t17 -40.5v-175q0 -21 -17 -40.5t-38 -19.5h-99l44 -250h-760l44 250h-99q-21 0 -38 19.5t-17 40.5v175q0 21 17 40.5
+t38 19.5h870zM225 -25h560l-70 325h-420z" />
+ <glyph glyph-name="uniE717" unicode=""
+d="M275 140h222l128 -140h-390q-41 0 -70.5 29.5t-29.5 70.5v300h-120l190 200l190 -200h-120v-260zM895 200h120l-190 -200l-190 200h120v260h-222l-128 140h390q41 0 70.5 -29.5t29.5 -70.5v-300z" />
+ <glyph glyph-name="uniE718" unicode="" horiz-adv-x="830"
+d="M715 650q41 0 70.5 -29.5t29.5 -70.5v-350q0 -41 -29.5 -70.5t-70.5 -29.5h-200v-150l-200 150h-200q-41 0 -70.5 29.5t-29.5 70.5v350q0 41 29.5 70.5t70.5 29.5h600z" />
+ <glyph glyph-name="uniE722" unicode=""
+d="M915 700q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-800q-41 0 -70.5 29.5t-29.5 70.5v600q0 41 29.5 70.5t70.5 29.5h800zM915 0v600h-800v-600h800zM465 195v-90h-250v90h250zM465 345v-90h-250v90h250zM465 495v-90h-250v90h250zM810 175
+q2 0 3.5 -17.5t1.5 -35.5v-17h-250q0 70 5 70q10 2 24 7t37.5 22t23.5 37q0 16 -13.5 34.5t-27.5 45.5t-14 64q0 55 20.5 82.5t69.5 27.5t69.5 -27.5t20.5 -82.5q0 -37 -14 -64t-27.5 -45.5t-13.5 -34.5q0 -20 21.5 -36.5t42.5 -22.5z" />
+ <glyph glyph-name="uniE724" unicode="" horiz-adv-x="530"
+d="M265 700q103 0 176.5 -73t73.5 -177q0 -67 -25.5 -148t-62.5 -149.5t-74 -127t-63 -91.5l-25 -34l-27 35q-17 22 -60 89t-76 130t-60 146t-27 150q0 104 73.5 177t176.5 73zM265 312q56 0 95.5 39.5t39.5 95.5t-39.5 95.5t-95.5 39.5t-95.5 -39.5t-39.5 -95.5t39.5 -95.5
+t95.5 -39.5z" />
+ <glyph glyph-name="uniE729" unicode="" horiz-adv-x="682"
+d="M0 546.5q0 8.5 0.5 17t0.5 18.5q12 6 34.5 10t49.5 7.5t55 5.5t52 3q-3 17 -1.5 33.5t7.5 34.5q1 5 6 12.5t19.5 15.5t42.5 14t75 6t75 -6t42.5 -14t19.5 -16l6 -13q7 -18 8 -34t-1 -33q23 -1 51.5 -3t55.5 -5.5t49 -7.5t34 -10q1 -10 1 -18v-17v-17q0 -8 -1 -18
+q-10 -6 -32 -10.5t-48 -7.5t-53.5 -5t-50.5 -3t-39 -1.5t-17 -0.5l-100 -1h-14h-29q-20 0 -57 1q-2 0 -17.5 0.5t-38.5 1.5t-50.5 3t-53.5 5t-47.5 7.5t-32.5 10.5q0 10 -0.5 18t-0.5 16.5zM71 444q43 -6 88.5 -8.5t79.5 -3.5q9 -1 24 -1h78h77q15 0 24 1q35 1 80.5 3.5
+t89.5 8.5q-6 -80 -9 -163t-7 -163q-1 -20 -1.5 -44.5t-2 -47.5t-6.5 -42.5t-15 -30.5q-13 -11 -44.5 -15t-61.5 -4h-248q-31 0 -62 4t-43 15q-11 11 -15.5 30.5t-6.5 42.5t-2.5 47.5t-1.5 44.5q-4 80 -7.5 163t-7.5 163zM155 337q1 -15 1 -29t1 -23q0 -12 1 -20
+q2 -36 3.5 -72t3.5 -70q1 -9 1 -18v-21v-13q0 -6 0.5 -14.5t1.5 -20.5q1 -8 10 -14.5t15 -6.5q5 -1 10 -1t9 -1h11q5 0 5 20v301q0 9 -5.5 14.5t-14.5 5.5l-34 2q-9 0 -14 -5t-5 -14zM268.5 625.5q0.5 -6.5 2.5 -15.5q9 1 21 1h49l71 -1q1 9 1.5 15.5t-0.5 11.5
+q-12 4 -31.5 5.5t-40.5 1.5t-40.5 -1.5t-31.5 -5.5q-1 -5 -0.5 -11.5zM307 33q0 -8 5.5 -14t13.5 -6h30q8 0 14 6t6 14v300q0 9 -11.5 14t-15.5 5h-15q-3 0 -15 -5t-12 -14v-300zM455 33q0 -20 4 -20h12q3 1 13.5 1.5t15.5 0.5q5 1 9 7t5 14q0 12 0.5 20.5t0.5 14.5
+q0 7 1 13v21q0 9 1 18q2 34 3 69.5t3 71.5q0 9 1 21q1 9 1.5 23t1.5 29q0 9 -5 14t-14 5l-34 -2q-9 0 -14 -5.5t-5 -14.5v-301z" />
+ <glyph glyph-name="uniE744" unicode="" horiz-adv-x="830"
+d="M539 678l276 22l-21 -280l-78 79l-142 -143l-99 100l142 144zM256 244l99 -100l-142 -144l78 -79l-276 -21l21 279l78 -78z" />
+ <glyph glyph-name="uniE746" unicode="" horiz-adv-x="850"
+d="M835 607l-145 -147l80 -81l-283 -22l22 287l79 -81l145 147zM160 140l-80 81l283 22l-22 -287l-79 81l-145 -147l-102 103z" />
+ <glyph glyph-name="uniE75C" unicode="" horiz-adv-x="610"
+d="M579 372l-235 -225q-17 -17 -39 -17t-39 17q-215 204 -235 225q-15 16 -15.5 40t15.5 41q37 37 79 0l195 -188l195 188q42 37 79 0q16 -17 15.5 -41t-15.5 -40z" />
+ <glyph glyph-name="uniE75D" unicode="" horiz-adv-x="370"
+d="M257 574q16 15 40 15.5t41 -15.5q37 -37 0 -79l-188 -195l188 -195q37 -42 0 -79q-17 -16 -41 -15.5t-40 15.5l-225 235q-17 17 -17 39t17 39q204 215 225 235z" />
+ <glyph glyph-name="uniE75E" unicode="" horiz-adv-x="370"
+d="M113 574l225 -235q17 -17 17 -39t-17 -39q-204 -215 -225 -235q-16 -15 -40 -15.5t-41 15.5q-37 37 0 79l188 195l-188 195q-37 42 0 79q17 16 41 15.5t40 -15.5z" />
+ <glyph glyph-name="uniE75F" unicode="" horiz-adv-x="610"
+d="M579 228q15 -16 15.5 -40t-15.5 -41q-37 -37 -79 0l-195 188l-195 -188q-42 -37 -79 0q-16 17 -15.5 41t15.5 40l235 225q17 17 39 17t39 -17q215 -204 235 -225z" />
+ <glyph glyph-name="uniE760" unicode="" horiz-adv-x="947"
+d="M3 103l74 216q4 14 19 22q16 6 29 2l217 -74q22 -7 22.5 -20t-20.5 -23l-100 -50q25 -38 60.5 -66t79.5 -43q54 -19 108.5 -14.5t102.5 28t85 64.5t56 94q2 9 9 12t15 1l75 -25q18 -8 12 -25q-26 -78 -78.5 -136t-120.5 -91t-146.5 -39.5t-155.5 19.5q-66 22 -119 65.5
+t-89 103.5l-102 -50q-21 -11 -31 -2t-2 31zM100 455q26 77 79 135.5t120.5 92t145.5 40t156 -19.5q66 -24 119 -67t89 -103l103 51q21 10 31 1t1 -31l-73 -216q-5 -14 -19 -22q-16 -6 -30 -2l-217 74q-22 7 -22.5 20t20.5 23l100 50q-25 37 -61 65.5t-80 43.5
+q-54 19 -108.5 14t-102 -28t-84 -64t-55.5 -95q-3 -8 -10 -11t-15 -1l-74 26q-9 2 -12 9.5t-1 14.5z" />
+ <glyph glyph-name="uniE7A2" unicode="" horiz-adv-x="1228"
+d="M205 274q0 107 66 194q67 93 164 123l77 -348l297 -169q-41 -56 -118 -102q-71 -36 -153 -36q-138 0 -235.5 97.5t-97.5 240.5zM491 735q47 20 113 20q61 0 128 -26l-158 -373zM625 264l163 378q108 -46 170 -138q66 -97 66 -210q0 -123 -72 -220z" />
+ <glyph glyph-name="uniE800" unicode="" horiz-adv-x="820"
+d="M787 27q34 -34 7 -61l-47 -47q-14 -14 -33.5 -14t-33.5 14l-190 190q-72 -42 -156 -42q-128 0 -223.5 95.5t-95.5 223.5t90.5 218.5t218.5 90.5t223.5 -95.5t95.5 -223.5q0 -84 -45 -160zM110 386q0 -88 68 -156t156 -68t151 63t63 151t-68 156t-156 68t-151 -63
+t-63 -151z" />
+ <glyph glyph-name="uniE801" unicode="" horiz-adv-x="789"
+d="M0 33q0 20 15 35l261 262l-261 257q-15 15 -15 35t15 34l51 52q15 15 35 15t35 -15l259 -259l259 259q14 15 34 15t35 -15l52 -52q14 -14 14 -34t-14 -35l-261 -262l261 -257q14 -15 14 -34.5t-14 -34.5l-52 -52q-15 -15 -35 -15t-34 15l-259 260l-260 -260
+q-15 -15 -34.5 -15t-34.5 15l-51 51q-15 15 -15 35z" />
+ <glyph glyph-name="uniE802" unicode="" horiz-adv-x="1228"
+d="M128 304.5q0 10.5 15 20.5l471 379l471 -379q16 -10 16 -20.5t-26 -10.5h-51h-51v-51v-256v-51q0 -51 -51 -51h-154q-51 0 -51 51v205v51h-52h-102h-51v-51v-205q0 -51 -51 -51h-154q-51 0 -51 51v51v256v51h-51h-51q-26 0 -26 10.5z" />
+ <glyph glyph-name="u1F464" unicode="👤" horiz-adv-x="970"
+d="M751 78q94 -34 149 -67t55 -56v-105h-940v105q0 23 55 56t149 67q93 34 128 69t35 95q0 20 -10 31.5t-24 31.5t-21 58q-2 12 -9 17.5t-14.5 8t-14 17t-8.5 43.5q0 15 4.5 25.5t8.5 13.5l5 3q-9 50 -13 88q-2 21 6 47.5t27.5 55.5t62.5 48.5t103 19.5t103 -19.5
+t62.5 -48.5t27.5 -55.5t6 -47.5l-13 -88q18 -8 18 -42q-2 -29 -8.5 -43.5t-14 -17t-14.5 -8t-9 -17.5q-7 -38 -21 -58t-24 -31.5t-10 -31.5q0 -60 35 -95t128 -69z" />
+ <glyph glyph-name="u1F465" unicode="👥"
+d="M1015 -125h-225v144q0 52 -30 78.5t-154 85.5q41 29 41 81q0 14 -13.5 31.5t-18.5 49.5q-1 8 -5.5 11.5t-8.5 5t-8.5 11.5t-5.5 29q0 10 2.5 17t5.5 9l3 2q-6 33 -8 59q-1 14 3.5 31.5t16.5 37t38 32.5t62 13t62 -13t37.5 -32.5t16 -37t3.5 -31.5l-7 -59q10 -6 10 -28
+q-1 -19 -5.5 -29t-8.5 -11.5t-8.5 -5t-5.5 -11.5q-5 -32 -18.5 -49.5t-13.5 -31.5q0 -40 21 -63.5t77 -46.5q61 -25 90 -41t41 -36q5 -8 8.5 -58.5t4.5 -96.5zM526 127q89 -36 136.5 -64t47.5 -56v-132h-695v176q0 20 15.5 36t28.5 22.5t35 15.5q3 1 5 2q75 30 103 61t28 85
+q0 19 -18.5 42t-25.5 66q-2 10 -7.5 15t-11.5 7t-11 15t-7 39q0 13 3.5 22.5t7.5 12.5l4 2q-8 45 -11 79q-2 19 4.5 42t22 49t50.5 43.5t83 17.5t82.5 -17.5t50 -43.5t22 -49t4.5 -42l-10 -79q14 -7 14 -37q-2 -26 -7.5 -39t-11 -15t-11 -7t-7.5 -15q-7 -43 -25 -66t-18 -42
+q0 -54 28 -85t102 -61z" />
+ <glyph glyph-name="u1F4BB" unicode="💻"
+d="M915 740q41 0 70.5 -29.5t29.5 -70.5v-550q0 -41 -29 -76.5t-69 -43.5l-219 -43l68 -28q81 -39 -1 -39h-500q-88 0 8 43l59 24l-219 43q-40 8 -69 43.5t-29 76.5v550q0 41 29.5 70.5t70.5 29.5h800zM915 95v555h-800v-555h800z" />
+ <glyph glyph-name="u1F4C1" unicode="📁"
+d="M968 450q31 0 40 -13t6 -37l-41 -450q-2 -25 -12.5 -37.5t-42.5 -12.5h-806q-31 0 -42 13t-13 37l-41 450q-1 16 0.5 25.5t12.5 17t33 7.5h906zM935 560l10 -40h-846l14 130q2 20 18.5 35t37.5 15h163q21 0 46 -10.5t40 -24.5l30 -30q15 -14 40 -24.5t46 -10.5h341
+q21 0 38 -11.5t22 -28.5z" />
+ <glyph glyph-name="u1F4C4" unicode="📄" horiz-adv-x="631"
+d="M0 -7v672q0 24 17.5 41.5t41.5 17.5h230v-283q0 -25 17.5 -42t41.5 -17h284v-389q0 -24 -17.5 -41.5t-41.5 -17.5h-514q-24 0 -41.5 17.5t-17.5 41.5zM348 441v280h4l276 -277v-3h-280z" />
+ <glyph glyph-name="u1F4C5" unicode="📅" horiz-adv-x="930"
+d="M815 650q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-700q-41 0 -70.5 29.5t-29.5 70.5v600q0 41 29.5 70.5t70.5 29.5h45v-100h160v100h290v-100h160v100h45zM815 -50v400h-700v-400h700zM275 750v-170h-70v170h70zM725 750v-170h-70v170h70z" />
+ <glyph glyph-name="u1F4C8" unicode="📈" horiz-adv-x="1228"
+d="M205 -64v666h102v-374l251 358l220 -276l113 77l61 -82l-194 -134l-195 246l-256 -363v-16h666v-102h-768z" />
+ <glyph glyph-name="u1F4CE" unicode="📎" horiz-adv-x="965"
+d="M259 -192q-58 0 -110 26.5t-84.5 72t-45.5 100t6.5 116t72.5 114.5l222 222l273 274q37 37 83.5 51t92.5 2q45 -12 79 -46t46 -79q12 -46 -2 -92.5t-51 -83.5l-474 -473q-24 -24 -52 -37t-60 -10t-56 27q-19 19 -25.5 46t4.5 60t40 62l333 332q11 10 25 10t24 -10t10 -24
+t-10 -25l-332 -333q-21 -21 -25.5 -40.5t5.5 -27.5q9 -9 23 -7q25 3 47 26l473 474q50 52 35 108q-8 27 -28 47t-47 28q-57 16 -108 -35l-274 -273l-222 -222q-44 -44 -56.5 -94t1 -91t45.5 -73t73 -45.5t91 -1t94 56.5l495 496q10 10 25 10t25 -10t10 -25t-10 -25
+l-496 -495q-83 -83 -185 -83z" />
+ <glyph glyph-name="u1F4E4" unicode="📤"
+d="M515 725l270 -254h-150v-246h-240v246h-150zM982 148q18 -10 27 -31.5t4 -41.5l-28 -153q-4 -19 -22.5 -33t-39.5 -14h-816q-21 0 -39.5 14t-22.5 33l-28 153q-5 20 4 41.5t27 31.5l159 107h98l-170 -130h178q9 0 12 -7l40 -112h300l40 112q3 7 12 7h178l-170 130h98z
+" />
+ <glyph glyph-name="u1F4E5" unicode="📥"
+d="M785 479l-270 -254l-270 254h150v246h240v-246h150zM982 148q18 -10 27 -31.5t4 -41.5l-28 -153q-4 -19 -22.5 -33t-39.5 -14h-816q-21 0 -39.5 14t-22.5 33l-28 153q-5 20 4 41.5t27 31.5l159 107h98l-170 -131h178q9 0 12 -6l40 -112h300l40 112q3 6 12 6h178l-170 131
+h98z" />
+ <glyph glyph-name="u1F4F1" unicode="📱" horiz-adv-x="610"
+d="M495 790q41 0 70.5 -29.5t29.5 -70.5v-780q0 -41 -29.5 -70.5t-70.5 -29.5h-380q-41 0 -70.5 29.5t-29.5 70.5v780q0 41 29.5 70.5t70.5 29.5h380zM305 -150q29 0 49.5 14.5t20.5 35.5t-20.5 35.5t-49.5 14.5t-49.5 -14.5t-20.5 -35.5t20.5 -35.5t49.5 -14.5zM515 0v660
+h-420v-660h420z" />
+ <glyph glyph-name="u1F4F7" unicode="📷"
+d="M515 400q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44zM915 550q41 0 70.5 -29.5t29.5 -70.5v-450q0 -41 -29.5 -70.5t-70.5 -29.5h-800q-41 0 -70.5 29.5t-29.5 70.5v450q0 41 29.5 70.5t70.5 29.5h120q12 0 23.5 8t15.5 20l32 93
+q4 12 15 20.5t24 8.5h340q12 0 23.5 -8.5t15.5 -20.5l32 -93q4 -12 15 -20t24 -8h120zM515 0q103 0 176.5 73t73.5 177t-73.5 177t-176.5 73t-176.5 -73t-73.5 -177t73.5 -177t176.5 -73zM880 380q14 0 24.5 10.5t10.5 24.5t-10.5 24.5t-24.5 10.5t-24.5 -10.5t-10.5 -24.5
+t10.5 -24.5t24.5 -10.5z" />
+ <glyph glyph-name="u1F512" unicode="🔒" horiz-adv-x="730"
+d="M655 425q21 0 40.5 -19.5t19.5 -40.5v-390q0 -21 -14 -40t-34 -25l-59 -20q-49 -15 -98 -15h-290q-49 0 -98 15l-59 20q-20 6 -34 25t-14 40v390q0 22 15 41t35 19h100v70q0 110 51 170t149 60t149 -60t51 -170v-70h90zM265 515v-90h200v90q0 53 -27 81.5t-73 28.5
+t-73 -28.5t-27 -81.5z" />
+ <glyph glyph-name="u1F513" unicode="🔓" horiz-adv-x="730"
+d="M655 400q21 0 40.5 -19.5t19.5 -40.5v-390q0 -21 -14 -40t-34 -25l-59 -20q-49 -15 -98 -15h-290q-49 0 -98 15l-59 20q-20 6 -34 25t-14 40v390q0 22 15 41t35 19h400v140q0 53 -27 81.5t-73 28.5t-73 -28.5t-27 -81.5v-40h-100v20q0 110 51 170t149 60t149 -60t51 -170
+v-120h90z" />
+ <glyph glyph-name="u1F514" unicode="🔔" horiz-adv-x="830"
+d="M648 375q16 -34 40.5 -52t45 -22t42.5 -22.5t35 -54.5q22 -62 -74 -161.5t-252 -157.5q-104 -39 -205.5 -45.5t-166.5 15t-79 60.5q-13 36 -7.5 64.5t19 46t20.5 47t-2 66.5q-23 89 -33.5 142t-14.5 109t7.5 93.5t36 74.5t68.5 73q17 14 24 28.5t6 24t5.5 19.5t23.5 16
+q26 10 47.5 -9.5t53.5 -19.5q56 1 98.5 -11t75 -33.5t64.5 -67t58 -93.5t64 -130zM461 -29q55 20 104.5 49t82 56.5t56 53.5t33.5 44t7 25q-7 20 -47.5 31t-124.5 1t-187 -48q-63 -23 -115.5 -51.5t-84.5 -53.5t-53 -49t-28 -41.5t-3 -27.5q2 -6 21 -13t53.5 -12t76.5 -5
+t98 10.5t111 30.5zM437 159q15 -40 -15.5 -82.5t-88.5 -64.5q-45 -16 -86.5 -12t-65.5 26q81 68 218 120q17 7 38 13z" />
+ <glyph glyph-name="u1F517" unicode="🔗" horiz-adv-x="830"
+d="M308 64q14 14 35 14t35 -14t14 -35t-14 -35l-41 -40q-55 -55 -133 -55q-79 0 -134 55q-55 53 -55 133t55 133l149 147q70 69 143.5 78t127.5 -44q14 -14 14.5 -35t-13.5 -35t-35 -14t-35 14q-49 49 -132 -34l-149 -148q-26 -26 -26 -62q0 -37 26 -63t64 -26t64 26z
+M760 638q55 -55 55 -132q0 -78 -55 -133l-159 -158q-73 -73 -150 -73q-62 0 -111 49q-14 14 -14.5 35t13.5 35t35 14t35 -14q9 -9 16 -13t22.5 -7t36.5 8t47 36l159 158q26 26 26 63q0 36 -26 62q-27 26 -57.5 30.5t-60.5 -20.5l-50 -50q-14 -14 -35 -14t-35 14t-14 35
+t14 35l51 50q54 53 126.5 50.5t130.5 -60.5z" />
+ <glyph glyph-name="u1F554" unicode="🕔" horiz-adv-x="950"
+d="M475 760q125 0 231 -61.5t167.5 -167.5t61.5 -231t-61.5 -231t-167.5 -167.5t-231 -61.5t-231 61.5t-167.5 167.5t-61.5 231t61.5 231t167.5 167.5t231 61.5zM475 -60q149 0 254.5 105.5t105.5 254.5t-105.5 254.5t-254.5 105.5t-254.5 -105.5t-105.5 -254.5
+t105.5 -254.5t254.5 -105.5zM510 560v-246l150 -149l-50 -50l-170 170v275h70z" />
+ <glyph glyph-name="u1F6AB" unicode="🚫" horiz-adv-x="950"
+d="M475 760q125 0 231 -61.5t167.5 -167.5t61.5 -231t-61.5 -231t-167.5 -167.5t-231 -61.5t-231 61.5t-167.5 167.5t-61.5 231t61.5 231t167.5 167.5t231 61.5zM723 547h-1h1zM125 300q0 -125 79 -222l492 493q-97 79 -221 79q-145 0 -247.5 -102.5t-102.5 -247.5zM227 53
+l1 -1zM475 -50q145 0 247.5 102.5t102.5 247.5q0 124 -79 221l-492 -492q97 -79 221 -79z" />
+ </font>
+</defs></svg>
+
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/fontello.ttf b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/fontello.ttf
new file mode 100644
index 0000000..b815d4c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/fontello.ttf
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/fontello.woff b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/fontello.woff
new file mode 100644
index 0000000..c045814
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/fontello.woff
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/fonts/themeicons-webfont.eot b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/themeicons-webfont.eot
similarity index 100%
rename from org.eclipse.osbp.themes/VAADIN/themes/base/fonts/themeicons-webfont.eot
rename to org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/themeicons-webfont.eot
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/fonts/themeicons-webfont.svg b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/themeicons-webfont.svg
similarity index 100%
rename from org.eclipse.osbp.themes/VAADIN/themes/base/fonts/themeicons-webfont.svg
rename to org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/themeicons-webfont.svg
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/fonts/themeicons-webfont.ttf b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/themeicons-webfont.ttf
similarity index 100%
rename from org.eclipse.osbp.themes/VAADIN/themes/base/fonts/themeicons-webfont.ttf
rename to org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/themeicons-webfont.ttf
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/base/fonts/themeicons-webfont.woff b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/themeicons-webfont.woff
similarity index 100%
rename from org.eclipse.osbp.themes/VAADIN/themes/base/fonts/themeicons-webfont.woff
rename to org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/fonts/themeicons-webfont.woff
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/html/Welcome.html b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/html/Welcome.html
new file mode 100644
index 0000000..84798b4
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/html/Welcome.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<head>
+
+<meta charset="utf-8">
+
+<meta name="viewport" content="width=device-width, initial-scale=1">
+
+
+<link rel="stylesheet" type="text/css" href="screen.css" media="all">
+<link rel="stylesheet" type="text/css" href="typo-welcome-validated.css" media="all">
+
+
+<title>Compex - Welcomepage</title>
+
+</head>
+<body class="osbp typo-welcome">
+
+
+<header class="header" style="background:#0067b1; padding-top: 10px;">
+ <div style="background:#0067b1">
+ <div class="inner small">
+ <h2 class="headlineH2withoutUnderline versal">Welcome</h2>
+ <h3 class="align-center" style="color: rgb(255, 255, 255);">Here are some resources that will help you to get started</h3>
+ </div>
+ </div>
+</header>
+
+<div class="welcome-image" align="center" style="padding-top: 10px; padding-bottom: 10px;">
+</div>
+
+<main>
+ <div class="ce-twoCol-Box " id="c309">
+ <div class="inner small">
+
+ <div class="boxen withFontAwesome">
+
+ <div class="">
+ <div><h2 class="smallHeadlineWithUnderline">Watch tutorial videos</h2>
+ <p class="bodytext">Learn how to use My1App and learn more about OS.bee from step-by-step tutorial videos.</p></div>
+ </div>
+
+ <div class="">
+ <div><h2 class="smallHeadlineWithUnderline">Read documentation</h2>
+ <p class="bodytext">Need more insight? Detailed information can be found in our documentation.</p></div>
+ </div>
+
+ <div class="">
+ <div><h2 class="smallHeadlineWithUnderline">Visit our forum</h2>
+ <p class="bodytext">The OS.bee forum is a great place to find answers and ask questions, especially for newcommers.</p></div>
+ </div>
+
+ <div class="">
+ <div><h2 class="smallHeadlineWithUnderline">Register to join the community</h2>
+ <p class="bodytext">Register and benefit from special resources for community members.</p></div>
+ </div>
+
+ </div>
+
+ </div>
+ </div>
+
+</main>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/html/screen.css b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/html/screen.css
new file mode 100644
index 0000000..7fc1b95
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/html/screen.css
@@ -0,0 +1,27 @@
+i.fa{padding-left:5px;font-size:0.9rem}.bg-blue{background-color:#0067b1}.bg-darkblue{background-color:#002f58}.bg-red{background-color:#be1622}.bg-white{background-color:#fff}.button{display:inline-block;background:inherit;color:inherit;padding:15px;text-transform:uppercase;font-weight:700;font-size:15px;line-height:normal;text-decoration:none;cursor:pointer}.button i{padding-right:5px;transition:0.5s all;font-size:18px;line-height:normal}.button span+i{padding-left:5px;transition:0.5s all}.button:hover{text-decoration:none !important}.button:hover i{padding-right:10px;transition:0.5s all}.button:hover span+i{padding-left:10px;transition:0.5s all}span span{background:inherit;color:inherit}.redbutton,.bluebutton,.thirdSection .right a,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a,.darkbluebutton,.greybutton,.marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton,.whitebutton,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a,.marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a{display:inline-block;background:#be1622 none repeat scroll 0% 0%;color:#FFF;padding:15px;text-transform:uppercase;font-weight:700;font-size:15px;line-height:normal;text-decoration:none;cursor:pointer;border:none}.redbutton:hover,.bluebutton:hover,.thirdSection .right a:hover,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:hover,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:hover,.darkbluebutton:hover,.greybutton:hover,.marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover,.whitebutton:hover,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:hover,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:hover,.marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton:hover,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:hover,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:hover{text-decoration:none !important}.bluebutton,.thirdSection .right a,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a{background-color:#0067b1}.darkbluebutton{background-color:#002f58;text-align:left}.darkbluebutton.arrowlink:after,.thirdSection .right a.darkbluebutton:after{float:right}.darkbluebutton.arrowlink:hover:after,.thirdSection .right a.darkbluebutton:hover:after{padding-left:30px}.greybutton,.marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton{background-color:#f5f5f5;color:#333}.greybutton:hover,.marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover{background-color:#0067b1;color:#fff}.whitebutton,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a{background-color:#ffffff;color:#333}.arrowlink,.thirdSection .right a{font-weight:700;text-decoration:none;transition:0.5s all}.arrowlink:after,.thirdSection .right a:after{font-family:'FontAwesome';content:"\f178";padding-left:5px;font-size:15px;transition:0.7s all;display:inline-block}.arrowlink:hover,.thirdSection .right a:hover{text-decoration:none}.arrowlink:hover:after,.thirdSection .right a:hover:after{padding-left:15px;transition:0.5s all}.arrowlink.down:after,.thirdSection .right a.down:after{content:"\f078";vertical-align:bottom}.arrowlink.down.active:after,.thirdSection .right a.down.active:after{content:"\f077"}.keylink{text-align:center;color:#fff;font-weight:700;font-size:15px;line-height:normal}.keylink:before{content:"\f084";font-family:'FontAwesome';padding-right:5px;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}.downloadlink{text-align:center;font-weight:700;text-decoration:none;transition:0.5s all;min-height:54px}.downloadlink:after{font-family:'FontAwesome';content:"\f019";padding-left:5px;font-size:15px;transition:0.5s all}.downloadlink:hover{font-size:18px}.downloadlink:hover:after{font-size:17px;transition:0.5s all}.buttonContainer{text-align:center}.versal{text-transform:uppercase}.cf:before,.inner:before,body.contact .contactMain:before,.ce-twoCol-Box .boxen:before,.ce-twoCol-Box .boxen.withFontAwesome:before,.ce-twoCol-Box .boxen.withoutFontAwesome:before,.ce-twoCol-Box .boxen.withOtherFontAwesome:before,.ce-twoCol-Box .boxen.withOtherFontAwesome div:before,.text-slide:before,.toggleContainer h3:before,.ce-threeBoxesWithOption:before,.ce-threeBoxesWithOption .inner div:before,.fontAwesome-list.twocol ul:before,.ce-os-bee:before,.ce-table:before,.service-formular:before,.service-formular .powermail_check_outer:before,.secondSection div.inner:before,.thirdSection:before,.thirdSection .inner:before,.newsletter:before,.newsletter .firstrow:before,.newsletter .secondrow:before,.newsletter .secondrow .inner:before,.ce-youtube-text:before,.ce-youtube-slider:before,.marketplace-wrapper:before,.marketplace-wrapper .mp-sidebar .mp-category nav ul li:before,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:before,.marketplace-wrapper .mp-sidebar .mp-category nav ul li>a:before,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li>a:before,.marketplace-wrapper .mp-contentContainer .mp-filter ul:before,.marketplace-wrapper .mp-contentContainer .mp-content:before,.marketplace-wrapper .mp-contentContainer .mp-content article header:before,.marketplace-wrapper .mp-contentContainer .mp-content article footer:before,.mpdetail-content .mp-productInfo:before,.mpdetail-content .mp-productInfo>div .mpdetail-auszeichnung:before,.mpdetail-content .mp-productWrapper>ul:before,.tx-typo3forum-pi1 .forum_menu ul:before,.tx-typo3forum-pi1 .topic_list_menu ul:before,.tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:before,.tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:before,.tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:before,.tx-typo3forum-pi1 #topic fieldset div:before,.tx-typo3forum-pi1 #post fieldset div:before,.tx-typo3forum-pi1 #report fieldset div:before,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:before,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:before,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:before,.ce-osbee-forum-singlepost:before,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:before,.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:before,.blogSidebar .blog-subscribe .terms:before,.news-list-view .article:before,.news-list-view .news-content-wrap:before,.latest-news-container:before,.latest-news-container .startpage-latesnews:before,.latest-news-container .startpage-latesnews .news-img-wrap a:before,.shariff .orientation-horizontal:before,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:before,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:before,.tx-sy-osbeeproducts .os_cartSupport:before,.tx-sy-osbeeproducts .os_cartSupport>div .container:before,.tx-sy-osbeeproducts .os_carAppSupport:before,.tx-sy-osbeeproducts .os_carAppSupport>div .container:before,.tx-sy-osbeeproducts .checkoutOption:before,.tx-contentpackage-checkoutFormular div:before,.checkoutSteps:before,.tx-indexedsearch-browsebox:before,.tx-srfeuserregister-pi1 fieldset:before,.tx-srfeuserregister-pi1 fieldset .formwrap:before,.community-forum-news:before,.community-forum-news>.inner>div.news .latest-news-container:before,.zweispaltig-unterseiten-layout:before,header.header:before,header.header .topMeta:before,header.header .topMeta+div:before,header.header nav>ul:before,footer.footer div.inner.small:before,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:before,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:before,.ce-video:before,.ce-forum-latest-post:before,.ce-forum-latest-post>div:before,.ce-forum-latest-post>div div:before,.cf:after,.inner:after,body.contact .contactMain:after,.ce-twoCol-Box .boxen:after,.ce-twoCol-Box .boxen.withFontAwesome:after,.ce-twoCol-Box .boxen.withoutFontAwesome:after,.ce-twoCol-Box .boxen.withOtherFontAwesome:after,.ce-twoCol-Box .boxen.withOtherFontAwesome div:after,.text-slide:after,.toggleContainer h3:after,.ce-threeBoxesWithOption:after,.ce-threeBoxesWithOption .inner div:after,.fontAwesome-list.twocol ul:after,.ce-os-bee:after,.ce-table:after,.service-formular:after,.service-formular .powermail_check_outer:after,.secondSection div.inner:after,.thirdSection:after,.thirdSection .inner:after,.newsletter:after,.newsletter .firstrow:after,.newsletter .secondrow:after,.newsletter .secondrow .inner:after,.ce-youtube-text:after,.ce-youtube-slider:after,.marketplace-wrapper:after,.marketplace-wrapper .mp-sidebar .mp-category nav ul li:after,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after,.marketplace-wrapper .mp-sidebar .mp-category nav ul li>a:after,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li>a:after,.marketplace-wrapper .mp-contentContainer .mp-filter ul:after,.marketplace-wrapper .mp-contentContainer .mp-content:after,.marketplace-wrapper .mp-contentContainer .mp-content article header:after,.marketplace-wrapper .mp-contentContainer .mp-content article footer:after,.mpdetail-content .mp-productInfo:after,.mpdetail-content .mp-productInfo>div .mpdetail-auszeichnung:after,.mpdetail-content .mp-productWrapper>ul:after,.tx-typo3forum-pi1 .forum_menu ul:after,.tx-typo3forum-pi1 .topic_list_menu ul:after,.tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after,.tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after,.tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after,.tx-typo3forum-pi1 #topic fieldset div:after,.tx-typo3forum-pi1 #post fieldset div:after,.tx-typo3forum-pi1 #report fieldset div:after,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after,.ce-osbee-forum-singlepost:after,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after,.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after,.blogSidebar .blog-subscribe .terms:after,.news-list-view .article:after,.news-list-view .news-content-wrap:after,.latest-news-container:after,.latest-news-container .startpage-latesnews:after,.latest-news-container .startpage-latesnews .news-img-wrap a:after,.shariff .orientation-horizontal:after,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after,.tx-sy-osbeeproducts .os_cartSupport:after,.tx-sy-osbeeproducts .os_cartSupport>div .container:after,.tx-sy-osbeeproducts .os_carAppSupport:after,.tx-sy-osbeeproducts .os_carAppSupport>div .container:after,.tx-sy-osbeeproducts .checkoutOption:after,.tx-contentpackage-checkoutFormular div:after,.checkoutSteps:after,.tx-indexedsearch-browsebox:after,.tx-srfeuserregister-pi1 fieldset:after,.tx-srfeuserregister-pi1 fieldset .formwrap:after,.community-forum-news:after,.community-forum-news>.inner>div.news .latest-news-container:after,.zweispaltig-unterseiten-layout:after,header.header:after,header.header .topMeta:after,header.header .topMeta+div:after,header.header nav>ul:after,footer.footer div.inner.small:after,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after,.ce-video:after,.ce-forum-latest-post:after,.ce-forum-latest-post>div:after,.ce-forum-latest-post>div div:after{content:" ";display:table}.cf:after,.inner:after,body.contact .contactMain:after,.ce-twoCol-Box .boxen:after,.ce-twoCol-Box .boxen.withFontAwesome:after,.ce-twoCol-Box .boxen.withoutFontAwesome:after,.ce-twoCol-Box .boxen.withOtherFontAwesome:after,.ce-twoCol-Box .boxen.withOtherFontAwesome div:after,.text-slide:after,.toggleContainer h3:after,.ce-threeBoxesWithOption:after,.ce-threeBoxesWithOption .inner div:after,.fontAwesome-list.twocol ul:after,.ce-os-bee:after,.ce-table:after,.service-formular:after,.service-formular .powermail_check_outer:after,.secondSection div.inner:after,.thirdSection:after,.thirdSection .inner:after,.newsletter:after,.newsletter .firstrow:after,.newsletter .secondrow:after,.newsletter .secondrow .inner:after,.ce-youtube-text:after,.ce-youtube-slider:after,.marketplace-wrapper:after,.marketplace-wrapper .mp-sidebar .mp-category nav ul li:after,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after,.marketplace-wrapper .mp-sidebar .mp-category nav ul li>a:after,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li>a:after,.marketplace-wrapper .mp-contentContainer .mp-filter ul:after,.marketplace-wrapper .mp-contentContainer .mp-content:after,.marketplace-wrapper .mp-contentContainer .mp-content article header:after,.marketplace-wrapper .mp-contentContainer .mp-content article footer:after,.mpdetail-content .mp-productInfo:after,.mpdetail-content .mp-productInfo>div .mpdetail-auszeichnung:after,.mpdetail-content .mp-productWrapper>ul:after,.tx-typo3forum-pi1 .forum_menu ul:after,.tx-typo3forum-pi1 .topic_list_menu ul:after,.tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after,.tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after,.tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after,.tx-typo3forum-pi1 #topic fieldset div:after,.tx-typo3forum-pi1 #post fieldset div:after,.tx-typo3forum-pi1 #report fieldset div:after,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after,.ce-osbee-forum-singlepost:after,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after,.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after,.blogSidebar .blog-subscribe .terms:after,.news-list-view .article:after,.news-list-view .news-content-wrap:after,.latest-news-container:after,.latest-news-container .startpage-latesnews:after,.latest-news-container .startpage-latesnews .news-img-wrap a:after,.shariff .orientation-horizontal:after,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after,.tx-sy-osbeeproducts .os_cartSupport:after,.tx-sy-osbeeproducts .os_cartSupport>div .container:after,.tx-sy-osbeeproducts .os_carAppSupport:after,.tx-sy-osbeeproducts .os_carAppSupport>div .container:after,.tx-sy-osbeeproducts .checkoutOption:after,.tx-contentpackage-checkoutFormular div:after,.checkoutSteps:after,.tx-indexedsearch-browsebox:after,.tx-srfeuserregister-pi1 fieldset:after,.tx-srfeuserregister-pi1 fieldset .formwrap:after,.community-forum-news:after,.community-forum-news>.inner>div.news .latest-news-container:after,.zweispaltig-unterseiten-layout:after,header.header:after,header.header .topMeta:after,header.header .topMeta+div:after,header.header nav>ul:after,footer.footer div.inner.small:after,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after,.ce-video:after,.ce-forum-latest-post:after,.ce-forum-latest-post>div:after,.ce-forum-latest-post>div div:after{clear:both}html{margin:0;padding:0;font-size:15px;line-height:normal}html *{box-sizing:border-box;font-family:"Open Sans",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;counter-reset:olliste}section,main,footer,nav,aside,article{display:block}img{height:auto;max-width:100%}figure{margin:0;padding:0}input[type="submit"]{-webkit-appearance:none}ul{margin:0;padding:0;list-style:none}::-webkit-input-placeholder{color:#333333;opacity:1 !important}:-moz-placeholder{color:#333333}::-moz-placeholder{color:#333333}:-ms-input-placeholder{color:#333333}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#333333;opacity:1 !important}input:-moz-placeholder,textarea:-moz-placeholder{color:#333333}input::-moz-placeholder,textarea::-moz-placeholder{color:#333333}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#333333}.unorderedList li,.clients ul li,.ce-twoCol-Box .boxen.withFontAwesome>div ul li,.ce-twoCol-Box .boxen.withoutFontAwesome>div ul li,.text-slide .left ul li,.ce-Image-Text-Element .einspaltig ul li,.toggleContainer ul li,.ce-threeBoxesWithOption .inner div article ul li,.fontAwesome-list ul li ul li,.fontAwesome-list.twocol ul li ul li,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li,.ce-leftright>div figure+div ul li,.news ul li{position:relative;padding-left:15px}.unorderedList li:before,.clients ul li:before,.ce-twoCol-Box .boxen.withFontAwesome>div ul li:before,.ce-twoCol-Box .boxen.withoutFontAwesome>div ul li:before,.text-slide .left ul li:before,.ce-Image-Text-Element .einspaltig ul li:before,.toggleContainer ul li:before,.ce-threeBoxesWithOption .inner div article ul li:before,.fontAwesome-list ul li ul li:before,.fontAwesome-list.twocol ul li ul li:before,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li:before,.ce-leftright>div figure+div ul li:before,.news ul li:before{content:"\f054";content:"\f111";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;position:absolute;top:7px;left:0;color:#be1622;font-size:6px}.unorderedList li+li,.clients ul li+li,.ce-twoCol-Box .boxen.withFontAwesome>div ul li+li,.ce-twoCol-Box .boxen.withoutFontAwesome>div ul li+li,.text-slide .left ul li+li,.ce-Image-Text-Element .einspaltig ul li+li,.toggleContainer ul li+li,.ce-threeBoxesWithOption .inner div article ul li+li,.fontAwesome-list ul li ul li+li,.fontAwesome-list.twocol ul li ul li+li,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li+li,.ce-leftright>div figure+div ul li+li,.news ul li+li{margin-top:4px}.unorderedList li ul,.clients ul li ul,.ce-twoCol-Box .boxen.withFontAwesome>div ul li ul,.ce-twoCol-Box .boxen.withoutFontAwesome>div ul li ul,.text-slide .left ul li ul,.ce-Image-Text-Element .einspaltig ul li ul,.toggleContainer ul li ul,.ce-threeBoxesWithOption .inner div article ul li ul,.fontAwesome-list ul li ul li ul,.fontAwesome-list.twocol ul li ul li ul,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li ul,.ce-leftright>div figure+div ul li ul,.news ul li ul{margin-top:5px}.unorderedList+p,.clients ul+p,.ce-twoCol-Box .boxen.withFontAwesome>div ul+p,.ce-twoCol-Box .boxen.withoutFontAwesome>div ul+p,.text-slide .left ul+p,.ce-Image-Text-Element .einspaltig ul+p,.toggleContainer ul+p,.ce-threeBoxesWithOption .inner div article ul+p,.fontAwesome-list ul li ul+p,.fontAwesome-list.twocol ul li ul+p,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul+p,.ce-leftright>div figure+div ul+p,.news ul+p,.unorderedList+ul,.clients ul+ul,.ce-twoCol-Box .boxen.withFontAwesome>div ul+ul,.ce-twoCol-Box .boxen.withoutFontAwesome>div ul+ul,.text-slide .left ul+ul,.ce-Image-Text-Element .einspaltig ul+ul,.toggleContainer ul+ul,.ce-threeBoxesWithOption .inner div article ul+ul,.fontAwesome-list ul li ul+ul,.fontAwesome-list.twocol ul li ul+ul,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul+ul,.ce-leftright>div figure+div ul+ul,.news ul+ul{margin-top:15px}.inner{max-width:1325px;margin:0 auto}.inner.small,.tx-felogin-pi1 .tx-felogin-pi1-inner{max-width:1030px;margin:0 auto}@media screen and (max-width: 1100px){.inner.small,.tx-felogin-pi1 .tx-felogin-pi1-inner{padding:0 25px}}main{overflow:hidden}body.contact .contactMain{max-width:1030px;margin:0 auto 0 auto}h1,h2,.ce-table table caption,h3{margin:0;font-size:inherit;line-height:normal}.headlineH1,p.headlineH1,.sliderContainer p.headlineH1{font-family:"Quicksand",sans-serif;font-size:60px;line-height:normal;color:#333;margin:0 0 40px 0;text-transform:uppercase;font-weight:300;display:block}@media screen and (max-width: 1024px){.headlineH1,p.headlineH1,.sliderContainer p.headlineH1{font-size:45px;margin-bottom:30px}}@media screen and (max-width: 768px){.headlineH1,p.headlineH1,.sliderContainer p.headlineH1{font-size:35px;margin-bottom:25px}}@media screen and (max-width: 640px){.headlineH1,p.headlineH1,.sliderContainer p.headlineH1{font-size:28px;margin-bottom:20px}}.headlineH1Center,p.headlineH1Center,.sliderContainer p.headlineH1Center{font-family:"Quicksand",sans-serif;font-size:60px;line-height:normal;color:#333;margin:0 0 40px 0;text-transform:uppercase;text-align:center;font-weight:300;display:block}@media screen and (max-width: 1024px){.headlineH1Center,p.headlineH1Center,.sliderContainer p.headlineH1Center{font-size:45px}}@media screen and (max-width: 768px){.headlineH1Center,p.headlineH1Center,.sliderContainer p.headlineH1Center{font-size:35px}}@media screen and (max-width: 640px){.headlineH1Center,p.headlineH1Center,.sliderContainer p.headlineH1Center{font-size:28px}}.headlineH2Center,p.headlineH2Center,.service-formular fieldset .powermail_legend,.sliderContainer p.headlineH2Center,.latest-news-container h2,.latest-news-container .ce-table table caption,.ce-table table .latest-news-container caption,.mp-contentContainer.checkout h1{font-family:"Quicksand", sans-serif;font-weight:400;text-transform:uppercase;color:#333;font-size:24px;line-height:normal;text-align:center;display:block;margin:0 0 15px 0}.headlineH2Center:after,.service-formular fieldset .powermail_legend:after,.sliderContainer p.headlineH2Center:after,.latest-news-container h2:after,.latest-news-container .ce-table table caption:after,.ce-table table .latest-news-container caption:after,.mp-contentContainer.checkout h1:after{content:"";display:block;width:50px;height:5px;background:#fc0;margin:10px auto 0 auto}.headlineH2,p.headlineH2,.sliderContainer p.headlineH2,.tx-typo3forum-pi1 #topic fieldset legend,.tx-typo3forum-pi1 #post fieldset legend,.tx-typo3forum-pi1 #report fieldset legend,.mp-contentContainer.checkout .checkout_paymentOption h2,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption,.community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>h2,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box>caption,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>caption{font-family:"Quicksand", sans-serif;font-weight:400;text-transform:uppercase;color:#333;font-size:24px;line-height:normal;display:block;margin:0 0 15px 0}.headlineH2:after,.sliderContainer p.headlineH2:after,.tx-typo3forum-pi1 #topic fieldset legend:after,.tx-typo3forum-pi1 #post fieldset legend:after,.tx-typo3forum-pi1 #report fieldset legend:after,.mp-contentContainer.checkout .checkout_paymentOption h2:after,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after,.community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>h2:after,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box>caption:after,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>caption:after{content:"";display:block;width:50px;height:5px;background:#fc0;margin:10px 0 0 0}.headlineH2withoutUnderline,.headlineH2withoutUnderlineLeft,p.headlineH2withoutUnderline,.sliderContainer p.headlineH2withoutUnderline{font-size:36px;line-height:normal;font-family:"Quicksand",sans-serif;font-weight:400;color:#fff;display:block;margin:0 0 15px 0;text-align:center}.headlineH2withoutUnderlineLeft{text-align:left}.headlineH3,p.headlineH3,.sliderContainer p.headlineH3{font-weight:700;font-size:16px;line-height:normal;color:#333;margin:0 0 20px 0;display:block}.smallHeadlineWithUnderline,p.smallHeadlineWithUnderline,.sliderContainer p.smallHeadlineWithUnderline{font-size:18px;line-height:normal;font-weight:700;color:#333;margin-bottom:20px}.smallHeadlineWithUnderline:after,.sliderContainer p.smallHeadlineWithUnderline:after{content:"";display:block;width:50px;height:5px;background:#fc0;margin:5px 0 0 0}a{color:#0067b1;text-decoration:none;font-weight:700}a span{color:inherit}a:hover{text-decoration:underline}a.arrowlink:hover,.thirdSection .right a:hover{text-decoration:underline !important}a.arrowlink:hover:after,.thirdSection .right a:hover:after{text-decoration:none !important}a.button:hover{text-decoration:none !important}a.button:hover span{text-decoration:none !important}span a{color:inherit}.textlinkarrow:after,.ce-twoCol-Box .boxen.withFontAwesome>div.aWithArrow a:after,.ce-table table tr td a:after,.ce-leftright>div figure+div a:after,.ce-youtube-text .right a:after,.news-list-view .more:after{content:"\f178";transition:0.7s all;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;font-weight:700;font-family:'FontAwesome';padding-left:5px;transition:0.7s all}.textlinkarrow:hover,.ce-twoCol-Box .boxen.withFontAwesome>div.aWithArrow a:hover,.ce-table table tr td a:hover,.ce-leftright>div figure+div a:hover,.ce-youtube-text .right a:hover,.news-list-view .more:hover{text-decoration:none}.textlinkarrow:hover:after,.ce-twoCol-Box .boxen.withFontAwesome>div.aWithArrow a:hover:after,.ce-table table tr td a:hover:after,.ce-leftright>div figure+div a:hover:after,.ce-youtube-text .right a:hover:after,.news-list-view .more:hover:after{padding-left:10px}.textlinkarrow.whitetextlinkarrow,.ce-twoCol-Box .boxen.withFontAwesome>div.aWithArrow a.whitetextlinkarrow,.ce-twoCol-Box .boxen.withFontAwesome>div.aWithArrow .ce-leftright>div figure+div a,.ce-leftright>div figure+div .ce-twoCol-Box .boxen.withFontAwesome>div.aWithArrow a,.ce-table table tr td a.whitetextlinkarrow,.ce-leftright>div figure+div a,.ce-youtube-text .right a.whitetextlinkarrow,.ce-youtube-text .right .ce-leftright>div figure+div a,.ce-leftright>div figure+div .ce-youtube-text .right a,.news-list-view .whitetextlinkarrow.more,.news-list-view .ce-leftright>div figure+div a.more,.ce-leftright>div figure+div .news-list-view a.more{color:#fff}h1,h2,.ce-table table caption,h3,h4,h5,h6{font-size:15px;line-height:normal;margin:0;font-weight:400}p{font-size:15px;line-height:normal;margin:0}p+p,p+ul,p+ol{margin-top:15px}p+h1,p+h2,.ce-table table p+caption,p+h3,p+.headlineH3,.sliderContainer p+p.headlineH3,p+.headlineH2withoutUnderline,p+.headlineH2withoutUnderlineLeft,.sliderContainer p+p.headlineH2withoutUnderline,p+.smallHeadlineWithUnderline,.sliderContainer p+p.smallHeadlineWithUnderline,p+.headlineH2,.sliderContainer p+p.headlineH2,.tx-typo3forum-pi1 #topic fieldset p+legend,.tx-typo3forum-pi1 #post fieldset p+legend,.tx-typo3forum-pi1 #report fieldset p+legend,.mp-contentContainer.checkout .checkout_paymentOption p+h2,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table p+caption,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption p+caption,.community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>p+h2,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box>p+caption,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>p+caption,p+.headlineH2Center,.service-formular fieldset p+.powermail_legend,.sliderContainer p+p.headlineH2Center,.latest-news-container p+h2,.latest-news-container .ce-table table p+caption,.ce-table table .latest-news-container p+caption,.mp-contentContainer.checkout p+h1,p+.headlineH1Center,.sliderContainer p+p.headlineH1Center,p+.headlineH1,.sliderContainer p+p.headlineH1,p+.headlineH2withoutUnderline,p+.headlineH2withoutUnderlineLeft,.sliderContainer p+p.headlineH2withoutUnderline{margin-top:25px}p i{font-style:italic}p.bigText{font-size:18px;line-height:normal}p.bigText a{font-size:18px;line-height:normal}p.centeralign,p.align-center{text-align:center}p.leftalign,p.align-left{text-align:left}p.rightalign,p.align-right{text-align:right}ul li{font-size:15px;line-height:normal}a{font-size:15px;line-height:normal}.bigText{font-size:18px;line-height:normal}.centeralign,.align-center{text-align:center}.leftalign{text-align:left}.rightalign{text-align:right}/*!
+ * Hover.css (http://ianlunn.github.io/Hover/)
+ * Version: 2.0.2
+ * Author: Ian Lunn @IanLunn
+ * Author URL: http://ianlunn.co.uk/
+ * Github: https://github.com/IanLunn/Hover
+
+ * Made available under a MIT License:
+ * http://www.opensource.org/licenses/mit-license.php
+
+ * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
+ */.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-shrink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-shrink:hover,.hvr-shrink:focus,.hvr-shrink:active{-webkit-transform:scale(0.9);transform:scale(0.9)}@-webkit-keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-pulse:hover,.hvr-pulse:focus,.hvr-pulse:active{-webkit-animation-name:hvr-pulse;animation-name:hvr-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.hvr-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-pulse-grow:hover,.hvr-pulse-grow:focus,.hvr-pulse-grow:active{-webkit-animation-name:hvr-pulse-grow;animation-name:hvr-pulse-grow;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-pulse-shrink:hover,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:active{-webkit-animation-name:hvr-pulse-shrink;animation-name:hvr-pulse-shrink;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}.hvr-push{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-push:hover,.hvr-push:focus,.hvr-push:active{-webkit-animation-name:hvr-push;animation-name:hvr-push;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.hvr-pop{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-pop:hover,.hvr-pop:focus,.hvr-pop:active{-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-bounce-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-in:hover,.hvr-bounce-in:focus,.hvr-bounce-in:active{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36)}.hvr-bounce-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-out:hover,.hvr-bounce-out:focus,.hvr-bounce-out:active{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36)}.hvr-rotate{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-rotate:hover,.hvr-rotate:focus,.hvr-rotate:active{-webkit-transform:rotate(4deg);transform:rotate(4deg)}.hvr-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow-rotate:hover,.hvr-grow-rotate:focus,.hvr-grow-rotate:active{-webkit-transform:scale(1.1) rotate(4deg);transform:scale(1.1) rotate(4deg)}.hvr-float{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-float:hover,.hvr-float:focus,.hvr-float:active{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hvr-sink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sink:hover,.hvr-sink:focus,.hvr-sink:active{-webkit-transform:translateY(8px);transform:translateY(8px)}@-webkit-keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@-webkit-keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.hvr-bob{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-bob:hover,.hvr-bob:focus,.hvr-bob:active{-webkit-animation-name:hvr-bob-float, hvr-bob;animation-name:hvr-bob-float, hvr-bob;-webkit-animation-duration:.3s, 1.5s;animation-duration:.3s, 1.5s;-webkit-animation-delay:0s, .3s;animation-delay:0s, .3s;-webkit-animation-timing-function:ease-out, ease-in-out;animation-timing-function:ease-out, ease-in-out;-webkit-animation-iteration-count:1, infinite;animation-iteration-count:1, infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal, alternate;animation-direction:normal, alternate}@-webkit-keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@-webkit-keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}.hvr-hang{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-hang:hover,.hvr-hang:focus,.hvr-hang:active{-webkit-animation-name:hvr-hang-sink, hvr-hang;animation-name:hvr-hang-sink, hvr-hang;-webkit-animation-duration:.3s, 1.5s;animation-duration:.3s, 1.5s;-webkit-animation-delay:0s, .3s;animation-delay:0s, .3s;-webkit-animation-timing-function:ease-out, ease-in-out;animation-timing-function:ease-out, ease-in-out;-webkit-animation-iteration-count:1, infinite;animation-iteration-count:1, infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal, alternate;animation-direction:normal, alternate}.hvr-skew{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-skew:hover,.hvr-skew:focus,.hvr-skew:active{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-forward{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-forward:hover,.hvr-skew-forward:focus,.hvr-skew-forward:active{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-backward{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-backward:hover,.hvr-skew-backward:focus,.hvr-skew-backward:active{-webkit-transform:skew(10deg);transform:skew(10deg)}@-webkit-keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-vertical:hover,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:active{-webkit-animation-name:hvr-wobble-vertical;animation-name:hvr-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px, 8px);transform:translate(8px, 8px)}33.3%{-webkit-transform:translate(-6px, -6px);transform:translate(-6px, -6px)}49.95%{-webkit-transform:translate(4px, 4px);transform:translate(4px, 4px)}66.6%{-webkit-transform:translate(-2px, -2px);transform:translate(-2px, -2px)}83.25%{-webkit-transform:translate(1px, 1px);transform:translate(1px, 1px)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px, 8px);transform:translate(8px, 8px)}33.3%{-webkit-transform:translate(-6px, -6px);transform:translate(-6px, -6px)}49.95%{-webkit-transform:translate(4px, 4px);transform:translate(4px, 4px)}66.6%{-webkit-transform:translate(-2px, -2px);transform:translate(-2px, -2px)}83.25%{-webkit-transform:translate(1px, 1px);transform:translate(1px, 1px)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}.hvr-wobble-to-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-to-bottom-right:hover,.hvr-wobble-to-bottom-right:focus,.hvr-wobble-to-bottom-right:active{-webkit-animation-name:hvr-wobble-to-bottom-right;animation-name:hvr-wobble-to-bottom-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px, -8px);transform:translate(8px, -8px)}33.3%{-webkit-transform:translate(-6px, 6px);transform:translate(-6px, 6px)}49.95%{-webkit-transform:translate(4px, -4px);transform:translate(4px, -4px)}66.6%{-webkit-transform:translate(-2px, 2px);transform:translate(-2px, 2px)}83.25%{-webkit-transform:translate(1px, -1px);transform:translate(1px, -1px)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px, -8px);transform:translate(8px, -8px)}33.3%{-webkit-transform:translate(-6px, 6px);transform:translate(-6px, 6px)}49.95%{-webkit-transform:translate(4px, -4px);transform:translate(4px, -4px)}66.6%{-webkit-transform:translate(-2px, 2px);transform:translate(-2px, 2px)}83.25%{-webkit-transform:translate(1px, -1px);transform:translate(1px, -1px)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}.hvr-wobble-to-top-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-to-top-right:hover,.hvr-wobble-to-top-right:focus,.hvr-wobble-to-top-right:active{-webkit-animation-name:hvr-wobble-to-top-right;animation-name:hvr-wobble-to-top-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-wobble-top:hover,.hvr-wobble-top:focus,.hvr-wobble-top:active{-webkit-animation-name:hvr-wobble-top;animation-name:hvr-wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transform-origin:100% 0;transform-origin:100% 0}.hvr-wobble-bottom:hover,.hvr-wobble-bottom:focus,.hvr-wobble-bottom:active{-webkit-animation-name:hvr-wobble-bottom;animation-name:hvr-wobble-bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-skew{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-skew:hover,.hvr-wobble-skew:focus,.hvr-wobble-skew:active{-webkit-animation-name:hvr-wobble-skew;animation-name:hvr-wobble-skew;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-buzz{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-buzz:hover,.hvr-buzz:focus,.hvr-buzz:active{-webkit-animation-name:hvr-buzz;animation-name:hvr-buzz;-webkit-animation-duration:0.15s;animation-duration:0.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-buzz-out:hover,.hvr-buzz-out:focus,.hvr-buzz-out:active{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-fade{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;overflow:hidden;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:color, background-color;transition-property:color, background-color}.hvr-fade:hover,.hvr-fade:focus,.hvr-fade:active{background-color:#2098d1;color:white}@-webkit-keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,0.75)}}@keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,0.75)}}.hvr-back-pulse{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;overflow:hidden;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-property:color, background-color;transition-property:color, background-color}.hvr-back-pulse:hover,.hvr-back-pulse:focus,.hvr-back-pulse:active{-webkit-animation-name:hvr-back-pulse;animation-name:hvr-back-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#2098d1;background-color:#2098d1;color:white}.hvr-sweep-to-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-sweep-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-right:hover,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:active{color:white}.hvr-sweep-to-right:hover:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:active:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-sweep-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-left:hover,.hvr-sweep-to-left:focus,.hvr-sweep-to-left:active{color:white}.hvr-sweep-to-left:hover:before,.hvr-sweep-to-left:focus:before,.hvr-sweep-to-left:active:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-sweep-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-bottom:hover,.hvr-sweep-to-bottom:focus,.hvr-sweep-to-bottom:active{color:white}.hvr-sweep-to-bottom:hover:before,.hvr-sweep-to-bottom:focus:before,.hvr-sweep-to-bottom:active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-sweep-to-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-sweep-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-top:hover,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:active{color:white}.hvr-sweep-to-top:hover:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-bounce-to-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-right:hover,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:active{color:white}.hvr-bounce-to-right:hover:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:active:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66)}.hvr-bounce-to-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-left:hover,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:active{color:white}.hvr-bounce-to-left:hover:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:active:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66)}.hvr-bounce-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-bottom:hover,.hvr-bounce-to-bottom:focus,.hvr-bounce-to-bottom:active{color:white}.hvr-bounce-to-bottom:hover:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:active:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66)}.hvr-bounce-to-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-top:hover,.hvr-bounce-to-top:focus,.hvr-bounce-to-top:active{color:white}.hvr-bounce-to-top:hover:before,.hvr-bounce-to-top:focus:before,.hvr-bounce-to-top:active:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66)}.hvr-radial-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-radial-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-out:hover,.hvr-radial-out:focus,.hvr-radial-out:active{color:white}.hvr-radial-out:hover:before,.hvr-radial-out:focus:before,.hvr-radial-out:active:before{-webkit-transform:scale(2);transform:scale(2)}.hvr-radial-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;background:#2098d1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-radial-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;border-radius:100%;-webkit-transform:scale(2);transform:scale(2);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-in:hover,.hvr-radial-in:focus,.hvr-radial-in:active{color:white}.hvr-radial-in:hover:before,.hvr-radial-in:focus:before,.hvr-radial-in:active:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#2098d1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-rectangle-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-in:hover,.hvr-rectangle-in:focus,.hvr-rectangle-in:active{color:white}.hvr-rectangle-in:hover:before,.hvr-rectangle-in:focus:before,.hvr-rectangle-in:active:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-rectangle-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-out:hover,.hvr-rectangle-out:focus,.hvr-rectangle-out:active{color:white}.hvr-rectangle-out:hover:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:active:before{-webkit-transform:scale(1);transform:scale(1)}.hvr-shutter-in-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#2098d1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-shutter-in-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-horizontal:hover,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:active{color:white}.hvr-shutter-in-horizontal:hover:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:active:before{-webkit-transform:scaleX(0);transform:scaleX(0)}.hvr-shutter-out-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-shutter-out-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-horizontal:hover,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:active{color:white}.hvr-shutter-out-horizontal:hover:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:active:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-shutter-in-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#2098d1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-shutter-in-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-vertical:hover,.hvr-shutter-in-vertical:focus,.hvr-shutter-in-vertical:active{color:white}.hvr-shutter-in-vertical:hover:before,.hvr-shutter-in-vertical:focus:before,.hvr-shutter-in-vertical:active:before{-webkit-transform:scaleY(0);transform:scaleY(0)}.hvr-shutter-out-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-shutter-out-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-vertical:hover,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:active{color:white}.hvr-shutter-out-vertical:hover:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-border-fade{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px transparent}.hvr-border-fade:hover,.hvr-border-fade:focus,.hvr-border-fade:active{box-shadow:inset 0 0 0 4px #2098d1,0 0 1px transparent}.hvr-hollow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:background;transition-property:background;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px transparent}.hvr-hollow:hover,.hvr-hollow:focus,.hvr-hollow:active{background:none}.hvr-trim{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-trim:before{content:'';position:absolute;border:white solid 4px;top:4px;left:4px;right:4px;bottom:4px;opacity:0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-trim:hover:before,.hvr-trim:focus:before,.hvr-trim:active:before{opacity:1}@-webkit-keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}@keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}.hvr-ripple-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-ripple-out:before{content:'';position:absolute;border:#e1e1e1 solid 6px;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-out:hover:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:active:before{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out}@-webkit-keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}@keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}.hvr-ripple-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-ripple-in:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-in:hover:before,.hvr-ripple-in:focus:before,.hvr-ripple-in:active:before{-webkit-animation-name:hvr-ripple-in;animation-name:hvr-ripple-in}.hvr-outline-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-outline-out:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:top, right, bottom, left;transition-property:top, right, bottom, left}.hvr-outline-out:hover:before,.hvr-outline-out:focus:before,.hvr-outline-out:active:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.hvr-outline-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-outline-in:before{pointer-events:none;content:'';position:absolute;border:#e1e1e1 solid 4px;top:-16px;right:-16px;bottom:-16px;left:-16px;opacity:0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:top, right, bottom, left;transition-property:top, right, bottom, left}.hvr-outline-in:hover:before,.hvr-outline-in:focus:before,.hvr-outline-in:active:before{top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:1}.hvr-round-corners{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:border-radius;transition-property:border-radius}.hvr-round-corners:hover,.hvr-round-corners:focus,.hvr-round-corners:active{border-radius:1em}.hvr-underline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-underline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#2098d1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-left:hover:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:active:before{right:0}.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#2098d1;height:4px;-webkit-transition-property:left, right;transition-property:left, right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-center:hover:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:active:before{left:0;right:0}.hvr-underline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-underline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;bottom:0;background:#2098d1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-right:hover:before,.hvr-underline-from-right:focus:before,.hvr-underline-from-right:active:before{left:0}.hvr-overline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-overline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;top:0;background:#2098d1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-left:hover:before,.hvr-overline-from-left:focus:before,.hvr-overline-from-left:active:before{right:0}.hvr-overline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-overline-from-center:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;top:0;background:#2098d1;height:4px;-webkit-transition-property:left, right;transition-property:left, right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-center:hover:before,.hvr-overline-from-center:focus:before,.hvr-overline-from-center:active:before{left:0;right:0}.hvr-overline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-overline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;top:0;background:#2098d1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-right:hover:before,.hvr-overline-from-right:focus:before,.hvr-overline-from-right:active:before{left:0}.hvr-reveal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;border-color:#2098d1;border-style:solid;border-width:0;-webkit-transition-property:border-width;transition-property:border-width;-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-reveal:hover:before,.hvr-reveal:focus:before,.hvr-reveal:active:before{-webkit-transform:translateY(0);transform:translateY(0);border-width:4px}.hvr-underline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-underline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;background:#2098d1;height:4px;-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-reveal:hover:before,.hvr-underline-reveal:focus:before,.hvr-underline-reveal:active:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-overline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-overline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;background:#2098d1;height:4px;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-reveal:hover:before,.hvr-overline-reveal:focus:before,.hvr-overline-reveal:active:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-glow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-glow:hover,.hvr-glow:focus,.hvr-glow:active{box-shadow:0 0 8px rgba(0,0,0,0.6)}.hvr-shadow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-shadow:hover,.hvr-shadow:focus,.hvr-shadow:active{box-shadow:0 10px 10px -10px rgba(0,0,0,0.5)}.hvr-grow-shadow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow, transform;transition-property:box-shadow, transform}.hvr-grow-shadow:hover,.hvr-grow-shadow:focus,.hvr-grow-shadow:active{box-shadow:0 10px 10px -10px rgba(0,0,0,0.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-box-shadow-outset{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-box-shadow-outset:hover,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:active{box-shadow:2px 2px 2px rgba(0,0,0,0.6)}.hvr-box-shadow-inset{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 rgba(0,0,0,0.6),0 0 1px transparent}.hvr-box-shadow-inset:hover,.hvr-box-shadow-inset:focus,.hvr-box-shadow-inset:active{box-shadow:inset 2px 2px 2px rgba(0,0,0,0.6),0 0 1px transparent}.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center, ellipse, rgba(0,0,0,0.35) 0%, transparent 80%);background:radial-gradient(ellipse at center, rgba(0,0,0,0.35) 0%, transparent 80%);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform, opacity;transition-property:transform, opacity}.hvr-float-shadow:hover,.hvr-float-shadow:focus,.hvr-float-shadow:active{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.hvr-float-shadow:hover:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:active:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}.hvr-shadow-radial{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-shadow-radial:before,.hvr-shadow-radial:after{pointer-events:none;position:absolute;content:'';left:0;width:100%;box-sizing:border-box;background-repeat:no-repeat;height:5px;opacity:0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-shadow-radial:before{bottom:100%;background:-webkit-radial-gradient(50% 150%, ellipse, rgba(0,0,0,0.6) 0%, transparent 80%);background:radial-gradient(ellipse at 50% 150%, rgba(0,0,0,0.6) 0%, transparent 80%)}.hvr-shadow-radial:after{top:100%;background:-webkit-radial-gradient(50% -50%, ellipse, rgba(0,0,0,0.6) 0%, transparent 80%);background:radial-gradient(ellipse at 50% -50%, rgba(0,0,0,0.6) 0%, transparent 80%)}.hvr-shadow-radial:hover:before,.hvr-shadow-radial:focus:before,.hvr-shadow-radial:active:before,.hvr-shadow-radial:hover:after,.hvr-shadow-radial:focus:after,.hvr-shadow-radial:active:after{opacity:1}.hvr-bubble-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-bubble-top:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);top:0;border-width:0 10px 10px 10px;border-color:transparent transparent #e1e1e1 transparent}.hvr-bubble-top:hover:before,.hvr-bubble-top:focus:before,.hvr-bubble-top:active:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-bubble-right:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);right:0;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1}.hvr-bubble-right:hover:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:active:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0 10px;border-color:#e1e1e1 transparent transparent transparent}.hvr-bubble-bottom:hover:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:active:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-bubble-left:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);left:0;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent}.hvr-bubble-left:hover:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:active:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);top:0;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent #e1e1e1 transparent;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:hover,.hvr-bubble-float-top:focus,.hvr-bubble-float-top:active{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-top:hover:before,.hvr-bubble-float-top:focus:before,.hvr-bubble-float-top:active:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:before{position:absolute;z-index:-1;top:calc(50% - 10px);right:0;content:'';border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:hover,.hvr-bubble-float-right:focus,.hvr-bubble-float-right:active{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-right:hover:before,.hvr-bubble-float-right:focus:before,.hvr-bubble-float-right:active:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);bottom:0;border-style:solid;border-width:10px 10px 0 10px;border-color:#e1e1e1 transparent transparent transparent;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:hover,.hvr-bubble-float-bottom:focus,.hvr-bubble-float-bottom:active{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-bottom:hover:before,.hvr-bubble-float-bottom:focus:before,.hvr-bubble-float-bottom:active:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:'';top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-icon-back{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-left:2.2em;-webkit-transition-duration:0.1s;transition-duration:0.1s}.hvr-icon-back:before{content:"\f137";position:absolute;left:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-back:hover:before,.hvr-icon-back:focus:before,.hvr-icon-back:active:before{-webkit-transform:translateX(-4px);transform:translateX(-4px)}.hvr-icon-forward{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.1s;transition-duration:0.1s}.hvr-icon-forward:before{content:"\f138";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-forward:hover:before,.hvr-icon-forward:focus:before,.hvr-icon-forward:active:before{-webkit-transform:translateX(4px);transform:translateX(4px)}@-webkit-keyframes hvr-icon-down{0%,
+ 50%,
+ 100%{-webkit-transform:translateY(0);transform:translateY(0)}25%,
+ 75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-down{0%,
+ 50%,
+ 100%{-webkit-transform:translateY(0);transform:translateY(0)}25%,
+ 75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-down{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-down:before{content:"\f01a";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-down:hover:before,.hvr-icon-down:focus:before,.hvr-icon-down:active:before{-webkit-animation-name:hvr-icon-down;animation-name:hvr-icon-down;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-up{0%,
+ 50%,
+ 100%{-webkit-transform:translateY(0);transform:translateY(0)}25%,
+ 75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-up{0%,
+ 50%,
+ 100%{-webkit-transform:translateY(0);transform:translateY(0)}25%,
+ 75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-up{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-up:before{content:"\f01b";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-up:hover:before,.hvr-icon-up:focus:before,.hvr-icon-up:active:before{-webkit-animation-name:hvr-icon-up;animation-name:hvr-icon-up;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-spin{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-spin:before{content:"\f021";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.hvr-icon-spin:hover:before,.hvr-icon-spin:focus:before,.hvr-icon-spin:active:before{-webkit-transform:rotate(360deg);transform:rotate(360deg)}@-webkit-keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}51%,
+ 100%{opacity:1}}@keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}51%,
+ 100%{opacity:1}}.hvr-icon-drop{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-drop:before{content:"\f041";position:absolute;right:1em;opacity:1;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-drop:hover:before,.hvr-icon-drop:focus:before,.hvr-icon-drop:active:before{opacity:0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-animation-name:hvr-icon-drop;animation-name:hvr-icon-drop;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-delay:0.3s;animation-delay:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);animation-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66)}.hvr-icon-fade{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-fade:before{content:"\f00c";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-property:color;transition-property:color}.hvr-icon-fade:hover:before,.hvr-icon-fade:focus:before,.hvr-icon-fade:active:before{color:#0F9E5E}@-webkit-keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}@keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}.hvr-icon-float-away{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-float-away:before,.hvr-icon-float-away:after{content:"\f055";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome}.hvr-icon-float-away:after{opacity:0;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-float-away:hover:after,.hvr-icon-float-away:focus:after,.hvr-icon-float-away:active:after{-webkit-animation-name:hvr-icon-float-away;animation-name:hvr-icon-float-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}@keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}.hvr-icon-sink-away{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-sink-away:before,.hvr-icon-sink-away:after{content:"\f056";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-sink-away:after{opacity:0;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-sink-away:hover:after,.hvr-icon-sink-away:focus:after,.hvr-icon-sink-away:active:after{-webkit-animation-name:hvr-icon-sink-away;animation-name:hvr-icon-sink-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-grow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-grow:before{content:"\f118";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow:hover:before,.hvr-icon-grow:focus:before,.hvr-icon-grow:active:before{-webkit-transform:scale(1.3) translateZ(0);transform:scale(1.3) translateZ(0)}.hvr-icon-shrink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-shrink:before{content:"\f119";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-shrink:hover:before,.hvr-icon-shrink:focus:before,.hvr-icon-shrink:active:before{-webkit-transform:scale(0.8);transform:scale(0.8)}@-webkit-keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-pulse:before{content:"\f015";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse:hover:before,.hvr-icon-pulse:focus:before,.hvr-icon-pulse:active:before{-webkit-animation-name:hvr-icon-pulse;animation-name:hvr-icon-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}.hvr-icon-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-pulse-grow:before{content:"\f015";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-grow:hover:before,.hvr-icon-pulse-grow:focus:before,.hvr-icon-pulse-grow:active:before{-webkit-animation-name:hvr-icon-pulse-grow;animation-name:hvr-icon-pulse-grow;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-pulse-shrink:before{content:"\f015";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-shrink:hover:before,.hvr-icon-pulse-shrink:focus:before,.hvr-icon-pulse-shrink:active:before{-webkit-animation-name:hvr-icon-pulse-shrink;animation-name:hvr-icon-pulse-shrink;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}.hvr-icon-push{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-push:before{content:"\f006";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-push:hover:before,.hvr-icon-push:focus:before,.hvr-icon-push:active:before{-webkit-animation-name:hvr-icon-push;animation-name:hvr-icon-push;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}.hvr-icon-pop{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-pop:before{content:"\f005";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pop:hover:before,.hvr-icon-pop:focus:before,.hvr-icon-pop:active:before{-webkit-animation-name:hvr-icon-pop;animation-name:hvr-icon-pop;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-icon-bounce{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-bounce:before{content:"\f087";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-bounce:hover:before,.hvr-icon-bounce:focus:before,.hvr-icon-bounce:active:before{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36)}.hvr-icon-rotate{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-rotate:before{content:"\f0c6";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-rotate:hover:before,.hvr-icon-rotate:focus:before,.hvr-icon-rotate:active:before{-webkit-transform:rotate(20deg);transform:rotate(20deg)}.hvr-icon-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-grow-rotate:before{content:"\f095";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow-rotate:hover:before,.hvr-icon-grow-rotate:focus:before,.hvr-icon-grow-rotate:active:before{-webkit-transform:scale(1.5) rotate(12deg);transform:scale(1.5) rotate(12deg)}.hvr-icon-float{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-float:before{content:"\f01b";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-float:hover:before,.hvr-icon-float:focus:before,.hvr-icon-float:active:before{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.hvr-icon-sink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-sink:before{content:"\f01a";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-sink:hover:before,.hvr-icon-sink:focus:before,.hvr-icon-sink:active:before{-webkit-transform:translateY(4px);transform:translateY(4px)}@-webkit-keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-bob{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-bob:before{content:"\f077";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-bob:hover:before,.hvr-icon-bob:focus:before,.hvr-icon-bob:active:before{-webkit-animation-name:hvr-icon-bob-float, hvr-icon-bob;animation-name:hvr-icon-bob-float, hvr-icon-bob;-webkit-animation-duration:.3s, 1.5s;animation-duration:.3s, 1.5s;-webkit-animation-delay:0s, .3s;animation-delay:0s, .3s;-webkit-animation-timing-function:ease-out, ease-in-out;animation-timing-function:ease-out, ease-in-out;-webkit-animation-iteration-count:1, infinite;animation-iteration-count:1, infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal, alternate;animation-direction:normal, alternate}@-webkit-keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@-webkit-keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-hang{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-hang:before{content:"\f078";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-hang:hover:before,.hvr-icon-hang:focus:before,.hvr-icon-hang:active:before{-webkit-animation-name:hvr-icon-hang-sink, hvr-icon-hang;animation-name:hvr-icon-hang-sink, hvr-icon-hang;-webkit-animation-duration:.3s, 1.5s;animation-duration:.3s, 1.5s;-webkit-animation-delay:0s, .3s;animation-delay:0s, .3s;-webkit-animation-timing-function:ease-out, ease-in-out;animation-timing-function:ease-out, ease-in-out;-webkit-animation-iteration-count:1, infinite;animation-iteration-count:1, infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal, alternate;animation-direction:normal, alternate}@-webkit-keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-icon-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-wobble-horizontal:before{content:"\f061";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-horizontal:hover:before,.hvr-icon-wobble-horizontal:focus:before,.hvr-icon-wobble-horizontal:active:before{-webkit-animation-name:hvr-icon-wobble-horizontal;animation-name:hvr-icon-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-icon-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-wobble-vertical:before{content:"\f062";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-vertical:hover:before,.hvr-icon-wobble-vertical:focus:before,.hvr-icon-wobble-vertical:active:before{-webkit-animation-name:hvr-icon-wobble-vertical;animation-name:hvr-icon-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-icon-buzz{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-buzz:before{content:"\f017";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz:hover:before,.hvr-icon-buzz:focus:before,.hvr-icon-buzz:active:before{-webkit-animation-name:hvr-icon-buzz;animation-name:hvr-icon-buzz;-webkit-animation-duration:0.15s;animation-duration:0.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-icon-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-buzz-out:before{content:"\f023";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz-out:hover:before,.hvr-icon-buzz-out:focus:before,.hvr-icon-buzz-out:active:before{-webkit-animation-name:hvr-icon-buzz-out;animation-name:hvr-icon-buzz-out;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-curl-top-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-curl-top-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;left:0;background:white;background:linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');z-index:1000;box-shadow:1px 1px 1px rgba(0,0,0,0.4);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:width, height;transition-property:width, height}.hvr-curl-top-left:hover:before,.hvr-curl-top-left:focus:before,.hvr-curl-top-left:active:before{width:25px;height:25px}.hvr-curl-top-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-curl-top-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;right:0;background:white;background:linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);box-shadow:-1px 1px 1px rgba(0,0,0,0.4);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:width, height;transition-property:width, height}.hvr-curl-top-right:hover:before,.hvr-curl-top-right:focus:before,.hvr-curl-top-right:active:before{width:25px;height:25px}.hvr-curl-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-curl-bottom-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;right:0;background:white;background:linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);box-shadow:-1px -1px 1px rgba(0,0,0,0.4);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:width, height;transition-property:width, height}.hvr-curl-bottom-right:hover:before,.hvr-curl-bottom-right:focus:before,.hvr-curl-bottom-right:active:before{width:25px;height:25px}.hvr-curl-bottom-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-curl-bottom-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;left:0;background:white;background:linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);box-shadow:1px -1px 1px rgba(0,0,0,0.4);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:width, height;transition-property:width, height}.hvr-curl-bottom-left:hover:before,.hvr-curl-bottom-left:focus:before,.hvr-curl-bottom-left:active:before{width:25px;height:25px}.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);-moz-transform:translate3d(0px, 0, 0);-o-transform:translate(0px, 0px);-ms-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-prev,.swiper-button-next,.swiper-button-prev-clients,.swiper-button-next-clients,.swiper-button-prev-small-youtube,.swiper-button-next-small-youtube{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-button-prev-clients,.swiper-button-prev-small-youtube,.swiper-container-rtl .swiper-button-next{background-image:url("../img/prev.png");left:30px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-button-next-clients,.swiper-button-next-small-youtube,.swiper-container-rtl .swiper-button-prev{background-image:url("../img/next.png");right:30px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:0.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0px, -50%, 0);-moz-transform:translate3d(0px, -50%, 0);-o-transform:translate(0px, -50%);-ms-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(transparent));background-image:-webkit-linear-gradient(right, rgba(0,0,0,0.5), transparent);background-image:-moz-linear-gradient(right, rgba(0,0,0,0.5), transparent);background-image:-o-linear-gradient(right, rgba(0,0,0,0.5), transparent);background-image:linear-gradient(to left, rgba(0,0,0,0.5), transparent)}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.5)), to(transparent));background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.5), transparent);background-image:-moz-linear-gradient(left, rgba(0,0,0,0.5), transparent);background-image:-o-linear-gradient(left, rgba(0,0,0,0.5), transparent);background-image:linear-gradient(to right, rgba(0,0,0,0.5), transparent)}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(transparent));background-image:-webkit-linear-gradient(bottom, rgba(0,0,0,0.5), transparent);background-image:-moz-linear-gradient(bottom, rgba(0,0,0,0.5), transparent);background-image:-o-linear-gradient(bottom, rgba(0,0,0,0.5), transparent);background-image:linear-gradient(to top, rgba(0,0,0,0.5), transparent)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(transparent));background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.5), transparent);background-image:-moz-linear-gradient(top, rgba(0,0,0,0.5), transparent);background-image:-o-linear-gradient(top, rgba(0,0,0,0.5), transparent);background-image:linear-gradient(to bottom, rgba(0,0,0,0.5), transparent)}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;z-index:1}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-prev,.swiper-container-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:0.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,0.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,0.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12, end) infinite;animation:swiper-preloader-spin 1s steps(12, end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:99999;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:999999;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:9999999}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:999999}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:99999999;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:0.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width: 900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.slow{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.slower{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.slowest{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.delay-250{-webkit-animation-delay:0.25s;-moz-animation-delay:0.25s;-o-animation-delay:0.25s;animation-delay:0.25s}.delay-500{-webkit-animation-delay:0.5s;-moz-animation-delay:0.5s;-o-animation-delay:0.5s;animation-delay:0.5s}.delay-750{-webkit-animation-delay:0.75s;-moz-animation-delay:0.75s;-o-animation-delay:0.75s;animation-delay:0.75s}.delay-1000{-webkit-animation-delay:1.0s;-moz-animation-delay:1.0s;-o-animation-delay:1.0s;animation-delay:1.0s}.delay-1250{-webkit-animation-delay:1.25s;-moz-animation-delay:1.25s;-o-animation-delay:1.25s;animation-delay:1.25s}.delay-1500{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s}.delay-1750{-webkit-animation-delay:1.75s;-moz-animation-delay:1.75s;-o-animation-delay:1.75s;animation-delay:1.75s}.delay-2000{-webkit-animation-delay:2.0s;-moz-animation-delay:2.0s;-o-animation-delay:2.0s;animation-delay:2.0s}.delay-2500{-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s}.delay-2000{-webkit-animation-delay:2.0s;-moz-animation-delay:2.0s;-o-animation-delay:2.0s;animation-delay:2.0s}.delay-2500{-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s}.delay-3000{-webkit-animation-delay:3.0s;-moz-animation-delay:3.0s;-o-animation-delay:3.0s;animation-delay:3.0s}.delay-3500{-webkit-animation-delay:3.5s;-moz-animation-delay:3.5s;-o-animation-delay:3.5s;animation-delay:3.5s}.bounceInRight,.bounceInLeft,.bounceInUp,.bounceInDown{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}.fadeInRight,.fadeInLeft,.fadeInUp,.fadeInDown{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}.flipInX,.flipInY,.rotateIn,.rotateInUpLeft,.rotateInUpRight,.rotateInDownLeft,.rotateDownUpRight,.rollIn{opacity:0}.lightSpeedInRight,.lightSpeedInLeft{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(0.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(0.9)}100%{-webkit-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.9)}100%{transform:scale(1)}}.bounceIn.go{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(400px)}60%{-webkit-transform:translateX(-30px)}80%{-webkit-transform:translateX(10px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(400px)}60%{transform:translateX(-30px)}80%{transform:translateX(10px)}100%{opacity:1;transform:translateX(0)}}.bounceInRight.go{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-400px)}60%{-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-400px)}60%{transform:translateX(30px)}80%{transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}.bounceInLeft.go{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(400px)}60%{-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(400px)}60%{transform:translateY(-30px)}80%{transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}.bounceInUp.go{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-400px)}60%{-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-400px)}60%{transform:translateY(30px)}80%{transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}.bounceInDown.go{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1;display:block}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1;display:block}}.fadeIn{opacity:0}.fadeIn.go{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes growIn{0%{-webkit-transform:scale(0.2);opacity:0}50%{-webkit-transform:scale(1.2)}100%{-webkit-transform:scale(1);opacity:1}}@keyframes growIn{0%{transform:scale(0.2);opacity:0}50%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}.growIn{-webkit-transform:scale(0.2);transform:scale(0.2);opacity:0}.growIn.go{-webkit-animation-name:growIn;animation-name:growIn}@-webkit-keyframes shake{0%, 100%{-webkit-transform:translateX(0)}10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px)}20%, 40%, 60%, 80%{-webkit-transform:translateX(10px)}}@keyframes shake{0%, 100%{transform:translateX(0)}10%, 30%, 50%, 70%, 90%{transform:translateX(-10px)}20%, 40%, 60%, 80%{transform:translateX(10px)}}.shake.go{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes shakeUp{0%, 100%{-webkit-transform:translateX(0)}10%, 30%, 50%, 70%, 90%{-webkit-transform:translateY(-10px)}20%, 40%, 60%, 80%{-webkit-transform:translateY(10px)}}@keyframes shakeUp{0%, 100%{transform:translateY(0)}10%, 30%, 50%, 70%, 90%{transform:translateY(-10px)}20%, 40%, 60%, 80%{transform:translateY(10px)}}.shakeUp.go{-webkit-animation-name:shakeUp;animation-name:shakeUp}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-400px)}50%{opacity:0.3}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-400px)}50%{opacity:0.3}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{opacity:0;-webkit-transform:translateX(-400px);transform:translateX(-400px)}.fadeInLeft.go{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(400px)}50%{opacity:0.3}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(400px)}50%{opacity:0.3}100%{opacity:1;transform:translateX(0)}}.fadeInRight{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}.fadeInRight.go{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(400px)}50%{opacity:0.3}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(400px)}50%{opacity:0.3}100%{opacity:1;transform:translateY(0)}}.fadeInUp{opacity:0;-webkit-transform:translateY(400px);transform:translateY(400px)}.fadeInUp.go{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-400px)}50%{opacity:0.3}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-400px)}50%{opacity:0.3}100%{opacity:1;transform:translateY(0)}}.fadeInDown{opacity:0;-webkit-transform:translateY(-400px);transform:translateY(-400px)}.fadeInDown.go{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn.go{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInUpLeft.go{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInDownLeft.go{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInUpRight.go{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInDownRight.go{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}.rollIn.go{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg)}10%{-webkit-transform:skewX(-8deg)}20%{-webkit-transform:skewX(7deg)}30%{-webkit-transform:skewX(-6deg)}40%{-webkit-transform:skewX(5deg)}50%{-webkit-transform:skewX(-4deg)}60%{-webkit-transform:skewX(3deg)}70%{-webkit-transform:skewX(-2deg)}80%{-webkit-transform:skewX(1deg)}90%{-webkit-transform:skewX(0deg)}100%{-webkit-transform:skewX(0deg)}}@keyframes wiggle{0%{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)}100%{transform:skewX(0deg)}}.wiggle.go{-webkit-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes swing{20%, 40%, 60%, 80%, 100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.swing.go{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg)}40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%, 20%{transform:scale(0.9) rotate(-3deg)}30%, 50%, 70%, 90%{transform:scale(1.1) rotate(3deg)}40%, 60%, 80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada.go{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%)}}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}.wobble.go{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse.go{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedInRight{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0%) skewX(-15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedInRight.go{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translateX(-100%) skewX(30deg);opacity:0}60%{-webkit-transform:translateX(20%) skewX(-30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedInLeft{0%{transform:translateX(-100%) skewX(30deg);opacity:0}60%{transform:translateX(20%) skewX(-30deg);opacity:1}80%{transform:translateX(0%) skewX(15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedInLeft.go{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(0.95);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) rotateY(360deg) scale(0.95);animation-timing-function:ease-in}100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in}}.flip.go{-webkit-backface-visibility:visible !important;-webkit-animation-name:flip;backface-visibility:visible !important;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX.go{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInX;backface-visibility:visible !important;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY.go{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInY;backface-visibility:visible !important;animation-name:flipInY}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(0.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(0.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(0.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(0.3)}}.bounceOut.goAway{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}.bounceOutUp.goAway{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}.bounceOutDown.goAway{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft.goAway{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}.bounceOutRight.goAway{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut.goAway{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.fadeOutUp.goAway{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}.fadeOutDown.goAway{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.fadeOutLeft.goAway{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.fadeOutRight.goAway{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX.goAway{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible !important;animation-name:flipOutX;backface-visibility:visible !important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipOutY;backface-visibility:visible !important;animation-name:flipOutY}@-webkit-keyframes lightSpeedOutRight{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOutRight.goAway{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(-100%) skewX(30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(-100%) skewX(30deg);opacity:0}}.lightSpeedOutLeft.goAway{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}.rotateOut.goAway{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{-transform-origin:left bottom;-transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft.goAway{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.rotateOutDownLeft.goAway{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight.goAway{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut.goAway{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes fadeInUpShort{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInUpShort{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUpShort{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.fadeInUpShort.go{-webkit-animation-name:fadeInUpShort;animation-name:fadeInUpShort}@-webkit-keyframes fadeInDownShort{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInDownShort{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDownShort{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.fadeInDownShort.go{-webkit-animation-name:fadeInDownShort;animation-name:fadeInDownShort}@-webkit-keyframes fadeInRightShort{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInRightShort{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fadeInRightShort{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.fadeInRightShort.go{-webkit-animation-name:fadeInRightShort;animation-name:fadeInRightShort}@-webkit-keyframes fadeInLeftShort{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInLeftShort{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeftShort{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}.fadeInLeftShort.go{-webkit-animation-name:fadeInLeftShort;animation-name:fadeInLeftShort}.logo-slider{margin-bottom:50px}.logo-slider p{margin:0 0 40px 0}@media screen and (max-width: 420px){.logo-slider p{margin:0 0 25px 0}.logo-slider .swiper-slide{text-align:center}}.clients{background:url(../dummy/clients.jpg);padding:40px 0;margin-bottom:50px;background-size:cover !important}.clients .inner.small,.clients .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .clients .tx-felogin-pi1-inner{padding:0 60px}.clients h2,.clients .ce-table table caption,.ce-table table .clients caption{margin-bottom:50px;color:#fff}.clients p{color:#fff;text-align:center}.clients p strong{display:block;margin-bottom:3px}.clients p+p{margin-top:20px}@media screen and (max-width: 600px){.clients .inner.small,.clients .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .clients .tx-felogin-pi1-inner{padding:0 40px}.clients .swiper-button-next-clients{right:10px;height:26px;width:15px;margin-top:-13px;background-size:15px 26px}.clients .swiper-button-prev-clients{left:10px;height:26px;width:15px;margin-top:-13px;background-size:15px 26px}}.unterseiten-banner{text-align:center;padding:50px 0 50px 0;background:#767679 url(../dummy/banner.jpg) no-repeat;background-position:center !important;margin-bottom:50px;min-height:200px;background-repeat:no-repeat !important;background-size:cover !important}.unterseiten-banner+.breadcrumbContainer{margin-top:-50px;margin-bottom:50px}.unterseiten-banner p{color:#fff}.unterseiten-banner a{margin-top:20px}.unterseiten-banner.arrow{position:relative}.unterseiten-banner.arrow:after,.unterseiten-banner.arrow:before{top:0;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.unterseiten-banner.arrow:after{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:20px;margin-left:-20px}.unterseiten-banner.arrow:before{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:20px;margin-left:-20px}.unterseiten-banner.arrowGrey{position:relative}.unterseiten-banner.arrowGrey:after,.unterseiten-banner.arrowGrey:before{top:0;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.unterseiten-banner.arrowGrey:after{border-color:rgba(255,255,255,0);border-top-color:#333;border-width:20px;margin-left:-20px}.unterseiten-banner.arrowGrey:before{border-color:rgba(255,255,255,0);border-top-color:#333;border-width:20px;margin-left:-20px}.ce-twoCol-Box{padding:0;margin-bottom:50px}.ce-twoCol-Box.addPadding{padding:40px 0}.ce-twoCol-Box .texttop{margin-bottom:40px}.ce-twoCol-Box .texttop h1,.ce-twoCol-Box .texttop h2,.ce-twoCol-Box .texttop .ce-table table caption,.ce-table table .ce-twoCol-Box .texttop caption,.ce-twoCol-Box .texttop h3,.ce-twoCol-Box .texttop h4{margin-bottom:0}.ce-twoCol-Box .boxen .arrowlink:hover:after,.ce-twoCol-Box .boxen .thirdSection .right a:hover:after,.thirdSection .right .ce-twoCol-Box .boxen a:hover:after{display:inline-block;text-decoration:none !important}.ce-twoCol-Box .boxen.withFontAwesome>div{float:left;width:calc(100% / 2);padding-right:95px;position:relative;text-align:right}.ce-twoCol-Box .boxen.withFontAwesome>div .headlineH2:after,.ce-twoCol-Box .boxen.withFontAwesome>div .tx-typo3forum-pi1 #topic fieldset legend:after,.tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome>div legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div .tx-typo3forum-pi1 #post fieldset legend:after,.tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome>div legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div .tx-typo3forum-pi1 #report fieldset legend:after,.tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome>div legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div .mp-contentContainer.checkout .checkout_paymentOption h2:after,.mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome>div h2:after,.ce-twoCol-Box .boxen.withFontAwesome>div .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome>div caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome>div caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>h2:after,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome>div .tx-typo3forum-post-latest-box>h2:after,.ce-twoCol-Box .boxen.withFontAwesome>div .community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box>caption:after,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome>div .tx-typo3forum-post-latest-box>caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div .ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>caption:after,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome>div .tx-typo3forum-post-latest-box>caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div .headlineH2Center:after,.ce-twoCol-Box .boxen.withFontAwesome>div .service-formular fieldset .powermail_legend:after,.service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome>div .powermail_legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div .latest-news-container h2:after,.latest-news-container .ce-twoCol-Box .boxen.withFontAwesome>div h2:after,.ce-twoCol-Box .boxen.withFontAwesome>div .latest-news-container .ce-table table caption:after,.latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome>div caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div .ce-table table .latest-news-container caption:after,.ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome>div caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div .mp-contentContainer.checkout h1:after,.mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome>div h1:after{margin:10px 0 0 auto}.ce-twoCol-Box .boxen.withFontAwesome>div .smallHeadlineWithUnderline:after{margin:5px 0 0 auto}.ce-twoCol-Box .boxen.withFontAwesome>div>i{position:absolute;top:0;right:15px;padding:10px;padding-top:18px;background:#c6c6c6;border-radius:50px;height:60px;width:60px;text-align:center}.ce-twoCol-Box .boxen.withFontAwesome>div>i:before{vertical-align:middle;font-size:24px}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n)>i{right:auto;left:15px}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .smallHeadlineWithUnderline:after{margin:5px auto 0 0}.ce-twoCol-Box .boxen.withFontAwesome>div p i{padding-left:0}.ce-twoCol-Box .boxen.withFontAwesome>div p+ul{margin-top:15px}.ce-twoCol-Box .boxen.withFontAwesome>div p.align-left{text-align:left}.ce-twoCol-Box .boxen.withFontAwesome>div p.align-right{text-align:right}.ce-twoCol-Box .boxen.withFontAwesome>div p.align-center{text-align:center}.ce-twoCol-Box .boxen.withFontAwesome>div a{color:#0067b1;text-decoration:none}.ce-twoCol-Box .boxen.withFontAwesome>div a:hover{text-decoration:underline}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(n+3){margin-top:45px}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n){padding-right:0;padding-left:95px;text-align:left}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .headlineH2:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .tx-typo3forum-pi1 #topic fieldset legend:after,.tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .tx-typo3forum-pi1 #post fieldset legend:after,.tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .tx-typo3forum-pi1 #report fieldset legend:after,.tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption h2:after,.mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) h2:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>h2:after,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .tx-typo3forum-post-latest-box>h2:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box>caption:after,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .tx-typo3forum-post-latest-box>caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>caption:after,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .tx-typo3forum-post-latest-box>caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .headlineH2Center:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .service-formular fieldset .powermail_legend:after,.service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .powermail_legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .latest-news-container h2:after,.latest-news-container .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) h2:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .latest-news-container .ce-table table caption:after,.latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .ce-table table .latest-news-container caption:after,.ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .mp-contentContainer.checkout h1:after,.mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) h1:after{margin:10px auto 0 0}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) span{right:auto;left:15px}@media screen and (max-width: 800px){.ce-twoCol-Box .boxen.withFontAwesome>div{float:none;width:100%;margin-right:0}.ce-twoCol-Box .boxen.withFontAwesome>div+div{margin-top:40px !important}}@media screen and (max-width: 600px){.ce-twoCol-Box .boxen.withFontAwesome>div{padding-left:0;padding-right:0}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n){padding-left:0}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n)>i.fa{display:none}.ce-twoCol-Box .boxen.withFontAwesome>div>i.fa{display:none}}.ce-twoCol-Box .boxen.withoutFontAwesome>div{float:left;width:calc((100% - 25px) / 2)}.ce-twoCol-Box .boxen.withoutFontAwesome>div+div{margin-left:25px}.ce-twoCol-Box .boxen.withoutFontAwesome>div:nth-of-type(2n+3){margin-left:0}.ce-twoCol-Box .boxen.withoutFontAwesome>div:nth-of-type(n+3){margin-top:50px}@media screen and (max-width: 767px){.ce-twoCol-Box .boxen.withoutFontAwesome>div{float:none;width:100%}.ce-twoCol-Box .boxen.withoutFontAwesome>div:nth-of-type(n+3){margin-top:25px}.ce-twoCol-Box .boxen.withoutFontAwesome>div+div{margin-top:25px;margin-left:0 !important}}.ce-twoCol-Box .boxen.withOtherFontAwesome div{float:left;width:48%;position:relative;padding-left:120px;min-height:80px}.ce-twoCol-Box .boxen.withOtherFontAwesome div>i.fa{position:absolute;top:0;right:80%}.ce-twoCol-Box .boxen.withOtherFontAwesome div>i.fa:before{vertical-align:middle;font-size:80px;color:#0067b1}.ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n+3){margin-top:40px}@media screen and (max-width: 800px){.ce-twoCol-Box .boxen.withOtherFontAwesome div{float:none;width:100%;padding-left:0}.ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n+2){margin-top:40px}.ce-twoCol-Box .boxen.withOtherFontAwesome div>i.fa{position:relative;top:auto;left:auto;float:left;margin-right:15px;display:none}.ce-twoCol-Box .boxen.withOtherFontAwesome div>i.fa:before{font-size:50px}.ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(2n)>i.fa{left:auto}.ce-twoCol-Box .boxen.withOtherFontAwesome div+div{margin-top:30px}}.text-slide{margin-bottom:50px}.text-slide .openImgSubHeadline{font-size:15px;line-height:normal;color:#333;text-decoration:none;font-weight:400;margin:0 0 5px 0}.text-slide .left{float:left;width:40.77%;width:calc((100% - 25px) / 2)}.text-slide .left h3{font-family:"Open Sans",sans-serif;font-weight:700;color:#333;margin:0 0 20px 0}.text-slide .left p{color:#333}.text-slide .right{float:left;width:50%;width:calc((100% - 25px) / 2);margin-left:9.22%;margin-left:25px}.text-slide .right .openImage{position:relative;display:block}.text-slide .right .openImage i{font-size:1.5rem;color:#fff;position:absolute;left:0;right:0;z-index:20;top:50%;margin-top:-12px;text-align:center;color:#333}.text-slide .right .openImage i:before,.text-slide .right .openImage i:after{color:#333}.text-slide .right .openImage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:rgba(255,255,255,0.5);border:solid 1px rgba(0,0,0,0.2)}.text-slide .right .singleImage{display:block;max-height:250px;overflow:hidden}.text-slide .right .singleImage img{display:block}@media screen and (max-width: 768px){.text-slide .left{width:100%;float:none}.text-slide .right{float:none;width:100%;margin-left:0;margin-top:25px}}.ce-Image-Text-Element{margin-bottom:50px}.ce-Image-Text-Element .einspaltig .bigText{font-size:18px;line-height:normal}.ce-Image-Text-Element .einspaltig+figure{margin-top:25px}.ce-Image-Text-Element figure{margin:0}.ce-Image-Text-Element figure figcaption{font-size:12px;display:block;margin:0;padding:0;line-height:normal;text-align:right;color:#333}.ce-Image-Text-Element figure img{display:block;margin:0 auto}.ce-Image-Text-Element figure+.einspaltig{margin-top:25px}.toggleContainer{margin-bottom:50px !important}@media screen and (max-width: 1100px){.toggleContainer{padding:50px 25px 40px 25px !important}}.toggleContainer h2,.toggleContainer .ce-table table caption,.ce-table table .toggleContainer caption{margin:0 0 30px 0}.toggleContainer h3{padding:0 20px;background:#ececec;line-height:55px;margin:0 0 10px 0;font-weight:700;outline:none;cursor:pointer}.toggleContainer h3 i{color:#6c6c6c}.toggleContainer h3 i+strong{margin-left:25px}.toggleContainer h3 i+p{margin-left:5px}.toggleContainer h3 strong{font-family:"Quicksand",sans-serif;font-weight:700;font-size:24px;line-height:normal;display:inline-block;margin-right:10px;vertical-align:middle}.toggleContainer h3 p{display:inline-block;margin:0;font-family:"Quicksand",sans-serif;color:#333}.toggleContainer h3 span{float:right;display:inline-block;font-size:15px;line-height:normal;font-weight:700;font-family:"Quicksand",sans-serif;line-height:55px}.toggleContainer .ui-accordion-content{padding-bottom:20px}@media screen and (max-width: 600px){.toggleContainer h3 strong{font-size:16px;line-height:normal}.toggleContainer h3 span{font-size:14px;line-height:normal}}@media screen and (max-width: 480px){.toggleContainer h3 span{float:none;width:100%;line-height:16px;display:block;padding-bottom:15px;padding-left:44px;margin-top:-10px}}.ce-threeBoxesWithOption{margin-bottom:50px}.ce-threeBoxesWithOption.addPadding{padding:50px 0 50px 0}.ce-threeBoxesWithOption p{color:#fff}.ce-threeBoxesWithOption .inner>div{margin-top:40px}.ce-threeBoxesWithOption .inner div article{float:left;width:calc(100% / 3);text-align:center;padding:0 20px}.ce-threeBoxesWithOption .inner div article i.big{padding:25px;background:#fff;border-radius:50px;font-size:2rem;margin-bottom:15px}.ce-threeBoxesWithOption .inner div article i.small{border-radius:50px;padding:15px;text-align:center;vertical-align:middle;color:#0067b1;background:rgba(255,255,255,0.7);font-size:0.9rem;margin-bottom:15px;min-height:42px;min-width:42px}.ce-threeBoxesWithOption .inner div article p{color:#fff;text-align:center}@media screen and (max-width: 760px){.ce-threeBoxesWithOption .inner div article{float:none;width:100%}.ce-threeBoxesWithOption .inner div article+article{margin-top:20px}.ce-threeBoxesWithOption+.ce-threeBoxesWithOption{margin-top:2px}}.fontAwesome-list{margin-bottom:50px}.fontAwesome-list ul{margin:0;padding:0;list-style:none}.fontAwesome-list ul li{display:block;color:#333;position:relative;padding-left:30px}.fontAwesome-list ul li i{font-size:22px;border-radius:50px;padding:0;vertical-align:sub;position:absolute;left:0;top:2px}.fontAwesome-list ul li i.border{border:solid 1px #333;text-align:center;vertical-align:middle;height:30px;width:30px;line-height:30px;font-size:18px}.fontAwesome-list ul li.border{min-height:30px;padding-left:40px}.fontAwesome-list ul li.border span{padding-top:6px}.fontAwesome-list ul li ul{margin-top:5px}.fontAwesome-list ul li span{margin:0;font-weight:700;display:inline-block;vertical-align:middle}.fontAwesome-list ul li+li{margin-top:10px}.fontAwesome-list.twocol ul li{position:relative;float:left;width:48%;padding-left:30px}.fontAwesome-list.twocol ul li.border{padding-left:40px}.fontAwesome-list.twocol ul li+li{margin-left:4%;margin-top:0}.fontAwesome-list.twocol ul li:nth-of-type(n+3){margin-top:15px}.fontAwesome-list.twocol ul li:nth-of-type(2n+3){margin-left:0}.fontAwesome-list.twocol ul li ul li{float:none;width:100%}.fontAwesome-list.twocol ul li ul li:nth-of-type(n+3){margin-top:4px}.fontAwesome-list.twocol ul li ul li+li{margin-left:0;margin-top:4px}@media screen and (max-width: 640px){.fontAwesome-list.twocol ul li{width:100%;float:none}.fontAwesome-list.twocol ul li+li{margin-left:0}.fontAwesome-list.twocol ul li:nth-of-type(n+2){margin-top:15px}.fontAwesome-list.twocol ul li ul li:nth-of-type(n+2){margin-top:0}}.tx-contentpackage-historieContainer{margin-bottom:50px}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner{position:relative;border-left:3px solid #be1622;padding:44px 0 44px 22px}@media screen and (max-width: 1100px){.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner{padding:50px 25px 25px 25px}}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear{font-size:32px;line-height:normal;background:#be1622;color:#fff;padding:5px 10px;width:auto;display:inline-block;margin-left:-118px}@media screen and (max-width: 1260px){.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear{margin:0 0 15px -22px}}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent p{color:#333}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent *{color:#333}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement>span{display:block;position:relative;border:solid 1px inherit;background:url(../img/chevron-down.png) no-repeat}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement>span:before,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement>span:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement>span:before{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:20px;margin-left:-20px}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement>span:after{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:20px;margin-left:-20px}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement+.tx-contentpackage-historieElement .inner{padding-top:50px}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement:last-of-type>span{display:none}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground{background:#be1622}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner{border-left:3px solid #fff}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-historieYear{color:#be1622;background:#fff}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent p,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent *{color:#fff}.ce-os-bee{width:1030px;height:820px;margin-bottom:50px;position:relative}.ce-os-bee .base{width:314px;height:314px;border-radius:250px;margin:0 auto;display:block;background:#c6c6c6;padding:30px;position:relative;margin-top:261px;line-height:270px;text-align:center}.ce-os-bee .base img{position:relative;max-height:100px;width:auto;vertical-align:middle}.ce-os-bee .base span{font-size:24px;color:#be1622;font-weight:700;line-height:normal;display:inline-block}.ce-os-bee .child{display:block;width:100%;height:100%;vertical-align:middle;text-align:center;font-weight:400;font-size:18px;line-height:156px;color:#333;text-decoration:none;width:156px;height:156px;display:inline-block;border-radius:100px;background:#c6c6c6;position:relative;line-height:156px;padding:0 10px;position:absolute;top:0;left:0;transition:.5s all}.ce-os-bee .child:hover{background:#be1622;color:#fff;transition:.5s all;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}.ce-os-bee .child span{display:inline-block;line-height:20px;font-size:18px;top:50%;position:absolute;left:15px;right:15px}.ce-os-bee .child:after{content:"";border:solid 3px #fff;border-radius:100px;position:absolute;top:4px;right:4px;bottom:4px;left:4px;width:92%}@media screen and (max-width: 1000px){#sy_lines{display:none !important}.ce-os-bee{display:none}}.ce-table{margin-bottom:50px !important}.ce-table.alignleft table tr td{text-align:left}.ce-table.alignleft table tr td a{padding-left:10px}.ce-table.alignleft table tr td:first-of-type{width:auto}.ce-table.alignleft table tr td:first-of-type+td{width:auto}.ce-table.alignleft table tr td:last-of-type{padding-left:10px}.ce-table.alignleft table thead tr td:nth-of-type(2){padding-left:10px}.ce-table table{width:100%;border-collapse:collapse;border:none}.ce-table table caption{margin-bottom:40px}.ce-table table tr{height:40px}.ce-table table tr td{text-align:center;font-size:13px}.ce-table table tr td a{font-size:13px;text-decoration:none;line-height:40px;display:block;background:#0067b1;color:#fff;text-transform:uppercase;font-weight:400}.ce-table table tr td:first-of-type{width:290px;text-align:left;padding-left:10px}.ce-table table tr td:first-of-type+td{width:155px;font-weight:700}.ce-table table tr td:nth-of-type(4){width:155px}.ce-table table tr td:nth-of-type(2),.ce-table table tr td:nth-of-type(3),.ce-table table tr td:nth-of-type(4),.ce-table table tr td:nth-of-type(5),.ce-table table tr td:nth-of-type(6){border-left:solid 1px #cdcdcd;font-weight:700;font-size:13px;width:155px}.ce-table table tr td:nth-of-type(6){border-right:solid 1px #cdcdcd}.ce-table table tr th:nth-of-type(2),.ce-table table tr th:nth-of-type(3),.ce-table table tr th:nth-of-type(4),.ce-table table tr th:nth-of-type(5),.ce-table table tr th:nth-of-type(6){border-left:solid 1px #cdcdcd;border-top:solid 1px #cdcdcd;font-weight:400;font-size:13px;width:155px}.ce-table table tr th:nth-of-type(6){border-right:solid 1px #cdcdcd}.ce-table table tbody tr:nth-of-type(odd){background:#ededed}@media screen and (max-width: 1100px){.ce-table.inner.small,.tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner{padding:40px 25px}}@media screen and (max-width: 1000px){.ce-table.inner.small,.tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner{width:100%;overflow:scroll}.ce-table.inner.small table,.tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner table{width:1000px}}.service-formular{background:#ededed;padding:40px 0}.service-formular h3{display:none}.service-formular .required{float:right;margin-top:-100px;margin:-160px 0 0 0;font-size:12px}@media screen and (max-width: 960px){.service-formular .required{float:none;margin:0}}.service-formular fieldset{margin:0;padding:0;border:none}.service-formular fieldset .powermail_legend{margin-bottom:20px;width:100%;display:block}.service-formular label{display:none}.service-formular input[type="text"],.service-formular input[type="password"],.service-formular input[type="email"],.service-formular input[type="date"],.service-formular select{width:100%;height:55px;border:solid 1px #bbb;padding:10px;color:#cdcdcd;margin-top:15px;font-size:18px;color:#333}.service-formular input[type="submit"]{background:#0067b1;font-size:15px;line-height:normal;text-transform:uppercase;color:#fff;padding:15px 60px;margin-top:30px;border:none;outline:none;font-weight:700;cursor:pointer}.service-formular textarea{width:100%;resize:none;height:150px;border:solid 1px #bbb;color:#cdcdcd;padding:10px;font-size:18px;color:#333}.service-formular .powermail_fieldwrap_input{float:left;width:calc((100% - 30px) / 3)}.service-formular .powermail_fieldwrap_input+.powermail_fieldwrap_input{margin-left:15px}.service-formular .powermail_fieldwrap_check legend{float:left;margin:25px 15px 15px 0}.service-formular .powermail_fieldwrap_check input{width:20px;height:20px;margin:1px 3px 0px}.service-formular .powermail_fieldwrap_34 legend,.service-formular .powermail_fieldwrap_45 legend{display:none}.service-formular .powermail_fieldwrap_34 .powermail_check_outer,.service-formular .powermail_fieldwrap_45 .powermail_check_outer{margin-left:0}.service-formular .powermail_fieldwrap_34 .powermail_check_outer input,.service-formular .powermail_fieldwrap_45 .powermail_check_outer input{float:left}.service-formular .powermail_fieldwrap_34 .powermail_check_outer label,.service-formular .powermail_fieldwrap_45 .powermail_check_outer label{max-width:80%;float:left;margin-left:15px;font-size:12px;line-height:normal}.service-formular .powermail_fieldwrap_34 .powermail_check_outer label a,.service-formular .powermail_fieldwrap_45 .powermail_check_outer label a{font-size:12px;line-height:normal}.service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner,.service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner{margin-left:0;width:100%}.service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner+.powermail_check_inner,.service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner+.powermail_check_inner{margin-top:20px}.service-formular .powermail_check_outer label{display:inline-block;vertical-align:middle;float:right}.service-formular .parsley-required,.service-formular .parsley-custom-error-message{font-size:12px;line-height:normal;color:#be1622}.service-formular .powermail_field_error_container_checkbox{position:absolute}.service-formular .powermail_check_outer{margin:25px 15px 15px 15px}.service-formular .powermail_check_outer div{float:left}.service-formular .powermail_check_outer div+div{margin-left:15px}@media screen and (max-width: 760px){.service-formular .powermail_fieldwrap_input{width:100%;float:none}.service-formular .powermail_fieldwrap_input+.powermail_fieldwrap_input{margin-left:0}.service-formular .powermail_check_outer div{display:block;width:100%}.service-formular .powermail_check_outer div.powermail_check_inner input,.service-formular .powermail_check_outer div.powermail_check_inner label{float:left}.service-formular .powermail_check_outer div+div{margin-left:0}}.textOverSendButton{font-size:12px;margin-top:25px;margin-bottom:-10px}.tsaccordion .accordion-header{background:#ececec url(../img/akkordeon_zu.png) 20px 20px no-repeat;font-size:1.5rem;line-height:1.9rem;font-weight:normal;padding:9px 0 9px 64px;margin:0 0 2px 0}.tsaccordion .accordion-switcher{cursor:pointer}.tsaccordion .accordion-switcher-active{background-image:url(../img/akkordeon_offen.png)}.tsaccordion .accordion-content{display:none;padding:19px 10px 28px 10px;font-size:0.9rem;line-height:1.3rem}.tsaccordion .accordion-content .accordion-left{display:inline-block;float:left}@media screen and (min-width: 769px){.tsaccordion .accordion-content .accordion-left{max-width:70%}}@media screen and (max-width: 768px){.tsaccordion .accordion-content .accordion-left{max-width:auto;float:none;display:block}.tsaccordion .accordion-content .accordion-left>br{display:none}}.tsaccordion .accordion-content .accordion-left .accordion-name{display:inline-block;font-size:1.5rem;line-height:1.9rem}@media screen and (max-width: 768px){.tsaccordion .accordion-content .accordion-left .accordion-name{display:block}}.tsaccordion .accordion-content .accordion-left .accordion-thema{display:inline-block;font-size:0.9rem;line-height:1.3rem}@media screen and (max-width: 768px){.tsaccordion .accordion-content .accordion-left .accordion-thema{display:block}}.tsaccordion .accordion-content .accordion-logo{display:inline-block;float:right;margin:7px 0px 0 0}@media screen and (max-width: 768px){.tsaccordion .accordion-content .accordion-logo{float:none}}.tsaccordion .accordion-content .accordion-description{margin:20px 0 14px 0}.tsaccordion .accordion-content .accordion-more{color:#0067b1;font-weight:bold;text-decoration:none;display:inline-block}.tsaccordion .accordion-content .accordion-more img{margin-left:3px}.ce-leftright>div{padding:200px 0}.ce-leftright>div figure{float:left;max-width:600px;width:45.28%;margin:0;padding:0;margin-right:5.28%;padding-left:3.77%;position:relative}.ce-leftright>div figure img{display:block;position:relative;z-index:50}.ce-leftright>div figure img.small,.ce-leftright>div figure img.medium,.ce-leftright>div figure img.big{position:absolute;z-index:10}.ce-leftright>div figure img.small{top:20px;left:20px}.ce-leftright>div figure img.medium{top:0;right:20px}.ce-leftright>div figure img.big{left:25px;bottom:0}.ce-leftright>div figure+div{float:left;max-width:650px;width:49.05%}.ce-leftright>div figure+div p{margin:0;color:#fff}.ce-leftright>div figure+div p+*{margin-top:20px}.ce-leftright>div figure+div a.redbutton,.ce-leftright>div figure+div a.bluebutton,.ce-leftright>div figure+div .thirdSection .right a,.thirdSection .right .ce-leftright>div figure+div a,.ce-leftright>div figure+div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright>div figure+div a,.ce-leftright>div figure+div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright>div figure+div a,.ce-leftright>div figure+div a.darkbluebutton,.ce-leftright>div figure+div a.greybutton,.ce-leftright>div figure+div .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton,.marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright>div figure+div a.greybutton,.ce-leftright>div figure+div a.whitebutton,.ce-leftright>div figure+div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) .ce-leftright>div figure+div a,.ce-leftright>div figure+div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) .ce-leftright>div figure+div a,.ce-leftright>div figure+div .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton,.marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright>div figure+div a.redbutton,.ce-leftright>div figure+div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) .ce-leftright>div figure+div a,.ce-leftright>div figure+div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) .ce-leftright>div figure+div a,.ce-leftright>div figure+div a.bluebutton,.ce-leftright>div figure+div .thirdSection .right a,.thirdSection .right .ce-leftright>div figure+div a,.ce-leftright>div figure+div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright>div figure+div a,.ce-leftright>div figure+div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright>div figure+div a{min-width:0}.ce-leftright>div figure+div ul ul li{font-weight:400;padding-left:0}.ce-leftright>div figure+div ul ul li:before{display:none}.ce-leftright>div.right figure{float:right;margin-left:70px;padding-left:0;margin-right:0;padding-right:50px}@media screen and (max-width: 1180px){.ce-leftright>div figure img.small,.ce-leftright>div figure img.medium,.ce-leftright>div figure img.big{display:none}}@media screen and (max-width: 1024px){.ce-leftright .inner{padding:0 25px}.ce-leftright>div{padding:50px 0}.ce-leftright>div figure{float:none;max-width:none;width:100%;margin-right:0;padding-left:0;margin-bottom:25px}.ce-leftright>div figure img{margin:0 auto}.ce-leftright>div figure+div{float:none;max-width:none;width:100%;margin-top:40px;text-align:center}}.sliderContainer{margin-bottom:50px}.sliderContainer .inner.small,.sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner{padding-top:100px}.sliderContainer .swiper-container{height:600px}.sliderContainer .swiper-slide{background-size:cover !important;background-position:center center !important}.sliderContainer .slider-overlay{background:rgba(0,0,0,0.3);width:100%;height:100%}.sliderContainer p{font-size:24px;line-height:34px;color:#fff;margin:0;font-weight:600;text-align:center}.sliderContainer p+p{margin-top:30px}.sliderContainer .headlineH1Center,.sliderContainer p.headlineH1Center,.sliderContainer p.headlineH1Center,.sliderContainer .sliderContainer p.headlineH1Center{font-weight:600}@media screen and (max-width: 680px){.sliderContainer .headlineH1Center,.sliderContainer p.headlineH1Center,.sliderContainer p.headlineH1Center,.sliderContainer .sliderContainer p.headlineH1Center{font-weight:600 !important}}@media screen and (max-width: 1100px){.sliderContainer .inner.small,.sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner{padding:100px 60px}.sliderContainer p{font-size:22px;line-height:32px}}@media screen and (max-width: 800px){.sliderContainer{background-size:cover !important}.sliderContainer .inner.small,.sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner{padding:60px 60px}.sliderContainer .swiper-container{height:500px}.sliderContainer p{font-size:20px;line-height:30px}}@media screen and (max-width: 600px){.sliderContainer .inner.small,.sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner{padding:60px 40px}.sliderContainer p{font-size:18px;line-height:28px}.sliderContainer a{font-size:15px;line-height:normal}.sliderContainer .swiper-button-next{right:10px;height:26px;width:15px;margin-top:-13px;background-size:15px 26px}.sliderContainer .swiper-button-prev{left:10px;height:26px;width:15px;margin-top:-13px;background-size:15px 26px}}@media screen and (max-width: 480px){.sliderContainer .swiper-container{height:400px}.sliderContainer .inner.small,.sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner{padding:20px 35px}.sliderContainer a{font-size:15px;line-height:normal}}@media screen and (max-width: 420px){.sliderContainer .swiper-container{height:450px}}.mapsContainer{float:right;width:calc((100% - 40px) / 2)}@media screen and (max-width: 800px){.mapsContainer{float:none;width:100%;margin-top:25px}}.mapsContainer iframe{width:100% !important}.contactMain{margin-bottom:50px !important}@media screen and (max-width: 1100px){.contactMain{padding-left:25px;padding-right:25px}}.powermail_form_3,.powermail_form_4,.powermail_form_5,.powermail_form_6,.powermail_form_7{float:left;width:calc((100% - 40px) / 2)}@media screen and (max-width: 800px){.powermail_form_3,.powermail_form_4,.powermail_form_5,.powermail_form_6,.powermail_form_7{float:none;width:100%}}.powermail_form_3 fieldset,.powermail_form_4 fieldset,.powermail_form_5 fieldset,.powermail_form_6 fieldset,.powermail_form_7 fieldset{margin:0;padding:0;border:none}.powermail_form_3 fieldset legend,.powermail_form_4 fieldset legend,.powermail_form_5 fieldset legend,.powermail_form_6 fieldset legend,.powermail_form_7 fieldset legend{display:none}.powermail_form_3 fieldset>div+div,.powermail_form_4 fieldset>div+div,.powermail_form_5 fieldset>div+div,.powermail_form_6 fieldset>div+div,.powermail_form_7 fieldset>div+div{margin-top:15px}.powermail_form_3 h3,.powermail_form_4 h3,.powermail_form_5 h3,.powermail_form_6 h3,.powermail_form_7 h3{display:none}.powermail_form_3 div label,.powermail_form_4 div label,.powermail_form_5 div label,.powermail_form_6 div label,.powermail_form_7 div label{float:none;display:block;width:100%;margin-bottom:2px}.powermail_form_3 div input,.powermail_form_4 div input,.powermail_form_5 div input,.powermail_form_6 div input,.powermail_form_7 div input{display:block;border:solid 1px #c6c6c6;height:30px;width:400px;width:100%;padding:0 10px;color:#333}.powermail_form_3 div input[type=submit],.powermail_form_4 div input[type=submit],.powermail_form_5 div input[type=submit],.powermail_form_6 div input[type=submit],.powermail_form_7 div input[type=submit]{width:100px;cursor:pointer}.powermail_form_3 div textarea,.powermail_form_4 div textarea,.powermail_form_5 div textarea,.powermail_form_6 div textarea,.powermail_form_7 div textarea{display:block;margin-top:5px;resize:none;width:400px;width:100%;height:150px;border:solid 1px #c6c6c6;padding:5px 10px;color:#333}.powermail_form_3 div .parsley-required,.powermail_form_3 div .parsley-custom-error-message,.powermail_form_4 div .parsley-required,.powermail_form_4 div .parsley-custom-error-message,.powermail_form_5 div .parsley-required,.powermail_form_5 div .parsley-custom-error-message,.powermail_form_6 div .parsley-required,.powermail_form_6 div .parsley-custom-error-message,.powermail_form_7 div .parsley-required,.powermail_form_7 div .parsley-custom-error-message{font-size:12px;line-height:normal;color:#be1622}.powermail_form_3 div.powermail_fieldwrap_textarea label,.powermail_form_4 div.powermail_fieldwrap_textarea label,.powermail_form_5 div.powermail_fieldwrap_textarea label,.powermail_form_6 div.powermail_fieldwrap_textarea label,.powermail_form_7 div.powermail_fieldwrap_textarea label{width:auto}.powermail_form_3 div.powermail_fieldwrap_check,.powermail_form_4 div.powermail_fieldwrap_check,.powermail_form_5 div.powermail_fieldwrap_check,.powermail_form_6 div.powermail_fieldwrap_check,.powermail_form_7 div.powermail_fieldwrap_check{position:relative}.powermail_form_3 div.powermail_fieldwrap_check .powermail_check_inner,.powermail_form_4 div.powermail_fieldwrap_check .powermail_check_inner,.powermail_form_5 div.powermail_fieldwrap_check .powermail_check_inner,.powermail_form_6 div.powermail_fieldwrap_check .powermail_check_inner,.powermail_form_7 div.powermail_fieldwrap_check .powermail_check_inner{position:relative;padding-left:20px}.powermail_form_3 div.powermail_fieldwrap_check label,.powermail_form_4 div.powermail_fieldwrap_check label,.powermail_form_5 div.powermail_fieldwrap_check label,.powermail_form_6 div.powermail_fieldwrap_check label,.powermail_form_7 div.powermail_fieldwrap_check label{font-size:12px;line-height:normal;max-width:100%}.powermail_form_3 div.powermail_fieldwrap_check label a,.powermail_form_4 div.powermail_fieldwrap_check label a,.powermail_form_5 div.powermail_fieldwrap_check label a,.powermail_form_6 div.powermail_fieldwrap_check label a,.powermail_form_7 div.powermail_fieldwrap_check label a{font-size:12px;line-height:normal}.powermail_form_3 div.powermail_fieldwrap_check input,.powermail_form_4 div.powermail_fieldwrap_check input,.powermail_form_5 div.powermail_fieldwrap_check input,.powermail_form_6 div.powermail_fieldwrap_check input,.powermail_form_7 div.powermail_fieldwrap_check input{width:auto;height:auto;position:absolute;left:0;top:2px;margin:0}.powermail_form_3 div.powermail_fieldwrap_check+.powermail_fieldwrap_check,.powermail_form_4 div.powermail_fieldwrap_check+.powermail_fieldwrap_check,.powermail_form_5 div.powermail_fieldwrap_check+.powermail_fieldwrap_check,.powermail_form_6 div.powermail_fieldwrap_check+.powermail_fieldwrap_check,.powermail_form_7 div.powermail_fieldwrap_check+.powermail_fieldwrap_check{margin-top:0}.powermail_form_3 .textOverSendButton,.powermail_form_4 .textOverSendButton,.powermail_form_5 .textOverSendButton,.powermail_form_6 .textOverSendButton,.powermail_form_7 .textOverSendButton{font-size:12px;margin-top:25px;margin-bottom:0}.firstSection{max-height:870px;position:relative;overflow:hidden}.firstSection>a{display:block}.firstSection>a+div{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:rgba(0,0,0,0.4)}.firstSection>a+div img:first-of-type{position:absolute;z-index:150;top:50%;margin-top:-49px;text-align:center;left:50%;margin-left:-183px}@media screen and (max-width: 480px){.firstSection>a+div img:first-of-type{max-width:250px;margin-left:-125px;margin-top:-33px}}.firstSection>a+div img:first-of-type+img{position:absolute;left:50%;margin-left:-58px;bottom:40px}@media screen and (max-width: 600px){.firstSection>a+div img:first-of-type+img{display:none}}.firstSection video{width:100%;display:block}.firstSection figure{margin:0;padding:0;width:100%}.firstSection figure img{width:100%}.firstSection video+.linkLayout,.firstSection figure+.linkLayout{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:rgba(0,0,0,0.4)}.firstSection video+.linkLayout img:first-of-type,.firstSection figure+.linkLayout img:first-of-type{position:absolute;z-index:150;top:50%;margin-top:-49px;text-align:center;left:50%;margin-left:-183px}@media screen and (max-width: 480px){.firstSection video+.linkLayout img:first-of-type,.firstSection figure+.linkLayout img:first-of-type{max-width:250px;margin-left:-125px;margin-top:-33px}}.firstSection video+.linkLayout img:first-of-type+img,.firstSection figure+.linkLayout img:first-of-type+img{position:absolute;left:50%;margin-left:-58px;bottom:40px}@media screen and (max-width: 600px){.firstSection video+.linkLayout img:first-of-type+img,.firstSection figure+.linkLayout img:first-of-type+img{display:none}}.secondSection{background:#0067b1}.secondSection h2,.secondSection .ce-table table caption,.ce-table table .secondSection caption{font-size:40px;font-weight:400;color:#fff;line-height:normal;text-align:left;margin:0 0 26px 0}.secondSection h2:after,.secondSection .ce-table table caption:after,.ce-table table .secondSection caption:after{display:none}.secondSection p{color:#fff;max-width:540px}.secondSection div.inner{padding:0 25px 50px 25px}.secondSection div.inner:first-of-type{padding-top:130px}.secondSection div.inner:first-of-type .big{position:absolute;top:-70px;right:95px;z-index:5}.secondSection div.inner:first-of-type .medium{position:absolute;bottom:-85px;left:-5px}.secondSection div.inner:first-of-type .small{position:absolute;left:40px;top:-25px}.secondSection div.inner:nth-of-type(2) .big{position:absolute;top:-48px;left:16px;z-index:5}.secondSection div.inner:nth-of-type(2) .medium{position:absolute;bottom:-75px;left:40px}.secondSection div.inner:nth-of-type(2) .small{position:absolute;right:90px;top:115px}.secondSection div.inner:nth-of-type(3) h2,.secondSection div.inner:nth-of-type(3) .ce-table table caption,.ce-table table .secondSection div.inner:nth-of-type(3) caption{margin-top:0px}.secondSection div.inner:nth-of-type(3) .big{position:absolute;bottom:-75px;left:40px;z-index:5}.secondSection div.inner:nth-of-type(3) .medium{position:absolute;top:-48px;left:16px}.secondSection div.inner:nth-of-type(3) .small{position:absolute;right:90px;top:115px}.secondSection div.inner:nth-of-type(4) .big{position:absolute;top:-48px;left:16px;z-index:5}.secondSection div.inner:nth-of-type(4) .medium{position:absolute;bottom:-75px;left:40px}.secondSection div.inner:nth-of-type(4) .small{position:absolute;right:90px;top:115px}.secondSection div.inner:last-of-type{padding-bottom:130px;text-align:center}.secondSection div.inner .left{float:left;width:50%;position:relative}.secondSection div.inner .right{float:left;width:50%;position:relative}.secondSection div.inner .default{position:relative;z-index:15}@media screen and (max-width: 1180px){.secondSection div.inner .small,.secondSection div.inner .medium,.secondSection div.inner .big{display:none !important}.secondSection div.inner .right{padding-left:3%;padding-right:3%}.secondSection div.inner .left{padding-right:5%}}.secondSection div.inner+div{margin-top:130px}@media screen and (max-width: 1024px){.secondSection .animatedParent{display:none}.secondSection div.inner:first-of-type{padding-top:50px}.secondSection div.inner:last-of-type{padding-bottom:50px}.secondSection div.inner .right:not(.animatedParent){padding:0;margin:0 auto;float:none;width:100%}.secondSection div.inner .right:not(.animatedParent) h2,.secondSection div.inner .right:not(.animatedParent) .ce-table table caption,.ce-table table .secondSection div.inner .right:not(.animatedParent) caption{font-size:30px;line-height:normal;margin:0 0 15px 0}.secondSection div.inner .right:not(.animatedParent) p{max-width:none}.secondSection div.inner .left:not(.animatedParent){padding:0;margin:0 auto;float:none;width:100%}.secondSection div.inner .left:not(.animatedParent) h2,.secondSection div.inner .left:not(.animatedParent) .ce-table table caption,.ce-table table .secondSection div.inner .left:not(.animatedParent) caption{font-size:30px;line-height:normal;margin:0 0 15px 0}.secondSection div.inner .left:not(.animatedParent) p{max-width:none}.secondSection div.inner+div{margin-top:50px}}@media screen and (max-width: 768px){.secondSection div.inner .right:not(.animatedParent){width:100%}.secondSection div.inner .right:not(.animatedParent) p{max-width:none}.secondSection div.inner .left:not(.animatedParent){width:100%}.secondSection div.inner .left:not(.animatedParent) p{max-width:none}}@media screen and (max-width: 480px){.secondSection div.inner img{max-width:250px}}.thirdSection{text-align:center;background:#fc0;padding-top:100px}.thirdSection .inner{padding:100px 25px 170px 25px}.thirdSection .left{float:left;width:50%;position:relative}.thirdSection .right{float:left;width:50%;position:relative;padding-top:110px}.thirdSection .right a{margin-bottom:30px}.thirdSection h2,.thirdSection .ce-table table caption,.ce-table table .thirdSection caption{font-size:40px;text-align:center;margin:0 0 15px 0;color:#333}.thirdSection p{color:#333;text-align:center;margin:0 0 40px 0}.thirdSection .buttonContainer{text-align:center}.thirdSection .default{z-index:10;position:relative;left:55px;left:0}.thirdSection .big{position:absolute;bottom:50px;left:-40px;z-index:5}.thirdSection .medium{position:absolute;left:165px;top:-65px}.thirdSection .small{position:absolute;bottom:0;right:60px}@media screen and (max-width: 1250px){.thirdSection .default{left:25px}}@media screen and (max-width: 1180px){.thirdSection{padding-top:0}.thirdSection .default{left:0}.thirdSection .small,.thirdSection .medium,.thirdSection .big{display:none !important}.thirdSection .left{padding-right:5%}.thirdSection .right{padding-left:3%;padding-right:3%}}@media screen and (max-width: 1024px){.thirdSection{padding-top:0}.thirdSection .inner{padding-top:50px;padding-bottom:50px}.thirdSection .inner h2,.thirdSection .inner .ce-table table caption,.ce-table table .thirdSection .inner caption{font-size:30px;line-height:normal;margin:0 0 15px 0}.thirdSection .inner a{font-size:22px;line-height:normal}.thirdSection .left{display:none}.thirdSection .right{float:none;width:100%;padding:0}}.wrapsvg,.wrapsvg1,.wrapsvg4,.wrapsvg2,.wrapsvg3{float:left;border:1px solid transparent;position:relative}@media screen and (max-width: 1024px){.wrapsvg,.wrapsvg1,.wrapsvg4,.wrapsvg2,.wrapsvg3{display:none !important}}.wrapsvg1{left:-705px;top:128px}.wrapsvg4{left:-705px;top:128px}.wrapsvg2{left:-15px;top:-140px}.wrapsvg3{left:-700px;top:60px}.svg1{position:absolute}.svg2{position:absolute}.svg3{position:absolute}.svg4{position:absolute}nav.section{position:fixed;top:50%;right:20px;z-index:9999}@media screen and (max-width: 1024px){nav.section{display:none}}nav.section ul li{width:20px;height:20px;border-radius:25px;background:#fff;display:block;cursor:pointer;transition:.3s all}nav.section ul li a{z-index:100;display:none;padding:14px 10px;margin-top:-3px;right:48px;font-size:12px;text-decoration:none}nav.section ul li+li{margin-top:5px}nav.section ul li:hover a{display:inline;position:fixed;color:#fff;height:10px;line-height:2px;text-align:center;background:#be1622}nav.section ul li.active{width:15px;height:15px;transition:.3s all;margin:5px auto 0 auto}.newsletter{width:100%;padding:50px 0 0 0;background:#ececec;position:relative}.newsletter:after,.newsletter:before{top:0;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.newsletter:after{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:20px;margin-left:-20px}.newsletter:before{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:20px;margin-left:-20px}.newsletter .right{float:right;width:100%;max-width:463px;max-width:420px}@media screen and (max-width: 900px){.newsletter .right{float:none;width:100%;max-width:none;padding:0 25px}}.newsletter .firstrow{width:100%;max-width:840px;margin:0 auto}.newsletter .firstrow h2,.newsletter .firstrow .ce-table table caption,.ce-table table .newsletter .firstrow caption{text-align:left}.newsletter .firstrow h2:after,.newsletter .firstrow .ce-table table caption:after,.ce-table table .newsletter .firstrow caption:after{margin:10px 0 0 0}.newsletter .firstrow p{font-weight:700;color:#333;margin:0 0 30px 0}.newsletter .firstrow ul{margin:0;padding:0;list-style:none}.newsletter .firstrow ul li{display:block;color:#333;font-weight:700}.newsletter .firstrow ul li span{font-size:22px;margin-right:10px;border-radius:50px;border:solid 2px #333;padding:10px;vertical-align:sub}.newsletter .firstrow ul li p{margin:0;display:inline-block;vertical-align:middle}@media screen and (max-width: 440px){.newsletter .firstrow ul li p{width:80%}}@media screen and (max-width: 360px){.newsletter .firstrow ul li p{width:70%}}.newsletter .firstrow ul li+li{margin-top:10px}.newsletter .secondrow{background:#333;padding:60px 0;margin-top:30px}.newsletter .secondrow .inner{max-width:836px;position:relative}.newsletter .secondrow img{position:absolute;left:0;left:50px;bottom:0;box-shadow:1px 1px 5px rgba(0,0,0,0.4)}@media screen and (max-width: 900px){.newsletter .secondrow img{display:none}}.newsletter .secondrow .button{text-align:center}.newsletter .secondrow .button.animation span,.newsletter .secondrow .button.animation i{display:inline-block;padding-left:0;transition:0.7s all}.newsletter .secondrow .button.animation span+i{padding-left:5px;transition:0.7s all}.newsletter .secondrow .button.animation i+span{padding-left:5px;transition:0.7s all}.newsletter .secondrow .button.animation:hover span+i{padding-left:10px;transition:0.7s all}.newsletter .secondrow .button.animation:hover i+span{padding-left:10px;transition:0.7s all}.ce-download{float:left;width:42%;margin-bottom:50px}.ce-download h2,.ce-download .ce-table table caption,.ce-table table .ce-download caption{text-align:left}.ce-download h2:after,.ce-download .ce-table table caption:after,.ce-table table .ce-download caption:after{margin:10px 0 0 0}.ce-download strong{font-weight:700;font-size:72px;line-height:3.3rem;color:#333;margin:0 0 15px 0;display:block}.ce-download .date{margin:0 0 30px 0;font-size:14px;line-height:normal;color:#333}.ce-download .agbContainer{margin-top:30px;margin-bottom:25px;padding-left:30px;position:relative;font-size:14px;line-height:normal}.ce-download .agbContainer a{color:#0067b1;text-decoration:none}.ce-download .agbContainer a:hover{text-decoration:underline}.ce-download .agbContainer input{position:absolute;left:0;top:1px;width:20px;height:20px}.ce-download .shortDescription{margin-top:0;font-size:14px;line-height:normal}.ce-download .Dbutton{color:#fff;background:#df8e96;text-decoration:none;width:100%;max-width:280px;display:block;padding:15px;border:none;outline:none;text-align:left;font-size:22px;line-height:normal}.ce-download .Dbutton span{font-size:15px;line-height:normal;display:block;margin-top:5px}.ce-download .Dbutton.active{background:#be1622;cursor:pointer}.ce-download .Dbutton+div+.Dbutton,.ce-download .Dbutton+.Dbutton{margin-top:20px}.ce-download .Dbutton.github{background:#ececec;color:#333;padding:20px 15px}.ce-download .Dbutton.github span{font-size:45px;vertical-align:sub;margin-right:8px;margin-left:15px;display:inline-block}.downloadOverlayContainer{background:#fff;padding:25px 50px;max-width:720px;margin:0 auto;position:relative}.downloadOverlayContainer h1,.downloadOverlayContainer h2,.downloadOverlayContainer .ce-table table caption,.ce-table table .downloadOverlayContainer caption,.downloadOverlayContainer h3{font-size:16px;line-height:normal;color:#333;font-weight:400;text-align:center;margin:0 0 15px 0}.downloadOverlayContainer h3{font-weight:700}.downloadOverlayContainer .input{background:#ececec;padding:8px 12px;border:dotted 1px #333;display:inline-block;width:65%;color:#0067b1;overflow-x:auto;height:40px}.downloadOverlayContainer .copyButton{background:#0067b1;color:#fff;font-size:15px;line-height:normal;padding:8px 5px;display:inline-block;width:32%;text-align:center;vertical-align:top;border:none;outline:none;cursor:pointer;height:40px}.downloadOverlayContainer .copyButton i{margin-right:5px}@media screen and (max-width: 720px){.downloadOverlayContainer{padding:25px 25px}.downloadOverlayContainer .input{display:block;width:100%;height:auto}.downloadOverlayContainer .copyButton{display:block;width:100%;height:auto}}.mfp-wrap{overflow-x:scroll !important}.ce-downloadhinweis{float:right;width:50%;margin-bottom:50px}.ce-downloadhinweis h2,.ce-downloadhinweis .ce-table table caption,.ce-table table .ce-downloadhinweis caption{text-align:left}.ce-downloadhinweis h2:after,.ce-downloadhinweis .ce-table table caption:after,.ce-table table .ce-downloadhinweis caption:after{margin:10px 0 0 0}.ce-downloadhinweis p+p{margin-top:30px}.ce-downloadhinweis p+ol,.ce-downloadhinweis p+ul{margin-top:25px}.ce-downloadhinweis ul{margin:0;padding:0;list-style:none}.ce-downloadhinweis ul li{color:#333}.ce-downloadhinweis ul li a{text-decoration:none;color:#333;font-size:15px;line-height:normal}.ce-downloadhinweis ul li a:hover{text-decoration:underline}.ce-downloadhinweis ul li+li{margin-top:3px}.ce-downloadhinweis ul li:before{content:"\f178";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;margin-right:5px}.ce-downloadhinweis ol{margin:0;padding:0;list-style:none}.ce-downloadhinweis ol li{display:block;counter-increment:olliste}.ce-downloadhinweis ol li:before{content:counter(olliste) ".";font-weight:700;font-size:32px;line-height:normal;color:#bbbbbb;margin-right:5px}.ce-downloadhinweis ol li+li{margin-top:15px}.ce-downloadhinweis ol+p{margin-top:25px}@media screen and (max-width: 768px){.ce-download{float:none;width:100%}.ce-downloadhinweis{float:none;width:100%}}.ce-youtube-text{margin-bottom:50px}.ce-youtube-text h2,.ce-youtube-text .ce-table table caption,.ce-table table .ce-youtube-text caption{margin-top:0}.ce-youtube-text .left,.ce-youtube-text .right{float:left;width:calc((100% - 20px) / 2)}@media screen and (max-width: 767px){.ce-youtube-text .left,.ce-youtube-text .right{float:none;width:100%}}.ce-youtube-text .left iframe{width:100% !important;height:315px}.ce-youtube-text .right{margin-left:20px}.ce-youtube-text .right a{display:block;margin-top:15px}@media screen and (max-width: 767px){.ce-youtube-text .right{margin-left:0;margin-top:20px}}.ce-youtube-slider{margin-bottom:50px}.ce-youtube-slider .inner.small,.ce-youtube-slider .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .ce-youtube-slider .tx-felogin-pi1-inner{position:relative}.ce-youtube-slider a{text-decoration:none}.ce-youtube-slider p{margin:3px 0 0 0;color:#333}.ce-youtube-slider+div,.ce-youtube-slider+section{border-top:solid 1px #c6c6c6;padding-top:50px}.ce-youtube-slider .swiper-button-prev-small-youtube,.ce-youtube-slider .swiper-button-next-small-youtube{padding:12px 10px;background:#ececec;width:30px}.ce-youtube-slider .swiper-button-prev-small-youtube i.fa,.ce-youtube-slider .swiper-button-next-small-youtube i.fa{padding-left:0}.ce-youtube-slider .swiper-button-next-small-youtube{right:-30px}.ce-youtube-slider .swiper-button-prev-small-youtube{left:-30px}.ce-youtube-slider .swiper-slide a div{max-height:140px;height:auto;overflow:hidden}.ce-youtube-slider .swiper-slide a div img{width:100%}@media screen and (max-width: 640px){.ce-youtube-slider .swiper-slide a div{max-height:none}}.shopDetailsContainer{background:#ececec;padding:10px 0;margin-bottom:10px}.shopDetailsContainer .left{float:left;min-height:1px}.shopDetailsContainer .left a{color:#333;font-weight:600;font-size:14px;line-height:normal;text-decoration:none}.shopDetailsContainer .left a i{font-size:12px}.shopDetailsContainer .right{float:right;min-height:1px}.shopDetailsContainer .right ul li{display:inline-block}.shopDetailsContainer .right ul li a{color:#333;font-weight:600;font-size:14px;line-height:normal;text-decoration:none}.shopDetailsContainer .right ul li+li{margin-left:5px}.shopDetailsContainer .tx-sy-osbeeproducts{padding:0}.shopDetailsContainer .tx-sy-osbeeproducts ul{display:inline-block}.shopDetailsContainer .changeMoney span{position:relative;margin-right:5px;color:#333;font-weight:600;font-size:14px;line-height:normal}.shopDetailsContainer .changeMoney li{position:relative;margin-right:5px;color:#333;font-weight:600;font-size:14px;line-height:normal}.shopDetailsContainer .changeMoney li a{color:#333;font-weight:600;font-size:14px;line-height:normal;text-decoration:none}.shopDetailsContainer .changeMoney li ul{width:85px;display:none;position:absolute;background:#fff;padding:5px 10px;box-shadow:1px 1px 5px rgba(0,0,0,0.35);top:32px;left:0}.shopDetailsContainer .changeMoney li ul:before{content:"";height:15px;width:100%;position:absolute;top:-15px}.shopDetailsContainer .changeMoney li ul li a{padding-left:0}.shopDetailsContainer .changeMoney li:hover ul{display:block}.marketplace-wrapper{padding:50px 0}@media screen and (max-width: 1120px){.marketplace-wrapper.inner.small,.tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner{padding:50px 25px}}@media screen and (max-width: 767px){.marketplace-wrapper.inner.small,.tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner{padding:0px 25px}}.marketplace-wrapper .mp-mobile{display:none;margin-bottom:0;margin-top:25px;margin-bottom:25px}.marketplace-wrapper .mp-mobile button{width:100%;outline:none;border:none}@media screen and (max-width: 767px){.marketplace-wrapper .mp-mobile{display:block}}.marketplace-wrapper .mp-sidebar{float:left;width:24.27%;min-height:1px;margin-right:0.97%}.marketplace-wrapper .mp-sidebar.right{margin-right:0;margin-left:0.97%}.marketplace-wrapper .mp-sidebar.right>div{margin-bottom:0}.marketplace-wrapper .mp-sidebar.right>div+div{margin-top:30px}@media screen and (max-width: 767px){.marketplace-wrapper .mp-sidebar{float:none;width:100%;margin-right:0;display:none;margin-bottom:25px}.marketplace-wrapper .mp-sidebar.active{display:block}.marketplace-wrapper .mp-sidebar.right{margin-left:0;display:block}}.marketplace-wrapper .mp-sidebar>div{margin-bottom:99px}.marketplace-wrapper .mp-sidebar>div+div{margin-top:40px;margin-bottom:0}.marketplace-wrapper .mp-sidebar h2,.marketplace-wrapper .mp-sidebar .ce-table table caption,.ce-table table .marketplace-wrapper .mp-sidebar caption{text-align:left;color:#333;text-transform:uppercase;font-size:16px;line-height:normal;font-weight:700;margin:0 0 10px 0;font-family:"Open Sans",sans-serif;padding-bottom:3px;border-bottom:solid 2px #fc0}.marketplace-wrapper .mp-sidebar h2:after,.marketplace-wrapper .mp-sidebar .ce-table table caption:after,.ce-table table .marketplace-wrapper .mp-sidebar caption:after{display:none}.marketplace-wrapper .mp-sidebar .mp-suche input[type="text"],.marketplace-wrapper .mp-sidebar .mp-suche select{height:40px;border:solid 1px #818181;padding:5px 10px;width:100%;font-size:14px}.marketplace-wrapper .mp-sidebar .mp-suche input[type="text"]{margin-bottom:10px}.marketplace-wrapper .mp-sidebar .mp-suche input[type="submit"]{width:100%;height:40px;border:none;outline:none;font-size:16px;line-height:normal;font-weight:700;color:#fff;background:#0067b1;text-align:left;padding:10px;cursor:pointer;position:relative;margin-top:5px}.marketplace-wrapper .mp-sidebar .mp-suche form{position:relative}.marketplace-wrapper .mp-sidebar .mp-suche form:after{content:"\f105";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;margin-left:5px;position:absolute;right:10px;bottom:9px;color:#fff}.marketplace-wrapper .mp-sidebar .mp-category nav ul li,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li{display:block}.marketplace-wrapper .mp-sidebar .mp-category nav ul li a,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a{text-decoration:none;color:#333;font-size:16px;line-height:normal;font-weight:700}.marketplace-wrapper .mp-sidebar .mp-category nav ul li a:hover,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a:hover{text-decoration:underline}.marketplace-wrapper .mp-sidebar .mp-category nav ul li>a,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li>a{display:block}.marketplace-wrapper .mp-sidebar .mp-category nav ul li>a .mp-categoryteaser,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li>a .mp-categoryteaser{width:20px;height:20px;float:left;color:#fff;text-align:center;margin-right:10px}.marketplace-wrapper .mp-sidebar .mp-category nav ul li>a .mp-categoryteaser i,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li>a .mp-categoryteaser i{text-align:center;vertical-align:middle;color:#fff;font-size:10px;padding:0 0 3px 0}.marketplace-wrapper .mp-sidebar .mp-category nav ul li ul,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul{margin-top:8px;margin-left:20px}.marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li{padding-left:10px}.marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li a,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li a{font-weight:400}.marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li+li,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li+li{margin-top:5px}.marketplace-wrapper .mp-sidebar .mp-category nav ul li+li,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li+li{margin-top:12px}.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a{font-weight:400}.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li+li{margin-top:10px}.marketplace-wrapper .mp-sidebar .mp-info img{display:block}.marketplace-wrapper .mp-sidebar .mp-info img+p{font-size:13px;line-height:normal;margin:15px 0 0 0}.marketplace-wrapper .mp-sidebar .mp-info img+p+p{margin-top:15px}.marketplace-wrapper .mp-sidebar .mp-buttons a{text-decoration:none;color:#fff;background:#0067b1;width:100%;display:block;font-size:16px;line-height:normal;font-weight:700;text-transform:uppercase;text-align:center;padding:15px}.marketplace-wrapper .mp-sidebar .mp-buttons a+a{margin-top:10px}.marketplace-wrapper .mp-sidebar .mp-buttons a.blue{background:#0067b1}.marketplace-wrapper .mp-sidebar .mp-buttons a.nobutton{padding:0;color:#333;background:transparent}.marketplace-wrapper .mp-sidebar .mp-productspecifikation{background:#ececec;padding:15px 10px 30px 10px}.marketplace-wrapper .mp-sidebar .mp-productspecifikation p{margin:0;font-size:13px;line-height:normal}.marketplace-wrapper .mp-sidebar .mp-productspecifikation p+p{margin-top:30px}.marketplace-wrapper .mp-sidebar .mp-productspecifikation p a{color:#0067b1;font-weight:700;text-decoration:none}.marketplace-wrapper .mp-sidebar .mp-productShare p{margin:0;font-weight:700}.marketplace-wrapper .mp-sidebar .mp-productShare br{display:none}.marketplace-wrapper .mp-sidebar .mp-productShare .shariff .orientation-horizontal{text-align:left !important}.marketplace-wrapper .mp-contentContainer{float:left;width:74.76%;min-height:1px}.marketplace-wrapper .mp-contentContainer.detailseite{width:49.51%;padding-top:25px}@media screen and (max-width: 767px){.marketplace-wrapper .mp-contentContainer{float:none;width:100%;margin-bottom:25px}.marketplace-wrapper .mp-contentContainer.detailseite{width:100%}}.marketplace-wrapper .mp-contentContainer .mp-banner{width:100%;height:auto;margin-bottom:30px;position:relative}@media screen and (max-width: 480px){.marketplace-wrapper .mp-contentContainer .mp-banner{display:none}}.marketplace-wrapper .mp-contentContainer .mp-banner div{position:absolute;top:40px;left:40px}@media screen and (max-width: 1024px){.marketplace-wrapper .mp-contentContainer .mp-banner div{top:20px;left:20px}}.marketplace-wrapper .mp-contentContainer .mp-banner div h2,.marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption,.ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption{color:#fff;font-weight:700;text-align:left;font-size:32px;line-height:normal;text-transform:uppercase;margin-top:0;font-family:"Open Sans",sans-serif}.marketplace-wrapper .mp-contentContainer .mp-banner div h2:after,.marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption:after,.ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption:after{margin:0}.marketplace-wrapper .mp-contentContainer .mp-banner div p{color:#fff;margin:0;font-size:13px;line-height:normal}.marketplace-wrapper .mp-contentContainer .mp-banner div p+p{margin-top:15px}@media screen and (max-width: 767px){.marketplace-wrapper .mp-contentContainer .mp-banner div p{display:none}}.marketplace-wrapper .mp-contentContainer .mp-banner div a{color:#fff;text-decoration:none;font-size:13px;line-height:normal;display:block;margin-top:15px;text-transform:uppercase}.marketplace-wrapper .mp-contentContainer .mp-banner div a:after{content:"\f178";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;margin-left:5px}.marketplace-wrapper .mp-contentContainer .mp-banner div a:hover{text-decoration:underline}.marketplace-wrapper .mp-contentContainer .mp-filter{width:100%;margin-bottom:20px}@media screen and (min-width: 600px){.marketplace-wrapper .mp-contentContainer .mp-filter ul{display:flex;-ms-flex-flow:row wrap;flex-wrap:nowrap}}.marketplace-wrapper .mp-contentContainer .mp-filter ul li{background:#bbbbbb;color:#fff;cursor:pointer;padding:15px 0;font-weight:700;text-transform:uppercase;text-align:center}@media screen and (min-width: 600px){.marketplace-wrapper .mp-contentContainer .mp-filter ul li{flex-direction:column;order:4;flex-grow:4}}.marketplace-wrapper .mp-contentContainer .mp-filter ul li.active,.marketplace-wrapper .mp-contentContainer .mp-filter ul li:hover{background:#333}.marketplace-wrapper .mp-contentContainer .mp-filter ul li+li{margin-left:10px}@media screen and (max-width: 1024px){.marketplace-wrapper .mp-contentContainer .mp-filter ul li{font-size:13px;line-height:normal}}@media screen and (max-width: 768px){.marketplace-wrapper .mp-contentContainer .mp-filter ul li{font-size:12px;line-height:normal}}@media screen and (max-width: 600px){.marketplace-wrapper .mp-contentContainer .mp-filter ul li+li{margin-left:0;margin-top:10px}}.marketplace-wrapper .mp-contentContainer .mp-content article{float:left;width:250px;width:calc((100% - 21px) / 3);border:solid 1px #818181}.marketplace-wrapper .mp-contentContainer .mp-content article+article{margin-left:10px}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n+4){margin-left:0}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n+4){margin-top:10px}.marketplace-wrapper .mp-contentContainer .mp-content article>a{display:block;height:100%;position:relative;padding-bottom:50px}.marketplace-wrapper .mp-contentContainer .mp-content article header{position:relative;padding:10px 10px 0 10px}.marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage,.marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser{display:block;float:left;max-width:70px;margin-right:10px;width:54px;height:54px}.marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage i,.marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser i{text-align:center;vertical-align:middle;color:#fff;font-size:24px;padding:15px}.marketplace-wrapper .mp-contentContainer .mp-content article header h3{font-size:16px;line-height:normal;color:#333;font-weight:400;margin:0 0 10px 0;max-width:calc(100% - 70px);float:left}.marketplace-wrapper .mp-contentContainer .mp-content article header span{font-size:11px;line-height:normal;display:block;font-weight:400;color:#333;clear:both}.marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner{position:absolute;top:0;right:0;z-index:800}@media screen and (max-width: 1120px){.marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner{display:none}}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer{position:relative}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled,.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty{position:absolute;top:0;left:0;width:0%;overflow:hidden;height:22px}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span,.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span{color:#fc0;position:absolute;top:4px;font-size:9px}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span+span,.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span+span{left:12px}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span+span+span,.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span+span+span{left:23px}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span+span+span+span,.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span+span+span+span{left:34px}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span+span+span+span+span,.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span+span+span+span+span{left:45px}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty{position:relative;left:auto;right:auto;bottom:auto;width:100%}.marketplace-wrapper .mp-contentContainer .mp-content article main{margin-top:15px;padding:0 10px}.marketplace-wrapper .mp-contentContainer .mp-content article main p{font-size:13px;line-height:normal;margin:0}.marketplace-wrapper .mp-contentContainer .mp-content article main p+p{margin-top:10px}.marketplace-wrapper .mp-contentContainer .mp-content article main img{display:block;margin-top:15px;max-height:25px}.marketplace-wrapper .mp-contentContainer .mp-content article footer{margin-top:10px;border-top:solid 1px #818181;padding:10px 10px 10px 10px;position:absolute;left:0;right:0;bottom:0}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer{float:left;position:relative}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled{position:absolute;top:0;left:0;width:0%;overflow:hidden;height:22px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span{color:#fc0;position:absolute;top:4px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span+span{left:19px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span+span+span{left:38px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span+span+span+span{left:57px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span+span+span+span+span{left:76px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .price{float:none}@media screen and (max-width: 1100px){.marketplace-wrapper .mp-contentContainer .mp-content article footer .price{font-size:13px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .price span{font-size:10px !important}}.marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation{display:none;background:#0067b1;color:#fff;text-align:center;text-transform:uppercase;font-weight:700;font-size:16px;line-height:normal;padding:10px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation:after{content:"\f178";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;margin-left:5px}.marketplace-wrapper .mp-contentContainer .mp-content article a{text-decoration:none;color:#333}.marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer{padding:0}.marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .ratingContainer{display:none}.marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .price{display:none}.marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .moreInformation{display:block}@media screen and (max-width: 1023px){.marketplace-wrapper .mp-contentContainer .mp-content article{width:calc((100% - 11px) / 2)}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n+4){margin-left:10px}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n+3){margin-left:0}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n+3){margin-top:10px}}@media screen and (max-width: 560px){.marketplace-wrapper .mp-contentContainer .mp-content article{width:100%;margin-left:0 !important}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n+4){margin-left:0}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n+3){margin-left:0}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n+2){margin-top:10px}}.mpdetail-content .mp-productInfo{margin-bottom:60px}.mpdetail-content .mp-productInfo>img,.mpdetail-content .mp-productInfo>.mpdetail-productcategoryteaser{float:left;margin:0 10px;max-width:110px;display:block;text-align:center;height:100px;width:100px}.mpdetail-content .mp-productInfo>img i,.mpdetail-content .mp-productInfo>.mpdetail-productcategoryteaser i{font-size:40px;vertical-align:middle;color:#fff;display:inline-block;line-height:100px}.mpdetail-content .mp-productInfo>div{float:left;max-width:340px}.mpdetail-content .mp-productInfo>div h1{font-size:16px;line-height:normal;color:#333;font-weight:700;margin:0 0 5px 0}.mpdetail-content .mp-productInfo>div>span{font-size:11px;line-height:normal;display:block;font-weight:400;color:#333}.mpdetail-content .mp-productInfo>div .mpdetail-auszeichnung img{display:block;margin:15px 0;float:left}.mpdetail-content .mp-productInfo>div .mpdetail-auszeichnung img+img{margin-left:5px}.mpdetail-content .mp-productInfo>div .ratingContainer{position:relative;display:inline-block}.mpdetail-content .mp-productInfo>div .ratingContainer .filled{position:absolute;top:0;left:0;width:0%;overflow:hidden;height:22px}.mpdetail-content .mp-productInfo>div .ratingContainer .filled span{color:#fc0;position:absolute;top:4px}.mpdetail-content .mp-productInfo>div .ratingContainer .filled span+span{left:19px}.mpdetail-content .mp-productInfo>div .ratingContainer .filled span+span+span{left:38px}.mpdetail-content .mp-productInfo>div .ratingContainer .filled span+span+span+span{left:57px}.mpdetail-content .mp-productInfo>div .ratingContainer .filled span+span+span+span+span{left:76px}.mpdetail-content .mp-productWrapper>ul li{float:left;width:calc(100% / 3);background:#fff;text-align:center;border-top:solid 2px #ebebeb;border-left:solid 2px #ebebeb;cursor:pointer}.mpdetail-content .mp-productWrapper>ul li a{color:#333;font-size:13px;line-height:normal;cursor:pointer;text-decoration:none;font-weight:700;display:block;padding:15px}@media screen and (max-width: 360px){.mpdetail-content .mp-productWrapper>ul li a{font-size:11px;line-height:normal}}.mpdetail-content .mp-productWrapper>ul li.current,.mpdetail-content .mp-productWrapper>ul li:hover{background:#ececec;border-top:solid 2px #fc0}.mpdetail-content .mp-productWrapper>ul li.current i,.mpdetail-content .mp-productWrapper>ul li:hover i{color:#fc0}.mpdetail-content .mp-productWrapper>ul li.current{border-left:solid 2px transparent;border-right:solid 2px transparent}.mpdetail-content .mp-productWrapper>ul li.current+li{border-left:solid 2px #ebebeb}.mpdetail-content .mp-productWrapper>ul li:nth-of-type(2).current{border-left:solid 2px #ebebeb}.mpdetail-content .mp-productWrapper>ul li+li{border-right:solid 2px #ebebeb}.mpdetail-content .mp-productWrapper>ul li+li+li{border-left:solid 2px transparent}.mpdetail-content .mp-productWrapper .mp-productTab{display:none;background:#ececec;padding:15px 10px}.mpdetail-content .mp-productWrapper .mp-productTab:first-of-type{display:block}.mpdetail-content .mp-productWrapper .mp-productTab h3{color:#333;margin:0 0 10px 0;font-size:18px;line-height:normal;font-weight:700}.mpdetail-content .mp-productWrapper .mp-productTab a{font-size:13px;line-height:normal}.mpdetail-content .mp-productWrapper .mp-productTab p{margin:0;font-size:13px;line-height:normal;color:#333}.mpdetail-content .mp-productWrapper .mp-productTab p a{font-size:13px;line-height:normal}.mpdetail-content .mp-productWrapper .mp-productTab p+p{margin-top:15px}.mpdetail-content .mp-productWrapper .mp-productTab ul{margin:10px 0 0 0;padding:0;list-style-type:none}.mpdetail-content .mp-productWrapper .mp-productTab ul li{position:relative;padding-left:15px;font-size:13px;line-height:normal}.mpdetail-content .mp-productWrapper .mp-productTab ul li:before{content:"\f054";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;position:absolute;top:4px;left:0;color:#333;font-size:12px}.mpdetail-content .mp-productWrapper .mp-productTab ul li+li{margin-top:4px}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer>.ratingContainer span{color:#bbb;cursor:pointer}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer>.ratingContainer span:hover,.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer>.ratingContainer span:hover ~ span{color:#fc0}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer>.ratingContainer span:hover:before,.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer>.ratingContainer span:hover ~ span:before{content:"\f005"}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer>.ratingContainer p{font-size:18px;line-height:normal;color:#bbb;display:inline-block}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form{margin-bottom:20px;padding-bottom:30px;border-bottom:solid 1px #bbbbbb}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea{resize:none;height:105px;padding:10px;width:100%;margin-top:10px;color:#bbb;font-size:18px;line-height:normal}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea+p{font-size:13px;line-height:normal;color:#bbb;text-align:right}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form input[type="submit"]{display:inline-block;font-size:16px;line-height:normal;color:#fff;border:none;outline:none;text-align:center;background:#0067b1;text-transform:uppercase;padding:15px;min-width:160px;margin-top:-10px;font-weight:700;cursor:pointer}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment h3{margin-bottom:5px}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment+.mp-usercomment{margin-top:25px}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer .fa-star{color:#fc0}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer span{color:#bbb}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply{background:#fff;padding:15px 10px;margin-left:30px;position:relative}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before,.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:15px;margin-left:-200px}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:15px;margin-left:-200px}.forumWrapOuter{background:#ececec}.forumWrapOuter .ce-Image-Text-Element{margin-bottom:0;padding-bottom:40px}.tx-typo3forum-pi1{padding-top:50px;padding-bottom:50px}.tx-typo3forum-pi1 .forum_menu,.tx-typo3forum-pi1 .topic_list_menu{margin-bottom:40px}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1),.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1){float:left}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) i,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) i{display:none}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:before,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:before{content:"\f053";display:inline-block;margin-right:5px;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2),.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2){float:right;margin-left:15px}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) i,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) i{display:none}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:before,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:before{content:"\f0fe";display:inline-block;margin-right:5px;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3),.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3){float:right;display:none !important}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) i,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) i{display:none}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a{background:#fc0}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:before,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:before{content:"\f005";display:inline-block;margin-right:5px;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width: 640px){.tx-typo3forum-pi1 .forum_menu ul li,.tx-typo3forum-pi1 .topic_list_menu ul li{float:none !important;width:100% !important;margin-bottom:5px;margin-left:0 !important}.tx-typo3forum-pi1 .forum_menu ul li a,.tx-typo3forum-pi1 .topic_list_menu ul li a{width:100%;text-align:center}}.tx-typo3forum-pi1 #topic fieldset,.tx-typo3forum-pi1 #post fieldset,.tx-typo3forum-pi1 #report fieldset{border:none;padding:0;margin:0}.tx-typo3forum-pi1 #topic fieldset legend,.tx-typo3forum-pi1 #post fieldset legend,.tx-typo3forum-pi1 #report fieldset legend{margin-bottom:40px}.tx-typo3forum-pi1 #topic fieldset .control-group,.tx-typo3forum-pi1 #post fieldset .control-group,.tx-typo3forum-pi1 #report fieldset .control-group{margin-bottom:15px}.tx-typo3forum-pi1 #topic fieldset .control-group+.control-group>label,.tx-typo3forum-pi1 #post fieldset .control-group+.control-group>label,.tx-typo3forum-pi1 #report fieldset .control-group+.control-group>label{position:relative}.tx-typo3forum-pi1 #topic fieldset .markItUpContainer,.tx-typo3forum-pi1 #post fieldset .markItUpContainer,.tx-typo3forum-pi1 #report fieldset .markItUpContainer{width:100%;max-width:927px}.tx-typo3forum-pi1 #topic fieldset .markItUpHeader,.tx-typo3forum-pi1 #post fieldset .markItUpHeader,.tx-typo3forum-pi1 #report fieldset .markItUpHeader{float:right}.tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul .markItUpDropMenu,.tx-typo3forum-pi1 #post fieldset .markItUpHeader ul .markItUpDropMenu,.tx-typo3forum-pi1 #report fieldset .markItUpHeader ul .markItUpDropMenu{padding-right:0}.tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul a,.tx-typo3forum-pi1 #post fieldset .markItUpHeader ul a,.tx-typo3forum-pi1 #report fieldset .markItUpHeader ul a{width:18px;height:18px}.tx-typo3forum-pi1 #topic fieldset input[type="submit"],.tx-typo3forum-pi1 #post fieldset input[type="submit"],.tx-typo3forum-pi1 #report fieldset input[type="submit"]{display:block;float:left;border:solid 1px #c6c6c6;height:35px;padding:0 10px;background:#c6c6c6;font-size:14px;line-height:33px;cursor:pointer;font-family:"Open Sans",sans-serif}.tx-typo3forum-pi1 #topic fieldset input[type="submit"]+.btn,.tx-typo3forum-pi1 #post fieldset input[type="submit"]+.btn,.tx-typo3forum-pi1 #report fieldset input[type="submit"]+.btn{display:block;float:left;border:solid 1px #c6c6c6;height:35px;padding:0 10px;margin-left:10px;background:#c6c6c6;font-size:14px;line-height:35px;color:#000;font-weight:400;font-family:"Open Sans",sans-serif}.tx-typo3forum-pi1 #topic fieldset input[type="checkbox"],.tx-typo3forum-pi1 #post fieldset input[type="checkbox"],.tx-typo3forum-pi1 #report fieldset input[type="checkbox"]{margin-left:0;margin-top:0;vertical-align:bottom}.tx-typo3forum-pi1 #topic fieldset input[type="text"],.tx-typo3forum-pi1 #topic fieldset textarea,.tx-typo3forum-pi1 #post fieldset input[type="text"],.tx-typo3forum-pi1 #post fieldset textarea,.tx-typo3forum-pi1 #report fieldset input[type="text"],.tx-typo3forum-pi1 #report fieldset textarea{border:solid 1px #c6c6c6;padding:0 10px;height:30px;font-family:"Open Sans",sans-serif}.tx-typo3forum-pi1 #topic fieldset input[type="text"],.tx-typo3forum-pi1 #post fieldset input[type="text"],.tx-typo3forum-pi1 #report fieldset input[type="text"]{width:100%;max-width:927px}.tx-typo3forum-pi1 #topic fieldset textarea,.tx-typo3forum-pi1 #post fieldset textarea,.tx-typo3forum-pi1 #report fieldset textarea{padding-top:10px;padding-bottom:10px;margin-top:5px;min-height:200px;font-family:"Open Sans",sans-serif}.tx-typo3forum-pi1 #post fieldset .control-group>label{position:relative}.tx-typo3forum-pi1 #topic fieldset .control-group+.control-group>label{position:relative}.tx-typo3forum-pi1 #report .markItUp{margin-top:-20px}.tx-typo3forum-pi1 #report .markItUp .tx-typo3forum-miu-code,.tx-typo3forum-pi1 #report .markItUp .markItUpSeparator{display:none}.tx-typo3forum-pi1 ul.nav-pills-condensed{margin-bottom:5px}.tx-typo3forum-pi1>h2,.ce-table table .tx-typo3forum-pi1>caption{display:none}.tx-typo3forum-pi1>h2.enable,.ce-table table .tx-typo3forum-pi1>caption.enable{text-transform:none;text-align:left;padding-left:10px;background:#0067b1;padding:15px 0 15px 10px;margin:0;font-size:16px;line-height:normal;color:#fff}.tx-typo3forum-pi1>h2.enable:after,.ce-table table .tx-typo3forum-pi1>caption.enable:after{display:none}.tx-typo3forum-pi1 table tbody td{background:#fff !important;padding:10px 8px;line-height:60px;vertical-align:middle;height:60px;font-size:13px;line-height:normal}.tx-typo3forum-pi1 table tbody td div{font-size:13px;line-height:18.2px;font-size:.8125rem;line-height:1.1375rem;font-weight:300;color:#b4b4b4;font-size:13px;line-height:normal}.tx-typo3forum-pi1 table tbody td a{font-size:16px;line-height:normal;font-weight:700;text-decoration:none;color:#333}.tx-typo3forum-pi1 table tbody td:nth-of-type(n+3){text-align:center}.tx-typo3forum-pi1 .f3-widget-paginator{text-align:right}.tx-typo3forum-pi1 .f3-widget-paginator li{color:#0067b1;font-weight:700;font-size:13px;line-height:normal;display:inline-block}.tx-typo3forum-pi1 .f3-widget-paginator li a{font-size:13px}.tx-typo3forum-pi1 .f3-widget-paginator li.current{color:#fc0}.tx-typo3forum-pi1 .f3-widget-paginator li+li{margin-left:5px}.tx-typo3forum-pi1 .tx-typo3forum-postbutton{display:block;float:left;border:solid 1px #c6c6c6;height:35px;padding:0 10px;background:#c6c6c6;font-size:14px;line-height:33px;cursor:pointer;font-family:"Open Sans",sans-serif}.tx-typo3forum-pi1 .tx-typo3forum-postbutton+.btn{display:block;float:left;border:solid 1px #c6c6c6;height:35px;padding:0 10px;margin-left:10px;background:#c6c6c6;font-size:14px;line-height:35px;color:#000;font-weight:400;font-family:"Open Sans",sans-serif}.tx-typo3forum-pi1 .previewTitle{margin-bottom:40px}.tx-typo3forum-pi1 #tx-typo3forum-postpreview-wrap{display:none;padding-bottom:50px}.tx-typo3forum-pi1 #tx-typo3forum-postpreview{background-color:#ffffff;padding:20px;margin-bottom:15px;max-width:927px}.tx-typo3forum-pi1 #tx-typo3forum-postpreview .postsubject{font-size:16px;line-height:normal;font-weight:700;color:#333;margin:0 0 5px 0;display:block}.tx-typo3forum-pi1 #tx-typo3forum-postpreview ul{list-style-type:disc;padding:0 20px}.tx-typo3forum-pi1 .tx-typo3forum-postsubmit{margin-right:10px}.tx-typo3forum-pi1 #cke_typo3forum_editor{max-width:925px}code{background-color:#ececec;padding:10px;font-family:courier;display:block}.ce-osbee-forum h2,.ce-osbee-forum .ce-table table caption,.ce-table table .ce-osbee-forum caption{text-transform:none;text-align:left;padding-left:10px;background:#0067b1;padding:15px 0 15px 10px;margin:0;font-size:16px;line-height:normal;color:#fff}.ce-osbee-forum h2:after,.ce-osbee-forum .ce-table table caption:after,.ce-table table .ce-osbee-forum caption:after{display:none}.ce-osbee-forum .ce-osbee-forum-wrap{display:block;width:100%;background:#fff}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child{width:100%;padding:15px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon{float:left;max-width:70px;margin-right:15px;width:41px;height:41px;border-radius:25px;background:#c6c6c6}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic{background:#fff;text-align:center;vertical-align:middle;border:solid 1px #bbb;width:20px;height:20px;color:#bbb}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic i,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic i{padding:0;font-size:12px;padding-top:4px;display:block}@media screen and (max-width: 640px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon{display:none}}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left{float:left;width:55%}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3{margin:0;font-size:16px;line-height:normal}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a{font-size:16px;line-height:normal;font-weight:700;color:#333;margin:0 0 5px 0;display:block}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a{font-weight:400;font-size:12px;line-height:normal;margin:0;display:block;width:100%;max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span{display:block}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span+span,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span+span{color:#bbb}@media screen and (max-width: 1024px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left{width:40%}}@media screen and (max-width: 800px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left{width:36%}}@media screen and (max-width: 768px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left{float:none;width:100%}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a{margin-bottom:0}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p{margin-bottom:20px;max-width:85%}}@media screen and (max-width: 480px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p{margin-bottom:0;max-width:100%}}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right{float:right;width:36%;min-width:360px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p{display:none}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.topics,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.posts{display:block}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics{font-size:12px;line-height:14px;margin:0;font-weight:400;width:45px;text-align:center;float:left}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics span{display:block}@media screen and (max-width: 1024px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics{width:40px}}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts{font-size:12px;line-height:14px;margin:0;font-weight:400;float:left;width:45px;text-align:center;margin-left:25px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts a{font-size:12px;line-height:14px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts span{display:block}@media screen and (max-width: 1024px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts{width:40px}}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available{width:220px;position:relative;padding-left:40px;display:block;float:left;margin-left:25px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .tx-typo3forum-topic-show-post-user-icon,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .tx-typo3forum-topic-show-post-user-icon{max-height:30px;border-radius:25px;width:auto;margin-right:0;position:absolute;left:0;top:0}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost{font-size:12px;line-height:14px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a{font-size:12px;line-height:14px;text-decoration:none}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a:hover,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a:hover{text-decoration:underline}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor{font-size:12px;line-height:14px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a{font-size:12px;line-height:14px;text-decoration:none}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a:hover,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a:hover{text-decoration:underline}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor time,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor time{font-size:12px;line-height:14px;display:block;width:100%;color:#c6c6c6}@media screen and (max-width: 1024px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available{width:200px}}@media screen and (max-width: 420px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available{width:auto}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post img,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available img{display:none}}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available{margin-top:0}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available span{display:inline;vertical-align:middle;line-height:30px;font-size:12px;line-height:14px}@media screen and (max-width: 1024px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right{width:35%;min-width:330px}}@media screen and (max-width: 768px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right{float:none;width:100%}}@media screen and (max-width: 480px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right{display:none}}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div a{font-weight:400;color:#333;text-decoration:none}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child+.ce-osbee-forum-child{border-top:solid 1px #bbbbbb}ul.nav-pills li{display:inline-block}ul.nav-pills li a{font-size:12px;line-height:normal;color:#333;font-weight:400;text-decoration:none}ul.nav-pills li a:hover{text-decoration:underline}ul.nav-pills li:last-of-type a{font-weight:700;color:#333}ul.nav-pills li+li:before{content:"\f054";color:#fc0;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;font-size:10px;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul.nav-pills+.ce-osbee-forum{margin-top:20px}.ce-osbee-forum-singlepost{position:relative;background:#fff;padding:30px}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation{width:20%;float:left;padding-right:2%;border-right:solid 1px #bbb;text-align:center}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon{float:none;display:block;margin:0;background:#ececec;padding:10px;text-align:center;border-radius:150px;height:85px;width:85px;margin:15px auto;font-size:60px}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a{font-size:16px;line-height:normal;margin:0 0 10px 0;color:#333;font-weight:700;text-decoration:none}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a:hover{text-decoration:underline}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div span.screenname{font-size:16px;line-height:normal;margin:0 0 10px 0;color:#333;font-weight:700}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName{font-size:18px;line-height:normal;font-weight:600;color:#333}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered{font-size:14px;line-height:normal;color:#bbbbbb;margin-bottom:10px}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .membersince{font-size:12px;line-height:normal;color:#bbbbbb}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .postcounts{font-size:12px;line-height:normal;color:#bbbbbb}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p{font-size:14px;line-height:normal;font-weight:400;margin:0}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p+p{margin-top:2px}@media screen and (max-width: 1024px){.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation{width:25%}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a{font-size:14px;line-height:normal}}@media screen and (max-width: 768px){.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation{float:none;width:100%;border-right:none;padding-right:0}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon{display:none}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div{padding-bottom:15px;border-bottom:solid 1px #bbb}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div *{display:block;text-align:left}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a{font-size:14px;line-height:normal}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.membersince,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.postcounts,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.unregistered{margin-left:0}}@media screen and (max-width: 480px){.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div{padding-bottom:15px}}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content{width:77%;float:left;padding-left:2%;margin-left:3%}@media screen and (max-width: 1024px){.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content{width:70%}}@media screen and (max-width: 768px){.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content{float:none;margin-left:0;width:100%;margin-top:20px}}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text{padding:0;margin:0;font-size:12px;line-height:normal;padding-top:10px}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text p{font-size:12px;line-height:normal}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text ul{list-style-type:disc;padding:0 20px}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text ul li{font-size:12px;line-height:normal}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote{background:#fff;color:#333;border:none;margin:0 0 15px 0}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user{color:#333;font-size:12px;font-weight:400;line-height:normal}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user a{color:#333;font-size:12px;font-weight:400;line-height:normal}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text{margin-top:10px;font-style:italic;color:#bbb;font-size:12px}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text:before{content:"\f10e";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;font-size:30px;color:#0067b1;margin-right:10px;vertical-align:top}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote{margin:-30px 0 10px 35px;padding:0}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote .tx-typo3forum-quote-text:before{font-size:20px}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation{border-bottom:solid 1px #bbb;padding-bottom:5px}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu{float:right}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu a{font-weight:400;font-size:12px;line-height:normal}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu .quote-icon{padding-left:0;position:relative;top:-4px}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date{float:left;font-size:12px;line-height:normal;color:#333;font-style:normal;font-size:13px;color:#bbb}@media screen and (max-width: 768px){.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation{position:absolute;top:30px;right:30px;border-bottom:none}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date{float:none;display:inline-block}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu{float:none;margin-left:10px;display:inline-block}}@media screen and (max-width: 480px){.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation{position:relative;top:0;text-align:right;right:auto;border-bottom:none}}.ce-osbee-forum-singlepost+.ce-osbee-forum-singlepost{border-top:solid 1px #bbbbbb}.ce-osbee-forum-singlepost:first-of-type{margin-top:30px}.f3-widget-paginator{margin:40px 0 30px 0;text-align:right}.osbee-forum-empty{display:none}.osbee-forum-empty.enable{display:block}p.tx-srfeuserregister-pi1-error{font-size:13px;line-height:normal}.blogContentFullWidth{margin-top:25px}.blogContent{float:left;width:73.78%;width:calc(100% - 32.85%);display:block;max-width:740px;padding:50px 0;margin-right:4.85%;padding-top:0}.blogContent a{color:#0067b1}@media screen and (max-width: 1020px){.blogContent{width:100%;max-width:none;margin-right:0;float:none}}.blogSidebar{float:left;width:23.30%;width:calc(100% - 72%);max-width:240px;display:block;padding:50px 0;padding-top:0;margin-top:40px}@media screen and (max-width: 1020px){.blogSidebar{float:none;width:100%;max-width:none}}.blogSidebar .csc-header{width:100%;text-align:left}.blogSidebar h3,.blogSidebar h1,.blogSidebar h2,.blogSidebar .ce-table table caption,.ce-table table .blogSidebar caption{display:inline-block;width:100%;padding:0 0 3px 0;border-bottom:solid 2px #fc0;font-weight:bold;margin:0 0 10px 0;font-size:16px;line-height:normal;text-transform:none;text-align:left}.blogSidebar .news{padding:0;margin-bottom:40px}.blogSidebar .blog-subscribe h2,.blogSidebar .blog-subscribe .ce-table table caption,.ce-table table .blogSidebar .blog-subscribe caption{display:inline-block;width:100%;padding:0 0 3px 0;border-bottom:solid 2px #fc0;font-weight:bold;margin:0 0 10px 0;font-size:16px;line-height:normal;text-transform:none;text-align:left}.blogSidebar .blog-subscribe h2:after,.blogSidebar .blog-subscribe .ce-table table caption:after,.ce-table table .blogSidebar .blog-subscribe caption:after{display:none}.blogSidebar .blog-subscribe .tx-srfeuserregister-pi1-notice{font-style:normal;margin:0;font-size:15px;line-height:normal}.blogSidebar .blog-subscribe .terms{margin-top:15px}.blogSidebar .blog-subscribe .terms .termsInputContainer{float:left;width:10%;text-align:left}.blogSidebar .blog-subscribe .terms .termsInputContainer input{width:15px;height:15px;border:solid 1px #c6c6c6;background:#fff}.blogSidebar .blog-subscribe .terms p{float:left;width:90%;font-size:12px;line-height:normal}.blogSidebar .blog-subscribe .terms p a{padding-left:0;background-image:none;font-weight:400;font-size:12px;line-height:normal}.blogSidebar .blog-subscribe .terms p span{display:none}.blogSidebar .blog-subscribe .firstname input,.blogSidebar .blog-subscribe .email input{margin-top:0}.news-list-view h3{margin:0}.news-list-view h3 a{text-decoration:none}.news-list-view h3 a span{font-size:18px;color:#333;font-weight:normal}.news-list-view h3:after{content:"";display:block;width:50px;height:5px;background:#fc0;margin:10px 0 0 0}.news-list-view .header{display:inline-block;width:100%;max-width:470px;max-width:450px;margin-bottom:15px}.news-list-view .article{clear:both;height:210px;height:auto;border-bottom:1px solid #fc0}.news-list-view .article .footer{display:none}.news-list-view .no-media-element img{width:250px;height:187px}.news-list-view .more{font-size:15px;line-height:normal;vertical-align:bottom}.news-list-view .news-img-wrap{display:inline-block;margin:0 !important;padding:0;max-width:250px;height:100%;width:26%}.news-list-view .news-img-wrap img{max-width:100%;height:auto}.news-list-view .news-img-wrap a{margin:0;padding:0;border:0;max-width:100%}@media screen and (max-width: 640px){.news-list-view .news-img-wrap{display:none}}.news-list-view .news-content-wrap{width:72%;float:left;margin-left:2%}.news-list-view .news-content-wrap h3{margin-bottom:20px}@media screen and (max-width: 640px){.news-list-view .news-content-wrap{float:none;width:100%;margin-left:0}}.news-list-view .teaser-text>span{display:block}.news-list-view .teaser-text ul,.news-list-view .teaser-text ol{padding-left:0;margin-left:15px}.news-list-view .teaser-text .more{display:block;margin-top:15px}.news-single{padding:0;margin-top:40px}.news-single .header h3{font-size:18px;color:#333;font-weight:normal;margin-bottom:25px;margin-top:10px}.news-single .header h3:after{content:"";display:block;width:50px;height:5px;background:#fc0;margin:10px 0 0 0}.news-single .news-text-wrap p{color:#333}.news-single .footer{border-top:1px solid #fc0;margin-bottom:40px;padding:0;padding-top:20px;text-align:right}.news-single .footer p{font-weight:bold;color:#333;margin-bottom:0}.news-single .footer span span{padding-right:0;margin-right:0}.news-single .footer .socialmedia{display:none}.news-single .news-backlink-wrap a{font-size:15px;line-height:normal;font-weight:bold;color:#333;text-decoration:none}.news-single .article .news-img-wrap{width:100%;height:auto;margin-bottom:30px;float:none;margin:0;float:left;width:auto;margin-right:15px;margin-bottom:25px;max-width:350px}@media screen and (max-width: 768px){.news-single .article .news-img-wrap{max-width:none;float:none;margin-right:0;margin-bottom:15px;width:100%}}.news-single .article .news-img-wrap img{max-width:100%;height:auto}.news-single .shareThisPost{float:right;border-left:solid 1px #ddd;padding-left:10px}.news-single .news-list-category span{display:inline-block;font-size:13px;border-right:none}.news-single .news-list-category span+span:before{content:"|";display:inline-block;margin:0 5px 0 2px}@media screen and (max-width: 768px){.news-single .news-list-category{float:none;width:100%;display:block;margin-top:5px}.news-single .news-list-date{margin-top:5px}.news-single .shareThisPost{display:block;width:100%;float:none;padding-left:0;border-left:none}}.news p+ul{margin-top:15px}.blogSidebar .news ul li{padding-left:0;font-weight:700}.blogSidebar .news ul li ul li{font-weight:400}.blogSidebar .news ul li:before{display:none}.csc-header{margin:0;padding:0;display:inline-block}.blog-commentContainer{background:#ececec;padding:15px 10px}.blog-commentContainer form{margin-bottom:20px;padding-bottom:30px;border-bottom:solid 1px #bbbbbb}.blog-commentContainer form h3{margin:5px 0 0 0}.blog-commentContainer form textarea{resize:none;height:120px;padding:10px;width:100%;margin-top:10px;color:#bbb;font-size:18px;line-height:normal}.blog-commentContainer form textarea+p{font-size:14px;line-height:normal;color:#bbb;text-align:right}.blog-commentContainer form input[type="submit"]{display:inline-block;font-size:15px;line-height:normal;color:#fff;border:none;outline:none;text-align:center;background:#0067b1;text-transform:uppercase;padding:15px;min-width:160px;margin-top:-10px;font-weight:700;cursor:pointer}.toctoc-comments-pi1{border-bottom:1px solid transparent}.tx-tc-sortlistmenu .tx-tc-dsclmrlistmenutitle:first-child{display:none}.tx-tc-ct-ry-report-line{text-align:right;font-size:12px;line-height:normal}.tx-tc-cts-ct-box+.tx-tc-cts-ct-box{border-top:solid 1px #c6c6c6;padding-top:15px !important}.tx-tc-cts-ct-box+.tx-tc-cts-ct-box.replyAnswer{border-top:none}.blog-usercomment{margin-left:0 !important}.blog-usercomment h3{margin-bottom:5px;margin-top:0}.blog-usercomment h3 time{display:inline-block}.blog-usercomment h3 .tx-tc-popularity-pic{display:none}.blog-usercomment+.blog-usercomment{margin-top:25px}.tx-tc-indent-subcmt{background:#fff;padding:15px 10px !important;margin-left:30px;position:relative}.tx-tc-indent-subcmt h3{margin-bottom:10px;margin-top:0}.tx-tc-indent-subcmt h3 time{display:inline-block}.tx-tc-indent-subcmt h3 .tx-tc-popularity-pic{display:none}.tx-tc-indent-subcmt:before,.tx-tc-indent-subcmt:after{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.tx-tc-indent-subcmt:before{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:15px;margin-left:-200px}.tx-tc-indent-subcmt:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:15px;margin-left:-200px}.new-socialmedia{font-size:15px}.new-socialmedia i{font-size:22px}.tx-tc-dtadyn{padding:0 25px !important}.tx-tc-ct-form-field-upload{display:none !important}.tx-tc-width100-85{width:100%;float:none !important}.tx-tc-ct-form-gender{display:none}.tx-tc-ct-form-field{margin-top:5px}.tx-tc-ct-form-field input{background:#fff !important;border:solid 1px #c6c6c6;color:#333 !important}.tx-tcfh112{opacity:1 !important}.tx-tc-ct-reqhint{font-size:12px !important;line-height:normal !important}.latest-news-container{background:#ececec;padding:40px 0}.latest-news-container .startpage-latesnews{float:left;width:calc((100% - 60px) / 3);border-bottom:solid 1px #fc0;padding-bottom:20px;position:relative}.latest-news-container .startpage-latesnews .news-img-wrap{width:100%;margin-bottom:15px;max-width:none;vertical-align:bottom;display:table-cell}.latest-news-container .startpage-latesnews .news-img-wrap a{display:block}.latest-news-container .startpage-latesnews .news-img-wrap img{width:100%;display:block;height:auto}.latest-news-container .startpage-latesnews .header{width:100%;height:auto}.latest-news-container .startpage-latesnews .header h3{font-weight:400}.latest-news-container .startpage-latesnews .header h3 span{font-size:14px;line-height:19.6px;font-size:.875rem;line-height:1.225rem}.latest-news-container .startpage-latesnews .header h3:after{display:none}.latest-news-container .startpage-latesnews+.startpage-latesnews{margin-left:30px}@media screen and (max-width: 768px){.latest-news-container .startpage-latesnews{float:none;width:100%}.latest-news-container .startpage-latesnews .news-img-wrap{width:25%;margin-right:5%;float:left}.latest-news-container .startpage-latesnews .teaser-header-container{float:left;width:70%;padding-left:25px}.latest-news-container .startpage-latesnews .teaser-header-container .header{margin-bottom:0}.latest-news-container .startpage-latesnews .teaser-header-container .header h3 span{font-size:15px;line-height:normal}.latest-news-container .startpage-latesnews .teaser-header-container .teaser-text .more{margin-top:5px}.latest-news-container .startpage-latesnews+.startpage-latesnews{margin-left:0;margin-top:30px}}@media screen and (max-width: 520px){.latest-news-container .startpage-latesnews .news-img-wrap{display:none}.latest-news-container .startpage-latesnews .teaser-header-container{float:none;width:100%}}.rss-feed-button{padding-bottom:50px}.rss-feed-button a{width:100%;text-align:center}.rss-feed-button a i{font-size:16px}.new-socialmedia{padding-right:0 !important}.shariff .orientation-horizontal{display:block !important;-ms-flex-wrap:none !important;flex-wrap:none !important;text-align:right !important}.shariff .orientation-horizontal.col-5 li{-ms-flex:none !important;flex:none !important;min-width:0 !important;max-width:none;width:auto !important;margin-right:10px !important;margin-left:0 !important;padding:0;float:none;display:inline-block;margin-bottom:0}.shariff .orientation-horizontal.col-5 .fa{border-right:none !important;padding-right:0;margin-right:0;width:auto !important;line-height:normal;font-size:13px !important}.shariff .orientation-horizontal.col-5 .share_text{display:none}.shariff .theme-grey .shariff-button.info{border:none;padding-left:5px}.shariff .theme-grey .shariff-button.info .share_text{display:none !important}.shariff .theme-grey .shariff-button.info a{color:#000}.shariff .theme-grey .shariff-button a{background:transparent !important;background-color:transparent !important;height:auto;line-height:normal}.shariff .theme-grey .shariff-button a span{color:#333}.shariff .theme-grey .shariff-button a span:before{color:#333}.toctoc-comments-pi1.tx-tc-responsive{font-family:"Open Sans",sans-serif;border:none !important;padding:10px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu{border:none;margin-bottom:25px;font-size:15px;line-height:normal;border-bottom:solid 1px #0067b1;padding-bottom:10px;background:transparent}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu:hover{border-bottom:solid 1px #0067b1;background:transparent !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu .tx-tc-sortlistmenutitle{color:#333}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortind-pop{width:18px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-frmsqrhgt{height:auto !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-ctinput-textarea{height:150px;padding:10px 15px !important;font-size:15px;line-height:normal !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-ct-submit-loggedin{background:#be1622;color:#fff;font-size:15px;padding:5px 10px;margin-left:4.5% !important;font-family:"Open Sans",sans-serif;opacity:1;border-radius:0;border:none !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp{opacity:1 !important}.toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage{height:auto}.toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage div.tx-tc-emo-nav-frm{margin-bottom:20px}.toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emopage-emojis{height:auto;margin-bottom:20px}.toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emo-bot-nav{height:auto;width:100% !important;border:none !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-menutitle-hilight{background:transparent;border:none}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel{padding:10px;right:-2px;top:28px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox{font-size:14px;line-height:normal;font-weight:600;color:#0067b1}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink{color:#0067b1}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink-selected{color:#be1622}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortpopular{border:none}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box{margin:0;padding:0 10px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ctdate{font-size:12px;line-height:normal;color:#333;display:block;margin-top:2px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text{font-size:15px;line-height:normal;color:#333}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text img{display:none}@media screen and (max-width: 480px){.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text{font-size:12px;line-height:normal}}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box+.tx-tc-cts-ct-box{margin-top:25px;padding-top:25px !important;border-top:solid 1px #0067b1}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ct-box-cttxt-reply{border:none !important;padding:0 !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt{padding-left:25px !important;width:100% !important;background:#f6f7f8;padding-top:0px !important;border-top:none}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:before,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:after{display:none !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox{position:relative;background:#fff;border:4px solid #fff;padding:10px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before{bottom:100%;left:12%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after{border-color:rgba(191,30,46,0);border-bottom-color:#fff;border-width:25px;margin-left:-25px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before{border-color:rgba(191,30,46,0);border-bottom-color:#fff;border-width:20px;margin-left:-20px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-box-picturecrop32{padding:0;height:32px;margin-right:10px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-text{padding-top:0 !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ctdate{margin-left:42px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-tabledisp{margin-left:25px !important;width:calc(100% - 25px) !important}.tx-felogin-pi1{background-color:#ececec;padding:30px 17px 70px 17px;margin-bottom:50px}.tx-felogin-pi1 h3{font-family:"Quicksand",sans-serif;font-weight:700;text-transform:uppercase;color:#333;font-size:24px;line-height:normal;text-align:left;margin-bottom:20px}.tx-felogin-pi1 h3:after{content:"";display:block;width:50px;height:5px;background:#fc0;margin:10px 0 0 0}.tx-felogin-pi1 form fieldset{border:none;padding:0}.tx-felogin-pi1 form fieldset>div{width:400px}.tx-felogin-pi1 form fieldset>div>div{border:1px solid #c6c6c6;display:inline-block;float:left;width:49%;height:53px;line-height:53px;margin-top:20px;padding-left:10px}.tx-felogin-pi1 form fieldset>div>div:first-child{margin-right:2%}.tx-felogin-pi1 form fieldset>div label{display:inline-block}.tx-felogin-pi1 form fieldset>div input[type="text"],.tx-felogin-pi1 form fieldset>div input[type="password"]{width:100%;height:55px;border:1px solid #c6c6c6;padding:10px;color:#333;font-size:15px}.tx-felogin-pi1 form fieldset>div input[type="submit"]{background:#0067b1 none repeat scroll 0% 0%;font-size:1rem;line-height:1.4rem;text-transform:uppercase;color:#fff;padding:15px 60px;margin-top:20px;border:medium none;outline:medium none;font-weight:700;cursor:pointer;width:100%}@media screen and (max-width: 485px){.tx-felogin-pi1 form fieldset>div{width:100%}.tx-felogin-pi1 form fieldset>div>div{width:100%}.tx-felogin-pi1 form fieldset>div>div:first-child{margin-right:0}}.tx-felogin-pi1 .felogin-links{padding-top:4px;width:400px}.tx-felogin-pi1 .felogin-links>div{display:inline-block;float:right}.tx-felogin-pi1 .felogin-links>div:first-child{float:left}.tx-felogin-pi1 .felogin-links>div a{color:#333;font-weight:normal}@media screen and (max-width: 485px){.tx-felogin-pi1 .felogin-links{width:100%}.tx-felogin-pi1 .felogin-links>div{display:block;float:none;margin-top:5px}.tx-felogin-pi1 .felogin-links>div:first-child{float:none}}.tx-sy-osbeeproducts{padding:0 0 40px 0}.tx-sy-osbeeproducts h2,.tx-sy-osbeeproducts .ce-table table caption,.ce-table table .tx-sy-osbeeproducts caption{font-weight:700;color:#0067b1;font-size:18px;line-height:normal;display:block;margin:0 0 5px 0}.tx-sy-osbeeproducts .os_cartFactory,.tx-sy-osbeeproducts .os_cartApps{margin-bottom:40px}.tx-sy-osbeeproducts .os_cartFactory table,.tx-sy-osbeeproducts .os_cartApps table{border-spacing:0}.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type,.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type{border-left:solid 1px #c6c6c6;border-right:solid 1px #c6c6c6;border-top:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td,.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td{background:#ececec;padding:10px 0 10px 10px;height:40px;color:#313131;font-weight:700;border-bottom:solid 1px #c6c6c6;border-left:solid 1px #c6c6c6;border-top:solid 1px #c6c6c6;font-size:15px;line-height:normal}.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(2),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2),.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4){background:#d7d7d7;padding:10px}.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3){text-align:right;border-left:none}.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4){text-align:right;border-left:none}.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(6),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6){padding:10px 0;border-left:none;text-align:center;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartFactory table tr.row,.tx-sy-osbeeproducts .os_cartApps table tr.row{border-bottom:solid 1px #c6c6c6;border-left:solid 1px #c6c6c6;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartFactory table tr.row td,.tx-sy-osbeeproducts .os_cartApps table tr.row td{background:#fff;padding:10px 0 10px 10px;color:#313131;font-weight:400;border-left:solid 1px #c6c6c6;font-size:15px;line-height:normal}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:first-of-type,.tx-sy-osbeeproducts .os_cartApps table tr.row td:first-of-type{color:#0067b1;text-decoration:none;font-weight:700}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(2),.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(2){padding:0 10px}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(4),.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4){text-align:right;padding-right:10px}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6),.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6){padding:10px 0;text-align:center;padding-left:10px;padding-right:10px;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) i,.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) i{font-size:20px}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a,.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a{margin:0;padding:0;background:transparent;border:none;color:#be1622;font-size:20px;font-weight:700;text-decoration:none}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a:hover,.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a:hover{text-decoration:none}.tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td,.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td{font-size:15px;line-height:normal;border-left:solid 1px #c6c6c6;border-top:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:first-of-type,.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:first-of-type{font-size:15px;line-height:normal;font-weight:700;color:#333;text-align:left;padding:10px;background:#ececec;height:40px}.tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(2),.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(2){font-size:15px;line-height:normal;font-weight:700;text-align:right;padding:10px;background:#d7d7d7;height:40px}.tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(5),.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(5){font-weight:700;font-size:15px;line-height:normal;text-align:right;background:#ececec;padding:10px;height:40px}.tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:last-of-type,.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:last-of-type{min-height:1px;background:#ececec;height:40px;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td{padding:10px;font-size:15px;font-weight:700;line-height:normal;background:#ececec;border-top:solid 1px #c6c6c6;border-left:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2){background:#d7d7d7}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3){border-left:none}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7){text-align:right;padding-right:10px}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4){border-left:none}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8){border-left:none}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8){border-right:solid 1px #c6c6c6;text-align:center}.tx-sy-osbeeproducts .os_cartApps table tr.row td{border-left:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3){border-left:none;text-align:right}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4){border-left:none;text-align:right}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6),.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(7),.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8){border-left:none;text-align:right;padding-right:10px}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8){padding:10px 0;text-align:center;padding-left:10px;padding-right:10px;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) i{font-size:20px}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a{margin:0;padding:0;background:transparent;border:none;color:#be1622;font-size:20px;font-weight:700;text-decoration:none}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a:hover{text-decoration:none}.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td{padding:10px;border-top:none;font-weight:700}.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(4){background:#ececec}.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3){text-align:right}.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:last-of-type{border-left:none}.tx-sy-osbeeproducts .os_overviewModules{padding-bottom:80px;margin-bottom:80px;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_overviewModules table{border-spacing:0}.tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td{padding:10px;font-weight:700;font-size:15px;line-height:normal;background:#ececec;border-top:solid 1px #c6c6c6;border-left:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(2){background:#d7d7d7;text-align:right}.tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(3){text-align:right}.tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:last-of-type{border-left:none;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_overviewModules table tr.row td{font-size:15px;line-height:normal;padding:10px;border-left:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_overviewModules table tr.row td:first-of-type{color:#0067b1;font-weight:700;font-size:15px;line-height:normal}.tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(2){text-align:right}.tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(3){text-align:right}.tx-sy-osbeeproducts .os_overviewModules table tr.row td:last-of-type{border-right:solid 1px #c6c6c6;border-left:none}.tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td{font-weight:700;font-size:15px;line-height:normal;height:40px;padding:10px;border-left:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td div{font-size:15px;line-height:normal;font-weight:700}.tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(2){background:#d7d7d7;text-align:right}.tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(3){background:#ececec;text-align:right}.tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:last-of-type{background:#ececec;border-right:solid 1px #c6c6c6;border-left:none}.tx-sy-osbeeproducts .os_cartSupport{margin-bottom:40px}.tx-sy-osbeeproducts .os_cartSupport>div{float:left;width:calc((100% - 30px) / 4);background:#ececec;border:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartSupport>div .radioSupportName{margin-top:10px;margin-right:10px;padding:10px;font-size:18px;line-height:normal;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:3px}.tx-sy-osbeeproducts .os_cartSupport>div .container{padding:10px}.tx-sy-osbeeproducts .os_cartSupport>div .container .radioSupport{width:20px;height:20px;display:inline-block;margin:0 5px 0 0;vertical-align:bottom}.tx-sy-osbeeproducts .os_cartSupport>div .container div{display:inline-block;font-weight:700;font-size:15px;line-height:normal}.tx-sy-osbeeproducts .os_cartSupport>div .container a{color:#0067b1;font-size:15px;text-decoration:none;display:block}.tx-sy-osbeeproducts .os_cartSupport>div .container a:hover{text-decoration:underline}.tx-sy-osbeeproducts .os_cartSupport>div:first-of-type .radioSupportName{background:#d1d1d1}.tx-sy-osbeeproducts .os_cartSupport>div:nth-of-type(2) .radioSupportName{background:#fc0}.tx-sy-osbeeproducts .os_cartSupport>div:nth-of-type(3) .radioSupportName{background:#777372}.tx-sy-osbeeproducts .os_cartSupport>div:last-of-type .radioSupportName{background:#3a3a3a}.tx-sy-osbeeproducts .os_cartSupport>div+div{margin-left:10px}.tx-sy-osbeeproducts .os_carAppSupport{margin-bottom:40px}.tx-sy-osbeeproducts .os_carAppSupport>div{float:left;width:calc((100% - 20px) / 3);background:#ececec;border:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_carAppSupport>div .radioAppSupportName{margin-top:10px;margin-right:10px;padding:10px;font-size:18px;line-height:normal;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:1px}.tx-sy-osbeeproducts .os_carAppSupport>div .container{padding:10px}.tx-sy-osbeeproducts .os_carAppSupport>div .container .radioAppSupport{width:20px;height:20px;display:inline-block;margin:0 5px 0 0;vertical-align:bottom}.tx-sy-osbeeproducts .os_carAppSupport>div .container div{display:inline-block;font-weight:700;font-size:15px;line-height:normal}.tx-sy-osbeeproducts .os_carAppSupport>div .container a{color:#0067b1;font-size:15px;text-decoration:none;display:block}.tx-sy-osbeeproducts .os_carAppSupport>div .container a:hover{text-decoration:underline}.tx-sy-osbeeproducts .os_carAppSupport>div:first-of-type .radioAppSupportName{background:#88b3d6}.tx-sy-osbeeproducts .os_carAppSupport>div:nth-of-type(2) .radioAppSupportName{background:#3f83c0}.tx-sy-osbeeproducts .os_carAppSupport>div:nth-of-type(3) .radioAppSupportName{background:#105b9e}.tx-sy-osbeeproducts .os_carAppSupport>div+div{margin-left:10px}.tx-sy-osbeeproducts .overviewSupport{margin-bottom:80px;padding-bottom:80px;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table{border-spacing:0}.tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td{font-size:15px;line-height:normal;font-weight:700;padding:10px;background:#ececec;border-top:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:first-of-type{border-left:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(3){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(4){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:last-of-type{text-align:right;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td{font-size:15px;line-height:normal;padding:10px;border-bottom:solid 1px #c6c6c6;border-left:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:first-of-type .chosenSupport{font-weight:700;color:#0067b1;font-size:15px}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(2){border-left:none}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(3){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:last-of-type{border-left:none;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td{font-size:15px;line-height:normal;padding:10px;border-left:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(2){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(3){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(4){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:last-of-type{border-right:solid 1px #c6c6c6;border-left:none}.tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td{background:#ececec;height:40px;font-weight:700;font-size:15px;line-height:normal;padding:10px;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:first-of-type{border-left:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:nth-of-type(4){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:last-of-type{border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .lastStep{border:solid 1px #c6c6c6;background:#ececec}.tx-sy-osbeeproducts .lastStep table{border-spacing:0}.tx-sy-osbeeproducts .lastStep table tr td{padding:0 10px 2px 10px;font-size:15px;line-height:normal;text-align:right}.tx-sy-osbeeproducts .lastStep table tr:first-of-type td{padding-top:10px}.tx-sy-osbeeproducts .lastStep table tr:last-of-type td{font-weight:700;padding-bottom:10px}.tx-sy-osbeeproducts .linkInActive{background:#bbbbbb;color:#fff;padding:10px 20px;text-transform:uppercase;font-weight:700;font-size:18px;line-height:normal;float:left;margin-top:20px;border:none;cursor:pointer}.tx-sy-osbeeproducts .tooltipp{display:none;position:absolute;background-color:#dddddd;padding:10px 20px;color:black;font-size:18px;margin-left:120px;float:left;margin-top:20px}.tx-sy-osbeeproducts .checkoutOption{margin-top:20px}.tx-sy-osbeeproducts .checkoutOption .checkoutSubmit{background:#be1622;color:#fff;padding:10px 20px;text-transform:uppercase;font-weight:700;font-size:18px;line-height:normal;float:right;border:none;cursor:pointer}.tx-sy-osbeeproducts .checkoutOption .checkoutSubmit.blue{background:#0067b1;color:#fff;padding:10px 20px;text-transform:uppercase;font-weight:700;font-size:18px;line-height:normal;float:left;border:none;cursor:pointer}.step3YourData,.mp-contentContainer.checkout .step3YourOrder{padding-bottom:80px;margin-bottom:80px;border-bottom:solid 1px #bcbcbc;border-spacing:0;width:100%}.step3YourData caption,.mp-contentContainer.checkout .step3YourOrder caption{font-weight:700;color:#1268b3;font-size:18px;line-height:normal;display:block;margin:0 0 2px 0;text-align:left}.step3YourData tr:first-of-type td,.mp-contentContainer.checkout .step3YourOrder tr:first-of-type td{padding:10px;font-weight:700;font-size:14px;line-height:normal;background:#f5f5f5;border-top:solid 1px #bcbcbc;border-left:solid 1px #bcbcbc;border-bottom:solid 1px #bcbcbc}.step3YourData tr:first-of-type td:nth-of-type(2),.mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:nth-of-type(2){background:#d7d7d7}.step3YourData tr:first-of-type td:last-of-type,.mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:last-of-type{border-left:none;border-right:solid 1px #bcbcbc}.step3YourData tr.row td,.mp-contentContainer.checkout .step3YourOrder tr.row td{font-size:14px;line-height:normal;padding:10px;border-left:solid 1px #bcbcbc;border-bottom:solid 1px #bcbcbc;border-right:solid 1px #bcbcbc}.step3YourData tr.row td:first-of-type,.mp-contentContainer.checkout .step3YourOrder tr.row td:first-of-type{color:#1268b3;font-weight:700;font-size:14px;line-height:normal;border-right:none}.orderlist table{margin-bottom:80px;border-spacing:0;width:100%}.orderlist table caption{font-weight:700;color:#1268b3;font-size:18px;line-height:normal;display:block;margin:0 0 2px 0;text-align:left}.orderlist table tr:first-of-type th{padding:10px;font-weight:700;font-size:14px;line-height:normal;background:#f5f5f5;border-top:solid 1px #bcbcbc;border-left:solid 1px #bcbcbc;border-bottom:solid 1px #bcbcbc;text-align:left}.orderlist table tr:first-of-type th:nth-of-type(3){text-align:center}.orderlist table tr:first-of-type th:nth-of-type(4){text-align:right}.orderlist table tr:first-of-type th:last-of-type{border-right:solid 1px #bcbcbc}.orderlist table tr td{font-size:14px;line-height:normal;padding:10px;border-left:solid 1px #bcbcbc;border-bottom:solid 1px #bcbcbc}.orderlist table tr td:nth-of-type(3){text-align:center}.orderlist table tr td:nth-of-type(4){text-align:right}.orderlist table tr td:last-of-type{border-right:solid 1px #bcbcbc}.step3YourOrder{width:100%;border-spacing:0;margin-bottom:80px}.step3YourOrder caption{text-align:left;font-size:18px;color:#0067b1;font-weight:700;padding-bottom:5px}.step3YourOrder tr td{font-size:14px;line-height:normal;padding:10px;border-top:solid 1px #bcbcbc;border-right:solid 1px #bcbcbc}.step3YourOrder tr td:first-of-type{width:35%;font-weight:700;border-left:solid 1px #bcbcbc}.step3YourOrder tr:last-of-type td{border-bottom:solid 1px #bcbcbc}.step3YourOrder tr:nth-child(odd){background:#f5f5f5}.backToListButton{margin-bottom:40px}.mp-contentContainer.checkout h1{font-size:20px;line-height:normal;margin-bottom:80px;font-weight:700;text-transform:none}@media screen and (max-width: 480px){.mp-contentContainer.checkout h1{font-size:18px;margin-bottom:40px}}.mp-contentContainer.checkout .checkout_optionText{padding:25px 40px;border:solid 1px #bcbcbc}@media screen and (max-width: 480px){.mp-contentContainer.checkout .checkout_optionText{padding:15px 20px}}.mp-contentContainer.checkout .checkout_optionText strong{display:block;font-weight:700;color:#333;font-size:15px;line-height:normal}.mp-contentContainer.checkout .checkout_optionText p{margin:10px 0 0 0}.mp-contentContainer.checkout .checkout_paymentOption{padding:25px 40px;background:#f5f5f5;border:solid 1px #bcbcbc;margin-top:15px}@media screen and (max-width: 480px){.mp-contentContainer.checkout .checkout_paymentOption{padding:15px 20px}}.mp-contentContainer.checkout .checkout_paymentOption h2,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption{color:#333;margin-bottom:25px;font-size:24px;line-height:normal;text-transform:uppercase}@media screen and (max-width: 480px){.mp-contentContainer.checkout .checkout_paymentOption h2,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption{font-size:18px;line-height:normal}}.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2),.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3){padding:15px 20px;border:solid 1px #bcbcbc;background:#fff}.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) input,.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) input{display:inline-block}.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label,.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label{vertical-align:bottom;display:inline-block;margin-left:10px;font-size:20px;font-weight:700;line-height:normal}@media screen and (max-width: 480px){.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label,.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label{font-size:14px;line-height:normal;margin-left:5px}}.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2)+div,.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3)+div{margin-top:10px}.mp-contentContainer.checkout .checkout_paymentOption input[type="submit"]{display:inline-block;margin-top:20px;background:#0067b1;border:none;color:#fff;text-transform:uppercase;font-weight:700;font-size:18px;line-height:normal;padding:8px 16px;cursor:pointer}@media screen and (max-width: 480px){.mp-contentContainer.checkout .checkout_paymentOption input[type="submit"]{font-size:14px;line-height:normal}}.mp-contentContainer.checkout .step3YourData,.mp-contentContainer.checkout .step3YourOrder{width:100%;border-spacing:0}.mp-contentContainer.checkout .step3YourData caption,.mp-contentContainer.checkout .step3YourOrder caption{text-align:left;font-size:18px;color:#0067b1;font-weight:700;padding-bottom:5px}.mp-contentContainer.checkout .step3YourData tr td,.mp-contentContainer.checkout .step3YourOrder tr td{font-size:15px;line-height:normal;padding:10px;border-top:solid 1px #bcbcbc;border-right:solid 1px #bcbcbc}.mp-contentContainer.checkout .step3YourData tr td:first-of-type,.mp-contentContainer.checkout .step3YourOrder tr td:first-of-type{width:35%;font-weight:700;border-left:solid 1px #bcbcbc}.mp-contentContainer.checkout .step3YourData tr:last-of-type td,.mp-contentContainer.checkout .step3YourOrder tr:last-of-type td{border-bottom:solid 1px #bcbcbc}.mp-contentContainer.checkout .step3YourData tr:nth-child(odd),.mp-contentContainer.checkout .step3YourOrder tr:nth-child(odd){background:#f5f5f5}.mp-contentContainer.checkout .step3YourOrder{margin-top:40px}.mp-contentContainer.checkout .step3CheckoutButton{color:#fff;text-decoration:none;background:#0067b1;font-size:18px;line-height:normal;padding:8px 16px;border:none;cursor:pointer;display:inline-block;margin-top:20px}.checkout_thankyou{border:solid 1px #bcbcbc;padding:25px 40px;margin:40px 0}.checkout_thankyou strong{display:block;font-weight:700;color:#333;font-size:15px;line-height:normal}.checkout_thankyou p{margin:10px 0 0 0}.tx-contentpackage-checkoutFormular div{display:block}.tx-contentpackage-checkoutFormular div label{width:25%;text-align:right;padding-right:1em;float:left;height:55px;vertical-align:middle;line-height:55px}.tx-contentpackage-checkoutFormular div input{text-align:left;width:50%;float:left;height:55px;border:solid 1px #bbb;padding:10px}.tx-contentpackage-checkoutFormular div+div{margin-top:5px}@media screen and (max-width: 600px){.tx-contentpackage-checkoutFormular div label{display:block;width:100%;float:none;height:auto;text-align:left}.tx-contentpackage-checkoutFormular div input{float:none;display:block;width:100%}}.tx-contentpackage-checkoutFormular input[type="submit"]{background:#0067b1;font-size:15px;line-height:22.4px;font-size:1rem;line-height:1.4rem;text-transform:uppercase;color:#fff;padding:15px;margin-top:30px;border:none;outline:none;font-weight:700;cursor:pointer;margin-left:25%}@media screen and (max-width: 600px){.tx-contentpackage-checkoutFormular input[type="submit"]{margin-left:0}}.checkoutSteps{margin-bottom:40px;text-align:center}.checkoutSteps .step{display:inline-block;position:relative;background:#ccc;border:4px solid #fff;border-bottom:none;border-top:none;padding-left:10px;padding-right:10px;z-index:10;color:#fff;font-weight:700;font-size:16px;height:47px;line-height:46px}.checkoutSteps .step.active{background:#0067b1}.checkoutSteps .step.active:after{border-left-color:#0067b1}.checkoutSteps .step:after,.checkoutSteps .step:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.checkoutSteps .step:after{border-color:rgba(204,204,204,0);border-left-color:#ccc;border-width:23px;margin-top:-23px}.checkoutSteps .step:before{border-color:rgba(255,255,255,0);border-left-color:#fff;border-width:28px;margin-top:-28px}.checkoutSteps .step+.step{padding-left:30px;z-index:9;margin-left:-4px}.checkoutSteps .step+.step+.step{z-index:8}.checkoutSteps .step+.step+.step+.step{z-index:7}.checkoutError{background:#be1622;color:#fff;font-weight:700;font-size:15px;line-height:normal;text-align:center;margin-bottom:40px;display:block;padding:5px 10px}.tx-indexedsearch-searchbox{padding-top:50px;padding-bottom:50px}.tx-indexedsearch-searchbox form label{font-size:16px;line-height:normal;color:#333;display:block}.tx-indexedsearch-searchbox form input[type="text"]{height:25px;border:solid 1px #c6c6c6;font-size:12px;min-width:280px;padding:0 5px}.tx-indexedsearch-searchbox form input[type="submit"]{display:block;background:#be1622;color:#fff;border:none;font-size:15px;padding:5px 10px;margin-top:5px;min-width:280px}.suchergebnis{padding-bottom:50px}.tx-indexedsearch-browsebox{list-style-type:none;margin:0;padding:0}.tx-indexedsearch-browsebox ul{list-style-type:none;margin-top:15px;margin-bottom:15px}.tx-indexedsearch-browsebox li{float:left}.tx-indexedsearch-browsebox li a{color:#c6c6c6;text-decoration:none}.tx-indexedsearch-browsebox li+li{margin-left:10px}.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a{color:#be1622}.tx-indexedsearch-browsebox+.tx-indexedsearch-res{margin-top:40px}.tx-indexedsearch-res+.tx-indexedsearch-res{margin-top:25px;padding-top:25px;border-top:solid 1px #c6c6c6}.tx-indexedsearch-res+.tx-indexedsearch-browsebox{margin-top:40px}.tx-srfeuserregister-pi1{margin-bottom:50px;float:left;width:70%}.tx-srfeuserregister-pi1 p{padding:0}.tx-srfeuserregister-pi1 p.textOverSendButton{position:relative;margin:0;padding:0;clear:both;margin-bottom:-10px;padding-top:25px}.tx-srfeuserregister-pi1 p.textOverSendButton+dt{display:none}.tx-srfeuserregister-pi1 .customRegisterCheckbox{position:relative;padding-left:30px;margin-top:10px}.tx-srfeuserregister-pi1 .customRegisterCheckbox p,.tx-srfeuserregister-pi1 .customRegisterCheckbox a{font-size:12px;line-height:normal}.tx-srfeuserregister-pi1 .customRegisterCheckbox a{background:transparent;padding-left:0}.tx-srfeuserregister-pi1 .customRegisterCheckbox input{position:absolute;left:0;top:1px}.tx-srfeuserregister-pi1 fieldset{border:none;padding:0;margin:0}.tx-srfeuserregister-pi1 fieldset legend{display:none}.tx-srfeuserregister-pi1 fieldset h2,.tx-srfeuserregister-pi1 fieldset .ce-table table caption,.ce-table table .tx-srfeuserregister-pi1 fieldset caption{font-size:18px;line-height:normal;text-align:left;margin:0 0 5px 0}.tx-srfeuserregister-pi1 fieldset h2:after,.tx-srfeuserregister-pi1 fieldset .ce-table table caption:after,.ce-table table .tx-srfeuserregister-pi1 fieldset caption:after{margin:10px 0 0 0}.tx-srfeuserregister-pi1 fieldset h2+p,.tx-srfeuserregister-pi1 fieldset .ce-table table caption+p,.ce-table table .tx-srfeuserregister-pi1 fieldset caption+p{margin:0 0 25px 0}.tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file{padding:30px 0}.tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file label{font-size:15px;line-height:normal;display:block;margin-bottom:10px}.tx-srfeuserregister-pi1 fieldset label{height:55px;vertical-align:middle}.tx-srfeuserregister-pi1 fieldset dd{width:100%}.tx-srfeuserregister-pi1 fieldset dt{text-align:left}.tx-srfeuserregister-pi1 fieldset input[type="text"],.tx-srfeuserregister-pi1 fieldset input[type="password"],.tx-srfeuserregister-pi1 fieldset input[type="email"],.tx-srfeuserregister-pi1 fieldset input[type="date"],.tx-srfeuserregister-pi1 fieldset select{width:325px;width:100%;height:55px;border:solid 1px #bbb;padding:10px;color:#333;font-size:18px}.tx-srfeuserregister-pi1 fieldset input[type="submit"]{background:#0067b1;font-size:15px;line-height:normal;text-transform:uppercase;color:#fff;padding:15px;margin-top:30px;border:none;outline:none;font-weight:700;cursor:pointer;width:100%;text-align:center}.tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged{display:inline-block}.tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged+p{display:inline-block}.tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms{display:inline-block}.tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms+input[type="checkbox"]{float:left;margin-top:15px}.tx-srfeuserregister-pi1 fieldset input[type=password]{margin-right:0}.tx-srfeuserregister-pi1 fieldset .formwrap>div{float:left;width:48%}.tx-srfeuserregister-pi1 fieldset .formwrap>div.passwort input,.tx-srfeuserregister-pi1 fieldset .formwrap>div.passwortagain input,.tx-srfeuserregister-pi1 fieldset .formwrap>div.company input,.tx-srfeuserregister-pi1 fieldset .formwrap>div.jobrole input{width:100%}.tx-srfeuserregister-pi1 fieldset .formwrap>div+div{margin-left:3.5%}.tx-srfeuserregister-pi1 fieldset .jobrole input{margin-top:7px}.tx-srfeuserregister-pi1 fieldset .terms input{display:inline-block}.tx-srfeuserregister-pi1 fieldset .terms p{margin:0;display:inline-block}.tx-srfeuserregister-pi1 fieldset .terms p a{color:#0067b1;font-size:15px;line-height:normal;text-decoration:none}.tx-srfeuserregister-pi1 fieldset .terms p a:hover{text-decoration:underline}@media screen and (max-width: 800px){.tx-srfeuserregister-pi1{float:none;width:100%}.tx-srfeuserregister-pi1 dt{width:30%}.tx-srfeuserregister-pi1 dd{width:70%}}@media screen and (max-width: 600px){.tx-srfeuserregister-pi1 dt,.tx-srfeuserregister-pi1 dd{width:100%}.tx-srfeuserregister-pi1 dt{display:block;margin-top:5px;text-align:left}.tx-srfeuserregister-pi1 fieldset .formwrap>div{width:100%}.tx-srfeuserregister-pi1 fieldset .formwrap>div+div{margin-left:0}.tx-srfeuserregister-pi1 fieldset input[type="text"],.tx-srfeuserregister-pi1 fieldset input[type="password"],.tx-srfeuserregister-pi1 fieldset input[type="email"],.tx-srfeuserregister-pi1 fieldset input[type="date"],.tx-srfeuserregister-pi1 fieldset select{width:100%}}.editForm .leftMenu+.tx-srfeuserregister-pi1 dt,.leftMenu+* dt{padding-top:0}.community-forum-news{padding:25px 0;background:#ececec}.community-forum-news>.inner>div{float:left;width:calc((100% - 20px) / 2)}.community-forum-news>.inner>div.news{margin-left:20px;padding-top:8px}@media screen and (max-width: 1100px){.community-forum-news>.inner>div.news .inner.small,.community-forum-news>.inner>div.news .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .community-forum-news>.inner>div.news .tx-felogin-pi1-inner{padding:0 !important}}.community-forum-news>.inner>div.news .latest-news-container{padding:0;margin-top:42px;padding-top:44px;padding-left:84px}@media screen and (max-width: 980px){.community-forum-news>.inner>div.news .latest-news-container{padding-top:0;margin-top:0;padding-left:0}}.community-forum-news>.inner>div.news .latest-news-container>h2,.community-forum-news>.inner>div.news .ce-table table .latest-news-container>caption,.ce-table table .community-forum-news>.inner>div.news .latest-news-container>caption{text-align:left;position:relative;top:-44px}@media screen and (max-width: 768px){.community-forum-news>.inner>div.news .latest-news-container>h2,.community-forum-news>.inner>div.news .ce-table table .latest-news-container>caption,.ce-table table .community-forum-news>.inner>div.news .latest-news-container>caption{top:auto}}.community-forum-news>.inner>div.news .latest-news-container>h2:after,.community-forum-news>.inner>div.news .ce-table table .latest-news-container>caption:after,.ce-table table .community-forum-news>.inner>div.news .latest-news-container>caption:after{margin:10px 0 10px 0}.community-forum-news>.inner>div.news .latest-news-container .startpage-article{position:relative;top:-44px}@media screen and (max-width: 768px){.community-forum-news>.inner>div.news .latest-news-container .startpage-article{top:auto}}.community-forum-news>.inner>div.news .latest-news-container .startpage-article .more{position:relative;top:44px}@media screen and (max-width: 768px){.community-forum-news>.inner>div.news .latest-news-container .startpage-article .more{top:auto}}.community-forum-news>.inner>div.news .latest-news-container .startpage-latesnews{margin-top:20px;width:calc((100% - 30px) / 2)}.community-forum-news>.inner>div.news .latest-news-container .startpage-latesnews .header{margin-top:10px}.community-forum-news>.inner>div.news .latest-news-container .startpage-latesnews .header h3 span{font-size:15px;font-weight:600;line-height:normal}@media screen and (max-width: 768px){.community-forum-news>.inner>div.news .latest-news-container .startpage-latesnews{width:100%}}.community-forum-news>.inner>div.tx-typo3forum-pi1>h2,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1>caption{text-align:left;text-transform:none}.community-forum-news>.inner>div.tx-typo3forum-pi1>h2:after,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1>caption:after{margin:10px 0 10px 0}.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-forum-latest-post>div{padding:10px}@media screen and (max-width: 980px){.community-forum-news>.inner>div{float:none;width:100%;margin-left:0 !important;max-width:none}}.zweispaltig-unterseiten-layout{max-width:1030px;width:100%;margin-left:auto;margin-right:auto}@media screen and (max-width: 1100px){.zweispaltig-unterseiten-layout{padding:0 25px}}.leftSidebar{float:left;width:23.30%;width:calc(100% - 72%);max-width:240px;display:block;padding:50px 0;padding-top:0;margin-top:40px;min-height:1px}.leftSidebar .leftMenu{float:none;width:100%;margin-top:0}.leftSidebar .inner.small,.leftSidebar .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .leftSidebar .tx-felogin-pi1-inner,.leftSidebar .inner{padding:0 !important}@media screen and (max-width: 767px){.leftSidebar{float:none;width:100%;margin-left:0;max-width:none;padding-bottom:0}.leftSidebar .leftMenu{margin-bottom:0;padding-bottom:0;margin-top:25px}.leftSidebar .leftMenu .profile-sidebar-content{margin-top:15px}}.rightContent{float:left;width:73.78%;width:calc(100% - 32.85%);display:block;max-width:740px;padding:50px 0;margin-left:4.85%;padding-top:0;min-height:1px;margin-top:40px}.rightContent .tx-srfeuserregister-pi1{float:none;width:100%;display:block;margin-bottom:40px}.rightContent .tx-srfeuserregister-pi1 input{padding:10px 15px}.rightContent .inner.small,.rightContent .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .rightContent .tx-felogin-pi1-inner,.rightContent .inner{padding:0 !important}@media screen and (max-width: 767px){.rightContent{float:none;width:100%;margin-left:0;max-width:none;margin-top:25px}}header.header{padding:0px 0 25px 0;max-height:133px;border-bottom:solid 5px #fc0;position:fixed;top:0;z-index:9999;left:0;right:0;background:#fff}header.header.compexHeader{height:100px;padding-top:25px}header.header.compexHeader .topMeta{display:none}header.header.compexHeader+*{margin-top:100px;display:block}@media screen and (max-width: 480px){header.header.compexHeader{height:72px;padding-top:15px;padding-bottom:15px}header.header.compexHeader+*{margin-top:72px}}header.header+*{margin-top:133px;display:block}@media screen and (max-width: 860px){header.header{height:155px;max-height:155px}header.header+*{margin-top:155px}}@media screen and (max-width: 480px){header.header{height:200px;max-height:200px}header.header+*{margin-top:200px}}@media screen and (max-width: 460px){header.header{max-height:120px;height:120px}header.header+*{margin-top:120px}}header.header .topMeta{width:100%;background:#f5f5f5;margin-bottom:20px;height:30px;line-height:30px}@media screen and (max-width: 860px){header.header .topMeta{height:auto}}header.header .topMeta .left{float:left;color:#333;font-size:12px;font-weight:600;line-height:30px}@media screen and (max-width: 860px){header.header .topMeta .left{float:none;width:100%;text-align:center}}@media screen and (max-width: 460px){header.header .topMeta .left{display:none}}header.header .topMeta .right{float:right}header.header .topMeta .right form{position:relative;float:left;margin-right:5px}header.header .topMeta .right form input[type="text"]{border:0;background:#fff;padding:0 5px;height:24px;position:relative;padding-right:25px;font-size:12px;line-height:24px;top:-2px;margin-right:35px;margin-bottom:0}header.header .topMeta .right form button{position:absolute;right:5px;top:1px;background:transparent;border:none;font-size:18px;color:#333}header.header .topMeta .right form button:before{content:"\f002";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}@media screen and (max-width: 460px){header.header .topMeta .right form{display:none}}@media screen and (max-width: 860px){header.header .topMeta .right{float:none;width:100%;text-align:center;text-align:right}}header.header .topMeta a{text-decoration:none;text-transform:uppercase;color:#333;font-size:12px;line-height:normal;font-weight:600;padding:0 10px;border-left:solid 1px #333}header.header .topMeta a i{margin-right:3px}header.header .topMeta a:hover{text-decoration:underline}header.header .topMeta a:last-of-type{border-right:solid 1px #333}@media screen and (max-width: 860px){header.header .topMeta a{border-left:none}header.header .topMeta a:last-of-type{border-right:none;border-left:solid 1px #333;padding-left:14px}}@media screen and (max-width: 480px) and (min-width: 461px){header.header .topMeta a{display:block;float:none;margin-left:auto;margin-right:auto;width:100%;clear:both;padding-top:10px}header.header .topMeta a:last-of-type{border-left:none}}header.header .logo{float:left;display:block;max-width:215px}@media screen and (max-width: 480px){header.header .logo{max-width:180px}}header.header .logo img{max-height:50px}header.header nav{float:right}@media screen and (min-width: 1121px){header.header nav>ul>li{float:left;padding:14px 0;position:relative}header.header nav>ul>li>a{color:#333;text-decoration:none;font-weight:700;text-transform:uppercase;font-family:"Open Sans",sans-serif}header.header nav>ul>li>a i{display:none}header.header nav>ul>li+li{margin-left:25px}header.header nav>ul>li:last-of-type{margin-left:40px;background:#be1622;padding:14px 19px}header.header nav>ul>li:last-of-type a{color:#fff}header.header nav>ul>li:last-of-type:hover:before,header.header nav>ul>li:last-of-type.active:before{display:none !important}header.header nav>ul>li ul{display:none;position:absolute;width:170px;top:75px;background:#fff;z-index:99999;box-shadow:1px 1px 5px rgba(0,0,0,0.35)}header.header nav>ul>li ul li{display:block}header.header nav>ul>li ul li a{font-size:12px;font-weight:700;color:#333;text-decoration:none;line-height:14px;padding:14px 10px;display:block;text-transform:uppercase}header.header nav>ul>li ul li:hover,header.header nav>ul>li ul li.active{background:#be1622}header.header nav>ul>li ul li:hover a,header.header nav>ul>li ul li.active a{color:#fff}header.header nav>ul>li ul li+li{border-top:solid 1px #b7b7b7}header.header nav>ul>li:hover:after{content:"";position:absolute;left:0;right:0;bottom:-28px;width:100%;height:45px;cursor:pointer}header.header nav>ul>li:hover ul{display:block}header.header nav>ul>li:hover:before,header.header nav>ul>li.active:before{content:"";position:absolute;border-bottom:solid 2px #bf1e2e;height:2px;width:100%;top:38px}}@media screen and (max-width: 1120px){header.header nav{position:relative}header.header nav>ul{position:absolute;width:250px;right:0;box-shadow:1px 1px 5px rgba(0,0,0,0.5);z-index:999999;display:none}header.header nav>ul li{float:none;display:block;padding:0;width:100%;background:#fff}header.header nav>ul li.active{background:#be1622}header.header nav>ul li.active>a{color:#fff}header.header nav>ul li a{display:block;width:100%;padding:14px 60px 14px 10px;color:#333;text-decoration:none;font-weight:700;position:relative;text-transform:uppercase;font-family:"Open Sans",sans-serif}header.header nav>ul li a:hover{color:#fff;background:#be1622}header.header nav>ul li a i{display:inline-block;position:absolute;right:0;top:38%;margin-top:-18px;padding:16px}header.header nav>ul li a i.fa-chevron-up{display:none}header.header nav>ul li.open a i.fa-chevron-up{display:inline-block}header.header nav>ul li.open a i.fa-chevron-down{display:none}header.header nav>ul li+li{margin-left:0;border-top:solid 1px #b7b7b7}header.header nav>ul li>ul{display:none}header.header nav>ul li>ul li{background:#f9f9f9;border-top:solid 1px #b7b7b7}header.header nav>ul li>ul li a{font-size:13px;line-height:normal;padding:10px 10px 10px 30px}header.header nav>ul li>ul li.active a{color:#fff;background:#be1622}header.header nav>ul li.open>ul{display:block}header.header nav>ul>li:last-of-type{border-top:none}header.header nav>ul>li:last-of-type a{color:#fff;background:#be1622}header.header nav.active>ul{display:block;height:450px;overflow:scroll}}header.header .mobile-button{display:none;padding:10px 0;cursor:pointer}header.header .mobile-button i{font-size:40px}@media screen and (max-width: 640px){header.header .mobile-button{padding:5px 0 0 0}}@media screen and (max-width: 1120px){header.header .mobile-button{display:block}}body.compexCommerce header.header.compexHeader .topMeta{height:0px}body.compexCommerce header.header.compexHeader .topMeta .right{display:none}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type{margin-left:25px;background:transparent;padding:11px 0}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.languageSwitch:after{content:"\f107";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;position:relative;z-index:9600}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.languageSwitch:hover:after{left:auto;right:auto;bottom:auto;position:relative;width:auto;height:auto}@media screen and (max-width: 1120px){body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.languageSwitch{padding:0;margin:0}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.languageSwitch:after{display:none}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.languageSwitch ul{width:100%;padding:0 10px 15px 10px;background:#be1622}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.languageSwitch ul li{background:#be1622;border-top:none}}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type>a{color:#333;position:relative;z-index:9600;font-size:13px;line-height:normal}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type img{vertical-align:middle;position:relative;z-index:9600}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type:hover:before,body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.active:before{display:none !important}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type li a{color:#333;font-weight:700}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type li a:hover{color:#fff}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type ul{width:80px;padding-left:10px;top:0px;padding-top:47px;left:-10px;z-index:9500;padding-bottom:10px}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type ul li img{vertical-align:middle}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type ul li a{font-weight:700;padding:0;display:inline}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type ul li:hover{background:transparent}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type ul li:hover a{color:#333}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type ul li+li{border-top:none;padding-top:10px}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search:hover:before{display:none !important}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search .compexCommerce-openSearch i{display:block;font-size:18px;color:#333}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search form{position:absolute;top:38px;right:0;display:none}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search form.active{display:block;-webkit-animation:display-none-transition 1s both;animation:display-none-transition 1s both}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search form div{position:relative}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search form input[type="text"]{height:30px;padding:0 25px 0 5px;width:180px;border:solid 1px #be1622;outline:none}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search form button{border:none;background:transparent;position:absolute;right:5px;top:5px}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search form button i{font-size:15px;color:#be1622}@-webkit-keyframes display-none-transition{0%{opacity:0}100%{opacity:1}}@keyframes display-none-transition{0%{opacity:0}100%{opacity:1}}@media screen and (max-width: 1360px){header.header .topMeta,header.header .topMeta+div{padding:0 20px}}@media screen and (max-width: 1300px) and (min-width: 1121px){header.header nav>ul>li>a{font-size:13px;line-height:normal}header.header nav>ul>li:last-of-type{margin-left:20px}header.header nav>ul>li+li{margin-left:18px}}footer.footer{background:#333;padding:50px 0 15px 0}footer.footer div.inner.small,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner{margin-bottom:80px}footer.footer div.inner.small:nth-of-type(2),footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2),.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2){margin-bottom:0}footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element{margin-bottom:0;max-width:none;width:auto;float:left}footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .inner.small,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small,footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner{padding-left:0;padding-right:0}@media screen and (max-width: 860px){footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element{float:none}}footer.footer div.inner.small ul,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul{margin:0;padding:0;list-style:none;float:left;width:calc(100% / 6)}footer.footer div.inner.small ul>a,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul>a,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul>a{color:#fff;font-size:13px;line-height:normal;font-weight:700;text-decoration:none}footer.footer div.inner.small ul>a:after,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul>a:after,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul>a:after{content:"";display:block;width:75px;height:1px;background:#fc0;margin:10px 0 10px 0}footer.footer div.inner.small ul li,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li{display:block}footer.footer div.inner.small ul li a,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li a,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li a{display:block;color:#cecece;text-decoration:none;font-size:12px;line-height:normal;font-weight:400}footer.footer div.inner.small ul li+li,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li+li,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li+li{margin-top:5px}footer.footer div.inner.small ul.imprintList,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList{width:auto;float:right;margin-top:-4px}footer.footer div.inner.small ul.imprintList li,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li{display:inline-block}footer.footer div.inner.small ul.imprintList li+li,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li+li,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li+li{margin-left:10px}footer.footer div.inner.small ul.imprintList li:after,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li:after,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li:after{display:none}@media screen and (max-width: 860px){footer.footer div.inner.small ul.imprintList,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList{float:none !important;margin:10px 0 0 0;width:auto !important}}footer.footer div.inner.small p,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p{font-size:12px;line-height:normal;color:#fff;margin:0}@media screen and (max-width: 860px){footer.footer div.inner.small p,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p{float:none}}footer.footer div.inner.small+div.inner.small,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner+div.inner.small,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner+div.inner.small,footer.footer .tx-felogin-pi1 div.inner.small+div.tx-felogin-pi1-inner,.tx-felogin-pi1 footer.footer div.inner.small+div.tx-felogin-pi1-inner,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner+div.tx-felogin-pi1-inner,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner+div.tx-felogin-pi1-inner{margin-bottom:0}@media screen and (max-width: 800px){footer.footer div.inner.small ul,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul{width:calc(100% / 3)}footer.footer div.inner.small ul:nth-of-type(n+4),footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul:nth-of-type(n+4),.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul:nth-of-type(n+4){margin-top:20px}}@media screen and (max-width: 720px){footer.footer div.inner.small,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner{margin-bottom:50px}footer.footer div.inner.small ul,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul{float:none;width:100%}footer.footer div.inner.small ul li:first-of-type,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li:first-of-type,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li:first-of-type{display:block}footer.footer div.inner.small ul li+li,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li+li,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li+li{margin-right:10px;display:inline-block}footer.footer div.inner.small ul+ul,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul+ul,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul+ul{margin-top:20px}}.breadcrumbContainer{padding-top:11px;padding-bottom:11px}@media screen and (max-width: 1100px){.breadcrumbContainer{padding-top:11px !important;padding-bottom:11px !important}}.breadcrumbContainer ul li{color:#333;display:inline-block;font-size:13px;line-height:normal}.breadcrumbContainer ul li a{color:#999999;text-decoration:none;font-size:13px;line-height:normal}.breadcrumbContainer ul li:before{content:"\f015";color:#fc0;display:inline-block;margin-right:5px;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.breadcrumbContainer ul li+li{margin-left:5px}.breadcrumbContainer ul li+li:before{content:"\f054"}.breadcrumbContainer ul li:last-of-type a{color:#333}.mfp-image-holder .mfp-content{margin-top:50px;padding:0 25px}.mfp-image-holder .mfp-content figure{background:#fff}img.mfp-img{max-height:100% !important}.ce-video{padding:30px 0}.ce-video .left{float:left;max-width:500px;margin-right:30px}.ce-video .left video{max-width:100%;height:auto}.ce-video .right{float:left;max-width:500px}.ce-video .right h1,.ce-video .right h2,.ce-video .right .ce-table table caption,.ce-table table .ce-video .right caption,.ce-video .right h3{margin-top:0}.ce-video .right h2,.ce-video .right .ce-table table caption,.ce-table table .ce-video .right caption{text-align:left}.ce-video .right h2:after,.ce-video .right .ce-table table caption:after,.ce-table table .ce-video .right caption:after{margin:10px 0 0 0}.ce-forum-latest-post{margin-top:40px;max-width:83%}@media screen and (max-width: 980px){.ce-forum-latest-post{max-width:none}}.ce-forum-latest-post+.ce-forum-latest-post{margin-top:0}.ce-forum-latest-post:last-of-type{margin-bottom:40px;border-bottom:solid 1px #bbb}.ce-forum-latest-post h2,.ce-forum-latest-post .ce-table table caption,.ce-table table .ce-forum-latest-post caption{text-align:left}.ce-forum-latest-post h2:after,.ce-forum-latest-post .ce-table table caption:after,.ce-table table .ce-forum-latest-post caption:after{margin:10px 0 10px 0}.ce-forum-latest-post>div{display:block;width:100%;padding:12px;background:#fff;border-right:solid 1px #bbbbbb;border-left:solid 1px #bbbbbb;border-top:solid 1px #bbbbbb}.ce-forum-latest-post>div img{float:left;max-width:70px;margin-right:15px}.ce-forum-latest-post>div div h3{font-size:18px;line-height:normal;font-weight:700;color:#333;margin:0 0 0 0}.ce-forum-latest-post>div div h3 a{color:#333}.ce-forum-latest-post>div div p{font-weight:400;float:left}.ce-forum-latest-post>div div p+p{margin-left:10px}.tx-typo3forum-post-latest-box h2,.tx-typo3forum-post-latest-box .ce-table table caption,.ce-table table .tx-typo3forum-post-latest-box caption{text-align:left}.tx-typo3forum-post-latest-box h2:after,.tx-typo3forum-post-latest-box .ce-table table caption:after,.ce-table table .tx-typo3forum-post-latest-box caption:after{margin:10px 0 10px 0}.leftMenu{float:left;width:24.27%;margin-top:30px}@media screen and (max-width: 767px){.leftMenu{float:none;width:100%;margin-bottom:40px;padding-bottom:40px;border-bottom:solid 1px #bbbbbb}.leftMenu .profile-sidebar-content{display:none}.leftMenu .profile-sidebar-content.active{display:block}}.leftMenu h3{font-size:16px;line-height:normal;font-weight:700;color:#333;text-transform:uppercase;border-bottom:solid 2px #fc0;margin-bottom:15px}.leftMenu ul{margin:0;padding:0;list-style-type:none}.leftMenu ul li{display:block}.leftMenu ul li a{font-size:15px;line-height:normal;color:#333;text-decoration:none;font-weight:400;text-transform:uppercase}.leftMenu ul li.active a,.leftMenu ul li:hover a{font-weight:700;color:#333}.leftMenu ul li+li{margin-top:15px}.leftMenu+.tx-srfeuserregister-pi1,.leftMenu+*{width:74.75%;float:left;margin-left:0.97%;padding:30px 10px 0 10px}@media screen and (max-width: 767px){.leftMenu+.tx-srfeuserregister-pi1,.leftMenu+*{float:none;width:100%;margin-left:0;padding:0}}.leftMenu+.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice,.leftMenu+* .tx-srfeuserregister-pi1-notice{margin:0;font-style:normal;font-size:15px;line-height:normal}.leftMenu+.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash,.leftMenu+* .tx-srfeuserregister-pi1-trash{margin:0 0 10px 0}.leftMenu+.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash a,.leftMenu+* .tx-srfeuserregister-pi1-trash a{background:transparent;padding-left:0;font-size:15px;line-height:normal;font-weight:400}.leftMenu+.tx-srfeuserregister-pi1 dt,.leftMenu+* dt{float:left;width:32.46%;text-align:left;padding:17px 10px 16px 10px}@media screen and (max-width: 600px){.leftMenu+.tx-srfeuserregister-pi1 dt,.leftMenu+* dt{float:none;width:100%;padding:0 10px 0 0}}.leftMenu+.tx-srfeuserregister-pi1 dt label,.leftMenu+* dt label{font-size:15px;line-height:normal;color:#333}.leftMenu+.tx-srfeuserregister-pi1 dd,.leftMenu+* dd{float:left;width:66.23%;margin-left:1.29%}@media screen and (max-width: 600px){.leftMenu+.tx-srfeuserregister-pi1 dd,.leftMenu+* dd{float:none;width:100%;margin-left:0;margin-top:0}.leftMenu+.tx-srfeuserregister-pi1 dd input[type="text"],.leftMenu+.tx-srfeuserregister-pi1 dd input[type="password"],.leftMenu+.tx-srfeuserregister-pi1 dd input[type="email"],.leftMenu+* dd input[type="text"],.leftMenu+* dd input[type="password"],.leftMenu+* dd input[type="email"]{margin-top:0}.leftMenu+.tx-srfeuserregister-pi1 dd input[type="submit"],.leftMenu+* dd input[type="submit"]{margin-top:0}}.leftMenu+.tx-srfeuserregister-pi1 dd input[type="text"],.leftMenu+.tx-srfeuserregister-pi1 dd input[type="password"],.leftMenu+.tx-srfeuserregister-pi1 dd input[type="email"],.leftMenu+* dd input[type="text"],.leftMenu+* dd input[type="password"],.leftMenu+* dd input[type="email"]{width:100%;height:55px;vertical-align:middle;line-height:55px;padding:0 10px;font-size:15px;color:#333}.leftMenu+.tx-srfeuserregister-pi1 input[type="submit"],.leftMenu+* input[type="submit"]{float:right;margin-bottom:40px}.leftMenu .profile-sidebar{display:none;margin-top:15px}.leftMenu .profile-sidebar button{border:none;width:100%;display:block}@media screen and (max-width: 767px){.leftMenu .profile-sidebar{display:block}}.formular-sidebar{float:left;width:25%;margin-left:5%;padding-top:50px;padding-bottom:50px}.formular-sidebar .formular-sidebar-content{width:100%}.formular-sidebar .formular-sidebar-content+.formular-sidebar-content{margin-top:40px}.formular-sidebar h2,.formular-sidebar .ce-table table caption,.ce-table table .formular-sidebar caption{font-size:18px;line-height:normal;text-align:left;margin:0 0 5px 0}.formular-sidebar h2:after,.formular-sidebar .ce-table table caption:after,.ce-table table .formular-sidebar caption:after{margin:10px 0 0 0}.formular-sidebar img{margin-top:20px}.formular-sidebar p{font-size:13px;line-height:normal}.formular-sidebar .fontAwesome-list{margin-bottom:20px}.formular-sidebar .fontAwesome-list ul{margin:0;padding:0;list-style:none}.formular-sidebar .fontAwesome-list ul li{display:block;font-size:16px;line-height:normal;color:#333;font-weight:700}.formular-sidebar .fontAwesome-list ul li i{display:table-cell;font-size:22px;margin-right:10px;border-radius:50px;border:solid 2px #333;padding:10px;vertical-align:sub;float:left;height:46px;width:46px}.formular-sidebar .fontAwesome-list ul li span{margin:0;display:table-cell;vertical-align:middle;padding-left:10px;height:46px}@media screen and (max-width: 440px){.formular-sidebar .fontAwesome-list ul li span{width:80%}}@media screen and (max-width: 360px){.formular-sidebar .fontAwesome-list ul li span{width:70%}}.formular-sidebar .fontAwesome-list ul li+li{padding-top:10px;clear:both}@media screen and (max-width: 800px){.formular-sidebar{float:none;width:100%;margin-left:0;padding:0 0 50px 0}}.ui-icon{display:none !important}.compexCommerce .news-list-view .header{max-width:none}.cc_container .cc_btn{padding:8px 10px !important}body.compexCommerce main>*:first-child{margin-top:40px}body.compexCommerce main>.sliderContainer{margin-top:0 !important}body.compexCommerce main>.unterseiten-banner:first-child{margin-top:0}
+/*# sourceMappingURL=screen.css.map */
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/html/typo-welcome-validated.css b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/html/typo-welcome-validated.css
new file mode 100644
index 0000000..b9b4b15
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/html/typo-welcome-validated.css
@@ -0,0 +1,12703 @@
+ /*typo welcome test*/
+ .welcome-image::before {
+ content: url('../image/StartAppHere.png');
+ }
+
+ /* cyrillic-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
+ /*unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;*/
+ }
+ /* cyrillic */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
+/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
+ }
+ /* greek-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
+/* unicode-range: U+1F00-1FFF; */
+ }
+ /* greek */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
+/* unicode-range: U+0370-03FF; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* cyrillic-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */
+ }
+ /* cyrillic */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
+ }
+ /* greek-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+1F00-1FFF; */
+ }
+ /* greek */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0370-03FF; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* cyrillic-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
+/* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */
+ }
+ /* cyrillic */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
+/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
+ }
+ /* greek-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
+/* unicode-range: U+1F00-1FFF; */
+ }
+ /* greek */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
+/* unicode-range: U+0370-03FF; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* cyrillic-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
+/* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */
+ }
+ /* cyrillic */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
+/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
+ }
+ /* greek-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
+/* unicode-range: U+1F00-1FFF; */
+ }
+ /* greek */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
+/* unicode-range: U+0370-03FF; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/NUrn2XQrRfyGZp5MknntaRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/s2PXW4WrV3VLrOUpHiqsfRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/sKd0EMYPAh5PYCRKSryvW1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+
+ i.fa {
+ padding-left : 5px;
+ font-size : 0.9rem;
+ }
+ .bg-blue {
+ background-color : #0067b1;
+ }
+ .bg-darkblue {
+ background-color : #002f58;
+ }
+ .bg-red {
+ background-color : #be1622;
+ }
+ .bg-white {
+ background-color : #fff;
+ }
+ .button {
+ display : inline-block;
+ background : inherit;
+ color : inherit;
+ padding : 15px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ text-decoration : none;
+ cursor : pointer;
+ }
+ .button i {
+ padding-right : 5px;
+ transition : all 0.5s;
+ font-size : 18px;
+ line-height : normal;
+ }
+ .button span + i {
+ padding-left : 5px;
+ transition : all 0.5s;
+ }
+ .button:hover {
+ text-decoration : none !important ;
+ }
+ .button:hover i {
+ padding-right : 10px;
+ transition : all 0.5s;
+ }
+ .button:hover span + i {
+ padding-left : 10px;
+ transition : all 0.5s;
+ }
+ span span {
+ background : inherit;
+ color : inherit;
+ }
+ .redbutton, .bluebutton, .thirdSection .right a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .darkbluebutton, .greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton, .whitebutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a, .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a {
+ display : inline-block;
+ background : none 0% 0% repeat scroll #be1622;
+ color : #FFF;
+ padding : 15px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ text-decoration : none;
+ cursor : pointer;
+ border : none;
+ }
+ .redbutton:hover, .bluebutton:hover, .thirdSection .right a:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:hover, .darkbluebutton:hover, .greybutton:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover, .whitebutton:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:hover {
+ text-decoration : none !important ;
+ }
+ .bluebutton, .thirdSection .right a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a {
+ background-color : #0067b1;
+ }
+ .darkbluebutton {
+ background-color : #002f58;
+ text-align : left;
+ }
+ .darkbluebutton.arrowlink:after, .thirdSection .right a.darkbluebutton:after {
+ float : right;
+ }
+ .darkbluebutton.arrowlink:hover:after, .thirdSection .right a.darkbluebutton:hover:after {
+ padding-left : 30px;
+ }
+ .greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton {
+ background-color : #f5f5f5;
+ color : #333;
+ }
+ .greybutton:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover {
+ background-color : #0067b1;
+ color : #fff;
+ }
+ .whitebutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a {
+ background-color : #ffffff;
+ color : #333;
+ }
+ .arrowlink, .thirdSection .right a {
+ font-weight : 700;
+ text-decoration : none;
+ transition : all 0.5s;
+ }
+ .arrowlink:after, .thirdSection .right a:after {
+ font-family : 'FontAwesome';
+ content : "\f178";
+ padding-left : 5px;
+ font-size : 15px;
+ transition : all 0.7s;
+ display : inline-block;
+ }
+ .arrowlink:hover, .thirdSection .right a:hover {
+ text-decoration : none;
+ }
+ .arrowlink:hover:after, .thirdSection .right a:hover:after {
+ padding-left : 15px;
+ transition : all 0.5s;
+ }
+ .arrowlink.down:after, .thirdSection .right a.down:after {
+ content : "\f078";
+ vertical-align : bottom;
+ }
+ .arrowlink.down.active:after, .thirdSection .right a.down.active:after {
+ content : "\f077";
+ }
+ .keylink {
+ text-align : center;
+ color : #fff;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .keylink:before {
+ content : "\f084";
+ font-family : 'FontAwesome';
+ padding-right : 5px;
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ .downloadlink {
+ text-align : center;
+ font-weight : 700;
+ text-decoration : none;
+ transition : all 0.5s;
+ min-height : 54px;
+ }
+ .downloadlink:after {
+ font-family : 'FontAwesome';
+ content : "\f019";
+ padding-left : 5px;
+ font-size : 15px;
+ transition : all 0.5s;
+ }
+ .downloadlink:hover {
+ font-size : 18px;
+ }
+ .downloadlink:hover:after {
+ font-size : 17px;
+ transition : all 0.5s;
+ }
+ .buttonContainer {
+ text-align : center;
+ }
+ .versal {
+ text-transform : uppercase;
+ }
+ .cf:before, .inner:before, body.contact .contactMain:before, .ce-twoCol-Box .boxen:before, .ce-twoCol-Box .boxen.withFontAwesome:before, .ce-twoCol-Box .boxen.withoutFontAwesome:before, .ce-twoCol-Box .boxen.withOtherFontAwesome:before, .ce-twoCol-Box .boxen.withOtherFontAwesome div:before, .text-slide:before, .toggleContainer h3:before, .ce-threeBoxesWithOption:before, .ce-threeBoxesWithOption .inner div:before, .fontAwesome-list.twocol ul:before, .ce-os-bee:before, .ce-table:before, .service-formular:before, .service-formular .powermail_check_outer:before, .secondSection div.inner:before, .thirdSection:before, .thirdSection .inner:before, .newsletter:before, .newsletter .firstrow:before, .newsletter .secondrow:before, .newsletter .secondrow .inner:before, .ce-youtube-text:before, .ce-youtube-slider:before, .marketplace-wrapper:before, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:before, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:before, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:before, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:before, .marketplace-wrapper .mp-contentContainer .mp-filter ul:before, .marketplace-wrapper .mp-contentContainer .mp-content:before, .marketplace-wrapper .mp-contentContainer .mp-content article header:before, .marketplace-wrapper .mp-contentContainer .mp-content article footer:before, .mpdetail-content .mp-productInfo:before, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:before, .mpdetail-content .mp-productWrapper > ul:before, .tx-typo3forum-pi1 .forum_menu ul:before, .tx-typo3forum-pi1 .topic_list_menu ul:before, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #topic fieldset div:before, .tx-typo3forum-pi1 #post fieldset div:before, .tx-typo3forum-pi1 #report fieldset div:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:before, .ce-osbee-forum-singlepost:before, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:before, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:before, .blogSidebar .blog-subscribe .terms:before, .news-list-view .article:before, .news-list-view .news-content-wrap:before, .latest-news-container:before, .latest-news-container .startpage-latesnews:before, .latest-news-container .startpage-latesnews .news-img-wrap a:before, .shariff .orientation-horizontal:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:before, .tx-sy-osbeeproducts .os_cartSupport:before, .tx-sy-osbeeproducts .os_cartSupport > div .container:before, .tx-sy-osbeeproducts .os_carAppSupport:before, .tx-sy-osbeeproducts .os_carAppSupport > div .container:before, .tx-sy-osbeeproducts .checkoutOption:before, .tx-contentpackage-checkoutFormular div:before, .checkoutSteps:before, .tx-indexedsearch-browsebox:before, .tx-srfeuserregister-pi1 fieldset:before, .tx-srfeuserregister-pi1 fieldset .formwrap:before, .community-forum-news:before, .community-forum-news > .inner > div.news .latest-news-container:before, .zweispaltig-unterseiten-layout:before, header.header:before, header.header .topMeta:before, header.header .topMeta + div:before, header.header nav > ul:before, footer.footer div.inner.small:before, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:before, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:before, .ce-video:before, .ce-forum-latest-post:before, .ce-forum-latest-post > div:before, .ce-forum-latest-post > div div:before, .cf:after, .inner:after, body.contact .contactMain:after, .ce-twoCol-Box .boxen:after, .ce-twoCol-Box .boxen.withFontAwesome:after, .ce-twoCol-Box .boxen.withoutFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome div:after, .text-slide:after, .toggleContainer h3:after, .ce-threeBoxesWithOption:after, .ce-threeBoxesWithOption .inner div:after, .fontAwesome-list.twocol ul:after, .ce-os-bee:after, .ce-table:after, .service-formular:after, .service-formular .powermail_check_outer:after, .secondSection div.inner:after, .thirdSection:after, .thirdSection .inner:after, .newsletter:after, .newsletter .firstrow:after, .newsletter .secondrow:after, .newsletter .secondrow .inner:after, .ce-youtube-text:after, .ce-youtube-slider:after, .marketplace-wrapper:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:after, .marketplace-wrapper .mp-contentContainer .mp-filter ul:after, .marketplace-wrapper .mp-contentContainer .mp-content:after, .marketplace-wrapper .mp-contentContainer .mp-content article header:after, .marketplace-wrapper .mp-contentContainer .mp-content article footer:after, .mpdetail-content .mp-productInfo:after, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:after, .mpdetail-content .mp-productWrapper > ul:after, .tx-typo3forum-pi1 .forum_menu ul:after, .tx-typo3forum-pi1 .topic_list_menu ul:after, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #topic fieldset div:after, .tx-typo3forum-pi1 #post fieldset div:after, .tx-typo3forum-pi1 #report fieldset div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after, .ce-osbee-forum-singlepost:after, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after, .blogSidebar .blog-subscribe .terms:after, .news-list-view .article:after, .news-list-view .news-content-wrap:after, .latest-news-container:after, .latest-news-container .startpage-latesnews:after, .latest-news-container .startpage-latesnews .news-img-wrap a:after, .shariff .orientation-horizontal:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after, .tx-sy-osbeeproducts .os_cartSupport:after, .tx-sy-osbeeproducts .os_cartSupport > div .container:after, .tx-sy-osbeeproducts .os_carAppSupport:after, .tx-sy-osbeeproducts .os_carAppSupport > div .container:after, .tx-sy-osbeeproducts .checkoutOption:after, .tx-contentpackage-checkoutFormular div:after, .checkoutSteps:after, .tx-indexedsearch-browsebox:after, .tx-srfeuserregister-pi1 fieldset:after, .tx-srfeuserregister-pi1 fieldset .formwrap:after, .community-forum-news:after, .community-forum-news > .inner > div.news .latest-news-container:after, .zweispaltig-unterseiten-layout:after, header.header:after, header.header .topMeta:after, header.header .topMeta + div:after, header.header nav > ul:after, footer.footer div.inner.small:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after, .ce-video:after, .ce-forum-latest-post:after, .ce-forum-latest-post > div:after, .ce-forum-latest-post > div div:after {
+ content : " ";
+ display : table;
+ }
+ .cf:after, .inner:after, body.contact .contactMain:after, .ce-twoCol-Box .boxen:after, .ce-twoCol-Box .boxen.withFontAwesome:after, .ce-twoCol-Box .boxen.withoutFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome div:after, .text-slide:after, .toggleContainer h3:after, .ce-threeBoxesWithOption:after, .ce-threeBoxesWithOption .inner div:after, .fontAwesome-list.twocol ul:after, .ce-os-bee:after, .ce-table:after, .service-formular:after, .service-formular .powermail_check_outer:after, .secondSection div.inner:after, .thirdSection:after, .thirdSection .inner:after, .newsletter:after, .newsletter .firstrow:after, .newsletter .secondrow:after, .newsletter .secondrow .inner:after, .ce-youtube-text:after, .ce-youtube-slider:after, .marketplace-wrapper:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:after, .marketplace-wrapper .mp-contentContainer .mp-filter ul:after, .marketplace-wrapper .mp-contentContainer .mp-content:after, .marketplace-wrapper .mp-contentContainer .mp-content article header:after, .marketplace-wrapper .mp-contentContainer .mp-content article footer:after, .mpdetail-content .mp-productInfo:after, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:after, .mpdetail-content .mp-productWrapper > ul:after, .tx-typo3forum-pi1 .forum_menu ul:after, .tx-typo3forum-pi1 .topic_list_menu ul:after, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #topic fieldset div:after, .tx-typo3forum-pi1 #post fieldset div:after, .tx-typo3forum-pi1 #report fieldset div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after, .ce-osbee-forum-singlepost:after, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after, .blogSidebar .blog-subscribe .terms:after, .news-list-view .article:after, .news-list-view .news-content-wrap:after, .latest-news-container:after, .latest-news-container .startpage-latesnews:after, .latest-news-container .startpage-latesnews .news-img-wrap a:after, .shariff .orientation-horizontal:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after, .tx-sy-osbeeproducts .os_cartSupport:after, .tx-sy-osbeeproducts .os_cartSupport > div .container:after, .tx-sy-osbeeproducts .os_carAppSupport:after, .tx-sy-osbeeproducts .os_carAppSupport > div .container:after, .tx-sy-osbeeproducts .checkoutOption:after, .tx-contentpackage-checkoutFormular div:after, .checkoutSteps:after, .tx-indexedsearch-browsebox:after, .tx-srfeuserregister-pi1 fieldset:after, .tx-srfeuserregister-pi1 fieldset .formwrap:after, .community-forum-news:after, .community-forum-news > .inner > div.news .latest-news-container:after, .zweispaltig-unterseiten-layout:after, header.header:after, header.header .topMeta:after, header.header .topMeta + div:after, header.header nav > ul:after, footer.footer div.inner.small:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after, .ce-video:after, .ce-forum-latest-post:after, .ce-forum-latest-post > div:after, .ce-forum-latest-post > div div:after {
+ clear : both;
+ }
+ html {
+ margin : 0;
+ padding : 0;
+ font-size : 15px;
+ line-height : normal;
+ }
+ html * {
+ box-sizing : border-box;
+ font-family : "Open Sans", sans-serif;
+ }
+ body {
+ margin : 0;
+ padding : 0;
+ counter-reset : olliste;
+ }
+ section, main, footer, nav, aside, article {
+ display : block;
+ }
+ img {
+ height : auto;
+ max-width : 100%;
+ }
+ figure {
+ margin : 0;
+ padding : 0;
+ }
+ ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ ::-webkit-input-placeholder {
+ color : #333333;
+ opacity : 1 !important ;
+ }
+ :-moz-placeholder {
+ color : #333333;
+ }
+ ::-moz-placeholder {
+ color : #333333;
+ }
+ :-ms-input-placeholder {
+ color : #333333;
+ }
+ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
+ color : #333333;
+ opacity : 1 !important ;
+ }
+ input:-moz-placeholder, textarea:-moz-placeholder {
+ color : #333333;
+ }
+ input::-moz-placeholder, textarea::-moz-placeholder {
+ color : #333333;
+ }
+ input:-ms-input-placeholder, textarea:-ms-input-placeholder {
+ color : #333333;
+ }
+ .unorderedList li, .clients ul li, .ce-twoCol-Box .boxen.withFontAwesome > div ul li, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li, .text-slide .left ul li, .ce-Image-Text-Element .einspaltig ul li, .toggleContainer ul li, .ce-threeBoxesWithOption .inner div article ul li, .fontAwesome-list ul li ul li, .fontAwesome-list.twocol ul li ul li, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li, .ce-leftright > div figure + div ul li, .news ul li {
+ position : relative;
+ padding-left : 15px;
+ }
+ .unorderedList li:before, .clients ul li:before, .ce-twoCol-Box .boxen.withFontAwesome > div ul li:before, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li:before, .text-slide .left ul li:before, .ce-Image-Text-Element .einspaltig ul li:before, .toggleContainer ul li:before, .ce-threeBoxesWithOption .inner div article ul li:before, .fontAwesome-list ul li ul li:before, .fontAwesome-list.twocol ul li ul li:before, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li:before, .ce-leftright > div figure + div ul li:before, .news ul li:before {
+ content : "\f054";
+ content : "\f111";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ position : absolute;
+ top : 7px;
+ left : 0;
+ color : #be1622;
+ font-size : 6px;
+ }
+ .unorderedList li + li, .clients ul li + li, .ce-twoCol-Box .boxen.withFontAwesome > div ul li + li, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li + li, .text-slide .left ul li + li, .ce-Image-Text-Element .einspaltig ul li + li, .toggleContainer ul li + li, .ce-threeBoxesWithOption .inner div article ul li + li, .fontAwesome-list ul li ul li + li, .fontAwesome-list.twocol ul li ul li + li, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li + li, .ce-leftright > div figure + div ul li + li, .news ul li + li {
+ margin-top : 4px;
+ }
+ .unorderedList li ul, .clients ul li ul, .ce-twoCol-Box .boxen.withFontAwesome > div ul li ul, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li ul, .text-slide .left ul li ul, .ce-Image-Text-Element .einspaltig ul li ul, .toggleContainer ul li ul, .ce-threeBoxesWithOption .inner div article ul li ul, .fontAwesome-list ul li ul li ul, .fontAwesome-list.twocol ul li ul li ul, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li ul, .ce-leftright > div figure + div ul li ul, .news ul li ul {
+ margin-top : 5px;
+ }
+ .unorderedList + p, .clients ul + p, .ce-twoCol-Box .boxen.withFontAwesome > div ul + p, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul + p, .text-slide .left ul + p, .ce-Image-Text-Element .einspaltig ul + p, .toggleContainer ul + p, .ce-threeBoxesWithOption .inner div article ul + p, .fontAwesome-list ul li ul + p, .fontAwesome-list.twocol ul li ul + p, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul + p, .ce-leftright > div figure + div ul + p, .news ul + p, .unorderedList + ul, .clients ul + ul, .ce-twoCol-Box .boxen.withFontAwesome > div ul + ul, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul + ul, .text-slide .left ul + ul, .ce-Image-Text-Element .einspaltig ul + ul, .toggleContainer ul + ul, .ce-threeBoxesWithOption .inner div article ul + ul, .fontAwesome-list ul li ul + ul, .fontAwesome-list.twocol ul li ul + ul, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul + ul, .ce-leftright > div figure + div ul + ul, .news ul + ul {
+ margin-top : 15px;
+ }
+ .inner {
+ max-width : 1325px;
+ margin : 0 auto;
+ }
+ .inner.small, .tx-felogin-pi1 .tx-felogin-pi1-inner {
+ max-width : 1030px;
+ margin : 0 auto;
+ }
+ @media screen and (max-width:1100px) {
+ .inner.small, .tx-felogin-pi1 .tx-felogin-pi1-inner {
+ padding : 0 25px;
+ }
+ }
+ main {
+ overflow : hidden;
+ }
+ body.contact .contactMain {
+ max-width : 1030px;
+ margin : 0 auto 0 auto;
+ }
+ h1, h2, .ce-table table caption, h3 {
+ margin : 0;
+ font-size : inherit;
+ line-height : normal;
+ }
+ .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 {
+ font-family : "Quicksand", sans-serif;
+ font-size : 60px;
+ line-height : normal;
+ color : #333;
+ margin : 0 0 40px 0;
+ text-transform : uppercase;
+ font-weight : 300;
+ display : block;
+ }
+ @media screen and (max-width:1024px) {
+ .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 {
+ font-size : 45px;
+ margin-bottom : 30px;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 {
+ font-size : 35px;
+ margin-bottom : 25px;
+ }
+ }
+ @media screen and (max-width:640px) {
+ .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 {
+ font-size : 28px;
+ margin-bottom : 20px;
+ }
+ }
+ .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center {
+ font-family : "Quicksand", sans-serif;
+ font-size : 60px;
+ line-height : normal;
+ color : #333;
+ margin : 0 0 40px 0;
+ text-transform : uppercase;
+ text-align : center;
+ font-weight : 300;
+ display : block;
+ }
+ @media screen and (max-width:1024px) {
+ .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center {
+ font-size : 45px;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center {
+ font-size : 35px;
+ }
+ }
+ @media screen and (max-width:640px) {
+ .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center {
+ font-size : 28px;
+ }
+ }
+ .headlineH2Center, p.headlineH2Center, .service-formular fieldset .powermail_legend, .sliderContainer p.headlineH2Center, .latest-news-container h2, .latest-news-container .ce-table table caption, .ce-table table .latest-news-container caption, .mp-contentContainer.checkout h1 {
+ font-family : "Quicksand", sans-serif;
+ font-weight : 400;
+ text-transform : uppercase;
+ color : #333;
+ font-size : 24px;
+ line-height : normal;
+ text-align : center;
+ display : block;
+ margin : 0 0 15px 0;
+ }
+ .headlineH2Center:after, .service-formular fieldset .powermail_legend:after, .sliderContainer p.headlineH2Center:after, .latest-news-container h2:after, .latest-news-container .ce-table table caption:after, .ce-table table .latest-news-container caption:after, .mp-contentContainer.checkout h1:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px auto 0 auto;
+ }
+ .headlineH2, p.headlineH2, .sliderContainer p.headlineH2, .tx-typo3forum-pi1 #topic fieldset legend, .tx-typo3forum-pi1 #post fieldset legend, .tx-typo3forum-pi1 #report fieldset legend, .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption {
+ font-family : "Quicksand", sans-serif;
+ font-weight : 400;
+ text-transform : uppercase;
+ color : #333;
+ font-size : 24px;
+ line-height : normal;
+ display : block;
+ margin : 0 0 15px 0;
+ }
+ .headlineH2:after, .sliderContainer p.headlineH2:after, .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #report fieldset legend:after, .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px 0 0 0;
+ }
+ .headlineH2withoutUnderline, .headlineH2withoutUnderlineLeft, p.headlineH2withoutUnderline, .sliderContainer p.headlineH2withoutUnderline {
+ font-size : 36px;
+ line-height : normal;
+ font-family : "Quicksand", sans-serif;
+ font-weight : 400;
+ color : #fff;
+ display : block;
+ margin : 0 0 15px 0;
+ text-align : center;
+ }
+ .headlineH2withoutUnderlineLeft {
+ text-align : left;
+ }
+ .headlineH3, p.headlineH3, .sliderContainer p.headlineH3 {
+ font-weight : 700;
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ margin : 0 0 20px 0;
+ display : block;
+ }
+ .smallHeadlineWithUnderline, p.smallHeadlineWithUnderline, .sliderContainer p.smallHeadlineWithUnderline {
+ font-size : 18px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ margin-bottom : 20px;
+ }
+ .smallHeadlineWithUnderline:after, .sliderContainer p.smallHeadlineWithUnderline:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 5px 0 0 0;
+ }
+ a {
+ color : #0067b1;
+ text-decoration : none;
+ font-weight : 700;
+ }
+ a span {
+ color : inherit;
+ }
+ a:hover {
+ text-decoration : underline;
+ }
+ a.arrowlink:hover, .thirdSection .right a:hover {
+ text-decoration : underline !important ;
+ }
+ a.arrowlink:hover:after, .thirdSection .right a:hover:after {
+ text-decoration : none !important ;
+ }
+ a.button:hover {
+ text-decoration : none !important ;
+ }
+ a.button:hover span {
+ text-decoration : none !important ;
+ }
+ span a {
+ color : inherit;
+ }
+ .textlinkarrow:after, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:after, .ce-table table tr td a:after, .ce-leftright > div figure + div a:after, .ce-youtube-text .right a:after, .news-list-view .more:after {
+ content : "\f178";
+ transition : all 0.7s;
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ font-weight : 700;
+ font-family : 'FontAwesome';
+ padding-left : 5px;
+ transition : all 0.7s;
+ }
+ .textlinkarrow:hover, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:hover, .ce-table table tr td a:hover, .ce-leftright > div figure + div a:hover, .ce-youtube-text .right a:hover, .news-list-view .more:hover {
+ text-decoration : none;
+ }
+ .textlinkarrow:hover:after, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:hover:after, .ce-table table tr td a:hover:after, .ce-leftright > div figure + div a:hover:after, .ce-youtube-text .right a:hover:after, .news-list-view .more:hover:after {
+ padding-left : 10px;
+ }
+ .textlinkarrow.whitetextlinkarrow, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a.whitetextlinkarrow, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow .ce-leftright > div figure + div a, .ce-leftright > div figure + div .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a, .ce-table table tr td a.whitetextlinkarrow, .ce-leftright > div figure + div a, .ce-youtube-text .right a.whitetextlinkarrow, .ce-youtube-text .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .ce-youtube-text .right a, .news-list-view .whitetextlinkarrow.more, .news-list-view .ce-leftright > div figure + div a.more, .ce-leftright > div figure + div .news-list-view a.more {
+ color : #fff;
+ }
+ h1, h2, .ce-table table caption, h3, h4, h5, h6 {
+ font-size : 15px;
+ line-height : normal;
+ margin : 0;
+ font-weight : 400;
+ }
+ p {
+ font-size : 15px;
+ line-height : normal;
+ margin : 0;
+ }
+ p + p, p + ul, p + ol {
+ margin-top : 15px;
+ }
+ p + h1, p + h2, .ce-table table p + caption, p + h3, p + .headlineH3, .sliderContainer p + p.headlineH3, p + .headlineH2withoutUnderline, p + .headlineH2withoutUnderlineLeft, .sliderContainer p + p.headlineH2withoutUnderline, p + .smallHeadlineWithUnderline, .sliderContainer p + p.smallHeadlineWithUnderline, p + .headlineH2, .sliderContainer p + p.headlineH2, .tx-typo3forum-pi1 #topic fieldset p + legend, .tx-typo3forum-pi1 #post fieldset p + legend, .tx-typo3forum-pi1 #report fieldset p + legend, .mp-contentContainer.checkout .checkout_paymentOption p + h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table p + caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption p + caption, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > p + h2, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > p + caption, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > p + caption, p + .headlineH2Center, .service-formular fieldset p + .powermail_legend, .sliderContainer p + p.headlineH2Center, .latest-news-container p + h2, .latest-news-container .ce-table table p + caption, .ce-table table .latest-news-container p + caption, .mp-contentContainer.checkout p + h1, p + .headlineH1Center, .sliderContainer p + p.headlineH1Center, p + .headlineH1, .sliderContainer p + p.headlineH1, p + .headlineH2withoutUnderline, p + .headlineH2withoutUnderlineLeft, .sliderContainer p + p.headlineH2withoutUnderline {
+ margin-top : 25px;
+ }
+ p i {
+ font-style : italic;
+ }
+ p.bigText {
+ font-size : 18px;
+ line-height : normal;
+ }
+ p.bigText a {
+ font-size : 18px;
+ line-height : normal;
+ }
+ p.centeralign, p.align-center {
+ text-align : center;
+ }
+ p.leftalign, p.align-left {
+ text-align : left;
+ }
+ p.rightalign, p.align-right {
+ text-align : right;
+ }
+ ul li {
+ font-size : 15px;
+ line-height : normal;
+ }
+ a {
+ font-size : 15px;
+ line-height : normal;
+ }
+ .bigText {
+ font-size : 18px;
+ line-height : normal;
+ }
+ .centeralign, .align-center {
+ text-align : center;
+ }
+ .leftalign {
+ text-align : left;
+ }
+ .rightalign {
+ text-align : right;
+ }
+ .hvr-grow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
+ transform : scale(1.1);
+ }
+ .hvr-shrink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
+ transform : scale(0.9);
+ }
+ @keyframes hvr-pulse {
+ 25% {
+ transform : scale(1.1);
+ }
+ 75% {
+ transform : scale(0.9);
+ }
+ }
+ .hvr-pulse {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
+ animation-name : hvr-pulse;
+ animation-duration : 1s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ }
+ @keyframes hvr-pulse-grow {
+ to {
+ transform : scale(1.1);
+ }
+ }
+ .hvr-pulse-grow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
+ animation-name : hvr-pulse-grow;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ animation-direction : alternate;
+ }
+ @keyframes hvr-pulse-shrink {
+ to {
+ transform : scale(0.9);
+ }
+ }
+ .hvr-pulse-shrink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
+ animation-name : hvr-pulse-shrink;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ animation-direction : alternate;
+ }
+ @keyframes hvr-push {
+ 50% {
+ transform : scale(0.8);
+ }
+ 100% {
+ transform : scale(1);
+ }
+ }
+ .hvr-push {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-push:hover, .hvr-push:focus, .hvr-push:active {
+ animation-name : hvr-push;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-pop {
+ 50% {
+ transform : scale(1.2);
+ }
+ }
+ .hvr-pop {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
+ animation-name : hvr-pop;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ .hvr-bounce-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
+ transform : scale(1.2);
+ transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36);
+ }
+ .hvr-bounce-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
+ transform : scale(0.8);
+ transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36);
+ }
+ .hvr-rotate {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
+ transform : rotate(4deg);
+ }
+ .hvr-grow-rotate {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
+ transform : scale(1.1) rotate(4deg);
+ }
+ .hvr-float {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-float:hover, .hvr-float:focus, .hvr-float:active {
+ transform : translateY(-8px);
+ }
+ .hvr-sink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
+ transform : translateY(8px);
+ }
+ @keyframes hvr-bob {
+ 0% {
+ transform : translateY(-8px);
+ }
+ 50% {
+ transform : translateY(-4px);
+ }
+ 100% {
+ transform : translateY(-8px);
+ }
+ }
+ @keyframes hvr-bob-float {
+ 100% {
+ transform : translateY(-8px);
+ }
+ }
+ .hvr-bob {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
+ animation-name : hvr-bob-float, hvr-bob;
+ animation-duration : 0.3s, 1.5s;
+ animation-delay : 0s, 0.3s;
+ animation-timing-function : ease-out, ease-in-out;
+ animation-iteration-count : 1, infinite;
+ animation-fill-mode : forwards;
+ animation-direction : normal, alternate;
+ }
+ @keyframes hvr-hang {
+ 0% {
+ transform : translateY(8px);
+ }
+ 50% {
+ transform : translateY(4px);
+ }
+ 100% {
+ transform : translateY(8px);
+ }
+ }
+ @keyframes hvr-hang-sink {
+ 100% {
+ transform : translateY(8px);
+ }
+ }
+ .hvr-hang {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
+ animation-name : hvr-hang-sink, hvr-hang;
+ animation-duration : 0.3s, 1.5s;
+ animation-delay : 0s, 0.3s;
+ animation-timing-function : ease-out, ease-in-out;
+ animation-iteration-count : 1, infinite;
+ animation-fill-mode : forwards;
+ animation-direction : normal, alternate;
+ }
+ .hvr-skew {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
+ transform : skew(-10deg);
+ }
+ .hvr-skew-forward {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transform-origin : 0 100%;
+ }
+ .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
+ transform : skew(-10deg);
+ }
+ .hvr-skew-backward {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transform-origin : 0 100%;
+ }
+ .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
+ transform : skew(10deg);
+ }
+ @keyframes hvr-wobble-vertical {
+ 16.65% {
+ transform : translateY(8px);
+ }
+ 33.3% {
+ transform : translateY(-6px);
+ }
+ 49.95% {
+ transform : translateY(4px);
+ }
+ 66.6% {
+ transform : translateY(-2px);
+ }
+ 83.25% {
+ transform : translateY(1px);
+ }
+ 100% {
+ transform : translateY(0);
+ }
+ }
+ .hvr-wobble-vertical {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
+ animation-name : hvr-wobble-vertical;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-horizontal {
+ 16.65% {
+ transform : translateX(8px);
+ }
+ 33.3% {
+ transform : translateX(-6px);
+ }
+ 49.95% {
+ transform : translateX(4px);
+ }
+ 66.6% {
+ transform : translateX(-2px);
+ }
+ 83.25% {
+ transform : translateX(1px);
+ }
+ 100% {
+ transform : translateX(0);
+ }
+ }
+ .hvr-wobble-horizontal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
+ animation-name : hvr-wobble-horizontal;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-to-bottom-right {
+ 16.65% {
+ transform : translate(8px,8px);
+ }
+ 33.3% {
+ transform : translate(-6px,-6px);
+ }
+ 49.95% {
+ transform : translate(4px,4px);
+ }
+ 66.6% {
+ transform : translate(-2px,-2px);
+ }
+ 83.25% {
+ transform : translate(1px,1px);
+ }
+ 100% {
+ transform : translate(0,0);
+ }
+ }
+ .hvr-wobble-to-bottom-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
+ animation-name : hvr-wobble-to-bottom-right;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-to-top-right {
+ 16.65% {
+ transform : translate(8px,-8px);
+ }
+ 33.3% {
+ transform : translate(-6px,6px);
+ }
+ 49.95% {
+ transform : translate(4px,-4px);
+ }
+ 66.6% {
+ transform : translate(-2px,2px);
+ }
+ 83.25% {
+ transform : translate(1px,-1px);
+ }
+ 100% {
+ transform : translate(0,0);
+ }
+ }
+ .hvr-wobble-to-top-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
+ animation-name : hvr-wobble-to-top-right;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-top {
+ 16.65% {
+ transform : skew(-12deg);
+ }
+ 33.3% {
+ transform : skew(10deg);
+ }
+ 49.95% {
+ transform : skew(-6deg);
+ }
+ 66.6% {
+ transform : skew(4deg);
+ }
+ 83.25% {
+ transform : skew(-2deg);
+ }
+ 100% {
+ transform : skew(0);
+ }
+ }
+ .hvr-wobble-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transform-origin : 0 100%;
+ }
+ .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
+ animation-name : hvr-wobble-top;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-bottom {
+ 16.65% {
+ transform : skew(-12deg);
+ }
+ 33.3% {
+ transform : skew(10deg);
+ }
+ 49.95% {
+ transform : skew(-6deg);
+ }
+ 66.6% {
+ transform : skew(4deg);
+ }
+ 83.25% {
+ transform : skew(-2deg);
+ }
+ 100% {
+ transform : skew(0);
+ }
+ }
+ .hvr-wobble-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transform-origin : 100% 0;
+ }
+ .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
+ animation-name : hvr-wobble-bottom;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-skew {
+ 16.65% {
+ transform : skew(-12deg);
+ }
+ 33.3% {
+ transform : skew(10deg);
+ }
+ 49.95% {
+ transform : skew(-6deg);
+ }
+ 66.6% {
+ transform : skew(4deg);
+ }
+ 83.25% {
+ transform : skew(-2deg);
+ }
+ 100% {
+ transform : skew(0);
+ }
+ }
+ .hvr-wobble-skew {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
+ animation-name : hvr-wobble-skew;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-buzz {
+ 50% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 100% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ }
+ .hvr-buzz {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
+ animation-name : hvr-buzz;
+ animation-duration : 0.15s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ }
+ @keyframes hvr-buzz-out {
+ 10% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 20% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ 30% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 40% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ 50% {
+ transform : translateX(2px) rotate(1deg);
+ }
+ 60% {
+ transform : translateX(-2px) rotate(-1deg);
+ }
+ 70% {
+ transform : translateX(2px) rotate(1deg);
+ }
+ 80% {
+ transform : translateX(-2px) rotate(-1deg);
+ }
+ 90% {
+ transform : translateX(1px) rotate(0);
+ }
+ 100% {
+ transform : translateX(-1px) rotate(0);
+ }
+ }
+ .hvr-buzz-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
+ animation-name : hvr-buzz-out;
+ animation-duration : 0.75s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ .hvr-fade {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ overflow : hidden;
+ transition-duration : 0.3s;
+ transition-property : color, background-color;
+ }
+ .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
+ background-color : #2098d1;
+ color : white;
+ }
+ @keyframes hvr-back-pulse {
+ 50% {
+ background-color : rgba(32, 152, 209, 0.75);
+ }
+ }
+ .hvr-back-pulse {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ overflow : hidden;
+ transition-duration : 0.5s;
+ transition-property : color, background-color;
+ }
+ .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
+ animation-name : hvr-back-pulse;
+ animation-duration : 1s;
+ animation-delay : 0.5s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ background-color : #2098d1;
+ background-color : #2098d1;
+ color : white;
+ }
+ .hvr-sweep-to-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-sweep-to-right:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 0 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
+ color : white;
+ }
+ .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
+ transform : scaleX(1);
+ }
+ .hvr-sweep-to-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-sweep-to-left:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 100% 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
+ color : white;
+ }
+ .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
+ transform : scaleX(1);
+ }
+ .hvr-sweep-to-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-sweep-to-bottom:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50% 0;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
+ color : white;
+ }
+ .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
+ transform : scaleY(1);
+ }
+ .hvr-sweep-to-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-sweep-to-top:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50% 100%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
+ color : white;
+ }
+ .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
+ transform : scaleY(1);
+ }
+ .hvr-bounce-to-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-to-right:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 0 50%;
+ transition-property : transform;
+ transition-duration : 0.5s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
+ color : white;
+ }
+ .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
+ transform : scaleX(1);
+ transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-bounce-to-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-to-left:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 100% 50%;
+ transition-property : transform;
+ transition-duration : 0.5s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
+ color : white;
+ }
+ .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
+ transform : scaleX(1);
+ transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-bounce-to-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-to-bottom:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50% 0;
+ transition-property : transform;
+ transition-duration : 0.5s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
+ color : white;
+ }
+ .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
+ transform : scaleY(1);
+ transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-bounce-to-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-to-top:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50% 100%;
+ transition-property : transform;
+ transition-duration : 0.5s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
+ color : white;
+ }
+ .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
+ transform : scaleY(1);
+ transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-radial-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ background : #e1e1e1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-radial-out:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ border-radius : 100%;
+ transform : scale(0);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
+ color : white;
+ }
+ .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
+ transform : scale(2);
+ }
+ .hvr-radial-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ background : #2098d1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-radial-in:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #e1e1e1;
+ border-radius : 100%;
+ transform : scale(2);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
+ color : white;
+ }
+ .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
+ transform : scale(0);
+ }
+ .hvr-rectangle-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #2098d1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-rectangle-in:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #e1e1e1;
+ transform : scale(1);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
+ color : white;
+ }
+ .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
+ transform : scale(0);
+ }
+ .hvr-rectangle-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #e1e1e1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-rectangle-out:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scale(0);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
+ color : white;
+ }
+ .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
+ transform : scale(1);
+ }
+ .hvr-shutter-in-horizontal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #2098d1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-shutter-in-horizontal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ bottom : 0;
+ left : 0;
+ right : 0;
+ background : #e1e1e1;
+ transform : scaleX(1);
+ transform-origin : 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
+ color : white;
+ }
+ .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
+ transform : scaleX(0);
+ }
+ .hvr-shutter-out-horizontal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #e1e1e1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-shutter-out-horizontal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ bottom : 0;
+ left : 0;
+ right : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
+ color : white;
+ }
+ .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
+ transform : scaleX(1);
+ }
+ .hvr-shutter-in-vertical {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #2098d1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-shutter-in-vertical:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ bottom : 0;
+ left : 0;
+ right : 0;
+ background : #e1e1e1;
+ transform : scaleY(1);
+ transform-origin : 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
+ color : white;
+ }
+ .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
+ transform : scaleY(0);
+ }
+ .hvr-shutter-out-vertical {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #e1e1e1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-shutter-out-vertical:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ bottom : 0;
+ left : 0;
+ right : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
+ color : white;
+ }
+ .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
+ transform : scaleY(1);
+ }
+ .hvr-border-fade {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ box-shadow : 0 0 0 4px #e1e1e1 inset, 0 0 1px transparent;
+ }
+ .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
+ box-shadow : 0 0 0 4px #2098d1 inset, 0 0 1px transparent;
+ }
+ .hvr-hollow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : background;
+ box-shadow : 0 0 0 4px #e1e1e1 inset, 0 0 1px transparent;
+ }
+ .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
+ background : none;
+ }
+ .hvr-trim {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-trim:before {
+ content : '';
+ position : absolute;
+ border : white solid 4px;
+ top : 4px;
+ left : 4px;
+ right : 4px;
+ bottom : 4px;
+ opacity : 0;
+ transition-duration : 0.3s;
+ transition-property : opacity;
+ }
+ .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
+ opacity : 1;
+ }
+ @keyframes hvr-ripple-out {
+ 100% {
+ top : -12px;
+ right : -12px;
+ bottom : -12px;
+ left : -12px;
+ opacity : 0;
+ }
+ }
+ .hvr-ripple-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-ripple-out:before {
+ content : '';
+ position : absolute;
+ border : #e1e1e1 solid 6px;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ animation-duration : 1s;
+ }
+ .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
+ animation-name : hvr-ripple-out;
+ }
+ @keyframes hvr-ripple-in {
+ 100% {
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ opacity : 1;
+ }
+ }
+ .hvr-ripple-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-ripple-in:before {
+ content : '';
+ position : absolute;
+ border : #e1e1e1 solid 4px;
+ top : -12px;
+ right : -12px;
+ bottom : -12px;
+ left : -12px;
+ opacity : 0;
+ animation-duration : 1s;
+ }
+ .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
+ animation-name : hvr-ripple-in;
+ }
+ .hvr-outline-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-outline-out:before {
+ content : '';
+ position : absolute;
+ border : #e1e1e1 solid 4px;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ transition-duration : 0.3s;
+ transition-property : top, right, bottom, left;
+ }
+ .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
+ top : -8px;
+ right : -8px;
+ bottom : -8px;
+ left : -8px;
+ }
+ .hvr-outline-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-outline-in:before {
+ content : '';
+ position : absolute;
+ border : #e1e1e1 solid 4px;
+ top : -16px;
+ right : -16px;
+ bottom : -16px;
+ left : -16px;
+ opacity : 0;
+ transition-duration : 0.3s;
+ transition-property : top, right, bottom, left;
+ }
+ .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
+ top : -8px;
+ right : -8px;
+ bottom : -8px;
+ left : -8px;
+ opacity : 1;
+ }
+ .hvr-round-corners {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : border-radius;
+ }
+ .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
+ border-radius : 1em;
+ }
+ .hvr-underline-from-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-underline-from-left:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 100%;
+ bottom : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : right;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
+ right : 0;
+ }
+ .hvr-underline-from-center {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-underline-from-center:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 50%;
+ right : 50%;
+ bottom : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : left, right;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
+ left : 0;
+ right : 0;
+ }
+ .hvr-underline-from-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-underline-from-right:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 100%;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : left;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
+ left : 0;
+ }
+ .hvr-overline-from-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-overline-from-left:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 100%;
+ top : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : right;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
+ right : 0;
+ }
+ .hvr-overline-from-center {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-overline-from-center:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 50%;
+ right : 50%;
+ top : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : left, right;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
+ left : 0;
+ right : 0;
+ }
+ .hvr-overline-from-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-overline-from-right:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 100%;
+ right : 0;
+ top : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : left;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
+ left : 0;
+ }
+ .hvr-reveal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-reveal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 0;
+ top : 0;
+ bottom : 0;
+ border-color : #2098d1;
+ border-style : solid;
+ border-width : 0;
+ transition-property : border-width;
+ transition-duration : 0.1s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
+ transform : translateY(0);
+ border-width : 4px;
+ }
+ .hvr-underline-reveal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-underline-reveal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ height : 4px;
+ transform : translateY(4px);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
+ transform : translateY(0);
+ }
+ .hvr-overline-reveal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-overline-reveal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 0;
+ top : 0;
+ background : #2098d1;
+ height : 4px;
+ transform : translateY(-4px);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
+ transform : translateY(0);
+ }
+ .hvr-glow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ }
+ .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
+ box-shadow : 0 0 8px rgba(0, 0, 0, 0.6);
+ }
+ .hvr-shadow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ }
+ .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
+ box-shadow : 0 10px 10px -10px rgba(0, 0, 0, 0.5);
+ }
+ .hvr-grow-shadow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow, transform;
+ }
+ .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
+ box-shadow : 0 10px 10px -10px rgba(0, 0, 0, 0.5);
+ transform : scale(1.1);
+ }
+ .hvr-box-shadow-outset {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ }
+ .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
+ box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6);
+ }
+ .hvr-box-shadow-inset {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ box-shadow : 0 0 0 rgba(0, 0, 0, 0.6) inset, 0 0 1px transparent;
+ }
+ .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
+ box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6) inset, 0 0 1px transparent;
+ }
+ .hvr-float-shadow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-float-shadow:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ top : 100%;
+ left : 5%;
+ height : 10px;
+ width : 90%;
+ opacity : 0;
+ background : radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
+ transition-duration : 0.3s;
+ transition-property : transform, opacity;
+ }
+ .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
+ transform : translateY(-5px);
+ }
+ .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
+ opacity : 1;
+ transform : translateY(5px);
+ }
+ .hvr-shadow-radial {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-shadow-radial:before, .hvr-shadow-radial:after {
+ position : absolute;
+ content : '';
+ left : 0;
+ width : 100%;
+ box-sizing : border-box;
+ background-repeat : no-repeat;
+ height : 5px;
+ opacity : 0;
+ transition-duration : 0.3s;
+ transition-property : opacity;
+ }
+ .hvr-shadow-radial:before {
+ bottom : 100%;
+ background : radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
+ }
+ .hvr-shadow-radial:after {
+ top : 100%;
+ background : radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
+ }
+ .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
+ opacity : 1;
+ }
+ .hvr-bubble-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-bubble-top:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ border-style : solid;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ left : calc(50% - 10px);
+ top : 0;
+ border-width : 0 10px 10px 10px;
+ border-color : transparent transparent #e1e1e1 transparent;
+ }
+ .hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
+ transform : translateY(-10px);
+ }
+ .hvr-bubble-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-bubble-right:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ border-style : solid;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ top : calc(50% - 10px);
+ right : 0;
+ border-width : 10px 0 10px 10px;
+ border-color : transparent transparent transparent #e1e1e1;
+ }
+ .hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
+ transform : translateX(10px);
+ }
+ .hvr-bubble-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-bubble-bottom:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ border-style : solid;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ left : calc(50% - 10px);
+ bottom : 0;
+ border-width : 10px 10px 0 10px;
+ border-color : #e1e1e1 transparent transparent transparent;
+ }
+ .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
+ transform : translateY(10px);
+ }
+ .hvr-bubble-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-bubble-left:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ border-style : solid;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ top : calc(50% - 10px);
+ left : 0;
+ border-width : 10px 10px 10px 0;
+ border-color : transparent #e1e1e1 transparent transparent;
+ }
+ .hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
+ transform : translateX(-10px);
+ }
+ .hvr-bubble-float-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-top:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ left : calc(50% - 10px);
+ top : 0;
+ border-style : solid;
+ border-width : 0 10px 10px 10px;
+ border-color : transparent transparent #e1e1e1 transparent;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
+ transform : translateY(10px);
+ }
+ .hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
+ transform : translateY(-10px);
+ }
+ .hvr-bubble-float-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-right:before {
+ position : absolute;
+ z-index : -1;
+ top : calc(50% - 10px);
+ right : 0;
+ content : '';
+ border-style : solid;
+ border-width : 10px 0 10px 10px;
+ border-color : transparent transparent transparent #e1e1e1;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
+ transform : translateX(-10px);
+ }
+ .hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
+ transform : translateX(10px);
+ }
+ .hvr-bubble-float-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-bottom:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ left : calc(50% - 10px);
+ bottom : 0;
+ border-style : solid;
+ border-width : 10px 10px 0 10px;
+ border-color : #e1e1e1 transparent transparent transparent;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
+ transform : translateY(-10px);
+ }
+ .hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
+ transform : translateY(10px);
+ }
+ .hvr-bubble-float-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-left:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ top : calc(50% - 10px);
+ left : 0;
+ border-style : solid;
+ border-width : 10px 10px 10px 0;
+ border-color : transparent #e1e1e1 transparent transparent;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
+ transform : translateX(10px);
+ }
+ .hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
+ transform : translateX(-10px);
+ }
+ .hvr-icon-back {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-left : 2.2em;
+ transition-duration : 0.1s;
+ }
+ .hvr-icon-back:before {
+ content : "\f137";
+ position : absolute;
+ left : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.1s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
+ transform : translateX(-4px);
+ }
+ .hvr-icon-forward {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.1s;
+ }
+ .hvr-icon-forward:before {
+ content : "\f138";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.1s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
+ transform : translateX(4px);
+ }
+ @keyframes hvr-icon-down {
+ 0%, 50%, 100% {
+ transform : translateY(0);
+ }
+ 25%, 75% {
+ transform : translateY(6px);
+ }
+ }
+ .hvr-icon-down {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-down:before {
+ content : "\f01a";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {
+ animation-name : hvr-icon-down;
+ animation-duration : 0.75s;
+ animation-timing-function : ease-out;
+ }
+ @keyframes hvr-icon-up {
+ 0%, 50%, 100% {
+ transform : translateY(0);
+ }
+ 25%, 75% {
+ transform : translateY(-6px);
+ }
+ }
+ .hvr-icon-up {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-up:before {
+ content : "\f01b";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before {
+ animation-name : hvr-icon-up;
+ animation-duration : 0.75s;
+ animation-timing-function : ease-out;
+ }
+ .hvr-icon-spin {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-spin:before {
+ content : "\f021";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transition-duration : 1s;
+ transition-property : transform;
+ transition-timing-function : ease-in-out;
+ }
+ .hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {
+ transform : rotate(360deg);
+ }
+ @keyframes hvr-icon-drop {
+ 0% {
+ opacity : 0;
+ }
+ 50% {
+ opacity : 0;
+ transform : translateY(-100%);
+ }
+ 51%, 100% {
+ opacity : 1;
+ }
+ }
+ .hvr-icon-drop {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-drop:before {
+ content : "\f041";
+ position : absolute;
+ right : 1em;
+ opacity : 1;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
+ opacity : 0;
+ transition-duration : 0.3s;
+ animation-name : hvr-icon-drop;
+ animation-duration : 0.5s;
+ animation-delay : 0.3s;
+ animation-fill-mode : forwards;
+ animation-timing-function : ease-in-out;
+ animation-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-icon-fade {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-fade:before {
+ content : "\f00c";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.5s;
+ transition-property : color;
+ }
+ .hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {
+ color : #0F9E5E;
+ }
+ @keyframes hvr-icon-float-away {
+ 0% {
+ opacity : 1;
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(-1em);
+ }
+ }
+ .hvr-icon-float-away {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-float-away:before, .hvr-icon-float-away:after {
+ content : "\f055";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ }
+ .hvr-icon-float-away:after {
+ opacity : 0;
+ animation-duration : 0.5s;
+ animation-fill-mode : forwards;
+ }
+ .hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after {
+ animation-name : hvr-icon-float-away;
+ animation-timing-function : ease-out;
+ }
+ @keyframes hvr-icon-sink-away {
+ 0% {
+ opacity : 1;
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(1em);
+ }
+ }
+ .hvr-icon-sink-away {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
+ content : "\f056";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-sink-away:after {
+ opacity : 0;
+ animation-duration : 0.5s;
+ animation-fill-mode : forwards;
+ }
+ .hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {
+ animation-name : hvr-icon-sink-away;
+ animation-timing-function : ease-out;
+ }
+ .hvr-icon-grow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-grow:before {
+ content : "\f118";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before {
+ transform : scale(1.3) translateZ(0);
+ }
+ .hvr-icon-shrink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-shrink:before {
+ content : "\f119";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before {
+ transform : scale(0.8);
+ }
+ @keyframes hvr-icon-pulse {
+ 25% {
+ transform : scale(1.3);
+ }
+ 75% {
+ transform : scale(0.8);
+ }
+ }
+ .hvr-icon-pulse {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-pulse:before {
+ content : "\f015";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before {
+ animation-name : hvr-icon-pulse;
+ animation-duration : 1s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ }
+ @keyframes hvr-icon-pulse-grow {
+ to {
+ transform : scale(1.3);
+ }
+ }
+ .hvr-icon-pulse-grow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-pulse-grow:before {
+ content : "\f015";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {
+ animation-name : hvr-icon-pulse-grow;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ animation-direction : alternate;
+ }
+ @keyframes hvr-icon-pulse-shrink {
+ to {
+ transform : scale(0.8);
+ }
+ }
+ .hvr-icon-pulse-shrink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-pulse-shrink:before {
+ content : "\f015";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before {
+ animation-name : hvr-icon-pulse-shrink;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ animation-direction : alternate;
+ }
+ @keyframes hvr-icon-push {
+ 50% {
+ transform : scale(0.5);
+ }
+ }
+ .hvr-icon-push {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-push:before {
+ content : "\f006";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before {
+ animation-name : hvr-icon-push;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-icon-pop {
+ 50% {
+ transform : scale(1.5);
+ }
+ }
+ .hvr-icon-pop {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-pop:before {
+ content : "\f005";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before {
+ animation-name : hvr-icon-pop;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ .hvr-icon-bounce {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-bounce:before {
+ content : "\f087";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
+ transform : scale(1.5);
+ transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36);
+ }
+ .hvr-icon-rotate {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-rotate:before {
+ content : "\f0c6";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
+ transform : rotate(20deg);
+ }
+ .hvr-icon-grow-rotate {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-grow-rotate:before {
+ content : "\f095";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before {
+ transform : scale(1.5) rotate(12deg);
+ }
+ .hvr-icon-float {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-float:before {
+ content : "\f01b";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {
+ transform : translateY(-4px);
+ }
+ .hvr-icon-sink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-sink:before {
+ content : "\f01a";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before {
+ transform : translateY(4px);
+ }
+ @keyframes hvr-icon-bob {
+ 0% {
+ transform : translateY(-6px);
+ }
+ 50% {
+ transform : translateY(-2px);
+ }
+ 100% {
+ transform : translateY(-6px);
+ }
+ }
+ @keyframes hvr-icon-bob-float {
+ 100% {
+ transform : translateY(-6px);
+ }
+ }
+ .hvr-icon-bob {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-bob:before {
+ content : "\f077";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
+ animation-name : hvr-icon-bob-float, hvr-icon-bob;
+ animation-duration : 0.3s, 1.5s;
+ animation-delay : 0s, 0.3s;
+ animation-timing-function : ease-out, ease-in-out;
+ animation-iteration-count : 1, infinite;
+ animation-fill-mode : forwards;
+ animation-direction : normal, alternate;
+ }
+ @keyframes hvr-icon-hang {
+ 0% {
+ transform : translateY(6px);
+ }
+ 50% {
+ transform : translateY(2px);
+ }
+ 100% {
+ transform : translateY(6px);
+ }
+ }
+ @keyframes hvr-icon-hang-sink {
+ 100% {
+ transform : translateY(6px);
+ }
+ }
+ .hvr-icon-hang {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-hang:before {
+ content : "\f078";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {
+ animation-name : hvr-icon-hang-sink, hvr-icon-hang;
+ animation-duration : 0.3s, 1.5s;
+ animation-delay : 0s, 0.3s;
+ animation-timing-function : ease-out, ease-in-out;
+ animation-iteration-count : 1, infinite;
+ animation-fill-mode : forwards;
+ animation-direction : normal, alternate;
+ }
+ @keyframes hvr-icon-wobble-horizontal {
+ 16.65% {
+ transform : translateX(6px);
+ }
+ 33.3% {
+ transform : translateX(-5px);
+ }
+ 49.95% {
+ transform : translateX(4px);
+ }
+ 66.6% {
+ transform : translateX(-2px);
+ }
+ 83.25% {
+ transform : translateX(1px);
+ }
+ 100% {
+ transform : translateX(0);
+ }
+ }
+ .hvr-icon-wobble-horizontal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-wobble-horizontal:before {
+ content : "\f061";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
+ animation-name : hvr-icon-wobble-horizontal;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-icon-wobble-vertical {
+ 16.65% {
+ transform : translateY(6px);
+ }
+ 33.3% {
+ transform : translateY(-5px);
+ }
+ 49.95% {
+ transform : translateY(4px);
+ }
+ 66.6% {
+ transform : translateY(-2px);
+ }
+ 83.25% {
+ transform : translateY(1px);
+ }
+ 100% {
+ transform : translateY(0);
+ }
+ }
+ .hvr-icon-wobble-vertical {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-wobble-vertical:before {
+ content : "\f062";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before {
+ animation-name : hvr-icon-wobble-vertical;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-icon-buzz {
+ 50% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 100% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ }
+ .hvr-icon-buzz {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-buzz:before {
+ content : "\f017";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before {
+ animation-name : hvr-icon-buzz;
+ animation-duration : 0.15s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ }
+ @keyframes hvr-icon-buzz-out {
+ 10% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 20% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ 30% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 40% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ 50% {
+ transform : translateX(2px) rotate(1deg);
+ }
+ 60% {
+ transform : translateX(-2px) rotate(-1deg);
+ }
+ 70% {
+ transform : translateX(2px) rotate(1deg);
+ }
+ 80% {
+ transform : translateX(-2px) rotate(-1deg);
+ }
+ 90% {
+ transform : translateX(1px) rotate(0);
+ }
+ 100% {
+ transform : translateX(-1px) rotate(0);
+ }
+ }
+ .hvr-icon-buzz-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-buzz-out:before {
+ content : "\f023";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before {
+ animation-name : hvr-icon-buzz-out;
+ animation-duration : 0.75s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ .hvr-curl-top-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-curl-top-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-curl-top-right:before {
+ position : absolute;
+ content : '';
+ height : 0;
+ width : 0;
+ top : 0;
+ right : 0;
+ background : white;
+ background : linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
+ box-shadow : -1px 1px 1px rgba(0, 0, 0, 0.4);
+ transition-duration : 0.3s;
+ transition-property : width, height;
+ }
+ .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
+ width : 25px;
+ height : 25px;
+ }
+ .hvr-curl-bottom-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-curl-bottom-right:before {
+ position : absolute;
+ content : '';
+ height : 0;
+ width : 0;
+ bottom : 0;
+ right : 0;
+ background : white;
+ background : linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
+ box-shadow : -1px -1px 1px rgba(0, 0, 0, 0.4);
+ transition-duration : 0.3s;
+ transition-property : width, height;
+ }
+ .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
+ width : 25px;
+ height : 25px;
+ }
+ .hvr-curl-bottom-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-curl-bottom-left:before {
+ position : absolute;
+ content : '';
+ height : 0;
+ width : 0;
+ bottom : 0;
+ left : 0;
+ background : white;
+ background : linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
+ box-shadow : 1px -1px 1px rgba(0, 0, 0, 0.4);
+ transition-duration : 0.3s;
+ transition-property : width, height;
+ }
+ .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
+ width : 25px;
+ height : 25px;
+ }
+ .swiper-container {
+ margin : 0 auto;
+ position : relative;
+ overflow : hidden;
+ z-index : 1;
+ }
+ .swiper-container-no-flexbox .swiper-slide {
+ float : left;
+ }
+ .swiper-container-vertical > .swiper-wrapper {
+ flex-direction : column;
+ }
+ .swiper-wrapper {
+ position : relative;
+ width : 100%;
+ height : 100%;
+ z-index : 1;
+ display : flex;
+ transition-property : transform;
+ box-sizing : content-box;
+ }
+ .swiper-container-android .swiper-slide, .swiper-wrapper {
+ transform : translate3d(0,0,0);
+ }
+ .swiper-container-multirow > .swiper-wrapper {
+ flex-wrap : wrap;
+ }
+ .swiper-container-free-mode > .swiper-wrapper {
+ transition-timing-function : ease-out;
+ margin : 0 auto;
+ }
+ .swiper-slide {
+ flex-shrink : 0;
+ width : 100%;
+ height : 100%;
+ position : relative;
+ }
+ .swiper-container .swiper-notification {
+ position : absolute;
+ left : 0;
+ top : 0;
+ opacity : 0;
+ z-index : -1000;
+ }
+ .swiper-button-prev, .swiper-button-next, .swiper-button-prev-clients, .swiper-button-next-clients, .swiper-button-prev-small-youtube, .swiper-button-next-small-youtube {
+ position : absolute;
+ top : 50%;
+ width : 27px;
+ height : 44px;
+ margin-top : -22px;
+ z-index : 10;
+ cursor : pointer;
+ background-size : 27px 44px;
+ background-position : center;
+ background-repeat : no-repeat;
+ }
+ .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
+ opacity : 0.3499999940395355224609375;
+ cursor : auto;
+ }
+ .swiper-button-prev, .swiper-button-prev-clients, .swiper-button-prev-small-youtube, .swiper-container-rtl .swiper-button-next {
+ background-image : url("../img/prev.png");
+ left : 30px;
+ right : auto;
+ }
+ .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
+ }
+ .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
+ }
+ .swiper-button-next, .swiper-button-next-clients, .swiper-button-next-small-youtube, .swiper-container-rtl .swiper-button-prev {
+ background-image : url("../img/next.png");
+ right : 30px;
+ left : auto;
+ }
+ .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
+ }
+ .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
+ }
+ .swiper-pagination {
+ position : absolute;
+ text-align : center;
+ transition : 300ms;
+ transform : translate3d(0,0,0);
+ z-index : 10;
+ }
+ .swiper-pagination.swiper-pagination-hidden {
+ opacity : 0;
+ }
+ .swiper-pagination-bullet {
+ width : 8px;
+ height : 8px;
+ display : inline-block;
+ border-radius : 100%;
+ background : #000;
+ opacity : 0.20000000298023223876953125;
+ }
+ button.swiper-pagination-bullet {
+ border : none;
+ margin : 0;
+ padding : 0;
+ box-shadow : none;
+ }
+ .swiper-pagination-clickable .swiper-pagination-bullet {
+ cursor : pointer;
+ }
+ .swiper-pagination-white .swiper-pagination-bullet {
+ background : #fff;
+ }
+ .swiper-pagination-bullet-active {
+ opacity : 1;
+ background : #007aff;
+ }
+ .swiper-pagination-white .swiper-pagination-bullet-active {
+ background : #fff;
+ }
+ .swiper-pagination-black .swiper-pagination-bullet-active {
+ background : #000;
+ }
+ .swiper-container-vertical > .swiper-pagination {
+ right : 10px;
+ top : 50%;
+ transform : translate3d(0,-50%,0);
+ }
+ .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
+ margin : 5px 0;
+ display : block;
+ }
+ .swiper-container-horizontal > .swiper-pagination {
+ bottom : 10px;
+ left : 0;
+ width : 100%;
+ }
+ .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
+ margin : 0 5px;
+ }
+ .swiper-container-3d {
+ perspective : 1200px;
+ }
+ .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
+ transform-style : preserve-3d;
+ }
+ .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
+ position : absolute;
+ left : 0;
+ top : 0;
+ width : 100%;
+ height : 100%;
+ z-index : 10;
+ }
+ .swiper-container-3d .swiper-slide-shadow-left {
+ background-image : linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
+ }
+ .swiper-container-3d .swiper-slide-shadow-right {
+ background-image : linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
+ }
+ .swiper-container-3d .swiper-slide-shadow-top {
+ background-image : linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
+ }
+ .swiper-container-3d .swiper-slide-shadow-bottom {
+ background-image : linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
+ }
+ .swiper-container-fade.swiper-container-free-mode .swiper-slide {
+ transition-timing-function : ease-out;
+ }
+ .swiper-container-cube {
+ overflow : visible;
+ }
+ .swiper-container-cube .swiper-slide {
+ visibility : hidden;
+ transform-origin : 0 0;
+ backface-visibility : hidden;
+ width : 100%;
+ height : 100%;
+ z-index : 1;
+ }
+ .swiper-container-cube.swiper-container-rtl .swiper-slide {
+ transform-origin : 100% 0;
+ }
+ .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
+ visibility : visible;
+ }
+ .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right {
+ z-index : 0;
+ backface-visibility : hidden;
+ }
+ .swiper-container-cube .swiper-cube-shadow {
+ position : absolute;
+ left : 0;
+ bottom : 0;
+ width : 100%;
+ height : 100%;
+ background : #000;
+ opacity : 0.60000002384185791015625;
+ z-index : 0;
+ }
+ .swiper-scrollbar {
+ border-radius : 10px;
+ position : relative;
+ background : rgba(0, 0, 0, 0.1);
+ }
+ .swiper-container-horizontal > .swiper-scrollbar {
+ position : absolute;
+ left : 1%;
+ bottom : 3px;
+ z-index : 50;
+ height : 5px;
+ width : 98%;
+ }
+ .swiper-container-vertical > .swiper-scrollbar {
+ position : absolute;
+ right : 3px;
+ top : 1%;
+ z-index : 50;
+ width : 5px;
+ height : 98%;
+ }
+ .swiper-scrollbar-drag {
+ height : 100%;
+ width : 100%;
+ position : relative;
+ background : rgba(0, 0, 0, 0.5);
+ border-radius : 10px;
+ left : 0;
+ top : 0;
+ }
+ .swiper-scrollbar-cursor-drag {
+ cursor : move;
+ }
+ .swiper-lazy-preloader {
+ width : 42px;
+ height : 42px;
+ position : absolute;
+ left : 50%;
+ top : 50%;
+ margin-left : -21px;
+ margin-top : -21px;
+ z-index : 10;
+ transform-origin : 50%;
+ animation : swiper-preloader-spin 1s steps(12,end) infinite;
+ }
+ .swiper-lazy-preloader:after {
+ display : block;
+ content : "";
+ width : 100%;
+ height : 100%;
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+ background-position : 50%;
+ background-size : 100%;
+ background-repeat : no-repeat;
+ }
+ .swiper-lazy-preloader-white:after {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+ }
+ @keyframes swiper-preloader-spin {
+ 100% {
+ transform : rotate(360deg);
+ }
+ }
+ .mfp-bg {
+ top : 0;
+ left : 0;
+ width : 100%;
+ height : 100%;
+ z-index : 99999;
+ overflow : hidden;
+ position : fixed;
+ background : #0b0b0b;
+ opacity : 0.800000011920928955078125;
+ }
+ .mfp-wrap {
+ top : 0;
+ left : 0;
+ width : 100%;
+ height : 100%;
+ z-index : 999999;
+ position : fixed;
+ outline : none !important ;
+ }
+ .mfp-container {
+ text-align : center;
+ position : absolute;
+ width : 100%;
+ height : 100%;
+ left : 0;
+ top : 0;
+ padding : 0 8px;
+ box-sizing : border-box;
+ }
+ .mfp-container:before {
+ content : '';
+ display : inline-block;
+ height : 100%;
+ vertical-align : middle;
+ }
+ .mfp-align-top .mfp-container:before {
+ display : none;
+ }
+ .mfp-content {
+ position : relative;
+ display : inline-block;
+ vertical-align : middle;
+ margin : 0 auto;
+ text-align : left;
+ z-index : 9999999;
+ }
+ .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
+ width : 100%;
+ cursor : auto;
+ }
+ .mfp-ajax-cur {
+ cursor : progress;
+ }
+ .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
+ cursor : zoom-out;
+ }
+ .mfp-zoom {
+ cursor : pointer;
+ cursor : zoom-in;
+ }
+ .mfp-auto-cursor .mfp-content {
+ cursor : auto;
+ }
+ .mfp-loading.mfp-figure {
+ display : none;
+ }
+ .mfp-hide {
+ display : none !important ;
+ }
+ .mfp-preloader {
+ color : #CCC;
+ position : absolute;
+ top : 50%;
+ width : auto;
+ text-align : center;
+ margin-top : -0.8em;
+ left : 8px;
+ right : 8px;
+ z-index : 999999;
+ }
+ .mfp-preloader a {
+ color : #CCC;
+ }
+ .mfp-preloader a:hover {
+ color : #FFF;
+ }
+ .mfp-s-ready .mfp-preloader {
+ display : none;
+ }
+ .mfp-s-error .mfp-content {
+ display : none;
+ }
+ button.mfp-close, button.mfp-arrow {
+ overflow : visible;
+ cursor : pointer;
+ background : transparent;
+ border : 0;
+ display : block;
+ outline : none;
+ padding : 0;
+ z-index : 99999999;
+ box-shadow : none;
+ }
+ button::-moz-focus-inner {
+ padding : 0;
+ border : 0;
+ }
+ .mfp-close {
+ width : 44px;
+ height : 44px;
+ line-height : 44px;
+ position : absolute;
+ right : 0;
+ top : 0;
+ text-decoration : none;
+ text-align : center;
+ opacity : 0.64999997615814208984375;
+ padding : 0 0 18px 10px;
+ color : #FFF;
+ font-style : normal;
+ font-size : 28px;
+ font-family : Arial, Baskerville, monospace;
+ }
+ .mfp-close:hover, .mfp-close:focus {
+ opacity : 1;
+ }
+ .mfp-close:active {
+ top : 1px;
+ }
+ .mfp-close-btn-in .mfp-close {
+ color : #333;
+ }
+ .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
+ color : #FFF;
+ right : -6px;
+ text-align : right;
+ padding-right : 6px;
+ width : 100%;
+ }
+ .mfp-counter {
+ position : absolute;
+ top : 0;
+ right : 0;
+ color : #CCC;
+ font-size : 12px;
+ line-height : 18px;
+ white-space : nowrap;
+ }
+ .mfp-arrow {
+ position : absolute;
+ opacity : 0.64999997615814208984375;
+ margin : 0;
+ top : 50%;
+ margin-top : -55px;
+ padding : 0;
+ width : 90px;
+ height : 110px;
+ }
+ .mfp-arrow:active {
+ margin-top : -54px;
+ }
+ .mfp-arrow:hover, .mfp-arrow:focus {
+ opacity : 1;
+ }
+ .mfp-arrow:before, .mfp-arrow:after {
+ content : '';
+ display : block;
+ width : 0;
+ height : 0;
+ position : absolute;
+ left : 0;
+ top : 0;
+ margin-top : 35px;
+ margin-left : 35px;
+ border : transparent inset medium;
+ }
+ .mfp-arrow:after {
+ border-top-width : 13px;
+ border-bottom-width : 13px;
+ top : 8px;
+ }
+ .mfp-arrow:before {
+ border-top-width : 21px;
+ border-bottom-width : 21px;
+ opacity : 0.699999988079071044921875;
+ }
+ .mfp-arrow-left {
+ left : 0;
+ }
+ .mfp-arrow-left:after {
+ border-right : 17px solid #FFF;
+ margin-left : 31px;
+ }
+ .mfp-arrow-left:before {
+ margin-left : 25px;
+ border-right : 27px solid #3F3F3F;
+ }
+ .mfp-arrow-right {
+ right : 0;
+ }
+ .mfp-arrow-right:after {
+ border-left : 17px solid #FFF;
+ margin-left : 39px;
+ }
+ .mfp-arrow-right:before {
+ border-left : 27px solid #3F3F3F;
+ }
+ .mfp-iframe-holder {
+ padding-top : 40px;
+ padding-bottom : 40px;
+ }
+ .mfp-iframe-holder .mfp-content {
+ line-height : 0;
+ width : 100%;
+ max-width : 900px;
+ }
+ .mfp-iframe-holder .mfp-close {
+ top : -40px;
+ }
+ .mfp-iframe-scaler {
+ width : 100%;
+ height : 0;
+ overflow : hidden;
+ padding-top : 56.25%;
+ }
+ .mfp-iframe-scaler iframe {
+ position : absolute;
+ display : block;
+ top : 0;
+ left : 0;
+ width : 100%;
+ height : 100%;
+ box-shadow : 0 0 8px rgba(0, 0, 0, 0.6);
+ background : #000;
+ }
+ img.mfp-img {
+ width : auto;
+ max-width : 100%;
+ height : auto;
+ display : block;
+ line-height : 0;
+ box-sizing : border-box;
+ padding : 40px 0 40px;
+ margin : 0 auto;
+ }
+ .mfp-figure {
+ line-height : 0;
+ }
+ .mfp-figure:after {
+ content : '';
+ position : absolute;
+ left : 0;
+ top : 40px;
+ bottom : 40px;
+ display : block;
+ right : 0;
+ width : auto;
+ height : auto;
+ z-index : -1;
+ box-shadow : 0 0 8px rgba(0, 0, 0, 0.6);
+ background : #444;
+ }
+ .mfp-figure small {
+ color : #BDBDBD;
+ display : block;
+ font-size : 12px;
+ line-height : 14px;
+ }
+ .mfp-figure figure {
+ margin : 0;
+ }
+ .mfp-bottom-bar {
+ margin-top : -36px;
+ position : absolute;
+ top : 100%;
+ left : 0;
+ width : 100%;
+ cursor : auto;
+ }
+ .mfp-title {
+ text-align : left;
+ line-height : 18px;
+ color : #F3F3F3;
+ overflow-wrap : break-word;
+ padding-right : 36px;
+ }
+ .mfp-image-holder .mfp-content {
+ max-width : 100%;
+ }
+ .mfp-gallery .mfp-image-holder .mfp-figure {
+ cursor : pointer;
+ }
+ @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
+ .mfp-img-mobile .mfp-image-holder {
+ padding-left : 0;
+ padding-right : 0;
+ }
+ .mfp-img-mobile img.mfp-img {
+ padding : 0;
+ }
+ .mfp-img-mobile .mfp-figure:after {
+ top : 0;
+ bottom : 0;
+ }
+ .mfp-img-mobile .mfp-figure small {
+ display : inline;
+ margin-left : 5px;
+ }
+ .mfp-img-mobile .mfp-bottom-bar {
+ background : rgba(0, 0, 0, 0.6);
+ bottom : 0;
+ margin : 0;
+ top : auto;
+ padding : 3px 5px;
+ position : fixed;
+ box-sizing : border-box;
+ }
+ .mfp-img-mobile .mfp-bottom-bar:empty {
+ padding : 0;
+ }
+ .mfp-img-mobile .mfp-counter {
+ right : 5px;
+ top : 3px;
+ }
+ .mfp-img-mobile .mfp-close {
+ top : 0;
+ right : 0;
+ width : 35px;
+ height : 35px;
+ line-height : 35px;
+ background : rgba(0, 0, 0, 0.6);
+ position : fixed;
+ text-align : center;
+ padding : 0;
+ }
+ }
+ @media all and (max-width:900px) {
+ .mfp-arrow {
+ transform : scale(0.75);
+ }
+ .mfp-arrow-left {
+ transform-origin : 0;
+ }
+ .mfp-arrow-right {
+ transform-origin : 100%;
+ }
+ .mfp-container {
+ padding-left : 6px;
+ padding-right : 6px;
+ }
+ }
+ .animated {
+ animation-duration : 1s;
+ animation-fill-mode : both;
+ }
+ .slow {
+ animation-duration : 1.5s;
+ animation-fill-mode : both;
+ }
+ .slower {
+ animation-duration : 2s;
+ animation-fill-mode : both;
+ }
+ .slowest {
+ animation-duration : 3s;
+ animation-fill-mode : both;
+ }
+ .delay-250 {
+ animation-delay : 0.25s;
+ }
+ .delay-500 {
+ animation-delay : 0.5s;
+ }
+ .delay-750 {
+ animation-delay : 0.75s;
+ }
+ .delay-1000 {
+ animation-delay : 1.0s;
+ }
+ .delay-1250 {
+ animation-delay : 1.25s;
+ }
+ .delay-1500 {
+ animation-delay : 1.5s;
+ }
+ .delay-1750 {
+ animation-delay : 1.75s;
+ }
+ .delay-2000 {
+ animation-delay : 2.0s;
+ }
+ .delay-2500 {
+ animation-delay : 2.5s;
+ }
+ .delay-2000 {
+ animation-delay : 2.0s;
+ }
+ .delay-2500 {
+ animation-delay : 2.5s;
+ }
+ .delay-3000 {
+ animation-delay : 3.0s;
+ }
+ .delay-3500 {
+ animation-delay : 3.5s;
+ }
+ .bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ .fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ .flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn {
+ opacity : 0;
+ }
+ .lightSpeedInRight, .lightSpeedInLeft {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ @keyframes bounceIn {
+ 0% {
+ opacity : 0;
+ transform : scale(0.3);
+ }
+ 50% {
+ opacity : 1;
+ transform : scale(1.05);
+ }
+ 70% {
+ transform : scale(0.9);
+ }
+ 100% {
+ transform : scale(1);
+ }
+ }
+ .bounceIn.go {
+ animation-name : bounceIn;
+ }
+ @keyframes bounceInRight {
+ 0% {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ 60% {
+ transform : translateX(-30px);
+ }
+ 80% {
+ transform : translateX(10px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .bounceInRight.go {
+ animation-name : bounceInRight;
+ }
+ @keyframes bounceInLeft {
+ 0% {
+ opacity : 0;
+ transform : translateX(-400px);
+ }
+ 60% {
+ transform : translateX(30px);
+ }
+ 80% {
+ transform : translateX(-10px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .bounceInLeft.go {
+ animation-name : bounceInLeft;
+ }
+ @keyframes bounceInUp {
+ 0% {
+ opacity : 0;
+ transform : translateY(400px);
+ }
+ 60% {
+ transform : translateY(-30px);
+ }
+ 80% {
+ transform : translateY(10px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .bounceInUp.go {
+ animation-name : bounceInUp;
+ }
+ @keyframes bounceInDown {
+ 0% {
+ opacity : 0;
+ transform : translateY(-400px);
+ }
+ 60% {
+ transform : translateY(30px);
+ }
+ 80% {
+ transform : translateY(-10px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .bounceInDown.go {
+ animation-name : bounceInDown;
+ }
+ @keyframes fadeIn {
+ 0% {
+ opacity : 0;
+ }
+ 100% {
+ opacity : 1;
+ display : block;
+ }
+ }
+ .fadeIn {
+ opacity : 0;
+ }
+ .fadeIn.go {
+ animation-name : fadeIn;
+ }
+ @keyframes growIn {
+ 0% {
+ transform : scale(0.2);
+ opacity : 0;
+ }
+ 50% {
+ transform : scale(1.2);
+ }
+ 100% {
+ transform : scale(1);
+ opacity : 1;
+ }
+ }
+ .growIn {
+ transform : scale(0.2);
+ opacity : 0;
+ }
+ .growIn.go {
+ animation-name : growIn;
+ }
+ @keyframes shake {
+ 0%, 100% {
+ transform : translateX(0);
+ }
+ 10%, 30%, 50%, 70%, 90% {
+ transform : translateX(-10px);
+ }
+ 20%, 40%, 60%, 80% {
+ transform : translateX(10px);
+ }
+ }
+ .shake.go {
+ animation-name : shake;
+ }
+ @keyframes shakeUp {
+ 0%, 100% {
+ transform : translateY(0);
+ }
+ 10%, 30%, 50%, 70%, 90% {
+ transform : translateY(-10px);
+ }
+ 20%, 40%, 60%, 80% {
+ transform : translateY(10px);
+ }
+ }
+ .shakeUp.go {
+ animation-name : shakeUp;
+ }
+ @keyframes fadeInLeft {
+ 0% {
+ opacity : 0;
+ transform : translateX(-400px);
+ }
+ 50% {
+ opacity : 0.300000011920928955078125;
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .fadeInLeft {
+ opacity : 0;
+ transform : translateX(-400px);
+ }
+ .fadeInLeft.go {
+ animation-name : fadeInLeft;
+ }
+ @keyframes fadeInRight {
+ 0% {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ 50% {
+ opacity : 0.300000011920928955078125;
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .fadeInRight {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ .fadeInRight.go {
+ animation-name : fadeInRight;
+ }
+ @keyframes fadeInUp {
+ 0% {
+ opacity : 0;
+ transform : translateY(400px);
+ }
+ 50% {
+ opacity : 0.300000011920928955078125;
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .fadeInUp {
+ opacity : 0;
+ transform : translateY(400px);
+ }
+ .fadeInUp.go {
+ animation-name : fadeInUp;
+ }
+ @keyframes fadeInDown {
+ 0% {
+ opacity : 0;
+ transform : translateY(-400px);
+ }
+ 50% {
+ opacity : 0.300000011920928955078125;
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .fadeInDown {
+ opacity : 0;
+ transform : translateY(-400px);
+ }
+ .fadeInDown.go {
+ animation-name : fadeInDown;
+ }
+ @keyframes rotateIn {
+ 0% {
+ transform-origin : center center;
+ transform : rotate(-200deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : center center;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateIn.go {
+ animation-name : rotateIn;
+ }
+ @keyframes rotateInUpLeft {
+ 0% {
+ transform-origin : left bottom;
+ transform : rotate(90deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : left bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateInUpLeft.go {
+ animation-name : rotateInUpLeft;
+ }
+ @keyframes rotateInDownLeft {
+ 0% {
+ transform-origin : left bottom;
+ transform : rotate(-90deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : left bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateInDownLeft.go {
+ animation-name : rotateInDownLeft;
+ }
+ @keyframes rotateInUpRight {
+ 0% {
+ transform-origin : right bottom;
+ transform : rotate(-90deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : right bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateInUpRight.go {
+ animation-name : rotateInUpRight;
+ }
+ @keyframes rotateInDownRight {
+ 0% {
+ transform-origin : right bottom;
+ transform : rotate(90deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : right bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateInDownRight.go {
+ animation-name : rotateInDownRight;
+ }
+ @keyframes rollIn {
+ 0% {
+ opacity : 0;
+ transform : translateX(-100%) rotate(-120deg);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0) rotate(0deg);
+ }
+ }
+ .rollIn.go {
+ animation-name : rollIn;
+ }
+ @keyframes wiggle {
+ 0% {
+ transform : skewX(9deg);
+ }
+ 10% {
+ transform : skewX(-8deg);
+ }
+ 20% {
+ transform : skewX(7deg);
+ }
+ 30% {
+ transform : skewX(-6deg);
+ }
+ 40% {
+ transform : skewX(5deg);
+ }
+ 50% {
+ transform : skewX(-4deg);
+ }
+ 60% {
+ transform : skewX(3deg);
+ }
+ 70% {
+ transform : skewX(-2deg);
+ }
+ 80% {
+ transform : skewX(1deg);
+ }
+ 90% {
+ transform : skewX(0deg);
+ }
+ 100% {
+ transform : skewX(0deg);
+ }
+ }
+ .wiggle.go {
+ animation-name : wiggle;
+ animation-timing-function : ease-in;
+ }
+ @keyframes swing {
+ 20% {
+ transform : rotate(15deg);
+ }
+ 40% {
+ transform : rotate(-10deg);
+ }
+ 60% {
+ transform : rotate(5deg);
+ }
+ 80% {
+ transform : rotate(-5deg);
+ }
+ 100% {
+ transform : rotate(0deg);
+ }
+ }
+ .swing.go {
+ transform-origin : top center;
+ animation-name : swing;
+ }
+ @keyframes tada {
+ 0% {
+ transform : scale(1);
+ }
+ 10%, 20% {
+ transform : scale(0.9) rotate(-3deg);
+ }
+ 30%, 50%, 70%, 90% {
+ transform : scale(1.1) rotate(3deg);
+ }
+ 40%, 60%, 80% {
+ transform : scale(1.1) rotate(-3deg);
+ }
+ 100% {
+ transform : scale(1) rotate(0);
+ }
+ }
+ .tada.go {
+ animation-name : tada;
+ }
+ @keyframes wobble {
+ 0% {
+ transform : translateX(0%);
+ }
+ 15% {
+ transform : translateX(-25%) rotate(-5deg);
+ }
+ 30% {
+ transform : translateX(20%) rotate(3deg);
+ }
+ 45% {
+ transform : translateX(-15%) rotate(-3deg);
+ }
+ 60% {
+ transform : translateX(10%) rotate(2deg);
+ }
+ 75% {
+ transform : translateX(-5%) rotate(-1deg);
+ }
+ 100% {
+ transform : translateX(0%);
+ }
+ }
+ .wobble.go {
+ animation-name : wobble;
+ }
+ @keyframes pulse {
+ 0% {
+ transform : scale(1);
+ }
+ 50% {
+ transform : scale(1.1);
+ }
+ 100% {
+ transform : scale(1);
+ }
+ }
+ .pulse.go {
+ animation-name : pulse;
+ }
+ @keyframes lightSpeedInRight {
+ 0% {
+ transform : translateX(100%) skewX(-30deg);
+ opacity : 0;
+ }
+ 60% {
+ transform : translateX(-20%) skewX(30deg);
+ opacity : 1;
+ }
+ 80% {
+ transform : translateX(0%) skewX(-15deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : translateX(0%) skewX(0deg);
+ opacity : 1;
+ }
+ }
+ .lightSpeedInRight.go {
+ animation-name : lightSpeedInRight;
+ animation-timing-function : ease-out;
+ }
+ @keyframes lightSpeedInLeft {
+ 0% {
+ transform : translateX(-100%) skewX(30deg);
+ opacity : 0;
+ }
+ 60% {
+ transform : translateX(20%) skewX(-30deg);
+ opacity : 1;
+ }
+ 80% {
+ transform : translateX(0%) skewX(15deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : translateX(0%) skewX(0deg);
+ opacity : 1;
+ }
+ }
+ .lightSpeedInLeft.go {
+ animation-name : lightSpeedInLeft;
+ animation-timing-function : ease-out;
+ }
+ @keyframes flip {
+ 0% {
+ transform : perspective(400px) rotateY(0);
+ animation-timing-function : ease-out;
+ }
+ 40% {
+ transform : perspective(400px) translateZ(150px) rotateY(170deg);
+ animation-timing-function : ease-out;
+ }
+ 50% {
+ transform : perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
+ animation-timing-function : ease-in;
+ }
+ 80% {
+ transform : perspective(400px) rotateY(360deg) scale(0.95);
+ animation-timing-function : ease-in;
+ }
+ 100% {
+ transform : perspective(400px) scale(1);
+ animation-timing-function : ease-in;
+ }
+ }
+ .flip.go {
+ backface-visibility : visible !important ;
+ animation-name : flip;
+ }
+ @keyframes flipInX {
+ 0% {
+ transform : perspective(400px) rotateX(90deg);
+ opacity : 0;
+ }
+ 40% {
+ transform : perspective(400px) rotateX(-10deg);
+ }
+ 70% {
+ transform : perspective(400px) rotateX(10deg);
+ }
+ 100% {
+ transform : perspective(400px) rotateX(0deg);
+ opacity : 1;
+ }
+ }
+ .flipInX.go {
+ backface-visibility : visible !important ;
+ animation-name : flipInX;
+ }
+ @keyframes flipInY {
+ 0% {
+ transform : perspective(400px) rotateY(90deg);
+ opacity : 0;
+ }
+ 40% {
+ transform : perspective(400px) rotateY(-10deg);
+ }
+ 70% {
+ transform : perspective(400px) rotateY(10deg);
+ }
+ 100% {
+ transform : perspective(400px) rotateY(0deg);
+ opacity : 1;
+ }
+ }
+ .flipInY.go {
+ backface-visibility : visible !important ;
+ animation-name : flipInY;
+ }
+ @keyframes bounceOut {
+ 0% {
+ transform : scale(1);
+ }
+ 25% {
+ transform : scale(0.95);
+ }
+ 50% {
+ opacity : 1;
+ transform : scale(1.1);
+ }
+ 100% {
+ opacity : 0;
+ transform : scale(0.3);
+ }
+ }
+ .bounceOut.goAway {
+ animation-name : bounceOut;
+ }
+ @keyframes bounceOutUp {
+ 0% {
+ transform : translateY(0);
+ }
+ 20% {
+ opacity : 1;
+ transform : translateY(20px);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(-2000px);
+ }
+ }
+ .bounceOutUp.goAway {
+ animation-name : bounceOutUp;
+ }
+ @keyframes bounceOutDown {
+ 0% {
+ transform : translateY(0);
+ }
+ 20% {
+ opacity : 1;
+ transform : translateY(-20px);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(2000px);
+ }
+ }
+ .bounceOutDown.goAway {
+ animation-name : bounceOutDown;
+ }
+ @keyframes bounceOutLeft {
+ 0% {
+ transform : translateX(0);
+ }
+ 20% {
+ opacity : 1;
+ transform : translateX(20px);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(-2000px);
+ }
+ }
+ .bounceOutLeft.goAway {
+ animation-name : bounceOutLeft;
+ }
+ @keyframes bounceOutRight {
+ 0% {
+ transform : translateX(0);
+ }
+ 20% {
+ opacity : 1;
+ transform : translateX(-20px);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(2000px);
+ }
+ }
+ .bounceOutRight.goAway {
+ animation-name : bounceOutRight;
+ }
+ @keyframes fadeOut {
+ 0% {
+ opacity : 1;
+ }
+ 100% {
+ opacity : 0;
+ }
+ }
+ .fadeOut.goAway {
+ animation-name : fadeOut;
+ }
+ @keyframes fadeOutUp {
+ 0% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(-2000px);
+ }
+ }
+ .fadeOutUp.goAway {
+ animation-name : fadeOutUp;
+ }
+ @keyframes fadeOutDown {
+ 0% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(2000px);
+ }
+ }
+ .fadeOutDown.goAway {
+ animation-name : fadeOutDown;
+ }
+ @keyframes fadeOutLeft {
+ 0% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(-2000px);
+ }
+ }
+ .fadeOutLeft.goAway {
+ animation-name : fadeOutLeft;
+ }
+ @keyframes fadeOutRight {
+ 0% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(2000px);
+ }
+ }
+ .fadeOutRight.goAway {
+ animation-name : fadeOutRight;
+ }
+ @keyframes flipOutX {
+ 0% {
+ transform : perspective(400px) rotateX(0deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : perspective(400px) rotateX(90deg);
+ opacity : 0;
+ }
+ }
+ .flipOutX.goAway {
+ animation-name : flipOutX;
+ backface-visibility : visible !important ;
+ }
+ @keyframes flipOutY {
+ 0% {
+ transform : perspective(400px) rotateY(0deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : perspective(400px) rotateY(90deg);
+ opacity : 0;
+ }
+ }
+ .flipOutY {
+ backface-visibility : visible !important ;
+ animation-name : flipOutY;
+ }
+ @keyframes lightSpeedOutRight {
+ 0% {
+ transform : translateX(0%) skewX(0deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : translateX(100%) skewX(-30deg);
+ opacity : 0;
+ }
+ }
+ .lightSpeedOutRight.goAway {
+ animation-name : lightSpeedOutRight;
+ animation-timing-function : ease-in;
+ }
+ @keyframes lightSpeedOutLeft {
+ 0% {
+ transform : translateX(0%) skewX(0deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : translateX(-100%) skewX(30deg);
+ opacity : 0;
+ }
+ }
+ .lightSpeedOutLeft.goAway {
+ animation-name : lightSpeedOutLeft;
+ animation-timing-function : ease-in;
+ }
+ @keyframes rotateOut {
+ 0% {
+ transform-origin : center center;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ 100% {
+ transform-origin : center center;
+ transform : rotate(200deg);
+ opacity : 0;
+ }
+ }
+ .rotateOut.goAway {
+ animation-name : rotateOut;
+ }
+ @keyframes rotateOutUpLeft {
+ 0% {
+ transform-origin : left bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ 100% {
+ opacity : 0;
+ }
+ }
+ .rotateOutUpLeft.goAway {
+ animation-name : rotateOutUpLeft;
+ }
+ @keyframes rotateOutDownLeft {
+ 0% {
+ transform-origin : left bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ 100% {
+ transform-origin : left bottom;
+ transform : rotate(90deg);
+ opacity : 0;
+ }
+ }
+ .rotateOutDownLeft.goAway {
+ animation-name : rotateOutDownLeft;
+ }
+ @keyframes rotateOutUpRight {
+ 0% {
+ transform-origin : right bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ 100% {
+ transform-origin : right bottom;
+ transform : rotate(90deg);
+ opacity : 0;
+ }
+ }
+ .rotateOutUpRight.goAway {
+ animation-name : rotateOutUpRight;
+ }
+ @keyframes rollOut {
+ 0% {
+ opacity : 1;
+ transform : translateX(0) rotate(0deg);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(100%) rotate(120deg);
+ }
+ }
+ .rollOut.goAway {
+ animation-name : rollOut;
+ }
+ @keyframes fadeInUpShort {
+ 0% {
+ opacity : 0;
+ transform : translateY(20px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .fadeInUpShort {
+ opacity : 0;
+ transform : translateY(20px);
+ }
+ .fadeInUpShort.go {
+ animation-name : fadeInUpShort;
+ }
+ @keyframes fadeInDownShort {
+ 0% {
+ opacity : 0;
+ transform : translateY(-20px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .fadeInDownShort {
+ opacity : 0;
+ transform : translateY(-20px);
+ }
+ .fadeInDownShort.go {
+ animation-name : fadeInDownShort;
+ }
+ @keyframes fadeInRightShort {
+ 0% {
+ opacity : 0;
+ transform : translateX(20px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .fadeInRightShort {
+ opacity : 0;
+ transform : translateX(20px);
+ }
+ .fadeInRightShort.go {
+ animation-name : fadeInRightShort;
+ }
+ @keyframes fadeInLeftShort {
+ 0% {
+ opacity : 0;
+ transform : translateX(-20px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .fadeInLeftShort {
+ opacity : 0;
+ transform : translateX(-20px);
+ }
+ .fadeInLeftShort.go {
+ animation-name : fadeInLeftShort;
+ }
+ .logo-slider {
+ margin-bottom : 50px;
+ }
+ .logo-slider p {
+ margin : 0 0 40px 0;
+ }
+ @media screen and (max-width:420px) {
+ .logo-slider p {
+ margin : 0 0 25px 0;
+ }
+ .logo-slider .swiper-slide {
+ text-align : center;
+ }
+ }
+ .clients {
+ background : url(../dummy/clients.jpg);
+ padding : 40px 0;
+ margin-bottom : 50px;
+ background-size : cover !important ;
+ }
+ .clients .inner.small, .clients .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .clients .tx-felogin-pi1-inner {
+ padding : 0 60px;
+ }
+ .clients h2, .clients .ce-table table caption, .ce-table table .clients caption {
+ margin-bottom : 50px;
+ color : #fff;
+ }
+ .clients p {
+ color : #fff;
+ text-align : center;
+ }
+ .clients p strong {
+ display : block;
+ margin-bottom : 3px;
+ }
+ .clients p + p {
+ margin-top : 20px;
+ }
+ @media screen and (max-width:600px) {
+ .clients .inner.small, .clients .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .clients .tx-felogin-pi1-inner {
+ padding : 0 40px;
+ }
+ .clients .swiper-button-next-clients {
+ right : 10px;
+ height : 26px;
+ width : 15px;
+ margin-top : -13px;
+ background-size : 15px 26px;
+ }
+ .clients .swiper-button-prev-clients {
+ left : 10px;
+ height : 26px;
+ width : 15px;
+ margin-top : -13px;
+ background-size : 15px 26px;
+ }
+ }
+ .unterseiten-banner {
+ text-align : center;
+ padding : 50px 0 50px 0;
+ background : url(../dummy/banner.jpg) no-repeat #767679;
+ background-position : center !important ;
+ margin-bottom : 50px;
+ min-height : 200px;
+ background-repeat : no-repeat !important ;
+ background-size : cover !important ;
+ }
+ .unterseiten-banner + .breadcrumbContainer {
+ margin-top : -50px;
+ margin-bottom : 50px;
+ }
+ .unterseiten-banner p {
+ color : #fff;
+ }
+ .unterseiten-banner a {
+ margin-top : 20px;
+ }
+ .unterseiten-banner.arrow {
+ position : relative;
+ }
+ .unterseiten-banner.arrow:after, .unterseiten-banner.arrow:before {
+ top : 0;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .unterseiten-banner.arrow:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .unterseiten-banner.arrow:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .unterseiten-banner.arrowGrey {
+ position : relative;
+ }
+ .unterseiten-banner.arrowGrey:after, .unterseiten-banner.arrowGrey:before {
+ top : 0;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .unterseiten-banner.arrowGrey:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #333;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .unterseiten-banner.arrowGrey:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #333;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .ce-twoCol-Box {
+ padding : 0;
+ margin-bottom : 50px;
+ }
+ .ce-twoCol-Box.addPadding {
+ padding : 40px 0;
+ }
+ .ce-twoCol-Box .texttop {
+ margin-bottom : 40px;
+ }
+ .ce-twoCol-Box .texttop h1, .ce-twoCol-Box .texttop h2, .ce-twoCol-Box .texttop .ce-table table caption, .ce-table table .ce-twoCol-Box .texttop caption, .ce-twoCol-Box .texttop h3, .ce-twoCol-Box .texttop h4 {
+ margin-bottom : 0;
+ }
+ .ce-twoCol-Box .boxen .arrowlink:hover:after, .ce-twoCol-Box .boxen .thirdSection .right a:hover:after, .thirdSection .right .ce-twoCol-Box .boxen a:hover:after {
+ display : inline-block;
+ text-decoration : none !important ;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div {
+ float : left;
+ width : calc(100% / 2);
+ padding-right : 95px;
+ position : relative;
+ text-align : right;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div .headlineH2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #report fieldset legend:after, .tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .headlineH2Center:after, .ce-twoCol-Box .boxen.withFontAwesome > div .service-formular fieldset .powermail_legend:after, .service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome > div .powermail_legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .latest-news-container h2:after, .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .latest-news-container .ce-table table caption:after, .latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .latest-news-container caption:after, .ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout h1:after, .mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome > div h1:after {
+ margin : 10px 0 0 auto;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div .smallHeadlineWithUnderline:after {
+ margin : 5px 0 0 auto;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div > i {
+ position : absolute;
+ top : 0;
+ right : 15px;
+ padding : 10px;
+ padding-top : 18px;
+ background : #c6c6c6;
+ border-radius : 50px;
+ height : 60px;
+ width : 60px;
+ text-align : center;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div > i:before {
+ vertical-align : middle;
+ font-size : 24px;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) > i {
+ right : auto;
+ left : 15px;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .smallHeadlineWithUnderline:after {
+ margin : 5px auto 0 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p i {
+ padding-left : 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p + ul {
+ margin-top : 15px;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p.align-left {
+ text-align : left;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p.align-right {
+ text-align : right;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p.align-center {
+ text-align : center;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div a {
+ color : #0067b1;
+ text-decoration : none;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div a:hover {
+ text-decoration : underline;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(n 3) {
+ margin-top : 45px;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) {
+ padding-right : 0;
+ padding-left : 95px;
+ text-align : left;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .headlineH2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #report fieldset legend:after, .tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .headlineH2Center:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .service-formular fieldset .powermail_legend:after, .service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .powermail_legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .latest-news-container h2:after, .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .latest-news-container .ce-table table caption:after, .latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .latest-news-container caption:after, .ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout h1:after, .mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h1:after {
+ margin : 10px auto 0 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) span {
+ right : auto;
+ left : 15px;
+ }
+ @media screen and (max-width:800px) {
+ .ce-twoCol-Box .boxen.withFontAwesome > div {
+ float : none;
+ width : 100%;
+ margin-right : 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div + div {
+ margin-top : 40px !important ;
+ }
+ }
+ @media screen and (max-width:600px) {
+ .ce-twoCol-Box .boxen.withFontAwesome > div {
+ padding-left : 0;
+ padding-right : 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) {
+ padding-left : 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) > i.fa {
+ display : none;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div > i.fa {
+ display : none;
+ }
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div {
+ float : left;
+ width : calc((100% - 25px) / 2);
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div + div {
+ margin-left : 25px;
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(2n 3) {
+ margin-left : 0;
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(n 3) {
+ margin-top : 50px;
+ }
+ @media screen and (max-width:767px) {
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div {
+ float : none;
+ width : 100%;
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(n 3) {
+ margin-top : 25px;
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div + div {
+ margin-top : 25px;
+ margin-left : 0 !important ;
+ }
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div {
+ float : left;
+ width : 48%;
+ position : relative;
+ padding-left : 120px;
+ min-height : 80px;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa {
+ position : absolute;
+ top : 0;
+ right : 80%;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa:before {
+ vertical-align : middle;
+ font-size : 80px;
+ color : #0067b1;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n 3) {
+ margin-top : 40px;
+ }
+ @media screen and (max-width:800px) {
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div {
+ float : none;
+ width : 100%;
+ padding-left : 0;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n 2) {
+ margin-top : 40px;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa {
+ position : relative;
+ top : auto;
+ left : auto;
+ float : left;
+ margin-right : 15px;
+ display : none;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa:before {
+ font-size : 50px;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(2n) > i.fa {
+ left : auto;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div + div {
+ margin-top : 30px;
+ }
+ }
+ .text-slide {
+ margin-bottom : 50px;
+ }
+ .text-slide .openImgSubHeadline {
+ font-size : 15px;
+ line-height : normal;
+ color : #333;
+ text-decoration : none;
+ font-weight : 400;
+ margin : 0 0 5px 0;
+ }
+ .text-slide .left {
+ float : left;
+ width : 40.77%;
+ width : calc((100% - 25px) / 2);
+ }
+ .text-slide .left h3 {
+ font-family : "Open Sans", sans-serif;
+ font-weight : 700;
+ color : #333;
+ margin : 0 0 20px 0;
+ }
+ .text-slide .left p {
+ color : #333;
+ }
+ .text-slide .right {
+ float : left;
+ width : 50%;
+ width : calc((100% - 25px) / 2);
+ margin-left : 9.22%;
+ margin-left : 25px;
+ }
+ .text-slide .right .openImage {
+ position : relative;
+ display : block;
+ }
+ .text-slide .right .openImage i {
+ font-size : 1.5rem;
+ color : #fff;
+ position : absolute;
+ left : 0;
+ right : 0;
+ z-index : 20;
+ top : 50%;
+ margin-top : -12px;
+ text-align : center;
+ color : #333;
+ }
+ .text-slide .right .openImage i:before, .text-slide .right .openImage i:after {
+ color : #333;
+ }
+ .text-slide .right .openImage:after {
+ content : "";
+ position : absolute;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ z-index : 10;
+ background : rgba(255, 255, 255, 0.5);
+ border : rgba(0, 0, 0, 0.2) solid 1px;
+ }
+ .text-slide .right .singleImage {
+ display : block;
+ max-height : 250px;
+ overflow : hidden;
+ }
+ .text-slide .right .singleImage img {
+ display : block;
+ }
+ @media screen and (max-width:768px) {
+ .text-slide .left {
+ width : 100%;
+ float : none;
+ }
+ .text-slide .right {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ margin-top : 25px;
+ }
+ }
+ .ce-Image-Text-Element {
+ margin-bottom : 50px;
+ }
+ .ce-Image-Text-Element .einspaltig .bigText {
+ font-size : 18px;
+ line-height : normal;
+ }
+ .ce-Image-Text-Element .einspaltig + figure {
+ margin-top : 25px;
+ }
+ .ce-Image-Text-Element figure {
+ margin : 0;
+ }
+ .ce-Image-Text-Element figure figcaption {
+ font-size : 12px;
+ display : block;
+ margin : 0;
+ padding : 0;
+ line-height : normal;
+ text-align : right;
+ color : #333;
+ }
+ .ce-Image-Text-Element figure img {
+ display : block;
+ margin : 0 auto;
+ }
+ .ce-Image-Text-Element figure + .einspaltig {
+ margin-top : 25px;
+ }
+ .toggleContainer {
+ margin-bottom : 50px !important ;
+ }
+ @media screen and (max-width:1100px) {
+ .toggleContainer {
+ padding : 50px 25px 40px 25px !important ;
+ }
+ }
+ .toggleContainer h2, .toggleContainer .ce-table table caption, .ce-table table .toggleContainer caption {
+ margin : 0 0 30px 0;
+ }
+ .toggleContainer h3 {
+ padding : 0 20px;
+ background : #ececec;
+ line-height : 55px;
+ margin : 0 0 10px 0;
+ font-weight : 700;
+ outline : none;
+ cursor : pointer;
+ }
+ .toggleContainer h3 i {
+ color : #6c6c6c;
+ }
+ .toggleContainer h3 i + strong {
+ margin-left : 25px;
+ }
+ .toggleContainer h3 i + p {
+ margin-left : 5px;
+ }
+ .toggleContainer h3 strong {
+ font-family : "Quicksand", sans-serif;
+ font-weight : 700;
+ font-size : 24px;
+ line-height : normal;
+ display : inline-block;
+ margin-right : 10px;
+ vertical-align : middle;
+ }
+ .toggleContainer h3 p {
+ display : inline-block;
+ margin : 0;
+ font-family : "Quicksand", sans-serif;
+ color : #333;
+ }
+ .toggleContainer h3 span {
+ float : right;
+ display : inline-block;
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ font-family : "Quicksand", sans-serif;
+ line-height : 55px;
+ }
+ .toggleContainer .ui-accordion-content {
+ padding-bottom : 20px;
+ }
+ @media screen and (max-width:600px) {
+ .toggleContainer h3 strong {
+ font-size : 16px;
+ line-height : normal;
+ }
+ .toggleContainer h3 span {
+ font-size : 14px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .toggleContainer h3 span {
+ float : none;
+ width : 100%;
+ line-height : 16px;
+ display : block;
+ padding-bottom : 15px;
+ padding-left : 44px;
+ margin-top : -10px;
+ }
+ }
+ .ce-threeBoxesWithOption {
+ margin-bottom : 50px;
+ }
+ .ce-threeBoxesWithOption.addPadding {
+ padding : 50px 0 50px 0;
+ }
+ .ce-threeBoxesWithOption p {
+ color : #fff;
+ }
+ .ce-threeBoxesWithOption .inner > div {
+ margin-top : 40px;
+ }
+ .ce-threeBoxesWithOption .inner div article {
+ float : left;
+ width : calc(100% / 3);
+ text-align : center;
+ padding : 0 20px;
+ }
+ .ce-threeBoxesWithOption .inner div article i.big {
+ padding : 25px;
+ background : #fff;
+ border-radius : 50px;
+ font-size : 2rem;
+ margin-bottom : 15px;
+ }
+ .ce-threeBoxesWithOption .inner div article i.small {
+ border-radius : 50px;
+ padding : 15px;
+ text-align : center;
+ vertical-align : middle;
+ color : #0067b1;
+ background : rgba(255, 255, 255, 0.7);
+ font-size : 0.9rem;
+ margin-bottom : 15px;
+ min-height : 42px;
+ min-width : 42px;
+ }
+ .ce-threeBoxesWithOption .inner div article p {
+ color : #fff;
+ text-align : center;
+ }
+ @media screen and (max-width:760px) {
+ .ce-threeBoxesWithOption .inner div article {
+ float : none;
+ width : 100%;
+ }
+ .ce-threeBoxesWithOption .inner div article + article {
+ margin-top : 20px;
+ }
+ .ce-threeBoxesWithOption + .ce-threeBoxesWithOption {
+ margin-top : 2px;
+ }
+ }
+ .fontAwesome-list {
+ margin-bottom : 50px;
+ }
+ .fontAwesome-list ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .fontAwesome-list ul li {
+ display : block;
+ color : #333;
+ position : relative;
+ padding-left : 30px;
+ }
+ .fontAwesome-list ul li i {
+ font-size : 22px;
+ border-radius : 50px;
+ padding : 0;
+ vertical-align : sub;
+ position : absolute;
+ left : 0;
+ top : 2px;
+ }
+ .fontAwesome-list ul li i.border {
+ border : #333 solid 1px;
+ text-align : center;
+ vertical-align : middle;
+ height : 30px;
+ width : 30px;
+ line-height : 30px;
+ font-size : 18px;
+ }
+ .fontAwesome-list ul li.border {
+ min-height : 30px;
+ padding-left : 40px;
+ }
+ .fontAwesome-list ul li.border span {
+ padding-top : 6px;
+ }
+ .fontAwesome-list ul li ul {
+ margin-top : 5px;
+ }
+ .fontAwesome-list ul li span {
+ margin : 0;
+ font-weight : 700;
+ display : inline-block;
+ vertical-align : middle;
+ }
+ .fontAwesome-list ul li + li {
+ margin-top : 10px;
+ }
+ .fontAwesome-list.twocol ul li {
+ position : relative;
+ float : left;
+ width : 48%;
+ padding-left : 30px;
+ }
+ .fontAwesome-list.twocol ul li.border {
+ padding-left : 40px;
+ }
+ .fontAwesome-list.twocol ul li + li {
+ margin-left : 4%;
+ margin-top : 0;
+ }
+ .fontAwesome-list.twocol ul li:nth-of-type(n 3) {
+ margin-top : 15px;
+ }
+ .fontAwesome-list.twocol ul li:nth-of-type(2n 3) {
+ margin-left : 0;
+ }
+ .fontAwesome-list.twocol ul li ul li {
+ float : none;
+ width : 100%;
+ }
+ .fontAwesome-list.twocol ul li ul li:nth-of-type(n 3) {
+ margin-top : 4px;
+ }
+ .fontAwesome-list.twocol ul li ul li + li {
+ margin-left : 0;
+ margin-top : 4px;
+ }
+ @media screen and (max-width:640px) {
+ .fontAwesome-list.twocol ul li {
+ width : 100%;
+ float : none;
+ }
+ .fontAwesome-list.twocol ul li + li {
+ margin-left : 0;
+ }
+ .fontAwesome-list.twocol ul li:nth-of-type(n 2) {
+ margin-top : 15px;
+ }
+ .fontAwesome-list.twocol ul li ul li:nth-of-type(n 2) {
+ margin-top : 0;
+ }
+ }
+ .tx-contentpackage-historieContainer {
+ margin-bottom : 50px;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner {
+ position : relative;
+ border-left : 3px solid #be1622;
+ padding : 44px 0 44px 22px;
+ }
+ @media screen and (max-width:1100px) {
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner {
+ padding : 50px 25px 25px 25px;
+ }
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear {
+ font-size : 32px;
+ line-height : normal;
+ background : #be1622;
+ color : #fff;
+ padding : 5px 10px;
+ width : auto;
+ display : inline-block;
+ margin-left : -118px;
+ }
+ @media screen and (max-width:1260px) {
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear {
+ margin : 0 0 15px -22px;
+ }
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent p {
+ color : #333;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent * {
+ color : #333;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span {
+ display : block;
+ position : relative;
+ background : url(../img/chevron-down.png) no-repeat;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:before, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:after {
+ top : 100%;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement + .tx-contentpackage-historieElement .inner {
+ padding-top : 50px;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement:last-of-type > span {
+ display : none;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground {
+ background : #be1622;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner {
+ border-left : 3px solid #fff;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-historieYear {
+ color : #be1622;
+ background : #fff;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent p, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent * {
+ color : #fff;
+ }
+ .ce-os-bee {
+ width : 1030px;
+ height : 820px;
+ margin-bottom : 50px;
+ position : relative;
+ }
+ .ce-os-bee .base {
+ width : 314px;
+ height : 314px;
+ border-radius : 250px;
+ margin : 0 auto;
+ display : block;
+ background : #c6c6c6;
+ padding : 30px;
+ position : relative;
+ margin-top : 261px;
+ line-height : 270px;
+ text-align : center;
+ }
+ .ce-os-bee .base img {
+ position : relative;
+ max-height : 100px;
+ width : auto;
+ vertical-align : middle;
+ }
+ .ce-os-bee .base span {
+ font-size : 24px;
+ color : #be1622;
+ font-weight : 700;
+ line-height : normal;
+ display : inline-block;
+ }
+ .ce-os-bee .child {
+ display : block;
+ width : 100%;
+ height : 100%;
+ vertical-align : middle;
+ text-align : center;
+ font-weight : 400;
+ font-size : 18px;
+ line-height : 156px;
+ color : #333;
+ text-decoration : none;
+ width : 156px;
+ height : 156px;
+ display : inline-block;
+ border-radius : 100px;
+ background : #c6c6c6;
+ position : relative;
+ line-height : 156px;
+ padding : 0 10px;
+ position : absolute;
+ top : 0;
+ left : 0;
+ transition : all 0.5s;
+ }
+ .ce-os-bee .child:hover {
+ background : #be1622;
+ color : #fff;
+ transition : all 0.5s;
+ transform : scale(1.2);
+ }
+ .ce-os-bee .child span {
+ display : inline-block;
+ line-height : 20px;
+ font-size : 18px;
+ top : 50%;
+ position : absolute;
+ left : 15px;
+ right : 15px;
+ }
+ .ce-os-bee .child:after {
+ content : "";
+ border : #fff solid 3px;
+ border-radius : 100px;
+ position : absolute;
+ top : 4px;
+ right : 4px;
+ bottom : 4px;
+ left : 4px;
+ width : 92%;
+ }
+ @media screen and (max-width:1000px) {
+ #sy_lines {
+ display : none !important ;
+ }
+ .ce-os-bee {
+ display : none;
+ }
+ }
+ .ce-table {
+ margin-bottom : 50px !important ;
+ }
+ .ce-table.alignleft table tr td {
+ text-align : left;
+ }
+ .ce-table.alignleft table tr td a {
+ padding-left : 10px;
+ }
+ .ce-table.alignleft table tr td:first-of-type {
+ width : auto;
+ }
+ .ce-table.alignleft table tr td:first-of-type + td {
+ width : auto;
+ }
+ .ce-table.alignleft table tr td:last-of-type {
+ padding-left : 10px;
+ }
+ .ce-table.alignleft table thead tr td:nth-of-type(2) {
+ padding-left : 10px;
+ }
+ .ce-table table {
+ width : 100%;
+ border-collapse : collapse;
+ border : none;
+ }
+ .ce-table table caption {
+ margin-bottom : 40px;
+ }
+ .ce-table table tr {
+ height : 40px;
+ }
+ .ce-table table tr td {
+ text-align : center;
+ font-size : 13px;
+ }
+ .ce-table table tr td a {
+ font-size : 13px;
+ text-decoration : none;
+ line-height : 40px;
+ display : block;
+ background : #0067b1;
+ color : #fff;
+ text-transform : uppercase;
+ font-weight : 400;
+ }
+ .ce-table table tr td:first-of-type {
+ width : 290px;
+ text-align : left;
+ padding-left : 10px;
+ }
+ .ce-table table tr td:first-of-type + td {
+ width : 155px;
+ font-weight : 700;
+ }
+ .ce-table table tr td:nth-of-type(4) {
+ width : 155px;
+ }
+ .ce-table table tr td:nth-of-type(2), .ce-table table tr td:nth-of-type(3), .ce-table table tr td:nth-of-type(4), .ce-table table tr td:nth-of-type(5), .ce-table table tr td:nth-of-type(6) {
+ border-left : 1px solid #cdcdcd;
+ font-weight : 700;
+ font-size : 13px;
+ width : 155px;
+ }
+ .ce-table table tr td:nth-of-type(6) {
+ border-right : 1px solid #cdcdcd;
+ }
+ .ce-table table tr th:nth-of-type(2), .ce-table table tr th:nth-of-type(3), .ce-table table tr th:nth-of-type(4), .ce-table table tr th:nth-of-type(5), .ce-table table tr th:nth-of-type(6) {
+ border-left : 1px solid #cdcdcd;
+ border-top : 1px solid #cdcdcd;
+ font-weight : 400;
+ font-size : 13px;
+ width : 155px;
+ }
+ .ce-table table tr th:nth-of-type(6) {
+ border-right : 1px solid #cdcdcd;
+ }
+ .ce-table table tbody tr:nth-of-type(odd) {
+ background : #ededed;
+ }
+ @media screen and (max-width:1100px) {
+ .ce-table.inner.small, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner {
+ padding : 40px 25px;
+ }
+ }
+ @media screen and (max-width:1000px) {
+ .ce-table.inner.small, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner {
+ width : 100%;
+ overflow : scroll;
+ }
+ .ce-table.inner.small table, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner table {
+ width : 1000px;
+ }
+ }
+ .service-formular {
+ background : #ededed;
+ padding : 40px 0;
+ }
+ .service-formular h3 {
+ display : none;
+ }
+ .service-formular .required {
+ float : right;
+ margin-top : -100px;
+ margin : -160px 0 0 0;
+ font-size : 12px;
+ }
+ @media screen and (max-width:960px) {
+ .service-formular .required {
+ float : none;
+ margin : 0;
+ }
+ }
+ .service-formular fieldset {
+ margin : 0;
+ padding : 0;
+ border : none;
+ }
+ .service-formular fieldset .powermail_legend {
+ margin-bottom : 20px;
+ width : 100%;
+ display : block;
+ }
+ .service-formular label {
+ display : none;
+ }
+ .service-formular input[type="text"], .service-formular input[type="password"], .service-formular input[type="email"], .service-formular input[type="date"], .service-formular select {
+ width : 100%;
+ height : 55px;
+ border : #bbb solid 1px;
+ padding : 10px;
+ color : #cdcdcd;
+ margin-top : 15px;
+ font-size : 18px;
+ color : #333;
+ }
+ .service-formular input[type="submit"] {
+ background : #0067b1;
+ font-size : 15px;
+ line-height : normal;
+ text-transform : uppercase;
+ color : #fff;
+ padding : 15px 60px;
+ margin-top : 30px;
+ border : none;
+ outline : none;
+ font-weight : 700;
+ cursor : pointer;
+ }
+ .service-formular textarea {
+ width : 100%;
+ resize : none;
+ height : 150px;
+ border : #bbb solid 1px;
+ color : #cdcdcd;
+ padding : 10px;
+ font-size : 18px;
+ color : #333;
+ }
+ .service-formular .powermail_fieldwrap_input {
+ float : left;
+ width : calc((100% - 30px) / 3);
+ }
+ .service-formular .powermail_fieldwrap_input + .powermail_fieldwrap_input {
+ margin-left : 15px;
+ }
+ .service-formular .powermail_fieldwrap_check legend {
+ float : left;
+ margin : 25px 15px 15px 0;
+ }
+ .service-formular .powermail_fieldwrap_check input {
+ width : 20px;
+ height : 20px;
+ margin : 1px 3px 0;
+ }
+ .service-formular .powermail_fieldwrap_34 legend, .service-formular .powermail_fieldwrap_45 legend {
+ display : none;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer, .service-formular .powermail_fieldwrap_45 .powermail_check_outer {
+ margin-left : 0;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer input, .service-formular .powermail_fieldwrap_45 .powermail_check_outer input {
+ float : left;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer label, .service-formular .powermail_fieldwrap_45 .powermail_check_outer label {
+ max-width : 80%;
+ float : left;
+ margin-left : 15px;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer label a, .service-formular .powermail_fieldwrap_45 .powermail_check_outer label a {
+ font-size : 12px;
+ line-height : normal;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner, .service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner {
+ margin-left : 0;
+ width : 100%;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner + .powermail_check_inner, .service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner + .powermail_check_inner {
+ margin-top : 20px;
+ }
+ .service-formular .powermail_check_outer label {
+ display : inline-block;
+ vertical-align : middle;
+ float : right;
+ }
+ .service-formular .parsley-required, .service-formular .parsley-custom-error-message {
+ font-size : 12px;
+ line-height : normal;
+ color : #be1622;
+ }
+ .service-formular .powermail_field_error_container_checkbox {
+ position : absolute;
+ }
+ .service-formular .powermail_check_outer {
+ margin : 25px 15px 15px 15px;
+ }
+ .service-formular .powermail_check_outer div {
+ float : left;
+ }
+ .service-formular .powermail_check_outer div + div {
+ margin-left : 15px;
+ }
+ @media screen and (max-width:760px) {
+ .service-formular .powermail_fieldwrap_input {
+ width : 100%;
+ float : none;
+ }
+ .service-formular .powermail_fieldwrap_input + .powermail_fieldwrap_input {
+ margin-left : 0;
+ }
+ .service-formular .powermail_check_outer div {
+ display : block;
+ width : 100%;
+ }
+ .service-formular .powermail_check_outer div.powermail_check_inner input, .service-formular .powermail_check_outer div.powermail_check_inner label {
+ float : left;
+ }
+ .service-formular .powermail_check_outer div + div {
+ margin-left : 0;
+ }
+ }
+ .textOverSendButton {
+ font-size : 12px;
+ margin-top : 25px;
+ margin-bottom : -10px;
+ }
+ .tsaccordion .accordion-header {
+ background : url(../img/akkordeon_zu.png) 20px 20px no-repeat #ececec;
+ font-size : 1.5rem;
+ line-height : 1.9rem;
+ font-weight : normal;
+ padding : 9px 0 9px 64px;
+ margin : 0 0 2px 0;
+ }
+ .tsaccordion .accordion-switcher {
+ cursor : pointer;
+ }
+ .tsaccordion .accordion-switcher-active {
+ background-image : url(../img/akkordeon_offen.png);
+ }
+ .tsaccordion .accordion-content {
+ display : none;
+ padding : 19px 10px 28px 10px;
+ font-size : 0.9rem;
+ line-height : 1.3rem;
+ }
+ .tsaccordion .accordion-content .accordion-left {
+ display : inline-block;
+ float : left;
+ }
+ @media screen and (min-width:769px) {
+ .tsaccordion .accordion-content .accordion-left {
+ max-width : 70%;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .tsaccordion .accordion-content .accordion-left {
+ float : none;
+ display : block;
+ }
+ .tsaccordion .accordion-content .accordion-left > br {
+ display : none;
+ }
+ }
+ .tsaccordion .accordion-content .accordion-left .accordion-name {
+ display : inline-block;
+ font-size : 1.5rem;
+ line-height : 1.9rem;
+ }
+ @media screen and (max-width:768px) {
+ .tsaccordion .accordion-content .accordion-left .accordion-name {
+ display : block;
+ }
+ }
+ .tsaccordion .accordion-content .accordion-left .accordion-thema {
+ display : inline-block;
+ font-size : 0.9rem;
+ line-height : 1.3rem;
+ }
+ @media screen and (max-width:768px) {
+ .tsaccordion .accordion-content .accordion-left .accordion-thema {
+ display : block;
+ }
+ }
+ .tsaccordion .accordion-content .accordion-logo {
+ display : inline-block;
+ float : right;
+ margin : 7px 0 0 0;
+ }
+ @media screen and (max-width:768px) {
+ .tsaccordion .accordion-content .accordion-logo {
+ float : none;
+ }
+ }
+ .tsaccordion .accordion-content .accordion-description {
+ margin : 20px 0 14px 0;
+ }
+ .tsaccordion .accordion-content .accordion-more {
+ color : #0067b1;
+ font-weight : bold;
+ text-decoration : none;
+ display : inline-block;
+ }
+ .tsaccordion .accordion-content .accordion-more img {
+ margin-left : 3px;
+ }
+ .ce-leftright > div {
+ padding : 200px 0;
+ }
+ .ce-leftright > div figure {
+ float : left;
+ max-width : 600px;
+ width : 45.28%;
+ margin : 0;
+ padding : 0;
+ margin-right : 5.28%;
+ padding-left : 3.77%;
+ position : relative;
+ }
+ .ce-leftright > div figure img {
+ display : block;
+ position : relative;
+ z-index : 50;
+ }
+ .ce-leftright > div figure img.small, .ce-leftright > div figure img.medium, .ce-leftright > div figure img.big {
+ position : absolute;
+ z-index : 10;
+ }
+ .ce-leftright > div figure img.small {
+ top : 20px;
+ left : 20px;
+ }
+ .ce-leftright > div figure img.medium {
+ top : 0;
+ right : 20px;
+ }
+ .ce-leftright > div figure img.big {
+ left : 25px;
+ bottom : 0;
+ }
+ .ce-leftright > div figure + div {
+ float : left;
+ max-width : 650px;
+ width : 49.05%;
+ }
+ .ce-leftright > div figure + div p {
+ margin : 0;
+ color : #fff;
+ }
+ .ce-leftright > div figure + div p + * {
+ margin-top : 20px;
+ }
+ .ce-leftright > div figure + div a.redbutton, .ce-leftright > div figure + div a.bluebutton, .ce-leftright > div figure + div .thirdSection .right a, .thirdSection .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div a.darkbluebutton, .ce-leftright > div figure + div a.greybutton, .ce-leftright > div figure + div .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright > div figure + div a.greybutton, .ce-leftright > div figure + div a.whitebutton, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton, .marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright > div figure + div a.redbutton, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) .ce-leftright > div figure + div a, .ce-leftright > div figure + div a.bluebutton, .ce-leftright > div figure + div .thirdSection .right a, .thirdSection .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a {
+ min-width : 0;
+ }
+ .ce-leftright > div figure + div ul ul li {
+ font-weight : 400;
+ padding-left : 0;
+ }
+ .ce-leftright > div figure + div ul ul li:before {
+ display : none;
+ }
+ .ce-leftright > div.right figure {
+ float : right;
+ margin-left : 70px;
+ padding-left : 0;
+ margin-right : 0;
+ padding-right : 50px;
+ }
+ @media screen and (max-width:1180px) {
+ .ce-leftright > div figure img.small, .ce-leftright > div figure img.medium, .ce-leftright > div figure img.big {
+ display : none;
+ }
+ }
+ @media screen and (max-width:1024px) {
+ .ce-leftright .inner {
+ padding : 0 25px;
+ }
+ .ce-leftright > div {
+ padding : 50px 0;
+ }
+ .ce-leftright > div figure {
+ float : none;
+ max-width : none;
+ width : 100%;
+ margin-right : 0;
+ padding-left : 0;
+ margin-bottom : 25px;
+ }
+ .ce-leftright > div figure img {
+ margin : 0 auto;
+ }
+ .ce-leftright > div figure + div {
+ float : none;
+ max-width : none;
+ width : 100%;
+ margin-top : 40px;
+ text-align : center;
+ }
+ }
+ .sliderContainer {
+ margin-bottom : 50px;
+ }
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding-top : 100px;
+ }
+ .sliderContainer .swiper-container {
+ height : 600px;
+ }
+ .sliderContainer .swiper-slide {
+ background-size : cover !important ;
+ background-position : center center !important ;
+ }
+ .sliderContainer .slider-overlay {
+ background : rgba(0, 0, 0, 0.3);
+ width : 100%;
+ height : 100%;
+ }
+ .sliderContainer p {
+ font-size : 24px;
+ line-height : 34px;
+ color : #fff;
+ margin : 0;
+ font-weight : 600;
+ text-align : center;
+ }
+ .sliderContainer p + p {
+ margin-top : 30px;
+ }
+ @media screen and (max-width:680px) {
+ .sliderContainer .headlineH1Center, .sliderContainer p.headlineH1Center, .sliderContainer p.headlineH1Center, .sliderContainer .sliderContainer p.headlineH1Center {
+ font-weight : 600 !important ;
+ }
+ }
+ @media screen and (max-width:1100px) {
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding : 100px 60px;
+ }
+ .sliderContainer p {
+ font-size : 22px;
+ line-height : 32px;
+ }
+ }
+ @media screen and (max-width:800px) {
+ .sliderContainer {
+ background-size : cover !important ;
+ }
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding : 60px 60px;
+ }
+ .sliderContainer .swiper-container {
+ height : 500px;
+ }
+ .sliderContainer p {
+ font-size : 20px;
+ line-height : 30px;
+ }
+ }
+ @media screen and (max-width:600px) {
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding : 60px 40px;
+ }
+ .sliderContainer p {
+ font-size : 18px;
+ line-height : 28px;
+ }
+ .sliderContainer a {
+ font-size : 15px;
+ line-height : normal;
+ }
+ .sliderContainer .swiper-button-next {
+ right : 10px;
+ height : 26px;
+ width : 15px;
+ margin-top : -13px;
+ background-size : 15px 26px;
+ }
+ .sliderContainer .swiper-button-prev {
+ left : 10px;
+ height : 26px;
+ width : 15px;
+ margin-top : -13px;
+ background-size : 15px 26px;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .sliderContainer .swiper-container {
+ height : 400px;
+ }
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding : 20px 35px;
+ }
+ .sliderContainer a {
+ font-size : 15px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:420px) {
+ .sliderContainer .swiper-container {
+ height : 450px;
+ }
+ }
+ .mapsContainer {
+ float : right;
+ width : calc((100% - 40px) / 2);
+ }
+ @media screen and (max-width:800px) {
+ .mapsContainer {
+ float : none;
+ width : 100%;
+ margin-top : 25px;
+ }
+ }
+ .mapsContainer iframe {
+ width : 100% !important ;
+ }
+ .contactMain {
+ margin-bottom : 50px !important ;
+ }
+ @media screen and (max-width:1100px) {
+ .contactMain {
+ padding-left : 25px;
+ padding-right : 25px;
+ }
+ }
+ .powermail_form_3, .powermail_form_4, .powermail_form_5, .powermail_form_6, .powermail_form_7 {
+ float : left;
+ width : calc((100% - 40px) / 2);
+ }
+ @media screen and (max-width:800px) {
+ .powermail_form_3, .powermail_form_4, .powermail_form_5, .powermail_form_6, .powermail_form_7 {
+ float : none;
+ width : 100%;
+ }
+ }
+ .powermail_form_3 fieldset, .powermail_form_4 fieldset, .powermail_form_5 fieldset, .powermail_form_6 fieldset, .powermail_form_7 fieldset {
+ margin : 0;
+ padding : 0;
+ border : none;
+ }
+ .powermail_form_3 fieldset legend, .powermail_form_4 fieldset legend, .powermail_form_5 fieldset legend, .powermail_form_6 fieldset legend, .powermail_form_7 fieldset legend {
+ display : none;
+ }
+ .powermail_form_3 fieldset > div + div, .powermail_form_4 fieldset > div + div, .powermail_form_5 fieldset > div + div, .powermail_form_6 fieldset > div + div, .powermail_form_7 fieldset > div + div {
+ margin-top : 15px;
+ }
+ .powermail_form_3 h3, .powermail_form_4 h3, .powermail_form_5 h3, .powermail_form_6 h3, .powermail_form_7 h3 {
+ display : none;
+ }
+ .powermail_form_3 div label, .powermail_form_4 div label, .powermail_form_5 div label, .powermail_form_6 div label, .powermail_form_7 div label {
+ float : none;
+ display : block;
+ width : 100%;
+ margin-bottom : 2px;
+ }
+ .powermail_form_3 div input, .powermail_form_4 div input, .powermail_form_5 div input, .powermail_form_6 div input, .powermail_form_7 div input {
+ display : block;
+ border : #c6c6c6 solid 1px;
+ height : 30px;
+ width : 400px;
+ width : 100%;
+ padding : 0 10px;
+ color : #333;
+ }
+ .powermail_form_3 div input[type="submit"], .powermail_form_4 div input[type="submit"], .powermail_form_5 div input[type="submit"], .powermail_form_6 div input[type="submit"], .powermail_form_7 div input[type="submit"] {
+ width : 100px;
+ cursor : pointer;
+ }
+ .powermail_form_3 div textarea, .powermail_form_4 div textarea, .powermail_form_5 div textarea, .powermail_form_6 div textarea, .powermail_form_7 div textarea {
+ display : block;
+ margin-top : 5px;
+ resize : none;
+ width : 400px;
+ width : 100%;
+ height : 150px;
+ border : #c6c6c6 solid 1px;
+ padding : 5px 10px;
+ color : #333;
+ }
+ .powermail_form_3 div .parsley-required, .powermail_form_3 div .parsley-custom-error-message, .powermail_form_4 div .parsley-required, .powermail_form_4 div .parsley-custom-error-message, .powermail_form_5 div .parsley-required, .powermail_form_5 div .parsley-custom-error-message, .powermail_form_6 div .parsley-required, .powermail_form_6 div .parsley-custom-error-message, .powermail_form_7 div .parsley-required, .powermail_form_7 div .parsley-custom-error-message {
+ font-size : 12px;
+ line-height : normal;
+ color : #be1622;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_textarea label, .powermail_form_4 div.powermail_fieldwrap_textarea label, .powermail_form_5 div.powermail_fieldwrap_textarea label, .powermail_form_6 div.powermail_fieldwrap_textarea label, .powermail_form_7 div.powermail_fieldwrap_textarea label {
+ width : auto;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check, .powermail_form_4 div.powermail_fieldwrap_check, .powermail_form_5 div.powermail_fieldwrap_check, .powermail_form_6 div.powermail_fieldwrap_check, .powermail_form_7 div.powermail_fieldwrap_check {
+ position : relative;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_4 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_5 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_6 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_7 div.powermail_fieldwrap_check .powermail_check_inner {
+ position : relative;
+ padding-left : 20px;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check label, .powermail_form_4 div.powermail_fieldwrap_check label, .powermail_form_5 div.powermail_fieldwrap_check label, .powermail_form_6 div.powermail_fieldwrap_check label, .powermail_form_7 div.powermail_fieldwrap_check label {
+ font-size : 12px;
+ line-height : normal;
+ max-width : 100%;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check label a, .powermail_form_4 div.powermail_fieldwrap_check label a, .powermail_form_5 div.powermail_fieldwrap_check label a, .powermail_form_6 div.powermail_fieldwrap_check label a, .powermail_form_7 div.powermail_fieldwrap_check label a {
+ font-size : 12px;
+ line-height : normal;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check input, .powermail_form_4 div.powermail_fieldwrap_check input, .powermail_form_5 div.powermail_fieldwrap_check input, .powermail_form_6 div.powermail_fieldwrap_check input, .powermail_form_7 div.powermail_fieldwrap_check input {
+ width : auto;
+ height : auto;
+ position : absolute;
+ left : 0;
+ top : 2px;
+ margin : 0;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_4 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_5 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_6 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_7 div.powermail_fieldwrap_check + .powermail_fieldwrap_check {
+ margin-top : 0;
+ }
+ .powermail_form_3 .textOverSendButton, .powermail_form_4 .textOverSendButton, .powermail_form_5 .textOverSendButton, .powermail_form_6 .textOverSendButton, .powermail_form_7 .textOverSendButton {
+ font-size : 12px;
+ margin-top : 25px;
+ margin-bottom : 0;
+ }
+ .firstSection {
+ max-height : 870px;
+ position : relative;
+ overflow : hidden;
+ }
+ .firstSection > a {
+ display : block;
+ }
+ .firstSection > a + div {
+ position : absolute;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ z-index : 100;
+ background : rgba(0, 0, 0, 0.4);
+ }
+ .firstSection > a + div img:first-of-type {
+ position : absolute;
+ z-index : 150;
+ top : 50%;
+ margin-top : -49px;
+ text-align : center;
+ left : 50%;
+ margin-left : -183px;
+ }
+ @media screen and (max-width:480px) {
+ .firstSection > a + div img:first-of-type {
+ max-width : 250px;
+ margin-left : -125px;
+ margin-top : -33px;
+ }
+ }
+ .firstSection > a + div img:first-of-type + img {
+ position : absolute;
+ left : 50%;
+ margin-left : -58px;
+ bottom : 40px;
+ }
+ @media screen and (max-width:600px) {
+ .firstSection > a + div img:first-of-type + img {
+ display : none;
+ }
+ }
+ .firstSection video {
+ width : 100%;
+ display : block;
+ }
+ .firstSection figure {
+ margin : 0;
+ padding : 0;
+ width : 100%;
+ }
+ .firstSection figure img {
+ width : 100%;
+ }
+ .firstSection video + .linkLayout, .firstSection figure + .linkLayout {
+ position : absolute;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ z-index : 100;
+ background : rgba(0, 0, 0, 0.4);
+ }
+ .firstSection video + .linkLayout img:first-of-type, .firstSection figure + .linkLayout img:first-of-type {
+ position : absolute;
+ z-index : 150;
+ top : 50%;
+ margin-top : -49px;
+ text-align : center;
+ left : 50%;
+ margin-left : -183px;
+ }
+ @media screen and (max-width:480px) {
+ .firstSection video + .linkLayout img:first-of-type, .firstSection figure + .linkLayout img:first-of-type {
+ max-width : 250px;
+ margin-left : -125px;
+ margin-top : -33px;
+ }
+ }
+ .firstSection video + .linkLayout img:first-of-type + img, .firstSection figure + .linkLayout img:first-of-type + img {
+ position : absolute;
+ left : 50%;
+ margin-left : -58px;
+ bottom : 40px;
+ }
+ @media screen and (max-width:600px) {
+ .firstSection video + .linkLayout img:first-of-type + img, .firstSection figure + .linkLayout img:first-of-type + img {
+ display : none;
+ }
+ }
+ .secondSection {
+ background : #0067b1;
+ }
+ .secondSection h2, .secondSection .ce-table table caption, .ce-table table .secondSection caption {
+ font-size : 40px;
+ font-weight : 400;
+ color : #fff;
+ line-height : normal;
+ text-align : left;
+ margin : 0 0 26px 0;
+ }
+ .secondSection h2:after, .secondSection .ce-table table caption:after, .ce-table table .secondSection caption:after {
+ display : none;
+ }
+ .secondSection p {
+ color : #fff;
+ max-width : 540px;
+ }
+ .secondSection div.inner {
+ padding : 0 25px 50px 25px;
+ }
+ .secondSection div.inner:first-of-type {
+ padding-top : 130px;
+ }
+ .secondSection div.inner:first-of-type .big {
+ position : absolute;
+ top : -70px;
+ right : 95px;
+ z-index : 5;
+ }
+ .secondSection div.inner:first-of-type .medium {
+ position : absolute;
+ bottom : -85px;
+ left : -5px;
+ }
+ .secondSection div.inner:first-of-type .small {
+ position : absolute;
+ left : 40px;
+ top : -25px;
+ }
+ .secondSection div.inner:nth-of-type(2) .big {
+ position : absolute;
+ top : -48px;
+ left : 16px;
+ z-index : 5;
+ }
+ .secondSection div.inner:nth-of-type(2) .medium {
+ position : absolute;
+ bottom : -75px;
+ left : 40px;
+ }
+ .secondSection div.inner:nth-of-type(2) .small {
+ position : absolute;
+ right : 90px;
+ top : 115px;
+ }
+ .secondSection div.inner:nth-of-type(3) h2, .secondSection div.inner:nth-of-type(3) .ce-table table caption, .ce-table table .secondSection div.inner:nth-of-type(3) caption {
+ margin-top : 0;
+ }
+ .secondSection div.inner:nth-of-type(3) .big {
+ position : absolute;
+ bottom : -75px;
+ left : 40px;
+ z-index : 5;
+ }
+ .secondSection div.inner:nth-of-type(3) .medium {
+ position : absolute;
+ top : -48px;
+ left : 16px;
+ }
+ .secondSection div.inner:nth-of-type(3) .small {
+ position : absolute;
+ right : 90px;
+ top : 115px;
+ }
+ .secondSection div.inner:nth-of-type(4) .big {
+ position : absolute;
+ top : -48px;
+ left : 16px;
+ z-index : 5;
+ }
+ .secondSection div.inner:nth-of-type(4) .medium {
+ position : absolute;
+ bottom : -75px;
+ left : 40px;
+ }
+ .secondSection div.inner:nth-of-type(4) .small {
+ position : absolute;
+ right : 90px;
+ top : 115px;
+ }
+ .secondSection div.inner:last-of-type {
+ padding-bottom : 130px;
+ text-align : center;
+ }
+ .secondSection div.inner .left {
+ float : left;
+ width : 50%;
+ position : relative;
+ }
+ .secondSection div.inner .right {
+ float : left;
+ width : 50%;
+ position : relative;
+ }
+ .secondSection div.inner .default {
+ position : relative;
+ z-index : 15;
+ }
+ @media screen and (max-width:1180px) {
+ .secondSection div.inner .small, .secondSection div.inner .medium, .secondSection div.inner .big {
+ display : none !important ;
+ }
+ .secondSection div.inner .right {
+ padding-left : 3%;
+ padding-right : 3%;
+ }
+ .secondSection div.inner .left {
+ padding-right : 5%;
+ }
+ }
+ .secondSection div.inner + div {
+ margin-top : 130px;
+ }
+ @media screen and (max-width:1024px) {
+ .secondSection .animatedParent {
+ display : none;
+ }
+ .secondSection div.inner:first-of-type {
+ padding-top : 50px;
+ }
+ .secondSection div.inner:last-of-type {
+ padding-bottom : 50px;
+ }
+ .secondSection div.inner .right:not(.animatedParent) {
+ padding : 0;
+ margin : 0 auto;
+ float : none;
+ width : 100%;
+ }
+ .secondSection div.inner .right:not(.animatedParent) h2, .secondSection div.inner .right:not(.animatedParent) .ce-table table caption, .ce-table table .secondSection div.inner .right:not(.animatedParent) caption {
+ font-size : 30px;
+ line-height : normal;
+ margin : 0 0 15px 0;
+ }
+ .secondSection div.inner .right:not(.animatedParent) p {
+ max-width : none;
+ }
+ .secondSection div.inner .left:not(.animatedParent) {
+ padding : 0;
+ margin : 0 auto;
+ float : none;
+ width : 100%;
+ }
+ .secondSection div.inner .left:not(.animatedParent) h2, .secondSection div.inner .left:not(.animatedParent) .ce-table table caption, .ce-table table .secondSection div.inner .left:not(.animatedParent) caption {
+ font-size : 30px;
+ line-height : normal;
+ margin : 0 0 15px 0;
+ }
+ .secondSection div.inner .left:not(.animatedParent) p {
+ max-width : none;
+ }
+ .secondSection div.inner + div {
+ margin-top : 50px;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .secondSection div.inner .right:not(.animatedParent) {
+ width : 100%;
+ }
+ .secondSection div.inner .right:not(.animatedParent) p {
+ max-width : none;
+ }
+ .secondSection div.inner .left:not(.animatedParent) {
+ width : 100%;
+ }
+ .secondSection div.inner .left:not(.animatedParent) p {
+ max-width : none;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .secondSection div.inner img {
+ max-width : 250px;
+ }
+ }
+ .thirdSection {
+ text-align : center;
+ background : #fc0;
+ padding-top : 100px;
+ }
+ .thirdSection .inner {
+ padding : 100px 25px 170px 25px;
+ }
+ .thirdSection .left {
+ float : left;
+ width : 50%;
+ position : relative;
+ }
+ .thirdSection .right {
+ float : left;
+ width : 50%;
+ position : relative;
+ padding-top : 110px;
+ }
+ .thirdSection .right a {
+ margin-bottom : 30px;
+ }
+ .thirdSection h2, .thirdSection .ce-table table caption, .ce-table table .thirdSection caption {
+ font-size : 40px;
+ text-align : center;
+ margin : 0 0 15px 0;
+ color : #333;
+ }
+ .thirdSection p {
+ color : #333;
+ text-align : center;
+ margin : 0 0 40px 0;
+ }
+ .thirdSection .buttonContainer {
+ text-align : center;
+ }
+ .thirdSection .default {
+ z-index : 10;
+ position : relative;
+ left : 55px;
+ left : 0;
+ }
+ .thirdSection .big {
+ position : absolute;
+ bottom : 50px;
+ left : -40px;
+ z-index : 5;
+ }
+ .thirdSection .medium {
+ position : absolute;
+ left : 165px;
+ top : -65px;
+ }
+ .thirdSection .small {
+ position : absolute;
+ bottom : 0;
+ right : 60px;
+ }
+ @media screen and (max-width:1250px) {
+ .thirdSection .default {
+ left : 25px;
+ }
+ }
+ @media screen and (max-width:1180px) {
+ .thirdSection {
+ padding-top : 0;
+ }
+ .thirdSection .default {
+ left : 0;
+ }
+ .thirdSection .small, .thirdSection .medium, .thirdSection .big {
+ display : none !important ;
+ }
+ .thirdSection .left {
+ padding-right : 5%;
+ }
+ .thirdSection .right {
+ padding-left : 3%;
+ padding-right : 3%;
+ }
+ }
+ @media screen and (max-width:1024px) {
+ .thirdSection {
+ padding-top : 0;
+ }
+ .thirdSection .inner {
+ padding-top : 50px;
+ padding-bottom : 50px;
+ }
+ .thirdSection .inner h2, .thirdSection .inner .ce-table table caption, .ce-table table .thirdSection .inner caption {
+ font-size : 30px;
+ line-height : normal;
+ margin : 0 0 15px 0;
+ }
+ .thirdSection .inner a {
+ font-size : 22px;
+ line-height : normal;
+ }
+ .thirdSection .left {
+ display : none;
+ }
+ .thirdSection .right {
+ float : none;
+ width : 100%;
+ padding : 0;
+ }
+ }
+ .wrapsvg, .wrapsvg1, .wrapsvg4, .wrapsvg2, .wrapsvg3 {
+ float : left;
+ border : transparent solid 1px;
+ position : relative;
+ }
+ @media screen and (max-width:1024px) {
+ .wrapsvg, .wrapsvg1, .wrapsvg4, .wrapsvg2, .wrapsvg3 {
+ display : none !important ;
+ }
+ }
+ .wrapsvg1 {
+ left : -705px;
+ top : 128px;
+ }
+ .wrapsvg4 {
+ left : -705px;
+ top : 128px;
+ }
+ .wrapsvg2 {
+ left : -15px;
+ top : -140px;
+ }
+ .wrapsvg3 {
+ left : -700px;
+ top : 60px;
+ }
+ .svg1 {
+ position : absolute;
+ }
+ .svg2 {
+ position : absolute;
+ }
+ .svg3 {
+ position : absolute;
+ }
+ .svg4 {
+ position : absolute;
+ }
+ nav.section {
+ position : fixed;
+ top : 50%;
+ right : 20px;
+ z-index : 9999;
+ }
+ @media screen and (max-width:1024px) {
+ nav.section {
+ display : none;
+ }
+ }
+ nav.section ul li {
+ width : 20px;
+ height : 20px;
+ border-radius : 25px;
+ background : #fff;
+ display : block;
+ cursor : pointer;
+ transition : all 0.3s;
+ }
+ nav.section ul li a {
+ z-index : 100;
+ display : none;
+ padding : 14px 10px;
+ margin-top : -3px;
+ right : 48px;
+ font-size : 12px;
+ text-decoration : none;
+ }
+ nav.section ul li + li {
+ margin-top : 5px;
+ }
+ nav.section ul li:hover a {
+ display : inline;
+ position : fixed;
+ color : #fff;
+ height : 10px;
+ line-height : 2px;
+ text-align : center;
+ background : #be1622;
+ }
+ nav.section ul li.active {
+ width : 15px;
+ height : 15px;
+ transition : all 0.3s;
+ margin : 5px auto 0 auto;
+ }
+ .newsletter {
+ width : 100%;
+ padding : 50px 0 0 0;
+ background : #ececec;
+ position : relative;
+ }
+ .newsletter:after, .newsletter:before {
+ top : 0;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .newsletter:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .newsletter:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .newsletter .right {
+ float : right;
+ width : 100%;
+ max-width : 463px;
+ max-width : 420px;
+ }
+ @media screen and (max-width:900px) {
+ .newsletter .right {
+ float : none;
+ width : 100%;
+ max-width : none;
+ padding : 0 25px;
+ }
+ }
+ .newsletter .firstrow {
+ width : 100%;
+ max-width : 840px;
+ margin : 0 auto;
+ }
+ .newsletter .firstrow h2, .newsletter .firstrow .ce-table table caption, .ce-table table .newsletter .firstrow caption {
+ text-align : left;
+ }
+ .newsletter .firstrow h2:after, .newsletter .firstrow .ce-table table caption:after, .ce-table table .newsletter .firstrow caption:after {
+ margin : 10px 0 0 0;
+ }
+ .newsletter .firstrow p {
+ font-weight : 700;
+ color : #333;
+ margin : 0 0 30px 0;
+ }
+ .newsletter .firstrow ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .newsletter .firstrow ul li {
+ display : block;
+ color : #333;
+ font-weight : 700;
+ }
+ .newsletter .firstrow ul li span {
+ font-size : 22px;
+ margin-right : 10px;
+ border-radius : 50px;
+ border : #333 solid 2px;
+ padding : 10px;
+ vertical-align : sub;
+ }
+ .newsletter .firstrow ul li p {
+ margin : 0;
+ display : inline-block;
+ vertical-align : middle;
+ }
+ @media screen and (max-width:440px) {
+ .newsletter .firstrow ul li p {
+ width : 80%;
+ }
+ }
+ @media screen and (max-width:360px) {
+ .newsletter .firstrow ul li p {
+ width : 70%;
+ }
+ }
+ .newsletter .firstrow ul li + li {
+ margin-top : 10px;
+ }
+ .newsletter .secondrow {
+ background : #333;
+ padding : 60px 0;
+ margin-top : 30px;
+ }
+ .newsletter .secondrow .inner {
+ max-width : 836px;
+ position : relative;
+ }
+ .newsletter .secondrow img {
+ position : absolute;
+ left : 0;
+ left : 50px;
+ bottom : 0;
+ box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.4);
+ }
+ @media screen and (max-width:900px) {
+ .newsletter .secondrow img {
+ display : none;
+ }
+ }
+ .newsletter .secondrow .button {
+ text-align : center;
+ }
+ .newsletter .secondrow .button.animation span, .newsletter .secondrow .button.animation i {
+ display : inline-block;
+ padding-left : 0;
+ transition : all 0.7s;
+ }
+ .newsletter .secondrow .button.animation span + i {
+ padding-left : 5px;
+ transition : all 0.7s;
+ }
+ .newsletter .secondrow .button.animation i + span {
+ padding-left : 5px;
+ transition : all 0.7s;
+ }
+ .newsletter .secondrow .button.animation:hover span + i {
+ padding-left : 10px;
+ transition : all 0.7s;
+ }
+ .newsletter .secondrow .button.animation:hover i + span {
+ padding-left : 10px;
+ transition : all 0.7s;
+ }
+ .ce-download {
+ float : left;
+ width : 42%;
+ margin-bottom : 50px;
+ }
+ .ce-download h2, .ce-download .ce-table table caption, .ce-table table .ce-download caption {
+ text-align : left;
+ }
+ .ce-download h2:after, .ce-download .ce-table table caption:after, .ce-table table .ce-download caption:after {
+ margin : 10px 0 0 0;
+ }
+ .ce-download strong {
+ font-weight : 700;
+ font-size : 72px;
+ line-height : 3.3rem;
+ color : #333;
+ margin : 0 0 15px 0;
+ display : block;
+ }
+ .ce-download .date {
+ margin : 0 0 30px 0;
+ font-size : 14px;
+ line-height : normal;
+ color : #333;
+ }
+ .ce-download .agbContainer {
+ margin-top : 30px;
+ margin-bottom : 25px;
+ padding-left : 30px;
+ position : relative;
+ font-size : 14px;
+ line-height : normal;
+ }
+ .ce-download .agbContainer a {
+ color : #0067b1;
+ text-decoration : none;
+ }
+ .ce-download .agbContainer a:hover {
+ text-decoration : underline;
+ }
+ .ce-download .agbContainer input {
+ position : absolute;
+ left : 0;
+ top : 1px;
+ width : 20px;
+ height : 20px;
+ }
+ .ce-download .shortDescription {
+ margin-top : 0;
+ font-size : 14px;
+ line-height : normal;
+ }
+ .ce-download .Dbutton {
+ color : #fff;
+ background : #df8e96;
+ text-decoration : none;
+ width : 100%;
+ max-width : 280px;
+ display : block;
+ padding : 15px;
+ border : none;
+ outline : none;
+ text-align : left;
+ font-size : 22px;
+ line-height : normal;
+ }
+ .ce-download .Dbutton span {
+ font-size : 15px;
+ line-height : normal;
+ display : block;
+ margin-top : 5px;
+ }
+ .ce-download .Dbutton.active {
+ background : #be1622;
+ cursor : pointer;
+ }
+ .ce-download .Dbutton + div + .Dbutton, .ce-download .Dbutton + .Dbutton {
+ margin-top : 20px;
+ }
+ .ce-download .Dbutton.github {
+ background : #ececec;
+ color : #333;
+ padding : 20px 15px;
+ }
+ .ce-download .Dbutton.github span {
+ font-size : 45px;
+ vertical-align : sub;
+ margin-right : 8px;
+ margin-left : 15px;
+ display : inline-block;
+ }
+ .downloadOverlayContainer {
+ background : #fff;
+ padding : 25px 50px;
+ max-width : 720px;
+ margin : 0 auto;
+ position : relative;
+ }
+ .downloadOverlayContainer h1, .downloadOverlayContainer h2, .downloadOverlayContainer .ce-table table caption, .ce-table table .downloadOverlayContainer caption, .downloadOverlayContainer h3 {
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ font-weight : 400;
+ text-align : center;
+ margin : 0 0 15px 0;
+ }
+ .downloadOverlayContainer h3 {
+ font-weight : 700;
+ }
+ .downloadOverlayContainer .input {
+ background : #ececec;
+ padding : 8px 12px;
+ border : #333 dotted 1px;
+ display : inline-block;
+ width : 65%;
+ color : #0067b1;
+ overflow-x : auto;
+ height : 40px;
+ }
+ .downloadOverlayContainer .copyButton {
+ background : #0067b1;
+ color : #fff;
+ font-size : 15px;
+ line-height : normal;
+ padding : 8px 5px;
+ display : inline-block;
+ width : 32%;
+ text-align : center;
+ vertical-align : top;
+ border : none;
+ outline : none;
+ cursor : pointer;
+ height : 40px;
+ }
+ .downloadOverlayContainer .copyButton i {
+ margin-right : 5px;
+ }
+ @media screen and (max-width:720px) {
+ .downloadOverlayContainer {
+ padding : 25px 25px;
+ }
+ .downloadOverlayContainer .input {
+ display : block;
+ width : 100%;
+ height : auto;
+ }
+ .downloadOverlayContainer .copyButton {
+ display : block;
+ width : 100%;
+ height : auto;
+ }
+ }
+ .mfp-wrap {
+ overflow-x : scroll !important ;
+ }
+ .ce-downloadhinweis {
+ float : right;
+ width : 50%;
+ margin-bottom : 50px;
+ }
+ .ce-downloadhinweis h2, .ce-downloadhinweis .ce-table table caption, .ce-table table .ce-downloadhinweis caption {
+ text-align : left;
+ }
+ .ce-downloadhinweis h2:after, .ce-downloadhinweis .ce-table table caption:after, .ce-table table .ce-downloadhinweis caption:after {
+ margin : 10px 0 0 0;
+ }
+ .ce-downloadhinweis p + p {
+ margin-top : 30px;
+ }
+ .ce-downloadhinweis p + ol, .ce-downloadhinweis p + ul {
+ margin-top : 25px;
+ }
+ .ce-downloadhinweis ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .ce-downloadhinweis ul li {
+ color : #333;
+ }
+ .ce-downloadhinweis ul li a {
+ text-decoration : none;
+ color : #333;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .ce-downloadhinweis ul li a:hover {
+ text-decoration : underline;
+ }
+ .ce-downloadhinweis ul li + li {
+ margin-top : 3px;
+ }
+ .ce-downloadhinweis ul li:before {
+ content : "\f178";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ margin-right : 5px;
+ }
+ .ce-downloadhinweis ol {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .ce-downloadhinweis ol li {
+ display : block;
+ counter-increment : olliste;
+ }
+ .ce-downloadhinweis ol li:before {
+ content : counter(olliste) ".";
+ font-weight : 700;
+ font-size : 32px;
+ line-height : normal;
+ color : #bbbbbb;
+ margin-right : 5px;
+ }
+ .ce-downloadhinweis ol li + li {
+ margin-top : 15px;
+ }
+ .ce-downloadhinweis ol + p {
+ margin-top : 25px;
+ }
+ @media screen and (max-width:768px) {
+ .ce-download {
+ float : none;
+ width : 100%;
+ }
+ .ce-downloadhinweis {
+ float : none;
+ width : 100%;
+ }
+ }
+ .ce-youtube-text {
+ margin-bottom : 50px;
+ }
+ .ce-youtube-text h2, .ce-youtube-text .ce-table table caption, .ce-table table .ce-youtube-text caption {
+ margin-top : 0;
+ }
+ .ce-youtube-text .left, .ce-youtube-text .right {
+ float : left;
+ width : calc((100% - 20px) / 2);
+ }
+ @media screen and (max-width:767px) {
+ .ce-youtube-text .left, .ce-youtube-text .right {
+ float : none;
+ width : 100%;
+ }
+ }
+ .ce-youtube-text .left iframe {
+ width : 100% !important ;
+ height : 315px;
+ }
+ .ce-youtube-text .right {
+ margin-left : 20px;
+ }
+ .ce-youtube-text .right a {
+ display : block;
+ margin-top : 15px;
+ }
+ @media screen and (max-width:767px) {
+ .ce-youtube-text .right {
+ margin-left : 0;
+ margin-top : 20px;
+ }
+ }
+ .ce-youtube-slider {
+ margin-bottom : 50px;
+ }
+ .ce-youtube-slider .inner.small, .ce-youtube-slider .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .ce-youtube-slider .tx-felogin-pi1-inner {
+ position : relative;
+ }
+ .ce-youtube-slider a {
+ text-decoration : none;
+ }
+ .ce-youtube-slider p {
+ margin : 3px 0 0 0;
+ color : #333;
+ }
+ .ce-youtube-slider + div, .ce-youtube-slider + section {
+ border-top : 1px solid #c6c6c6;
+ padding-top : 50px;
+ }
+ .ce-youtube-slider .swiper-button-prev-small-youtube, .ce-youtube-slider .swiper-button-next-small-youtube {
+ padding : 12px 10px;
+ background : #ececec;
+ width : 30px;
+ }
+ .ce-youtube-slider .swiper-button-prev-small-youtube i.fa, .ce-youtube-slider .swiper-button-next-small-youtube i.fa {
+ padding-left : 0;
+ }
+ .ce-youtube-slider .swiper-button-next-small-youtube {
+ right : -30px;
+ }
+ .ce-youtube-slider .swiper-button-prev-small-youtube {
+ left : -30px;
+ }
+ .ce-youtube-slider .swiper-slide a div {
+ max-height : 140px;
+ height : auto;
+ overflow : hidden;
+ }
+ .ce-youtube-slider .swiper-slide a div img {
+ width : 100%;
+ }
+ @media screen and (max-width:640px) {
+ .ce-youtube-slider .swiper-slide a div {
+ max-height : none;
+ }
+ }
+ .shopDetailsContainer {
+ background : #ececec;
+ padding : 10px 0;
+ margin-bottom : 10px;
+ }
+ .shopDetailsContainer .left {
+ float : left;
+ min-height : 1px;
+ }
+ .shopDetailsContainer .left a {
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ text-decoration : none;
+ }
+ .shopDetailsContainer .left a i {
+ font-size : 12px;
+ }
+ .shopDetailsContainer .right {
+ float : right;
+ min-height : 1px;
+ }
+ .shopDetailsContainer .right ul li {
+ display : inline-block;
+ }
+ .shopDetailsContainer .right ul li a {
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ text-decoration : none;
+ }
+ .shopDetailsContainer .right ul li + li {
+ margin-left : 5px;
+ }
+ .shopDetailsContainer .tx-sy-osbeeproducts {
+ padding : 0;
+ }
+ .shopDetailsContainer .tx-sy-osbeeproducts ul {
+ display : inline-block;
+ }
+ .shopDetailsContainer .changeMoney span {
+ position : relative;
+ margin-right : 5px;
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ }
+ .shopDetailsContainer .changeMoney li {
+ position : relative;
+ margin-right : 5px;
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ }
+ .shopDetailsContainer .changeMoney li a {
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ text-decoration : none;
+ }
+ .shopDetailsContainer .changeMoney li ul {
+ width : 85px;
+ display : none;
+ position : absolute;
+ background : #fff;
+ padding : 5px 10px;
+ box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.35);
+ top : 32px;
+ left : 0;
+ }
+ .shopDetailsContainer .changeMoney li ul:before {
+ content : "";
+ height : 15px;
+ width : 100%;
+ position : absolute;
+ top : -15px;
+ }
+ .shopDetailsContainer .changeMoney li ul li a {
+ padding-left : 0;
+ }
+ .shopDetailsContainer .changeMoney li:hover ul {
+ display : block;
+ }
+ .marketplace-wrapper {
+ padding : 50px 0;
+ }
+ @media screen and (max-width:1120px) {
+ .marketplace-wrapper.inner.small, .tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner {
+ padding : 50px 25px;
+ }
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper.inner.small, .tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner {
+ padding : 0 25px;
+ }
+ }
+ .marketplace-wrapper .mp-mobile {
+ display : none;
+ margin-bottom : 0;
+ margin-top : 25px;
+ margin-bottom : 25px;
+ }
+ .marketplace-wrapper .mp-mobile button {
+ width : 100%;
+ outline : none;
+ border : none;
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper .mp-mobile {
+ display : block;
+ }
+ }
+ .marketplace-wrapper .mp-sidebar {
+ float : left;
+ width : 24.27%;
+ min-height : 1px;
+ margin-right : 0.97%;
+ }
+ .marketplace-wrapper .mp-sidebar.right {
+ margin-right : 0;
+ margin-left : 0.97%;
+ }
+ .marketplace-wrapper .mp-sidebar.right > div {
+ margin-bottom : 0;
+ }
+ .marketplace-wrapper .mp-sidebar.right > div + div {
+ margin-top : 30px;
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper .mp-sidebar {
+ float : none;
+ width : 100%;
+ margin-right : 0;
+ display : none;
+ margin-bottom : 25px;
+ }
+ .marketplace-wrapper .mp-sidebar.active {
+ display : block;
+ }
+ .marketplace-wrapper .mp-sidebar.right {
+ margin-left : 0;
+ display : block;
+ }
+ }
+ .marketplace-wrapper .mp-sidebar > div {
+ margin-bottom : 99px;
+ }
+ .marketplace-wrapper .mp-sidebar > div + div {
+ margin-top : 40px;
+ margin-bottom : 0;
+ }
+ .marketplace-wrapper .mp-sidebar h2, .marketplace-wrapper .mp-sidebar .ce-table table caption, .ce-table table .marketplace-wrapper .mp-sidebar caption {
+ text-align : left;
+ color : #333;
+ text-transform : uppercase;
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ margin : 0 0 10px 0;
+ font-family : "Open Sans", sans-serif;
+ padding-bottom : 3px;
+ border-bottom : 2px solid #fc0;
+ }
+ .marketplace-wrapper .mp-sidebar h2:after, .marketplace-wrapper .mp-sidebar .ce-table table caption:after, .ce-table table .marketplace-wrapper .mp-sidebar caption:after {
+ display : none;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche input[type="text"], .marketplace-wrapper .mp-sidebar .mp-suche select {
+ height : 40px;
+ border : #818181 solid 1px;
+ padding : 5px 10px;
+ width : 100%;
+ font-size : 14px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche input[type="text"] {
+ margin-bottom : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche input[type="submit"] {
+ width : 100%;
+ height : 40px;
+ border : none;
+ outline : none;
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ color : #fff;
+ background : #0067b1;
+ text-align : left;
+ padding : 10px;
+ cursor : pointer;
+ position : relative;
+ margin-top : 5px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche form {
+ position : relative;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche form:after {
+ content : "\f105";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ margin-left : 5px;
+ position : absolute;
+ right : 10px;
+ bottom : 9px;
+ color : #fff;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li {
+ display : block;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a {
+ text-decoration : none;
+ color : #333;
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li a:hover, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a:hover {
+ text-decoration : underline;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a {
+ display : block;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a .mp-categoryteaser, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a .mp-categoryteaser {
+ width : 20px;
+ height : 20px;
+ float : left;
+ color : #fff;
+ text-align : center;
+ margin-right : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a .mp-categoryteaser i, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a .mp-categoryteaser i {
+ text-align : center;
+ vertical-align : middle;
+ color : #fff;
+ font-size : 10px;
+ padding : 0 0 3px 0;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul {
+ margin-top : 8px;
+ margin-left : 20px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li {
+ padding-left : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li a {
+ font-weight : 400;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li + li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li + li {
+ margin-top : 5px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li + li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li + li {
+ margin-top : 12px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a {
+ font-weight : 400;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li + li {
+ margin-top : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-info img {
+ display : block;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-info img + p {
+ font-size : 13px;
+ line-height : normal;
+ margin : 15px 0 0 0;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-info img + p + p {
+ margin-top : 15px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-buttons a {
+ text-decoration : none;
+ color : #fff;
+ background : #0067b1;
+ width : 100%;
+ display : block;
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ text-transform : uppercase;
+ text-align : center;
+ padding : 15px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-buttons a + a {
+ margin-top : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-buttons a.blue {
+ background : #0067b1;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-buttons a.nobutton {
+ padding : 0;
+ color : #333;
+ background : transparent;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productspecifikation {
+ background : #ececec;
+ padding : 15px 10px 30px 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productspecifikation p {
+ margin : 0;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productspecifikation p + p {
+ margin-top : 30px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productspecifikation p a {
+ color : #0067b1;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productShare p {
+ margin : 0;
+ font-weight : 700;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productShare br {
+ display : none;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productShare .shariff .orientation-horizontal {
+ text-align : left !important ;
+ }
+ .marketplace-wrapper .mp-contentContainer {
+ float : left;
+ width : 74.76%;
+ min-height : 1px;
+ }
+ .marketplace-wrapper .mp-contentContainer.detailseite {
+ width : 49.51%;
+ padding-top : 25px;
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper .mp-contentContainer {
+ float : none;
+ width : 100%;
+ margin-bottom : 25px;
+ }
+ .marketplace-wrapper .mp-contentContainer.detailseite {
+ width : 100%;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner {
+ width : 100%;
+ height : auto;
+ margin-bottom : 30px;
+ position : relative;
+ }
+ @media screen and (max-width:480px) {
+ .marketplace-wrapper .mp-contentContainer .mp-banner {
+ display : none;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div {
+ position : absolute;
+ top : 40px;
+ left : 40px;
+ }
+ @media screen and (max-width:1024px) {
+ .marketplace-wrapper .mp-contentContainer .mp-banner div {
+ top : 20px;
+ left : 20px;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div h2, .marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption, .ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption {
+ color : #fff;
+ font-weight : 700;
+ text-align : left;
+ font-size : 32px;
+ line-height : normal;
+ text-transform : uppercase;
+ margin-top : 0;
+ font-family : "Open Sans", sans-serif;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div h2:after, .marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption:after, .ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption:after {
+ margin : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div p {
+ color : #fff;
+ margin : 0;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div p + p {
+ margin-top : 15px;
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper .mp-contentContainer .mp-banner div p {
+ display : none;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div a {
+ color : #fff;
+ text-decoration : none;
+ font-size : 13px;
+ line-height : normal;
+ display : block;
+ margin-top : 15px;
+ text-transform : uppercase;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div a:after {
+ content : "\f178";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ margin-left : 5px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div a:hover {
+ text-decoration : underline;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-filter {
+ width : 100%;
+ margin-bottom : 20px;
+ }
+ @media screen and (min-width:600px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul {
+ display : flex;
+ flex-wrap : nowrap;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li {
+ background : #bbbbbb;
+ color : #fff;
+ cursor : pointer;
+ padding : 15px 0;
+ font-weight : 700;
+ text-transform : uppercase;
+ text-align : center;
+ }
+ @media screen and (min-width:600px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li {
+ flex-direction : column;
+ order : 4;
+ flex-grow : 4;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li.active, .marketplace-wrapper .mp-contentContainer .mp-filter ul li:hover {
+ background : #333;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li + li {
+ margin-left : 10px;
+ }
+ @media screen and (max-width:1024px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li {
+ font-size : 13px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li {
+ font-size : 12px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:600px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li + li {
+ margin-left : 0;
+ margin-top : 10px;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article {
+ float : left;
+ width : 250px;
+ width : calc((100% - 21px) / 3);
+ border : #818181 solid 1px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article + article {
+ margin-left : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) {
+ margin-left : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 4) {
+ margin-top : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article > a {
+ display : block;
+ height : 100%;
+ position : relative;
+ padding-bottom : 50px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header {
+ position : relative;
+ padding : 10px 10px 0 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage, .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser {
+ display : block;
+ float : left;
+ max-width : 70px;
+ margin-right : 10px;
+ width : 54px;
+ height : 54px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage i, .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser i {
+ text-align : center;
+ vertical-align : middle;
+ color : #fff;
+ font-size : 24px;
+ padding : 15px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header h3 {
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ font-weight : 400;
+ margin : 0 0 10px 0;
+ max-width : calc(100% - 70px);
+ float : left;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header span {
+ font-size : 11px;
+ line-height : normal;
+ display : block;
+ font-weight : 400;
+ color : #333;
+ clear : both;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner {
+ position : absolute;
+ top : 0;
+ right : 0;
+ z-index : 800;
+ }
+ @media screen and (max-width:1120px) {
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner {
+ display : none;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer {
+ position : relative;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty {
+ position : absolute;
+ top : 0;
+ left : 0;
+ width : 0%;
+ overflow : hidden;
+ height : 22px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span {
+ color : #fc0;
+ position : absolute;
+ top : 4px;
+ font-size : 9px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span {
+ left : 12px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span {
+ left : 23px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span + span {
+ left : 34px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span + span + span {
+ left : 45px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty {
+ position : relative;
+ left : auto;
+ right : auto;
+ bottom : auto;
+ width : 100%;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article main {
+ margin-top : 15px;
+ padding : 0 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article main p {
+ font-size : 13px;
+ line-height : normal;
+ margin : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article main p + p {
+ margin-top : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article main img {
+ display : block;
+ margin-top : 15px;
+ max-height : 25px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer {
+ margin-top : 10px;
+ border-top : 1px solid #818181;
+ padding : 10px 10px 10px 10px;
+ position : absolute;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer {
+ float : left;
+ position : relative;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled {
+ position : absolute;
+ top : 0;
+ left : 0;
+ width : 0%;
+ overflow : hidden;
+ height : 22px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span {
+ color : #fc0;
+ position : absolute;
+ top : 4px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span {
+ left : 19px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span {
+ left : 38px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span + span {
+ left : 57px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span + span + span {
+ left : 76px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .price {
+ float : none;
+ }
+ @media screen and (max-width:1100px) {
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .price {
+ font-size : 13px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .price span {
+ font-size : 10px !important ;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation {
+ display : none;
+ background : #0067b1;
+ color : #fff;
+ text-align : center;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 16px;
+ line-height : normal;
+ padding : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation:after {
+ content : "\f178";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ margin-left : 5px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a {
+ text-decoration : none;
+ color : #333;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer {
+ padding : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .ratingContainer {
+ display : none;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .price {
+ display : none;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .moreInformation {
+ display : block;
+ }
+ @media screen and (max-width:1023px) {
+ .marketplace-wrapper .mp-contentContainer .mp-content article {
+ width : calc((100% - 11px) / 2);
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) {
+ margin-left : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n 3) {
+ margin-left : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 3) {
+ margin-top : 10px;
+ }
+ }
+ @media screen and (max-width:560px) {
+ .marketplace-wrapper .mp-contentContainer .mp-content article {
+ width : 100%;
+ margin-left : 0 !important ;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) {
+ margin-left : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n 3) {
+ margin-left : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 2) {
+ margin-top : 10px;
+ }
+ }
+ .mpdetail-content .mp-productInfo {
+ margin-bottom : 60px;
+ }
+ .mpdetail-content .mp-productInfo > img, .mpdetail-content .mp-productInfo > .mpdetail-productcategoryteaser {
+ float : left;
+ margin : 0 10px;
+ max-width : 110px;
+ display : block;
+ text-align : center;
+ height : 100px;
+ width : 100px;
+ }
+ .mpdetail-content .mp-productInfo > img i, .mpdetail-content .mp-productInfo > .mpdetail-productcategoryteaser i {
+ font-size : 40px;
+ vertical-align : middle;
+ color : #fff;
+ display : inline-block;
+ line-height : 100px;
+ }
+ .mpdetail-content .mp-productInfo > div {
+ float : left;
+ max-width : 340px;
+ }
+ .mpdetail-content .mp-productInfo > div h1 {
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ font-weight : 700;
+ margin : 0 0 5px 0;
+ }
+ .mpdetail-content .mp-productInfo > div > span {
+ font-size : 11px;
+ line-height : normal;
+ display : block;
+ font-weight : 400;
+ color : #333;
+ }
+ .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung img {
+ display : block;
+ margin : 15px 0;
+ float : left;
+ }
+ .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung img + img {
+ margin-left : 5px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer {
+ position : relative;
+ display : inline-block;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled {
+ position : absolute;
+ top : 0;
+ left : 0;
+ width : 0%;
+ overflow : hidden;
+ height : 22px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span {
+ color : #fc0;
+ position : absolute;
+ top : 4px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span {
+ left : 19px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span {
+ left : 38px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span + span {
+ left : 57px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span + span + span {
+ left : 76px;
+ }
+ .mpdetail-content .mp-productWrapper > ul li {
+ float : left;
+ width : calc(100% / 3);
+ background : #fff;
+ text-align : center;
+ border-top : 2px solid #ebebeb;
+ border-left : 2px solid #ebebeb;
+ cursor : pointer;
+ }
+ .mpdetail-content .mp-productWrapper > ul li a {
+ color : #333;
+ font-size : 13px;
+ line-height : normal;
+ cursor : pointer;
+ text-decoration : none;
+ font-weight : 700;
+ display : block;
+ padding : 15px;
+ }
+ @media screen and (max-width:360px) {
+ .mpdetail-content .mp-productWrapper > ul li a {
+ font-size : 11px;
+ line-height : normal;
+ }
+ }
+ .mpdetail-content .mp-productWrapper > ul li.current, .mpdetail-content .mp-productWrapper > ul li:hover {
+ background : #ececec;
+ border-top : 2px solid #fc0;
+ }
+ .mpdetail-content .mp-productWrapper > ul li.current i, .mpdetail-content .mp-productWrapper > ul li:hover i {
+ color : #fc0;
+ }
+ .mpdetail-content .mp-productWrapper > ul li.current {
+ border-left : 2px solid transparent;
+ border-right : 2px solid transparent;
+ }
+ .mpdetail-content .mp-productWrapper > ul li.current + li {
+ border-left : 2px solid #ebebeb;
+ }
+ .mpdetail-content .mp-productWrapper > ul li:nth-of-type(2).current {
+ border-left : 2px solid #ebebeb;
+ }
+ .mpdetail-content .mp-productWrapper > ul li + li {
+ border-right : 2px solid #ebebeb;
+ }
+ .mpdetail-content .mp-productWrapper > ul li + li + li {
+ border-left : 2px solid transparent;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab {
+ display : none;
+ background : #ececec;
+ padding : 15px 10px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab:first-of-type {
+ display : block;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab h3 {
+ color : #333;
+ margin : 0 0 10px 0;
+ font-size : 18px;
+ line-height : normal;
+ font-weight : 700;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab a {
+ font-size : 13px;
+ line-height : normal;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab p {
+ margin : 0;
+ font-size : 13px;
+ line-height : normal;
+ color : #333;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab p a {
+ font-size : 13px;
+ line-height : normal;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab p + p {
+ margin-top : 15px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab ul {
+ margin : 10px 0 0 0;
+ padding : 0;
+ list-style-type : none;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab ul li {
+ position : relative;
+ padding-left : 15px;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab ul li:before {
+ content : "\f054";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ position : absolute;
+ top : 4px;
+ left : 0;
+ color : #333;
+ font-size : 12px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab ul li + li {
+ margin-top : 4px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span {
+ color : #bbb;
+ cursor : pointer;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover ~ span {
+ color : #fc0;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover:before, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover ~ span:before {
+ content : "\f005";
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer p {
+ font-size : 18px;
+ line-height : normal;
+ color : #bbb;
+ display : inline-block;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form {
+ margin-bottom : 20px;
+ padding-bottom : 30px;
+ border-bottom : 1px solid #bbbbbb;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea {
+ resize : none;
+ height : 105px;
+ padding : 10px;
+ width : 100%;
+ margin-top : 10px;
+ color : #bbb;
+ font-size : 18px;
+ line-height : normal;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea + p {
+ font-size : 13px;
+ line-height : normal;
+ color : #bbb;
+ text-align : right;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form input[type="submit"] {
+ display : inline-block;
+ font-size : 16px;
+ line-height : normal;
+ color : #fff;
+ border : none;
+ outline : none;
+ text-align : center;
+ background : #0067b1;
+ text-transform : uppercase;
+ padding : 15px;
+ min-width : 160px;
+ margin-top : -10px;
+ font-weight : 700;
+ cursor : pointer;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment h3 {
+ margin-bottom : 5px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment + .mp-usercomment {
+ margin-top : 25px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer .fa-star {
+ color : #fc0;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer span {
+ color : #bbb;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply {
+ background : #fff;
+ padding : 15px 10px;
+ margin-left : 30px;
+ position : relative;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after {
+ bottom : 100%;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-bottom-color : #fff;
+ border-width : 15px;
+ margin-left : -200px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-bottom-color : #fff;
+ border-width : 15px;
+ margin-left : -200px;
+ }
+ .forumWrapOuter {
+ background : #ececec;
+ }
+ .forumWrapOuter .ce-Image-Text-Element {
+ margin-bottom : 0;
+ padding-bottom : 40px;
+ }
+ .tx-typo3forum-pi1 {
+ padding-top : 50px;
+ padding-bottom : 50px;
+ }
+ .tx-typo3forum-pi1 .forum_menu, .tx-typo3forum-pi1 .topic_list_menu {
+ margin-bottom : 40px;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) {
+ float : left;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) i {
+ display : none;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:before {
+ content : "\f053";
+ display : inline-block;
+ margin-right : 5px;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) {
+ float : right;
+ margin-left : 15px;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) i {
+ display : none;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:before {
+ content : "\f0fe";
+ display : inline-block;
+ margin-right : 5px;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) {
+ float : right;
+ display : none !important ;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) i {
+ display : none;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a {
+ background : #fc0;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:before {
+ content : "\f005";
+ display : inline-block;
+ margin-right : 5px;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ @media screen and (max-width:640px) {
+ .tx-typo3forum-pi1 .forum_menu ul li, .tx-typo3forum-pi1 .topic_list_menu ul li {
+ float : none !important ;
+ width : 100% !important ;
+ margin-bottom : 5px;
+ margin-left : 0 !important ;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li a, .tx-typo3forum-pi1 .topic_list_menu ul li a {
+ width : 100%;
+ text-align : center;
+ }
+ }
+ .tx-typo3forum-pi1 #topic fieldset, .tx-typo3forum-pi1 #post fieldset, .tx-typo3forum-pi1 #report fieldset {
+ border : none;
+ padding : 0;
+ margin : 0;
+ }
+ .tx-typo3forum-pi1 #topic fieldset legend, .tx-typo3forum-pi1 #post fieldset legend, .tx-typo3forum-pi1 #report fieldset legend {
+ margin-bottom : 40px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .control-group, .tx-typo3forum-pi1 #post fieldset .control-group, .tx-typo3forum-pi1 #report fieldset .control-group {
+ margin-bottom : 15px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .control-group + .control-group > label, .tx-typo3forum-pi1 #post fieldset .control-group + .control-group > label, .tx-typo3forum-pi1 #report fieldset .control-group + .control-group > label {
+ position : relative;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .markItUpContainer, .tx-typo3forum-pi1 #post fieldset .markItUpContainer, .tx-typo3forum-pi1 #report fieldset .markItUpContainer {
+ width : 100%;
+ max-width : 927px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .markItUpHeader, .tx-typo3forum-pi1 #post fieldset .markItUpHeader, .tx-typo3forum-pi1 #report fieldset .markItUpHeader {
+ float : right;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul .markItUpDropMenu, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul .markItUpDropMenu, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul .markItUpDropMenu {
+ padding-right : 0;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul a, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul a, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul a {
+ width : 18px;
+ height : 18px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="submit"], .tx-typo3forum-pi1 #post fieldset input[type="submit"], .tx-typo3forum-pi1 #report fieldset input[type="submit"] {
+ display : block;
+ float : left;
+ border : #c6c6c6 solid 1px;
+ height : 35px;
+ padding : 0 10px;
+ background : #c6c6c6;
+ font-size : 14px;
+ line-height : 33px;
+ cursor : pointer;
+ font-family : "Open Sans", sans-serif;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="submit"] + .btn, .tx-typo3forum-pi1 #post fieldset input[type="submit"] + .btn, .tx-typo3forum-pi1 #report fieldset input[type="submit"] + .btn {
+ display : block;
+ float : left;
+ border : #c6c6c6 solid 1px;
+ height : 35px;
+ padding : 0 10px;
+ margin-left : 10px;
+ background : #c6c6c6;
+ font-size : 14px;
+ line-height : 35px;
+ color : #000;
+ font-weight : 400;
+ font-family : "Open Sans", sans-serif;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="checkbox"], .tx-typo3forum-pi1 #post fieldset input[type="checkbox"], .tx-typo3forum-pi1 #report fieldset input[type="checkbox"] {
+ margin-left : 0;
+ margin-top : 0;
+ vertical-align : bottom;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="text"], .tx-typo3forum-pi1 #topic fieldset textarea, .tx-typo3forum-pi1 #post fieldset input[type="text"], .tx-typo3forum-pi1 #post fieldset textarea, .tx-typo3forum-pi1 #report fieldset input[type="text"], .tx-typo3forum-pi1 #report fieldset textarea {
+ border : #c6c6c6 solid 1px;
+ padding : 0 10px;
+ height : 30px;
+ font-family : "Open Sans", sans-serif;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="text"], .tx-typo3forum-pi1 #post fieldset input[type="text"], .tx-typo3forum-pi1 #report fieldset input[type="text"] {
+ width : 100%;
+ max-width : 927px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset textarea, .tx-typo3forum-pi1 #post fieldset textarea, .tx-typo3forum-pi1 #report fieldset textarea {
+ padding-top : 10px;
+ padding-bottom : 10px;
+ margin-top : 5px;
+ min-height : 200px;
+ font-family : "Open Sans", sans-serif;
+ }
+ .tx-typo3forum-pi1 #post fieldset .control-group > label {
+ position : relative;
+ bottom : -25px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .control-group + .control-group > label {
+ position : relative;
+ bottom : -25px;
+ }
+ .tx-typo3forum-pi1 #report .markItUp {
+ margin-top : -20px;
+ }
+ .tx-typo3forum-pi1 #report .markItUp .tx-typo3forum-miu-code, .tx-typo3forum-pi1 #report .markItUp .markItUpSeparator {
+ display : none;
+ }
+ .tx-typo3forum-pi1 ul.nav-pills-condensed {
+ margin-bottom : 5px;
+ }
+ .tx-typo3forum-pi1 > h2, .ce-table table .tx-typo3forum-pi1 > caption {
+ display : none;
+ }
+ .tx-typo3forum-pi1 > h2.enable, .ce-table table .tx-typo3forum-pi1 > caption.enable {
+ text-transform : none;
+ text-align : left;
+ padding-left : 10px;
+ background : #0067b1;
+ padding : 15px 0 15px 10px;
+ margin : 0;
+ font-size : 16px;
+ line-height : normal;
+ color : #fff;
+ }
+ .tx-typo3forum-pi1 > h2.enable:after, .ce-table table .tx-typo3forum-pi1 > caption.enable:after {
+ display : none;
+ }
+ .tx-typo3forum-pi1 table tbody td {
+ background : #fff !important ;
+ padding : 10px 8px;
+ line-height : 60px;
+ vertical-align : middle;
+ height : 60px;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .tx-typo3forum-pi1 table tbody td div {
+ font-size : 13px;
+ line-height : 18.2px;
+ font-size : 0.8125rem;
+ line-height : 1.1375rem;
+ font-weight : 300;
+ color : #b4b4b4;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .tx-typo3forum-pi1 table tbody td a {
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ text-decoration : none;
+ color : #333;
+ }
+ .tx-typo3forum-pi1 table tbody td:nth-of-type(n 3) {
+ text-align : center;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator {
+ text-align : right;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator li {
+ color : #0067b1;
+ font-weight : 700;
+ font-size : 13px;
+ line-height : normal;
+ display : inline-block;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator li a {
+ font-size : 13px;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator li.current {
+ color : #fc0;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator li + li {
+ margin-left : 5px;
+ }
+ .ce-osbee-forum h2, .ce-osbee-forum .ce-table table caption, .ce-table table .ce-osbee-forum caption {
+ text-transform : none;
+ text-align : left;
+ padding-left : 10px;
+ background : #0067b1;
+ padding : 15px 0 15px 10px;
+ margin : 0;
+ font-size : 16px;
+ line-height : normal;
+ color : #fff;
+ }
+ .ce-osbee-forum h2:after, .ce-osbee-forum .ce-table table caption:after, .ce-table table .ce-osbee-forum caption:after {
+ display : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap {
+ display : block;
+ width : 100%;
+ background : #fff;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child {
+ width : 100%;
+ padding : 15px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon {
+ float : left;
+ max-width : 70px;
+ margin-right : 15px;
+ width : 41px;
+ height : 41px;
+ border-radius : 25px;
+ background : #c6c6c6;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic {
+ background : #fff;
+ text-align : center;
+ vertical-align : middle;
+ border : #bbb solid 1px;
+ width : 20px;
+ height : 20px;
+ color : #bbb;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic i, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic i {
+ padding : 0;
+ font-size : 12px;
+ padding-top : 4px;
+ display : block;
+ }
+ @media screen and (max-width:640px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon {
+ display : none;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left {
+ float : left;
+ width : 55%;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 {
+ margin : 0;
+ font-size : 16px;
+ line-height : normal;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a {
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ margin : 0 0 5px 0;
+ display : block;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a {
+ font-weight : 400;
+ font-size : 12px;
+ line-height : normal;
+ margin : 0;
+ display : block;
+ width : 100%;
+ max-width : 500px;
+ overflow : hidden;
+ text-overflow : ellipsis;
+ white-space : nowrap;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span {
+ display : block;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span + span, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span + span {
+ color : #bbb;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left {
+ width : 40%;
+ }
+ }
+ @media screen and (max-width:800px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left {
+ width : 36%;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left {
+ float : none;
+ width : 100%;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a {
+ margin-bottom : 0;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p {
+ margin-bottom : 20px;
+ max-width : 85%;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p {
+ margin-bottom : 0;
+ max-width : 100%;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right {
+ float : right;
+ width : 36%;
+ min-width : 360px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p {
+ display : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.topics, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.posts {
+ display : block;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics {
+ font-size : 12px;
+ line-height : 14px;
+ margin : 0;
+ font-weight : 400;
+ width : 45px;
+ text-align : center;
+ float : left;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics span {
+ display : block;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics {
+ width : 40px;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts {
+ font-size : 12px;
+ line-height : 14px;
+ margin : 0;
+ font-weight : 400;
+ float : left;
+ width : 45px;
+ text-align : center;
+ margin-left : 25px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts a {
+ font-size : 12px;
+ line-height : 14px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts span {
+ display : block;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts {
+ width : 40px;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available {
+ width : 220px;
+ position : relative;
+ padding-left : 40px;
+ display : block;
+ float : left;
+ margin-left : 25px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .tx-typo3forum-topic-show-post-user-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .tx-typo3forum-topic-show-post-user-icon {
+ max-height : 30px;
+ border-radius : 25px;
+ width : auto;
+ margin-right : 0;
+ position : absolute;
+ left : 0;
+ top : 0;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost {
+ font-size : 12px;
+ line-height : 14px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a {
+ font-size : 12px;
+ line-height : 14px;
+ text-decoration : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a:hover, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a:hover {
+ text-decoration : underline;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor {
+ font-size : 12px;
+ line-height : 14px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a {
+ font-size : 12px;
+ line-height : 14px;
+ text-decoration : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a:hover, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a:hover {
+ text-decoration : underline;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor time, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor time {
+ font-size : 12px;
+ line-height : 14px;
+ display : block;
+ width : 100%;
+ color : #c6c6c6;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available {
+ width : 200px;
+ }
+ }
+ @media screen and (max-width:420px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available {
+ width : auto;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post img, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available img {
+ display : none;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available {
+ margin-top : 0;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available span {
+ display : inline;
+ vertical-align : middle;
+ line-height : 30px;
+ font-size : 12px;
+ line-height : 14px;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right {
+ width : 35%;
+ min-width : 330px;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right {
+ float : none;
+ width : 100%;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right {
+ display : none;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div a {
+ font-weight : 400;
+ color : #333;
+ text-decoration : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child + .ce-osbee-forum-child {
+ border-top : 1px solid #bbbbbb;
+ }
+ ul.nav-pills li {
+ display : inline-block;
+ }
+ ul.nav-pills li a {
+ font-size : 12px;
+ line-height : normal;
+ color : #333;
+ font-weight : 400;
+ text-decoration : none;
+ }
+ ul.nav-pills li a:hover {
+ text-decoration : underline;
+ }
+ ul.nav-pills li:last-of-type a {
+ font-weight : 700;
+ color : #333;
+ }
+ ul.nav-pills li + li:before {
+ content : "\f054";
+ color : #fc0;
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ font-size : 10px;
+ }
+ ul.nav-pills + .ce-osbee-forum {
+ margin-top : 20px;
+ }
+ .ce-osbee-forum-singlepost {
+ position : relative;
+ background : #fff;
+ padding : 30px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation {
+ width : 20%;
+ float : left;
+ padding-right : 2%;
+ border-right : 1px solid #bbb;
+ text-align : center;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon {
+ float : none;
+ display : block;
+ margin : 0;
+ background : #ececec;
+ padding : 10px;
+ text-align : center;
+ border-radius : 150px;
+ height : 85px;
+ width : 85px;
+ margin : 15px auto;
+ font-size : 60px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a {
+ font-size : 16px;
+ line-height : normal;
+ margin : 0 0 10px 0;
+ color : #333;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a:hover {
+ text-decoration : underline;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div span.screenname {
+ font-size : 16px;
+ line-height : normal;
+ margin : 0 0 10px 0;
+ color : #333;
+ font-weight : 700;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName {
+ font-size : 18px;
+ line-height : normal;
+ font-weight : 600;
+ color : #333;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered {
+ font-size : 14px;
+ line-height : normal;
+ color : #bbbbbb;
+ margin-bottom : 10px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .membersince {
+ font-size : 12px;
+ line-height : normal;
+ color : #bbbbbb;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .postcounts {
+ font-size : 12px;
+ line-height : normal;
+ color : #bbbbbb;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p {
+ font-size : 14px;
+ line-height : normal;
+ font-weight : 400;
+ margin : 0;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p + p {
+ margin-top : 2px;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation {
+ width : 25%;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a {
+ font-size : 14px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation {
+ float : none;
+ width : 100%;
+ border-right : none;
+ padding-right : 0;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon {
+ display : none;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div {
+ padding-bottom : 15px;
+ border-bottom : 1px solid #bbb;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div * {
+ display : block;
+ text-align : left;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a {
+ font-size : 14px;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.membersince, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.postcounts, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.unregistered {
+ margin-left : 0;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div {
+ padding-bottom : 15px;
+ }
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content {
+ width : 77%;
+ float : left;
+ padding-left : 2%;
+ margin-left : 3%;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content {
+ width : 70%;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content {
+ float : none;
+ margin-left : 0;
+ width : 100%;
+ margin-top : 20px;
+ }
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text {
+ padding : 0;
+ margin : 0;
+ font-size : 12px;
+ line-height : normal;
+ padding-top : 10px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text p {
+ font-size : 12px;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote {
+ background : #fff;
+ color : #333;
+ border : none;
+ margin : 0 0 15px 0;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user {
+ color : #333;
+ font-size : 12px;
+ font-weight : 400;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user a {
+ color : #333;
+ font-size : 12px;
+ font-weight : 400;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text {
+ margin-top : 10px;
+ font-style : italic;
+ color : #bbb;
+ font-size : 12px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text:before {
+ content : "\f10e";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ font-size : 30px;
+ color : #0067b1;
+ margin-right : 10px;
+ vertical-align : top;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote {
+ margin : -30px 0 10px 35px;
+ padding : 0;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote .tx-typo3forum-quote-text:before {
+ font-size : 20px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation {
+ border-bottom : 1px solid #bbb;
+ padding-bottom : 5px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu {
+ float : right;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu a {
+ font-weight : 400;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu .quote-icon {
+ padding-left : 0;
+ position : relative;
+ top : -4px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date {
+ float : left;
+ font-size : 12px;
+ line-height : normal;
+ color : #333;
+ font-style : normal;
+ font-size : 13px;
+ color : #bbb;
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation {
+ position : absolute;
+ top : 30px;
+ right : 30px;
+ border-bottom : none;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date {
+ float : none;
+ display : inline-block;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu {
+ float : none;
+ margin-left : 10px;
+ display : inline-block;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation {
+ position : relative;
+ top : 0;
+ text-align : right;
+ right : auto;
+ border-bottom : none;
+ }
+ }
+ .ce-osbee-forum-singlepost + .ce-osbee-forum-singlepost {
+ border-top : 1px solid #bbbbbb;
+ }
+ .ce-osbee-forum-singlepost:first-of-type {
+ margin-top : 30px;
+ }
+ .f3-widget-paginator {
+ margin : 40px 0 30px 0;
+ text-align : right;
+ }
+ .osbee-forum-empty {
+ display : none;
+ }
+ .osbee-forum-empty.enable {
+ display : block;
+ }
+ p.tx-srfeuserregister-pi1-error {
+ font-size : 13px;
+ line-height : normal;
+ }
+ .blogContentFullWidth {
+ margin-top : 25px;
+ }
+ .blogContent {
+ float : left;
+ width : 73.78%;
+ width : calc(100% - 32.85%);
+ display : block;
+ max-width : 740px;
+ padding : 50px 0;
+ margin-right : 4.85%;
+ padding-top : 0;
+ }
+ .blogContent a {
+ color : #0067b1;
+ }
+ @media screen and (max-width:1020px) {
+ .blogContent {
+ width : 100%;
+ max-width : none;
+ margin-right : 0;
+ float : none;
+ }
+ }
+ .blogSidebar {
+ float : left;
+ width : 23.30%;
+ width : calc(100% - 72%);
+ max-width : 240px;
+ display : block;
+ padding : 50px 0;
+ padding-top : 0;
+ margin-top : 40px;
+ }
+ @media screen and (max-width:1020px) {
+ .blogSidebar {
+ float : none;
+ width : 100%;
+ max-width : none;
+ }
+ }
+ .blogSidebar .csc-header {
+ width : 100%;
+ text-align : left;
+ }
+ .blogSidebar h3, .blogSidebar h1, .blogSidebar h2, .blogSidebar .ce-table table caption, .ce-table table .blogSidebar caption {
+ display : inline-block;
+ width : 100%;
+ padding : 0 0 3px 0;
+ border-bottom : 2px solid #fc0;
+ font-weight : bold;
+ margin : 0 0 10px 0;
+ font-size : 16px;
+ line-height : normal;
+ text-transform : none;
+ text-align : left;
+ }
+ .blogSidebar .news {
+ padding : 0;
+ margin-bottom : 40px;
+ }
+ .blogSidebar .blog-subscribe h2, .blogSidebar .blog-subscribe .ce-table table caption, .ce-table table .blogSidebar .blog-subscribe caption {
+ display : inline-block;
+ width : 100%;
+ padding : 0 0 3px 0;
+ border-bottom : 2px solid #fc0;
+ font-weight : bold;
+ margin : 0 0 10px 0;
+ font-size : 16px;
+ line-height : normal;
+ text-transform : none;
+ text-align : left;
+ }
+ .blogSidebar .blog-subscribe h2:after, .blogSidebar .blog-subscribe .ce-table table caption:after, .ce-table table .blogSidebar .blog-subscribe caption:after {
+ display : none;
+ }
+ .blogSidebar .blog-subscribe .tx-srfeuserregister-pi1-notice {
+ font-style : normal;
+ margin : 0;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .blogSidebar .blog-subscribe .terms {
+ margin-top : 15px;
+ }
+ .blogSidebar .blog-subscribe .terms .termsInputContainer {
+ float : left;
+ width : 10%;
+ text-align : left;
+ }
+ .blogSidebar .blog-subscribe .terms .termsInputContainer input {
+ width : 15px;
+ height : 15px;
+ border : #c6c6c6 solid 1px;
+ background : #fff;
+ }
+ .blogSidebar .blog-subscribe .terms p {
+ float : left;
+ width : 90%;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .blogSidebar .blog-subscribe .terms p a {
+ padding-left : 0;
+ background-image : none;
+ font-weight : 400;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .blogSidebar .blog-subscribe .terms p span {
+ display : none;
+ }
+ .blogSidebar .blog-subscribe .firstname input, .blogSidebar .blog-subscribe .email input {
+ margin-top : 0;
+ }
+ .news-list-view h3 {
+ margin : 0;
+ }
+ .news-list-view h3 a {
+ text-decoration : none;
+ }
+ .news-list-view h3 a span {
+ font-size : 18px;
+ color : #333;
+ font-weight : normal;
+ }
+ .news-list-view h3:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px 0 0 0;
+ }
+ .news-list-view .header {
+ display : inline-block;
+ width : 100%;
+ max-width : 470px;
+ max-width : 450px;
+ margin-bottom : 15px;
+ }
+ .news-list-view .article {
+ clear : both;
+ height : 210px;
+ height : auto;
+ border-bottom : 1px solid #fc0;
+ }
+ .news-list-view .article .footer {
+ display : none;
+ }
+ .news-list-view .no-media-element img {
+ width : 250px;
+ height : 187px;
+ }
+ .news-list-view .more {
+ font-size : 15px;
+ line-height : normal;
+ vertical-align : bottom;
+ }
+ .news-list-view .news-img-wrap {
+ display : inline-block;
+ margin : 0 !important ;
+ padding : 0;
+ max-width : 250px;
+ height : 100%;
+ width : 26%;
+ }
+ .news-list-view .news-img-wrap img {
+ max-width : 100%;
+ height : auto;
+ }
+ .news-list-view .news-img-wrap a {
+ margin : 0;
+ padding : 0;
+ border : 0;
+ max-width : 100%;
+ }
+ @media screen and (max-width:640px) {
+ .news-list-view .news-img-wrap {
+ display : none;
+ }
+ }
+ .news-list-view .news-content-wrap {
+ width : 72%;
+ float : left;
+ margin-left : 2%;
+ }
+ .news-list-view .news-content-wrap h3 {
+ margin-bottom : 20px;
+ }
+ @media screen and (max-width:640px) {
+ .news-list-view .news-content-wrap {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ }
+ }
+ .news-list-view .teaser-text > span {
+ display : block;
+ }
+ .news-list-view .teaser-text ul, .news-list-view .teaser-text ol {
+ padding-left : 0;
+ margin-left : 15px;
+ }
+ .news-list-view .teaser-text .more {
+ display : block;
+ margin-top : 15px;
+ }
+ .news-single {
+ padding : 0;
+ margin-top : 40px;
+ }
+ .news-single .header h3 {
+ font-size : 18px;
+ color : #333;
+ font-weight : normal;
+ margin-bottom : 25px;
+ margin-top : 10px;
+ }
+ .news-single .header h3:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px 0 0 0;
+ }
+ .news-single .news-text-wrap p {
+ color : #333;
+ }
+ .news-single .footer {
+ border-top : 1px solid #fc0;
+ margin-bottom : 40px;
+ padding : 0;
+ padding-top : 20px;
+ text-align : right;
+ }
+ .news-single .footer p {
+ font-weight : bold;
+ color : #333;
+ margin-bottom : 0;
+ }
+ .news-single .footer span span {
+ padding-right : 0;
+ margin-right : 0;
+ }
+ .news-single .footer .socialmedia {
+ display : none;
+ }
+ .news-single .news-backlink-wrap a {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : bold;
+ color : #333;
+ text-decoration : none;
+ }
+ .news-single .article .news-img-wrap {
+ width : 100%;
+ height : auto;
+ margin-bottom : 30px;
+ float : none;
+ margin : 0;
+ float : left;
+ width : auto;
+ margin-right : 15px;
+ margin-bottom : 25px;
+ max-width : 350px;
+ }
+ @media screen and (max-width:768px) {
+ .news-single .article .news-img-wrap {
+ max-width : none;
+ float : none;
+ margin-right : 0;
+ margin-bottom : 15px;
+ width : 100%;
+ }
+ }
+ .news-single .article .news-img-wrap img {
+ max-width : 100%;
+ height : auto;
+ }
+ .news-single .shareThisPost {
+ float : right;
+ border-left : 1px solid #ddd;
+ padding-left : 10px;
+ }
+ .news-single .news-list-category span {
+ display : inline-block;
+ font-size : 13px;
+ border-right : none;
+ }
+ .news-single .news-list-category span + span:before {
+ content : "|";
+ display : inline-block;
+ margin : 0 5px 0 2px;
+ }
+ @media screen and (max-width:768px) {
+ .news-single .news-list-category {
+ float : none;
+ width : 100%;
+ display : block;
+ margin-top : 5px;
+ }
+ .news-single .news-list-date {
+ margin-top : 5px;
+ }
+ .news-single .shareThisPost {
+ display : block;
+ width : 100%;
+ float : none;
+ padding-left : 0;
+ border-left : none;
+ }
+ }
+ .news p + ul {
+ margin-top : 15px;
+ }
+ .blogSidebar .news ul li {
+ padding-left : 0;
+ font-weight : 700;
+ }
+ .blogSidebar .news ul li ul li {
+ font-weight : 400;
+ }
+ .blogSidebar .news ul li:before {
+ display : none;
+ }
+ .csc-header {
+ margin : 0;
+ padding : 0;
+ display : inline-block;
+ }
+ .blog-commentContainer {
+ background : #ececec;
+ padding : 15px 10px;
+ }
+ .blog-commentContainer form {
+ margin-bottom : 20px;
+ padding-bottom : 30px;
+ border-bottom : 1px solid #bbbbbb;
+ }
+ .blog-commentContainer form h3 {
+ margin : 5px 0 0 0;
+ }
+ .blog-commentContainer form textarea {
+ resize : none;
+ height : 120px;
+ padding : 10px;
+ width : 100%;
+ margin-top : 10px;
+ color : #bbb;
+ font-size : 18px;
+ line-height : normal;
+ }
+ .blog-commentContainer form textarea + p {
+ font-size : 14px;
+ line-height : normal;
+ color : #bbb;
+ text-align : right;
+ }
+ .blog-commentContainer form input[type="submit"] {
+ display : inline-block;
+ font-size : 15px;
+ line-height : normal;
+ color : #fff;
+ border : none;
+ outline : none;
+ text-align : center;
+ background : #0067b1;
+ text-transform : uppercase;
+ padding : 15px;
+ min-width : 160px;
+ margin-top : -10px;
+ font-weight : 700;
+ cursor : pointer;
+ }
+ .toctoc-comments-pi1 {
+ border-bottom : 1px solid transparent;
+ }
+ .tx-tc-sortlistmenu .tx-tc-dsclmrlistmenutitle:first-child {
+ display : none;
+ }
+ .tx-tc-ct-ry-report-line {
+ text-align : right;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .tx-tc-cts-ct-box + .tx-tc-cts-ct-box {
+ border-top : 1px solid #c6c6c6;
+ padding-top : 15px !important ;
+ }
+ .tx-tc-cts-ct-box + .tx-tc-cts-ct-box.replyAnswer {
+ border-top : none;
+ }
+ .blog-usercomment {
+ margin-left : 0 !important ;
+ }
+ .blog-usercomment h3 {
+ margin-bottom : 5px;
+ margin-top : 0;
+ }
+ .blog-usercomment h3 time {
+ display : inline-block;
+ }
+ .blog-usercomment h3 .tx-tc-popularity-pic {
+ display : none;
+ }
+ .blog-usercomment + .blog-usercomment {
+ margin-top : 25px;
+ }
+ .tx-tc-indent-subcmt {
+ background : #fff;
+ padding : 15px 10px !important ;
+ margin-left : 30px;
+ position : relative;
+ }
+ .tx-tc-indent-subcmt h3 {
+ margin-bottom : 10px;
+ margin-top : 0;
+ }
+ .tx-tc-indent-subcmt h3 time {
+ display : inline-block;
+ }
+ .tx-tc-indent-subcmt h3 .tx-tc-popularity-pic {
+ display : none;
+ }
+ .tx-tc-indent-subcmt:before, .tx-tc-indent-subcmt:after {
+ bottom : 100%;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .tx-tc-indent-subcmt:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-bottom-color : #fff;
+ border-width : 15px;
+ margin-left : -200px;
+ }
+ .tx-tc-indent-subcmt:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-bottom-color : #fff;
+ border-width : 15px;
+ margin-left : -200px;
+ }
+ .new-socialmedia {
+ font-size : 15px;
+ }
+ .new-socialmedia i {
+ font-size : 22px;
+ }
+ .tx-tc-dtadyn {
+ padding : 0 25px !important ;
+ }
+ .tx-tc-ct-form-field-upload {
+ display : none !important ;
+ }
+ .tx-tc-width100-85 {
+ width : 100%;
+ float : none !important ;
+ }
+ .tx-tc-ct-form-gender {
+ display : none;
+ }
+ .tx-tc-ct-form-field {
+ margin-top : 5px;
+ }
+ .tx-tc-ct-form-field input {
+ background : #fff !important ;
+ border : #c6c6c6 solid 1px;
+ color : #333 !important ;
+ }
+ .tx-tcfh112 {
+ opacity : 1 !important ;
+ }
+ .tx-tc-ct-reqhint {
+ font-size : 12px !important ;
+ line-height : normal !important ;
+ }
+ .latest-news-container {
+ background : #ececec;
+ padding : 40px 0;
+ }
+ .latest-news-container .startpage-latesnews {
+ float : left;
+ width : calc((100% - 60px) / 3);
+ border-bottom : 1px solid #fc0;
+ padding-bottom : 20px;
+ position : relative;
+ }
+ .latest-news-container .startpage-latesnews .news-img-wrap {
+ width : 100%;
+ margin-bottom : 15px;
+ max-width : none;
+ vertical-align : bottom;
+ display : table-cell;
+ }
+ .latest-news-container .startpage-latesnews .news-img-wrap a {
+ display : block;
+ }
+ .latest-news-container .startpage-latesnews .news-img-wrap img {
+ width : 100%;
+ display : block;
+ height : auto;
+ }
+ .latest-news-container .startpage-latesnews .header {
+ width : 100%;
+ height : auto;
+ }
+ .latest-news-container .startpage-latesnews .header h3 {
+ font-weight : 400;
+ }
+ .latest-news-container .startpage-latesnews .header h3 span {
+ font-size : 14px;
+ line-height : 19.6px;
+ font-size : 0.875rem;
+ line-height : 1.225rem;
+ }
+ .latest-news-container .startpage-latesnews .header h3:after {
+ display : none;
+ }
+ .latest-news-container .startpage-latesnews + .startpage-latesnews {
+ margin-left : 30px;
+ }
+ @media screen and (max-width:768px) {
+ .latest-news-container .startpage-latesnews {
+ float : none;
+ width : 100%;
+ }
+ .latest-news-container .startpage-latesnews .news-img-wrap {
+ width : 25%;
+ margin-right : 5%;
+ float : left;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container {
+ float : left;
+ width : 70%;
+ padding-left : 25px;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container .header {
+ margin-bottom : 0;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container .header h3 span {
+ font-size : 15px;
+ line-height : normal;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container .teaser-text .more {
+ margin-top : 5px;
+ }
+ .latest-news-container .startpage-latesnews + .startpage-latesnews {
+ margin-left : 0;
+ margin-top : 30px;
+ }
+ }
+ @media screen and (max-width:520px) {
+ .latest-news-container .startpage-latesnews .news-img-wrap {
+ display : none;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container {
+ float : none;
+ width : 100%;
+ }
+ }
+ .rss-feed-button {
+ padding-bottom : 50px;
+ }
+ .rss-feed-button a {
+ width : 100%;
+ text-align : center;
+ }
+ .rss-feed-button a i {
+ font-size : 16px;
+ }
+ .new-socialmedia {
+ padding-right : 0 !important ;
+ }
+ .shariff .orientation-horizontal {
+ display : block !important ;
+ text-align : right !important ;
+ }
+ .shariff .orientation-horizontal.col-5 li {
+ flex : none !important ;
+ min-width : 0 !important ;
+ max-width : none;
+ width : auto !important ;
+ margin-right : 10px !important ;
+ margin-left : 0 !important ;
+ padding : 0;
+ float : none;
+ display : inline-block;
+ margin-bottom : 0;
+ }
+ .shariff .orientation-horizontal.col-5 .fa {
+ border-right : none !important ;
+ padding-right : 0;
+ margin-right : 0;
+ width : auto !important ;
+ line-height : normal;
+ font-size : 13px !important ;
+ }
+ .shariff .orientation-horizontal.col-5 .share_text {
+ display : none;
+ }
+ .shariff .theme-grey .shariff-button.info {
+ border : none;
+ padding-left : 5px;
+ }
+ .shariff .theme-grey .shariff-button.info .share_text {
+ display : none !important ;
+ }
+ .shariff .theme-grey .shariff-button.info a {
+ color : #000;
+ }
+ .shariff .theme-grey .shariff-button a {
+ background : transparent !important ;
+ background-color : transparent !important ;
+ height : auto;
+ line-height : normal;
+ }
+ .shariff .theme-grey .shariff-button a span {
+ color : #333;
+ }
+ .shariff .theme-grey .shariff-button a span:before {
+ color : #333;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive {
+ font-family : "Open Sans", sans-serif;
+ border : none !important ;
+ padding : 10px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu {
+ border : none;
+ margin-bottom : 25px;
+ font-size : 15px;
+ line-height : normal;
+ border-bottom : 1px solid #0067b1;
+ padding-bottom : 10px;
+ background : transparent;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu:hover {
+ border-bottom : 1px solid #0067b1;
+ background : transparent !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu .tx-tc-sortlistmenutitle {
+ color : #333;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortind-pop {
+ width : 18px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-frmsqrhgt {
+ height : auto !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-ctinput-textarea {
+ height : 150px;
+ padding : 10px 15px !important ;
+ font-size : 15px;
+ line-height : normal !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-ct-submit-loggedin {
+ background : #be1622;
+ color : #fff;
+ font-size : 15px;
+ padding : 5px 10px;
+ margin-left : 4.5% !important ;
+ font-family : "Open Sans", sans-serif;
+ opacity : 1;
+ border-radius : 0;
+ border : none !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp {
+ opacity : 1 !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage {
+ height : auto;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage div.tx-tc-emo-nav-frm {
+ margin-bottom : 20px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emopage-emojis {
+ height : auto;
+ margin-bottom : 20px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emo-bot-nav {
+ height : auto;
+ width : 100% !important ;
+ border : none !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-menutitle-hilight {
+ background : transparent;
+ border : none;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel {
+ padding : 10px;
+ right : -2px;
+ top : 28px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox {
+ font-size : 14px;
+ line-height : normal;
+ font-weight : 600;
+ color : #0067b1;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink {
+ color : #0067b1;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink-selected {
+ color : #be1622;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortpopular {
+ border : none;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box {
+ margin : 0;
+ padding : 0 10px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ctdate {
+ font-size : 12px;
+ line-height : normal;
+ color : #333;
+ display : block;
+ margin-top : 2px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text {
+ font-size : 15px;
+ line-height : normal;
+ color : #333;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text img {
+ display : none;
+ }
+ @media screen and (max-width:480px) {
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text {
+ font-size : 12px;
+ line-height : normal;
+ }
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box + .tx-tc-cts-ct-box {
+ margin-top : 25px;
+ padding-top : 25px !important ;
+ border-top : 1px solid #0067b1;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ct-box-cttxt-reply {
+ border : none !important ;
+ padding : 0 !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt {
+ padding-left : 25px !important ;
+ width : 100% !important ;
+ background : #f6f7f8;
+ padding-top : 0 !important ;
+ border-top : none;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:after {
+ display : none !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox {
+ position : relative;
+ background : #fff;
+ border : #fff solid 4px;
+ padding : 10px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before {
+ bottom : 100%;
+ left : 12%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after {
+ border-color : rgba(191, 30, 46, 0);
+ border-bottom-color : #fff;
+ border-width : 25px;
+ margin-left : -25px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before {
+ border-color : rgba(191, 30, 46, 0);
+ border-bottom-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-box-picturecrop32 {
+ padding : 0;
+ height : 32px;
+ margin-right : 10px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-text {
+ padding-top : 0 !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ctdate {
+ margin-left : 42px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-tabledisp {
+ margin-left : 25px !important ;
+ width : calc(100% - 25px) !important ;
+ }
+ .tx-felogin-pi1 {
+ background-color : #ececec;
+ padding : 30px 17px 70px 17px;
+ margin-bottom : 50px;
+ }
+ .tx-felogin-pi1 h3 {
+ font-family : "Quicksand", sans-serif;
+ font-weight : 700;
+ text-transform : uppercase;
+ color : #333;
+ font-size : 24px;
+ line-height : normal;
+ text-align : left;
+ margin-bottom : 20px;
+ }
+ .tx-felogin-pi1 h3:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px 0 0 0;
+ }
+ .tx-felogin-pi1 form fieldset {
+ border : none;
+ padding : 0;
+ }
+ .tx-felogin-pi1 form fieldset > div {
+ width : 400px;
+ }
+ .tx-felogin-pi1 form fieldset > div > div {
+ border : #c6c6c6 solid 1px;
+ display : inline-block;
+ float : left;
+ width : 49%;
+ height : 53px;
+ line-height : 53px;
+ margin-top : 20px;
+ padding-left : 10px;
+ }
+ .tx-felogin-pi1 form fieldset > div > div:first-child {
+ margin-right : 2%;
+ }
+ .tx-felogin-pi1 form fieldset > div label {
+ display : inline-block;
+ }
+ .tx-felogin-pi1 form fieldset > div input[type="text"], .tx-felogin-pi1 form fieldset > div input[type="password"] {
+ width : 100%;
+ height : 55px;
+ border : #c6c6c6 solid 1px;
+ padding : 10px;
+ color : #333;
+ font-size : 15px;
+ }
+ .tx-felogin-pi1 form fieldset > div input[type="submit"] {
+ background : none 0% 0% repeat scroll #0067b1;
+ font-size : 1rem;
+ line-height : 1.4rem;
+ text-transform : uppercase;
+ color : #fff;
+ padding : 15px 60px;
+ margin-top : 20px;
+ border : none medium;
+ outline : medium none;
+ font-weight : 700;
+ cursor : pointer;
+ width : 100%;
+ }
+ @media screen and (max-width:485px) {
+ .tx-felogin-pi1 form fieldset > div {
+ width : 100%;
+ }
+ .tx-felogin-pi1 form fieldset > div > div {
+ width : 100%;
+ }
+ .tx-felogin-pi1 form fieldset > div > div:first-child {
+ margin-right : 0;
+ }
+ }
+ .tx-felogin-pi1 .felogin-links {
+ padding-top : 4px;
+ width : 400px;
+ }
+ .tx-felogin-pi1 .felogin-links > div {
+ display : inline-block;
+ float : right;
+ }
+ .tx-felogin-pi1 .felogin-links > div:first-child {
+ float : left;
+ }
+ .tx-felogin-pi1 .felogin-links > div a {
+ color : #333;
+ font-weight : normal;
+ }
+ @media screen and (max-width:485px) {
+ .tx-felogin-pi1 .felogin-links {
+ width : 100%;
+ }
+ .tx-felogin-pi1 .felogin-links > div {
+ display : block;
+ float : none;
+ margin-top : 5px;
+ }
+ .tx-felogin-pi1 .felogin-links > div:first-child {
+ float : none;
+ }
+ }
+ .tx-sy-osbeeproducts {
+ padding : 0 0 40px 0;
+ }
+ .tx-sy-osbeeproducts h2, .tx-sy-osbeeproducts .ce-table table caption, .ce-table table .tx-sy-osbeeproducts caption {
+ font-weight : 700;
+ color : #0067b1;
+ font-size : 18px;
+ line-height : normal;
+ display : block;
+ margin : 0 0 5px 0;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory, .tx-sy-osbeeproducts .os_cartApps {
+ margin-bottom : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table, .tx-sy-osbeeproducts .os_cartApps table {
+ border-spacing : 0;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type {
+ border-left : 1px solid #c6c6c6;
+ border-right : 1px solid #c6c6c6;
+ border-top : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td, .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td {
+ background : #ececec;
+ padding : 10px 0 10px 10px;
+ height : 40px;
+ color : #313131;
+ font-weight : 700;
+ border-bottom : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ border-top : 1px solid #c6c6c6;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) {
+ background : #d7d7d7;
+ padding : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3) {
+ text-align : right;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) {
+ text-align : right;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6) {
+ padding : 10px 0;
+ border-left : none;
+ text-align : center;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row, .tx-sy-osbeeproducts .os_cartApps table tr.row {
+ border-bottom : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td, .tx-sy-osbeeproducts .os_cartApps table tr.row td {
+ background : #fff;
+ padding : 10px 0 10px 10px;
+ color : #313131;
+ font-weight : 400;
+ border-left : 1px solid #c6c6c6;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr.row td:first-of-type {
+ color : #0067b1;
+ text-decoration : none;
+ font-weight : 700;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(2) {
+ padding : 0 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4) {
+ text-align : right;
+ padding-right : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) {
+ padding : 10px 0;
+ text-align : center;
+ padding-left : 10px;
+ padding-right : 10px;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) i, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) i {
+ font-size : 20px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a {
+ margin : 0;
+ padding : 0;
+ background : transparent;
+ border : none;
+ color : #be1622;
+ font-size : 20px;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a:hover, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a:hover {
+ text-decoration : none;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td {
+ font-size : 15px;
+ line-height : normal;
+ border-left : 1px solid #c6c6c6;
+ border-top : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:first-of-type {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ text-align : left;
+ padding : 10px;
+ background : #ececec;
+ height : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(2) {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ text-align : right;
+ padding : 10px;
+ background : #d7d7d7;
+ height : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(5), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(5) {
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ text-align : right;
+ background : #ececec;
+ padding : 10px;
+ height : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:last-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:last-of-type {
+ min-height : 1px;
+ background : #ececec;
+ height : 40px;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td {
+ padding : 10px;
+ font-size : 15px;
+ font-weight : 700;
+ line-height : normal;
+ background : #ececec;
+ border-top : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2) {
+ background : #d7d7d7;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3) {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7) {
+ text-align : right;
+ padding-right : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8) {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8) {
+ border-right : 1px solid #c6c6c6;
+ text-align : center;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td {
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3) {
+ border-left : none;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4) {
+ border-left : none;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(7), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) {
+ border-left : none;
+ text-align : right;
+ padding-right : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) {
+ padding : 10px 0;
+ text-align : center;
+ padding-left : 10px;
+ padding-right : 10px;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) i {
+ font-size : 20px;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a {
+ margin : 0;
+ padding : 0;
+ background : transparent;
+ border : none;
+ color : #be1622;
+ font-size : 20px;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a:hover {
+ text-decoration : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td {
+ padding : 10px;
+ border-top : none;
+ font-weight : 700;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(4) {
+ background : #ececec;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:last-of-type {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules {
+ padding-bottom : 80px;
+ margin-bottom : 80px;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table {
+ border-spacing : 0;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td {
+ padding : 10px;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ background : #ececec;
+ border-top : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(2) {
+ background : #d7d7d7;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:last-of-type {
+ border-left : none;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td {
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td:first-of-type {
+ color : #0067b1;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(2) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td:last-of-type {
+ border-right : 1px solid #c6c6c6;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td {
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ height : 40px;
+ padding : 10px;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td div {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(2) {
+ background : #d7d7d7;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(3) {
+ background : #ececec;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:last-of-type {
+ background : #ececec;
+ border-right : 1px solid #c6c6c6;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport {
+ margin-bottom : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div {
+ float : left;
+ width : calc((100% - 30px) / 4);
+ background : #ececec;
+ border : #c6c6c6 solid 1px;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .radioSupportName {
+ margin-top : 10px;
+ margin-right : 10px;
+ padding : 10px;
+ font-size : 18px;
+ line-height : normal;
+ color : #fff;
+ font-weight : 700;
+ text-transform : uppercase;
+ letter-spacing : 3px;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container {
+ padding : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container .radioSupport {
+ width : 20px;
+ height : 20px;
+ display : inline-block;
+ margin : 0 5px 0 0;
+ vertical-align : bottom;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container div {
+ display : inline-block;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container a {
+ color : #0067b1;
+ font-size : 15px;
+ text-decoration : none;
+ display : block;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container a:hover {
+ text-decoration : underline;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div:first-of-type .radioSupportName {
+ background : #d1d1d1;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div:nth-of-type(2) .radioSupportName {
+ background : #fc0;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div:nth-of-type(3) .radioSupportName {
+ background : #777372;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div:last-of-type .radioSupportName {
+ background : #3a3a3a;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div + div {
+ margin-left : 10px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport {
+ margin-bottom : 40px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div {
+ float : left;
+ width : calc((100% - 20px) / 3);
+ background : #ececec;
+ border : #c6c6c6 solid 1px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .radioAppSupportName {
+ margin-top : 10px;
+ margin-right : 10px;
+ padding : 10px;
+ font-size : 18px;
+ line-height : normal;
+ color : #fff;
+ font-weight : 700;
+ text-transform : uppercase;
+ letter-spacing : 1px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container {
+ padding : 10px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container .radioAppSupport {
+ width : 20px;
+ height : 20px;
+ display : inline-block;
+ margin : 0 5px 0 0;
+ vertical-align : bottom;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container div {
+ display : inline-block;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container a {
+ color : #0067b1;
+ font-size : 15px;
+ text-decoration : none;
+ display : block;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container a:hover {
+ text-decoration : underline;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div:first-of-type .radioAppSupportName {
+ background : #88b3d6;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div:nth-of-type(2) .radioAppSupportName {
+ background : #3f83c0;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div:nth-of-type(3) .radioAppSupportName {
+ background : #105b9e;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div + div {
+ margin-left : 10px;
+ }
+ .tx-sy-osbeeproducts .overviewSupport {
+ margin-bottom : 80px;
+ padding-bottom : 80px;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table {
+ border-spacing : 0;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ padding : 10px;
+ background : #ececec;
+ border-top : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:first-of-type {
+ border-left : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(4) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:last-of-type {
+ text-align : right;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td {
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-bottom : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:first-of-type .chosenSupport {
+ font-weight : 700;
+ color : #0067b1;
+ font-size : 15px;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(2) {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:last-of-type {
+ border-left : none;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td {
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(2) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(4) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:last-of-type {
+ border-right : 1px solid #c6c6c6;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td {
+ background : #ececec;
+ height : 40px;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:first-of-type {
+ border-left : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:nth-of-type(4) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:last-of-type {
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .lastStep {
+ border : #c6c6c6 solid 1px;
+ background : #ececec;
+ }
+ .tx-sy-osbeeproducts .lastStep table {
+ border-spacing : 0;
+ }
+ .tx-sy-osbeeproducts .lastStep table tr td {
+ padding : 0 10px 2px 10px;
+ font-size : 15px;
+ line-height : normal;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .lastStep table tr:first-of-type td {
+ padding-top : 10px;
+ }
+ .tx-sy-osbeeproducts .lastStep table tr:last-of-type td {
+ font-weight : 700;
+ padding-bottom : 10px;
+ }
+ .tx-sy-osbeeproducts .linkInActive {
+ background : #bbbbbb;
+ color : #fff;
+ padding : 10px 20px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 18px;
+ line-height : normal;
+ float : left;
+ margin-top : 20px;
+ border : none;
+ cursor : pointer;
+ }
+ .tx-sy-osbeeproducts .tooltipp {
+ display : none;
+ position : absolute;
+ background-color : #dddddd;
+ padding : 10px 20px;
+ color : black;
+ font-size : 18px;
+ margin-left : 120px;
+ float : left;
+ margin-top : 20px;
+ }
+ .tx-sy-osbeeproducts .checkoutOption {
+ margin-top : 20px;
+ }
+ .tx-sy-osbeeproducts .checkoutOption .checkoutSubmit {
+ background : #be1622;
+ color : #fff;
+ padding : 10px 20px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 18px;
+ line-height : normal;
+ float : right;
+ border : none;
+ cursor : pointer;
+ }
+ .tx-sy-osbeeproducts .checkoutOption .checkoutSubmit.blue {
+ background : #0067b1;
+ color : #fff;
+ padding : 10px 20px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 18px;
+ line-height : normal;
+ float : left;
+ border : none;
+ cursor : pointer;
+ }
+ .step3YourData, .mp-contentContainer.checkout .step3YourOrder {
+ padding-bottom : 80px;
+ margin-bottom : 80px;
+ border-bottom : 1px solid #bcbcbc;
+ border-spacing : 0;
+ width : 100%;
+ }
+ .step3YourData caption, .mp-contentContainer.checkout .step3YourOrder caption {
+ font-weight : 700;
+ color : #1268b3;
+ font-size : 18px;
+ line-height : normal;
+ display : block;
+ margin : 0 0 2px 0;
+ text-align : left;
+ }
+ .step3YourData tr:first-of-type td, .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td {
+ padding : 10px;
+ font-weight : 700;
+ font-size : 14px;
+ line-height : normal;
+ background : #f5f5f5;
+ border-top : 1px solid #bcbcbc;
+ border-left : 1px solid #bcbcbc;
+ border-bottom : 1px solid #bcbcbc;
+ }
+ .step3YourData tr:first-of-type td:nth-of-type(2), .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:nth-of-type(2) {
+ background : #d7d7d7;
+ }
+ .step3YourData tr:first-of-type td:last-of-type, .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:last-of-type {
+ border-left : none;
+ border-right : 1px solid #bcbcbc;
+ }
+ .step3YourData tr.row td, .mp-contentContainer.checkout .step3YourOrder tr.row td {
+ font-size : 14px;
+ line-height : normal;
+ padding : 10px;
+ border-left : 1px solid #bcbcbc;
+ border-bottom : 1px solid #bcbcbc;
+ border-right : 1px solid #bcbcbc;
+ }
+ .step3YourData tr.row td:first-of-type, .mp-contentContainer.checkout .step3YourOrder tr.row td:first-of-type {
+ color : #1268b3;
+ font-weight : 700;
+ font-size : 14px;
+ line-height : normal;
+ border-right : none;
+ }
+ .orderlist table {
+ margin-bottom : 80px;
+ border-spacing : 0;
+ width : 100%;
+ }
+ .orderlist table caption {
+ font-weight : 700;
+ color : #1268b3;
+ font-size : 18px;
+ line-height : normal;
+ display : block;
+ margin : 0 0 2px 0;
+ text-align : left;
+ }
+ .orderlist table tr:first-of-type th {
+ padding : 10px;
+ font-weight : 700;
+ font-size : 14px;
+ line-height : normal;
+ background : #f5f5f5;
+ border-top : 1px solid #bcbcbc;
+ border-left : 1px solid #bcbcbc;
+ border-bottom : 1px solid #bcbcbc;
+ text-align : left;
+ }
+ .orderlist table tr:first-of-type th:nth-of-type(3) {
+ text-align : center;
+ }
+ .orderlist table tr:first-of-type th:nth-of-type(4) {
+ text-align : right;
+ }
+ .orderlist table tr:first-of-type th:last-of-type {
+ border-right : 1px solid #bcbcbc;
+ }
+ .orderlist table tr td {
+ font-size : 14px;
+ line-height : normal;
+ padding : 10px;
+ border-left : 1px solid #bcbcbc;
+ border-bottom : 1px solid #bcbcbc;
+ }
+ .orderlist table tr td:nth-of-type(3) {
+ text-align : center;
+ }
+ .orderlist table tr td:nth-of-type(4) {
+ text-align : right;
+ }
+ .orderlist table tr td:last-of-type {
+ border-right : 1px solid #bcbcbc;
+ }
+ .step3YourOrder {
+ width : 100%;
+ border-spacing : 0;
+ margin-bottom : 80px;
+ }
+ .step3YourOrder caption {
+ text-align : left;
+ font-size : 18px;
+ color : #0067b1;
+ font-weight : 700;
+ padding-bottom : 5px;
+ }
+ .step3YourOrder tr td {
+ font-size : 14px;
+ line-height : normal;
+ padding : 10px;
+ border-top : 1px solid #bcbcbc;
+ border-right : 1px solid #bcbcbc;
+ }
+ .step3YourOrder tr td:first-of-type {
+ width : 35%;
+ font-weight : 700;
+ border-left : 1px solid #bcbcbc;
+ }
+ .step3YourOrder tr:last-of-type td {
+ border-bottom : 1px solid #bcbcbc;
+ }
+ .step3YourOrder tr:nth-child(odd) {
+ background : #f5f5f5;
+ }
+ .backToListButton {
+ margin-bottom : 40px;
+ }
+ .mp-contentContainer.checkout h1 {
+ font-size : 20px;
+ line-height : normal;
+ margin-bottom : 80px;
+ font-weight : 700;
+ text-transform : none;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout h1 {
+ font-size : 18px;
+ margin-bottom : 40px;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_optionText {
+ padding : 25px 40px;
+ border : #bcbcbc solid 1px;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_optionText {
+ padding : 15px 20px;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_optionText strong {
+ display : block;
+ font-weight : 700;
+ color : #333;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .mp-contentContainer.checkout .checkout_optionText p {
+ margin : 10px 0 0 0;
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption {
+ padding : 25px 40px;
+ background : #f5f5f5;
+ border : #bcbcbc solid 1px;
+ margin-top : 15px;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_paymentOption {
+ padding : 15px 20px;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption {
+ color : #333;
+ margin-bottom : 25px;
+ font-size : 24px;
+ line-height : normal;
+ text-transform : uppercase;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption {
+ font-size : 18px;
+ line-height : normal;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2), .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) {
+ padding : 15px 20px;
+ border : #bcbcbc solid 1px;
+ background : #fff;
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) input, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) input {
+ display : inline-block;
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label {
+ vertical-align : bottom;
+ display : inline-block;
+ margin-left : 10px;
+ font-size : 20px;
+ font-weight : 700;
+ line-height : normal;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label {
+ font-size : 14px;
+ line-height : normal;
+ margin-left : 5px;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) + div, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) + div {
+ margin-top : 10px;
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption input[type="submit"] {
+ display : inline-block;
+ margin-top : 20px;
+ background : #0067b1;
+ border : none;
+ color : #fff;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 18px;
+ line-height : normal;
+ padding : 8px 16px;
+ cursor : pointer;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_paymentOption input[type="submit"] {
+ font-size : 14px;
+ line-height : normal;
+ }
+ }
+ .mp-contentContainer.checkout .step3YourData, .mp-contentContainer.checkout .step3YourOrder {
+ width : 100%;
+ border-spacing : 0;
+ }
+ .mp-contentContainer.checkout .step3YourData caption, .mp-contentContainer.checkout .step3YourOrder caption {
+ text-align : left;
+ font-size : 18px;
+ color : #0067b1;
+ font-weight : 700;
+ padding-bottom : 5px;
+ }
+ .mp-contentContainer.checkout .step3YourData tr td, .mp-contentContainer.checkout .step3YourOrder tr td {
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-top : 1px solid #bcbcbc;
+ border-right : 1px solid #bcbcbc;
+ }
+ .mp-contentContainer.checkout .step3YourData tr td:first-of-type, .mp-contentContainer.checkout .step3YourOrder tr td:first-of-type {
+ width : 35%;
+ font-weight : 700;
+ border-left : 1px solid #bcbcbc;
+ }
+ .mp-contentContainer.checkout .step3YourData tr:last-of-type td, .mp-contentContainer.checkout .step3YourOrder tr:last-of-type td {
+ border-bottom : 1px solid #bcbcbc;
+ }
+ .mp-contentContainer.checkout .step3YourData tr:nth-child(odd), .mp-contentContainer.checkout .step3YourOrder tr:nth-child(odd) {
+ background : #f5f5f5;
+ }
+ .mp-contentContainer.checkout .step3YourOrder {
+ margin-top : 40px;
+ }
+ .mp-contentContainer.checkout .step3CheckoutButton {
+ color : #fff;
+ text-decoration : none;
+ background : #0067b1;
+ font-size : 18px;
+ line-height : normal;
+ padding : 8px 16px;
+ border : none;
+ cursor : pointer;
+ display : inline-block;
+ margin-top : 20px;
+ }
+ .checkout_thankyou {
+ border : #bcbcbc solid 1px;
+ padding : 25px 40px;
+ margin : 40px 0;
+ }
+ .checkout_thankyou strong {
+ display : block;
+ font-weight : 700;
+ color : #333;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .checkout_thankyou p {
+ margin : 10px 0 0 0;
+ }
+ .tx-contentpackage-checkoutFormular div {
+ display : block;
+ }
+ .tx-contentpackage-checkoutFormular div label {
+ width : 25%;
+ text-align : right;
+ padding-right : 1em;
+ float : left;
+ height : 55px;
+ vertical-align : middle;
+ line-height : 55px;
+ }
+ .tx-contentpackage-checkoutFormular div input {
+ text-align : left;
+ width : 50%;
+ float : left;
+ height : 55px;
+ border : #bbb solid 1px;
+ padding : 10px;
+ }
+ .tx-contentpackage-checkoutFormular div + div {
+ margin-top : 5px;
+ }
+ @media screen and (max-width:600px) {
+ .tx-contentpackage-checkoutFormular div label {
+ display : block;
+ width : 100%;
+ float : none;
+ height : auto;
+ text-align : left;
+ }
+ .tx-contentpackage-checkoutFormular div input {
+ float : none;
+ display : block;
+ width : 100%;
+ }
+ }
+ .tx-contentpackage-checkoutFormular input[type="submit"] {
+ background : #0067b1;
+ font-size : 15px;
+ line-height : 22.4px;
+ font-size : 1rem;
+ line-height : 1.4rem;
+ text-transform : uppercase;
+ color : #fff;
+ padding : 15px;
+ margin-top : 30px;
+ border : none;
+ outline : none;
+ font-weight : 700;
+ cursor : pointer;
+ margin-left : 25%;
+ }
+ @media screen and (max-width:600px) {
+ .tx-contentpackage-checkoutFormular input[type="submit"] {
+ margin-left : 0;
+ }
+ }
+ .checkoutSteps {
+ margin-bottom : 40px;
+ text-align : center;
+ }
+ .checkoutSteps .step {
+ display : inline-block;
+ position : relative;
+ background : #ccc;
+ border : #fff solid 4px;
+ border-bottom : none;
+ border-top : none;
+ padding-left : 10px;
+ padding-right : 10px;
+ z-index : 10;
+ color : #fff;
+ font-weight : 700;
+ font-size : 16px;
+ height : 47px;
+ line-height : 46px;
+ }
+ .checkoutSteps .step.active {
+ background : #0067b1;
+ }
+ .checkoutSteps .step.active:after {
+ border-left-color : #0067b1;
+ }
+ .checkoutSteps .step:after, .checkoutSteps .step:before {
+ left : 100%;
+ top : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .checkoutSteps .step:after {
+ border-color : rgba(204, 204, 204, 0);
+ border-left-color : #ccc;
+ border-width : 23px;
+ margin-top : -23px;
+ }
+ .checkoutSteps .step:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-left-color : #fff;
+ border-width : 28px;
+ margin-top : -28px;
+ }
+ .checkoutSteps .step + .step {
+ padding-left : 30px;
+ z-index : 9;
+ margin-left : -4px;
+ }
+ .checkoutSteps .step + .step + .step {
+ z-index : 8;
+ }
+ .checkoutSteps .step + .step + .step + .step {
+ z-index : 7;
+ }
+ .checkoutError {
+ background : #be1622;
+ color : #fff;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ text-align : center;
+ margin-bottom : 40px;
+ display : block;
+ padding : 5px 10px;
+ }
+ .tx-indexedsearch-searchbox {
+ padding-top : 50px;
+ padding-bottom : 50px;
+ }
+ .tx-indexedsearch-searchbox form label {
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ display : block;
+ }
+ .tx-indexedsearch-searchbox form input[type="text"] {
+ height : 25px;
+ border : #c6c6c6 solid 1px;
+ font-size : 12px;
+ min-width : 280px;
+ padding : 0 5px;
+ }
+ .tx-indexedsearch-searchbox form input[type="submit"] {
+ display : block;
+ background : #be1622;
+ color : #fff;
+ border : none;
+ font-size : 15px;
+ padding : 5px 10px;
+ margin-top : 5px;
+ min-width : 280px;
+ }
+ .suchergebnis {
+ padding-bottom : 50px;
+ }
+ .tx-indexedsearch-browsebox {
+ list-style-type : none;
+ margin : 0;
+ padding : 0;
+ }
+ .tx-indexedsearch-browsebox ul {
+ list-style-type : none;
+ margin-top : 15px;
+ margin-bottom : 15px;
+ }
+ .tx-indexedsearch-browsebox li {
+ float : left;
+ }
+ .tx-indexedsearch-browsebox li a {
+ color : #c6c6c6;
+ text-decoration : none;
+ }
+ .tx-indexedsearch-browsebox li + li {
+ margin-left : 10px;
+ }
+ .tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a {
+ color : #be1622;
+ }
+ .tx-indexedsearch-browsebox + .tx-indexedsearch-res {
+ margin-top : 40px;
+ }
+ .tx-indexedsearch-res + .tx-indexedsearch-res {
+ margin-top : 25px;
+ padding-top : 25px;
+ border-top : 1px solid #c6c6c6;
+ }
+ .tx-indexedsearch-res + .tx-indexedsearch-browsebox {
+ margin-top : 40px;
+ }
+ .tx-srfeuserregister-pi1 {
+ margin-bottom : 50px;
+ float : left;
+ width : 70%;
+ }
+ .tx-srfeuserregister-pi1 p {
+ padding : 0;
+ }
+ .tx-srfeuserregister-pi1 p.textOverSendButton {
+ position : relative;
+ margin : 0;
+ padding : 0;
+ clear : both;
+ margin-bottom : -10px;
+ padding-top : 25px;
+ }
+ .tx-srfeuserregister-pi1 p.textOverSendButton + dt {
+ display : none;
+ }
+ .tx-srfeuserregister-pi1 .customRegisterCheckbox {
+ position : relative;
+ padding-left : 30px;
+ margin-top : 10px;
+ }
+ .tx-srfeuserregister-pi1 .customRegisterCheckbox p, .tx-srfeuserregister-pi1 .customRegisterCheckbox a {
+ font-size : 12px;
+ line-height : normal;
+ }
+ .tx-srfeuserregister-pi1 .customRegisterCheckbox a {
+ background : transparent;
+ padding-left : 0;
+ }
+ .tx-srfeuserregister-pi1 .customRegisterCheckbox input {
+ position : absolute;
+ left : 0;
+ top : 1px;
+ }
+ .tx-srfeuserregister-pi1 fieldset {
+ border : none;
+ padding : 0;
+ margin : 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset legend {
+ display : none;
+ }
+ .tx-srfeuserregister-pi1 fieldset h2, .tx-srfeuserregister-pi1 fieldset .ce-table table caption, .ce-table table .tx-srfeuserregister-pi1 fieldset caption {
+ font-size : 18px;
+ line-height : normal;
+ text-align : left;
+ margin : 0 0 5px 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset h2:after, .tx-srfeuserregister-pi1 fieldset .ce-table table caption:after, .ce-table table .tx-srfeuserregister-pi1 fieldset caption:after {
+ margin : 10px 0 0 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset h2 + p, .tx-srfeuserregister-pi1 fieldset .ce-table table caption + p, .ce-table table .tx-srfeuserregister-pi1 fieldset caption + p {
+ margin : 0 0 25px 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file {
+ padding : 30px 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file label {
+ font-size : 15px;
+ line-height : normal;
+ display : block;
+ margin-bottom : 10px;
+ }
+ .tx-srfeuserregister-pi1 fieldset label {
+ height : 55px;
+ vertical-align : middle;
+ }
+ .tx-srfeuserregister-pi1 fieldset dd {
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 fieldset dt {
+ text-align : left;
+ }
+ .tx-srfeuserregister-pi1 fieldset input[type="text"], .tx-srfeuserregister-pi1 fieldset input[type="password"], .tx-srfeuserregister-pi1 fieldset input[type="email"], .tx-srfeuserregister-pi1 fieldset input[type="date"], .tx-srfeuserregister-pi1 fieldset select {
+ width : 325px;
+ width : 100%;
+ height : 55px;
+ border : #bbb solid 1px;
+ padding : 10px;
+ color : #333;
+ font-size : 18px;
+ }
+ .tx-srfeuserregister-pi1 fieldset input[type="submit"] {
+ background : #0067b1;
+ font-size : 15px;
+ line-height : normal;
+ text-transform : uppercase;
+ color : #fff;
+ padding : 15px;
+ margin-top : 30px;
+ border : none;
+ outline : none;
+ font-weight : 700;
+ cursor : pointer;
+ width : 100%;
+ text-align : center;
+ }
+ .tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged {
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged + p {
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms {
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms + input[type="checkbox"] {
+ float : left;
+ margin-top : 15px;
+ }
+ .tx-srfeuserregister-pi1 fieldset input[type="password"] {
+ margin-right : 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div {
+ float : left;
+ width : 48%;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div.passwort input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.passwortagain input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.company input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.jobrole input {
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div + div {
+ margin-left : 3.5%;
+ }
+ .tx-srfeuserregister-pi1 fieldset .jobrole input {
+ margin-top : 7px;
+ }
+ .tx-srfeuserregister-pi1 fieldset .terms input {
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset .terms p {
+ margin : 0;
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset .terms p a {
+ color : #0067b1;
+ font-size : 15px;
+ line-height : normal;
+ text-decoration : none;
+ }
+ .tx-srfeuserregister-pi1 fieldset .terms p a:hover {
+ text-decoration : underline;
+ }
+ @media screen and (max-width:800px) {
+ .tx-srfeuserregister-pi1 {
+ float : none;
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 dt {
+ width : 30%;
+ }
+ .tx-srfeuserregister-pi1 dd {
+ width : 70%;
+ }
+ }
+ @media screen and (max-width:600px) {
+ .tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd {
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 dt {
+ display : block;
+ margin-top : 5px;
+ text-align : left;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div {
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div + div {
+ margin-left : 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset input[type="text"], .tx-srfeuserregister-pi1 fieldset input[type="password"], .tx-srfeuserregister-pi1 fieldset input[type="email"], .tx-srfeuserregister-pi1 fieldset input[type="date"], .tx-srfeuserregister-pi1 fieldset select {
+ width : 100%;
+ }
+ }
+ .editForm .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt {
+ padding-top : 0;
+ }
+ .community-forum-news {
+ padding : 25px 0;
+ background : #ececec;
+ }
+ .community-forum-news > .inner > div {
+ float : left;
+ width : calc((100% - 20px) / 2);
+ }
+ .community-forum-news > .inner > div.news {
+ margin-left : 20px;
+ padding-top : 8px;
+ }
+ @media screen and (max-width:1100px) {
+ .community-forum-news > .inner > div.news .inner.small, .community-forum-news > .inner > div.news .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .community-forum-news > .inner > div.news .tx-felogin-pi1-inner {
+ padding : 0 !important ;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container {
+ padding : 0;
+ margin-top : 42px;
+ padding-top : 44px;
+ padding-left : 84px;
+ }
+ @media screen and (max-width:980px) {
+ .community-forum-news > .inner > div.news .latest-news-container {
+ padding-top : 0;
+ margin-top : 0;
+ padding-left : 0;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container > h2, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption {
+ text-align : left;
+ position : relative;
+ top : -44px;
+ }
+ @media screen and (max-width:768px) {
+ .community-forum-news > .inner > div.news .latest-news-container > h2, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption {
+ top : auto;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container > h2:after, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption:after, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption:after {
+ margin : 10px 0 10px 0;
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-article {
+ position : relative;
+ top : -44px;
+ }
+ @media screen and (max-width:768px) {
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-article {
+ top : auto;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-article .more {
+ position : relative;
+ top : 44px;
+ }
+ @media screen and (max-width:768px) {
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-article .more {
+ top : auto;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews {
+ margin-top : 20px;
+ width : calc((100% - 30px) / 2);
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews .header {
+ margin-top : 10px;
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews .header h3 span {
+ font-size : 15px;
+ font-weight : 600;
+ line-height : normal;
+ }
+ @media screen and (max-width:768px) {
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews {
+ width : 100%;
+ }
+ }
+ .community-forum-news > .inner > div.tx-typo3forum-pi1 > h2, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 > caption {
+ text-align : left;
+ text-transform : none;
+ }
+ .community-forum-news > .inner > div.tx-typo3forum-pi1 > h2:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 > caption:after {
+ margin : 10px 0 10px 0;
+ }
+ .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-forum-latest-post > div {
+ padding : 10px;
+ }
+ @media screen and (max-width:980px) {
+ .community-forum-news > .inner > div {
+ float : none;
+ width : 100%;
+ margin-left : 0 !important ;
+ max-width : none;
+ }
+ }
+ .zweispaltig-unterseiten-layout {
+ max-width : 1030px;
+ width : 100%;
+ margin-left : auto;
+ margin-right : auto;
+ }
+ @media screen and (max-width:1100px) {
+ .zweispaltig-unterseiten-layout {
+ padding : 0 25px;
+ }
+ }
+ .leftSidebar {
+ float : left;
+ width : 23.30%;
+ width : calc(100% - 72%);
+ max-width : 240px;
+ display : block;
+ padding : 50px 0;
+ padding-top : 0;
+ margin-top : 40px;
+ min-height : 1px;
+ }
+ .leftSidebar .leftMenu {
+ float : none;
+ width : 100%;
+ margin-top : 0;
+ }
+ .leftSidebar .inner.small, .leftSidebar .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .leftSidebar .tx-felogin-pi1-inner, .leftSidebar .inner {
+ padding : 0 !important ;
+ }
+ @media screen and (max-width:767px) {
+ .leftSidebar {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ max-width : none;
+ padding-bottom : 0;
+ }
+ .leftSidebar .leftMenu {
+ margin-bottom : 0;
+ padding-bottom : 0;
+ margin-top : 25px;
+ }
+ .leftSidebar .leftMenu .profile-sidebar-content {
+ margin-top : 15px;
+ }
+ }
+ .rightContent {
+ float : left;
+ width : 73.78%;
+ width : calc(100% - 32.85%);
+ display : block;
+ max-width : 740px;
+ padding : 50px 0;
+ margin-left : 4.85%;
+ padding-top : 0;
+ min-height : 1px;
+ margin-top : 40px;
+ }
+ .rightContent .tx-srfeuserregister-pi1 {
+ float : none;
+ width : 100%;
+ display : block;
+ margin-bottom : 40px;
+ }
+ .rightContent .tx-srfeuserregister-pi1 input {
+ padding : 10px 15px;
+ }
+ .rightContent .inner.small, .rightContent .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .rightContent .tx-felogin-pi1-inner, .rightContent .inner {
+ padding : 0 !important ;
+ }
+ @media screen and (max-width:767px) {
+ .rightContent {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ max-width : none;
+ margin-top : 25px;
+ }
+ }
+ header.header {
+ padding : 0 0 25px 0;
+ max-height : 133px;
+ border-bottom : 5px solid #fc0;
+ position : fixed;
+ top : 0;
+ z-index : 9999;
+ left : 0;
+ right : 0;
+ background : #fff;
+ }
+ header.header.compexHeader {
+ height : 100px;
+ padding-top : 25px;
+ }
+ header.header.compexHeader .topMeta {
+ display : none;
+ }
+ header.header.compexHeader + * {
+ margin-top : 100px;
+ display : block;
+ }
+ @media screen and (max-width:480px) {
+ header.header.compexHeader {
+ height : 72px;
+ padding-top : 15px;
+ padding-bottom : 15px;
+ }
+ header.header.compexHeader + * {
+ margin-top : 72px;
+ }
+ }
+ header.header + * {
+ margin-top : 133px;
+ display : block;
+ }
+ @media screen and (max-width:860px) {
+ header.header {
+ height : 155px;
+ max-height : 155px;
+ }
+ header.header + * {
+ margin-top : 155px;
+ }
+ }
+ @media screen and (max-width:480px) {
+ header.header {
+ height : 200px;
+ max-height : 200px;
+ }
+ header.header + * {
+ margin-top : 200px;
+ }
+ }
+ @media screen and (max-width:460px) {
+ header.header {
+ max-height : 120px;
+ height : 120px;
+ }
+ header.header + * {
+ margin-top : 120px;
+ }
+ }
+ header.header .topMeta {
+ width : 100%;
+ background : #f5f5f5;
+ margin-bottom : 20px;
+ height : 30px;
+ line-height : 30px;
+ }
+ @media screen and (max-width:860px) {
+ header.header .topMeta {
+ height : auto;
+ }
+ }
+ header.header .topMeta .left {
+ float : left;
+ color : #333;
+ font-size : 12px;
+ font-weight : 600;
+ line-height : 30px;
+ }
+ @media screen and (max-width:860px) {
+ header.header .topMeta .left {
+ float : none;
+ width : 100%;
+ text-align : center;
+ }
+ }
+ @media screen and (max-width:460px) {
+ header.header .topMeta .left {
+ display : none;
+ }
+ }
+ header.header .topMeta .right {
+ float : right;
+ }
+ header.header .topMeta .right form {
+ position : relative;
+ float : left;
+ margin-right : 5px;
+ }
+ header.header .topMeta .right form input[type="text"] {
+ border : 0;
+ background : #fff;
+ padding : 0 5px;
+ height : 24px;
+ position : relative;
+ padding-right : 25px;
+ font-size : 12px;
+ line-height : 24px;
+ top : -2px;
+ margin-right : 35px;
+ margin-bottom : 0;
+ }
+ header.header .topMeta .right form button {
+ position : absolute;
+ right : 5px;
+ top : 1px;
+ background : transparent;
+ border : none;
+ font-size : 18px;
+ color : #333;
+ }
+ header.header .topMeta .right form button:before {
+ content : "\f002";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ @media screen and (max-width:460px) {
+ header.header .topMeta .right form {
+ display : none;
+ }
+ }
+ @media screen and (max-width:860px) {
+ header.header .topMeta .right {
+ float : none;
+ width : 100%;
+ text-align : center;
+ text-align : right;
+ }
+ }
+ header.header .topMeta a {
+ text-decoration : none;
+ text-transform : uppercase;
+ color : #333;
+ font-size : 12px;
+ line-height : normal;
+ font-weight : 600;
+ padding : 0 10px;
+ border-left : 1px solid #333;
+ }
+ header.header .topMeta a i {
+ margin-right : 3px;
+ }
+ header.header .topMeta a:hover {
+ text-decoration : underline;
+ }
+ header.header .topMeta a:last-of-type {
+ border-right : 1px solid #333;
+ }
+ @media screen and (max-width:860px) {
+ header.header .topMeta a {
+ border-left : none;
+ }
+ header.header .topMeta a:last-of-type {
+ border-right : none;
+ border-left : 1px solid #333;
+ padding-left : 14px;
+ }
+ }
+ @media screen and (max-width:480px) and (min-width:461px) {
+ header.header .topMeta a {
+ display : block;
+ float : none;
+ margin-left : auto;
+ margin-right : auto;
+ width : 100%;
+ clear : both;
+ padding-top : 10px;
+ }
+ header.header .topMeta a:last-of-type {
+ border-left : none;
+ }
+ }
+ header.header .logo {
+ float : left;
+ display : block;
+ max-width : 215px;
+ }
+ @media screen and (max-width:480px) {
+ header.header .logo {
+ max-width : 180px;
+ }
+ }
+ header.header .logo img {
+ max-height : 50px;
+ }
+ header.header nav {
+ float : right;
+ }
+ @media screen and (min-width:1121px) {
+ header.header nav > ul > li {
+ float : left;
+ padding : 14px 0;
+ position : relative;
+ }
+ header.header nav > ul > li > a {
+ color : #333;
+ text-decoration : none;
+ font-weight : 700;
+ text-transform : uppercase;
+ font-family : "Open Sans", sans-serif;
+ }
+ header.header nav > ul > li > a i {
+ display : none;
+ }
+ header.header nav > ul > li + li {
+ margin-left : 25px;
+ }
+ header.header nav > ul > li:last-of-type {
+ margin-left : 40px;
+ background : #be1622;
+ padding : 14px 19px;
+ }
+ header.header nav > ul > li:last-of-type a {
+ color : #fff;
+ }
+ header.header nav > ul > li:last-of-type:hover:before, header.header nav > ul > li:last-of-type.active:before {
+ display : none !important ;
+ }
+ header.header nav > ul > li ul {
+ display : none;
+ position : absolute;
+ width : 170px;
+ top : 75px;
+ background : #fff;
+ z-index : 99999;
+ box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.35);
+ }
+ header.header nav > ul > li ul li {
+ display : block;
+ }
+ header.header nav > ul > li ul li a {
+ font-size : 12px;
+ font-weight : 700;
+ color : #333;
+ text-decoration : none;
+ line-height : 14px;
+ padding : 14px 10px;
+ display : block;
+ text-transform : uppercase;
+ }
+ header.header nav > ul > li ul li:hover, header.header nav > ul > li ul li.active {
+ background : #be1622;
+ }
+ header.header nav > ul > li ul li:hover a, header.header nav > ul > li ul li.active a {
+ color : #fff;
+ }
+ header.header nav > ul > li ul li + li {
+ border-top : 1px solid #b7b7b7;
+ }
+ header.header nav > ul > li:hover:after {
+ content : "";
+ position : absolute;
+ left : 0;
+ right : 0;
+ bottom : -28px;
+ width : 100%;
+ height : 45px;
+ cursor : pointer;
+ }
+ header.header nav > ul > li:hover ul {
+ display : block;
+ }
+ header.header nav > ul > li:hover:before, header.header nav > ul > li.active:before {
+ content : "";
+ position : absolute;
+ border-bottom : 2px solid #bf1e2e;
+ height : 2px;
+ width : 100%;
+ top : 38px;
+ }
+ }
+ @media screen and (max-width:1120px) {
+ header.header nav {
+ position : relative;
+ }
+ header.header nav > ul {
+ position : absolute;
+ width : 250px;
+ right : 0;
+ box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.5);
+ z-index : 999999;
+ display : none;
+ }
+ header.header nav > ul li {
+ float : none;
+ display : block;
+ padding : 0;
+ width : 100%;
+ background : #fff;
+ }
+ header.header nav > ul li.active {
+ background : #be1622;
+ }
+ header.header nav > ul li.active > a {
+ color : #fff;
+ }
+ header.header nav > ul li a {
+ display : block;
+ width : 100%;
+ padding : 14px 60px 14px 10px;
+ color : #333;
+ text-decoration : none;
+ font-weight : 700;
+ position : relative;
+ text-transform : uppercase;
+ font-family : "Open Sans", sans-serif;
+ }
+ header.header nav > ul li a:hover {
+ color : #fff;
+ background : #be1622;
+ }
+ header.header nav > ul li a i {
+ display : inline-block;
+ position : absolute;
+ right : 0;
+ top : 38%;
+ margin-top : -18px;
+ padding : 16px;
+ }
+ header.header nav > ul li a i.fa-chevron-up {
+ display : none;
+ }
+ header.header nav > ul li.open a i.fa-chevron-up {
+ display : inline-block;
+ }
+ header.header nav > ul li.open a i.fa-chevron-down {
+ display : none;
+ }
+ header.header nav > ul li + li {
+ margin-left : 0;
+ border-top : 1px solid #b7b7b7;
+ }
+ header.header nav > ul li > ul {
+ display : none;
+ }
+ header.header nav > ul li > ul li {
+ background : #f9f9f9;
+ border-top : 1px solid #b7b7b7;
+ }
+ header.header nav > ul li > ul li a {
+ font-size : 13px;
+ line-height : normal;
+ padding : 10px 10px 10px 30px;
+ }
+ header.header nav > ul li > ul li.active a {
+ color : #fff;
+ background : #be1622;
+ }
+ header.header nav > ul li.open > ul {
+ display : block;
+ }
+ header.header nav > ul > li:last-of-type {
+ border-top : none;
+ }
+ header.header nav > ul > li:last-of-type a {
+ color : #fff;
+ background : #be1622;
+ }
+ header.header nav.active > ul {
+ display : block;
+ height : 450px;
+ overflow : scroll;
+ }
+ }
+ header.header .mobile-button {
+ display : none;
+ padding : 10px 0;
+ cursor : pointer;
+ }
+ header.header .mobile-button i {
+ font-size : 40px;
+ }
+ @media screen and (max-width:640px) {
+ header.header .mobile-button {
+ padding : 5px 0 0 0;
+ }
+ }
+ @media screen and (max-width:1120px) {
+ header.header .mobile-button {
+ display : block;
+ }
+ }
+ body.compexCommerce header.header.compexHeader .topMeta {
+ height : 0;
+ }
+ body.compexCommerce header.header.compexHeader .topMeta .right {
+ display : none;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type {
+ margin-left : 25px;
+ background : transparent;
+ padding : 11px 0;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:after {
+ content : "\f107";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ position : relative;
+ z-index : 9600;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:hover:after {
+ left : auto;
+ right : auto;
+ bottom : auto;
+ position : relative;
+ width : auto;
+ height : auto;
+ }
+ @media screen and (max-width:1120px) {
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch {
+ padding : 0;
+ margin : 0;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:after {
+ display : none;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch ul {
+ width : 100%;
+ padding : 0 10px 15px 10px;
+ background : #be1622;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch ul li {
+ background : #be1622;
+ border-top : none;
+ }
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type > a {
+ color : #333;
+ position : relative;
+ z-index : 9600;
+ font-size : 13px;
+ line-height : normal;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type img {
+ vertical-align : middle;
+ position : relative;
+ z-index : 9600;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type:hover:before, body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.active:before {
+ display : none !important ;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type li a {
+ color : #333;
+ font-weight : 700;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type li a:hover {
+ color : #fff;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul {
+ width : 80px;
+ padding-left : 10px;
+ top : 0;
+ padding-top : 47px;
+ left : -10px;
+ z-index : 9500;
+ padding-bottom : 10px;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li img {
+ vertical-align : middle;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li a {
+ font-weight : 700;
+ padding : 0;
+ display : inline;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li:hover {
+ background : transparent;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li:hover a {
+ color : #333;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li + li {
+ border-top : none;
+ padding-top : 10px;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search:hover:before {
+ display : none !important ;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search .compexCommerce-openSearch i {
+ display : block;
+ font-size : 18px;
+ color : #333;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form {
+ position : absolute;
+ top : 38px;
+ right : 0;
+ display : none;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form.active {
+ display : block;
+ animation : display-none-transition 1s both;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form div {
+ position : relative;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form input[type="text"] {
+ height : 30px;
+ padding : 0 25px 0 5px;
+ width : 180px;
+ border : #be1622 solid 1px;
+ outline : none;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form button {
+ border : none;
+ background : transparent;
+ position : absolute;
+ right : 5px;
+ top : 5px;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form button i {
+ font-size : 15px;
+ color : #be1622;
+ }
+ @keyframes display-none-transition {
+ 0% {
+ opacity : 0;
+ }
+ 100% {
+ opacity : 1;
+ }
+ }
+ @media screen and (max-width:1360px) {
+ header.header .topMeta, header.header .topMeta + div {
+ padding : 0 20px;
+ }
+ }
+ @media screen and (max-width:1300px) and (min-width:1121px) {
+ header.header nav > ul > li > a {
+ font-size : 13px;
+ line-height : normal;
+ }
+ header.header nav > ul > li:last-of-type {
+ margin-left : 20px;
+ }
+ header.header nav > ul > li + li {
+ margin-left : 18px;
+ }
+ }
+ footer.footer {
+ background : #333;
+ padding : 50px 0 15px 0;
+ }
+ footer.footer div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner {
+ margin-bottom : 80px;
+ }
+ footer.footer div.inner.small:nth-of-type(2), footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2), .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) {
+ margin-bottom : 0;
+ }
+ footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element {
+ margin-bottom : 0;
+ max-width : none;
+ width : auto;
+ float : left;
+ }
+ footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small, footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner {
+ padding-left : 0;
+ padding-right : 0;
+ }
+ @media screen and (max-width:860px) {
+ footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element {
+ float : none;
+ }
+ }
+ footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ float : left;
+ width : calc(100% / 6);
+ }
+ footer.footer div.inner.small ul > a, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul > a, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul > a {
+ color : #fff;
+ font-size : 13px;
+ line-height : normal;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ footer.footer div.inner.small ul > a:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul > a:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul > a:after {
+ content : "";
+ display : block;
+ width : 75px;
+ height : 1px;
+ background : #fc0;
+ margin : 10px 0 10px 0;
+ }
+ footer.footer div.inner.small ul li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li {
+ display : block;
+ }
+ footer.footer div.inner.small ul li a, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li a, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li a {
+ display : block;
+ color : #cecece;
+ text-decoration : none;
+ font-size : 12px;
+ line-height : normal;
+ font-weight : 400;
+ }
+ footer.footer div.inner.small ul li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li + li {
+ margin-top : 5px;
+ }
+ footer.footer div.inner.small ul.imprintList, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList {
+ width : auto;
+ float : right;
+ margin-top : -4px;
+ }
+ footer.footer div.inner.small ul.imprintList li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li {
+ display : inline-block;
+ }
+ footer.footer div.inner.small ul.imprintList li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li + li {
+ margin-left : 10px;
+ }
+ footer.footer div.inner.small ul.imprintList li:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li:after {
+ display : none;
+ }
+ @media screen and (max-width:860px) {
+ footer.footer div.inner.small ul.imprintList, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList {
+ float : none !important ;
+ margin : 10px 0 0 0;
+ width : auto !important ;
+ }
+ }
+ footer.footer div.inner.small p, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p {
+ font-size : 12px;
+ line-height : normal;
+ color : #fff;
+ margin : 0;
+ }
+ @media screen and (max-width:860px) {
+ footer.footer div.inner.small p, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p {
+ float : none;
+ }
+ }
+ footer.footer div.inner.small + div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner + div.inner.small, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner + div.inner.small, footer.footer .tx-felogin-pi1 div.inner.small + div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.inner.small + div.tx-felogin-pi1-inner, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner + div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner + div.tx-felogin-pi1-inner {
+ margin-bottom : 0;
+ }
+ @media screen and (max-width:800px) {
+ footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul {
+ width : calc(100% / 3);
+ }
+ footer.footer div.inner.small ul:nth-of-type(n 4), footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul:nth-of-type(n 4), .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul:nth-of-type(n 4) {
+ margin-top : 20px;
+ }
+ }
+ @media screen and (max-width:720px) {
+ footer.footer div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner {
+ margin-bottom : 50px;
+ }
+ footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul {
+ float : none;
+ width : 100%;
+ }
+ footer.footer div.inner.small ul li:first-of-type, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li:first-of-type, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li:first-of-type {
+ display : block;
+ }
+ footer.footer div.inner.small ul li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li + li {
+ margin-right : 10px;
+ display : inline-block;
+ }
+ footer.footer div.inner.small ul + ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul + ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul + ul {
+ margin-top : 20px;
+ }
+ }
+ .breadcrumbContainer {
+ padding-top : 11px;
+ padding-bottom : 11px;
+ }
+ @media screen and (max-width:1100px) {
+ .breadcrumbContainer {
+ padding-top : 11px !important ;
+ padding-bottom : 11px !important ;
+ }
+ }
+ .breadcrumbContainer ul li {
+ color : #333;
+ display : inline-block;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .breadcrumbContainer ul li a {
+ color : #999999;
+ text-decoration : none;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .breadcrumbContainer ul li:before {
+ content : "\f015";
+ color : #fc0;
+ display : inline-block;
+ margin-right : 5px;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ .breadcrumbContainer ul li + li {
+ margin-left : 5px;
+ }
+ .breadcrumbContainer ul li + li:before {
+ content : "\f054";
+ }
+ .breadcrumbContainer ul li:last-of-type a {
+ color : #333;
+ }
+ .mfp-image-holder .mfp-content {
+ margin-top : 50px;
+ padding : 0 25px;
+ }
+ .mfp-image-holder .mfp-content figure {
+ background : #fff;
+ }
+ img.mfp-img {
+ max-height : 100% !important ;
+ }
+ .ce-video {
+ padding : 30px 0;
+ }
+ .ce-video .left {
+ float : left;
+ max-width : 500px;
+ margin-right : 30px;
+ }
+ .ce-video .left video {
+ max-width : 100%;
+ height : auto;
+ }
+ .ce-video .right {
+ float : left;
+ max-width : 500px;
+ }
+ .ce-video .right h1, .ce-video .right h2, .ce-video .right .ce-table table caption, .ce-table table .ce-video .right caption, .ce-video .right h3 {
+ margin-top : 0;
+ }
+ .ce-video .right h2, .ce-video .right .ce-table table caption, .ce-table table .ce-video .right caption {
+ text-align : left;
+ }
+ .ce-video .right h2:after, .ce-video .right .ce-table table caption:after, .ce-table table .ce-video .right caption:after {
+ margin : 10px 0 0 0;
+ }
+ .ce-forum-latest-post {
+ margin-top : 40px;
+ max-width : 83%;
+ }
+ @media screen and (max-width:980px) {
+ .ce-forum-latest-post {
+ max-width : none;
+ }
+ }
+ .ce-forum-latest-post + .ce-forum-latest-post {
+ margin-top : 0;
+ }
+ .ce-forum-latest-post:last-of-type {
+ margin-bottom : 40px;
+ border-bottom : 1px solid #bbb;
+ }
+ .ce-forum-latest-post h2, .ce-forum-latest-post .ce-table table caption, .ce-table table .ce-forum-latest-post caption {
+ text-align : left;
+ }
+ .ce-forum-latest-post h2:after, .ce-forum-latest-post .ce-table table caption:after, .ce-table table .ce-forum-latest-post caption:after {
+ margin : 10px 0 10px 0;
+ }
+ .ce-forum-latest-post > div {
+ display : block;
+ width : 100%;
+ padding : 12px;
+ background : #fff;
+ border-right : 1px solid #bbbbbb;
+ border-left : 1px solid #bbbbbb;
+ border-top : 1px solid #bbbbbb;
+ }
+ .ce-forum-latest-post > div img {
+ float : left;
+ max-width : 70px;
+ margin-right : 15px;
+ }
+ .ce-forum-latest-post > div div h3 {
+ font-size : 18px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ margin : 0 0 0 0;
+ }
+ .ce-forum-latest-post > div div h3 a {
+ color : #333;
+ }
+ .ce-forum-latest-post > div div p {
+ font-weight : 400;
+ float : left;
+ }
+ .ce-forum-latest-post > div div p + p {
+ margin-left : 10px;
+ }
+ .tx-typo3forum-post-latest-box h2, .tx-typo3forum-post-latest-box .ce-table table caption, .ce-table table .tx-typo3forum-post-latest-box caption {
+ text-align : left;
+ }
+ .tx-typo3forum-post-latest-box h2:after, .tx-typo3forum-post-latest-box .ce-table table caption:after, .ce-table table .tx-typo3forum-post-latest-box caption:after {
+ margin : 10px 0 10px 0;
+ }
+ .leftMenu {
+ float : left;
+ width : 24.27%;
+ margin-top : 30px;
+ }
+ @media screen and (max-width:767px) {
+ .leftMenu {
+ float : none;
+ width : 100%;
+ margin-bottom : 40px;
+ padding-bottom : 40px;
+ border-bottom : 1px solid #bbbbbb;
+ }
+ .leftMenu .profile-sidebar-content {
+ display : none;
+ }
+ .leftMenu .profile-sidebar-content.active {
+ display : block;
+ }
+ }
+ .leftMenu h3 {
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ text-transform : uppercase;
+ border-bottom : 2px solid #fc0;
+ margin-bottom : 15px;
+ }
+ .leftMenu ul {
+ margin : 0;
+ padding : 0;
+ list-style-type : none;
+ }
+ .leftMenu ul li {
+ display : block;
+ }
+ .leftMenu ul li a {
+ font-size : 15px;
+ line-height : normal;
+ color : #333;
+ text-decoration : none;
+ font-weight : 400;
+ text-transform : uppercase;
+ }
+ .leftMenu ul li.active a, .leftMenu ul li:hover a {
+ font-weight : 700;
+ color : #333;
+ }
+ .leftMenu ul li + li {
+ margin-top : 15px;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1, .leftMenu + * {
+ width : 74.75%;
+ float : left;
+ margin-left : 0.97%;
+ padding : 30px 10px 0 10px;
+ }
+ @media screen and (max-width:767px) {
+ .leftMenu + .tx-srfeuserregister-pi1, .leftMenu + * {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ padding : 0;
+ }
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice, .leftMenu + * .tx-srfeuserregister-pi1-notice {
+ margin : 0;
+ font-style : normal;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash, .leftMenu + * .tx-srfeuserregister-pi1-trash {
+ margin : 0 0 10px 0;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash a, .leftMenu + * .tx-srfeuserregister-pi1-trash a {
+ background : transparent;
+ padding-left : 0;
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 400;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt {
+ float : left;
+ width : 32.46%;
+ text-align : left;
+ padding : 17px 10px 16px 10px;
+ }
+ @media screen and (max-width:600px) {
+ .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt {
+ float : none;
+ width : 100%;
+ padding : 0 10px 0 0;
+ }
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dt label, .leftMenu + * dt label {
+ font-size : 15px;
+ line-height : normal;
+ color : #333;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dd, .leftMenu + * dd {
+ float : left;
+ width : 66.23%;
+ margin-left : 1.29%;
+ }
+ @media screen and (max-width:600px) {
+ .leftMenu + .tx-srfeuserregister-pi1 dd, .leftMenu + * dd {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ margin-top : 0;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dd input[type="text"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="password"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="email"], .leftMenu + * dd input[type="text"], .leftMenu + * dd input[type="password"], .leftMenu + * dd input[type="email"] {
+ margin-top : 0;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dd input[type="submit"], .leftMenu + * dd input[type="submit"] {
+ margin-top : 0;
+ }
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dd input[type="text"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="password"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="email"], .leftMenu + * dd input[type="text"], .leftMenu + * dd input[type="password"], .leftMenu + * dd input[type="email"] {
+ width : 100%;
+ height : 55px;
+ vertical-align : middle;
+ line-height : 55px;
+ padding : 0 10px;
+ font-size : 15px;
+ color : #333;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 input[type="submit"], .leftMenu + * input[type="submit"] {
+ float : right;
+ margin-bottom : 40px;
+ }
+ .leftMenu .profile-sidebar {
+ display : none;
+ margin-top : 15px;
+ }
+ .leftMenu .profile-sidebar button {
+ border : none;
+ width : 100%;
+ display : block;
+ }
+ @media screen and (max-width:767px) {
+ .leftMenu .profile-sidebar {
+ display : block;
+ }
+ }
+ .formular-sidebar {
+ float : left;
+ width : 25%;
+ margin-left : 5%;
+ padding-top : 50px;
+ padding-bottom : 50px;
+ }
+ .formular-sidebar .formular-sidebar-content {
+ width : 100%;
+ }
+ .formular-sidebar .formular-sidebar-content + .formular-sidebar-content {
+ margin-top : 40px;
+ }
+ .formular-sidebar h2, .formular-sidebar .ce-table table caption, .ce-table table .formular-sidebar caption {
+ font-size : 18px;
+ line-height : normal;
+ text-align : left;
+ margin : 0 0 5px 0;
+ }
+ .formular-sidebar h2:after, .formular-sidebar .ce-table table caption:after, .ce-table table .formular-sidebar caption:after {
+ margin : 10px 0 0 0;
+ }
+ .formular-sidebar img {
+ margin-top : 20px;
+ }
+ .formular-sidebar p {
+ font-size : 13px;
+ line-height : normal;
+ }
+ .formular-sidebar .fontAwesome-list {
+ margin-bottom : 20px;
+ }
+ .formular-sidebar .fontAwesome-list ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .formular-sidebar .fontAwesome-list ul li {
+ display : block;
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ font-weight : 700;
+ }
+ .formular-sidebar .fontAwesome-list ul li i {
+ display : table-cell;
+ font-size : 22px;
+ margin-right : 10px;
+ border-radius : 50px;
+ border : #333 solid 2px;
+ padding : 10px;
+ vertical-align : sub;
+ float : left;
+ height : 46px;
+ width : 46px;
+ }
+ .formular-sidebar .fontAwesome-list ul li span {
+ margin : 0;
+ display : table-cell;
+ vertical-align : middle;
+ padding-left : 10px;
+ height : 46px;
+ }
+ @media screen and (max-width:440px) {
+ .formular-sidebar .fontAwesome-list ul li span {
+ width : 80%;
+ }
+ }
+ @media screen and (max-width:360px) {
+ .formular-sidebar .fontAwesome-list ul li span {
+ width : 70%;
+ }
+ }
+ .formular-sidebar .fontAwesome-list ul li + li {
+ padding-top : 10px;
+ clear : both;
+ }
+ @media screen and (max-width:800px) {
+ .formular-sidebar {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ padding : 0 0 50px 0;
+ }
+ }
+ .ui-icon {
+ display : none !important ;
+ }
+ .compexCommerce .news-list-view .header {
+ max-width : none;
+ }
+ .cc_container .cc_btn {
+ padding : 8px 10px !important ;
+ }
+ body.compexCommerce main > *:first-child {
+ margin-top : 40px;
+ }
+ body.compexCommerce main > .sliderContainer {
+ margin-top : 0 !important ;
+ }
+ body.compexCommerce main > .unterseiten-banner:first-child {
+ margin-top : 0;
+ }
+
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/100EUR.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/100EUR.png
new file mode 100644
index 0000000..103d693
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/100EUR.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/10EUR.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/10EUR.png
new file mode 100644
index 0000000..b310646
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/10EUR.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/20EUR.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/20EUR.png
new file mode 100644
index 0000000..a888f6a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/20EUR.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/50EUR.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/50EUR.png
new file mode 100644
index 0000000..1403020
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/50EUR.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/5EUR.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/5EUR.png
new file mode 100644
index 0000000..0ffcbf1
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/5EUR.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/TicketResolution.OPEN.image.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/TicketResolution.OPEN.image.png
new file mode 100644
index 0000000..1d5ec40
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/TicketResolution.OPEN.image.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/about.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/about.png
new file mode 100644
index 0000000..523a9f4
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/about.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/badrising.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/badrising.png
new file mode 100644
index 0000000..848ee76
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/badrising.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/bike.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/bike.png
new file mode 100644
index 0000000..5daed50
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/bike.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/bomb.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/bomb.png
new file mode 100644
index 0000000..7c7b644
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/bomb.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/book.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/book.png
new file mode 100644
index 0000000..4804d8c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/book.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/box.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/box.png
new file mode 100644
index 0000000..1e36a20
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/box.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/calendar.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/calendar.png
new file mode 100644
index 0000000..d57ee26
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/calendar.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/cancel.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/cancel.png
new file mode 100644
index 0000000..06fea84
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/cancel.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/cargo.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/cargo.png
new file mode 100644
index 0000000..9ce0c1d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/cargo.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/cashregister.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/cashregister.png
new file mode 100644
index 0000000..fee6b22
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/cashregister.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/coins.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/coins.png
new file mode 100644
index 0000000..3899990
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/coins.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/collapse_all.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/collapse_all.png
new file mode 100644
index 0000000..6ae6c01
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/collapse_all.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/collapse_arrow_16.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/collapse_arrow_16.png
new file mode 100644
index 0000000..b59eb00
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/collapse_arrow_16.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/collapse_minus_16.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/collapse_minus_16.png
new file mode 100644
index 0000000..a23150b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/collapse_minus_16.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/company.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/company.png
new file mode 100644
index 0000000..f86286f
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/company.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/companygroup.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/companygroup.png
new file mode 100644
index 0000000..c346a6e
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/companygroup.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/configure.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/configure.gif
new file mode 100644
index 0000000..13102f6
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/configure.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/crm.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/crm.png
new file mode 100644
index 0000000..73db110
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/crm.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/css.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/css.png
new file mode 100644
index 0000000..00b61e4
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/css.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/csv_import.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/csv_import.png
new file mode 100644
index 0000000..2aaa9dc
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/csv_import.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/currency_euro.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/currency_euro.png
new file mode 100644
index 0000000..3b7be5b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/currency_euro.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/database.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/database.png
new file mode 100644
index 0000000..08b5c67
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/database.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/database_go.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/database_go.png
new file mode 100644
index 0000000..61a8556
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/database_go.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/database_table.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/database_table.png
new file mode 100644
index 0000000..693709c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/database_table.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/date.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/date.gif
new file mode 100644
index 0000000..96aae05
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/date.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/delete.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/delete.png
new file mode 100644
index 0000000..e720662
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/delete.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/download.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/download.png
new file mode 100644
index 0000000..49ee852
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/download.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dropdown.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dropdown.png
new file mode 100644
index 0000000..040e72c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dropdown.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dropdown_2.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dropdown_2.png
new file mode 100644
index 0000000..cb64772
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dropdown_2.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dropedit2.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dropedit2.png
new file mode 100644
index 0000000..025ebca
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dropedit2.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dscancel.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dscancel.png
new file mode 100644
index 0000000..b2340aa
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dscancel.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsdelete.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsdelete.png
new file mode 100644
index 0000000..ea95966
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsdelete.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_action.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_action.png
new file mode 100644
index 0000000..c3763d1
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_action.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_aggregate.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_aggregate.png
new file mode 100644
index 0000000..4df09cb
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_aggregate.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_allinone-1.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_allinone-1.png
new file mode 100644
index 0000000..8239a4b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_allinone-1.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_allinone-2.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_allinone-2.gif
new file mode 100644
index 0000000..e9644aa
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_allinone-2.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_allinone-3.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_allinone-3.gif
new file mode 100644
index 0000000..c77a2c9
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_allinone-3.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_authorization.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_authorization.png
new file mode 100644
index 0000000..e6a305d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_authorization.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_blip.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_blip.png
new file mode 100644
index 0000000..2fa0e5b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_blip.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_chart.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_chart.png
new file mode 100644
index 0000000..76b1330
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_chart.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_chart_1.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_chart_1.png
new file mode 100644
index 0000000..76b1330
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_chart_1.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_chart_2.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_chart_2.png
new file mode 100644
index 0000000..3be5f64
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_chart_2.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_cube.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_cube.png
new file mode 100644
index 0000000..de9f107
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_cube.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_datainterchange.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_datainterchange.png
new file mode 100644
index 0000000..7ffb0e9
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_datainterchange.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_datamart.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_datamart.png
new file mode 100644
index 0000000..e9d5626
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_datamart.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_dialog.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_dialog.gif
new file mode 100644
index 0000000..246a9f8
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_dialog.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_dto.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_dto.png
new file mode 100644
index 0000000..fe0a52f
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_dto.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_entity.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_entity.png
new file mode 100644
index 0000000..a8fb8e9
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_entity.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_expression.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_expression.png
new file mode 100644
index 0000000..be9c390
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_expression.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_filter.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_filter.png
new file mode 100644
index 0000000..f898baf
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_filter.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_format.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_format.png
new file mode 100644
index 0000000..0bfcd82
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_format.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_functionlibrary.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_functionlibrary.png
new file mode 100644
index 0000000..e44f7be
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_functionlibrary.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_hierarchy.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_hierarchy.gif
new file mode 100644
index 0000000..6d46246
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_hierarchy.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_import2.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_import2.png
new file mode 100644
index 0000000..af511de
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_import2.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_menu.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_menu.png
new file mode 100644
index 0000000..025ebca
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_menu.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_message.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_message.gif
new file mode 100644
index 0000000..f1ec2dc
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_message.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_organigram.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_organigram.png
new file mode 100644
index 0000000..2d89bc8
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_organigram.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_path.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_path.png
new file mode 100644
index 0000000..c262256
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_path.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_perspective.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_perspective.png
new file mode 100644
index 0000000..10841fe
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_perspective.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_report.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_report.gif
new file mode 100644
index 0000000..a6d7bf5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_report.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_scsstheme.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_scsstheme.gif
new file mode 100644
index 0000000..ab287a5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_scsstheme.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_strategy.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_strategy.gif
new file mode 100644
index 0000000..504c7f9
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_strategy.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_strategy.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_strategy.png
new file mode 100644
index 0000000..10841fe
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_strategy.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_table.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_table.png
new file mode 100644
index 0000000..af7fee4
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_table.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_topology.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_topology.png
new file mode 100644
index 0000000..4b0cf5b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsl_topology.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsnew.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsnew.png
new file mode 100644
index 0000000..32f4adc
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsnew.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dssave.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dssave.png
new file mode 100644
index 0000000..b90d6ac
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dssave.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/edi.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/edi.png
new file mode 100644
index 0000000..7ae4eff
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/edi.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/editor_area.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/editor_area.png
new file mode 100644
index 0000000..d697779
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/editor_area.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/employee.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/employee.png
new file mode 100644
index 0000000..1fc723d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/employee.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/empty_small.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/empty_small.png
new file mode 100644
index 0000000..e7964e0
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/empty_small.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/eq.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/eq.png
new file mode 100644
index 0000000..4156e65
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/eq.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/excelcsv.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/excelcsv.png
new file mode 100644
index 0000000..e912bec
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/excelcsv.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/expand_arrow_16.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/expand_arrow_16.png
new file mode 100644
index 0000000..ad0db33
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/expand_arrow_16.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/expand_plus_16.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/expand_plus_16.png
new file mode 100644
index 0000000..26eed23
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/expand_plus_16.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/export.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/export.png
new file mode 100644
index 0000000..8c58e9e
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/export.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/fastview_restore.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/fastview_restore.gif
new file mode 100644
index 0000000..e0010df
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/fastview_restore.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/filter.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/filter.png
new file mode 100644
index 0000000..d0ef56a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/filter.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/filter_except.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/filter_except.png
new file mode 100644
index 0000000..cab46df
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/filter_except.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/filter_multiple.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/filter_multiple.png
new file mode 100644
index 0000000..d155cba
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/filter_multiple.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/filter_single.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/filter_single.png
new file mode 100644
index 0000000..d0ef56a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/filter_single.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/fireemployee.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/fireemployee.png
new file mode 100644
index 0000000..e5593f5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/fireemployee.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_canada.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_canada.png
new file mode 100644
index 0000000..5bd23fc
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_canada.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_finland.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_finland.png
new file mode 100644
index 0000000..20b97bb
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_finland.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_germany.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_germany.png
new file mode 100644
index 0000000..11d0091
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_germany.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_mexico.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_mexico.png
new file mode 100644
index 0000000..d53081f
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_mexico.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_sweden.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_sweden.png
new file mode 100644
index 0000000..fd0f8d6
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_sweden.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_swiss.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_swiss.png
new file mode 100644
index 0000000..b968e5c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_swiss.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_turkey.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_turkey.png
new file mode 100644
index 0000000..6bff22d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_turkey.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_united_kingdom.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_united_kingdom.png
new file mode 100644
index 0000000..46e0d03
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_united_kingdom.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_usa.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_usa.png
new file mode 100644
index 0000000..c6df2d1
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/flag_usa.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/folder.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/folder.png
new file mode 100644
index 0000000..f633bb5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/folder.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/ge.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/ge.png
new file mode 100644
index 0000000..f4b0199
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/ge.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/gender_female.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/gender_female.png
new file mode 100644
index 0000000..3c5ba8c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/gender_female.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/gender_male.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/gender_male.png
new file mode 100644
index 0000000..463d364
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/gender_male.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/goodsloping.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/goodsloping.png
new file mode 100644
index 0000000..7878e5f
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/goodsloping.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/gt.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/gt.png
new file mode 100644
index 0000000..ca13ccb
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/gt.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/help.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/help.png
new file mode 100644
index 0000000..8fcfb91
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/help.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/html.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/html.png
new file mode 100644
index 0000000..a4c08bc
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/html.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/img.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/img.png
new file mode 100644
index 0000000..91a4a2b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/img.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/import.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/import.png
new file mode 100644
index 0000000..f4fdcc9
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/import.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/information.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/information.png
new file mode 100644
index 0000000..d22fde8
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/information.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/item.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/item.png
new file mode 100644
index 0000000..802bd6c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/item.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/java.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/java.png
new file mode 100644
index 0000000..3b59c6b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/java.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/java_perspective_16x16.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/java_perspective_16x16.png
new file mode 100644
index 0000000..2611f2a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/java_perspective_16x16.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/javadoc.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/javadoc.png
new file mode 100644
index 0000000..f2834c9
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/javadoc.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/junit.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/junit.png
new file mode 100644
index 0000000..7ea6c87
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/junit.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/le.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/le.png
new file mode 100644
index 0000000..33ea0af
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/le.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/length_measure-16x16.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/length_measure-16x16.png
new file mode 100644
index 0000000..92d7c5d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/length_measure-16x16.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/length_measure-24x24.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/length_measure-24x24.png
new file mode 100644
index 0000000..685e936
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/length_measure-24x24.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/license.txt b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/license.txt
new file mode 100644
index 0000000..d1e91c0
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/license.txt
@@ -0,0 +1,242 @@
+The pictures and their license:
+
+Pixabay:
+------------------------------------------
+https://pixabay.com/de/service/terms/#usage
+https://creativecommons.org/publicdomain/zero/1.0/deed.de
+
+100EUR.png
+10EUR.png
+20EUR.png
+50EUR.png
+5EUR.png
+
+
+Based on http://fontawesome.io
+License: OFL http://scripts.sil.org/OFL
+---------------------------------------
+dsl_action.png
+dsl_aggregate.png
+dsl_allinone-1.png
+dsl_allinone-2.gif
+dsl_allinone-3.gif
+dsl_authorization.png
+dsl_blip.png
+dsl_chart.png
+dsl_chart_1.png
+dsl_chart_2.png
+dsl_cube.png
+dsl_datainterchange.png
+dsl_datamart.png
+dsl_dialog.gif
+dsl_dto.png
+dsl_entity.png
+dsl_expression.png
+dsl_filter.png
+dsl_format.png
+dsl_functionlibrary.png
+dsl_hierarchy.gif
+dsl_import2.png
+dsl_menu.png
+dsl_message.gif
+dsl_organigram.png
+dsl_path.png
+dsl_perspective.png
+dsl_report.gif
+dsl_scsstheme.gif
+dsl_strategy.gif
+dsl_strategy.png
+dsl_table.png
+dsl_topology.png
+
+-----------------------------------------
+
+Silk icon set 1.3
+
+_________________________________________
+Mark James
+http://www.famfamfam.com/lab/icons/silk/
+_________________________________________
+
+This work is licensed under a
+Creative Commons Attribution 2.5 License.
+[ http://creativecommons.org/licenses/by/2.5/ ]
+
+This means you may use it for any purpose,
+and make any changes you like.
+All I ask is that you include a link back
+to this page in your credits.
+
+Are you using this icon set? Send me an email
+(including a link or picture if available) to
+mjames@gmail.com
+
+Any other questions about this icon set please
+contact mjames@gmail.com
+--------------------------------------------
+flag_canada.png
+flag_finland.png
+flag_germany.png
+flag_mexico.png
+flag_sweden.png
+flag_swiss.png
+flag_turkey.png
+flag_united_kingdom.png
+flag_usa.png
+
+--------------------------------------------
+
+
+
+
+
+
+(C) 2014 Loetz GmbH&Co.KG,
+License: EPL 1.0:
+------------------------------------
+about.png
+badrising.png
+bike.png
+bomb.png
+book.png
+box.png
+calendar.png
+cancel.png
+cargo.png
+cashregister.png
+coins.png
+collapse_all.png
+collapse_arrow_16.png
+collapse_minus_16.png
+company.png
+companygroup.png
+configure.gif
+crm.png
+css.png
+csv_import.png
+currency_euro.png
+database.png
+database_go.png
+database_table.png
+date.gif
+delete.png
+dir.txt
+dropdown.png
+dropdown_2.png
+dropedit2.png
+dscancel.png
+dsdelete.png
+dssave.png
+edi.png
+editor_area.png
+employee.png
+empty_small.png
+excelcsv.png
+expand_arrow_16.png
+expand_plus_16.png
+export.png
+fastview_restore.gif
+filter.png
+filter_except.png
+filter_multiple.png
+filter_single.png
+folder.png
+gender_female.png
+gender_male.png
+goodsloping.png
+help.png
+html.png
+img.png
+import.png
+information.png
+item.png
+java.png
+java_perspective_16x16.png
+javadoc.png
+junit.png
+length_measure-16x16.png
+length_measure-24x24.png
+link_to_editor.png
+locksview.gif
+logout.png
+logout_big.png
+marital_married.png
+marital_single.png
+modules.png
+new.png
+nopic_small.png
+notok.png
+nuclear.png
+ok.png
+package.gif
+payment_amex.png
+payment_cash.png
+payment_customer.png
+payment_ecmaestro.png
+payment_maestro.png
+payment_mastercard.png
+payment_visa.png
+persp_management.png
+persp_tasks.png
+popup_button_16x16.png
+popup_button_17x20.png
+popup_button_active_17x20.png
+popup_button_hover_17x20.png
+print.png
+private_field.png
+private_method.png
+process.png
+products.png
+project.png
+save.png
+save_all.png
+shipping.png
+statistics.png
+supplier.png
+task_action_claim.png
+task_action_complete.png
+task_action_delegate.png
+task_action_release.png
+task_action_resume.png
+task_action_skip.png
+task_action_start.png
+task_action_stop.png
+task_action_suspend.png
+task_priority_0.png
+task_priority_1.png
+task_priority_2.png
+task_priority_3.png
+task_priority_4.png
+task_priority_5.png
+task_status_completed.png
+task_status_created.png
+task_status_error.png
+task_status_exited.png
+task_status_failed.png
+task_status_inprogress.png
+task_status_obsolete.png
+task_status_ready.png
+task_status_reserved.png
+task_status_suspended.png
+tasks.png
+text.png
+toolbar_button_background_active_23x20.png
+toolbar_button_background_hover_23x20.png
+trend_rising.png
+trend_sloping.png
+trend_stagnating.png
+truck.png
+vaaclipse.png
+warehouse.png
+welcome.png
+xmi.png
+xml.png
+
+
+
+
+Other icons:
+------------------------------------
+pdf-export.png from https://www.iconfinder.com/icons/37271/export_pdf_icon#size=24 under https://creativecommons.org/licenses/by-sa/3.0/
+
+
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/like.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/like.png
new file mode 100644
index 0000000..54616ea
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/like.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/link_to_editor.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/link_to_editor.png
new file mode 100644
index 0000000..ab61503
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/link_to_editor.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/locksview.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/locksview.gif
new file mode 100644
index 0000000..8e3d48a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/locksview.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/logout.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/logout.png
new file mode 100644
index 0000000..ce48e0c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/logout.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/logout_big.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/logout_big.png
new file mode 100644
index 0000000..ce48e0c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/logout_big.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/loosingdata.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/loosingdata.png
new file mode 100644
index 0000000..fe3cb7d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/loosingdata.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/lt.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/lt.png
new file mode 100644
index 0000000..a2ae64b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/lt.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/marital_married.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/marital_married.png
new file mode 100644
index 0000000..a0cae85
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/marital_married.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/marital_single.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/marital_single.png
new file mode 100644
index 0000000..7b96019
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/marital_single.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/modules.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/modules.png
new file mode 100644
index 0000000..807b862
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/modules.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/ne.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/ne.png
new file mode 100644
index 0000000..07a7db3
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/ne.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/new.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/new.png
new file mode 100644
index 0000000..64c8a86
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/new.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/nopic_small.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/nopic_small.png
new file mode 100644
index 0000000..06fea84
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/nopic_small.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/notok.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/notok.png
new file mode 100644
index 0000000..5626f55
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/notok.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/nuclear.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/nuclear.png
new file mode 100644
index 0000000..0dc4ae4
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/nuclear.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/ok.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/ok.png
new file mode 100644
index 0000000..35d886c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/ok.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/osbee.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/osbee.png
new file mode 100644
index 0000000..e12f341
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/osbee.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/package.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/package.gif
new file mode 100644
index 0000000..34506fb
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/package.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/payment_amex.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/payment_amex.png
new file mode 100644
index 0000000..8da3d6d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/payment_amex.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/payment_cash.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/payment_cash.png
new file mode 100644
index 0000000..f0bf155
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/payment_cash.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/payment_customer.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/payment_customer.png
new file mode 100644
index 0000000..90c8f36
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/payment_customer.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/payment_ecmaestro.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/payment_ecmaestro.png
new file mode 100644
index 0000000..90b5c03
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/payment_ecmaestro.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/payment_maestro.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/payment_maestro.png
new file mode 100644
index 0000000..5a0d4fc
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/payment_maestro.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/payment_mastercard.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/payment_mastercard.png
new file mode 100644
index 0000000..837af8e
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/payment_mastercard.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/payment_signing.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/payment_signing.png
new file mode 100644
index 0000000..645d8a4
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/payment_signing.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/payment_visa.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/payment_visa.png
new file mode 100644
index 0000000..332f0ec
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/payment_visa.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/pdf-export.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/pdf-export.png
new file mode 100644
index 0000000..55653c5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/pdf-export.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/persp_management.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/persp_management.png
new file mode 100644
index 0000000..0eaa571
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/persp_management.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/persp_tasks.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/persp_tasks.png
new file mode 100644
index 0000000..998d65c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/persp_tasks.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/popup_button_16x16.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/popup_button_16x16.png
new file mode 100644
index 0000000..af511de
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/popup_button_16x16.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/popup_button_17x20.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/popup_button_17x20.png
new file mode 100644
index 0000000..6288cf9
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/popup_button_17x20.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/popup_button_active_17x20.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/popup_button_active_17x20.png
new file mode 100644
index 0000000..b71d5cd
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/popup_button_active_17x20.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/popup_button_hover_17x20.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/popup_button_hover_17x20.png
new file mode 100644
index 0000000..dc7caba
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/popup_button_hover_17x20.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/print.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/print.png
new file mode 100644
index 0000000..e21b697
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/print.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/private_field.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/private_field.png
new file mode 100644
index 0000000..25718ea
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/private_field.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/private_method.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/private_method.png
new file mode 100644
index 0000000..8372b48
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/private_method.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/process.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/process.png
new file mode 100644
index 0000000..b2d3a98
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/process.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/products.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/products.png
new file mode 100644
index 0000000..58ad2b8
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/products.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/project.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/project.png
new file mode 100644
index 0000000..0194704
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/project.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/reload.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/reload.png
new file mode 100644
index 0000000..442df37
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/reload.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/save.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/save.png
new file mode 100644
index 0000000..9b645ec
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/save.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/save_all.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/save_all.png
new file mode 100644
index 0000000..5fc9f1f
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/save_all.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/shipping.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/shipping.png
new file mode 100644
index 0000000..7ef6e1f
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/shipping.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/splash.bmp b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/splash.bmp
new file mode 100644
index 0000000..1c2a33b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/splash.bmp
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/statistics.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/statistics.png
new file mode 100644
index 0000000..d283e84
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/statistics.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/supplier.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/supplier.png
new file mode 100644
index 0000000..165e902
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/supplier.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_claim.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_claim.png
new file mode 100644
index 0000000..382cb60
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_claim.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_complete.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_complete.png
new file mode 100644
index 0000000..fb02e04
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_complete.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_delegate.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_delegate.png
new file mode 100644
index 0000000..f27b078
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_delegate.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_release.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_release.png
new file mode 100644
index 0000000..f9e209e
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_release.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_resume.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_resume.png
new file mode 100644
index 0000000..bbc3f1c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_resume.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_skip.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_skip.png
new file mode 100644
index 0000000..c2d2c23
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_skip.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_start.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_start.png
new file mode 100644
index 0000000..fa515a2
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_start.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_stop.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_stop.png
new file mode 100644
index 0000000..2dd41f3
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_stop.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_suspend.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_suspend.png
new file mode 100644
index 0000000..95ed2fd
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_action_suspend.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_priority_0.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_priority_0.png
new file mode 100644
index 0000000..7dc6ced
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_priority_0.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_priority_1.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_priority_1.png
new file mode 100644
index 0000000..7a12a4e
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_priority_1.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_priority_2.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_priority_2.png
new file mode 100644
index 0000000..5a64d3f
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_priority_2.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_priority_3.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_priority_3.png
new file mode 100644
index 0000000..c017801
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_priority_3.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_priority_4.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_priority_4.png
new file mode 100644
index 0000000..764f629
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_priority_4.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_priority_5.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_priority_5.png
new file mode 100644
index 0000000..6dbd12a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_priority_5.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_completed.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_completed.png
new file mode 100644
index 0000000..fb02e04
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_completed.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_created.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_created.png
new file mode 100644
index 0000000..99a5af2
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_created.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_error.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_error.png
new file mode 100644
index 0000000..0f059d4
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_error.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_exited.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_exited.png
new file mode 100644
index 0000000..6a7d7dc
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_exited.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_failed.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_failed.png
new file mode 100644
index 0000000..3024e5c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_failed.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_inprogress.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_inprogress.png
new file mode 100644
index 0000000..761c6fb
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_inprogress.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_obsolete.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_obsolete.png
new file mode 100644
index 0000000..6fb739d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_obsolete.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_ready.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_ready.png
new file mode 100644
index 0000000..7810c93
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_ready.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_reserved.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_reserved.png
new file mode 100644
index 0000000..b3bc7b5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_reserved.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_suspended.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_suspended.png
new file mode 100644
index 0000000..cca19b8
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/task_status_suspended.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/tasks.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/tasks.png
new file mode 100644
index 0000000..998d65c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/tasks.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/text.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/text.png
new file mode 100644
index 0000000..4efeae9
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/text.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/toolbar_button_background_active_23x20.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/toolbar_button_background_active_23x20.png
new file mode 100644
index 0000000..18b8b0d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/toolbar_button_background_active_23x20.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/toolbar_button_background_hover_23x20.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/toolbar_button_background_hover_23x20.png
new file mode 100644
index 0000000..931fe7d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/toolbar_button_background_hover_23x20.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/trend_rising.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/trend_rising.png
new file mode 100644
index 0000000..5a7686b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/trend_rising.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/trend_sloping.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/trend_sloping.png
new file mode 100644
index 0000000..b145d9e
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/trend_sloping.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/trend_stagnating.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/trend_stagnating.png
new file mode 100644
index 0000000..0961ff8
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/trend_stagnating.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/truck.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/truck.png
new file mode 100644
index 0000000..797c47d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/truck.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/upload.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/upload.png
new file mode 100644
index 0000000..c943e3f
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/upload.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/vaaclipse.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/vaaclipse.png
new file mode 100644
index 0000000..372b536
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/vaaclipse.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/warehouse.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/warehouse.png
new file mode 100644
index 0000000..9d93692
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/warehouse.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/warning.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/warning.png
new file mode 100644
index 0000000..414fedb
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/warning.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/welcome.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/welcome.png
new file mode 100644
index 0000000..559f449
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/welcome.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/xmi.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/xmi.png
new file mode 100644
index 0000000..647fae1
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/xmi.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/xml.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/xml.png
new file mode 100644
index 0000000..2f0a698
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/xml.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/2M1AXEU9Q2.jpg b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/2M1AXEU9Q2.jpg
new file mode 100644
index 0000000..c13aeff
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/2M1AXEU9Q2.jpg
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/StartAppHere.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/StartAppHere.png
new file mode 100644
index 0000000..6524f97
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/StartAppHere.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/Top_view.jpg b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/Top_view.jpg
new file mode 100644
index 0000000..79a63bc
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/Top_view.jpg
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/U68NITW3EI.jpg b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/U68NITW3EI.jpg
new file mode 100644
index 0000000..36c3058
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/U68NITW3EI.jpg
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/U68NITW3EI_s.jpg b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/U68NITW3EI_s.jpg
new file mode 100644
index 0000000..cd4fea7
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/U68NITW3EI_s.jpg
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/WARNING.TXT b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/WARNING.TXT
similarity index 100%
rename from org.eclipse.osbp.themes/VAADIN/themes/osbp/image/WARNING.TXT
rename to org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/WARNING.TXT
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/app-loading.jpg b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/app-loading.jpg
new file mode 100644
index 0000000..ca7929b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/app-loading.jpg
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/architecture.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/architecture.png
new file mode 100644
index 0000000..0da1723
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/architecture.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/binary-797263_1920.jpg b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/binary-797263_1920.jpg
new file mode 100644
index 0000000..8e6a468
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/binary-797263_1920.jpg
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/binary-797274_1920.jpg b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/binary-797274_1920.jpg
new file mode 100644
index 0000000..e890bf7
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/binary-797274_1920.jpg
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/bkgnd1.jpg b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/bkgnd1.jpg
new file mode 100644
index 0000000..accd7c6
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/bkgnd1.jpg
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/bugatti.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/bugatti.png
new file mode 100644
index 0000000..4f28c9e
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/bugatti.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/cpu-564789_1920.jpg b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/cpu-564789_1920.jpg
new file mode 100644
index 0000000..b8959c0
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/cpu-564789_1920.jpg
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/grid-684983_1920.jpg b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/grid-684983_1920.jpg
new file mode 100644
index 0000000..126ecf1
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/grid-684983_1920.jpg
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/grid-871475_1920.jpg b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/grid-871475_1920.jpg
new file mode 100644
index 0000000..1b46fc5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/grid-871475_1920.jpg
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/innovation.jpg b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/innovation.jpg
new file mode 100644
index 0000000..a6ba27b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/innovation.jpg
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/key.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/key.png
new file mode 100644
index 0000000..5ca33d4
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/key.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/lamborghini.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/lamborghini.png
new file mode 100644
index 0000000..2382b26
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/lamborghini.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/license.txt b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/license.txt
new file mode 100644
index 0000000..db93c45
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/license.txt
@@ -0,0 +1,49 @@
+
+
+Pictures from StockSnap/pixabay:
+------------------------
+
+2M1AXEU9Q2.jpg
+app-loading.jpg / grid-684983_1920.jpg
+binary-797263_1920
+binary-797274_1920.jpg
+bkgnd1.jpg
+cpu-564789_1920.jpg
+grid-871475_1920.jpg
+padlock.png
+personal-95715_1920.jpg
+rain-455120_640.jpg
+statistics-706383_1920.jpg
+Top_view.jpg
+U68NITW3EI.jpg
+U68NITW3EI_s.jpg
+
+
+
+
+CC0 License https://stocksnap.io/license
+-----------
+All photos on StockSnap fall under the Creative Commons CC0 license.
+That means you can copy, modify, distribute any photo on the site, even for commercial purposes, all without asking permission!
+
+Pixabay:
+--------
+https://pixabay.com/de/service/terms/#usage
+
+https://creativecommons.org/publicdomain/zero/1.0/deed.de
+
+
+
+
+created with http://www.ajaxload.info/
+license: http://www.wtfpl.net/about/
+
+load_bar_1.gif
+load_bar_2.gif
+load_spinner_1.gif
+load_spinner_2.gif
+load_spinner_3.gif
+
+
+
+
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/load_bar_1.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/load_bar_1.gif
similarity index 100%
rename from org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/load_bar_1.gif
rename to org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/load_bar_1.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/load_bar_2.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/load_bar_2.gif
similarity index 100%
rename from org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/load_bar_2.gif
rename to org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/load_bar_2.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/load_spinner_1.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/load_spinner_1.gif
similarity index 100%
rename from org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/load_spinner_1.gif
rename to org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/load_spinner_1.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/load_spinner_2.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/load_spinner_2.gif
similarity index 100%
rename from org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/load_spinner_2.gif
rename to org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/load_spinner_2.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/load_spinner_3.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/load_spinner_3.gif
similarity index 100%
rename from org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/load_spinner_3.gif
rename to org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/load_spinner_3.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/locked.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/locked.png
new file mode 100644
index 0000000..19b2d17
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/locked.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/logo_osbee.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/logo_osbee.png
new file mode 100644
index 0000000..8f53f5c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/logo_osbee.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/os-bee-logo-2016-cmyk_transparent.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/os-bee-logo-2016-cmyk_transparent.png
new file mode 100644
index 0000000..d4788f1
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/os-bee-logo-2016-cmyk_transparent.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/padlock.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/padlock.png
new file mode 100644
index 0000000..6fb1062
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/padlock.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/paper-clip-98520_960_36.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/paper-clip-98520_960_36.png
new file mode 100644
index 0000000..b7171a5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/paper-clip-98520_960_36.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/paper-clip-98520_960_72.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/paper-clip-98520_960_72.png
new file mode 100644
index 0000000..556c371
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/paper-clip-98520_960_72.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/paper-clip-98520_960_720.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/paper-clip-98520_960_720.png
new file mode 100644
index 0000000..ffd578a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/paper-clip-98520_960_720.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/personal-95715_1920.jpg b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/personal-95715_1920.jpg
new file mode 100644
index 0000000..046a32b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/personal-95715_1920.jpg
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/rain-455120_640.jpg b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/rain-455120_640.jpg
new file mode 100644
index 0000000..043a09a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/rain-455120_640.jpg
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/statistics-706383_1920.jpg b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/statistics-706383_1920.jpg
new file mode 100644
index 0000000..7863fab
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/statistics-706383_1920.jpg
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/unlocked.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/unlocked.png
new file mode 100644
index 0000000..7ec8ba9
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/unlocked.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/userExperience.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/userExperience.png
new file mode 100644
index 0000000..c2b782a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/userExperience.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/layout/add.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/layout/add.png
new file mode 100644
index 0000000..64c8a86
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/layout/add.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/layout/delete.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/layout/delete.gif
new file mode 100644
index 0000000..2ff6678
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/layout/delete.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/layout/edit_properties.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/layout/edit_properties.gif
new file mode 100644
index 0000000..94eedf6
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/layout/edit_properties.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/layout/margin.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/layout/margin.gif
new file mode 100644
index 0000000..9be7aa5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/layout/margin.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/layout/openProperties.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/layout/openProperties.gif
new file mode 100644
index 0000000..1dc19a3
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/layout/openProperties.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/layout/spacing.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/layout/spacing.gif
new file mode 100644
index 0000000..8eb28e6
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/layout/spacing.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/styles.css b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/styles.css
new file mode 100644
index 0000000..68a7058
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/styles.css
@@ -0,0 +1,23131 @@
+/******************************************************************
+ * *
+ * Copyright (C) - Sample Corp., Smalltown, Sampleland
+ * *
+ * This source was generated via the OS.bee toolset! *
+ * *
+ * OS.bee is (C) - Loetz GmbH&Co.KG, 69115 Heidelberg, Germany *
+ * *
+ *================================================================*
+ * *
+ * @file $HeadURL$
+ * @version $Revision$
+ * @date $Date$
+ * @author $Author$
+ * *
+ ******************************************************************/
+
+/**
+ * Checks if a list contains a certain value.
+ *
+ * @param {list} $list - the list to check
+ * @param {value} $var - the value to search for
+ * @param {bool} $recursive (false) - should any contained lists be checked for the value
+ *
+ * @return {bool} true if the value is found from the list, false otherwise
+ *
+ * @group lists
+ */
+
+/**
+ * Cross-browser opacity.
+ *
+ * @param {number} $value - opacity value from 0 to 1
+ * @param {bool} $important (false) - should the property value be declared with !important
+ *
+ * @group util
+ */
+
+@-webkit-keyframes valo-animate-in-fade {
+ 0% {
+ opacity: 0;
+ }
+ }
+
+@-moz-keyframes valo-animate-in-fade {
+ 0% {
+ opacity: 0;
+ }
+ }
+
+@keyframes valo-animate-in-fade {
+ 0% {
+ opacity: 0;
+ }
+ }
+
+@-webkit-keyframes valo-animate-out-fade {
+ 100% {
+ opacity: 0;
+ }
+ }
+
+@-moz-keyframes valo-animate-out-fade {
+ 100% {
+ opacity: 0;
+ }
+ }
+
+@keyframes valo-animate-out-fade {
+ 100% {
+ opacity: 0;
+ }
+ }
+
+@-webkit-keyframes valo-animate-in-slide-down {
+ 0% {
+ -webkit-transform: translateY(-100%);
+ }
+ }
+
+@-moz-keyframes valo-animate-in-slide-down {
+ 0% {
+ -moz-transform: translateY(-100%);
+ }
+ }
+
+@keyframes valo-animate-in-slide-down {
+ 0% {
+ -webkit-transform: translateY(-100%);
+ -moz-transform: translateY(-100%);
+ -ms-transform: translateY(-100%);
+ -o-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+ }
+
+@-webkit-keyframes valo-animate-in-slide-up {
+ 0% {
+ -webkit-transform: translateY(100%);
+ }
+ }
+
+@-moz-keyframes valo-animate-in-slide-up {
+ 0% {
+ -moz-transform: translateY(100%);
+ }
+ }
+
+@keyframes valo-animate-in-slide-up {
+ 0% {
+ -webkit-transform: translateY(100%);
+ -moz-transform: translateY(100%);
+ -ms-transform: translateY(100%);
+ -o-transform: translateY(100%);
+ transform: translateY(100%);
+ }
+ }
+
+@-webkit-keyframes valo-animate-in-slide-left {
+ 0% {
+ -webkit-transform: translateX(100%);
+ }
+ }
+
+@-moz-keyframes valo-animate-in-slide-left {
+ 0% {
+ -moz-transform: translateX(100%);
+ }
+ }
+
+@keyframes valo-animate-in-slide-left {
+ 0% {
+ -webkit-transform: translateX(100%);
+ -moz-transform: translateX(100%);
+ -ms-transform: translateX(100%);
+ -o-transform: translateX(100%);
+ transform: translateX(100%);
+ }
+ }
+
+@-webkit-keyframes valo-animate-in-slide-right {
+ 0% {
+ -webkit-transform: translateX(-100%);
+ }
+ }
+
+@-moz-keyframes valo-animate-in-slide-right {
+ 0% {
+ -moz-transform: translateX(-100%);
+ }
+ }
+
+@keyframes valo-animate-in-slide-right {
+ 0% {
+ -webkit-transform: translateX(-100%);
+ -moz-transform: translateX(-100%);
+ -ms-transform: translateX(-100%);
+ -o-transform: translateX(-100%);
+ transform: translateX(-100%);
+ }
+ }
+
+@-webkit-keyframes valo-animate-out-slide-down {
+ 100% {
+ -webkit-transform: translateY(100%);
+ }
+ }
+
+@-moz-keyframes valo-animate-out-slide-down {
+ 100% {
+ -moz-transform: translateY(100%);
+ }
+ }
+
+@keyframes valo-animate-out-slide-down {
+ 100% {
+ -webkit-transform: translateY(100%);
+ -moz-transform: translateY(100%);
+ -ms-transform: translateY(100%);
+ -o-transform: translateY(100%);
+ transform: translateY(100%);
+ }
+ }
+
+@-webkit-keyframes valo-animate-out-slide-up {
+ 100% {
+ -webkit-transform: translateY(-100%);
+ }
+ }
+
+@-moz-keyframes valo-animate-out-slide-up {
+ 100% {
+ -moz-transform: translateY(-100%);
+ }
+ }
+
+@keyframes valo-animate-out-slide-up {
+ 100% {
+ -webkit-transform: translateY(-100%);
+ -moz-transform: translateY(-100%);
+ -ms-transform: translateY(-100%);
+ -o-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+ }
+
+@-webkit-keyframes valo-animate-out-slide-left {
+ 100% {
+ -webkit-transform: translateX(-100%);
+ }
+ }
+
+@-moz-keyframes valo-animate-out-slide-left {
+ 100% {
+ -moz-transform: translateX(-100%);
+ }
+ }
+
+@keyframes valo-animate-out-slide-left {
+ 100% {
+ -webkit-transform: translateX(-100%);
+ -moz-transform: translateX(-100%);
+ -ms-transform: translateX(-100%);
+ -o-transform: translateX(-100%);
+ transform: translateX(-100%);
+ }
+ }
+
+@-webkit-keyframes valo-animate-out-slide-right {
+ 100% {
+ -webkit-transform: translateX(100%);
+ }
+ }
+
+@-moz-keyframes valo-animate-out-slide-right {
+ 100% {
+ -moz-transform: translateX(100%);
+ }
+ }
+
+@keyframes valo-animate-out-slide-right {
+ 100% {
+ -webkit-transform: translateX(100%);
+ -moz-transform: translateX(100%);
+ -ms-transform: translateX(100%);
+ -o-transform: translateX(100%);
+ transform: translateX(100%);
+ }
+ }
+
+@-webkit-keyframes valo-overlay-animate-in {
+ 0% {
+ -webkit-transform: translatey(-4px);
+ opacity: 0;
+ }
+ }
+
+@-moz-keyframes valo-overlay-animate-in {
+ 0% {
+ -moz-transform: translatey(-4px);
+ opacity: 0;
+ }
+ }
+
+@keyframes valo-overlay-animate-in {
+ 0% {
+ -webkit-transform: translatey(-4px);
+ -moz-transform: translatey(-4px);
+ -ms-transform: translatey(-4px);
+ -o-transform: translatey(-4px);
+ transform: translatey(-4px);
+ opacity: 0;
+ }
+ }
+
+@-webkit-keyframes valo-animate-out-slide-down-fade {
+ 100% {
+ opacity: 0;
+ -webkit-transform: translatey(30%);
+ }
+ }
+
+@-moz-keyframes valo-animate-out-slide-down-fade {
+ 100% {
+ opacity: 0;
+ -moz-transform: translatey(30%);
+ }
+ }
+
+@keyframes valo-animate-out-slide-down-fade {
+ 100% {
+ opacity: 0;
+ -webkit-transform: translatey(30%);
+ -moz-transform: translatey(30%);
+ -ms-transform: translatey(30%);
+ -o-transform: translatey(30%);
+ transform: translatey(30%);
+ }
+ }
+
+/**
+ * Outputs cross-browser Valo-specific linear gradient background-image declarations.
+ *
+ * @group style
+ *
+ * @param {color} $color ($v-background-color) - The base color for the gradient color stops
+ * @param {list} $gradient ($v-gradient) - Valo-specific gradient value. See the documentation for $v-gradient.
+ * @param {color} $fallback (null) - A fallback color for browser which do not support linear gradients (IE8 and IE9 in particular). If null, the base $color is used instead.
+ * @param {string} $direction (to bottom) - the direction of the linear gradient. The color stops are by default so that a lighter shade is at the start and a darker shade is at the end.
+ */
+
+/**
+ * Computes a CSS border property value for the given base color.
+ *
+ * @group style
+ *
+ * @param {list} $border ($v-border) - CSS border value which can contain any of the color keywords
+ * @param {color} $color ($v-background-color) - the base color to which the color keywords are applied to
+ * @param {color} $context (null) - context/surrounding color where the border is expected to appear. The color of the final border is the darker of the two parameters passed to this function.
+ * @param {number} $strength (1) - adjustment for the border contrast
+ *
+ * @return {list} The input $border value with any color keyword replaced with the corresponding actual color
+ */
+
+/**
+ * Ouput selectors and properties to vertically center elements inside their parent.
+ *
+ * @param {string} $to-align (()) - The selector to match the elements which you wish to align vertically. The targeted elements should be inline or inline-block elements.
+ * @param {string} $align (middle) - The vertical-align value, e.g. top, middle, bottom
+ * @param {string} $pseudo-element (after) - Which pseudo element to use for the vertical align guide
+ *
+ * @group util
+ */
+
+@font-face {
+ font-family: ThemeIcons;
+ font-weight: normal;
+ font-style: normal;
+ src: url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.eot);
+ src: url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.woff) format("woff"), url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.ttf) format("truetype"), url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.svg#ThemeIcons) format("svg");
+}
+
+.ThemeIcons {
+ font-family: ThemeIcons;
+ font-style: normal;
+ font-weight: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ display: inline-block;
+ text-align: center;
+}
+
+@font-face {
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ src: url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.eot);
+ src: url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.woff) format("woff"), url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.ttf) format("truetype"), url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.svg#FontAwesome) format("svg");
+}
+
+.FontAwesome {
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ display: inline-block;
+ text-align: center;
+}
+
+@-webkit-keyframes v-rotate-360 {
+ to {
+ -webkit-transform: rotate(360deg);
+ }
+ }
+
+@-moz-keyframes v-rotate-360 {
+ to {
+ -moz-transform: rotate(360deg);
+ }
+ }
+
+@-o-keyframes v-rotate-360 {
+ to {
+ -o-transform: rotate(360deg);
+ }
+ }
+
+@keyframes v-rotate-360 {
+ to {
+ transform: rotate(360deg);
+ }
+ }
+
+@-webkit-keyframes v-progress-start {
+ 0% {
+ width: 0%;
+ }
+ 100% {
+ width: 50%;
+ }
+ }
+
+@-moz-keyframes v-progress-start {
+ 0% {
+ width: 0%;
+ }
+ 100% {
+ width: 50%;
+ }
+ }
+
+@keyframes v-progress-start {
+ 0% {
+ width: 0%;
+ }
+ 100% {
+ width: 50%;
+ }
+ }
+
+@-webkit-keyframes v-progress-delay {
+ 0% {
+ width: 50%;
+ }
+ 100% {
+ width: 90%;
+ }
+ }
+
+@-moz-keyframes v-progress-delay {
+ 0% {
+ width: 50%;
+ }
+ 100% {
+ width: 90%;
+ }
+ }
+
+@keyframes v-progress-delay {
+ 0% {
+ width: 50%;
+ }
+ 100% {
+ width: 90%;
+ }
+ }
+
+@-webkit-keyframes v-progress-wait {
+ 0% {
+ width: 90%;
+ height: 4px;
+ }
+ 3% {
+ width: 91%;
+ height: 6px;
+ }
+ 100% {
+ width: 96%;
+ height: 6px;
+ }
+ }
+
+@-moz-keyframes v-progress-wait {
+ 0% {
+ width: 90%;
+ height: 4px;
+ }
+ 3% {
+ width: 91%;
+ height: 6px;
+ }
+ 100% {
+ width: 96%;
+ height: 6px;
+ }
+ }
+
+@keyframes v-progress-wait {
+ 0% {
+ width: 90%;
+ height: 4px;
+ }
+ 3% {
+ width: 91%;
+ height: 6px;
+ }
+ 100% {
+ width: 96%;
+ height: 6px;
+ }
+ }
+
+@-webkit-keyframes v-progress-wait-pulse {
+ 0% {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 0.1;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+@-moz-keyframes v-progress-wait-pulse {
+ 0% {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 0.1;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+@keyframes v-progress-wait-pulse {
+ 0% {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 0.1;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+/**
+ * Outputs the context menu selectors and styles, which is used by Table and Tree for instance.
+ *
+ * @requires {mixin} valo-selection-item-style
+ * @requires {mixin} valo-selection-item-selected-style
+ */
+
+/**
+ * The background color for overlay elements.
+ *
+ * @type color
+ * @group overlay
+ */
+
+.v-shadow, .v-shadow-window {
+ display: none;
+}
+
+.v-ie8 .v-shadow, .v-ie8 .v-shadow-window {
+ display: block;
+}
+
+.v-ie8 .v-shadow .top, .v-ie8 .v-shadow-window .top {
+ position: absolute;
+ top: -6px;
+ right: 10px;
+ bottom: 6px;
+ left: -10px;
+ background: black;
+ filter: alpha(opacity=5) progid:DXImageTransform.Microsoft.blur(pixelradius=10, makeShadow=false);
+}
+
+.v-ie8 .v-shadow .top-left, .v-ie8 .v-shadow-window .top-left {
+ position: absolute;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+ background: black;
+ filter: alpha(opacity=9) progid:DXImageTransform.Microsoft.blur(pixelradius=0, makeShadow=false);
+}
+
+/**
+ * The backgound color for tooltips.
+ *
+ * @type color
+ * @group tooltip
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-absolutelayout) -
+ *
+ * @group absolutelayout
+ */
+
+/**
+ * Outputs the selectors and properties for the Accordion component.
+ *
+ * @param {string} $primary-stylename (v-accordion) - the primary style name for the selectors
+ * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
+ * @group accordion
+ */
+
+/**
+ * Outputs the selectors and properties for the Button component.
+ *
+ * @param {string} $primary-stylename (v-button) - the primary style name for the selectors
+ * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
+ *
+ * @group button
+ */
+
+/**
+ * A list of colors for custom event colors. Can be an empty list of you don't
+ * need any custom event colors.
+ *
+ * @example javascript
+ * // Java code
+ * // 'event' is an instance of EditableCalendarEvent
+ * event.setStyleName("color1"); // 1st color in the list
+ * event.setStyleName("color2"); // 2nd color in the list
+ * // etc.
+ *
+ * @group calendar
+ */
+
+/**
+ * Outputs the selectors and properties for the CheckBox component.
+ *
+ * @param {string} $primary-stylename (v-checkbox) - the primary style name for the selectors
+ * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
+ *
+ * @group checkbox
+ */
+
+/**
+ * Outputs the global selectors and properties for the ColorPicker component - styles which are
+ * considered mandatory for the component to work properly.
+ *
+ * @param {string} $primary-stylename (v-colorpicker) - the primary style name for the selectors
+ *
+ * @group colorpicker
+ */
+
+/**
+ * Outputs the selectors and properties for the ComboBox component.
+ *
+ * @param {string} $primary-stylename (v-filterselect) - the primary style name for the selectors
+ * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
+ *
+ * @group combobox
+ */
+
+/**
+ * The amount of spacing between different widgets in a component group.
+ * If null, a computed value is used ($v-border size * -1, or 1px if $v-border size is 0)
+ *
+ * @group csslayout
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-customcomponent) -
+ *
+ * @group customcomponent
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-customlayout) -
+ *
+ * @group customlayout
+ */
+
+/**
+ * Outputs the selectors and properties for the DateField component.
+ *
+ * @param {string} $primary-stylename (v-datefield) - the primary style name for the selectors
+ * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
+ *
+ * @group datefield
+ */
+
+/**
+ * Outputs the styles and selectors for the DragAndDropWrapper component.
+ *
+ * @param {string} $primary-stylename (v-ddwrapper) - the primary style name for the selectors
+ *
+ * @group drag-n-drop
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-form) -
+ *
+ * @group form
+ */
+
+/**
+ * Outputs the selectors and properties for the FormLayout component.
+ *
+ * @param {string} $primary-stylename (v-formlayout) - the primary style name for the selectors
+ * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
+ *
+ * @group formlayout
+ */
+
+/**
+ *
+ * @group table
+ */
+
+@-webkit-keyframes valo-grid-editor-footer-animate-in {
+ 0% {
+ margin-top: -32px;
+ }
+ }
+
+@-moz-keyframes valo-grid-editor-footer-animate-in {
+ 0% {
+ margin-top: -32px;
+ }
+ }
+
+@keyframes valo-grid-editor-footer-animate-in {
+ 0% {
+ margin-top: -32px;
+ }
+ }
+
+@-webkit-keyframes valo-grid-editor-footer-animate-in-alt {
+ 0% {
+ margin-bottom: -33px;
+ }
+ 100% {
+ margin-bottom: -1px;
+ }
+ }
+
+@-moz-keyframes valo-grid-editor-footer-animate-in-alt {
+ 0% {
+ margin-bottom: -33px;
+ }
+ 100% {
+ margin-bottom: -1px;
+ }
+ }
+
+@keyframes valo-grid-editor-footer-animate-in-alt {
+ 0% {
+ margin-bottom: -33px;
+ }
+ 100% {
+ margin-bottom: -1px;
+ }
+ }
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-gridlayout) -
+ *
+ * @group gridlayout
+ */
+
+/**
+ * The font weight for headers.
+ *
+ * @group label
+ */
+
+/**
+ *
+ * @group link
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-loginform) -
+ *
+ * @group loginform
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-menubar) -
+ * @param {bool} $include-additional-styles -
+ *
+ * @group menubar
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-nativebutton) -
+ *
+ * @group nativebutton
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-select) -
+ *
+ * @group nativeselect
+ */
+
+/**
+ *
+ * @group notification
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-select-optiongroup) -
+ * @param {bool} $include-additional-styles -
+ *
+ * @group optiongroup
+ */
+
+/**
+ *
+ *
+ *
+ * @group orderedlayout
+ */
+
+/**
+ *
+ * @group panel
+ */
+
+@-webkit-keyframes v-popupview-animate-in {
+ 0% {
+ -webkit-transform: scale(0);
+ }
+ }
+
+@-moz-keyframes v-popupview-animate-in {
+ 0% {
+ -moz-transform: scale(0);
+ }
+ }
+
+@keyframes v-popupview-animate-in {
+ 0% {
+ -webkit-transform: scale(0);
+ -moz-transform: scale(0);
+ -ms-transform: scale(0);
+ -o-transform: scale(0);
+ transform: scale(0);
+ }
+ }
+
+/**
+ *
+ * @group progressbar
+ */
+
+/**
+ *
+ * @group richtextarea
+ */
+
+/**
+ *
+ * @group slider
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-splitpanel) -
+ * @param {bool} $include-additional-styles -
+ *
+ * @group splitpanel
+ */
+
+/**
+ *
+ * @group table
+ */
+
+/**
+ * Should the tabsheet content changes be animated.
+ *
+ * @group tabsheet
+ */
+
+/**
+ * The background color for text fields.
+ * @group textfield
+ */
+
+/**
+ * Outputs the selectors and properties for the TextArea component.
+ *
+ * @param {string} $primary-stylename (v-textarea) - the primary style name for the selectors
+ * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
+ *
+ * @group textarea
+ */
+
+/**
+ *
+ * @group tree
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-treetable) -
+ *
+ * @group treetable
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-select-twincol) -
+ *
+ * @group twin-column-select
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-upload) -
+ *
+ * @group upload
+ */
+
+/**
+ *
+ */
+
+/**
+ * @group window
+ */
+
+@-webkit-keyframes valo-modal-window-indication {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+@-moz-keyframes valo-modal-window-indication {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+@keyframes valo-modal-window-indication {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+@-webkit-keyframes valo-animate-out-scale-down-fade {
+ 100% {
+ -webkit-transform: scale(0.8);
+ opacity: 0;
+ }
+ }
+
+@-moz-keyframes valo-animate-out-scale-down-fade {
+ 100% {
+ -moz-transform: scale(0.8);
+ opacity: 0;
+ }
+ }
+
+@keyframes valo-animate-out-scale-down-fade {
+ 100% {
+ -webkit-transform: scale(0.8);
+ -moz-transform: scale(0.8);
+ -ms-transform: scale(0.8);
+ -o-transform: scale(0.8);
+ transform: scale(0.8);
+ opacity: 0;
+ }
+ }
+
+/**
+ * @group valo-menu
+ */
+
+.v-vaadin-version:after {
+ content: "@version@";
+}
+
+.v-widget {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ vertical-align: top;
+ text-align: left;
+ white-space: normal;
+}
+
+.v-generated-body {
+ overflow: hidden;
+ margin: 0;
+ padding: 0;
+ border: 0;
+}
+
+.v-app {
+ height: 100%;
+ -webkit-tap-highlight-color: transparent;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.v-app input[type="text"], .v-app .v-slot > .v-caption, .v-app .v-gridlayout-slot > .v-caption, .v-app .v-has-caption > .v-caption, .v-app .v-formlayout-captioncell > .v-caption, .v-app .v-csslayout > .v-caption {
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+}
+
+.v-app input::-ms-clear {
+ display: none;
+}
+
+.v-ui {
+ position: relative;
+}
+
+.v-ui.v-ui-embedded {
+ margin-top: -1px;
+ border-top: 1px solid transparent;
+}
+
+.v-ui:focus {
+ outline: none;
+}
+
+.v-overlay-container {
+ width: 0;
+ height: 0;
+}
+
+.v-drag-element {
+ z-index: 60000;
+ position: absolute !important;
+ cursor: default;
+}
+
+.v-clip {
+ overflow: hidden;
+}
+
+.v-scrollable {
+ overflow: auto;
+}
+
+.v-scrollable > .v-widget {
+ vertical-align: middle;
+ overflow: hidden;
+}
+
+.v-ios.v-webkit .v-scrollable {
+ -webkit-overflow-scrolling: touch;
+}
+
+.v-ios5.v-webkit .v-scrollable {
+ -webkit-overflow-scrolling: none;
+}
+
+.v-webkit.v-ios .v-browserframe {
+ -webkit-overflow-scrolling: touch;
+ overflow: auto;
+}
+
+.v-assistive-device-only {
+ position: absolute;
+ top: -2000px;
+ left: -2000px;
+ width: 10px;
+ overflow: hidden;
+}
+
+.v-icon {
+ cursor: inherit;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.v-icon, .v-errorindicator, .v-required-field-indicator {
+ display: inline-block;
+ line-height: inherit;
+}
+
+.v-caption {
+ display: inline-block;
+ white-space: nowrap;
+ line-height: 1.55;
+}
+
+.v-captiontext {
+ display: inline-block;
+ line-height: inherit;
+}
+
+div.v-layout.v-horizontal.v-widget {
+ white-space: nowrap;
+}
+
+.v-layout.v-vertical > .v-expand, .v-layout.v-horizontal > .v-expand {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 100%;
+ height: 100%;
+}
+
+.v-slot, .v-spacing {
+ display: inline-block;
+ white-space: nowrap;
+ vertical-align: top;
+}
+
+.v-vertical > .v-slot:after {
+ display: inline-block;
+ clear: both;
+ width: 0;
+ height: 0;
+ overflow: hidden;
+}
+
+.v-vertical > .v-slot, .v-vertical > .v-expand > .v-slot {
+ display: block;
+ clear: both;
+}
+
+.v-horizontal > .v-slot, .v-horizontal > .v-expand > .v-slot {
+ height: 100%;
+}
+
+.v-horizontal > .v-expand > .v-slot {
+ position: relative;
+}
+
+.v-vertical > .v-spacing, .v-vertical > .v-expand > .v-spacing {
+ width: 0 !important;
+ display: block;
+ clear: both;
+}
+
+.v-horizontal > .v-spacing, .v-horizontal > .v-expand > .v-spacing {
+ height: 0 !important;
+}
+
+.v-align-middle:before, .v-align-bottom:before, .v-expand > .v-align-middle:before, .v-expand > .v-align-bottom:before {
+ content: "";
+ display: inline-block;
+ height: 100%;
+ vertical-align: middle;
+ width: 0;
+}
+
+.v-align-middle, .v-align-bottom {
+ white-space: nowrap;
+}
+
+.v-align-middle > .v-widget, .v-align-bottom > .v-widget {
+ display: inline-block;
+}
+
+.v-align-middle, .v-align-middle > .v-widget {
+ vertical-align: middle;
+}
+
+.v-align-bottom, .v-align-bottom > .v-widget {
+ vertical-align: bottom;
+}
+
+.v-align-center {
+ text-align: center;
+}
+
+.v-align-center > .v-widget {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.v-align-right {
+ text-align: right;
+}
+
+.v-align-right > .v-widget {
+ margin-left: auto;
+}
+
+.v-has-caption, .v-has-caption > .v-caption {
+ display: inline-block;
+}
+
+.v-caption-on-left, .v-caption-on-right {
+ white-space: nowrap;
+}
+
+.v-caption-on-top > .v-caption, .v-caption-on-bottom > .v-caption {
+ display: block;
+}
+
+.v-caption-on-left > .v-caption {
+ padding-right: 0.5em;
+}
+
+.v-caption-on-left > .v-widget, .v-caption-on-right > .v-widget {
+ display: inline-block;
+}
+
+.v-has-caption.v-has-width > .v-widget {
+ width: 100% !important;
+}
+
+.v-has-caption.v-has-height > .v-widget {
+ height: 100% !important;
+}
+
+.v-gridlayout {
+ position: relative;
+}
+
+.v-gridlayout-slot {
+ position: absolute;
+ line-height: 1.55;
+}
+
+.v-gridlayout-spacing-on {
+ overflow: hidden;
+}
+
+.v-gridlayout-spacing, .v-gridlayout-spacing-off {
+ padding-left: 0;
+ padding-top: 0;
+}
+
+.v-gridlayout-spacing-off {
+ overflow: hidden;
+}
+
+.v-calendar-month-day-scrollable {
+ overflow-y: scroll;
+}
+
+.v-calendar-week-wrapper {
+ position: relative;
+ overflow: hidden;
+}
+
+.v-calendar-current-time {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ background: red;
+ z-index: 2;
+}
+
+.v-calendar-event-resizetop, .v-calendar-event-resizebottom {
+ position: absolute;
+ height: 5%;
+ min-height: 3px;
+ width: 100%;
+ z-index: 1;
+}
+
+.v-calendar-event-resizetop {
+ cursor: row-resize;
+ top: 0;
+}
+
+.v-calendar-event-resizebottom {
+ cursor: row-resize;
+ bottom: 0;
+}
+
+.v-calendar-header-month td:first-child {
+ padding-left: 20px;
+}
+
+.v-calendar-month-sizedheight .v-calendar-month-day {
+ height: 100px;
+}
+
+.v-calendar-month-sizedwidth .v-calendar-month-day {
+ width: 100px;
+}
+
+.v-calendar-header-month-Hsized .v-calendar-header-day {
+ width: 101px;
+}
+
+.v-calendar-header-month-Hsized td:first-child {
+ padding-left: 21px;
+}
+
+.v-calendar-header-day-Hsized {
+ width: 200px;
+}
+
+.v-calendar-week-numbers-Vsized .v-calendar-week-number {
+ height: 100px;
+ line-height: 100px;
+}
+
+.v-calendar-week-wrapper-Vsized {
+ height: 400px;
+ overflow-x: hidden !important;
+}
+
+.v-calendar-times-Vsized .v-calendar-time {
+ height: 38px;
+}
+
+.v-calendar-times-Hsized .v-calendar-time {
+ width: 42px;
+}
+
+.v-calendar-day-times-Vsized .v-datecellslot, .v-calendar-day-times-Vsized .v-datecellslot-even {
+ height: 18px;
+}
+
+.v-calendar-day-times-Hsized, .v-calendar-day-times-Hsized .v-datecellslot, .v-calendar-day-times-Hsized .v-datecellslot-even {
+ width: 200px;
+}
+
+.v-colorpicker-popup.v-window {
+ min-width: 220px !important;
+}
+
+.v-colorpicker-gradient-container {
+ overflow: visible !important;
+}
+
+.v-colorpicker-gradient-clicklayer {
+ opacity: 0;
+ filter: alpha(opacity=0) ;
+}
+
+.rgb-gradient .v-colorpicker-gradient-background {
+ background: url(../valo/components/img/colorpicker/gradient2.png);
+}
+
+.hsv-gradient .v-colorpicker-gradient-foreground {
+ background: url(../valo/components/img/colorpicker/gradient.png);
+}
+
+.v-colorpicker-gradient-higherbox:before {
+ content: "";
+ width: 11px;
+ height: 11px;
+ border-radius: 7px;
+ border: 1px solid #fff;
+ -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.3);
+ position: absolute;
+ bottom: -6px;
+ left: -6px;
+}
+
+.v-colorpicker-popup .v-slider.v-slider-red:before {
+ background-color: red;
+}
+
+.v-colorpicker-popup .v-slider.v-slider-green:before {
+ background-color: green;
+}
+
+.v-colorpicker-popup .v-slider.v-slider-blue:before {
+ background-color: blue;
+}
+
+.v-colorpicker-popup .v-slider.hue-slider:before {
+ background: url(../valo/components/img/colorpicker/slider_hue_bg.png);
+}
+
+.v-colorpicker-popup input.v-textfield-dark {
+ color: #fff;
+}
+
+.v-colorpicker-popup input.v-textfield-light {
+ color: #000;
+}
+
+.v-colorpicker-grid {
+ height: 319px;
+}
+
+.v-colorpicker-popup .colorselect td {
+ line-height: 15px;
+}
+
+.v-table-header table, .v-table-footer table, .v-table-table {
+ border-spacing: 0;
+ border-collapse: separate;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ line-height: 1.55;
+}
+
+.v-table-resizer, .v-table-sort-indicator {
+ float: right;
+}
+
+.v-table-caption-container-align-center {
+ text-align: center;
+}
+
+.v-table-caption-container-align-right {
+ text-align: right;
+}
+
+.v-table-header td, .v-table-footer td, .v-table-cell-content {
+ padding: 0;
+}
+
+.v-table-sort-indicator {
+ width: 0;
+}
+
+.v-tabsheet-hidetabs > .v-tabsheet-tabcontainer, .v-tabsheet-spacertd, .v-disabled .v-tabsheet-scroller, .v-tabsheet .v-disabled .v-tabsheet-caption-close {
+ display: none;
+}
+
+.v-tabsheet {
+ overflow: visible !important;
+ position: relative;
+}
+
+.v-tabsheet-tabcontainer table, .v-tabsheet-tabcontainer tbody, .v-tabsheet-tabcontainer tr {
+ display: inline-block;
+ border-spacing: 0;
+ border-collapse: collapse;
+ vertical-align: top;
+}
+
+.v-tabsheet-tabcontainer td {
+ display: inline-block;
+ padding: 0;
+}
+
+.v-tabsheet-tabs {
+ white-space: nowrap;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.v-tabsheet-content {
+ position: relative;
+}
+
+.v-tabsheet-content > div > .v-scrollable > .v-margin-top {
+ padding-top: 11px;
+}
+
+.v-tabsheet-content > div > .v-scrollable > .v-margin-right {
+ padding-right: 11px;
+}
+
+.v-tabsheet-content > div > .v-scrollable > .v-margin-bottom {
+ padding-bottom: 11px;
+}
+
+.v-tabsheet-content > div > .v-scrollable > .v-margin-left {
+ padding-left: 11px;
+}
+
+.v-splitpanel-vertical, .v-splitpanel-horizontal {
+ overflow: hidden;
+ white-space: nowrap;
+}
+
+.v-splitpanel-hsplitter {
+ z-index: 100;
+ cursor: e-resize;
+ cursor: col-resize;
+}
+
+.v-splitpanel-vsplitter {
+ z-index: 100;
+ cursor: s-resize;
+ cursor: row-resize;
+}
+
+.v-splitpanel-hsplitter:after, .v-splitpanel-vsplitter:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+
+.v-splitpanel-hsplitter div, .v-splitpanel-vsplitter div {
+ width: inherit;
+ height: inherit;
+ overflow: hidden;
+ position: relative;
+}
+
+.v-splitpanel-hsplitter div:before, .v-splitpanel-vsplitter div:before {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+
+.v-disabled [class$="splitter"] div {
+ cursor: default;
+}
+
+.v-disabled [class$="splitter"] div:before {
+ display: none;
+}
+
+.v-splitpanel-horizontal > div > .v-splitpanel-second-container {
+ position: static !important;
+ display: inline-block;
+ vertical-align: top;
+}
+
+.v-splitpanel-horizontal > div > .v-splitpanel-first-container {
+ display: inline-block;
+ vertical-align: top;
+}
+
+@font-face {
+ font-family: "Vaadin-Icons";
+ src: url(fonts/Vaadin-Icons.eot);
+ src: url(fonts/Vaadin-Icons.eot?#iefix) format("embedded-opentype"), url(fonts/Vaadin-Icons.woff) format("woff"), url(fonts/Vaadin-Icons.ttf) format("truetype"), url(fonts/Vaadin-Icons.svg#icomoon) format("svg");
+}
+
+@font-face {
+ font-family: "fontello";
+ src: url(fonts/fontello.eot);
+ src: url(fonts/fontello.eot?#iefix) format("embedded-opentype"), url(fonts/fontello.woff) format("woff"), url(fonts/fontello.ttf) format("truetype"), url(fonts/fontello.svg#icomoon) format("svg");
+}
+
+[class^="icon-"] > .v-button-wrap:before, [class*=" icon-"] > .v-button-wrap:before, [class^="icon-"].v-nativebutton:before, [class*=" icon-"].v-nativebutton:before, [class^="icon-"].v-label:before, [class*=" icon-"].v-label:before, [class*="-icon-"].v-menubar-menuitem:before {
+ font-family: "fontello";
+ font-style: normal;
+ font-weight: normal;
+ speak: none;
+ display: inline-block;
+ text-decoration: inherit;
+ text-align: center;
+ line-height: 1;
+ margin-right: 0.4em;
+ vertical-align: 1px;
+}
+
+[class^="icon-"] > .v-button-wrap:before, [class*=" icon-"] > .v-button-wrap:before, [class^="icon-"].v-nativebutton:before, [class*=" icon-"].v-nativebutton:before {
+ margin: 0;
+ margin-left: -0.3em;
+}
+
+[class^="icon-"] > span > .v-button-caption, [class^="icon-"] > .v-nativebutton-caption, [class*=" icon-"] > span > .v-button-caption, [class*=" icon-"] > .v-nativebutton-caption {
+ margin-left: 16px;
+}
+
+.icon-plus.v-nativebutton:before, .icon-plus > .v-button-wrap:before, .icon-plus.v-label:before, .v-menubar-menuitem-icon-plus:before {
+ content: "\2b";
+}
+
+.icon-minus.v-nativebutton:before, .icon-minus > .v-button-wrap:before, .icon-minus.v-label:before, .v-menubar-menuitem-icon-minus:before {
+ content: "\2d";
+}
+
+.icon-info.v-nativebutton:before, .icon-info > .v-button-wrap:before, .icon-info.v-label:before, .v-menubar-menuitem-icon-info:before {
+ content: "\2139";
+}
+
+.icon-left.v-nativebutton:before, .icon-left > .v-button-wrap:before, .icon-left.v-label:before, .v-menubar-menuitem-icon-left:before {
+ content: "\2190";
+}
+
+.icon-up.v-nativebutton:before, .icon-up > .v-button-wrap:before, .icon-up.v-label:before, .v-menubar-menuitem-icon-up:before {
+ content: "\2191";
+}
+
+.icon-right.v-nativebutton:before, .icon-right > .v-button-wrap:before, .icon-right.v-label:before, .v-menubar-menuitem-icon-right:before {
+ content: "\2192";
+}
+
+.icon-down.v-nativebutton:before, .icon-down > .v-button-wrap:before, .icon-down.v-label:before, .v-menubar-menuitem-icon-down:before {
+ content: "\2193";
+}
+
+.icon-exchange.v-nativebutton:before, .icon-exchange > .v-button-wrap:before, .icon-exchange.v-label:before, .v-menubar-menuitem-icon-exchange:before {
+ content: "\21c4";
+}
+
+.icon-home.v-nativebutton:before, .icon-home > .v-button-wrap:before, .icon-home.v-label:before, .v-menubar-menuitem-icon-home:before {
+ content: "\2302";
+}
+
+.icon-home-1.v-nativebutton:before, .icon-home-1 > .v-button-wrap:before, .icon-home-1.v-label:before, .v-menubar-menuitem-icon-home-1:before {
+ content: "\e802";
+}
+
+.icon-up-dir.v-nativebutton:before, .icon-up-dir > .v-button-wrap:before, .icon-up-dir.v-label:before, .v-menubar-menuitem-icon-up-dir:before {
+ content: "\25b4";
+}
+
+.icon-right-dir.v-nativebutton:before, .icon-right-dir > .v-button-wrap:before, .icon-right-dir.v-label:before, .v-menubar-menuitem-icon-right-dir:before {
+ content: "\25b8";
+}
+
+.icon-down-dir.v-nativebutton:before, .icon-down-dir > .v-button-wrap:before, .icon-down-dir.v-label:before, .v-menubar-menuitem-icon-down-dir:before {
+ content: "\25be";
+}
+
+.icon-left-dir.v-nativebutton:before, .icon-left-dir > .v-button-wrap:before, .icon-left-dir.v-label:before, .v-menubar-menuitem-icon-left-dir:before {
+ content: "\25c2";
+}
+
+.icon-star.v-nativebutton:before, .icon-star > .v-button-wrap:before, .icon-star.v-label:before, .v-menubar-menuitem-icon-star:before {
+ content: "\2605";
+}
+
+.icon-star-empty.v-nativebutton:before, .icon-star-empty > .v-button-wrap:before, .icon-star-empty.v-label:before, .v-menubar-menuitem-icon-star-empty:before {
+ content: "\2606";
+}
+
+.icon-th-list.v-nativebutton:before, .icon-th-list > .v-button-wrap:before, .icon-th-list.v-label:before, .v-menubar-menuitem-icon-th-list:before {
+ content: "\2630";
+}
+
+.icon-heart-empty.v-nativebutton:before, .icon-heart-empty > .v-button-wrap:before, .icon-heart-empty.v-label:before, .v-menubar-menuitem-icon-heart-empty:before {
+ content: "\2661";
+}
+
+.icon-heart.v-nativebutton:before, .icon-heart > .v-button-wrap:before, .icon-heart.v-label:before, .v-menubar-menuitem-icon-heart:before {
+ content: "\2665";
+}
+
+.icon-music.v-nativebutton:before, .icon-music > .v-button-wrap:before, .icon-music.v-label:before, .v-menubar-menuitem-icon-music:before {
+ content: "\266a";
+}
+
+.icon-th.v-nativebutton:before, .icon-th > .v-button-wrap:before, .icon-th.v-label:before, .v-menubar-menuitem-icon-th:before {
+ content: "\268f";
+}
+
+.icon-flag.v-nativebutton:before, .icon-flag > .v-button-wrap:before, .icon-flag.v-label:before, .v-menubar-menuitem-icon-flag:before {
+ content: "\2691";
+}
+
+.icon-cog.v-nativebutton:before, .icon-cog > .v-button-wrap:before, .icon-cog.v-label:before, .v-menubar-menuitem-icon-cog:before {
+ content: "\2699";
+}
+
+.icon-attention.v-nativebutton:before, .icon-attention > .v-button-wrap:before, .icon-attention.v-label:before, .v-menubar-menuitem-icon-attention:before {
+ content: "\26a0";
+}
+
+.icon-mail.v-nativebutton:before, .icon-mail > .v-button-wrap:before, .icon-mail.v-label:before, .v-menubar-menuitem-icon-mail:before {
+ content: "\2709";
+}
+
+.icon-edit.v-nativebutton:before, .icon-edit > .v-button-wrap:before, .icon-edit.v-label:before, .v-menubar-menuitem-icon-edit:before {
+ content: "\270d";
+}
+
+.icon-pencil.v-nativebutton:before, .icon-pencil > .v-button-wrap:before, .icon-pencil.v-label:before, .v-menubar-menuitem-icon-pencil:before {
+ content: "\270e";
+}
+
+.icon-ok.v-nativebutton:before, .icon-ok > .v-button-wrap:before, .icon-ok.v-label:before, .v-menubar-menuitem-icon-ok:before {
+ content: "\2713";
+}
+
+.icon-cancel-1.v-nativebutton:before, .icon-cancel-1 > .v-button-wrap:before, .icon-cancel-1.v-label:before, .v-menubar-menuitem-icon-cancel-1:before {
+ content: "\e801";
+}
+
+.icon-cancel.v-nativebutton:before, .icon-cancel > .v-button-wrap:before, .icon-cancel.v-label:before, .v-menubar-menuitem-icon-cancel:before {
+ content: "\2715";
+}
+
+.icon-cancel-circle.v-nativebutton:before, .icon-cancel-circle > .v-button-wrap:before, .icon-cancel-circle.v-label:before, .v-menubar-menuitem-icon-cancel-circle:before {
+ content: "\2716";
+}
+
+.icon-help.v-nativebutton:before, .icon-help > .v-button-wrap:before, .icon-help.v-label:before, .v-menubar-menuitem-icon-help:before {
+ content: "\2753";
+}
+
+.icon-plus-circle.v-nativebutton:before, .icon-plus-circle > .v-button-wrap:before, .icon-plus-circle.v-label:before, .v-menubar-menuitem-icon-plus-circle:before {
+ content: "\2795";
+}
+
+.icon-minus-circle.v-nativebutton:before, .icon-minus-circle > .v-button-wrap:before, .icon-minus-circle.v-label:before, .v-menubar-menuitem-icon-minus-circle:before {
+ content: "\2796";
+}
+
+.icon-right-thin.v-nativebutton:before, .icon-right-thin > .v-button-wrap:before, .icon-right-thin.v-label:before, .v-menubar-menuitem-icon-right-thin:before {
+ content: "\27a1";
+}
+
+.icon-forward.v-nativebutton:before, .icon-forward > .v-button-wrap:before, .icon-forward.v-label:before, .v-menubar-menuitem-icon-forward:before {
+ content: "\27a6";
+}
+
+.icon-cw.v-nativebutton:before, .icon-cw > .v-button-wrap:before, .icon-cw.v-label:before, .v-menubar-menuitem-icon-cw:before {
+ content: "\27f3";
+}
+
+.icon-left-thin.v-nativebutton:before, .icon-left-thin > .v-button-wrap:before, .icon-left-thin.v-label:before, .v-menubar-menuitem-icon-left-thin:before {
+ content: "\2b05";
+}
+
+.icon-up-thin.v-nativebutton:before, .icon-up-thin > .v-button-wrap:before, .icon-up-thin.v-label:before, .v-menubar-menuitem-icon-up-thin:before {
+ content: "\2b06";
+}
+
+.icon-down-thin.v-nativebutton:before, .icon-down-thin > .v-button-wrap:before, .icon-down-thin.v-label:before, .v-menubar-menuitem-icon-down-thin:before {
+ content: "\2b07";
+}
+
+.icon-left-bold.v-nativebutton:before, .icon-left-bold > .v-button-wrap:before, .icon-left-bold.v-label:before, .v-menubar-menuitem-icon-left-bold:before {
+ content: "\e4ad";
+}
+
+.icon-right-bold.v-nativebutton:before, .icon-right-bold > .v-button-wrap:before, .icon-right-bold.v-label:before, .v-menubar-menuitem-icon-right-bold:before {
+ content: "\e4ae";
+}
+
+.icon-up-bold.v-nativebutton:before, .icon-up-bold > .v-button-wrap:before, .icon-up-bold.v-label:before, .v-menubar-menuitem-icon-up-bold:before {
+ content: "\e4af";
+}
+
+.icon-down-bold.v-nativebutton:before, .icon-down-bold > .v-button-wrap:before, .icon-down-bold.v-label:before, .v-menubar-menuitem-icon-down-bold:before {
+ content: "\e4b0";
+}
+
+.icon-user-add.v-nativebutton:before, .icon-user-add > .v-button-wrap:before, .icon-user-add.v-label:before, .v-menubar-menuitem-icon-user-add:before {
+ content: "\e700";
+}
+
+.icon-help-circle.v-nativebutton:before, .icon-help-circle > .v-button-wrap:before, .icon-help-circle.v-label:before, .v-menubar-menuitem-icon-help-circle:before {
+ content: "\e704";
+}
+
+.icon-info-circle.v-nativebutton:before, .icon-info-circle > .v-button-wrap:before, .icon-info-circle.v-label:before, .v-menubar-menuitem-icon-info-circle:before {
+ content: "\e705";
+}
+
+.icon-back.v-nativebutton:before, .icon-back > .v-button-wrap:before, .icon-back.v-label:before, .v-menubar-menuitem-icon-back:before {
+ content: "\e706";
+}
+
+.icon-eye.v-nativebutton:before, .icon-eye > .v-button-wrap:before, .icon-eye.v-label:before, .v-menubar-menuitem-icon-eye:before {
+ content: "\e70a";
+}
+
+.icon-tag.v-nativebutton:before, .icon-tag > .v-button-wrap:before, .icon-tag.v-label:before, .v-menubar-menuitem-icon-tag:before {
+ content: "\e70c";
+}
+
+.icon-upload-cloud.v-nativebutton:before, .icon-upload-cloud > .v-button-wrap:before, .icon-upload-cloud.v-label:before, .v-menubar-menuitem-icon-upload-cloud:before {
+ content: "\e711";
+}
+
+.icon-reply.v-nativebutton:before, .icon-reply > .v-button-wrap:before, .icon-reply.v-label:before, .v-menubar-menuitem-icon-reply:before {
+ content: "\e712";
+}
+
+.icon-export.v-nativebutton:before, .icon-export > .v-button-wrap:before, .icon-export.v-label:before, .v-menubar-menuitem-icon-export:before {
+ content: "\e715";
+}
+
+.icon-print.v-nativebutton:before, .icon-print > .v-button-wrap:before, .icon-print.v-label:before, .v-menubar-menuitem-icon-print:before {
+ content: "\e716";
+}
+
+.icon-retweet.v-nativebutton:before, .icon-retweet > .v-button-wrap:before, .icon-retweet.v-label:before, .v-menubar-menuitem-icon-retweet:before {
+ content: "\e717";
+}
+
+.icon-comment.v-nativebutton:before, .icon-comment > .v-button-wrap:before, .icon-comment.v-label:before, .v-menubar-menuitem-icon-comment:before {
+ content: "\e718";
+}
+
+.icon-vcard.v-nativebutton:before, .icon-vcard > .v-button-wrap:before, .icon-vcard.v-label:before, .v-menubar-menuitem-icon-vcard:before {
+ content: "\e722";
+}
+
+.icon-location.v-nativebutton:before, .icon-location > .v-button-wrap:before, .icon-location.v-label:before, .v-menubar-menuitem-icon-location:before {
+ content: "\e724";
+}
+
+.icon-trash.v-nativebutton:before, .icon-trash > .v-button-wrap:before, .icon-trash.v-label:before, .v-menubar-menuitem-icon-trash:before {
+ content: "\e729";
+}
+
+.icon-resize-full.v-nativebutton:before, .icon-resize-full > .v-button-wrap:before, .icon-resize-full.v-label:before, .v-menubar-menuitem-icon-resize-full:before {
+ content: "\e744";
+}
+
+.icon-resize-small.v-nativebutton:before, .icon-resize-small > .v-button-wrap:before, .icon-resize-small.v-label:before, .v-menubar-menuitem-icon-resize-small:before {
+ content: "\e746";
+}
+
+.icon-down-open.v-nativebutton:before, .icon-down-open > .v-button-wrap:before, .icon-down-open.v-label:before, .v-menubar-menuitem-icon-down-open:before {
+ content: "\e75c";
+}
+
+.icon-left-open.v-nativebutton:before, .icon-left-open > .v-button-wrap:before, .icon-left-open.v-label:before, .v-menubar-menuitem-icon-left-open:before {
+ content: "\e75d";
+}
+
+.icon-right-open.v-nativebutton:before, .icon-right-open > .v-button-wrap:before, .icon-right-open.v-label:before, .v-menubar-menuitem-icon-right-open:before {
+ content: "\e75e";
+}
+
+.icon-up-open.v-nativebutton:before, .icon-up-open > .v-button-wrap:before, .icon-up-open.v-label:before, .v-menubar-menuitem-icon-up-open:before {
+ content: "\e75f";
+}
+
+.icon-arrows-cw.v-nativebutton:before, .icon-arrows-cw > .v-button-wrap:before, .icon-arrows-cw.v-label:before, .v-menubar-menuitem-icon-arrows-cw:before {
+ content: "\e760";
+}
+
+.icon-chart-pie.v-nativebutton:before, .icon-chart-pie > .v-button-wrap:before, .icon-chart-pie.v-label:before, .v-menubar-menuitem-icon-chart-pie:before {
+ content: "\e7a2";
+}
+
+.icon-search-1.v-nativebutton:before, .icon-search-1 > .v-button-wrap:before, .icon-search-1.v-label:before, .v-menubar-menuitem-icon-search-1:before {
+ content: "\e800";
+}
+
+.icon-user.v-nativebutton:before, .icon-user > .v-button-wrap:before, .icon-user.v-label:before, .v-menubar-menuitem-icon-user:before {
+ content: "\1f464";
+}
+
+.icon-users.v-nativebutton:before, .icon-users > .v-button-wrap:before, .icon-users.v-label:before, .v-menubar-menuitem-icon-users:before {
+ content: "\1f465";
+}
+
+.icon-monitor.v-nativebutton:before, .icon-monitor > .v-button-wrap:before, .icon-monitor.v-label:before, .v-menubar-menuitem-icon-monitor:before {
+ content: "\1f4bb";
+}
+
+.icon-folder.v-nativebutton:before, .icon-folder > .v-button-wrap:before, .icon-folder.v-label:before, .v-menubar-menuitem-icon-folder:before {
+ content: "\1f4c1";
+}
+
+.icon-doc.v-nativebutton:before, .icon-doc > .v-button-wrap:before, .icon-doc.v-label:before, .v-menubar-menuitem-icon-doc:before {
+ content: "\1f4c4";
+}
+
+.icon-calendar.v-nativebutton:before, .icon-calendar > .v-button-wrap:before, .icon-calendar.v-label:before, .v-menubar-menuitem-icon-calendar:before {
+ content: "\1f4c5";
+}
+
+.icon-chart.v-nativebutton:before, .icon-chart > .v-button-wrap:before, .icon-chart.v-label:before, .v-menubar-menuitem-icon-chart:before {
+ content: "\1f4c8";
+}
+
+.icon-attach.v-nativebutton:before, .icon-attach > .v-button-wrap:before, .icon-attach.v-label:before, .v-menubar-menuitem-icon-attach:before {
+ content: "\1f4ce";
+}
+
+.icon-upload.v-nativebutton:before, .icon-upload > .v-button-wrap:before, .icon-upload.v-label:before, .v-menubar-menuitem-icon-upload:before {
+ content: "\1f4e4";
+}
+
+.icon-download.v-nativebutton:before, .icon-download > .v-button-wrap:before, .icon-download.v-label:before, .v-menubar-menuitem-icon-download:before {
+ content: "\1f4e5";
+}
+
+.icon-mobile.v-nativebutton:before, .icon-mobile > .v-button-wrap:before, .icon-mobile.v-label:before, .v-menubar-menuitem-icon-mobile:before {
+ content: "\1f4f1";
+}
+
+.icon-camera.v-nativebutton:before, .icon-camera > .v-button-wrap:before, .icon-camera.v-label:before, .v-menubar-menuitem-icon-camera:before {
+ content: "\1f4f7";
+}
+
+.icon-lock.v-nativebutton:before, .icon-lock > .v-button-wrap:before, .icon-lock.v-label:before, .v-menubar-menuitem-icon-lock:before {
+ content: "\1f512";
+}
+
+.icon-lock-open.v-nativebutton:before, .icon-lock-open > .v-button-wrap:before, .icon-lock-open.v-label:before, .v-menubar-menuitem-icon-lock-open:before {
+ content: "\1f513";
+}
+
+.icon-bell.v-nativebutton:before, .icon-bell > .v-button-wrap:before, .icon-bell.v-label:before, .v-menubar-menuitem-icon-bell:before {
+ content: "\1f514";
+}
+
+.icon-link.v-nativebutton:before, .icon-link > .v-button-wrap:before, .icon-link.v-label:before, .v-menubar-menuitem-icon-link:before {
+ content: "\1f517";
+}
+
+.icon-clock.v-nativebutton:before, .icon-clock > .v-button-wrap:before, .icon-clock.v-label:before, .v-menubar-menuitem-icon-clock:before {
+ content: "\1f554";
+}
+
+.icon-block.v-nativebutton:before, .icon-block > .v-button-wrap:before, .icon-block.v-label:before, .v-menubar-menuitem-icon-block:before {
+ content: "\1f6ab";
+}
+
+.icon-plus.v-nativebutton:before, .icon-plus > .v-button-wrap:before, .icon-plus.v-label:before, .v-menubar-menuitem-icon-plus:before {
+ content: "\2b";
+}
+
+.icon-minus.v-nativebutton:before, .icon-minus > .v-button-wrap:before, .icon-minus.v-label:before, .v-menubar-menuitem-icon-minus:before {
+ content: "\2d";
+}
+
+.icon-info.v-nativebutton:before, .icon-info > .v-button-wrap:before, .icon-info.v-label:before, .v-menubar-menuitem-icon-info:before {
+ content: "\2139";
+}
+
+.icon-left.v-nativebutton:before, .icon-left > .v-button-wrap:before, .icon-left.v-label:before, .v-menubar-menuitem-icon-left:before {
+ content: "\2190";
+}
+
+.icon-up.v-nativebutton:before, .icon-up > .v-button-wrap:before, .icon-up.v-label:before, .v-menubar-menuitem-icon-up:before {
+ content: "\2191";
+}
+
+.icon-right.v-nativebutton:before, .icon-right > .v-button-wrap:before, .icon-right.v-label:before, .v-menubar-menuitem-icon-right:before {
+ content: "\2192";
+}
+
+.icon-down.v-nativebutton:before, .icon-down > .v-button-wrap:before, .icon-down.v-label:before, .v-menubar-menuitem-icon-down:before {
+ content: "\2193";
+}
+
+.icon-exchange.v-nativebutton:before, .icon-exchange > .v-button-wrap:before, .icon-exchange.v-label:before, .v-menubar-menuitem-icon-exchange:before {
+ content: "\21c4";
+}
+
+.icon-home.v-nativebutton:before, .icon-home > .v-button-wrap:before, .icon-home.v-label:before, .v-menubar-menuitem-icon-home:before {
+ content: "\2302";
+}
+
+.icon-home-1.v-nativebutton:before, .icon-home-1 > .v-button-wrap:before, .icon-home-1.v-label:before, .v-menubar-menuitem-icon-home-1:before {
+ content: "\e802";
+}
+
+.icon-up-dir.v-nativebutton:before, .icon-up-dir > .v-button-wrap:before, .icon-up-dir.v-label:before, .v-menubar-menuitem-icon-up-dir:before {
+ content: "\25b4";
+}
+
+.icon-right-dir.v-nativebutton:before, .icon-right-dir > .v-button-wrap:before, .icon-right-dir.v-label:before, .v-menubar-menuitem-icon-right-dir:before {
+ content: "\25b8";
+}
+
+.icon-down-dir.v-nativebutton:before, .icon-down-dir > .v-button-wrap:before, .icon-down-dir.v-label:before, .v-menubar-menuitem-icon-down-dir:before {
+ content: "\25be";
+}
+
+.icon-left-dir.v-nativebutton:before, .icon-left-dir > .v-button-wrap:before, .icon-left-dir.v-label:before, .v-menubar-menuitem-icon-left-dir:before {
+ content: "\25c2";
+}
+
+.icon-star.v-nativebutton:before, .icon-star > .v-button-wrap:before, .icon-star.v-label:before, .v-menubar-menuitem-icon-star:before {
+ content: "\2605";
+}
+
+.icon-star-empty.v-nativebutton:before, .icon-star-empty > .v-button-wrap:before, .icon-star-empty.v-label:before, .v-menubar-menuitem-icon-star-empty:before {
+ content: "\2606";
+}
+
+.icon-th-list.v-nativebutton:before, .icon-th-list > .v-button-wrap:before, .icon-th-list.v-label:before, .v-menubar-menuitem-icon-th-list:before {
+ content: "\2630";
+}
+
+.icon-heart-empty.v-nativebutton:before, .icon-heart-empty > .v-button-wrap:before, .icon-heart-empty.v-label:before, .v-menubar-menuitem-icon-heart-empty:before {
+ content: "\2661";
+}
+
+.icon-heart.v-nativebutton:before, .icon-heart > .v-button-wrap:before, .icon-heart.v-label:before, .v-menubar-menuitem-icon-heart:before {
+ content: "\2665";
+}
+
+.icon-music.v-nativebutton:before, .icon-music > .v-button-wrap:before, .icon-music.v-label:before, .v-menubar-menuitem-icon-music:before {
+ content: "\266a";
+}
+
+.icon-th.v-nativebutton:before, .icon-th > .v-button-wrap:before, .icon-th.v-label:before, .v-menubar-menuitem-icon-th:before {
+ content: "\268f";
+}
+
+.icon-flag.v-nativebutton:before, .icon-flag > .v-button-wrap:before, .icon-flag.v-label:before, .v-menubar-menuitem-icon-flag:before {
+ content: "\2691";
+}
+
+.icon-cog.v-nativebutton:before, .icon-cog > .v-button-wrap:before, .icon-cog.v-label:before, .v-menubar-menuitem-icon-cog:before {
+ content: "\2699";
+}
+
+.icon-attention.v-nativebutton:before, .icon-attention > .v-button-wrap:before, .icon-attention.v-label:before, .v-menubar-menuitem-icon-attention:before {
+ content: "\26a0";
+}
+
+.icon-mail.v-nativebutton:before, .icon-mail > .v-button-wrap:before, .icon-mail.v-label:before, .v-menubar-menuitem-icon-mail:before {
+ content: "\2709";
+}
+
+.icon-edit.v-nativebutton:before, .icon-edit > .v-button-wrap:before, .icon-edit.v-label:before, .v-menubar-menuitem-icon-edit:before {
+ content: "\270d";
+}
+
+.icon-pencil.v-nativebutton:before, .icon-pencil > .v-button-wrap:before, .icon-pencil.v-label:before, .v-menubar-menuitem-icon-pencil:before {
+ content: "\270e";
+}
+
+.icon-ok.v-nativebutton:before, .icon-ok > .v-button-wrap:before, .icon-ok.v-label:before, .v-menubar-menuitem-icon-ok:before {
+ content: "\2713";
+}
+
+.icon-cancel-1.v-nativebutton:before, .icon-cancel-1 > .v-button-wrap:before, .icon-cancel-1.v-label:before, .v-menubar-menuitem-icon-cancel-1:before {
+ content: "\e801";
+}
+
+.icon-cancel.v-nativebutton:before, .icon-cancel > .v-button-wrap:before, .icon-cancel.v-label:before, .v-menubar-menuitem-icon-cancel:before {
+ content: "\2715";
+}
+
+.icon-cancel-circle.v-nativebutton:before, .icon-cancel-circle > .v-button-wrap:before, .icon-cancel-circle.v-label:before, .v-menubar-menuitem-icon-cancel-circle:before {
+ content: "\2716";
+}
+
+.icon-help.v-nativebutton:before, .icon-help > .v-button-wrap:before, .icon-help.v-label:before, .v-menubar-menuitem-icon-help:before {
+ content: "\2753";
+}
+
+.icon-plus-circle.v-nativebutton:before, .icon-plus-circle > .v-button-wrap:before, .icon-plus-circle.v-label:before, .v-menubar-menuitem-icon-plus-circle:before {
+ content: "\2795";
+}
+
+.icon-minus-circle.v-nativebutton:before, .icon-minus-circle > .v-button-wrap:before, .icon-minus-circle.v-label:before, .v-menubar-menuitem-icon-minus-circle:before {
+ content: "\2796";
+}
+
+.icon-right-thin.v-nativebutton:before, .icon-right-thin > .v-button-wrap:before, .icon-right-thin.v-label:before, .v-menubar-menuitem-icon-right-thin:before {
+ content: "\27a1";
+}
+
+.icon-forward.v-nativebutton:before, .icon-forward > .v-button-wrap:before, .icon-forward.v-label:before, .v-menubar-menuitem-icon-forward:before {
+ content: "\27a6";
+}
+
+.icon-cw.v-nativebutton:before, .icon-cw > .v-button-wrap:before, .icon-cw.v-label:before, .v-menubar-menuitem-icon-cw:before {
+ content: "\27f3";
+}
+
+.icon-left-thin.v-nativebutton:before, .icon-left-thin > .v-button-wrap:before, .icon-left-thin.v-label:before, .v-menubar-menuitem-icon-left-thin:before {
+ content: "\2b05";
+}
+
+.icon-up-thin.v-nativebutton:before, .icon-up-thin > .v-button-wrap:before, .icon-up-thin.v-label:before, .v-menubar-menuitem-icon-up-thin:before {
+ content: "\2b06";
+}
+
+.icon-down-thin.v-nativebutton:before, .icon-down-thin > .v-button-wrap:before, .icon-down-thin.v-label:before, .v-menubar-menuitem-icon-down-thin:before {
+ content: "\2b07";
+}
+
+.icon-left-bold.v-nativebutton:before, .icon-left-bold > .v-button-wrap:before, .icon-left-bold.v-label:before, .v-menubar-menuitem-icon-left-bold:before {
+ content: "\e4ad";
+}
+
+.icon-right-bold.v-nativebutton:before, .icon-right-bold > .v-button-wrap:before, .icon-right-bold.v-label:before, .v-menubar-menuitem-icon-right-bold:before {
+ content: "\e4ae";
+}
+
+.icon-up-bold.v-nativebutton:before, .icon-up-bold > .v-button-wrap:before, .icon-up-bold.v-label:before, .v-menubar-menuitem-icon-up-bold:before {
+ content: "\e4af";
+}
+
+.icon-down-bold.v-nativebutton:before, .icon-down-bold > .v-button-wrap:before, .icon-down-bold.v-label:before, .v-menubar-menuitem-icon-down-bold:before {
+ content: "\e4b0";
+}
+
+.icon-user-add.v-nativebutton:before, .icon-user-add > .v-button-wrap:before, .icon-user-add.v-label:before, .v-menubar-menuitem-icon-user-add:before {
+ content: "\e700";
+}
+
+.icon-help-circle.v-nativebutton:before, .icon-help-circle > .v-button-wrap:before, .icon-help-circle.v-label:before, .v-menubar-menuitem-icon-help-circle:before {
+ content: "\e704";
+}
+
+.icon-info-circle.v-nativebutton:before, .icon-info-circle > .v-button-wrap:before, .icon-info-circle.v-label:before, .v-menubar-menuitem-icon-info-circle:before {
+ content: "\e705";
+}
+
+.icon-back.v-nativebutton:before, .icon-back > .v-button-wrap:before, .icon-back.v-label:before, .v-menubar-menuitem-icon-back:before {
+ content: "\e706";
+}
+
+.icon-eye.v-nativebutton:before, .icon-eye > .v-button-wrap:before, .icon-eye.v-label:before, .v-menubar-menuitem-icon-eye:before {
+ content: "\e70a";
+}
+
+.icon-tag.v-nativebutton:before, .icon-tag > .v-button-wrap:before, .icon-tag.v-label:before, .v-menubar-menuitem-icon-tag:before {
+ content: "\e70c";
+}
+
+.icon-upload-cloud.v-nativebutton:before, .icon-upload-cloud > .v-button-wrap:before, .icon-upload-cloud.v-label:before, .v-menubar-menuitem-icon-upload-cloud:before {
+ content: "\e711";
+}
+
+.icon-reply.v-nativebutton:before, .icon-reply > .v-button-wrap:before, .icon-reply.v-label:before, .v-menubar-menuitem-icon-reply:before {
+ content: "\e712";
+}
+
+.icon-export.v-nativebutton:before, .icon-export > .v-button-wrap:before, .icon-export.v-label:before, .v-menubar-menuitem-icon-export:before {
+ content: "\e715";
+}
+
+.icon-print.v-nativebutton:before, .icon-print > .v-button-wrap:before, .icon-print.v-label:before, .v-menubar-menuitem-icon-print:before {
+ content: "\e716";
+}
+
+.icon-retweet.v-nativebutton:before, .icon-retweet > .v-button-wrap:before, .icon-retweet.v-label:before, .v-menubar-menuitem-icon-retweet:before {
+ content: "\e717";
+}
+
+.icon-comment.v-nativebutton:before, .icon-comment > .v-button-wrap:before, .icon-comment.v-label:before, .v-menubar-menuitem-icon-comment:before {
+ content: "\e718";
+}
+
+.icon-vcard.v-nativebutton:before, .icon-vcard > .v-button-wrap:before, .icon-vcard.v-label:before, .v-menubar-menuitem-icon-vcard:before {
+ content: "\e722";
+}
+
+.icon-location.v-nativebutton:before, .icon-location > .v-button-wrap:before, .icon-location.v-label:before, .v-menubar-menuitem-icon-location:before {
+ content: "\e724";
+}
+
+.icon-trash.v-nativebutton:before, .icon-trash > .v-button-wrap:before, .icon-trash.v-label:before, .v-menubar-menuitem-icon-trash:before {
+ content: "\e729";
+}
+
+.icon-resize-full.v-nativebutton:before, .icon-resize-full > .v-button-wrap:before, .icon-resize-full.v-label:before, .v-menubar-menuitem-icon-resize-full:before {
+ content: "\e744";
+}
+
+.icon-resize-small.v-nativebutton:before, .icon-resize-small > .v-button-wrap:before, .icon-resize-small.v-label:before, .v-menubar-menuitem-icon-resize-small:before {
+ content: "\e746";
+}
+
+.icon-down-open.v-nativebutton:before, .icon-down-open > .v-button-wrap:before, .icon-down-open.v-label:before, .v-menubar-menuitem-icon-down-open:before {
+ content: "\e75c";
+}
+
+.icon-left-open.v-nativebutton:before, .icon-left-open > .v-button-wrap:before, .icon-left-open.v-label:before, .v-menubar-menuitem-icon-left-open:before {
+ content: "\e75d";
+}
+
+.icon-right-open.v-nativebutton:before, .icon-right-open > .v-button-wrap:before, .icon-right-open.v-label:before, .v-menubar-menuitem-icon-right-open:before {
+ content: "\e75e";
+}
+
+.icon-up-open.v-nativebutton:before, .icon-up-open > .v-button-wrap:before, .icon-up-open.v-label:before, .v-menubar-menuitem-icon-up-open:before {
+ content: "\e75f";
+}
+
+.icon-arrows-cw.v-nativebutton:before, .icon-arrows-cw > .v-button-wrap:before, .icon-arrows-cw.v-label:before, .v-menubar-menuitem-icon-arrows-cw:before {
+ content: "\e760";
+}
+
+.icon-chart-pie.v-nativebutton:before, .icon-chart-pie > .v-button-wrap:before, .icon-chart-pie.v-label:before, .v-menubar-menuitem-icon-chart-pie:before {
+ content: "\e7a2";
+}
+
+.icon-search-1.v-nativebutton:before, .icon-search-1 > .v-button-wrap:before, .icon-search-1.v-label:before, .v-menubar-menuitem-icon-search-1:before {
+ content: "\e800";
+}
+
+.icon-user.v-nativebutton:before, .icon-user > .v-button-wrap:before, .icon-user.v-label:before, .v-menubar-menuitem-icon-user:before {
+ content: "\1f464";
+}
+
+.icon-users.v-nativebutton:before, .icon-users > .v-button-wrap:before, .icon-users.v-label:before, .v-menubar-menuitem-icon-users:before {
+ content: "\1f465";
+}
+
+.icon-monitor.v-nativebutton:before, .icon-monitor > .v-button-wrap:before, .icon-monitor.v-label:before, .v-menubar-menuitem-icon-monitor:before {
+ content: "\1f4bb";
+}
+
+.icon-folder.v-nativebutton:before, .icon-folder > .v-button-wrap:before, .icon-folder.v-label:before, .v-menubar-menuitem-icon-folder:before {
+ content: "\1f4c1";
+}
+
+.icon-doc.v-nativebutton:before, .icon-doc > .v-button-wrap:before, .icon-doc.v-label:before, .v-menubar-menuitem-icon-doc:before {
+ content: "\1f4c4";
+}
+
+.icon-calendar.v-nativebutton:before, .icon-calendar > .v-button-wrap:before, .icon-calendar.v-label:before, .v-menubar-menuitem-icon-calendar:before {
+ content: "\1f4c5";
+}
+
+.icon-chart.v-nativebutton:before, .icon-chart > .v-button-wrap:before, .icon-chart.v-label:before, .v-menubar-menuitem-icon-chart:before {
+ content: "\1f4c8";
+}
+
+.icon-attach.v-nativebutton:before, .icon-attach > .v-button-wrap:before, .icon-attach.v-label:before, .v-menubar-menuitem-icon-attach:before {
+ content: "\1f4ce";
+}
+
+.icon-upload.v-nativebutton:before, .icon-upload > .v-button-wrap:before, .icon-upload.v-label:before, .v-menubar-menuitem-icon-upload:before {
+ content: "\1f4e4";
+}
+
+.icon-download.v-nativebutton:before, .icon-download > .v-button-wrap:before, .icon-download.v-label:before, .v-menubar-menuitem-icon-download:before {
+ content: "\1f4e5";
+}
+
+.icon-mobile.v-nativebutton:before, .icon-mobile > .v-button-wrap:before, .icon-mobile.v-label:before, .v-menubar-menuitem-icon-mobile:before {
+ content: "\1f4f1";
+}
+
+.icon-camera.v-nativebutton:before, .icon-camera > .v-button-wrap:before, .icon-camera.v-label:before, .v-menubar-menuitem-icon-camera:before {
+ content: "\1f4f7";
+}
+
+.icon-lock.v-nativebutton:before, .icon-lock > .v-button-wrap:before, .icon-lock.v-label:before, .v-menubar-menuitem-icon-lock:before {
+ content: "\1f512";
+}
+
+.icon-lock-open.v-nativebutton:before, .icon-lock-open > .v-button-wrap:before, .icon-lock-open.v-label:before, .v-menubar-menuitem-icon-lock-open:before {
+ content: "\1f513";
+}
+
+.icon-bell.v-nativebutton:before, .icon-bell > .v-button-wrap:before, .icon-bell.v-label:before, .v-menubar-menuitem-icon-bell:before {
+ content: "\1f514";
+}
+
+.icon-link.v-nativebutton:before, .icon-link > .v-button-wrap:before, .icon-link.v-label:before, .v-menubar-menuitem-icon-link:before {
+ content: "\1f517";
+}
+
+.icon-clock.v-nativebutton:before, .icon-clock > .v-button-wrap:before, .icon-clock.v-label:before, .v-menubar-menuitem-icon-clock:before {
+ content: "\1f554";
+}
+
+.icon-block.v-nativebutton:before, .icon-block > .v-button-wrap:before, .icon-block.v-label:before, .v-menubar-menuitem-icon-block:before {
+ content: "\1f6ab";
+}
+
+@font-face {
+ font-family: "ThemeIcons";
+ src: url(fonts/themeicons-webfont.eot);
+ src: url(fonts/themeicons-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/themeicons-webfont.woff) format("woff"), url(fonts/themeicons-webfont.ttf) format("truetype"), url(fonts/themeicons-webfont.svg#icomoon) format("svg");
+}
+
+@font-face {
+ font-family: "FontAwesome";
+ src: url(fonts/fontawesome-webfont.eot);
+ src: url(fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/fontawesome-webfont.woff) format("woff"), url(fonts/fontawesome-webfont.ttf) format("truetype"), url(fonts/fontawesome-webfont.svg#icomoon) format("svg");
+}
+
+[class^="fa-"], [class*=" fa-"] {
+ font-family: "FontAwesome";
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+[class^="vi-"], [class*=" vi-"] {
+ font-family: "Vaadin-Icons";
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.fa-glass .v-button-caption:before {
+ content: "\f000";
+}
+
+.fa-music .v-button-caption:before {
+ content: "\f001";
+}
+
+.fa-search .v-button-caption:before {
+ content: "\f002";
+}
+
+.fa-envelope-o .v-button-caption:before {
+ content: "\f003";
+}
+
+.fa-heart .v-button-caption:before {
+ content: "\f004";
+}
+
+.fa-star .v-button-caption:before {
+ content: "\f005";
+}
+
+.fa-star-o .v-button-caption:before {
+ content: "\f006";
+}
+
+.fa-user .v-button-caption:before {
+ content: "\f007";
+}
+
+.fa-film .v-button-caption:before {
+ content: "\f008";
+}
+
+.fa-th-large .v-button-caption:before {
+ content: "\f009";
+}
+
+.fa-th .v-button-caption:before {
+ content: "\f00a";
+}
+
+.fa-th-list .v-button-caption:before {
+ content: "\f00b";
+}
+
+.fa-check .v-button-caption:before {
+ content: "\f00c";
+}
+
+.fa-close .v-button-caption:before {
+ content: "\f00d";
+}
+
+.fa-remove .v-button-caption:before {
+ content: "\f00d";
+}
+
+.fa-times .v-button-caption:before {
+ content: "\f00d";
+}
+
+.fa-search-plus .v-button-caption:before {
+ content: "\f00e";
+}
+
+.fa-search-minus .v-button-caption:before {
+ content: "\f010";
+}
+
+.fa-power-off .v-button-caption:before {
+ content: "\f011";
+}
+
+.fa-signal .v-button-caption:before {
+ content: "\f012";
+}
+
+.fa-cog .v-button-caption:before {
+ content: "\f013";
+}
+
+.fa-gear .v-button-caption:before {
+ content: "\f013";
+}
+
+.fa-trash-o .v-button-caption:before {
+ content: "\f014";
+}
+
+.fa-home .v-button-caption:before {
+ content: "\f015";
+}
+
+.fa-file-o .v-button-caption:before {
+ content: "\f016";
+}
+
+.fa-clock-o .v-button-caption:before {
+ content: "\f017";
+}
+
+.fa-road .v-button-caption:before {
+ content: "\f018";
+}
+
+.fa-download .v-button-caption:before {
+ content: "\f019";
+}
+
+.fa-arrow-circle-o-down .v-button-caption:before {
+ content: "\f01a";
+}
+
+.fa-arrow-circle-o-up .v-button-caption:before {
+ content: "\f01b";
+}
+
+.fa-inbox .v-button-caption:before {
+ content: "\f01c";
+}
+
+.fa-play-circle-o .v-button-caption:before {
+ content: "\f01d";
+}
+
+.fa-repeat .v-button-caption:before {
+ content: "\f01e";
+}
+
+.fa-rotate-right .v-button-caption:before {
+ content: "\f01e";
+}
+
+.fa-refresh .v-button-caption:before {
+ content: "\f021";
+}
+
+.fa-list-alt .v-button-caption:before {
+ content: "\f022";
+}
+
+.fa-lock .v-button-caption:before {
+ content: "\f023";
+}
+
+.fa-flag .v-button-caption:before {
+ content: "\f024";
+}
+
+.fa-headphones .v-button-caption:before {
+ content: "\f025";
+}
+
+.fa-volume-off .v-button-caption:before {
+ content: "\f026";
+}
+
+.fa-volume-down .v-button-caption:before {
+ content: "\f027";
+}
+
+.fa-volume-up .v-button-caption:before {
+ content: "\f028";
+}
+
+.fa-qrcode .v-button-caption:before {
+ content: "\f029";
+}
+
+.fa-barcode .v-button-caption:before {
+ content: "\f02a";
+}
+
+.fa-tag .v-button-caption:before {
+ content: "\f02b";
+}
+
+.fa-tags .v-button-caption:before {
+ content: "\f02c";
+}
+
+.fa-book2 .v-button-caption:before {
+ content: "\f02d";
+}
+
+.fa-bookmark .v-button-caption:before {
+ content: "\f02e";
+}
+
+.fa-print .v-button-caption:before {
+ content: "\f02f";
+}
+
+.fa-camera .v-button-caption:before {
+ content: "\f030";
+}
+
+.fa-font .v-button-caption:before {
+ content: "\f031";
+}
+
+.fa-bold .v-button-caption:before {
+ content: "\f032";
+}
+
+.fa-italic .v-button-caption:before {
+ content: "\f033";
+}
+
+.fa-text-height .v-button-caption:before {
+ content: "\f034";
+}
+
+.fa-text-width .v-button-caption:before {
+ content: "\f035";
+}
+
+.fa-align-left .v-button-caption:before {
+ content: "\f036";
+}
+
+.fa-align-center .v-button-caption:before {
+ content: "\f037";
+}
+
+.fa-align-right .v-button-caption:before {
+ content: "\f038";
+}
+
+.fa-align-justify .v-button-caption:before {
+ content: "\f039";
+}
+
+.fa-list .v-button-caption:before {
+ content: "\f03a";
+}
+
+.fa-dedent .v-button-caption:before {
+ content: "\f03b";
+}
+
+.fa-outdent .v-button-caption:before {
+ content: "\f03b";
+}
+
+.fa-indent .v-button-caption:before {
+ content: "\f03c";
+}
+
+.fa-video-camera .v-button-caption:before {
+ content: "\f03d";
+}
+
+.fa-image .v-button-caption:before {
+ content: "\f03e";
+}
+
+.fa-photo .v-button-caption:before {
+ content: "\f03e";
+}
+
+.fa-picture-o .v-button-caption:before {
+ content: "\f03e";
+}
+
+.fa-pencil .v-button-caption:before {
+ content: "\f040";
+}
+
+.fa-map-marker .v-button-caption:before {
+ content: "\f041";
+}
+
+.fa-adjust .v-button-caption:before {
+ content: "\f042";
+}
+
+.fa-tint .v-button-caption:before {
+ content: "\f043";
+}
+
+.fa-edit .v-button-caption:before {
+ content: "\f044";
+}
+
+.fa-pencil-square-o .v-button-caption:before {
+ content: "\f044";
+}
+
+.fa-share-square-o .v-button-caption:before {
+ content: "\f045";
+}
+
+.fa-check-square-o .v-button-caption:before {
+ content: "\f046";
+}
+
+.fa-arrows .v-button-caption:before {
+ content: "\f047";
+}
+
+.fa-step-backward .v-button-caption:before {
+ content: "\f048";
+}
+
+.fa-fast-backward .v-button-caption:before {
+ content: "\f049";
+}
+
+.fa-backward .v-button-caption:before {
+ content: "\f04a";
+}
+
+.fa-play .v-button-caption:before {
+ content: "\f04b";
+}
+
+.fa-pause .v-button-caption:before {
+ content: "\f04c";
+}
+
+.fa-stop .v-button-caption:before {
+ content: "\f04d";
+}
+
+.fa-forward .v-button-caption:before {
+ content: "\f04e";
+}
+
+.fa-fast-forward .v-button-caption:before {
+ content: "\f050";
+}
+
+.fa-step-forward .v-button-caption:before {
+ content: "\f051";
+}
+
+.fa-eject .v-button-caption:before {
+ content: "\f052";
+}
+
+.fa-chevron-left .v-button-caption:before {
+ content: "\f053";
+}
+
+.fa-chevron-right .v-button-caption:before {
+ content: "\f054";
+}
+
+.fa-plus-circle .v-button-caption:before {
+ content: "\f055";
+}
+
+.fa-minus-circle .v-button-caption:before {
+ content: "\f056";
+}
+
+.fa-times-circle .v-button-caption:before {
+ content: "\f057";
+}
+
+.fa-check-circle .v-button-caption:before {
+ content: "\f058";
+}
+
+.fa-question-circle .v-button-caption:before {
+ content: "\f059";
+}
+
+.fa-info-circle .v-button-caption:before {
+ content: "\f05a";
+}
+
+.fa-crosshairs .v-button-caption:before {
+ content: "\f05b";
+}
+
+.fa-times-circle-o .v-button-caption:before {
+ content: "\f05c";
+}
+
+.fa-check-circle-o .v-button-caption:before {
+ content: "\f05d";
+}
+
+.fa-ban .v-button-caption:before {
+ content: "\f05e";
+}
+
+.fa-arrow-left .v-button-caption:before {
+ content: "\f060";
+}
+
+.fa-arrow-right .v-button-caption:before {
+ content: "\f061";
+}
+
+.fa-arrow-up .v-button-caption:before {
+ content: "\f062";
+}
+
+.fa-arrow-down .v-button-caption:before {
+ content: "\f063";
+}
+
+.fa-mail-forward .v-button-caption:before {
+ content: "\f064";
+}
+
+.fa-share .v-button-caption:before {
+ content: "\f064";
+}
+
+.fa-expand .v-button-caption:before {
+ content: "\f065";
+}
+
+.fa-compress .v-button-caption:before {
+ content: "\f066";
+}
+
+.fa-plus .v-button-caption:before {
+ content: "\f067";
+}
+
+.fa-minus .v-button-caption:before {
+ content: "\f068";
+}
+
+.fa-asterisk .v-button-caption:before {
+ content: "\f069";
+}
+
+.fa-exclamation-circle .v-button-caption:before {
+ content: "\f06a";
+}
+
+.fa-gift .v-button-caption:before {
+ content: "\f06b";
+}
+
+.fa-leaf .v-button-caption:before {
+ content: "\f06c";
+}
+
+.fa-fire .v-button-caption:before {
+ content: "\f06d";
+}
+
+.fa-eye .v-button-caption:before {
+ content: "\f06e";
+}
+
+.fa-eye-slash .v-button-caption:before {
+ content: "\f070";
+}
+
+.fa-exclamation-triangle .v-button-caption:before {
+ content: "\f071";
+}
+
+.fa-warning .v-button-caption:before {
+ content: "\f071";
+}
+
+.fa-plane .v-button-caption:before {
+ content: "\f072";
+}
+
+.fa-calendar .v-button-caption:before {
+ content: "\f073";
+}
+
+.fa-random2 .v-button-caption:before {
+ content: "\f074";
+}
+
+.fa-comment2 .v-button-caption:before {
+ content: "\f075";
+}
+
+.fa-magnet .v-button-caption:before {
+ content: "\f076";
+}
+
+.fa-chevron-up .v-button-caption:before {
+ content: "\f077";
+}
+
+.fa-chevron-down .v-button-caption:before {
+ content: "\f078";
+}
+
+.fa-retweet2 .v-button-caption:before {
+ content: "\f079";
+}
+
+.fa-shopping-cart .v-button-caption:before {
+ content: "\f07a";
+}
+
+.fa-folder .v-button-caption:before {
+ content: "\f07b";
+}
+
+.fa-folder-open .v-button-caption:before {
+ content: "\f07c";
+}
+
+.fa-arrows-v .v-button-caption:before {
+ content: "\f07d";
+}
+
+.fa-arrows-h .v-button-caption:before {
+ content: "\f07e";
+}
+
+.fa-bar-chart2 .v-button-caption:before {
+ content: "\f080";
+}
+
+.fa-bar-chart-o .v-button-caption:before {
+ content: "\f080";
+}
+
+.fa-twitter-square .v-button-caption:before {
+ content: "\f081";
+}
+
+.fa-facebook-square .v-button-caption:before {
+ content: "\f082";
+}
+
+.fa-camera-retro .v-button-caption:before {
+ content: "\f083";
+}
+
+.fa-key .v-button-caption:before {
+ content: "\f084";
+}
+
+.fa-cogs .v-button-caption:before {
+ content: "\f085";
+}
+
+.fa-gears .v-button-caption:before {
+ content: "\f085";
+}
+
+.fa-comments .v-button-caption:before {
+ content: "\f086";
+}
+
+.fa-thumbs-o-up .v-button-caption:before {
+ content: "\f087";
+}
+
+.fa-thumbs-o-down .v-button-caption:before {
+ content: "\f088";
+}
+
+.fa-star-half .v-button-caption:before {
+ content: "\f089";
+}
+
+.fa-heart-o .v-button-caption:before {
+ content: "\f08a";
+}
+
+.fa-sign-out .v-button-caption:before {
+ content: "\f08b";
+}
+
+.fa-linkedin-square .v-button-caption:before {
+ content: "\f08c";
+}
+
+.fa-thumb-tack .v-button-caption:before {
+ content: "\f08d";
+}
+
+.fa-external-link .v-button-caption:before {
+ content: "\f08e";
+}
+
+.fa-sign-in2 .v-button-caption:before {
+ content: "\f090";
+}
+
+.fa-trophy .v-button-caption:before {
+ content: "\f091";
+}
+
+.fa-github-square .v-button-caption:before {
+ content: "\f092";
+}
+
+.fa-upload3 .v-button-caption:before {
+ content: "\f093";
+}
+
+.fa-lemon-o .v-button-caption:before {
+ content: "\f094";
+}
+
+.fa-phone .v-button-caption:before {
+ content: "\f095";
+}
+
+.fa-square-o .v-button-caption:before {
+ content: "\f096";
+}
+
+.fa-bookmark-o .v-button-caption:before {
+ content: "\f097";
+}
+
+.fa-phone-square .v-button-caption:before {
+ content: "\f098";
+}
+
+.fa-twitter .v-button-caption:before {
+ content: "\f099";
+}
+
+.fa-facebook .v-button-caption:before {
+ content: "\f09a";
+}
+
+.fa-facebook-f .v-button-caption:before {
+ content: "\f09a";
+}
+
+.fa-github .v-button-caption:before {
+ content: "\f09b";
+}
+
+.fa-unlock .v-button-caption:before {
+ content: "\f09c";
+}
+
+.fa-credit-card .v-button-caption:before {
+ content: "\f09d";
+}
+
+.fa-feed .v-button-caption:before {
+ content: "\f09e";
+}
+
+.fa-rss .v-button-caption:before {
+ content: "\f09e";
+}
+
+.fa-hdd-o .v-button-caption:before {
+ content: "\f0a0";
+}
+
+.fa-bullhorn .v-button-caption:before {
+ content: "\f0a1";
+}
+
+.fa-bell-o .v-button-caption:before {
+ content: "\f0a2";
+}
+
+.fa-certificate .v-button-caption:before {
+ content: "\f0a3";
+}
+
+.fa-hand-o-right .v-button-caption:before {
+ content: "\f0a4";
+}
+
+.fa-hand-o-left .v-button-caption:before {
+ content: "\f0a5";
+}
+
+.fa-hand-o-up .v-button-caption:before {
+ content: "\f0a6";
+}
+
+.fa-hand-o-down .v-button-caption:before {
+ content: "\f0a7";
+}
+
+.fa-arrow-circle-left .v-button-caption:before {
+ content: "\f0a8";
+}
+
+.fa-arrow-circle-right .v-button-caption:before {
+ content: "\f0a9";
+}
+
+.fa-arrow-circle-up .v-button-caption:before {
+ content: "\f0aa";
+}
+
+.fa-arrow-circle-down .v-button-caption:before {
+ content: "\f0ab";
+}
+
+.fa-globe .v-button-caption:before {
+ content: "\f0ac";
+}
+
+.fa-wrench .v-button-caption:before {
+ content: "\f0ad";
+}
+
+.fa-tasks2 .v-button-caption:before {
+ content: "\f0ae";
+}
+
+.fa-filter2 .v-button-caption:before {
+ content: "\f0b0";
+}
+
+.fa-briefcase .v-button-caption:before {
+ content: "\f0b1";
+}
+
+.fa-arrows-alt .v-button-caption:before {
+ content: "\f0b2";
+}
+
+.fa-group .v-button-caption:before {
+ content: "\f0c0";
+}
+
+.fa-users .v-button-caption:before {
+ content: "\f0c0";
+}
+
+.fa-chain .v-button-caption:before {
+ content: "\f0c1";
+}
+
+.fa-link .v-button-caption:before {
+ content: "\f0c1";
+}
+
+.fa-cloud .v-button-caption:before {
+ content: "\f0c2";
+}
+
+.fa-flask .v-button-caption:before {
+ content: "\f0c3";
+}
+
+.fa-cut .v-button-caption:before {
+ content: "\f0c4";
+}
+
+.fa-scissors .v-button-caption:before {
+ content: "\f0c4";
+}
+
+.fa-copy .v-button-caption:before {
+ content: "\f0c5";
+}
+
+.fa-files-o .v-button-caption:before {
+ content: "\f0c5";
+}
+
+.fa-paperclip .v-button-caption:before {
+ content: "\f0c6";
+}
+
+.fa-floppy-o .v-button-caption:before {
+ content: "\f0c7";
+}
+
+.fa-save .v-button-caption:before {
+ content: "\f0c7";
+}
+
+.fa-square .v-button-caption:before {
+ content: "\f0c8";
+}
+
+.fa-bars .v-button-caption:before {
+ content: "\f0c9";
+}
+
+.fa-navicon .v-button-caption:before {
+ content: "\f0c9";
+}
+
+.fa-reorder .v-button-caption:before {
+ content: "\f0c9";
+}
+
+.fa-list-ul .v-button-caption:before {
+ content: "\f0ca";
+}
+
+.fa-list-ol .v-button-caption:before {
+ content: "\f0cb";
+}
+
+.fa-strikethrough .v-button-caption:before {
+ content: "\f0cc";
+}
+
+.fa-underline .v-button-caption:before {
+ content: "\f0cd";
+}
+
+.fa-table2 .v-button-caption:before {
+ content: "\f0ce";
+}
+
+.fa-magic .v-button-caption:before {
+ content: "\f0d0";
+}
+
+.fa-truck .v-button-caption:before {
+ content: "\f0d1";
+}
+
+.fa-pinterest .v-button-caption:before {
+ content: "\f0d2";
+}
+
+.fa-pinterest-square .v-button-caption:before {
+ content: "\f0d3";
+}
+
+.fa-google-plus-square .v-button-caption:before {
+ content: "\f0d4";
+}
+
+.fa-google-plus .v-button-caption:before {
+ content: "\f0d5";
+}
+
+.fa-money .v-button-caption:before {
+ content: "\f0d6";
+}
+
+.fa-caret-down .v-button-caption:before {
+ content: "\f0d7";
+}
+
+.fa-caret-up .v-button-caption:before {
+ content: "\f0d8";
+}
+
+.fa-caret-left .v-button-caption:before {
+ content: "\f0d9";
+}
+
+.fa-caret-right .v-button-caption:before {
+ content: "\f0da";
+}
+
+.fa-columns .v-button-caption:before {
+ content: "\f0db";
+}
+
+.fa-sort .v-button-caption:before {
+ content: "\f0dc";
+}
+
+.fa-unsorted .v-button-caption:before {
+ content: "\f0dc";
+}
+
+.fa-sort-desc .v-button-caption:before {
+ content: "\f0dd";
+}
+
+.fa-sort-down .v-button-caption:before {
+ content: "\f0dd";
+}
+
+.fa-sort-asc .v-button-caption:before {
+ content: "\f0de";
+}
+
+.fa-sort-up .v-button-caption:before {
+ content: "\f0de";
+}
+
+.fa-envelope .v-button-caption:before {
+ content: "\f0e0";
+}
+
+.fa-linkedin .v-button-caption:before {
+ content: "\f0e1";
+}
+
+.fa-rotate-left .v-button-caption:before {
+ content: "\f0e2";
+}
+
+.fa-undo .v-button-caption:before {
+ content: "\f0e2";
+}
+
+.fa-gavel .v-button-caption:before {
+ content: "\f0e3";
+}
+
+.fa-legal .v-button-caption:before {
+ content: "\f0e3";
+}
+
+.fa-dashboard .v-button-caption:before {
+ content: "\f0e4";
+}
+
+.fa-tachometer .v-button-caption:before {
+ content: "\f0e4";
+}
+
+.fa-comment-o2 .v-button-caption:before {
+ content: "\f0e5";
+}
+
+.fa-comments-o .v-button-caption:before {
+ content: "\f0e6";
+}
+
+.fa-bolt .v-button-caption:before {
+ content: "\f0e7";
+}
+
+.fa-flash .v-button-caption:before {
+ content: "\f0e7";
+}
+
+.fa-sitemap2 .v-button-caption:before {
+ content: "\f0e8";
+}
+
+.fa-umbrella .v-button-caption:before {
+ content: "\f0e9";
+}
+
+.fa-clipboard .v-button-caption:before {
+ content: "\f0ea";
+}
+
+.fa-paste .v-button-caption:before {
+ content: "\f0ea";
+}
+
+.fa-lightbulb-o .v-button-caption:before {
+ content: "\f0eb";
+}
+
+.fa-exchange .v-button-caption:before {
+ content: "\f0ec";
+}
+
+.fa-cloud-download .v-button-caption:before {
+ content: "\f0ed";
+}
+
+.fa-cloud-upload .v-button-caption:before {
+ content: "\f0ee";
+}
+
+.fa-user-md .v-button-caption:before {
+ content: "\f0f0";
+}
+
+.fa-stethoscope .v-button-caption:before {
+ content: "\f0f1";
+}
+
+.fa-suitcase .v-button-caption:before {
+ content: "\f0f2";
+}
+
+.fa-bell .v-button-caption:before {
+ content: "\f0f3";
+}
+
+.fa-coffee .v-button-caption:before {
+ content: "\f0f4";
+}
+
+.fa-cutlery .v-button-caption:before {
+ content: "\f0f5";
+}
+
+.fa-file-text-o2 .v-button-caption:before {
+ content: "\f0f6";
+}
+
+.fa-building-o .v-button-caption:before {
+ content: "\f0f7";
+}
+
+.fa-hospital-o .v-button-caption:before {
+ content: "\f0f8";
+}
+
+.fa-ambulance .v-button-caption:before {
+ content: "\f0f9";
+}
+
+.fa-medkit .v-button-caption:before {
+ content: "\f0fa";
+}
+
+.fa-fighter-jet .v-button-caption:before {
+ content: "\f0fb";
+}
+
+.fa-beer .v-button-caption:before {
+ content: "\f0fc";
+}
+
+.fa-h-square .v-button-caption:before {
+ content: "\f0fd";
+}
+
+.fa-plus-square .v-button-caption:before {
+ content: "\f0fe";
+}
+
+.fa-angle-double-left .v-button-caption:before {
+ content: "\f100";
+}
+
+.fa-angle-double-right .v-button-caption:before {
+ content: "\f101";
+}
+
+.fa-angle-double-up .v-button-caption:before {
+ content: "\f102";
+}
+
+.fa-angle-double-down .v-button-caption:before {
+ content: "\f103";
+}
+
+.fa-angle-left .v-button-caption:before {
+ content: "\f104";
+}
+
+.fa-angle-right .v-button-caption:before {
+ content: "\f105";
+}
+
+.fa-angle-up .v-button-caption:before {
+ content: "\f106";
+}
+
+.fa-angle-down .v-button-caption:before {
+ content: "\f107";
+}
+
+.fa-desktop .v-button-caption:before {
+ content: "\f108";
+}
+
+.fa-laptop .v-button-caption:before {
+ content: "\f109";
+}
+
+.fa-tablet .v-button-caption:before {
+ content: "\f10a";
+}
+
+.fa-mobile .v-button-caption:before {
+ content: "\f10b";
+}
+
+.fa-mobile-phone .v-button-caption:before {
+ content: "\f10b";
+}
+
+.fa-circle-o .v-button-caption:before {
+ content: "\f10c";
+}
+
+.fa-quote-left .v-button-caption:before {
+ content: "\f10d";
+}
+
+.fa-quote-right .v-button-caption:before {
+ content: "\f10e";
+}
+
+.fa-spinner .v-button-caption:before {
+ content: "\f110";
+}
+
+.fa-circle .v-button-caption:before {
+ content: "\f111";
+}
+
+.fa-mail-reply .v-button-caption:before {
+ content: "\f112";
+}
+
+.fa-reply .v-button-caption:before {
+ content: "\f112";
+}
+
+.fa-github-alt .v-button-caption:before {
+ content: "\f113";
+}
+
+.fa-folder-o .v-button-caption:before {
+ content: "\f114";
+}
+
+.fa-folder-open-o .v-button-caption:before {
+ content: "\f115";
+}
+
+.fa-smile-o .v-button-caption:before {
+ content: "\f118";
+}
+
+.fa-frown-o .v-button-caption:before {
+ content: "\f119";
+}
+
+.fa-meh-o .v-button-caption:before {
+ content: "\f11a";
+}
+
+.fa-gamepad .v-button-caption:before {
+ content: "\f11b";
+}
+
+.fa-keyboard-o .v-button-caption:before {
+ content: "\f11c";
+}
+
+.fa-flag-o .v-button-caption:before {
+ content: "\f11d";
+}
+
+.fa-flag-checkered .v-button-caption:before {
+ content: "\f11e";
+}
+
+.fa-terminal .v-button-caption:before {
+ content: "\f120";
+}
+
+.fa-code .v-button-caption:before {
+ content: "\f121";
+}
+
+.fa-mail-reply-all .v-button-caption:before {
+ content: "\f122";
+}
+
+.fa-reply-all .v-button-caption:before {
+ content: "\f122";
+}
+
+.fa-star-half-empty .v-button-caption:before {
+ content: "\f123";
+}
+
+.fa-star-half-full .v-button-caption:before {
+ content: "\f123";
+}
+
+.fa-star-half-o .v-button-caption:before {
+ content: "\f123";
+}
+
+.fa-location-arrow .v-button-caption:before {
+ content: "\f124";
+}
+
+.fa-crop .v-button-caption:before {
+ content: "\f125";
+}
+
+.fa-code-fork .v-button-caption:before {
+ content: "\f126";
+}
+
+.fa-chain-broken .v-button-caption:before {
+ content: "\f127";
+}
+
+.fa-unlink .v-button-caption:before {
+ content: "\f127";
+}
+
+.fa-question .v-button-caption:before {
+ content: "\f128";
+}
+
+.fa-info .v-button-caption:before {
+ content: "\f129";
+}
+
+.fa-exclamation .v-button-caption:before {
+ content: "\f12a";
+}
+
+.fa-superscript .v-button-caption:before {
+ content: "\f12b";
+}
+
+.fa-subscript .v-button-caption:before {
+ content: "\f12c";
+}
+
+.fa-eraser .v-button-caption:before {
+ content: "\f12d";
+}
+
+.fa-puzzle-piece2 .v-button-caption:before {
+ content: "\f12e";
+}
+
+.fa-microphone .v-button-caption:before {
+ content: "\f130";
+}
+
+.fa-microphone-slash .v-button-caption:before {
+ content: "\f131";
+}
+
+.fa-shield .v-button-caption:before {
+ content: "\f132";
+}
+
+.fa-calendar-o .v-button-caption:before {
+ content: "\f133";
+}
+
+.fa-fire-extinguisher .v-button-caption:before {
+ content: "\f134";
+}
+
+.fa-rocket .v-button-caption:before {
+ content: "\f135";
+}
+
+.fa-maxcdn .v-button-caption:before {
+ content: "\f136";
+}
+
+.fa-chevron-circle-left .v-button-caption:before {
+ content: "\f137";
+}
+
+.fa-chevron-circle-right .v-button-caption:before {
+ content: "\f138";
+}
+
+.fa-chevron-circle-up .v-button-caption:before {
+ content: "\f139";
+}
+
+.fa-chevron-circle-down .v-button-caption:before {
+ content: "\f13a";
+}
+
+.fa-html5 .v-button-caption:before {
+ content: "\f13b";
+}
+
+.fa-css3 .v-button-caption:before {
+ content: "\f13c";
+}
+
+.fa-anchor .v-button-caption:before {
+ content: "\f13d";
+}
+
+.fa-unlock-alt .v-button-caption:before {
+ content: "\f13e";
+}
+
+.fa-bullseye .v-button-caption:before {
+ content: "\f140";
+}
+
+.fa-ellipsis-h .v-button-caption:before {
+ content: "\f141";
+}
+
+.fa-ellipsis-v .v-button-caption:before {
+ content: "\f142";
+}
+
+.fa-rss-square .v-button-caption:before {
+ content: "\f143";
+}
+
+.fa-play-circle .v-button-caption:before {
+ content: "\f144";
+}
+
+.fa-ticket .v-button-caption:before {
+ content: "\f145";
+}
+
+.fa-minus-square .v-button-caption:before {
+ content: "\f146";
+}
+
+.fa-minus-square-o .v-button-caption:before {
+ content: "\f147";
+}
+
+.fa-level-up .v-button-caption:before {
+ content: "\f148";
+}
+
+.fa-level-down .v-button-caption:before {
+ content: "\f149";
+}
+
+.fa-check-square .v-button-caption:before {
+ content: "\f14a";
+}
+
+.fa-pencil-square .v-button-caption:before {
+ content: "\f14b";
+}
+
+.fa-external-link-square .v-button-caption:before {
+ content: "\f14c";
+}
+
+.fa-share-square .v-button-caption:before {
+ content: "\f14d";
+}
+
+.fa-compass .v-button-caption:before {
+ content: "\f14e";
+}
+
+.fa-caret-square-o-down .v-button-caption:before {
+ content: "\f150";
+}
+
+.fa-toggle-down .v-button-caption:before {
+ content: "\f150";
+}
+
+.fa-caret-square-o-up .v-button-caption:before {
+ content: "\f151";
+}
+
+.fa-toggle-up .v-button-caption:before {
+ content: "\f151";
+}
+
+.fa-caret-square-o-right .v-button-caption:before {
+ content: "\f152";
+}
+
+.fa-toggle-right .v-button-caption:before {
+ content: "\f152";
+}
+
+.fa-eur .v-button-caption:before {
+ content: "\f153";
+}
+
+.fa-euro .v-button-caption:before {
+ content: "\f153";
+}
+
+.fa-gbp .v-button-caption:before {
+ content: "\f154";
+}
+
+.fa-dollar .v-button-caption:before {
+ content: "\f155";
+}
+
+.fa-usd .v-button-caption:before {
+ content: "\f155";
+}
+
+.fa-inr .v-button-caption:before {
+ content: "\f156";
+}
+
+.fa-rupee .v-button-caption:before {
+ content: "\f156";
+}
+
+.fa-cny .v-button-caption:before {
+ content: "\f157";
+}
+
+.fa-jpy .v-button-caption:before {
+ content: "\f157";
+}
+
+.fa-rmb .v-button-caption:before {
+ content: "\f157";
+}
+
+.fa-yen .v-button-caption:before {
+ content: "\f157";
+}
+
+.fa-rouble .v-button-caption:before {
+ content: "\f158";
+}
+
+.fa-rub .v-button-caption:before {
+ content: "\f158";
+}
+
+.fa-ruble .v-button-caption:before {
+ content: "\f158";
+}
+
+.fa-krw .v-button-caption:before {
+ content: "\f159";
+}
+
+.fa-won .v-button-caption:before {
+ content: "\f159";
+}
+
+.fa-bitcoin .v-button-caption:before {
+ content: "\f15a";
+}
+
+.fa-btc .v-button-caption:before {
+ content: "\f15a";
+}
+
+.fa-file .v-button-caption:before {
+ content: "\f15b";
+}
+
+.fa-file-text .v-button-caption:before {
+ content: "\f15c";
+}
+
+.fa-sort-alpha-asc .v-button-caption:before {
+ content: "\f15d";
+}
+
+.fa-sort-alpha-desc .v-button-caption:before {
+ content: "\f15e";
+}
+
+.fa-sort-amount-asc .v-button-caption:before {
+ content: "\f160";
+}
+
+.fa-sort-amount-desc .v-button-caption:before {
+ content: "\f161";
+}
+
+.fa-sort-numeric-asc .v-button-caption:before {
+ content: "\f162";
+}
+
+.fa-sort-numeric-desc .v-button-caption:before {
+ content: "\f163";
+}
+
+.fa-thumbs-up .v-button-caption:before {
+ content: "\f164";
+}
+
+.fa-thumbs-down .v-button-caption:before {
+ content: "\f165";
+}
+
+.fa-youtube-square .v-button-caption:before {
+ content: "\f166";
+}
+
+.fa-youtube .v-button-caption:before {
+ content: "\f167";
+}
+
+.fa-xing .v-button-caption:before {
+ content: "\f168";
+}
+
+.fa-xing-square .v-button-caption:before {
+ content: "\f169";
+}
+
+.fa-youtube-play .v-button-caption:before {
+ content: "\f16a";
+}
+
+.fa-dropbox .v-button-caption:before {
+ content: "\f16b";
+}
+
+.fa-stack-overflow .v-button-caption:before {
+ content: "\f16c";
+}
+
+.fa-instagram .v-button-caption:before {
+ content: "\f16d";
+}
+
+.fa-flickr .v-button-caption:before {
+ content: "\f16e";
+}
+
+.fa-adn .v-button-caption:before {
+ content: "\f170";
+}
+
+.fa-bitbucket .v-button-caption:before {
+ content: "\f171";
+}
+
+.fa-bitbucket-square .v-button-caption:before {
+ content: "\f172";
+}
+
+.fa-tumblr .v-button-caption:before {
+ content: "\f173";
+}
+
+.fa-tumblr-square .v-button-caption:before {
+ content: "\f174";
+}
+
+.fa-long-arrow-down .v-button-caption:before {
+ content: "\f175";
+}
+
+.fa-long-arrow-up .v-button-caption:before {
+ content: "\f176";
+}
+
+.fa-long-arrow-left .v-button-caption:before {
+ content: "\f177";
+}
+
+.fa-long-arrow-right .v-button-caption:before {
+ content: "\f178";
+}
+
+.fa-apple .v-button-caption:before {
+ content: "\f179";
+}
+
+.fa-windows .v-button-caption:before {
+ content: "\f17a";
+}
+
+.fa-android .v-button-caption:before {
+ content: "\f17b";
+}
+
+.fa-linux .v-button-caption:before {
+ content: "\f17c";
+}
+
+.fa-dribbble .v-button-caption:before {
+ content: "\f17d";
+}
+
+.fa-skype .v-button-caption:before {
+ content: "\f17e";
+}
+
+.fa-foursquare .v-button-caption:before {
+ content: "\f180";
+}
+
+.fa-trello .v-button-caption:before {
+ content: "\f181";
+}
+
+.fa-female .v-button-caption:before {
+ content: "\f182";
+}
+
+.fa-male .v-button-caption:before {
+ content: "\f183";
+}
+
+.fa-gittip .v-button-caption:before {
+ content: "\f184";
+}
+
+.fa-gratipay .v-button-caption:before {
+ content: "\f184";
+}
+
+.fa-sun-o .v-button-caption:before {
+ content: "\f185";
+}
+
+.fa-moon-o .v-button-caption:before {
+ content: "\f186";
+}
+
+.fa-archive2 .v-button-caption:before {
+ content: "\f187";
+}
+
+.fa-bug .v-button-caption:before {
+ content: "\f188";
+}
+
+.fa-vk .v-button-caption:before {
+ content: "\f189";
+}
+
+.fa-weibo .v-button-caption:before {
+ content: "\f18a";
+}
+
+.fa-renren .v-button-caption:before {
+ content: "\f18b";
+}
+
+.fa-pagelines .v-button-caption:before {
+ content: "\f18c";
+}
+
+.fa-stack-exchange .v-button-caption:before {
+ content: "\f18d";
+}
+
+.fa-arrow-circle-o-right .v-button-caption:before {
+ content: "\f18e";
+}
+
+.fa-arrow-circle-o-left .v-button-caption:before {
+ content: "\f190";
+}
+
+.fa-caret-square-o-left .v-button-caption:before {
+ content: "\f191";
+}
+
+.fa-toggle-left .v-button-caption:before {
+ content: "\f191";
+}
+
+.fa-dot-circle-o .v-button-caption:before {
+ content: "\f192";
+}
+
+.fa-wheelchair .v-button-caption:before {
+ content: "\f193";
+}
+
+.fa-vimeo-square .v-button-caption:before {
+ content: "\f194";
+}
+
+.fa-try .v-button-caption:before {
+ content: "\f195";
+}
+
+.fa-turkish-lira .v-button-caption:before {
+ content: "\f195";
+}
+
+.fa-plus-square-o .v-button-caption:before {
+ content: "\f196";
+}
+
+.fa-space-shuttle .v-button-caption:before {
+ content: "\f197";
+}
+
+.fa-slack .v-button-caption:before {
+ content: "\f198";
+}
+
+.fa-envelope-square .v-button-caption:before {
+ content: "\f199";
+}
+
+.fa-wordpress .v-button-caption:before {
+ content: "\f19a";
+}
+
+.fa-openid .v-button-caption:before {
+ content: "\f19b";
+}
+
+.fa-bank .v-button-caption:before {
+ content: "\f19c";
+}
+
+.fa-institution .v-button-caption:before {
+ content: "\f19c";
+}
+
+.fa-university .v-button-caption:before {
+ content: "\f19c";
+}
+
+.fa-graduation-cap .v-button-caption:before {
+ content: "\f19d";
+}
+
+.fa-mortar-board .v-button-caption:before {
+ content: "\f19d";
+}
+
+.fa-yahoo .v-button-caption:before {
+ content: "\f19e";
+}
+
+.fa-google .v-button-caption:before {
+ content: "\f1a0";
+}
+
+.fa-reddit .v-button-caption:before {
+ content: "\f1a1";
+}
+
+.fa-reddit-square .v-button-caption:before {
+ content: "\f1a2";
+}
+
+.fa-stumbleupon-circle .v-button-caption:before {
+ content: "\f1a3";
+}
+
+.fa-stumbleupon .v-button-caption:before {
+ content: "\f1a4";
+}
+
+.fa-delicious .v-button-caption:before {
+ content: "\f1a5";
+}
+
+.fa-digg .v-button-caption:before {
+ content: "\f1a6";
+}
+
+.fa-pied-piper .v-button-caption:before {
+ content: "\f1a7";
+}
+
+.fa-pied-piper-alt .v-button-caption:before {
+ content: "\f1a8";
+}
+
+.fa-drupal .v-button-caption:before {
+ content: "\f1a9";
+}
+
+.fa-joomla .v-button-caption:before {
+ content: "\f1aa";
+}
+
+.fa-language .v-button-caption:before {
+ content: "\f1ab";
+}
+
+.fa-fax .v-button-caption:before {
+ content: "\f1ac";
+}
+
+.fa-building .v-button-caption:before {
+ content: "\f1ad";
+}
+
+.fa-child .v-button-caption:before {
+ content: "\f1ae";
+}
+
+.fa-paw .v-button-caption:before {
+ content: "\f1b0";
+}
+
+.fa-spoon .v-button-caption:before {
+ content: "\f1b1";
+}
+
+.fa-cube2 .v-button-caption:before {
+ content: "\f1b2";
+}
+
+.fa-cubes .v-button-caption:before {
+ content: "\f1b3";
+}
+
+.fa-behance .v-button-caption:before {
+ content: "\f1b4";
+}
+
+.fa-behance-square .v-button-caption:before {
+ content: "\f1b5";
+}
+
+.fa-steam .v-button-caption:before {
+ content: "\f1b6";
+}
+
+.fa-steam-square .v-button-caption:before {
+ content: "\f1b7";
+}
+
+.fa-recycle .v-button-caption:before {
+ content: "\f1b8";
+}
+
+.fa-automobile .v-button-caption:before {
+ content: "\f1b9";
+}
+
+.fa-car .v-button-caption:before {
+ content: "\f1b9";
+}
+
+.fa-cab .v-button-caption:before {
+ content: "\f1ba";
+}
+
+.fa-taxi .v-button-caption:before {
+ content: "\f1ba";
+}
+
+.fa-tree .v-button-caption:before {
+ content: "\f1bb";
+}
+
+.fa-spotify .v-button-caption:before {
+ content: "\f1bc";
+}
+
+.fa-deviantart .v-button-caption:before {
+ content: "\f1bd";
+}
+
+.fa-soundcloud .v-button-caption:before {
+ content: "\f1be";
+}
+
+.fa-database2 .v-button-caption:before {
+ content: "\f1c0";
+}
+
+.fa-file-pdf-o .v-button-caption:before {
+ content: "\f1c1";
+}
+
+.fa-file-word-o .v-button-caption:before {
+ content: "\f1c2";
+}
+
+.fa-file-excel-o .v-button-caption:before {
+ content: "\f1c3";
+}
+
+.fa-file-powerpoint-o .v-button-caption:before {
+ content: "\f1c4";
+}
+
+.fa-file-image-o .v-button-caption:before {
+ content: "\f1c5";
+}
+
+.fa-file-photo-o .v-button-caption:before {
+ content: "\f1c5";
+}
+
+.fa-file-picture-o .v-button-caption:before {
+ content: "\f1c5";
+}
+
+.fa-file-archive-o .v-button-caption:before {
+ content: "\f1c6";
+}
+
+.fa-file-zip-o .v-button-caption:before {
+ content: "\f1c6";
+}
+
+.fa-file-audio-o .v-button-caption:before {
+ content: "\f1c7";
+}
+
+.fa-file-sound-o .v-button-caption:before {
+ content: "\f1c7";
+}
+
+.fa-file-movie-o .v-button-caption:before {
+ content: "\f1c8";
+}
+
+.fa-file-video-o .v-button-caption:before {
+ content: "\f1c8";
+}
+
+.fa-file-code-o .v-button-caption:before {
+ content: "\f1c9";
+}
+
+.fa-vine .v-button-caption:before {
+ content: "\f1ca";
+}
+
+.fa-codepen .v-button-caption:before {
+ content: "\f1cb";
+}
+
+.fa-jsfiddle .v-button-caption:before {
+ content: "\f1cc";
+}
+
+.fa-life-bouy .v-button-caption:before {
+ content: "\f1cd";
+}
+
+.fa-life-buoy .v-button-caption:before {
+ content: "\f1cd";
+}
+
+.fa-life-ring .v-button-caption:before {
+ content: "\f1cd";
+}
+
+.fa-life-saver .v-button-caption:before {
+ content: "\f1cd";
+}
+
+.fa-support .v-button-caption:before {
+ content: "\f1cd";
+}
+
+.fa-circle-o-notch .v-button-caption:before {
+ content: "\f1ce";
+}
+
+.fa-ra .v-button-caption:before {
+ content: "\f1d0";
+}
+
+.fa-rebel .v-button-caption:before {
+ content: "\f1d0";
+}
+
+.fa-empire .v-button-caption:before {
+ content: "\f1d1";
+}
+
+.fa-ge .v-button-caption:before {
+ content: "\f1d1";
+}
+
+.fa-git-square .v-button-caption:before {
+ content: "\f1d2";
+}
+
+.fa-git .v-button-caption:before {
+ content: "\f1d3";
+}
+
+.fa-hacker-news .v-button-caption:before {
+ content: "\f1d4";
+}
+
+.fa-y-combinator-square .v-button-caption:before {
+ content: "\f1d4";
+}
+
+.fa-yc-square .v-button-caption:before {
+ content: "\f1d4";
+}
+
+.fa-tencent-weibo .v-button-caption:before {
+ content: "\f1d5";
+}
+
+.fa-qq .v-button-caption:before {
+ content: "\f1d6";
+}
+
+.fa-wechat .v-button-caption:before {
+ content: "\f1d7";
+}
+
+.fa-weixin .v-button-caption:before {
+ content: "\f1d7";
+}
+
+.fa-paper-plane .v-button-caption:before {
+ content: "\f1d8";
+}
+
+.fa-send .v-button-caption:before {
+ content: "\f1d8";
+}
+
+.fa-paper-plane-o .v-button-caption:before {
+ content: "\f1d9";
+}
+
+.fa-send-o .v-button-caption:before {
+ content: "\f1d9";
+}
+
+.fa-history .v-button-caption:before {
+ content: "\f1da";
+}
+
+.fa-circle-thin .v-button-caption:before {
+ content: "\f1db";
+}
+
+.fa-header .v-button-caption:before {
+ content: "\f1dc";
+}
+
+.fa-paragraph .v-button-caption:before {
+ content: "\f1dd";
+}
+
+.fa-sliders2 .v-button-caption:before {
+ content: "\f1de";
+}
+
+.fa-share-alt .v-button-caption:before {
+ content: "\f1e0";
+}
+
+.fa-share-alt-square .v-button-caption:before {
+ content: "\f1e1";
+}
+
+.fa-bomb .v-button-caption:before {
+ content: "\f1e2";
+}
+
+.fa-futbol-o .v-button-caption:before {
+ content: "\f1e3";
+}
+
+.fa-soccer-ball-o .v-button-caption:before {
+ content: "\f1e3";
+}
+
+.fa-tty .v-button-caption:before {
+ content: "\f1e4";
+}
+
+.fa-binoculars .v-button-caption:before {
+ content: "\f1e5";
+}
+
+.fa-plug .v-button-caption:before {
+ content: "\f1e6";
+}
+
+.fa-slideshare .v-button-caption:before {
+ content: "\f1e7";
+}
+
+.fa-twitch .v-button-caption:before {
+ content: "\f1e8";
+}
+
+.fa-yelp .v-button-caption:before {
+ content: "\f1e9";
+}
+
+.fa-newspaper-o .v-button-caption:before {
+ content: "\f1ea";
+}
+
+.fa-wifi .v-button-caption:before {
+ content: "\f1eb";
+}
+
+.fa-calculator .v-button-caption:before {
+ content: "\f1ec";
+}
+
+.fa-paypal .v-button-caption:before {
+ content: "\f1ed";
+}
+
+.fa-google-wallet .v-button-caption:before {
+ content: "\f1ee";
+}
+
+.fa-cc-visa .v-button-caption:before {
+ content: "\f1f0";
+}
+
+.fa-cc-mastercard .v-button-caption:before {
+ content: "\f1f1";
+}
+
+.fa-cc-discover .v-button-caption:before {
+ content: "\f1f2";
+}
+
+.fa-cc-amex .v-button-caption:before {
+ content: "\f1f3";
+}
+
+.fa-cc-paypal .v-button-caption:before {
+ content: "\f1f4";
+}
+
+.fa-cc-stripe .v-button-caption:before {
+ content: "\f1f5";
+}
+
+.fa-bell-slash .v-button-caption:before {
+ content: "\f1f6";
+}
+
+.fa-bell-slash-o .v-button-caption:before {
+ content: "\f1f7";
+}
+
+.fa-trash .v-button-caption:before {
+ content: "\f1f8";
+}
+
+.fa-copyright .v-button-caption:before {
+ content: "\f1f9";
+}
+
+.fa-at .v-button-caption:before {
+ content: "\f1fa";
+}
+
+.fa-eyedropper .v-button-caption:before {
+ content: "\f1fb";
+}
+
+.fa-paint-brush .v-button-caption:before {
+ content: "\f1fc";
+}
+
+.fa-birthday-cake .v-button-caption:before {
+ content: "\f1fd";
+}
+
+.fa-area-chart .v-button-caption:before {
+ content: "\f1fe";
+}
+
+.fa-pie-chart .v-button-caption:before {
+ content: "\f200";
+}
+
+.fa-line-chart .v-button-caption:before {
+ content: "\f201";
+}
+
+.fa-lastfm .v-button-caption:before {
+ content: "\f202";
+}
+
+.fa-lastfm-square .v-button-caption:before {
+ content: "\f203";
+}
+
+.fa-toggle-off .v-button-caption:before {
+ content: "\f204";
+}
+
+.fa-toggle-on .v-button-caption:before {
+ content: "\f205";
+}
+
+.fa-bicycle .v-button-caption:before {
+ content: "\f206";
+}
+
+.fa-bus .v-button-caption:before {
+ content: "\f207";
+}
+
+.fa-ioxhost .v-button-caption:before {
+ content: "\f208";
+}
+
+.fa-angellist .v-button-caption:before {
+ content: "\f209";
+}
+
+.fa-cc .v-button-caption:before {
+ content: "\f20a";
+}
+
+.fa-ils .v-button-caption:before {
+ content: "\f20b";
+}
+
+.fa-shekel .v-button-caption:before {
+ content: "\f20b";
+}
+
+.fa-sheqel .v-button-caption:before {
+ content: "\f20b";
+}
+
+.fa-meanpath .v-button-caption:before {
+ content: "\f20c";
+}
+
+.fa-buysellads .v-button-caption:before {
+ content: "\f20d";
+}
+
+.fa-connectdevelop .v-button-caption:before {
+ content: "\f20e";
+}
+
+.fa-dashcube .v-button-caption:before {
+ content: "\f210";
+}
+
+.fa-forumbee .v-button-caption:before {
+ content: "\f211";
+}
+
+.fa-leanpub .v-button-caption:before {
+ content: "\f212";
+}
+
+.fa-sellsy .v-button-caption:before {
+ content: "\f213";
+}
+
+.fa-shirtsinbulk .v-button-caption:before {
+ content: "\f214";
+}
+
+.fa-simplybuilt .v-button-caption:before {
+ content: "\f215";
+}
+
+.fa-skyatlas .v-button-caption:before {
+ content: "\f216";
+}
+
+.fa-cart-plus .v-button-caption:before {
+ content: "\f217";
+}
+
+.fa-cart-arrow-down .v-button-caption:before {
+ content: "\f218";
+}
+
+.fa-diamond .v-button-caption:before {
+ content: "\f219";
+}
+
+.fa-ship .v-button-caption:before {
+ content: "\f21a";
+}
+
+.fa-user-secret .v-button-caption:before {
+ content: "\f21b";
+}
+
+.fa-motorcycle .v-button-caption:before {
+ content: "\f21c";
+}
+
+.fa-street-view .v-button-caption:before {
+ content: "\f21d";
+}
+
+.fa-heartbeat .v-button-caption:before {
+ content: "\f21e";
+}
+
+.fa-venus .v-button-caption:before {
+ content: "\f221";
+}
+
+.fa-mars .v-button-caption:before {
+ content: "\f222";
+}
+
+.fa-mercury .v-button-caption:before {
+ content: "\f223";
+}
+
+.fa-intersex .v-button-caption:before {
+ content: "\f224";
+}
+
+.fa-transgender .v-button-caption:before {
+ content: "\f224";
+}
+
+.fa-transgender-alt .v-button-caption:before {
+ content: "\f225";
+}
+
+.fa-venus-double .v-button-caption:before {
+ content: "\f226";
+}
+
+.fa-mars-double .v-button-caption:before {
+ content: "\f227";
+}
+
+.fa-venus-mars .v-button-caption:before {
+ content: "\f228";
+}
+
+.fa-mars-stroke .v-button-caption:before {
+ content: "\f229";
+}
+
+.fa-mars-stroke-v .v-button-caption:before {
+ content: "\f22a";
+}
+
+.fa-mars-stroke-h .v-button-caption:before {
+ content: "\f22b";
+}
+
+.fa-neuter .v-button-caption:before {
+ content: "\f22c";
+}
+
+.fa-genderless .v-button-caption:before {
+ content: "\f22d";
+}
+
+.fa-facebook-official .v-button-caption:before {
+ content: "\f230";
+}
+
+.fa-pinterest-p .v-button-caption:before {
+ content: "\f231";
+}
+
+.fa-whatsapp .v-button-caption:before {
+ content: "\f232";
+}
+
+.fa-server .v-button-caption:before {
+ content: "\f233";
+}
+
+.fa-user-plus .v-button-caption:before {
+ content: "\f234";
+}
+
+.fa-user-times .v-button-caption:before {
+ content: "\f235";
+}
+
+.fa-bed .v-button-caption:before {
+ content: "\f236";
+}
+
+.fa-hotel .v-button-caption:before {
+ content: "\f236";
+}
+
+.fa-viacoin .v-button-caption:before {
+ content: "\f237";
+}
+
+.fa-train .v-button-caption:before {
+ content: "\f238";
+}
+
+.fa-subway .v-button-caption:before {
+ content: "\f239";
+}
+
+.fa-medium .v-button-caption:before {
+ content: "\f23a";
+}
+
+.fa-y-combinator .v-button-caption:before {
+ content: "\f23b";
+}
+
+.fa-yc .v-button-caption:before {
+ content: "\f23b";
+}
+
+.fa-optin-monster .v-button-caption:before {
+ content: "\f23c";
+}
+
+.fa-opencart .v-button-caption:before {
+ content: "\f23d";
+}
+
+.fa-expeditedssl .v-button-caption:before {
+ content: "\f23e";
+}
+
+.fa-battery-4 .v-button-caption:before {
+ content: "\f240";
+}
+
+.fa-battery-full .v-button-caption:before {
+ content: "\f240";
+}
+
+.fa-battery-3 .v-button-caption:before {
+ content: "\f241";
+}
+
+.fa-battery-three-quarters .v-button-caption:before {
+ content: "\f241";
+}
+
+.fa-battery-2 .v-button-caption:before {
+ content: "\f242";
+}
+
+.fa-battery-half .v-button-caption:before {
+ content: "\f242";
+}
+
+.fa-battery-1 .v-button-caption:before {
+ content: "\f243";
+}
+
+.fa-battery-quarter .v-button-caption:before {
+ content: "\f243";
+}
+
+.fa-battery-0 .v-button-caption:before {
+ content: "\f244";
+}
+
+.fa-battery-empty .v-button-caption:before {
+ content: "\f244";
+}
+
+.fa-mouse-pointer .v-button-caption:before {
+ content: "\f245";
+}
+
+.fa-i-cursor .v-button-caption:before {
+ content: "\f246";
+}
+
+.fa-object-group .v-button-caption:before {
+ content: "\f247";
+}
+
+.fa-object-ungroup .v-button-caption:before {
+ content: "\f248";
+}
+
+.fa-sticky-note .v-button-caption:before {
+ content: "\f249";
+}
+
+.fa-sticky-note-o .v-button-caption:before {
+ content: "\f24a";
+}
+
+.fa-cc-jcb .v-button-caption:before {
+ content: "\f24b";
+}
+
+.fa-cc-diners-club .v-button-caption:before {
+ content: "\f24c";
+}
+
+.fa-clone .v-button-caption:before {
+ content: "\f24d";
+}
+
+.fa-balance-scale .v-button-caption:before {
+ content: "\f24e";
+}
+
+.fa-hourglass-o .v-button-caption:before {
+ content: "\f250";
+}
+
+.fa-hourglass-1 .v-button-caption:before {
+ content: "\f251";
+}
+
+.fa-hourglass-start .v-button-caption:before {
+ content: "\f251";
+}
+
+.fa-hourglass-2 .v-button-caption:before {
+ content: "\f252";
+}
+
+.fa-hourglass-half .v-button-caption:before {
+ content: "\f252";
+}
+
+.fa-hourglass-3 .v-button-caption:before {
+ content: "\f253";
+}
+
+.fa-hourglass-end .v-button-caption:before {
+ content: "\f253";
+}
+
+.fa-hourglass .v-button-caption:before {
+ content: "\f254";
+}
+
+.fa-hand-grab-o .v-button-caption:before {
+ content: "\f255";
+}
+
+.fa-hand-rock-o .v-button-caption:before {
+ content: "\f255";
+}
+
+.fa-hand-paper-o .v-button-caption:before {
+ content: "\f256";
+}
+
+.fa-hand-stop-o .v-button-caption:before {
+ content: "\f256";
+}
+
+.fa-hand-scissors-o .v-button-caption:before {
+ content: "\f257";
+}
+
+.fa-hand-lizard-o .v-button-caption:before {
+ content: "\f258";
+}
+
+.fa-hand-spock-o .v-button-caption:before {
+ content: "\f259";
+}
+
+.fa-hand-pointer-o .v-button-caption:before {
+ content: "\f25a";
+}
+
+.fa-hand-peace-o .v-button-caption:before {
+ content: "\f25b";
+}
+
+.fa-trademark .v-button-caption:before {
+ content: "\f25c";
+}
+
+.fa-registered .v-button-caption:before {
+ content: "\f25d";
+}
+
+.fa-creative-commons .v-button-caption:before {
+ content: "\f25e";
+}
+
+.fa-gg .v-button-caption:before {
+ content: "\f260";
+}
+
+.fa-gg-circle .v-button-caption:before {
+ content: "\f261";
+}
+
+.fa-tripadvisor .v-button-caption:before {
+ content: "\f262";
+}
+
+.fa-odnoklassniki .v-button-caption:before {
+ content: "\f263";
+}
+
+.fa-odnoklassniki-square .v-button-caption:before {
+ content: "\f264";
+}
+
+.fa-get-pocket .v-button-caption:before {
+ content: "\f265";
+}
+
+.fa-wikipedia-w .v-button-caption:before {
+ content: "\f266";
+}
+
+.fa-safari .v-button-caption:before {
+ content: "\f267";
+}
+
+.fa-chrome .v-button-caption:before {
+ content: "\f268";
+}
+
+.fa-firefox .v-button-caption:before {
+ content: "\f269";
+}
+
+.fa-opera .v-button-caption:before {
+ content: "\f26a";
+}
+
+.fa-internet-explorer .v-button-caption:before {
+ content: "\f26b";
+}
+
+.fa-television .v-button-caption:before {
+ content: "\f26c";
+}
+
+.fa-tv .v-button-caption:before {
+ content: "\f26c";
+}
+
+.fa-contao .v-button-caption:before {
+ content: "\f26d";
+}
+
+.fa-500px .v-button-caption:before {
+ content: "\f26e";
+}
+
+.fa-amazon .v-button-caption:before {
+ content: "\f270";
+}
+
+.fa-calendar-plus-o .v-button-caption:before {
+ content: "\f271";
+}
+
+.fa-calendar-minus-o .v-button-caption:before {
+ content: "\f272";
+}
+
+.fa-calendar-times-o .v-button-caption:before {
+ content: "\f273";
+}
+
+.fa-calendar-check-o .v-button-caption:before {
+ content: "\f274";
+}
+
+.fa-industry .v-button-caption:before {
+ content: "\f275";
+}
+
+.fa-map-pin .v-button-caption:before {
+ content: "\f276";
+}
+
+.fa-map-signs .v-button-caption:before {
+ content: "\f277";
+}
+
+.fa-map-o .v-button-caption:before {
+ content: "\f278";
+}
+
+.fa-map2 .v-button-caption:before {
+ content: "\f279";
+}
+
+.fa-commenting .v-button-caption:before {
+ content: "\f27a";
+}
+
+.fa-commenting-o .v-button-caption:before {
+ content: "\f27b";
+}
+
+.fa-houzz .v-button-caption:before {
+ content: "\f27c";
+}
+
+.fa-vimeo .v-button-caption:before {
+ content: "\f27d";
+}
+
+.fa-black-tie .v-button-caption:before {
+ content: "\f27e";
+}
+
+.fa-fonticons .v-button-caption:before {
+ content: "\f280";
+}
+
+.fa-reddit-alien .v-button-caption:before {
+ content: "\f281";
+}
+
+.fa-edge .v-button-caption:before {
+ content: "\f282";
+}
+
+.fa-credit-card-alt .v-button-caption:before {
+ content: "\f283";
+}
+
+.fa-codiepie .v-button-caption:before {
+ content: "\f284";
+}
+
+.fa-modx .v-button-caption:before {
+ content: "\f285";
+}
+
+.fa-fort-awesome .v-button-caption:before {
+ content: "\f286";
+}
+
+.fa-usb .v-button-caption:before {
+ content: "\f287";
+}
+
+.fa-product-hunt .v-button-caption:before {
+ content: "\f288";
+}
+
+.fa-mixcloud .v-button-caption:before {
+ content: "\f289";
+}
+
+.fa-scribd .v-button-caption:before {
+ content: "\f28a";
+}
+
+.fa-pause-circle .v-button-caption:before {
+ content: "\f28b";
+}
+
+.fa-pause-circle-o .v-button-caption:before {
+ content: "\f28c";
+}
+
+.fa-stop-circle .v-button-caption:before {
+ content: "\f28d";
+}
+
+.fa-stop-circle-o .v-button-caption:before {
+ content: "\f28e";
+}
+
+.fa-shopping-bag .v-button-caption:before {
+ content: "\f290";
+}
+
+.fa-shopping-basket .v-button-caption:before {
+ content: "\f291";
+}
+
+.fa-hashtag .v-button-caption:before {
+ content: "\f292";
+}
+
+.fa-bluetooth .v-button-caption:before {
+ content: "\f293";
+}
+
+.fa-bluetooth-b .v-button-caption:before {
+ content: "\f294";
+}
+
+.fa-percent .v-button-caption:before {
+ content: "\f295";
+}
+
+.vi-browser:before {
+ content: "\f0cf";
+}
+
+.vi-bullets:before {
+ content: "\e62b";
+}
+
+.vi-combobox:before {
+ content: "\e637";
+}
+
+.vi-file-tree:before {
+ content: "\e648";
+}
+
+.vi-form:before {
+ content: "\e64c";
+}
+
+.vi-grid-bevel:before {
+ content: "\e64f";
+}
+
+.vi-grid:before {
+ content: "\e652";
+}
+
+.vi-layout:before {
+ content: "\e656";
+}
+
+.vi-level-right-bold:before {
+ content: "\e657";
+}
+
+.vi-options:before {
+ content: "\e65f";
+}
+
+.vi-panel:before {
+ content: "\e669";
+}
+
+.vi-road-branch:before {
+ content: "\e671";
+}
+
+.vi-split:before {
+ content: "\e676";
+}
+
+.vi-tabs:before {
+ content: "\e67a";
+}
+
+.vi-text-input:before {
+ content: "\e67c";
+}
+
+.vi-tree-table:before {
+ content: "\e681";
+}
+
+.vi-twin-col-select:before {
+ content: "\e682";
+}
+
+.vi-cube:before {
+ content: "\f1bf";
+}
+
+.vi-filter:before {
+ content: "\f0b3";
+}
+
+.vi-hash:before {
+ content: "\e6aa";
+}
+
+.vi-puzzle-piece:before {
+ content: "\f12f";
+}
+
+.vi-sliders:before {
+ content: "\e6d0";
+}
+
+.vi-archive:before {
+ content: "\e6ef";
+}
+
+.vi-book:before {
+ content: "\f04f";
+}
+
+.vi-modal-list:before {
+ content: "\e72c";
+}
+
+.vi-random:before {
+ content: "\f07f";
+}
+
+.vi-server:before {
+ content: "\e738";
+}
+
+.vi-database:before {
+ content: "\f1cf";
+}
+
+.vi-sitemap:before {
+ content: "\f116";
+}
+
+.vi-tasks:before {
+ content: "\e73e";
+}
+
+.vi-ticket:before {
+ content: "\e741";
+}
+
+.vi-bar-chart:before {
+ content: "\e758";
+}
+
+.vi-comment-o:before {
+ content: "\e769";
+}
+
+.vi-comment:before {
+ content: "\e76a";
+}
+
+.vi-retweet:before {
+ content: "\f08f";
+}
+
+.vi-sign-in:before {
+ content: "\f09f";
+}
+
+.vi-sign-out:before {
+ content: "\e79a";
+}
+
+.vi-table:before {
+ content: "\f0ef";
+}
+
+.vi-menu:before {
+ content: "\e7b4";
+}
+
+.vi-file-text-o:before {
+ content: "\e7e2";
+}
+
+.vi-list-ul:before {
+ content: "\e7f2";
+}
+
+.vi-list:before {
+ content: "\e7f3";
+}
+
+.vi-book-dollar:before {
+ content: "\e600";
+}
+
+.vi-book-percent:before {
+ content: "\e601";
+}
+
+.vi-briefcase:before {
+ content: "\e602";
+}
+
+.vi-plus-minus:before {
+ content: "\e603";
+}
+
+.vi-calendar-briefcase:before {
+ content: "\e604";
+}
+
+.vi-calendar-clock:before {
+ content: "\e605";
+}
+
+.vi-calendar-user:before {
+ content: "\e606";
+}
+
+.vi-dental-chair:before {
+ content: "\e607";
+}
+
+.vi-doctor-briefcase:before {
+ content: "\e608";
+}
+
+.vi-doctor:before {
+ content: "\e609";
+}
+
+.vi-dollar:before {
+ content: "\e60a";
+}
+
+.vi-exit-o:before {
+ content: "\e60b";
+}
+
+.vi-exit:before {
+ content: "\e60c";
+}
+
+.vi-golf:before {
+ content: "\e60d";
+}
+
+.vi-group:before {
+ content: "\e60e";
+}
+
+.vi-health-card:before {
+ content: "\e60f";
+}
+
+.vi-invoice:before {
+ content: "\e610";
+}
+
+.vi-level-down-bold:before {
+ content: "\e611";
+}
+
+.vi-level-left-bold:before {
+ content: "\e612";
+}
+
+.vi-level-up-bold:before {
+ content: "\e613";
+}
+
+.vi-out:before {
+ content: "\e614";
+}
+
+.vi-pill:before {
+ content: "\e615";
+}
+
+.vi-pills:before {
+ content: "\e616";
+}
+
+.vi-specialist:before {
+ content: "\e617";
+}
+
+.vi-stethoscope:before {
+ content: "\e618";
+}
+
+.vi-teeth:before {
+ content: "\e619";
+}
+
+.vi-user-card:before {
+ content: "\e61a";
+}
+
+.vi-user-check:before {
+ content: "\e61b";
+}
+
+.vi-user-clock:before {
+ content: "\e61c";
+}
+
+.vi-user-heart:before {
+ content: "\e61d";
+}
+
+.vi-absolute-position:before {
+ content: "\e61e";
+}
+
+.vi-accordion-menu:before {
+ content: "\e61f";
+}
+
+.vi-add-dock:before {
+ content: "\e620";
+}
+
+.vi-archives:before {
+ content: "\e621";
+}
+
+.vi-arrow-backward:before {
+ content: "\e622";
+}
+
+.vi-arrow-forward:before {
+ content: "\e623";
+}
+
+.vi-at:before {
+ content: "\e624";
+}
+
+.vi-bell-slash-o:before {
+ content: "\e625";
+}
+
+.vi-bell-slash:before {
+ content: "\e626";
+}
+
+.vi-boat:before {
+ content: "\e627";
+}
+
+.vi-browser3:before {
+ content: "\e62a";
+}
+
+.vi-bullets:before {
+ content: "\e62b";
+}
+
+.vi-button:before {
+ content: "\e62c";
+}
+
+.vi-calc-book:before {
+ content: "\e62d";
+}
+
+.vi-calendar-envelope:before {
+ content: "\e62e";
+}
+
+.vi-car:before {
+ content: "\e62f";
+}
+
+.vi-check-square:before {
+ content: "\e630";
+}
+
+.vi-child:before {
+ content: "\e631";
+}
+
+.vi-clipboard-cross:before {
+ content: "\e632";
+}
+
+.vi-clipboard-heart:before {
+ content: "\e633";
+}
+
+.vi-clipboard-pulse:before {
+ content: "\e634";
+}
+
+.vi-clipboard-text:before {
+ content: "\e635";
+}
+
+.vi-clipboard-user:before {
+ content: "\e638";
+}
+
+.vi-clipboard:before {
+ content: "\e639";
+}
+
+.vi-combobox:before {
+ content: "\e637";
+}
+
+.vi-compress-square:before {
+ content: "\e63a";
+}
+
+.vi-copyright:before {
+ content: "\e63b";
+}
+
+.vi-css:before {
+ content: "\e63c";
+}
+
+.vi-curly-brackets:before {
+ content: "\e63d";
+}
+
+.vi-date-input:before {
+ content: "\e63e";
+}
+
+.vi-elastic:before {
+ content: "\e63f";
+}
+
+.vi-envelope-open-o:before {
+ content: "\e640";
+}
+
+.vi-envelope-open:before {
+ content: "\e641";
+}
+
+.vi-external-browser:before {
+ content: "\e642";
+}
+
+.vi-eyedropper:before {
+ content: "\e643";
+}
+
+.vi-factory:before {
+ content: "\e644";
+}
+
+.vi-file-process:before {
+ content: "\e645";
+}
+
+.vi-file-refresh:before {
+ content: "\e646";
+}
+
+.vi-file-start:before {
+ content: "\e649";
+}
+
+.vi-file-tree-small:before {
+ content: "\e64a";
+}
+
+.vi-file-tree-sub:before {
+ content: "\e64d";
+}
+
+.vi-file-tree:before {
+ content: "\e648";
+}
+
+.vi-adobe-flash:before {
+ content: "\e650";
+}
+
+.vi-flip-h:before {
+ content: "\e653";
+}
+
+.vi-flip-v:before {
+ content: "\e658";
+}
+
+.vi-form:before {
+ content: "\e64c";
+}
+
+.vi-funcion:before {
+ content: "\e659";
+}
+
+.vi-grab:before {
+ content: "\e65a";
+}
+
+.vi-grid-bevel:before {
+ content: "\e64f";
+}
+
+.vi-grid-h:before {
+ content: "\e65b";
+}
+
+.vi-grid-v:before {
+ content: "\e65c";
+}
+
+.vi-grid:before {
+ content: "\e652";
+}
+
+.vi-hand:before {
+ content: "\e65d";
+}
+
+.vi-input:before {
+ content: "\e660";
+}
+
+.vi-layout:before {
+ content: "\e656";
+}
+
+.vi-level-right-bold:before {
+ content: "\e657";
+}
+
+.vi-list-select:before {
+ content: "\e661";
+}
+
+.vi-margin-bottom:before {
+ content: "\e662";
+}
+
+.vi-margin-left:before {
+ content: "\e663";
+}
+
+.vi-margin-right:before {
+ content: "\e664";
+}
+
+.vi-margin-top:before {
+ content: "\e665";
+}
+
+.vi-margin:before {
+ content: "\e666";
+}
+
+.vi-native-button:before {
+ content: "\e667";
+}
+
+.vi-notebook:before {
+ content: "\e66a";
+}
+
+.vi-options:before {
+ content: "\e65f";
+}
+
+.vi-orientation:before {
+ content: "\e66b";
+}
+
+.vi-outbox:before {
+ content: "\e66c";
+}
+
+.vi-padding-bottom:before {
+ content: "\e66d";
+}
+
+.vi-padding-left:before {
+ content: "\e66e";
+}
+
+.vi-padding-right:before {
+ content: "\e66f";
+}
+
+.vi-padding-top:before {
+ content: "\e672";
+}
+
+.vi-padding:before {
+ content: "\e673";
+}
+
+.vi-paint-roll:before {
+ content: "\e674";
+}
+
+.vi-palete:before {
+ content: "\e677";
+}
+
+.vi-panel:before {
+ content: "\e669";
+}
+
+.vi-password:before {
+ content: "\e678";
+}
+
+.vi-plug:before {
+ content: "\e67d";
+}
+
+.vi-pointer:before {
+ content: "\e67e";
+}
+
+.vi-progressbar:before {
+ content: "\e683";
+}
+
+.vi-resize-h:before {
+ content: "\e684";
+}
+
+.vi-resize-v:before {
+ content: "\e685";
+}
+
+.vi-rhombus:before {
+ content: "\e686";
+}
+
+.vi-road-branch:before {
+ content: "\e671";
+}
+
+.vi-road-branches:before {
+ content: "\e687";
+}
+
+.vi-road-split:before {
+ content: "\e688";
+}
+
+.vi-select:before {
+ content: "\e689";
+}
+
+.vi-slider:before {
+ content: "\e68a";
+}
+
+.vi-split:before {
+ content: "\e676";
+}
+
+.vi-start-cog:before {
+ content: "\e68b";
+}
+
+.vi-stop-cog:before {
+ content: "\e68c";
+}
+
+.vi-sword:before {
+ content: "\e68d";
+}
+
+.vi-tabs:before {
+ content: "\e67a";
+}
+
+.vi-taxi:before {
+ content: "\e68e";
+}
+
+.vi-text-input:before {
+ content: "\e67c";
+}
+
+.vi-text-label:before {
+ content: "\e68f";
+}
+
+.vi-tooth:before {
+ content: "\e690";
+}
+
+.vi-train:before {
+ content: "\e691";
+}
+
+.vi-tree-table:before {
+ content: "\e681";
+}
+
+.vi-twin-col-select:before {
+ content: "\e682";
+}
+
+.vi-viewport:before {
+ content: "\e692";
+}
+
+.vi-abacus:before {
+ content: "\e693";
+}
+
+.vi-accessibility:before {
+ content: "\e694";
+}
+
+.vi-airplane:before {
+ content: "\e695";
+}
+
+.vi-anchor:before {
+ content: "\e696";
+}
+
+.vi-asterisk:before {
+ content: "\e699";
+}
+
+.vi-automation:before {
+ content: "\e69a";
+}
+
+.vi-barcode:before {
+ content: "\e69b";
+}
+
+.vi-bomb:before {
+ content: "\e69c";
+}
+
+.vi-bug-o:before {
+ content: "\e69d";
+}
+
+.vi-bug:before {
+ content: "\e69e";
+}
+
+.vi-calc:before {
+ content: "\e69f";
+}
+
+.vi-chart-line:before {
+ content: "\e6a0";
+}
+
+.vi-chart:before {
+ content: "\e6a1";
+}
+
+.vi-code:before {
+ content: "\e6a4";
+}
+
+.vi-coffee:before {
+ content: "\e6a5";
+}
+
+.vi-cogs:before {
+ content: "\e6a6";
+}
+
+.vi-controller:before {
+ content: "\e6a7";
+}
+
+.vi-corner-lower-left:before {
+ content: "\e6a8";
+}
+
+.vi-corner-lower-right:before {
+ content: "\e6ab";
+}
+
+.vi-corner-upper-left:before {
+ content: "\e6ac";
+}
+
+.vi-corner-upper-right:before {
+ content: "\e6ad";
+}
+
+.vi-cube3:before {
+ content: "\e698";
+}
+
+.vi-cubes:before {
+ content: "\e6ae";
+}
+
+.vi-download-alt:before {
+ content: "\e6af";
+}
+
+.vi-eraser:before {
+ content: "\e6b0";
+}
+
+.vi-facebook-square:before {
+ content: "\e6b1";
+}
+
+.vi-facebook:before {
+ content: "\e6b2";
+}
+
+.vi-female:before {
+ content: "\e6b3";
+}
+
+.vi-file-font:before {
+ content: "\e6b4";
+}
+
+.vi-file-presentation:before {
+ content: "\e6b5";
+}
+
+.vi-file-table:before {
+ content: "\e6b6";
+}
+
+.vi-fill:before {
+ content: "\e6b7";
+}
+
+.vi-filter3:before {
+ content: "\e6a3";
+}
+
+.vi-fire:before {
+ content: "\e6b8";
+}
+
+.vi-frown-o:before {
+ content: "\e6b9";
+}
+
+.vi-gavel:before {
+ content: "\e6ba";
+}
+
+.vi-google-plus-square:before {
+ content: "\e6bb";
+}
+
+.vi-google-plus:before {
+ content: "\e6bc";
+}
+
+.vi-hands-up:before {
+ content: "\e6bd";
+}
+
+.vi-hash:before {
+ content: "\e6aa";
+}
+
+.vi-institution:before {
+ content: "\e6be";
+}
+
+.vi-key-o:before {
+ content: "\e6bf";
+}
+
+.vi-key:before {
+ content: "\e6c2";
+}
+
+.vi-lifebuoy:before {
+ content: "\e6c3";
+}
+
+.vi-lightbulb:before {
+ content: "\e6c4";
+}
+
+.vi-sign-in-alt:before {
+ content: "\e6c5";
+}
+
+.vi-sign-out-alt:before {
+ content: "\e6c6";
+}
+
+.vi-magic:before {
+ content: "\f0ff";
+}
+
+.vi-male:before {
+ content: "\e6c8";
+}
+
+.vi-medal:before {
+ content: "\e6c9";
+}
+
+.vi-megafone:before {
+ content: "\e6ca";
+}
+
+.vi-meh-o:before {
+ content: "\e6cb";
+}
+
+.vi-money:before {
+ content: "\e6cc";
+}
+
+.vi-package:before {
+ content: "\e6cd";
+}
+
+.vi-paintbrush:before {
+ content: "\e6ce";
+}
+
+.vi-paperplane:before {
+ content: "\e6d2";
+}
+
+.vi-paperplane:before {
+ content: "\e6d2";
+}
+
+.vi-paragraph:before {
+ content: "\e6d3";
+}
+
+.vi-paste:before {
+ content: "\e6d4";
+}
+
+.vi-pie-chart:before {
+ content: "\f20f";
+}
+
+.vi-pin-post:before {
+ content: "\e6d6";
+}
+
+.vi-presentation:before {
+ content: "\e6d7";
+}
+
+.vi-puzzle-piece3:before {
+ content: "\e6c1";
+}
+
+.vi-qrcode:before {
+ content: "\e6d8";
+}
+
+.vi-quote-left:before {
+ content: "\e6d9";
+}
+
+.vi-quote-right:before {
+ content: "\e6da";
+}
+
+.vi-raster-lower-left:before {
+ content: "\e6db";
+}
+
+.vi-raster:before {
+ content: "\e6dc";
+}
+
+.vi-recycle:before {
+ content: "\e6dd";
+}
+
+.vi-road:before {
+ content: "\e6de";
+}
+
+.vi-rocket:before {
+ content: "\e6df";
+}
+
+.vi-rss-square:before {
+ content: "\e6e0";
+}
+
+.vi-rss:before {
+ content: "\e6e1";
+}
+
+.vi-safe-lock:before {
+ content: "\e6e2";
+}
+
+.vi-safe:before {
+ content: "\e6e3";
+}
+
+.vi-share-square:before {
+ content: "\e6e4";
+}
+
+.vi-shield:before {
+ content: "\e6e5";
+}
+
+.vi-sliders:before {
+ content: "\e6d0";
+}
+
+.vi-smiley-o:before {
+ content: "\e6e6";
+}
+
+.vi-spinner-arc:before {
+ content: "\e6e7";
+}
+
+.vi-spinner-third:before {
+ content: "\e6e8";
+}
+
+.vi-spinner:before {
+ content: "\e6e9";
+}
+
+.vi-subscript:before {
+ content: "\e6ea";
+}
+
+.vi-superscript:before {
+ content: "\e6eb";
+}
+
+.vi-tag:before {
+ content: "\e6ec";
+}
+
+.vi-tags:before {
+ content: "\e6ed";
+}
+
+.vi-terminal:before {
+ content: "\e6f0";
+}
+
+.vi-thumbs-down-o:before {
+ content: "\e6f1";
+}
+
+.vi-thumbs-down:before {
+ content: "\e6f2";
+}
+
+.vi-thumbs-up-o:before {
+ content: "\e6f3";
+}
+
+.vi-thumbs-up:before {
+ content: "\e6f4";
+}
+
+.vi-truck:before {
+ content: "\e6f5";
+}
+
+.vi-twitter-square:before {
+ content: "\e6f6";
+}
+
+.vi-twitter:before {
+ content: "\e6f7";
+}
+
+.vi-umbrella:before {
+ content: "\e6f8";
+}
+
+.vi-upload-alt:before {
+ content: "\e6fb";
+}
+
+.vi-vimeo-square:before {
+ content: "\e6fc";
+}
+
+.vi-vimeo:before {
+ content: "\e6fd";
+}
+
+.vi-youtube-square:before {
+ content: "\e6fe";
+}
+
+.vi-youtube:before {
+ content: "\e6ff";
+}
+
+.vi-angle-double-down:before {
+ content: "\e700";
+}
+
+.vi-angle-double-left:before {
+ content: "\e701";
+}
+
+.vi-angle-double-right:before {
+ content: "\e702";
+}
+
+.vi-angle-double-up:before {
+ content: "\e703";
+}
+
+.vi-angle-down:before {
+ content: "\e704";
+}
+
+.vi-angle-left:before {
+ content: "\e705";
+}
+
+.vi-angle-right:before {
+ content: "\e706";
+}
+
+.vi-angle-up:before {
+ content: "\e707";
+}
+
+.vi-archive:before {
+ content: "\e6ef";
+}
+
+.vi-arrow-circle-down-o:before {
+ content: "\e708";
+}
+
+.vi-arrow-circle-down:before {
+ content: "\e709";
+}
+
+.vi-arrow-circle-left-o:before {
+ content: "\e70a";
+}
+
+.vi-arrow-circle-left:before {
+ content: "\e70b";
+}
+
+.vi-arrow-circle-right-o:before {
+ content: "\e70c";
+}
+
+.vi-arrow-circle-right:before {
+ content: "\e70d";
+}
+
+.vi-arrow-circle-up-o:before {
+ content: "\e70e";
+}
+
+.vi-arrow-circle-up:before {
+ content: "\e70f";
+}
+
+.vi-ban:before {
+ content: "\e710";
+}
+
+.vi-bold:before {
+ content: "\e711";
+}
+
+.vi-book3:before {
+ content: "\e6fa";
+}
+
+.vi-bullseye:before {
+ content: "\e712";
+}
+
+.vi-cart-o:before {
+ content: "\e713";
+}
+
+.vi-cart:before {
+ content: "\e714";
+}
+
+.vi-check-square-o:before {
+ content: "\e715";
+}
+
+.vi-cross-cutlery:before {
+ content: "\e716";
+}
+
+.vi-cutlery:before {
+ content: "\e717";
+}
+
+.vi-dashboard:before {
+ content: "\e718";
+}
+
+.vi-disc:before {
+ content: "\e719";
+}
+
+.vi-dot-circle:before {
+ content: "\e71a";
+}
+
+.vi-download:before {
+ content: "\e71b";
+}
+
+.vi-drop:before {
+ content: "\e71c";
+}
+
+.vi-exchange:before {
+ content: "\f117";
+}
+
+.vi-exclamation-circle-o:before {
+ content: "\e71e";
+}
+
+.vi-exclamation-circle:before {
+ content: "\e71f";
+}
+
+.vi-exclamation:before {
+ content: "\e720";
+}
+
+.vi-eye-slash:before {
+ content: "\e721";
+}
+
+.vi-file-code:before {
+ content: "\e722";
+}
+
+.vi-file-movie:before {
+ content: "\e723";
+}
+
+.vi-file-picture:before {
+ content: "\e724";
+}
+
+.vi-file-sound:before {
+ content: "\e725";
+}
+
+.vi-file-zip:before {
+ content: "\e726";
+}
+
+.vi-flag-checkered:before {
+ content: "\e727";
+}
+
+.vi-flag-o:before {
+ content: "\e728";
+}
+
+.vi-flag:before {
+ content: "\e729";
+}
+
+.vi-flash:before {
+ content: "\e72a";
+}
+
+.vi-font:before {
+ content: "\e72d";
+}
+
+.vi-gamepad:before {
+ content: "\e72e";
+}
+
+.vi-gift:before {
+ content: "\e72f";
+}
+
+.vi-handle-corner:before {
+ content: "\e730";
+}
+
+.vi-harddrive-o:before {
+ content: "\e731";
+}
+
+.vi-harddrive:before {
+ content: "\e732";
+}
+
+.vi-header:before {
+ content: "\e735";
+}
+
+.vi-headphones:before {
+ content: "\e73c";
+}
+
+.vi-inbox:before {
+ content: "\e73f";
+}
+
+.vi-info-circle-o:before {
+ content: "\e742";
+}
+
+.vi-info-circle:before {
+ content: "\e743";
+}
+
+.vi-info:before {
+ content: "\e744";
+}
+
+.vi-ist-ol:before {
+ content: "\e745";
+}
+
+.vi-italic:before {
+ content: "\e746";
+}
+
+.vi-keyboard-o:before {
+ content: "\e747";
+}
+
+.vi-keyboard:before {
+ content: "\e748";
+}
+
+.vi-line-h:before {
+ content: "\e749";
+}
+
+.vi-line-v:before {
+ content: "\e74a";
+}
+
+.vi-link:before {
+ content: "\e74b";
+}
+
+.vi-location-arrow-circle-o:before {
+ content: "\e74c";
+}
+
+.vi-location-arrow-circle:before {
+ content: "\e74d";
+}
+
+.vi-location-arrow:before {
+ content: "\e74e";
+}
+
+.vi-mailbox:before {
+ content: "\e74f";
+}
+
+.vi-microphone:before {
+ content: "\e750";
+}
+
+.vi-modal-list:before {
+ content: "\e72c";
+}
+
+.vi-mute:before {
+ content: "\e751";
+}
+
+.vi-paperclip:before {
+ content: "\e752";
+}
+
+.vi-play-circle-o:before {
+ content: "\e753";
+}
+
+.vi-question-circle-o:before {
+ content: "\e754";
+}
+
+.vi-question-circle:before {
+ content: "\e755";
+}
+
+.vi-play-circle:before {
+ content: "\e756";
+}
+
+.vi-question:before {
+ content: "\e759";
+}
+
+.vi-random3:before {
+ content: "\e734";
+}
+
+.vi-scissors:before {
+ content: "\e75a";
+}
+
+.vi-screwdriver:before {
+ content: "\e75b";
+}
+
+.vi-server:before {
+ content: "\e738";
+}
+
+.vi-database3:before {
+ content: "\e73a";
+}
+
+.vi-signal:before {
+ content: "\e75c";
+}
+
+.vi-sitemap3:before {
+ content: "\e73b";
+}
+
+.vi-spoon:before {
+ content: "\e75d";
+}
+
+.vi-strikethrough:before {
+ content: "\e75e";
+}
+
+.vi-sun-o:before {
+ content: "\e75f";
+}
+
+.vi-tasks:before {
+ content: "\e73e";
+}
+
+.vi-text-height:before {
+ content: "\e760";
+}
+
+.vi-text-width:before {
+ content: "\e761";
+}
+
+.vi-ticket:before {
+ content: "\e741";
+}
+
+.vi-toolbox:before {
+ content: "\e762";
+}
+
+.vi-tools:before {
+ content: "\e763";
+}
+
+.vi-trophy:before {
+ content: "\e764";
+}
+
+.vi-underline:before {
+ content: "\e765";
+}
+
+.vi-unlink:before {
+ content: "\e766";
+}
+
+.vi-upload:before {
+ content: "\e76b";
+}
+
+.vi-users:before {
+ content: "\e76c";
+}
+
+.vi-warning:before {
+ content: "\e76d";
+}
+
+.vi-wrench:before {
+ content: "\e76e";
+}
+
+.vi-adjust:before {
+ content: "\e76f";
+}
+
+.vi-align-center:before {
+ content: "\e770";
+}
+
+.vi-align-left:before {
+ content: "\e771";
+}
+
+.vi-align-right:before {
+ content: "\e772";
+}
+
+.vi-arrow-long-down:before {
+ content: "\e773";
+}
+
+.vi-arrow-long-left:before {
+ content: "\e774";
+}
+
+.vi-arrows-cross:before {
+ content: "\e775";
+}
+
+.vi-arrows-long-h:before {
+ content: "\e776";
+}
+
+.vi-arrows-long-right:before {
+ content: "\e777";
+}
+
+.vi-arrows-long-up:before {
+ content: "\e778";
+}
+
+.vi-arrows-long-v:before {
+ content: "\e779";
+}
+
+.vi-arrows:before {
+ content: "\e77a";
+}
+
+.vi-backwards:before {
+ content: "\e77b";
+}
+
+.vi-bar-chart:before {
+ content: "\e758";
+}
+
+.vi-bell-o:before {
+ content: "\e77c";
+}
+
+.vi-bolt:before {
+ content: "\e77d";
+}
+
+.vi-chat:before {
+ content: "\e77e";
+}
+
+.vi-check:before {
+ content: "\e77f";
+}
+
+.vi-circle-thin:before {
+ content: "\e780";
+}
+
+.vi-circle:before {
+ content: "\e781";
+}
+
+.vi-cloud-download-o:before {
+ content: "\e782";
+}
+
+.vi-cloud-download:before {
+ content: "\e783";
+}
+
+.vi-cloud-o:before {
+ content: "\e784";
+}
+
+.vi-cloud-upload-o:before {
+ content: "\e785";
+}
+
+.vi-cloud-upload:before {
+ content: "\e786";
+}
+
+.vi-cloud:before {
+ content: "\e787";
+}
+
+.vi-cog-o:before {
+ content: "\e788";
+}
+
+.vi-comment-ellipsis-o:before {
+ content: "\e789";
+}
+
+.vi-comment-ellipsis:before {
+ content: "\e78a";
+}
+
+.vi-comment-o:before {
+ content: "\e769";
+}
+
+.vi-comment:before {
+ content: "\e76a";
+}
+
+.vi-comments-o:before {
+ content: "\e78b";
+}
+
+.vi-comments:before {
+ content: "\e78c";
+}
+
+.vi-compress:before {
+ content: "\e78d";
+}
+
+.vi-connect-o:before {
+ content: "\e78e";
+}
+
+.vi-connect:before {
+ content: "\e78f";
+}
+
+.vi-credit-card:before {
+ content: "\e790";
+}
+
+.vi-crop:before {
+ content: "\e791";
+}
+
+.vi-deindent:before {
+ content: "\e792";
+}
+
+.vi-edit:before {
+ content: "\e795";
+}
+
+.vi-eject:before {
+ content: "\e796";
+}
+
+.vi-ellipsis-h:before {
+ content: "\e79b";
+}
+
+.vi-ellipsis-v:before {
+ content: "\e79c";
+}
+
+.vi-expand-full:before {
+ content: "\e79d";
+}
+
+.vi-expand:before {
+ content: "\e79e";
+}
+
+.vi-fast-backward:before {
+ content: "\e79f";
+}
+
+.vi-fast-forward:before {
+ content: "\e7a0";
+}
+
+.vi-film:before {
+ content: "\e7a1";
+}
+
+.vi-folder-open-o:before {
+ content: "\e7a2";
+}
+
+.vi-folder-open:before {
+ content: "\e7a3";
+}
+
+.vi-forward:before {
+ content: "\e7a4";
+}
+
+.vi-glass:before {
+ content: "\e7a7";
+}
+
+.vi-globe:before {
+ content: "\e7a8";
+}
+
+.vi-heart-o:before {
+ content: "\e7a9";
+}
+
+.vi-heart:before {
+ content: "\e7aa";
+}
+
+.vi-indent:before {
+ content: "\e7ab";
+}
+
+.vi-laptop:before {
+ content: "\e7ac";
+}
+
+.vi-level-down:before {
+ content: "\e7ad";
+}
+
+.vi-level-left:before {
+ content: "\e7ae";
+}
+
+.vi-level-right:before {
+ content: "\e7af";
+}
+
+.vi-level-up:before {
+ content: "\e7b0";
+}
+
+.vi-magnet:before {
+ content: "\e7b1";
+}
+
+.vi-map-marker:before {
+ content: "\e7b2";
+}
+
+.vi-moon-o:before {
+ content: "\e7b5";
+}
+
+.vi-moon:before {
+ content: "\e7b6";
+}
+
+.vi-movie:before {
+ content: "\e7b7";
+}
+
+.vi-music:before {
+ content: "\e7b8";
+}
+
+.vi-pause:before {
+ content: "\e7b9";
+}
+
+.vi-play:before {
+ content: "\e7ba";
+}
+
+.vi-power-off:before {
+ content: "\e7bb";
+}
+
+.vi-refresh:before {
+ content: "\e7bc";
+}
+
+.vi-reply-all:before {
+ content: "\e7bd";
+}
+
+.vi-reply:before {
+ content: "\e7be";
+}
+
+.vi-retweet3:before {
+ content: "\e794";
+}
+
+.vi-rotate-left:before {
+ content: "\e7bf";
+}
+
+.vi-rotate-right:before {
+ content: "\e7c0";
+}
+
+.vi-share:before {
+ content: "\e7c1";
+}
+
+.vi-sign-in3:before {
+ content: "\e799";
+}
+
+.vi-sign-out:before {
+ content: "\e79a";
+}
+
+.vi-sort:before {
+ content: "\e7c2";
+}
+
+.vi-sound-disable:before {
+ content: "\e7c3";
+}
+
+.vi-square-shadow:before {
+ content: "\e7c4";
+}
+
+.vi-star-half-left-o:before {
+ content: "\e7c5";
+}
+
+.vi-star-half-left:before {
+ content: "\e7c6";
+}
+
+.vi-star-half-right-o:before {
+ content: "\e7c7";
+}
+
+.vi-star-half-right:before {
+ content: "\e7c8";
+}
+
+.vi-star-o:before {
+ content: "\e7c9";
+}
+
+.vi-star:before {
+ content: "\e7ca";
+}
+
+.vi-step-backward:before {
+ content: "\e7cb";
+}
+
+.vi-step-forward:before {
+ content: "\e7cc";
+}
+
+.vi-stop:before {
+ content: "\e7cd";
+}
+
+.vi-table3:before {
+ content: "\e7a6";
+}
+
+.vi-thin-square:before {
+ content: "\e7ce";
+}
+
+.vi-time-backward:before {
+ content: "\e7cf";
+}
+
+.vi-time-forward:before {
+ content: "\e7d0";
+}
+
+.vi-volume-down:before {
+ content: "\e7d1";
+}
+
+.vi-volume-off:before {
+ content: "\e7d2";
+}
+
+.vi-volume-up:before {
+ content: "\e7d3";
+}
+
+.vi-volume:before {
+ content: "\e7d4";
+}
+
+.vi-close:before {
+ content: "\e7d5";
+}
+
+.vi-align-justify:before {
+ content: "\e7d6";
+}
+
+.vi-arrow-down:before {
+ content: "\e7d7";
+}
+
+.vi-arrow-left:before {
+ content: "\e7d8";
+}
+
+.vi-arrow-right:before {
+ content: "\e7d9";
+}
+
+.vi-arrow-up:before {
+ content: "\e7da";
+}
+
+.vi-menu:before {
+ content: "\e7b4";
+}
+
+.vi-bell:before {
+ content: "\e7db";
+}
+
+.vi-bookmark-o:before {
+ content: "\e7dc";
+}
+
+.vi-bookmark:before {
+ content: "\e7dd";
+}
+
+.vi-building-o:before {
+ content: "\e7de";
+}
+
+.vi-building:before {
+ content: "\e7df";
+}
+
+.vi-calendar-o:before {
+ content: "\e7e0";
+}
+
+.vi-calendar:before {
+ content: "\e7e3";
+}
+
+.vi-camera:before {
+ content: "\e7e4";
+}
+
+.vi-caret-down:before {
+ content: "\e7e5";
+}
+
+.vi-caret-left:before {
+ content: "\e7e6";
+}
+
+.vi-caret-right:before {
+ content: "\e7e7";
+}
+
+.vi-caret-square-down-o:before {
+ content: "\e7e8";
+}
+
+.vi-caret-square-left-o:before {
+ content: "\e7e9";
+}
+
+.vi-caret-square-right-o:before {
+ content: "\e7ea";
+}
+
+.vi-caret-square-up-o:before {
+ content: "\e7eb";
+}
+
+.vi-caret-up:before {
+ content: "\e7ec";
+}
+
+.vi-check-circle-o:before {
+ content: "\e7ed";
+}
+
+.vi-check-circle:before {
+ content: "\e7ee";
+}
+
+.vi-chevron-circle-down-o:before {
+ content: "\e7ef";
+}
+
+.vi-chevron-circle-down:before {
+ content: "\e7f4";
+}
+
+.vi-chevron-circle-left-o:before {
+ content: "\e7f5";
+}
+
+.vi-chevron-circle-left:before {
+ content: "\e7f6";
+}
+
+.vi-chevron-circle-right-o:before {
+ content: "\e7f7";
+}
+
+.vi-chevron-circle-right:before {
+ content: "\e7f8";
+}
+
+.vi-chevron-circle-up-o:before {
+ content: "\e7f9";
+}
+
+.vi-chevron-circle-up:before {
+ content: "\e7fa";
+}
+
+.vi-chevron-down:before {
+ content: "\e7fb";
+}
+
+.vi-chevron-left:before {
+ content: "\e7fc";
+}
+
+.vi-chevron-right:before {
+ content: "\e7fd";
+}
+
+.vi-chevron-up:before {
+ content: "\e7fe";
+}
+
+.vi-clock:before {
+ content: "\e7ff";
+}
+
+.vi-cog:before {
+ content: "\e800";
+}
+
+.vi-copy-o:before {
+ content: "\e801";
+}
+
+.vi-copy:before {
+ content: "\e802";
+}
+
+.vi-crosshairs:before {
+ content: "\e803";
+}
+
+.vi-desktop:before {
+ content: "\e804";
+}
+
+.vi-insert:before {
+ content: "\e805";
+}
+
+.vi-ellipsis-circle-o:before {
+ content: "\e806";
+}
+
+.vi-ellipsis-circle:before {
+ content: "\e807";
+}
+
+.vi-envelope-o:before {
+ content: "\e808";
+}
+
+.vi-envelope:before {
+ content: "\e809";
+}
+
+.vi-expand-square:before {
+ content: "\e80a";
+}
+
+.vi-external-link:before {
+ content: "\e80b";
+}
+
+.vi-eye:before {
+ content: "\e80c";
+}
+
+.vi-file-o:before {
+ content: "\e80d";
+}
+
+.vi-file-text-o:before {
+ content: "\e7e2";
+}
+
+.vi-file-text:before {
+ content: "\e80e";
+}
+
+.vi-file:before {
+ content: "\e80f";
+}
+
+.vi-flask:before {
+ content: "\e810";
+}
+
+.vi-folder-o:before {
+ content: "\e811";
+}
+
+.vi-folder:before {
+ content: "\e812";
+}
+
+.vi-glasses:before {
+ content: "\e813";
+}
+
+.vi-grid-big-o:before {
+ content: "\e814";
+}
+
+.vi-grid-big:before {
+ content: "\e815";
+}
+
+.vi-grid-small-o:before {
+ content: "\e816";
+}
+
+.vi-grid-small:before {
+ content: "\e817";
+}
+
+.vi-home-o:before {
+ content: "\e818";
+}
+
+.vi-home:before {
+ content: "\e819";
+}
+
+.vi-lines-list:before {
+ content: "\e81a";
+}
+
+.vi-lines:before {
+ content: "\e81b";
+}
+
+.vi-list-ul:before {
+ content: "\e7f2";
+}
+
+.vi-list:before {
+ content: "\e7f3";
+}
+
+.vi-lock:before {
+ content: "\e81c";
+}
+
+.vi-minus-circle-o:before {
+ content: "\e81d";
+}
+
+.vi-minus-circle:before {
+ content: "\e81e";
+}
+
+.vi-minus-square-left-o:before {
+ content: "\e81f";
+}
+
+.vi-minus:before {
+ content: "\e820";
+}
+
+.vi-mobile:before {
+ content: "\f11f";
+}
+
+.vi-modal:before {
+ content: "\e822";
+}
+
+.vi-open-book:before {
+ content: "\e823";
+}
+
+.vi-pencil:before {
+ content: "\e824";
+}
+
+.vi-phone:before {
+ content: "\e825";
+}
+
+.vi-picture:before {
+ content: "\e826";
+}
+
+.vi-pin:before {
+ content: "\e827";
+}
+
+.vi-plus-circle-o:before {
+ content: "\e828";
+}
+
+.vi-plus-circle:before {
+ content: "\e829";
+}
+
+.vi-plus-square-left-o:before {
+ content: "\e82a";
+}
+
+.vi-plus:before {
+ content: "\e82b";
+}
+
+.vi-print:before {
+ content: "\e82c";
+}
+
+.vi-search-minus:before {
+ content: "\e82d";
+}
+
+.vi-search-plus:before {
+ content: "\e82e";
+}
+
+.vi-search:before {
+ content: "\e82f";
+}
+
+.vi-area-select:before {
+ content: "\e830";
+}
+
+.vi-split-h:before {
+ content: "\e831";
+}
+
+.vi-split-v:before {
+ content: "\e832";
+}
+
+.vi-suitcase:before {
+ content: "\e833";
+}
+
+.vi-tablet:before {
+ content: "\e834";
+}
+
+.vi-trash:before {
+ content: "\e835";
+}
+
+.vi-unlock:before {
+ content: "\e836";
+}
+
+.vi-user:before {
+ content: "\e837";
+}
+
+.vi-vaadin-h:before {
+ content: "\e838";
+}
+
+.vi-vaadin-v:before {
+ content: "\e839";
+}
+
+.vi-close-circle-o:before {
+ content: "\e83a";
+}
+
+.vi-close-circle:before {
+ content: "\e83b";
+}
+
+.vi-browser:before {
+ content: "\f0cf";
+}
+
+.vi-loop-alt1:before {
+ content: "\e900";
+}
+
+.vi-transfer:before {
+ content: "\e901";
+}
+
+.vi-th-list:before {
+ content: "\f00f";
+}
+
+.vi-list-alt:before {
+ content: "\f03f";
+}
+
+.vi-book:before {
+ content: "\f04f";
+}
+
+.vi-random:before {
+ content: "\f07f";
+}
+
+.vi-retweet:before {
+ content: "\f08f";
+}
+
+.vi-sign-in:before {
+ content: "\f09f";
+}
+
+.vi-filter:before {
+ content: "\f0b3";
+}
+
+.vi-bars:before {
+ content: "\f0df";
+}
+
+.vi-navicon:before {
+ content: "\f0df";
+}
+
+.vi-reorder:before {
+ content: "\f0df";
+}
+
+.vi-table:before {
+ content: "\f0ef";
+}
+
+.vi-magic:before {
+ content: "\f0ff";
+}
+
+.vi-columns:before {
+ content: "\f10f";
+}
+
+.vi-sitemap:before {
+ content: "\f116";
+}
+
+.vi-exchange:before {
+ content: "\f117";
+}
+
+.vi-mobile:before {
+ content: "\f11f";
+}
+
+.vi-mobile-phone:before {
+ content: "\f11f";
+}
+
+.vi-puzzle-piece:before {
+ content: "\f12f";
+}
+
+.vi-unlock-alt:before {
+ content: "\f13f";
+}
+
+.vi-cube:before {
+ content: "\f1bf";
+}
+
+.vi-database:before {
+ content: "\f1cf";
+}
+
+.vi-paper-plane-o:before {
+ content: "\f1df";
+}
+
+.vi-send-o:before {
+ content: "\f1df";
+}
+
+.vi-newspaper-o:before {
+ content: "\f1ef";
+}
+
+.vi-pie-chart:before {
+ content: "\f20f";
+}
+
+.vi-line-chart:before {
+ content: "\f21f";
+}
+
+.vi-safari:before {
+ content: "\f26f";
+}
+
+.vi-chrome:before {
+ content: "\f27f";
+}
+
+.vi-firefox:before {
+ content: "\f28f";
+}
+
+.vi-opera:before {
+ content: "\f296";
+}
+
+.vi-internet-explorer:before {
+ content: "\f297";
+}
+
+.vi-map-o:before {
+ content: "\f298";
+}
+
+.vi-commenting-o:before {
+ content: "\f299";
+}
+
+.vi-edge:before {
+ content: "\f29a";
+}
+
+.osbp-cxo.v-app, .osbp-cxo.v-app-loading {
+ font: 300 16px/1.55 Arial;
+ color: #474747;
+ background-color: #fff;
+ cursor: default;
+}
+
+.osbp-cxo .v-app-loading {
+ width: 100%;
+ height: 100%;
+ background: #fff;
+}
+
+.osbp-cxo .v-app-loading:before {
+ content: "";
+ position: fixed;
+ z-index: 100;
+ top: 45%;
+ left: 50%;
+ width: 28px;
+ height: 28px;
+ padding: 8px;
+ margin-top: -22px;
+ margin-left: -22px;
+ background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50%;
+ border-radius: 4px;
+}
+
+.osbp-cxo .v-app-loading:after {
+ position: fixed;
+ z-index: 100;
+ top: 45%;
+ padding-top: 44px;
+ text-align: center;
+ left: 0;
+ right: 0;
+ content: "OSBP";
+}
+
+.osbp-cxo .v-loading-indicator {
+ position: fixed !important;
+ z-index: 99999;
+ left: 0;
+ right: auto;
+ top: 0;
+ width: 50%;
+ opacity: 1;
+ height: 4px;
+ background-color: #ffd210;
+ pointer-events: none;
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+ -webkit-animation: v-progress-start 1000ms 200ms both;
+ -moz-animation: v-progress-start 1000ms 200ms both;
+ animation: v-progress-start 1000ms 200ms both;
+}
+
+.osbp-cxo .v-loading-indicator[style*="none"] {
+ display: block !important;
+ width: 100% !important;
+ opacity: 0;
+ -webkit-animation: none;
+ -moz-animation: none;
+ animation: none;
+ -webkit-transition: opacity 500ms 300ms, width 300ms;
+ -moz-transition: opacity 500ms 300ms, width 300ms;
+ transition: opacity 500ms 300ms, width 300ms;
+}
+
+.osbp-cxo .v-loading-indicator-delay {
+ width: 90%;
+ -webkit-animation: v-progress-delay 3.8s forwards;
+ -moz-animation: v-progress-delay 3.8s forwards;
+ animation: v-progress-delay 3.8s forwards;
+}
+
+.v-ff .osbp-cxo .v-loading-indicator-delay {
+ width: 50%;
+}
+
+.osbp-cxo .v-loading-indicator-wait {
+ width: 96%;
+ -webkit-animation: v-progress-wait 5s forwards, v-progress-wait-pulse 1s 4s infinite backwards;
+ -moz-animation: v-progress-wait 5s forwards, v-progress-wait-pulse 1s 4s infinite backwards;
+ animation: v-progress-wait 5s forwards, v-progress-wait-pulse 1s 4s infinite backwards;
+}
+
+.v-ff .osbp-cxo .v-loading-indicator-wait {
+ width: 90%;
+}
+
+.v-ie8 .osbp-cxo .v-loading-indicator, .v-ie8 .osbp-cxo .v-loading-indicator-delay, .v-ie8 .osbp-cxo .v-loading-indicator-wait, .v-ie9 .osbp-cxo .v-loading-indicator, .v-ie9 .osbp-cxo .v-loading-indicator-delay, .v-ie9 .osbp-cxo .v-loading-indicator-wait {
+ width: 28px !important;
+ height: 28px;
+ padding: 8px;
+ background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50%;
+ border-radius: 4px;
+ top: 8px;
+ right: 8px;
+ left: auto;
+ filter: alpha(opacity=50);
+}
+
+.v-ie8 .osbp-cxo .v-loading-indicator[style*="none"], .v-ie8 .osbp-cxo .v-loading-indicator-delay[style*="none"], .v-ie8 .osbp-cxo .v-loading-indicator-wait[style*="none"], .v-ie9 .osbp-cxo .v-loading-indicator[style*="none"], .v-ie9 .osbp-cxo .v-loading-indicator-delay[style*="none"], .v-ie9 .osbp-cxo .v-loading-indicator-wait[style*="none"] {
+ display: none !important;
+}
+
+.v-ie8 .osbp-cxo .v-loading-indicator-wait, .v-ie9 .osbp-cxo .v-loading-indicator-wait {
+ filter: alpha(opacity=100);
+}
+
+.osbp-cxo .v-scrollable:focus {
+ outline: none;
+}
+
+.osbp-cxo img.v-icon {
+ vertical-align: middle;
+}
+
+.osbp-cxo .v-caption {
+ font-size: 14px;
+ font-weight: 400;
+ padding-bottom: 0.3em;
+ padding-left: 1px;
+}
+
+.osbp-cxo .v-caption-on-left .v-caption, .osbp-cxo .v-caption-on-right .v-caption {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-cxo .v-icon + .v-captiontext, .osbp-cxo .v-icon + span {
+ margin-left: 6px;
+}
+
+.osbp-cxo .v-icon + .v-captiontext:empty, .osbp-cxo .v-icon + span:empty {
+ margin-left: 0;
+}
+
+.osbp-cxo .v-errorindicator {
+ color: #ed473b;
+ font-weight: 600;
+ width: 16px;
+ text-align: center;
+}
+
+.osbp-cxo .v-errorindicator:before {
+ content: "!";
+}
+
+.osbp-cxo .v-required-field-indicator {
+ color: #ed473b;
+ padding: 0 0.2em;
+}
+
+.osbp-cxo select {
+ font: inherit;
+ font-weight: 400;
+ line-height: inherit;
+ padding: 4px;
+ margin: 0;
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ color: #464646;
+}
+
+.osbp-cxo select:focus {
+ outline: none;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+}
+
+.osbp-cxo button {
+ font: inherit;
+ font-weight: 400;
+ line-height: 1.55;
+}
+
+.osbp-cxo a {
+ cursor: pointer;
+ color: #ffd210;
+ text-decoration: underline;
+ font-weight: inherit;
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+}
+
+.osbp-cxo a:hover {
+ color: #ffdc43;
+}
+
+.osbp-cxo a.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-disabled {
+ cursor: default !important;
+}
+
+.osbp-cxo .v-drag-element {
+ background: #fff;
+ color: #474747;
+ -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+ border-radius: 4px;
+ overflow: hidden;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-tooltip {
+ background-color: #323232;
+ background-color: rgba(50, 50, 50, 0.9);
+ -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
+ color: white;
+ padding: 4px 8px;
+ border-radius: 3px;
+ max-width: 35em;
+ overflow: hidden !important;
+ font-size: 14px;
+}
+
+.osbp-cxo .v-tooltip div[style*="width"] {
+ width: auto !important;
+}
+
+.osbp-cxo .v-tooltip .v-errormessage {
+ background-color: white;
+ background-color: #fff;
+ color: #ed473b;
+ margin: -4px -8px;
+ padding: 4px 8px;
+ max-height: 10em;
+ overflow: auto;
+ font-weight: 400;
+}
+
+.osbp-cxo .v-tooltip .v-errormessage h2:only-child {
+ font: inherit;
+ line-height: inherit;
+}
+
+.osbp-cxo .v-tooltip .v-tooltip-text {
+ max-height: 10em;
+ overflow: auto;
+ margin-top: 8px;
+}
+
+.osbp-cxo .v-tooltip .v-errormessage[aria-hidden="true"] + .v-tooltip-text {
+ margin-top: 0;
+}
+
+.osbp-cxo .v-tooltip h1, .osbp-cxo .v-tooltip h2, .osbp-cxo .v-tooltip h3, .osbp-cxo .v-tooltip h4 {
+ color: inherit;
+}
+
+.osbp-cxo .v-contextmenu {
+ padding: 4px 4px;
+ border-radius: 4px;
+ background-color: white;
+ color: #474747;
+ -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ padding: 4px 4px;
+}
+
+.osbp-cxo .v-contextmenu[class*="animate-in"] {
+ -webkit-animation: valo-overlay-animate-in 120ms;
+ -moz-animation: valo-overlay-animate-in 120ms;
+ animation: valo-overlay-animate-in 120ms;
+}
+
+.osbp-cxo .v-contextmenu[class*="animate-out"] {
+ -webkit-animation: valo-animate-out-fade 120ms;
+ -moz-animation: valo-animate-out-fade 120ms;
+ animation: valo-animate-out-fade 120ms;
+}
+
+.osbp-cxo .v-contextmenu table {
+ border-spacing: 0;
+}
+
+.osbp-cxo .v-contextmenu .gwt-MenuItem {
+ cursor: pointer;
+ line-height: 23px;
+ padding: 0 16px 0 8px;
+ border-radius: 3px;
+ font-weight: 400;
+ white-space: nowrap;
+ position: relative;
+ display: block;
+}
+
+.osbp-cxo .v-contextmenu .gwt-MenuItem:active:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: #be9a00;
+ opacity: 0.15;
+ filter: alpha(opacity=15.0) ;
+ pointer-events: none;
+ border-radius: inherit;
+}
+
+.osbp-cxo .v-contextmenu .gwt-MenuItem .v-icon {
+ max-height: 23px;
+ margin-right: 4px;
+ min-width: 1em;
+}
+
+.osbp-cxo .v-contextmenu .gwt-MenuItem-selected {
+ background-color: #ffd210;
+ background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%);
+ background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%);
+ color: #151206;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .v-reconnect-dialog {
+ color: white;
+ top: 10px;
+ right: 10px;
+ max-width: 100%;
+ border-radius: 0;
+ -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
+ padding: 11px 13px;
+ background-color: #444;
+ background-color: rgba(68, 68, 68, 0.9);
+ line-height: 22px;
+ text-align: center;
+}
+
+.osbp-cxo .v-reconnect-dialog .text {
+ display: inline-block;
+ padding-left: 10px;
+}
+
+.osbp-cxo .v-reconnect-dialog .spinner {
+ height: 24px !important;
+ width: 24px !important;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border: 2px solid rgba(255, 210, 16, 0.2);
+ border-top-color: #ffd210;
+ border-right-color: #ffd210;
+ border-radius: 100%;
+ -webkit-animation: v-rotate-360 500ms infinite linear;
+ -moz-animation: v-rotate-360 500ms infinite linear;
+ animation: v-rotate-360 500ms infinite linear;
+ pointer-events: none;
+ display: none;
+ vertical-align: middle;
+}
+
+.v-ie8 .osbp-cxo .v-reconnect-dialog .spinner, .v-ie9 .osbp-cxo .v-reconnect-dialog .spinner {
+ border: none;
+ border-radius: 4px;
+ background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50% 50%;
+ background-size: 80%;
+}
+
+.v-ie8 .osbp-cxo .v-reconnect-dialog .spinner {
+ min-width: 30px;
+ min-height: 30px;
+}
+
+.osbp-cxo .v-reconnect-dialog.active .spinner {
+ display: inline-block;
+}
+
+.osbp-cxo .v-absolutelayout-wrapper {
+ position: absolute;
+}
+
+.osbp-cxo .v-absolutelayout-margin, .osbp-cxo .v-absolutelayout-canvas {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.osbp-cxo .v-absolutelayout.v-has-height > div, .osbp-cxo .v-absolutelayout.v-has-height .v-absolutelayout-margin {
+ height: 100%;
+}
+
+.osbp-cxo .v-absolutelayout.v-has-height > div, .osbp-cxo .v-absolutelayout.v-has-width .v-absolutelayout-margin {
+ width: 100%;
+}
+
+.osbp-cxo .v-margin-top {
+ padding-top: 32px;
+}
+
+.osbp-cxo .v-margin-right {
+ padding-right: 32px;
+}
+
+.osbp-cxo .v-margin-bottom {
+ padding-bottom: 32px;
+}
+
+.osbp-cxo .v-margin-left {
+ padding-left: 32px;
+}
+
+.osbp-cxo .v-spacing {
+ width: 10px;
+ height: 10px;
+}
+
+.osbp-cxo .v-verticallayout-well, .osbp-cxo .v-horizontallayout-well {
+ background: #f5f5f5;
+ color: #454545;
+ -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 1px 3px 7px rgba(0, 0, 0, 0.1);
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-verticallayout-well > div > [class*="-caption"], .osbp-cxo .v-horizontallayout-well > div > [class*="-caption"] {
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-verticallayout-well > .v-margin-top, .osbp-cxo .v-horizontallayout-well > .v-margin-top {
+ padding-top: 11px;
+}
+
+.osbp-cxo .v-verticallayout-well > .v-margin-right, .osbp-cxo .v-horizontallayout-well > .v-margin-right {
+ padding-right: 11px;
+}
+
+.osbp-cxo .v-verticallayout-well > .v-margin-bottom, .osbp-cxo .v-horizontallayout-well > .v-margin-bottom {
+ padding-bottom: 11px;
+}
+
+.osbp-cxo .v-verticallayout-well > .v-margin-left, .osbp-cxo .v-horizontallayout-well > .v-margin-left {
+ padding-left: 11px;
+}
+
+.osbp-cxo .v-verticallayout-card, .osbp-cxo .v-horizontallayout-card {
+ background: white;
+ color: #474747;
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+}
+
+.osbp-cxo .v-verticallayout-card > .v-margin-top, .osbp-cxo .v-horizontallayout-card > .v-margin-top {
+ padding-top: 11px;
+}
+
+.osbp-cxo .v-verticallayout-card > .v-margin-right, .osbp-cxo .v-horizontallayout-card > .v-margin-right {
+ padding-right: 11px;
+}
+
+.osbp-cxo .v-verticallayout-card > .v-margin-bottom, .osbp-cxo .v-horizontallayout-card > .v-margin-bottom {
+ padding-bottom: 11px;
+}
+
+.osbp-cxo .v-verticallayout-card > .v-margin-left, .osbp-cxo .v-horizontallayout-card > .v-margin-left {
+ padding-left: 11px;
+}
+
+.osbp-cxo .v-horizontallayout-wrapping {
+ white-space: normal !important;
+}
+
+.osbp-cxo .v-horizontallayout-wrapping > .v-spacing + .v-slot, .osbp-cxo .v-horizontallayout-wrapping > .v-slot:first-child {
+ margin-bottom: 10px;
+}
+
+.osbp-cxo .v-horizontallayout-wrapping > .v-slot:first-child:last-child {
+ margin-bottom: 0;
+}
+
+.osbp-cxo .v-button {
+ position: relative;
+ text-align: center;
+ white-space: nowrap;
+ outline: none;
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ height: 32px;
+ padding: 0 14px;
+ color: #191919;
+ font-weight: 400;
+
+
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-bottom-color: #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+}
+
+.osbp-cxo .v-button:before {
+ content: "";
+ display: inline-block;
+ width: 0;
+ height: 100%;
+ vertical-align: middle;
+}
+
+.osbp-cxo .v-button > div {
+ vertical-align: middle;
+}
+
+.v-sa .osbp-cxo .v-button:before {
+ height: 110%;
+}
+
+.v-ff .osbp-cxo .v-button:before {
+ height: 107%;
+}
+
+.v-ie .osbp-cxo .v-button:before {
+ margin-top: 4px;
+}
+
+.osbp-cxo .v-button:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+}
+
+.osbp-cxo .v-button:focus:after {
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+}
+
+.osbp-cxo .v-button.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-button.v-disabled:after {
+ display: none;
+}
+
+.osbp-cxo .v-button:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-cxo .v-button:hover:after {
+ background-color: rgba(186, 186, 186, 0.1);
+}
+
+.osbp-cxo .v-button:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+}
+
+.osbp-cxo .v-button:active:after {
+ background-color: rgba(125, 125, 125, 0.2);
+}
+
+.osbp-cxo .v-button-primary {
+ height: 32px;
+ padding: 0 14px;
+ color: #151206;
+ font-weight: 400;
+
+
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-bottom-color: #d4d4d4;
+ background-color: #ffd210;
+ background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%);
+ background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ padding: 0 16px;
+ font-weight: bold;
+ min-width: 70px;
+}
+
+.osbp-cxo .v-button-primary:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-cxo .v-button-primary:hover:after {
+ background-color: rgba(143, 116, 0, 0.1);
+}
+
+.osbp-cxo .v-button-primary:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+}
+
+.osbp-cxo .v-button-primary:active:after {
+ background-color: rgba(136, 110, 0, 0.2);
+}
+
+.v-ie8 .osbp-cxo .v-button-primary {
+ min-width: 38px;
+}
+
+.osbp-cxo .v-button-friendly {
+ height: 32px;
+ padding: 0 14px;
+ color: #eaf4e9;
+ font-weight: 400;
+
+
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-bottom-color: #d4d4d4;
+ background-color: #2c9720;
+ background-image: -webkit-linear-gradient(top, #2f9f22 2%, #26881b 98%);
+ background-image: linear-gradient(to bottom,#2f9f22 2%, #26881b 98%);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+}
+
+.osbp-cxo .v-button-friendly:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-cxo .v-button-friendly:hover:after {
+ background-color: rgba(65, 211, 48, 0.1);
+}
+
+.osbp-cxo .v-button-friendly:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+}
+
+.osbp-cxo .v-button-friendly:active:after {
+ background-color: rgba(14, 86, 6, 0.2);
+}
+
+.osbp-cxo .v-button-danger {
+ height: 32px;
+ padding: 0 14px;
+ color: #f9f0ef;
+ font-weight: 400;
+
+
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-bottom-color: #d4d4d4;
+ background-color: #ed473b;
+ background-image: -webkit-linear-gradient(top, #ee4c3f 2%, #e13e33 98%);
+ background-image: linear-gradient(to bottom,#ee4c3f 2%, #e13e33 98%);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+}
+
+.osbp-cxo .v-button-danger:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-cxo .v-button-danger:hover:after {
+ background-color: rgba(243, 137, 129, 0.1);
+}
+
+.osbp-cxo .v-button-danger:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+}
+
+.osbp-cxo .v-button-danger:active:after {
+ background-color: rgba(146, 12, 2, 0.2);
+}
+
+.osbp-cxo .v-button-borderless {
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: transparent;
+ color: inherit;
+}
+
+.osbp-cxo .v-button-borderless:hover:after {
+ background: transparent;
+}
+
+.osbp-cxo .v-button-borderless:active {
+ opacity: 0.7;
+ filter: alpha(opacity=70) ;
+}
+
+.osbp-cxo .v-button-borderless:active:after {
+ background: transparent;
+}
+
+.osbp-cxo .v-button-borderless-colored {
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: transparent;
+ color: #ffd210;
+}
+
+.osbp-cxo .v-button-borderless-colored:hover {
+ color: #ffdc43;
+}
+
+.osbp-cxo .v-button-borderless-colored:hover:after {
+ background: transparent;
+}
+
+.osbp-cxo .v-button-borderless-colored:active {
+ opacity: 0.7;
+ filter: alpha(opacity=70) ;
+}
+
+.osbp-cxo .v-button-borderless-colored:active:after {
+ background: transparent;
+}
+
+.osbp-cxo .v-button-quiet {
+ visibility: hidden;
+}
+
+.osbp-cxo .v-button-quiet:focus, .osbp-cxo .v-button-quiet:hover {
+ visibility: visible;
+}
+
+.osbp-cxo .v-button-quiet [class*="wrap"] {
+ visibility: visible;
+}
+
+.osbp-cxo .v-button-quiet [class*="caption"] {
+ display: inline-block;
+}
+
+.osbp-cxo .v-button-link {
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: transparent;
+ color: inherit;
+ cursor: pointer;
+ color: #ffd210;
+ text-decoration: underline;
+ font-weight: inherit;
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+}
+
+.osbp-cxo .v-button-link:hover:after {
+ background: transparent;
+}
+
+.osbp-cxo .v-button-link:active {
+ opacity: 0.7;
+ filter: alpha(opacity=70) ;
+}
+
+.osbp-cxo .v-button-link:active:after {
+ background: transparent;
+}
+
+.osbp-cxo .v-button-link:hover {
+ color: #ffdc43;
+}
+
+.osbp-cxo .v-button-link.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-button-tiny {
+ height: 32px;
+ padding: 0 14px;
+
+
+ font-size: 16px;
+
+ border-radius: 4px;
+}
+
+.osbp-cxo .v-button-tiny:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-cxo .v-button-small {
+ height: 27px;
+ padding: 0 12px;
+
+
+ font-size: 14px;
+
+ border-radius: 4px;
+}
+
+.osbp-cxo .v-button-small:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-cxo .v-button-large {
+ height: 45px;
+ padding: 0 20px;
+
+
+ font-size: 23px;
+
+ border-radius: 4px;
+}
+
+.osbp-cxo .v-button-large:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-cxo .v-button-huge {
+ height: 58px;
+ padding: 0 25px;
+
+
+ font-size: 29px;
+
+ border-radius: 4px;
+}
+
+.osbp-cxo .v-button-huge:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-cxo .v-button-icon-align-right [class*="wrap"] {
+ display: inline-block;
+}
+
+.osbp-cxo .v-button-icon-align-right .v-icon {
+ float: right;
+ margin-left: 12px;
+}
+
+.osbp-cxo .v-button-icon-align-right .v-icon + span:not(:empty) {
+ margin-left: 0;
+}
+
+.osbp-cxo .v-button-icon-align-top {
+ height: auto;
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+.osbp-cxo .v-button-icon-align-top [class*="wrap"] {
+ display: inline-block;
+}
+
+.osbp-cxo .v-button-icon-align-top .v-icon {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.osbp-cxo .v-button-icon-align-top .v-icon + span:not(:empty) {
+ margin-top: 6px;
+ margin-left: 0;
+}
+
+.osbp-cxo .v-button-icon-only {
+ width: 32px;
+ padding: 0;
+}
+
+.osbp-cxo .v-button-icon-only.v-button-tiny {
+ width: 32px;
+}
+
+.osbp-cxo .v-button-icon-only.v-button-small {
+ width: 27px;
+}
+
+.osbp-cxo .v-button-icon-only.v-button-large {
+ width: 45px;
+}
+
+.osbp-cxo .v-button-icon-only.v-button-huge {
+ width: 58px;
+}
+
+.osbp-cxo .v-button-icon-only .v-button-caption {
+ display: none;
+}
+
+.osbp-cxo .v-checkbox {
+ position: relative;
+ line-height: 16px;
+ white-space: nowrap;
+}
+
+.osbp-cxo .v-checkbox.v-has-width label {
+ white-space: normal;
+}
+
+:root .osbp-cxo .v-checkbox {
+ padding-left: 21px;
+}
+
+:root .osbp-cxo .v-checkbox label {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ display: inline-block;
+}
+
+:root .osbp-cxo .v-checkbox > input {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ left: 0.2em;
+ top: 0.2em;
+ z-index: 0;
+ margin: 0;
+}
+
+:root .osbp-cxo .v-checkbox > input:focus ~ label:before {
+ border: 1px solid #d4d4d4;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1);
+}
+
+:root .osbp-cxo .v-checkbox > input ~ label:before, :root .osbp-cxo .v-checkbox > input ~ label:after {
+ content: "";
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 16px;
+ height: 16px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border-radius: 4px;
+ font-size: 13px;
+ text-align: center;
+}
+
+:root .osbp-cxo .v-checkbox > input ~ label:before {
+ height: 16px;
+ padding: 0 8px;
+ color: #191919;
+ font-weight: 400;
+
+
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-bottom-color: #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ padding: 0;
+ height: 16px;
+}
+
+:root .osbp-cxo .v-checkbox > input ~ label:after {
+ content: "\f00c";
+ font-family: ThemeIcons;
+ color: transparent;
+ -webkit-transition: color 100ms;
+ -moz-transition: color 100ms;
+ transition: color 100ms;
+}
+
+:root .osbp-cxo .v-checkbox > input:active ~ label:after {
+ background-color: rgba(125, 125, 125, 0.2);
+}
+
+:root .osbp-cxo .v-checkbox > input:checked ~ label:after {
+ color: #ffd210;
+}
+
+.osbp-cxo .v-checkbox > .v-icon, .osbp-cxo .v-checkbox > label .v-icon {
+ margin: 0 5px 0 3px;
+ min-width: 1em;
+ cursor: pointer;
+}
+
+.osbp-cxo .v-checkbox.v-disabled > label, .osbp-cxo .v-checkbox.v-disabled > .v-icon {
+ cursor: default;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-checkbox.v-disabled > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-cxo .v-checkbox.v-disabled > input:active ~ label:after {
+ background: transparent;
+}
+
+.osbp-cxo .v-checkbox.v-readonly > label, .osbp-cxo .v-checkbox.v-readonly > .v-icon {
+ cursor: default;
+}
+
+.osbp-cxo .v-checkbox.v-readonly > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-cxo .v-checkbox.v-readonly > input:active ~ label:after {
+ background: transparent;
+}
+
+:root .osbp-cxo .v-checkbox.v-readonly > input ~ label:after {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-checkbox-small {
+ position: relative;
+ line-height: 14px;
+ white-space: nowrap;
+ font-size: 14px;
+}
+
+.osbp-cxo .v-checkbox-small.v-has-width label {
+ white-space: normal;
+}
+
+:root .osbp-cxo .v-checkbox-small {
+ padding-left: 18px;
+}
+
+:root .osbp-cxo .v-checkbox-small label {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ display: inline-block;
+}
+
+:root .osbp-cxo .v-checkbox-small > input {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ left: 0.2em;
+ top: 0.2em;
+ z-index: 0;
+ margin: 0;
+}
+
+:root .osbp-cxo .v-checkbox-small > input:focus ~ label:before {
+ border: 1px solid #d4d4d4;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1);
+}
+
+:root .osbp-cxo .v-checkbox-small > input ~ label:before, :root .osbp-cxo .v-checkbox-small > input ~ label:after {
+ content: "";
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 14px;
+ height: 14px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border-radius: 4px;
+ font-size: 11px;
+ text-align: center;
+}
+
+:root .osbp-cxo .v-checkbox-small > input ~ label:before {
+ height: 13.5px;
+ padding: 0 7px;
+ color: #191919;
+ font-weight: 400;
+
+
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-bottom-color: #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ padding: 0;
+ height: 14px;
+}
+
+:root .osbp-cxo .v-checkbox-small > input ~ label:after {
+ content: "\f00c";
+ font-family: ThemeIcons;
+ color: transparent;
+ -webkit-transition: color 100ms;
+ -moz-transition: color 100ms;
+ transition: color 100ms;
+}
+
+:root .osbp-cxo .v-checkbox-small > input:active ~ label:after {
+ background-color: rgba(125, 125, 125, 0.2);
+}
+
+:root .osbp-cxo .v-checkbox-small > input:checked ~ label:after {
+ color: #ffd210;
+}
+
+.osbp-cxo .v-checkbox-small > .v-icon, .osbp-cxo .v-checkbox-small > label .v-icon {
+ margin: 0 5px 0 2px;
+ min-width: 1em;
+ cursor: pointer;
+}
+
+.osbp-cxo .v-checkbox-small.v-disabled > label, .osbp-cxo .v-checkbox-small.v-disabled > .v-icon {
+ cursor: default;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-checkbox-small.v-disabled > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-cxo .v-checkbox-small.v-disabled > input:active ~ label:after {
+ background: transparent;
+}
+
+.osbp-cxo .v-checkbox-small.v-readonly > label, .osbp-cxo .v-checkbox-small.v-readonly > .v-icon {
+ cursor: default;
+}
+
+.osbp-cxo .v-checkbox-small.v-readonly > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-cxo .v-checkbox-small.v-readonly > input:active ~ label:after {
+ background: transparent;
+}
+
+:root .osbp-cxo .v-checkbox-small.v-readonly > input ~ label:after {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-checkbox-large {
+ position: relative;
+ line-height: 23px;
+ white-space: nowrap;
+ font-size: 23px;
+}
+
+.osbp-cxo .v-checkbox-large.v-has-width label {
+ white-space: normal;
+}
+
+:root .osbp-cxo .v-checkbox-large {
+ padding-left: 30px;
+}
+
+:root .osbp-cxo .v-checkbox-large label {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ display: inline-block;
+}
+
+:root .osbp-cxo .v-checkbox-large > input {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ left: 0.2em;
+ top: 0.2em;
+ z-index: 0;
+ margin: 0;
+}
+
+:root .osbp-cxo .v-checkbox-large > input:focus ~ label:before {
+ border: 1px solid #d4d4d4;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1);
+}
+
+:root .osbp-cxo .v-checkbox-large > input ~ label:before, :root .osbp-cxo .v-checkbox-large > input ~ label:after {
+ content: "";
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 23px;
+ height: 23px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border-radius: 4px;
+ font-size: 18px;
+ text-align: center;
+}
+
+:root .osbp-cxo .v-checkbox-large > input ~ label:before {
+ height: 22.5px;
+ padding: 0 10px;
+ color: #191919;
+ font-weight: 400;
+
+
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-bottom-color: #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ padding: 0;
+ height: 23px;
+}
+
+:root .osbp-cxo .v-checkbox-large > input ~ label:after {
+ content: "\f00c";
+ font-family: ThemeIcons;
+ color: transparent;
+ -webkit-transition: color 100ms;
+ -moz-transition: color 100ms;
+ transition: color 100ms;
+}
+
+:root .osbp-cxo .v-checkbox-large > input:active ~ label:after {
+ background-color: rgba(125, 125, 125, 0.2);
+}
+
+:root .osbp-cxo .v-checkbox-large > input:checked ~ label:after {
+ color: #ffd210;
+}
+
+.osbp-cxo .v-checkbox-large > .v-icon, .osbp-cxo .v-checkbox-large > label .v-icon {
+ margin: 0 8px 0 4px;
+ min-width: 1em;
+ cursor: pointer;
+}
+
+.osbp-cxo .v-checkbox-large.v-disabled > label, .osbp-cxo .v-checkbox-large.v-disabled > .v-icon {
+ cursor: default;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-checkbox-large.v-disabled > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-cxo .v-checkbox-large.v-disabled > input:active ~ label:after {
+ background: transparent;
+}
+
+.osbp-cxo .v-checkbox-large.v-readonly > label, .osbp-cxo .v-checkbox-large.v-readonly > .v-icon {
+ cursor: default;
+}
+
+.osbp-cxo .v-checkbox-large.v-readonly > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-cxo .v-checkbox-large.v-readonly > input:active ~ label:after {
+ background: transparent;
+}
+
+:root .osbp-cxo .v-checkbox-large.v-readonly > input ~ label:after {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-filterselect {
+ position: relative;
+ width: 364px;
+ height: 32px;
+ border-radius: 4px;
+ white-space: nowrap;
+}
+
+.osbp-cxo .v-filterselect [class*="input"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 32px;
+ border-radius: 4px;
+ padding: 4px 8px;
+ border: 1px solid #d4d4d4;
+ background: white;
+ color: #474747;
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ width: 100% !important;
+ height: 100%;
+ padding-right: 33px;
+ border-radius: inherit;
+}
+
+.v-ie8 .osbp-cxo .v-filterselect [class*="input"], .v-ie9 .osbp-cxo .v-filterselect [class*="input"] {
+ line-height: 32px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-cxo .v-filterselect [class*="input"].v-disabled {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-cxo .v-filterselect [class*="input"]:focus {
+ outline: none;
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1);
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+}
+
+.osbp-cxo .v-filterselect [class*="input"][class*="prompt"] {
+ color: #a3a3a3;
+}
+
+.osbp-cxo .v-filterselect .v-icon + [class*="input"] {
+ padding-left: 32px;
+}
+
+.osbp-cxo .v-filterselect img.v-icon {
+ max-height: 32px;
+ margin-left: 8px;
+}
+
+.osbp-cxo .v-filterselect span.v-icon {
+ color: #474747;
+ width: 32px;
+ line-height: 1;
+ padding-top: 0.12em;
+}
+
+.osbp-cxo .v-filterselect[class*="prompt"] > [class*="input"] {
+ color: #a3a3a3;
+}
+
+.osbp-cxo .v-filterselect [class$="button"] {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ position: absolute;
+ width: 32px;
+ top: 1px;
+ right: 1px;
+ bottom: 1px;
+ border-left: 1px solid #d4d4d4;
+ color: #a3a3a3;
+ border-radius: 0 3px 3px 0;
+}
+
+.v-ie8 .osbp-cxo .v-filterselect [class$="button"] {
+ background-color: white;
+}
+
+.osbp-cxo .v-filterselect [class$="button"]:before {
+ font-family: ThemeIcons;
+ content: "\f078";
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+ position: absolute;
+ width: 32px;
+ text-align: center;
+ top: 50%;
+ line-height: 1;
+ margin-top: -0.47em;
+}
+
+.osbp-cxo .v-filterselect [class$="button"]:hover:before {
+ color: #474747;
+}
+
+.osbp-cxo .v-filterselect [class$="button"]:active:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+ background-color: rgba(128, 128, 128, 0.2);
+}
+
+.osbp-cxo .v-filterselect.v-disabled {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-cxo .v-filterselect.v-disabled [class$="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-cxo .v-filterselect.v-disabled [class$="button"]:active:after {
+ display: none;
+}
+
+.osbp-cxo .v-filterselect.v-readonly [class*="input"] {
+ background: #fafafa;
+ color: #464646;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-filterselect.v-readonly [class*="input"]:focus {
+ box-shadow: none;
+ border-color: #d4d4d4;
+}
+
+.osbp-cxo .v-filterselect.v-readonly [class$="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-cxo .v-filterselect.v-readonly [class$="button"]:active:after {
+ display: none;
+}
+
+.osbp-cxo .v-filterselect .v-icon {
+ position: absolute;
+ pointer-events: none;
+}
+
+.osbp-cxo .v-filterselect-error .v-filterselect-input {
+ border-color: #ed473b !important;
+ background: #fffbfb;
+ color: #6c2621;
+}
+
+.osbp-cxo .v-filterselect-error .v-filterselect-button {
+ color: #ed473b;
+ border-color: #ed473b;
+}
+
+.osbp-cxo .v-filterselect-suggestpopup {
+ margin-top: 4px !important;
+}
+
+.osbp-cxo .v-filterselect-suggestpopup[class*="animate-in"] {
+ -webkit-animation: valo-overlay-animate-in 120ms;
+ -moz-animation: valo-overlay-animate-in 120ms;
+ animation: valo-overlay-animate-in 120ms;
+}
+
+.osbp-cxo .v-filterselect-suggestpopup [class$="suggestmenu"] {
+ padding: 4px 4px;
+ border-radius: 4px;
+ background-color: white;
+ color: #474747;
+ -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ padding: 4px 4px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ position: relative;
+ z-index: 1;
+}
+
+.osbp-cxo .v-filterselect-suggestpopup [class$="suggestmenu"][style*="height"] {
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+}
+
+.osbp-cxo .v-filterselect-suggestpopup table, .osbp-cxo .v-filterselect-suggestpopup tbody, .osbp-cxo .v-filterselect-suggestpopup tr, .osbp-cxo .v-filterselect-suggestpopup td {
+ display: block;
+}
+
+.osbp-cxo .v-filterselect-suggestpopup .gwt-MenuItem {
+ cursor: pointer;
+ line-height: 23px;
+ padding: 0 16px 0 8px;
+ border-radius: 3px;
+ font-weight: 400;
+ white-space: nowrap;
+ position: relative;
+}
+
+.osbp-cxo .v-filterselect-suggestpopup .gwt-MenuItem:active:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: #be9a00;
+ opacity: 0.15;
+ filter: alpha(opacity=15.0) ;
+ pointer-events: none;
+ border-radius: inherit;
+}
+
+.osbp-cxo .v-filterselect-suggestpopup .gwt-MenuItem .v-icon {
+ max-height: 23px;
+ margin-right: 4px;
+ min-width: 1em;
+}
+
+.osbp-cxo .v-filterselect-suggestpopup .gwt-MenuItem-selected {
+ background-color: #ffd210;
+ background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%);
+ background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%);
+ color: #151206;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .v-filterselect-suggestpopup [class$="status"] {
+ position: absolute;
+ right: 4px;
+ background: rgba(212, 212, 212, 0.9);
+ color: #3b3b3b;
+ border-radius: 0 0 4px 4px;
+ height: 20px;
+ bottom: -20px;
+ font-size: 12px;
+ line-height: 20px;
+ padding: 0 5px;
+ cursor: default;
+ pointer-events: none;
+ -webkit-animation: valo-animate-in-slide-down 200ms 80ms backwards;
+ -moz-animation: valo-animate-in-slide-down 200ms 80ms backwards;
+ animation: valo-animate-in-slide-down 200ms 80ms backwards;
+}
+
+.osbp-cxo .v-filterselect-suggestpopup [class$="status"] > * {
+ color: #3b3b3b;
+ text-decoration: none;
+}
+
+.osbp-cxo .v-filterselect-suggestpopup div[class*="page"] {
+ position: absolute;
+ z-index: 3;
+ right: 0;
+ opacity: 0.2;
+ filter: alpha(opacity=20) ;
+ cursor: pointer;
+ -webkit-transition: all 200ms;
+ -moz-transition: all 200ms;
+ transition: all 200ms;
+ width: 22px;
+ height: 22px;
+ line-height: 22px;
+ text-align: center;
+ font-family: ThemeIcons;
+ -webkit-transform: scale(0.8);
+ -moz-transform: scale(0.8);
+ -ms-transform: scale(0.8);
+ -o-transform: scale(0.8);
+ transform: scale(0.8);
+ color: #464646;
+}
+
+.osbp-cxo .v-filterselect-suggestpopup div[class*="page"]:after {
+ content: "";
+ position: absolute;
+ display: block;
+ border-radius: 50%;
+}
+
+.osbp-cxo .v-filterselect-suggestpopup div[class*="page"]:hover {
+ opacity: 1;
+ filter: none ;
+ background: rgba(250, 250, 250, 0.5);
+}
+
+.osbp-cxo .v-filterselect-suggestpopup div[class*="page"]:hover:after {
+ top: -10px;
+ bottom: -10px;
+ left: -20px;
+ right: -20px;
+}
+
+.osbp-cxo .v-filterselect-suggestpopup div[class*="page"] span {
+ display: none;
+}
+
+.osbp-cxo .v-filterselect-suggestpopup:hover div[class*="page"] {
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -ms-transform: scale(1);
+ -o-transform: scale(1);
+ transform: scale(1);
+}
+
+.osbp-cxo .v-filterselect-suggestpopup div[class*="prev"] {
+ top: 0;
+ -webkit-transform-origin: 100% 0%;
+ -moz-transform-origin: 100% 0%;
+ -ms-transform-origin: 100% 0%;
+ -o-transform-origin: 100% 0%;
+ transform-origin: 100% 0%;
+ border-radius: 0 4px 0 4px;
+}
+
+.osbp-cxo .v-filterselect-suggestpopup div[class*="prev"]:before {
+ content: "\f0d8";
+}
+
+.osbp-cxo .v-filterselect-suggestpopup div[class*="next"] {
+ bottom: 0;
+ -webkit-transform-origin: 100% 100%;
+ -moz-transform-origin: 100% 100%;
+ -ms-transform-origin: 100% 100%;
+ -o-transform-origin: 100% 100%;
+ transform-origin: 100% 100%;
+ border-radius: 4px 0 4px 0;
+}
+
+.osbp-cxo .v-filterselect-suggestpopup div[class*="next"]:before {
+ content: "\f0d7";
+}
+
+.osbp-cxo .v-filterselect-suggestpopup div[class*="-off"] {
+ display: none;
+}
+
+.osbp-cxo .v-filterselect-no-input {
+ cursor: pointer;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .v-filterselect-no-input [class*="input"] {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ cursor: inherit;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-bottom-color: #d4d4d4;
+ text-shadow: inherit;
+ text-overflow: ellipsis;
+ border-radius: inherit;
+}
+
+.osbp-cxo .v-filterselect-no-input [class*="input"]:focus {
+ outline: none;
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1);
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+}
+
+.osbp-cxo .v-filterselect-no-input [class$="button"] {
+ border-left: none !important;
+}
+
+.osbp-cxo .v-filterselect-no-input:hover [class$="button"]:before {
+ color: inherit;
+}
+
+.osbp-cxo .v-filterselect-borderless .v-filterselect-input {
+ border: none;
+ border-radius: 0;
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: inherit;
+}
+
+.osbp-cxo .v-filterselect-borderless .v-filterselect-input:focus {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-filterselect-borderless .v-filterselect-input[class*="prompt"] {
+ color: inherit;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-filterselect-borderless .v-filterselect-button {
+ border: none;
+ color: inherit;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-filterselect-borderless.v-filterselect-prompt .v-filterselect-input {
+ color: inherit;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-filterselect-align-right input {
+ text-align: right;
+}
+
+.osbp-cxo .v-filterselect-align-center input {
+ text-align: center;
+}
+
+.osbp-cxo .v-filterselect-tiny {
+ height: 32px;
+
+ font-size: 16px;
+}
+
+.osbp-cxo .v-filterselect-tiny [class*="input"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 32px;
+
+ padding: 4px 6px;
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ width: 100% !important;
+ height: 100%;
+ padding-right: 33px;
+ border-radius: inherit;
+}
+
+.v-ie8 .osbp-cxo .v-filterselect-tiny [class*="input"], .v-ie9 .osbp-cxo .v-filterselect-tiny [class*="input"] {
+ line-height: 32px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-cxo .v-filterselect-tiny .v-icon + [class*="input"] {
+ padding-left: 32px;
+}
+
+.osbp-cxo .v-filterselect-tiny img.v-icon {
+ max-height: 32px;
+ margin-left: 6px;
+}
+
+.osbp-cxo .v-filterselect-tiny span.v-icon {
+
+ width: 32px;
+ line-height: 1;
+ padding-top: 0.12em;
+}
+
+.osbp-cxo .v-filterselect-tiny [class$="button"] {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ position: absolute;
+ width: 32px;
+ border-radius: 0 4px 4px 0;
+}
+
+.osbp-cxo .v-filterselect-tiny [class$="button"]:before {
+ font-family: ThemeIcons;
+ content: "\f078";
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+ position: absolute;
+ width: 32px;
+ text-align: center;
+ top: 50%;
+ line-height: 1;
+ margin-top: -0.47em;
+}
+
+.osbp-cxo .v-filterselect-tiny [class$="button"]:active:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+}
+
+.osbp-cxo .v-filterselect-tiny.v-disabled {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-cxo .v-filterselect-tiny.v-disabled [class$="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-cxo .v-filterselect-tiny.v-disabled [class$="button"]:active:after {
+ display: none;
+}
+
+.osbp-cxo .v-filterselect-tiny.v-readonly [class*="input"] {
+ background: #fafafa;
+ color: #464646;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-filterselect-tiny.v-readonly [class*="input"]:focus {
+ box-shadow: none;
+ border-color: #d4d4d4;
+}
+
+.osbp-cxo .v-filterselect-tiny.v-readonly [class$="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-cxo .v-filterselect-tiny.v-readonly [class$="button"]:active:after {
+ display: none;
+}
+
+.osbp-cxo .v-filterselect-compact, .osbp-cxo .v-filterselect-small {
+ height: 27px;
+
+}
+
+.osbp-cxo .v-filterselect-compact [class*="input"], .osbp-cxo .v-filterselect-small [class*="input"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 27px;
+
+ padding: 3px 5px;
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ width: 100% !important;
+ height: 100%;
+ padding-right: 28px;
+ border-radius: inherit;
+}
+
+.v-ie8 .osbp-cxo .v-filterselect-compact [class*="input"], .v-ie9 .osbp-cxo .v-filterselect-compact [class*="input"], .v-ie8 .osbp-cxo .v-filterselect-small [class*="input"], .v-ie9 .osbp-cxo .v-filterselect-small [class*="input"] {
+ line-height: 27px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-cxo .v-filterselect-compact .v-icon + [class*="input"], .osbp-cxo .v-filterselect-small .v-icon + [class*="input"] {
+ padding-left: 27px;
+}
+
+.osbp-cxo .v-filterselect-compact img.v-icon, .osbp-cxo .v-filterselect-small img.v-icon {
+ max-height: 27px;
+ margin-left: 5px;
+}
+
+.osbp-cxo .v-filterselect-compact span.v-icon, .osbp-cxo .v-filterselect-small span.v-icon {
+
+ width: 27px;
+ line-height: 1;
+ padding-top: 0.12em;
+}
+
+.osbp-cxo .v-filterselect-compact [class$="button"], .osbp-cxo .v-filterselect-small [class$="button"] {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ position: absolute;
+ width: 27px;
+ border-radius: 0 4px 4px 0;
+}
+
+.osbp-cxo .v-filterselect-compact [class$="button"]:before, .osbp-cxo .v-filterselect-small [class$="button"]:before {
+ font-family: ThemeIcons;
+ content: "\f078";
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+ position: absolute;
+ width: 27px;
+ text-align: center;
+ top: 50%;
+ line-height: 1;
+ margin-top: -0.47em;
+}
+
+.osbp-cxo .v-filterselect-compact [class$="button"]:active:after, .osbp-cxo .v-filterselect-small [class$="button"]:active:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+}
+
+.osbp-cxo .v-filterselect-compact.v-disabled, .osbp-cxo .v-filterselect-small.v-disabled {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-cxo .v-filterselect-compact.v-disabled [class$="button"], .osbp-cxo .v-filterselect-small.v-disabled [class$="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-cxo .v-filterselect-compact.v-disabled [class$="button"]:active:after, .osbp-cxo .v-filterselect-small.v-disabled [class$="button"]:active:after {
+ display: none;
+}
+
+.osbp-cxo .v-filterselect-compact.v-readonly [class*="input"], .osbp-cxo .v-filterselect-small.v-readonly [class*="input"] {
+ background: #fafafa;
+ color: #464646;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-filterselect-compact.v-readonly [class*="input"]:focus, .osbp-cxo .v-filterselect-small.v-readonly [class*="input"]:focus {
+ box-shadow: none;
+ border-color: #d4d4d4;
+}
+
+.osbp-cxo .v-filterselect-compact.v-readonly [class$="button"], .osbp-cxo .v-filterselect-small.v-readonly [class$="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-cxo .v-filterselect-compact.v-readonly [class$="button"]:active:after, .osbp-cxo .v-filterselect-small.v-readonly [class$="button"]:active:after {
+ display: none;
+}
+
+.osbp-cxo .v-filterselect-small {
+ font-size: 14px;
+}
+
+.osbp-cxo .v-filterselect-large {
+ height: 45px;
+
+ font-size: 23px;
+}
+
+.osbp-cxo .v-filterselect-large [class*="input"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 45px;
+
+ padding: 5px 8px;
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ width: 100% !important;
+ height: 100%;
+ padding-right: 46px;
+ border-radius: inherit;
+}
+
+.v-ie8 .osbp-cxo .v-filterselect-large [class*="input"], .v-ie9 .osbp-cxo .v-filterselect-large [class*="input"] {
+ line-height: 45px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-cxo .v-filterselect-large .v-icon + [class*="input"] {
+ padding-left: 45px;
+}
+
+.osbp-cxo .v-filterselect-large img.v-icon {
+ max-height: 45px;
+ margin-left: 8px;
+}
+
+.osbp-cxo .v-filterselect-large span.v-icon {
+
+ width: 45px;
+ line-height: 1;
+ padding-top: 0.12em;
+}
+
+.osbp-cxo .v-filterselect-large [class$="button"] {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ position: absolute;
+ width: 45px;
+ border-radius: 0 4px 4px 0;
+}
+
+.osbp-cxo .v-filterselect-large [class$="button"]:before {
+ font-family: ThemeIcons;
+ content: "\f078";
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+ position: absolute;
+ width: 45px;
+ text-align: center;
+ top: 50%;
+ line-height: 1;
+ margin-top: -0.47em;
+}
+
+.osbp-cxo .v-filterselect-large [class$="button"]:active:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+}
+
+.osbp-cxo .v-filterselect-large.v-disabled {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-cxo .v-filterselect-large.v-disabled [class$="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-cxo .v-filterselect-large.v-disabled [class$="button"]:active:after {
+ display: none;
+}
+
+.osbp-cxo .v-filterselect-large.v-readonly [class*="input"] {
+ background: #fafafa;
+ color: #464646;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-filterselect-large.v-readonly [class*="input"]:focus {
+ box-shadow: none;
+ border-color: #d4d4d4;
+}
+
+.osbp-cxo .v-filterselect-large.v-readonly [class$="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-cxo .v-filterselect-large.v-readonly [class$="button"]:active:after {
+ display: none;
+}
+
+.osbp-cxo .v-filterselect-huge {
+ height: 58px;
+
+ font-size: 29px;
+}
+
+.osbp-cxo .v-filterselect-huge [class*="input"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 58px;
+
+ padding: 6px 10px;
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ width: 100% !important;
+ height: 100%;
+ padding-right: 59px;
+ border-radius: inherit;
+}
+
+.v-ie8 .osbp-cxo .v-filterselect-huge [class*="input"], .v-ie9 .osbp-cxo .v-filterselect-huge [class*="input"] {
+ line-height: 58px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-cxo .v-filterselect-huge .v-icon + [class*="input"] {
+ padding-left: 58px;
+}
+
+.osbp-cxo .v-filterselect-huge img.v-icon {
+ max-height: 58px;
+ margin-left: 10px;
+}
+
+.osbp-cxo .v-filterselect-huge span.v-icon {
+
+ width: 58px;
+ line-height: 1;
+ padding-top: 0.12em;
+}
+
+.osbp-cxo .v-filterselect-huge [class$="button"] {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ position: absolute;
+ width: 58px;
+ border-radius: 0 4px 4px 0;
+}
+
+.osbp-cxo .v-filterselect-huge [class$="button"]:before {
+ font-family: ThemeIcons;
+ content: "\f078";
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+ position: absolute;
+ width: 58px;
+ text-align: center;
+ top: 50%;
+ line-height: 1;
+ margin-top: -0.47em;
+}
+
+.osbp-cxo .v-filterselect-huge [class$="button"]:active:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+}
+
+.osbp-cxo .v-filterselect-huge.v-disabled {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-cxo .v-filterselect-huge.v-disabled [class$="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-cxo .v-filterselect-huge.v-disabled [class$="button"]:active:after {
+ display: none;
+}
+
+.osbp-cxo .v-filterselect-huge.v-readonly [class*="input"] {
+ background: #fafafa;
+ color: #464646;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-filterselect-huge.v-readonly [class*="input"]:focus {
+ box-shadow: none;
+ border-color: #d4d4d4;
+}
+
+.osbp-cxo .v-filterselect-huge.v-readonly [class$="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-cxo .v-filterselect-huge.v-readonly [class$="button"]:active:after {
+ display: none;
+}
+
+.osbp-cxo .v-csslayout-well {
+ background: #f5f5f5;
+ color: #454545;
+ -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 1px 3px 7px rgba(0, 0, 0, 0.1);
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-csslayout-well > div > [class*="-caption"] {
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-csslayout-well > .v-margin-top {
+ padding-top: 11px;
+}
+
+.osbp-cxo .v-csslayout-well > .v-margin-right {
+ padding-right: 11px;
+}
+
+.osbp-cxo .v-csslayout-well > .v-margin-bottom {
+ padding-bottom: 11px;
+}
+
+.osbp-cxo .v-csslayout-well > .v-margin-left {
+ padding-left: 11px;
+}
+
+.osbp-cxo .v-csslayout-card {
+ background: white;
+ color: #474747;
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+}
+
+.osbp-cxo .v-csslayout-card > .v-margin-top {
+ padding-top: 11px;
+}
+
+.osbp-cxo .v-csslayout-card > .v-margin-right {
+ padding-right: 11px;
+}
+
+.osbp-cxo .v-csslayout-card > .v-margin-bottom {
+ padding-bottom: 11px;
+}
+
+.osbp-cxo .v-csslayout-card > .v-margin-left {
+ padding-left: 11px;
+}
+
+.osbp-cxo .v-csslayout-v-component-group {
+ white-space: nowrap;
+ position: relative;
+}
+
+.osbp-cxo .v-csslayout-v-component-group .v-widget ~ .v-widget:not(:last-child) {
+ border-radius: 0;
+}
+
+.osbp-cxo .v-csslayout-v-component-group .v-widget:last-child {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.osbp-cxo .v-csslayout-v-component-group .v-widget:first-child, .osbp-cxo .v-csslayout-v-component-group .v-caption:first-child + .v-widget {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.osbp-cxo .v-csslayout-v-component-group .v-widget ~ .v-widget.first.first {
+ border-radius: 4px 0 0 4px;
+}
+
+.osbp-cxo .v-csslayout-v-component-group .v-widget ~ .v-widget.last.last {
+ border-radius: 0 4px 4px 0;
+}
+
+.osbp-cxo .v-csslayout-v-component-group .v-widget {
+ vertical-align: middle;
+ margin-left: -1px;
+}
+
+.osbp-cxo .v-csslayout-v-component-group .v-widget:first-child {
+ margin-left: 0;
+}
+
+.osbp-cxo .v-csslayout-v-component-group .v-widget:focus, .osbp-cxo .v-csslayout-v-component-group .v-widget[class*="focus"], .osbp-cxo .v-csslayout-v-component-group .v-widget [class*="focus"] {
+ position: relative;
+ z-index: 5;
+}
+
+.osbp-cxo .v-form fieldset {
+ border: none;
+ padding: 0;
+ margin: 0;
+ height: 100%;
+}
+
+.osbp-cxo .v-form-content {
+ height: 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.osbp-cxo [class*="spacing"] > tbody > [class*="row"] > td {
+ padding-top: 10px;
+}
+
+.osbp-cxo [class*="spacing"] > tbody > [class*="firstrow"] > td {
+ padding-top: 0;
+}
+
+.osbp-cxo [class*="margin-top"] > tbody > [class*="firstrow"] > td {
+ padding-top: 32px;
+}
+
+.osbp-cxo [class*="margin-bottom"] > tbody > [class*="lastrow"] > td {
+ padding-bottom: 32px;
+}
+
+.osbp-cxo [class*="margin-left"] > tbody > [class*="row"] > [class*="captioncell"] {
+ padding-left: 32px;
+}
+
+.osbp-cxo [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h2, .osbp-cxo [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h3, .osbp-cxo [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h4 {
+ left: 32px;
+}
+
+.osbp-cxo [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] {
+ padding-right: 32px;
+}
+
+.osbp-cxo [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h2, .osbp-cxo [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h3, .osbp-cxo [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h4 {
+ right: 32px;
+}
+
+.osbp-cxo .v-formlayout > table {
+ border-spacing: 0;
+ position: relative;
+}
+
+.osbp-cxo .v-formlayout.v-has-width > table, .osbp-cxo .v-formlayout.v-has-width .v-formlayout-contentcell {
+ width: 100%;
+}
+
+.osbp-cxo .v-formlayout-error-indicator {
+ width: 16px;
+}
+
+.osbp-cxo .v-formlayout-captioncell {
+ vertical-align: top;
+ line-height: 31px;
+}
+
+.osbp-cxo .v-formlayout-captioncell .v-caption {
+ padding-bottom: 0;
+}
+
+.osbp-cxo .v-formlayout-captioncell .v-caption-h2, .osbp-cxo .v-formlayout-captioncell .v-caption-h3, .osbp-cxo .v-formlayout-captioncell .v-caption-h4 {
+ height: 3em;
+}
+
+.osbp-cxo .v-formlayout-contentcell .v-checkbox, .osbp-cxo .v-formlayout-contentcell .v-radiobutton {
+ font-weight: 400;
+}
+
+.osbp-cxo .v-formlayout-contentcell > .v-label-h2, .osbp-cxo .v-formlayout-contentcell > .v-label-h3, .osbp-cxo .v-formlayout-contentcell > .v-label-h4 {
+ position: absolute;
+ left: 0;
+ right: 0;
+ width: auto !important;
+ margin-top: -0.5em;
+ padding-bottom: 0.5em;
+ border-bottom: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-formlayout.light > table {
+ padding: 0;
+}
+
+.osbp-cxo .v-formlayout.light > table > tbody > tr > td {
+ padding-top: 0;
+ height: 32px;
+ border-bottom: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-formlayout.light > table > tbody > [class*="lastrow"] > td {
+ border-bottom: none;
+}
+
+.osbp-cxo .v-formlayout.light > table > tbody > tr > [class*="captioncell"] {
+ color: #7d7d7d;
+ text-align: right;
+ padding-left: 11px;
+ line-height: 32px;
+}
+
+.osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] {
+ padding-right: 0;
+}
+
+.osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect-input, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield-textfield {
+ width: 100%;
+}
+
+.osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 32px;
+ border-radius: 0;
+ padding: 4px 6px;
+
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ background: transparent;
+ border: none;
+ color: inherit;
+}
+
+.v-ie8 .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield, .v-ie9 .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield, .v-ie8 .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea, .v-ie9 .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea, .v-ie8 .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input, .v-ie9 .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input, .v-ie8 .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input, .v-ie9 .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input, .v-ie8 .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea, .v-ie9 .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea {
+ line-height: 32px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield.v-disabled, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea.v-disabled, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input.v-disabled, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input.v-disabled, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea.v-disabled {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield:focus, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea:focus, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input:focus, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input:focus, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea:focus {
+ outline: none;
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), none;
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), none;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+}
+
+.osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield:focus, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea:focus, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input:focus, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input:focus, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea:focus {
+ box-shadow: none;
+}
+
+.osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield-prompt, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea-prompt, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect-prompt input, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield-prompt input {
+ color: #a3a3a3;
+}
+
+.osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea {
+ height: auto;
+}
+
+.osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h2, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h3, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h4 {
+ border-bottom: none;
+ left: 0;
+ right: 0;
+}
+
+.osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h3, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h4 {
+ margin-top: 0;
+}
+
+.osbp-cxo .v-formlayout.light .v-richtextarea {
+ margin: 4px 0;
+}
+
+.osbp-cxo .v-formlayout.light .v-filterselect-button, .osbp-cxo .v-formlayout.light .v-datefield-button {
+ border: none;
+}
+
+.osbp-cxo .v-formlayout.light .v-filterselect-button:active:after, .osbp-cxo .v-formlayout.light .v-datefield-button:active:after {
+ display: none;
+}
+
+.osbp-cxo .v-formlayout.light .v-datefield-button {
+ right: 0;
+ left: auto;
+}
+
+.osbp-cxo .v-formlayout.light .v-checkbox {
+ margin-left: 6px;
+}
+
+.osbp-cxo .v-grid {
+ position: relative;
+}
+
+.osbp-cxo .v-grid-scroller {
+ position: absolute;
+ z-index: 1;
+ outline: none;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.osbp-cxo .v-grid-scroller-horizontal {
+ left: 0;
+ right: 0;
+ bottom: 0;
+ overflow-y: hidden;
+ -ms-overflow-y: hidden;
+}
+
+.osbp-cxo .v-grid-scroller-vertical {
+ right: 0;
+ top: 0;
+ bottom: 0;
+ overflow-x: hidden;
+ -ms-overflow-x: hidden;
+}
+
+.osbp-cxo .v-grid-tablewrapper {
+ position: absolute;
+ overflow: hidden;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ z-index: 5;
+}
+
+.osbp-cxo .v-grid-tablewrapper > table {
+ border-spacing: 0;
+ table-layout: fixed;
+ width: inherit;
+}
+
+.osbp-cxo .v-grid-header-deco, .osbp-cxo .v-grid-footer-deco {
+ position: absolute;
+ right: 0;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.osbp-cxo .v-grid-horizontal-scrollbar-deco {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.osbp-cxo .v-grid-header, .osbp-cxo .v-grid-body, .osbp-cxo .v-grid-footer {
+ position: absolute;
+ left: 0;
+ width: inherit;
+ z-index: 10;
+}
+
+.osbp-cxo .v-grid-header, .osbp-cxo .v-grid-header-deco {
+ top: 0;
+}
+
+.osbp-cxo .v-grid-footer, .osbp-cxo .v-grid-footer-deco {
+ bottom: 0;
+}
+
+.osbp-cxo .v-grid-body {
+ z-index: 0;
+ top: 0;
+}
+
+.osbp-cxo .v-grid-body .v-grid-row {
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+
+.osbp-cxo .v-grid-row {
+ display: block;
+}
+
+.v-ie8 .osbp-cxo .v-grid-row, .v-ie9 .osbp-cxo .v-grid-row {
+ float: left;
+ clear: left;
+ margin-top: 0;
+}
+
+.osbp-cxo .v-grid-row > td, .osbp-cxo .v-grid-row > th {
+ background-color: white;
+}
+
+.osbp-cxo .v-grid-row {
+ width: inherit;
+}
+
+.osbp-cxo .v-grid-cell {
+ display: block;
+ float: left;
+ padding: 2px;
+ white-space: nowrap;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ overflow: hidden;
+ font-size: 16px;
+}
+
+.osbp-cxo .v-grid-cell.frozen {
+ position: relative;
+ z-index: 1;
+}
+
+.osbp-cxo .v-grid-spacer {
+ position: absolute;
+ display: block;
+ background-color: white;
+}
+
+.osbp-cxo .v-grid-spacer > td {
+ width: 100%;
+ height: 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.v-ie8 .osbp-cxo .v-grid-spacer, .v-ie9 .osbp-cxo .v-grid-spacer {
+ margin-top: 0;
+}
+
+.osbp-cxo .v-grid {
+ outline: none;
+}
+
+.osbp-cxo .v-grid-scroller-vertical, .osbp-cxo .v-grid-scroller-horizontal {
+ border: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-grid-scroller-vertical {
+ border-left: none;
+}
+
+.osbp-cxo .v-grid-scroller-horizontal {
+ border-top: none;
+}
+
+.osbp-cxo .v-grid-tablewrapper {
+ border: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-grid .header-drag-table {
+ border-spacing: 0;
+ position: relative;
+ table-layout: fixed;
+ width: inherit;
+}
+
+.osbp-cxo .v-grid .header-drag-table .v-grid-header {
+ position: absolute;
+}
+
+.osbp-cxo .v-grid .header-drag-table .v-grid-header > .v-grid-cell {
+ border: 1px solid #d4d4d4;
+ margin-top: -10px;
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+ z-index: 30000;
+}
+
+.osbp-cxo .v-grid .header-drag-table .v-grid-header > .v-grid-drop-marker {
+ background-color: #ffd210;
+ position: absolute;
+ width: 3px;
+}
+
+.osbp-cxo .v-grid-sidebar.v-contextmenu {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border-radius: 0;
+ position: absolute;
+ top: 0;
+ right: 0;
+ background-color: #fafafa;
+ border: 1px solid #d4d4d4;
+ padding: 0;
+ z-index: 5;
+}
+
+.osbp-cxo .v-grid-sidebar.v-contextmenu.v-grid-sidebar-popup {
+ right: auto;
+}
+
+.osbp-cxo .v-grid-sidebar.v-contextmenu .v-grid-sidebar-button {
+ background: transparent;
+ border: none;
+ color: inherit;
+ cursor: pointer;
+ outline: none;
+ padding: 0 4px;
+ text-align: right;
+ line-height: 1;
+}
+
+.osbp-cxo .v-grid-sidebar.v-contextmenu .v-grid-sidebar-button[disabled] {
+ cursor: default;
+}
+
+.osbp-cxo .v-grid-sidebar.v-contextmenu .v-grid-sidebar-button::-moz-focus-inner {
+ border: 0;
+}
+
+.osbp-cxo .v-grid-sidebar.v-contextmenu .v-grid-sidebar-button:after {
+ content: "\f0c9";
+ display: block;
+ font-family: ThemeIcons, sans-serif;
+ font-size: 14px;
+}
+
+.osbp-cxo .v-grid-sidebar.v-contextmenu.closed {
+ border-radius: 0;
+}
+
+.osbp-cxo .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-button {
+ width: 100%;
+}
+
+.osbp-cxo .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-button:after {
+ content: "\f0c9";
+ font-size: 14px;
+ line-height: 1;
+}
+
+.v-ie .osbp-cxo .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-button {
+ vertical-align: middle;
+}
+
+.v-ie8 .osbp-cxo .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-button:after {
+ vertical-align: middle;
+ text-align: center;
+ display: inline;
+}
+
+.osbp-cxo .v-grid-sidebar.v-contextmenu .v-grid-sidebar-content {
+ padding: 4px 0;
+}
+
+.osbp-cxo .v-grid-sidebar.v-contextmenu .v-grid-sidebar-content .gwt-MenuBar .gwt-MenuItem .column-hiding-toggle {
+ text-shadow: none;
+}
+
+.osbp-cxo .v-grid-cell {
+ background-color: white;
+ padding: 0 16.5px;
+ line-height: 32px;
+ text-overflow: ellipsis;
+}
+
+.osbp-cxo .v-grid-cell > * {
+ line-height: 1.55;
+ vertical-align: middle;
+}
+
+.osbp-cxo .v-grid-cell > div {
+ display: inline-block;
+}
+
+.osbp-cxo .v-grid-cell.frozen {
+ -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
+ border-right: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-grid-cell.frozen + th, .osbp-cxo .v-grid-cell.frozen + td {
+ border-left: none;
+}
+
+.osbp-cxo .v-grid-row > td, .osbp-cxo .v-grid-editor-cells > div {
+ border-left: 1px solid #d4d4d4;
+ border-bottom: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-grid-row > td:first-child, .osbp-cxo .v-grid-editor-cells > div:first-child {
+ border-left: none;
+}
+
+.osbp-cxo .v-grid-editor-cells.frozen > div {
+ -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
+ border-right: 1px solid #d4d4d4;
+ border-left: none;
+}
+
+.osbp-cxo .v-grid-row-stripe > td {
+ background-color: #f5f5f5;
+}
+
+.osbp-cxo .v-grid-row-selected > td {
+ background: #ffd210;
+}
+
+.osbp-cxo .v-grid-row-focused > td {
+
+}
+
+.osbp-cxo .v-grid-header th {
+ position: relative;
+ background-color: #fafafa;
+ font-size: 14px;
+ font-weight: inherit;
+ border-left: 1px solid #d4d4d4;
+ border-bottom: 1px solid #d4d4d4;
+
+ text-align: left;
+}
+
+.osbp-cxo .v-grid-header th:first-child {
+ border-left: none;
+}
+
+.osbp-cxo .v-grid-header .sort-asc, .osbp-cxo .v-grid-header .sort-desc {
+ padding-right: 33.5px;
+}
+
+.osbp-cxo .v-grid-header .sort-asc:after, .osbp-cxo .v-grid-header .sort-desc:after {
+ font-family: ThemeIcons, sans-serif;
+ content: "\f0de" " " attr(sort-order);
+ position: absolute;
+ right: 16.5px;
+ font-size: 12px;
+}
+
+.osbp-cxo .v-grid-header .sort-desc:after {
+ content: "\f0dd" " " attr(sort-order);
+}
+
+.osbp-cxo .v-grid-column-resize-handle {
+ position: absolute;
+ width: 33px;
+ right: -16.5px;
+ top: 0px;
+ bottom: 0px;
+ cursor: col-resize;
+ z-index: 10;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.osbp-cxo .v-grid-footer td {
+ background-color: #fafafa;
+ font-size: 14px;
+ font-weight: inherit;
+ border-left: 1px solid #d4d4d4;
+ border-top: 1px solid #d4d4d4;
+ border-bottom: none;
+
+}
+
+.osbp-cxo .v-grid-footer td:first-child {
+ border-left: none;
+}
+
+.osbp-cxo .v-grid-header .v-grid-cell, .osbp-cxo .v-grid-footer .v-grid-cell {
+ overflow: visible;
+}
+
+.osbp-cxo .v-grid-column-header-content, .osbp-cxo .v-grid-column-footer-content {
+ width: 100%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ line-height: 32px;
+ vertical-align: baseline;
+}
+
+.osbp-cxo .v-grid-header-deco {
+ border-top: 1px solid #d4d4d4;
+ border-right: 1px solid #d4d4d4;
+ background-color: #fafafa;
+}
+
+.osbp-cxo .v-grid-footer-deco {
+ border-bottom: 1px solid #d4d4d4;
+ border-right: 1px solid #d4d4d4;
+ background-color: #fafafa;
+}
+
+.osbp-cxo .v-grid-horizontal-scrollbar-deco {
+ background-color: #fafafa;
+ border: 1px solid #d4d4d4;
+ border-top: none;
+}
+
+.osbp-cxo .v-grid-cell-focused {
+ position: relative;
+}
+
+.osbp-cxo .v-grid-cell-focused:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border: 2px solid #ffd210;
+ display: none;
+ pointer-events: none;
+}
+
+.ie8 .osbp-cxo .v-grid-cell-focused:before, .ie9 .osbp-cxo .v-grid-cell-focused:before, .ie10 .osbp-cxo .v-grid-cell-focused:before {
+ content: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==);
+}
+
+.osbp-cxo .v-grid:focus .v-grid-cell-focused:before {
+ display: block;
+}
+
+.osbp-cxo .v-grid.v-disabled:focus .v-grid-cell-focused:before {
+ display: none;
+}
+
+.osbp-cxo .v-grid-editor {
+ position: absolute;
+ z-index: 20;
+ overflow: hidden;
+ left: 0;
+ right: 0;
+ border: 1px solid #d4d4d4;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ margin-top: -1px;
+ -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
+}
+
+.osbp-cxo .v-grid-editor.unbuffered .v-grid-editor-footer {
+ width: 100%;
+}
+
+.osbp-cxo .v-grid-editor-cells {
+ position: relative;
+ white-space: nowrap;
+}
+
+.osbp-cxo .v-grid-editor-cells.frozen {
+ z-index: 2;
+}
+
+.osbp-cxo .v-grid-editor-cells > div {
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ vertical-align: middle;
+ background: white;
+}
+
+.osbp-cxo .v-grid-editor-cells > div:first-child {
+ border-left: none;
+}
+
+.osbp-cxo .v-grid-editor-cells > div > * {
+ vertical-align: middle;
+ display: inline-block;
+}
+
+.osbp-cxo .v-grid-editor-cells > div .v-filterselect {
+ padding-left: 0;
+}
+
+.osbp-cxo .v-grid-editor-cells > div input[type="text"], .osbp-cxo .v-grid-editor-cells > div input[type="text"].v-filterselect-input, .osbp-cxo .v-grid-editor-cells > div input[type="password"] {
+ padding-left: 16.5px;
+}
+
+.osbp-cxo .v-grid-editor-cells > div input[type="text"]:not(.v-filterselect-input), .osbp-cxo .v-grid-editor-cells > div input[type="password"] {
+ padding-right: 8.25px;
+}
+
+.osbp-cxo .v-grid-editor-cells > div input[type="checkbox"] {
+ margin-left: 16.5px;
+}
+
+.osbp-cxo .v-grid-editor-cells > div .v-textfield, .osbp-cxo .v-grid-editor-cells > div .v-datefield, .osbp-cxo .v-grid-editor-cells > div .v-filterselect {
+ min-width: 100%;
+ max-width: 100%;
+ min-height: 100%;
+ max-height: 100%;
+}
+
+.v-ie8 .osbp-cxo .v-grid-editor-cells > div .v-datefield-button {
+ margin-left: -37px;
+}
+
+.v-ie8 .osbp-cxo .v-grid-editor-cells > div .v-filterselect-button {
+ margin-left: -25px;
+}
+
+.osbp-cxo .v-grid-editor-cells > div .v-select, .osbp-cxo .v-grid-editor-cells > div .v-select-select {
+ min-width: 100%;
+ max-width: 100%;
+}
+
+.osbp-cxo .v-grid-editor-cells > div.not-editable.v-grid-cell {
+ float: none;
+}
+
+.osbp-cxo .v-grid-editor-cells .error::before {
+ position: absolute;
+ display: block;
+ height: 0;
+ width: 0;
+ content: "";
+ border-top: 5px solid red;
+ border-right: 5px solid transparent;
+}
+
+.osbp-cxo .v-grid-editor-cells .error, .osbp-cxo .v-grid-editor-cells .error > input {
+ background-color: #fee;
+}
+
+.osbp-cxo .v-grid-editor-footer {
+ display: table;
+ height: 32px;
+ border-top: 1px solid #d4d4d4;
+ margin-top: -1px;
+ background: white;
+ padding: 0 5px;
+}
+
+.osbp-cxo .v-grid-editor-footer + .v-grid-editor-cells > div {
+ border-bottom: none;
+ border-top: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-grid-editor-footer:first-child {
+ border-top: none;
+ margin-top: 0;
+ border-bottom: 1px solid #d4d4d4;
+ margin-bottom: -1px;
+}
+
+.osbp-cxo .v-grid-editor-message, .osbp-cxo .v-grid-editor-buttons {
+ display: table-cell;
+ white-space: nowrap;
+ vertical-align: middle;
+}
+
+.osbp-cxo .v-grid-editor-message {
+ width: 100%;
+ position: relative;
+}
+
+.osbp-cxo .v-grid-editor-message > div {
+ position: absolute;
+ width: 100%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ line-height: 32px;
+ top: 0;
+}
+
+.osbp-cxo .v-grid-editor-save {
+ margin-right: 4px;
+}
+
+.osbp-cxo .v-grid-spacer {
+ padding-left: 1px;
+}
+
+.osbp-cxo .v-grid-spacer > td {
+ display: block;
+ padding: 0;
+ background-color: white;
+ border-top: 1px solid #d4d4d4;
+ border-bottom: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-grid-spacer.stripe > td {
+ background-color: #f5f5f5;
+ border-top: 1px solid #d4d4d4;
+ border-bottom: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-grid-spacer-deco-container {
+ border-top: 1px solid transparent;
+ position: relative;
+ top: 0;
+ z-index: 5;
+}
+
+.osbp-cxo .v-grid-spacer-deco {
+ top: 0;
+ left: 0;
+ width: 2px;
+ background-color: #ffd210;
+ position: absolute;
+ height: 100%;
+ pointer-events: none;
+}
+
+.ie8 .osbp-cxo .v-grid-spacer-deco:before, .ie9 .osbp-cxo .v-grid-spacer-deco:before, .ie10 .osbp-cxo .v-grid-spacer-deco:before {
+ content: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==);
+}
+
+.osbp-cxo .v-grid-cell > .v-progressbar {
+ width: 100%;
+}
+
+.osbp-cxo .v-grid {
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ background-color: #fafafa;
+}
+
+.osbp-cxo .v-grid.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-grid-header .v-grid-cell {
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .v-grid-header .v-grid-cell.dragged {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+ -webkit-transition: opacity 0.3s ease-in-out;
+ -moz-transition: opacity 0.3s ease-in-out;
+ transition: opacity 0.3s ease-in-out;
+}
+
+.osbp-cxo .v-grid-header .v-grid-cell.dragged-column-header {
+ margin-top: -16px;
+}
+
+.osbp-cxo .v-grid-footer .v-grid-cell {
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .v-grid-header-deco {
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+}
+
+.osbp-cxo .v-grid-footer-deco, .osbp-cxo .v-grid-horizontal-scrollbar-deco {
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+}
+
+.osbp-cxo .v-grid-row-selected > .v-grid-cell {
+ background-color: #ffd210;
+ background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%);
+ background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%);
+ color: #3e350e;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+ border-color: #ddb509;
+}
+
+.osbp-cxo .v-grid-row-selected > .v-grid-cell-focused:before {
+ border-color: #ffe576;
+}
+
+.osbp-cxo .v-grid-editor {
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ border-color: #ffd210;
+}
+
+.osbp-cxo .v-grid-editor-footer {
+ font-size: 14px;
+ padding: 0 5px;
+ background: #fff;
+ -webkit-animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards;
+ -moz-animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards;
+ animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards;
+}
+
+.osbp-cxo .v-grid-editor-footer:first-child {
+ -webkit-animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards;
+ -moz-animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards;
+ animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards;
+}
+
+.osbp-cxo .v-grid-editor-cells {
+ z-index: 1;
+}
+
+.osbp-cxo .v-grid-editor-cells > div:before {
+ content: "";
+ display: inline-block;
+ height: 100%;
+ vertical-align: middle;
+}
+
+.osbp-cxo .v-grid-editor-cells > div.not-editable.v-grid-cell {
+ float: none;
+}
+
+.osbp-cxo .v-grid-editor-cells > div .error::before {
+ border-top: 8px solid #ed473b;
+ border-right: 8px solid transparent;
+}
+
+.osbp-cxo .v-grid-editor-cells > div .error, .osbp-cxo .v-grid-editor-cells > div .error > input {
+ background-color: #fffbfb;
+}
+
+.osbp-cxo .v-grid-editor-cells > div .v-textfield, .osbp-cxo .v-grid-editor-cells > div .v-textfield-focus, .osbp-cxo .v-grid-editor-cells > div .v-datefield, .osbp-cxo .v-grid-editor-cells > div .v-datefield .v-textfield-focus, .osbp-cxo .v-grid-editor-cells > div .v-filterselect-input, .osbp-cxo .v-grid-editor-cells > div .v-filterselect-input:focus {
+ border: none;
+ border-radius: 0;
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-grid-editor-cells > div input[type="text"].v-datefield-textfield {
+ padding-left: 38.4px;
+}
+
+.v-ie8 .osbp-cxo .v-grid-editor-cells > div .v-datefield-button {
+ margin-left: 0px;
+}
+
+.v-ie8 .osbp-cxo .v-grid-editor-cells > div .v-filterselect-button {
+ margin-left: 0px;
+}
+
+.osbp-cxo .v-grid-editor-cells > div .v-textfield-focus, .osbp-cxo .v-grid-editor-cells > div .v-datefield .v-textfield-focus, .osbp-cxo .v-grid-editor-cells > div .v-filterselect-input:focus {
+ position: relative;
+}
+
+.osbp-cxo .v-grid-editor-cells > div .v-select {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+.osbp-cxo .v-grid-editor-cells > div .v-checkbox {
+ margin: 0 8px 0 16.5px;
+}
+
+.osbp-cxo .v-grid-editor-cells > div .v-checkbox > input[type="checkbox"] {
+ margin-left: 0;
+}
+
+.osbp-cxo .v-grid-editor-cells > div .v-checkbox > label {
+ white-space: nowrap;
+}
+
+.osbp-cxo .v-grid-editor-message > div:before {
+ display: inline-block;
+ color: #ed473b;
+ font-weight: 600;
+ width: 16px;
+ text-align: center;
+ content: "!";
+}
+
+.osbp-cxo .v-grid-editor-save, .osbp-cxo .v-grid-editor-cancel {
+ cursor: pointer;
+ color: #ffd210;
+ text-decoration: underline;
+ font-weight: inherit;
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+ font-weight: 400;
+ text-decoration: none;
+ border: none;
+ background: transparent;
+ padding: 5px 5px;
+ margin: 0;
+ outline: none;
+}
+
+.osbp-cxo .v-grid-editor-save:hover, .osbp-cxo .v-grid-editor-cancel:hover {
+ color: #ffdc43;
+}
+
+.osbp-cxo .v-grid-editor-save.v-disabled, .osbp-cxo .v-grid-editor-cancel.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-grid-spacer {
+ margin-top: -1px;
+}
+
+.osbp-cxo .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-content {
+ margin: 0 0 2px;
+ padding: 4px 4px 2px;
+}
+
+.osbp-cxo .v-grid-sidebar.v-contextmenu.closed {
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+}
+
+.osbp-cxo .v-grid-scroller::-webkit-scrollbar {
+ border: none;
+}
+
+.osbp-cxo .v-grid-scroller::-webkit-scrollbar-thumb {
+ border-radius: 10px;
+ border: 4px solid transparent;
+ background: rgba(0, 0, 0, 0.3);
+ -webkit-background-clip: content-box;
+ background-clip: content-box;
+}
+
+.osbp-cxo .v-grid-scroller-vertical::-webkit-scrollbar-thumb {
+ min-height: 30px;
+}
+
+.osbp-cxo .v-grid-scroller-horizontal::-webkit-scrollbar-thumb {
+ min-width: 30px;
+}
+
+.osbp-cxo .v-textfield {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 32px;
+ border-radius: 4px;
+ padding: 4px 8px;
+ border: 1px solid #d4d4d4;
+ background: white;
+ color: #474747;
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ width: 364px;
+}
+
+.v-ie8 .osbp-cxo .v-textfield, .v-ie9 .osbp-cxo .v-textfield {
+ line-height: 32px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-cxo .v-textfield.v-disabled {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-cxo .v-textfield:focus {
+ outline: none;
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1);
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+}
+
+.osbp-cxo .v-textfield[class*="prompt"] {
+ color: #a3a3a3;
+}
+
+.osbp-cxo .v-textfield-readonly {
+ background: #fafafa;
+ color: #464646;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-textfield-readonly:focus {
+ box-shadow: none;
+ border-color: #d4d4d4;
+}
+
+.osbp-cxo .v-textfield-error {
+ border-color: #ed473b !important;
+ background: #fffbfb;
+ color: #6c2621;
+}
+
+.osbp-cxo .v-textfield-borderless {
+ border: none;
+ border-radius: 0;
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: inherit;
+}
+
+.osbp-cxo .v-textfield-borderless:focus {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-textfield-borderless[class*="prompt"] {
+ color: inherit;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-textfield-tiny {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 32px;
+ border-radius: 4px;
+ padding: 4px 8px;
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ font-size: 16px;
+}
+
+.v-ie8 .osbp-cxo .v-textfield-tiny, .v-ie9 .osbp-cxo .v-textfield-tiny {
+ line-height: 32px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-cxo .v-textfield-compact, .osbp-cxo .v-textfield-small {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 27px;
+ border-radius: 4px;
+ padding: 3px 7px;
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+}
+
+.v-ie8 .osbp-cxo .v-textfield-compact, .v-ie9 .osbp-cxo .v-textfield-compact, .v-ie8 .osbp-cxo .v-textfield-small, .v-ie9 .osbp-cxo .v-textfield-small {
+ line-height: 27px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-cxo .v-textfield-small {
+ font-size: 14px;
+}
+
+.osbp-cxo .v-textfield-large {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 45px;
+ border-radius: 4px;
+ padding: 5px 10px;
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ font-size: 23px;
+}
+
+.v-ie8 .osbp-cxo .v-textfield-large, .v-ie9 .osbp-cxo .v-textfield-large {
+ line-height: 45px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-cxo .v-textfield-huge {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 58px;
+ border-radius: 4px;
+ padding: 6px 12px;
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ font-size: 29px;
+}
+
+.v-ie8 .osbp-cxo .v-textfield-huge, .v-ie9 .osbp-cxo .v-textfield-huge {
+ line-height: 58px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-cxo .v-slot-inline-icon {
+ position: relative;
+}
+
+.osbp-cxo .v-caption-inline-icon {
+ padding: 0;
+}
+
+.osbp-cxo .v-caption-inline-icon .v-captiontext {
+ font-size: 14px;
+ font-weight: 400;
+ padding-bottom: 0.3em;
+ padding-left: 1px;
+ margin: 0;
+}
+
+.osbp-cxo .v-caption-inline-icon .v-icon {
+ position: absolute;
+ z-index: 10;
+}
+
+.osbp-cxo .v-caption-inline-icon span.v-icon {
+ left: 1px;
+ bottom: 1px;
+ width: 32px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 16px;
+}
+
+.osbp-cxo .v-caption-inline-icon img.v-icon {
+ left: 8px;
+ bottom: 8px;
+}
+
+.osbp-cxo .v-textfield-inline-icon {
+ padding-left: 32px;
+}
+
+.osbp-cxo .v-slot-inline-icon.v-slot-tiny {
+ position: relative;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-tiny {
+ padding: 0;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-tiny .v-captiontext {
+ font-size: 14px;
+ font-weight: 400;
+ padding-bottom: 0.3em;
+ padding-left: 1px;
+ margin: 0;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-tiny .v-icon {
+ position: absolute;
+ z-index: 10;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-tiny span.v-icon {
+ left: 1px;
+ bottom: 1px;
+ width: 32px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 16px;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-tiny img.v-icon {
+ left: 8px;
+ bottom: 8px;
+}
+
+.osbp-cxo .v-textfield-inline-icon.v-textfield-tiny {
+ padding-left: 32px;
+}
+
+.osbp-cxo .v-slot-inline-icon.v-slot-compact {
+ position: relative;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-compact {
+ padding: 0;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-compact .v-captiontext {
+ font-size: 14px;
+ font-weight: 400;
+ padding-bottom: 0.3em;
+ padding-left: 1px;
+ margin: 0;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-compact .v-icon {
+ position: absolute;
+ z-index: 10;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-compact span.v-icon {
+ left: 1px;
+ bottom: 1px;
+ width: 27px;
+ line-height: 25px;
+ text-align: center;
+ font-size: 16px;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-compact img.v-icon {
+ left: 6px;
+ bottom: 6px;
+}
+
+.osbp-cxo .v-textfield-inline-icon.v-textfield-compact {
+ padding-left: 27px;
+}
+
+.osbp-cxo .v-slot-inline-icon.v-slot-small {
+ position: relative;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-small {
+ padding: 0;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-small .v-captiontext {
+ font-size: 14px;
+ font-weight: 400;
+ padding-bottom: 0.3em;
+ padding-left: 1px;
+ margin: 0;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-small .v-icon {
+ position: absolute;
+ z-index: 10;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-small span.v-icon {
+ left: 1px;
+ bottom: 1px;
+ width: 27px;
+ line-height: 25px;
+ text-align: center;
+ font-size: 14px;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-small img.v-icon {
+ left: 6px;
+ bottom: 6px;
+}
+
+.osbp-cxo .v-textfield-inline-icon.v-textfield-small {
+ padding-left: 27px;
+}
+
+.osbp-cxo .v-slot-inline-icon.v-slot-large {
+ position: relative;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-large {
+ padding: 0;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-large .v-captiontext {
+ font-size: 14px;
+ font-weight: 400;
+ padding-bottom: 0.3em;
+ padding-left: 1px;
+ margin: 0;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-large .v-icon {
+ position: absolute;
+ z-index: 10;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-large span.v-icon {
+ left: 1px;
+ bottom: 1px;
+ width: 45px;
+ line-height: 43px;
+ text-align: center;
+ font-size: 23px;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-large img.v-icon {
+ left: 15px;
+ bottom: 15px;
+}
+
+.osbp-cxo .v-textfield-inline-icon.v-textfield-large {
+ padding-left: 45px;
+}
+
+.osbp-cxo .v-slot-inline-icon.v-slot-huge {
+ position: relative;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-huge {
+ padding: 0;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-huge .v-captiontext {
+ font-size: 14px;
+ font-weight: 400;
+ padding-bottom: 0.3em;
+ padding-left: 1px;
+ margin: 0;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-huge .v-icon {
+ position: absolute;
+ z-index: 10;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-huge span.v-icon {
+ left: 1px;
+ bottom: 1px;
+ width: 58px;
+ line-height: 56px;
+ text-align: center;
+ font-size: 29px;
+}
+
+.osbp-cxo .v-caption-inline-icon.v-caption-huge img.v-icon {
+ left: 21px;
+ bottom: 21px;
+}
+
+.osbp-cxo .v-textfield-inline-icon.v-textfield-huge {
+ padding-left: 58px;
+}
+
+.osbp-cxo .v-textfield-align-right {
+ text-align: right;
+}
+
+.osbp-cxo .v-textfield-align-center {
+ text-align: center;
+}
+
+.osbp-cxo .v-textarea {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 32px;
+ border-radius: 4px;
+ padding: 5px;
+ border: 1px solid #d4d4d4;
+ background: white;
+ color: #474747;
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ height: auto;
+ resize: none;
+ white-space: pre-wrap;
+ width: 364px;
+}
+
+.v-ie8 .osbp-cxo .v-textarea, .v-ie9 .osbp-cxo .v-textarea {
+ line-height: 32px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-cxo .v-textarea.v-disabled {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-cxo .v-textarea:focus {
+ outline: none;
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1);
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+}
+
+.osbp-cxo .v-textarea[class*="prompt"] {
+ color: #a3a3a3;
+}
+
+.v-ie8 .osbp-cxo .v-textarea, .v-ie9 .osbp-cxo .v-textarea {
+ line-height: inherit;
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+.osbp-cxo .v-textarea-readonly {
+ background: #fafafa;
+ color: #464646;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-textarea-readonly:focus {
+ box-shadow: none;
+ border-color: #d4d4d4;
+}
+
+.osbp-cxo .v-textarea-error {
+ border-color: #ed473b !important;
+ background: #fffbfb;
+ color: #6c2621;
+}
+
+.osbp-cxo .v-textarea-borderless {
+ border: none;
+ border-radius: 0;
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: inherit;
+}
+
+.osbp-cxo .v-textarea-borderless:focus {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-textarea-borderless[class*="prompt"] {
+ color: inherit;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-textarea-tiny {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 32px;
+ border-radius: 4px;
+ padding: 5px;
+
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ height: auto;
+ resize: none;
+ white-space: pre-wrap;
+ font-size: 16px;
+}
+
+.v-ie8 .osbp-cxo .v-textarea-tiny, .v-ie9 .osbp-cxo .v-textarea-tiny {
+ line-height: 32px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.v-ie8 .osbp-cxo .v-textarea-tiny, .v-ie9 .osbp-cxo .v-textarea-tiny {
+ line-height: inherit;
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+.osbp-cxo .v-textarea-small {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 27px;
+ border-radius: 4px;
+ padding: 5px;
+
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ height: auto;
+ resize: none;
+ white-space: pre-wrap;
+ font-size: 14px;
+}
+
+.v-ie8 .osbp-cxo .v-textarea-small, .v-ie9 .osbp-cxo .v-textarea-small {
+ line-height: 27px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.v-ie8 .osbp-cxo .v-textarea-small, .v-ie9 .osbp-cxo .v-textarea-small {
+ line-height: inherit;
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
+
+.osbp-cxo .v-textarea-large {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 45px;
+ border-radius: 4px;
+ padding: 5px;
+
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ height: auto;
+ resize: none;
+ white-space: pre-wrap;
+ font-size: 23px;
+}
+
+.v-ie8 .osbp-cxo .v-textarea-large, .v-ie9 .osbp-cxo .v-textarea-large {
+ line-height: 45px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.v-ie8 .osbp-cxo .v-textarea-large, .v-ie9 .osbp-cxo .v-textarea-large {
+ line-height: inherit;
+ padding-top: 5px;
+ padding-bottom: 5px;
+}
+
+.osbp-cxo .v-textarea-huge {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 58px;
+ border-radius: 4px;
+ padding: 5px;
+
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ height: auto;
+ resize: none;
+ white-space: pre-wrap;
+ font-size: 29px;
+}
+
+.v-ie8 .osbp-cxo .v-textarea-huge, .v-ie9 .osbp-cxo .v-textarea-huge {
+ line-height: 58px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.v-ie8 .osbp-cxo .v-textarea-huge, .v-ie9 .osbp-cxo .v-textarea-huge {
+ line-height: inherit;
+ padding-top: 6px;
+ padding-bottom: 6px;
+}
+
+.osbp-cxo .v-textarea-align-right {
+ text-align: right;
+}
+
+.osbp-cxo .v-textarea-align-center {
+ text-align: center;
+}
+
+.osbp-cxo .v-datefield {
+ position: relative;
+ width: 364px;
+ height: 32px;
+ border-radius: 4px;
+}
+
+.osbp-cxo .v-datefield [class*="textfield"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 32px;
+ border-radius: 4px;
+ padding: 4px 8px;
+ border: 1px solid #d4d4d4;
+ background: white;
+ color: #474747;
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ padding-left: 38.4px;
+ width: 100%;
+ height: 100%;
+ border-radius: inherit;
+}
+
+.v-ie8 .osbp-cxo .v-datefield [class*="textfield"], .v-ie9 .osbp-cxo .v-datefield [class*="textfield"] {
+ line-height: 32px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-cxo .v-datefield [class*="textfield"].v-disabled {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-cxo .v-datefield [class*="textfield"]:focus {
+ outline: none;
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1);
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+}
+
+.osbp-cxo .v-datefield [class*="textfield"][class*="prompt"] {
+ color: #a3a3a3;
+}
+
+.osbp-cxo .v-datefield[class*="prompt"] > [class*="textfield"] {
+ color: #a3a3a3;
+}
+
+.osbp-cxo .v-datefield [class*="button"] {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ -webkit-appearance: none;
+ background: transparent;
+ padding: 0;
+ position: absolute;
+ z-index: 10;
+ width: 32px;
+ line-height: 30px;
+ text-align: center;
+ font: inherit;
+ outline: none;
+ margin: 0;
+ top: 1px;
+ bottom: 1px;
+ left: 1px;
+ border: none;
+ border-right: 1px solid #d4d4d4;
+ color: #a3a3a3;
+ border-radius: 3px 0 0 3px;
+}
+
+.osbp-cxo .v-datefield [class*="button"]:hover {
+ color: #474747;
+}
+
+.osbp-cxo .v-datefield [class*="button"]:before {
+ font-family: ThemeIcons;
+ content: "\f073";
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+}
+
+.osbp-cxo .v-datefield [class*="button"]:active:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background-color: rgba(128, 128, 128, 0.2);
+ border-radius: inherit;
+}
+
+.osbp-cxo .v-datefield.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-datefield.v-disabled [class*="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-cxo .v-datefield.v-disabled [class*="button"]:active:after {
+ display: none;
+}
+
+.osbp-cxo .v-datefield.v-readonly [class*="textfield"] {
+ background: #fafafa;
+ color: #464646;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-datefield.v-readonly [class*="textfield"]:focus {
+ box-shadow: none;
+ border-color: #d4d4d4;
+}
+
+.osbp-cxo .v-datefield.v-readonly [class*="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-cxo .v-datefield.v-readonly [class*="button"]:active:after {
+ display: none;
+}
+
+.osbp-cxo .v-datefield-error .v-datefield-textfield {
+ border-color: #ed473b !important;
+ background: #fffbfb;
+ color: #6c2621;
+}
+
+.osbp-cxo .v-datefield-error .v-datefield-button {
+ color: #ed473b;
+ border-color: #ed473b;
+}
+
+.osbp-cxo .v-datefield-full {
+ width: 240px;
+}
+
+.osbp-cxo .v-datefield-day {
+ width: 364px;
+}
+
+.osbp-cxo .v-datefield-month {
+ width: 120px;
+}
+
+.osbp-cxo .v-datefield-year {
+ width: 104px;
+}
+
+.osbp-cxo .v-datefield-popup {
+ padding: 4px 4px;
+ border-radius: 4px;
+ background-color: white;
+ color: #474747;
+ -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ margin-top: 4px !important;
+ margin-bottom: 4px !important;
+ margin-right: 4px !important;
+ cursor: default;
+ width: auto;
+}
+
+.osbp-cxo .v-datefield-popup[class*="animate-in"] {
+ -webkit-animation: valo-overlay-animate-in 120ms;
+ -moz-animation: valo-overlay-animate-in 120ms;
+ animation: valo-overlay-animate-in 120ms;
+}
+
+.osbp-cxo .v-datefield-popup[class*="animate-out"] {
+ -webkit-animation: valo-animate-out-fade 120ms;
+ -moz-animation: valo-animate-out-fade 120ms;
+ animation: valo-animate-out-fade 120ms;
+}
+
+.osbp-cxo .v-datefield-popup table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ margin: 0 auto;
+}
+
+.osbp-cxo .v-datefield-popup td {
+ padding: 2px;
+}
+
+.osbp-cxo .v-datefield-popup .v-datefield-calendarpanel {
+ font-size: 16px;
+ text-align: center;
+}
+
+.osbp-cxo .v-datefield-popup .v-datefield-calendarpanel:focus {
+ outline: none;
+}
+
+.osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-day {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 26px;
+ height: 22px;
+ border: 1px solid transparent;
+ line-height: 22px;
+ text-align: center;
+ font-size: 14px;
+ background: #fafafa;
+ border-radius: 2px;
+ -webkit-transition: color 200ms;
+ -moz-transition: color 200ms;
+ transition: color 200ms;
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer;
+}
+
+.osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-day:hover {
+ color: #ffd210;
+}
+
+.osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-day-offmonth {
+ color: #a0a0a0;
+ background: transparent;
+}
+
+.osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-day-today {
+ color: #191919;
+ font-weight: 600;
+ border-color: #afafaf;
+}
+
+.osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover {
+ color: #3e350e;
+ background-color: #ffd210;
+ background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%);
+ background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%);
+ border: none;
+ font-weight: 600;
+}
+
+.osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ position: relative;
+}
+
+.v-ie8 .osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
+ border-color: #ffd210;
+}
+
+.osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover {
+ color: #a0a0a0;
+ cursor: not-allowed;
+}
+
+.osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-weekdays {
+ height: 22px;
+ color: rgba(133, 133, 133, 0.85);
+}
+
+.osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-weekdays strong {
+ font: inherit;
+ font-size: 14px;
+}
+
+.osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-header {
+ white-space: nowrap;
+}
+
+.osbp-cxo .v-datefield-popup td[class*="year"] button, .osbp-cxo .v-datefield-popup td[class*="month"] button {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ border: none;
+ background: transparent;
+ padding: 0;
+ margin: 0;
+ cursor: pointer;
+ color: transparent;
+ font-size: 0;
+ width: 16px;
+ height: 21px;
+ outline: none;
+ position: relative;
+ vertical-align: middle;
+}
+
+.osbp-cxo .v-datefield-popup td[class*="year"] button:before, .osbp-cxo .v-datefield-popup td[class*="month"] button:before {
+ color: #a0a0a0;
+ font-size: 21px;
+ line-height: 24px;
+ -webkit-transition: color 200ms;
+ -moz-transition: color 200ms;
+ transition: color 200ms;
+}
+
+.osbp-cxo .v-datefield-popup td[class*="year"] button:hover:before, .osbp-cxo .v-datefield-popup td[class*="month"] button:hover:before {
+ color: #ffd210;
+}
+
+.osbp-cxo .v-datefield-popup td[class*="year"] button.outside-range, .osbp-cxo .v-datefield-popup td[class*="month"] button.outside-range {
+ cursor: default;
+ opacity: 0.3;
+ filter: alpha(opacity=30.0) ;
+}
+
+.osbp-cxo .v-datefield-popup td[class*="year"] button.outside-range:hover:before, .osbp-cxo .v-datefield-popup td[class*="month"] button.outside-range:hover:before {
+ color: #a0a0a0;
+}
+
+.osbp-cxo .v-datefield-popup .v-button-prevyear:before {
+ font-family: ThemeIcons;
+ content: "\f100";
+}
+
+.osbp-cxo .v-datefield-popup .v-button-prevmonth:before {
+ font-family: ThemeIcons;
+ content: "\f104";
+}
+
+.osbp-cxo .v-datefield-popup .v-button-nextyear:before {
+ font-family: ThemeIcons;
+ content: "\f101";
+}
+
+.osbp-cxo .v-datefield-popup .v-button-nextmonth:before {
+ font-family: ThemeIcons;
+ content: "\f105";
+}
+
+.osbp-cxo .v-datefield-popup td.v-datefield-calendarpanel-month {
+ width: 128px;
+ color: #ffd210;
+}
+
+.osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month {
+ width: 64px;
+}
+
+.osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-weeknumber, .osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child {
+ width: 26px;
+ color: rgba(133, 133, 133, 0.85);
+ font-size: 14px;
+ display: inline-block;
+ text-align: left;
+}
+
+.osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-weeknumber {
+ position: relative;
+}
+
+.osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-weeknumbers .v-first:before {
+ content: "";
+ position: absolute;
+ top: 32px;
+ bottom: 0;
+ left: 0;
+ width: 30px;
+ border-top: 1px solid #d4d4d4;
+ border-right: 1px solid #d4d4d4;
+ border-top-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+ background: #fff;
+}
+
+.osbp-cxo .v-datefield-popup td.v-datefield-calendarpanel-time {
+ width: 100%;
+ font-size: 14px;
+}
+
+.osbp-cxo .v-datefield-popup td.v-datefield-calendarpanel-time .v-label {
+ display: inline;
+ margin: 0 0.1em;
+ font-weight: 400;
+}
+
+.osbp-cxo .v-datefield-calendarpanel {
+ font-size: 16px;
+ text-align: center;
+}
+
+.osbp-cxo .v-datefield-calendarpanel:focus {
+ outline: none;
+}
+
+.osbp-cxo .v-datefield-calendarpanel-day {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 26px;
+ height: 22px;
+ border: 1px solid transparent;
+ line-height: 22px;
+ text-align: center;
+ font-size: 14px;
+ background: #fafafa;
+ border-radius: 2px;
+ -webkit-transition: color 200ms;
+ -moz-transition: color 200ms;
+ transition: color 200ms;
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer;
+}
+
+.osbp-cxo .v-datefield-calendarpanel-day:hover {
+ color: #ffd210;
+}
+
+.osbp-cxo .v-datefield-calendarpanel-day-offmonth {
+ color: #a0a0a0;
+ background: transparent;
+}
+
+.osbp-cxo .v-datefield-calendarpanel-day-today {
+ color: #191919;
+ font-weight: 600;
+ border-color: #afafaf;
+}
+
+.osbp-cxo .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .osbp-cxo .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover {
+ color: #3e350e;
+ background-color: #ffd210;
+ background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%);
+ background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%);
+ border: none;
+ font-weight: 600;
+}
+
+.osbp-cxo .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ position: relative;
+}
+
+.v-ie8 .osbp-cxo .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
+ border-color: #ffd210;
+}
+
+.osbp-cxo .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .osbp-cxo .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover {
+ color: #a0a0a0;
+ cursor: not-allowed;
+}
+
+.osbp-cxo .v-datefield-calendarpanel-weekdays {
+ height: 22px;
+ color: rgba(133, 133, 133, 0.85);
+}
+
+.osbp-cxo .v-datefield-calendarpanel-weekdays strong {
+ font: inherit;
+ font-size: 14px;
+}
+
+.osbp-cxo .v-datefield-calendarpanel-header {
+ white-space: nowrap;
+}
+
+.osbp-cxo td[class*="year"] button, .osbp-cxo td[class*="month"] button {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ border: none;
+ background: transparent;
+ padding: 0;
+ margin: 0;
+ cursor: pointer;
+ color: transparent;
+ font-size: 0;
+ width: 16px;
+ height: 21px;
+ outline: none;
+ position: relative;
+ vertical-align: middle;
+}
+
+.osbp-cxo td[class*="year"] button:before, .osbp-cxo td[class*="month"] button:before {
+ color: #a0a0a0;
+ font-size: 21px;
+ line-height: 24px;
+ -webkit-transition: color 200ms;
+ -moz-transition: color 200ms;
+ transition: color 200ms;
+}
+
+.osbp-cxo td[class*="year"] button:hover:before, .osbp-cxo td[class*="month"] button:hover:before {
+ color: #ffd210;
+}
+
+.osbp-cxo td[class*="year"] button.outside-range, .osbp-cxo td[class*="month"] button.outside-range {
+ cursor: default;
+ opacity: 0.3;
+ filter: alpha(opacity=30.0) ;
+}
+
+.osbp-cxo td[class*="year"] button.outside-range:hover:before, .osbp-cxo td[class*="month"] button.outside-range:hover:before {
+ color: #a0a0a0;
+}
+
+.osbp-cxo .v-button-prevyear:before {
+ font-family: ThemeIcons;
+ content: "\f100";
+}
+
+.osbp-cxo .v-button-prevmonth:before {
+ font-family: ThemeIcons;
+ content: "\f104";
+}
+
+.osbp-cxo .v-button-nextyear:before {
+ font-family: ThemeIcons;
+ content: "\f101";
+}
+
+.osbp-cxo .v-button-nextmonth:before {
+ font-family: ThemeIcons;
+ content: "\f105";
+}
+
+.osbp-cxo td.v-datefield-calendarpanel-month {
+ width: 128px;
+ color: #ffd210;
+}
+
+.osbp-cxo .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month {
+ width: 64px;
+}
+
+.osbp-cxo .v-datefield-calendarpanel-weeknumber, .osbp-cxo .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child {
+ width: 26px;
+ color: rgba(133, 133, 133, 0.85);
+ font-size: 14px;
+ display: inline-block;
+ text-align: left;
+}
+
+.osbp-cxo .v-datefield-calendarpanel-weeknumber {
+ position: relative;
+}
+
+.osbp-cxo .v-datefield-calendarpanel-weeknumbers .v-first:before {
+ content: "";
+ position: absolute;
+ top: 32px;
+ bottom: 0;
+ left: 0;
+ width: 30px;
+ border-top: 1px solid #d4d4d4;
+ border-right: 1px solid #d4d4d4;
+ border-top-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+ background: #fff;
+}
+
+.osbp-cxo td.v-datefield-calendarpanel-time {
+ width: 100%;
+ font-size: 14px;
+}
+
+.osbp-cxo td.v-datefield-calendarpanel-time .v-label {
+ display: inline;
+ margin: 0 0.1em;
+ font-weight: 400;
+}
+
+.osbp-cxo .v-datefield-borderless .v-datefield-textfield {
+ border: none;
+ border-radius: 0;
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: inherit;
+}
+
+.osbp-cxo .v-datefield-borderless .v-datefield-textfield:focus {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-datefield-borderless .v-datefield-textfield[class*="prompt"] {
+ color: inherit;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-datefield-borderless .v-datefield-button {
+ border: none;
+ color: inherit;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-datefield-align-right input {
+ text-align: right;
+}
+
+.osbp-cxo .v-datefield-align-center input {
+ text-align: center;
+}
+
+.osbp-cxo .v-datefield-tiny {
+ height: 32px;
+ border-radius: 4px;
+ font-size: 16px;
+}
+
+.osbp-cxo .v-datefield-tiny [class*="textfield"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 32px;
+ border-radius: 4px;
+ padding: 4px 8px;
+
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ padding-left: 38.4px;
+ width: 100%;
+ height: 100%;
+ border-radius: inherit;
+}
+
+.v-ie8 .osbp-cxo .v-datefield-tiny [class*="textfield"], .v-ie9 .osbp-cxo .v-datefield-tiny [class*="textfield"] {
+ line-height: 32px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-cxo .v-datefield-tiny [class*="button"] {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ -webkit-appearance: none;
+ background: transparent;
+ padding: 0;
+ position: absolute;
+ z-index: 10;
+ width: 32px;
+ line-height: 32px;
+ text-align: center;
+ font: inherit;
+ outline: none;
+ margin: 0;
+ border-radius: 4px 0 0 4px;
+}
+
+.osbp-cxo .v-datefield-tiny [class*="button"]:before {
+ font-family: ThemeIcons;
+ content: "\f073";
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+}
+
+.osbp-cxo .v-datefield-tiny [class*="button"]:active:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+}
+
+.osbp-cxo .v-datefield-tiny.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-datefield-tiny.v-disabled [class*="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-cxo .v-datefield-tiny.v-disabled [class*="button"]:active:after {
+ display: none;
+}
+
+.osbp-cxo .v-datefield-tiny.v-readonly [class*="textfield"] {
+ background: #fafafa;
+ color: #464646;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-datefield-tiny.v-readonly [class*="textfield"]:focus {
+ box-shadow: none;
+ border-color: #d4d4d4;
+}
+
+.osbp-cxo .v-datefield-tiny.v-readonly [class*="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-cxo .v-datefield-tiny.v-readonly [class*="button"]:active:after {
+ display: none;
+}
+
+.osbp-cxo .v-datefield-compact, .osbp-cxo .v-datefield-small {
+ height: 27px;
+ border-radius: 4px;
+}
+
+.osbp-cxo .v-datefield-compact [class*="textfield"], .osbp-cxo .v-datefield-small [class*="textfield"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 27px;
+ border-radius: 4px;
+ padding: 3px 7px;
+
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ padding-left: 32.4px;
+ width: 100%;
+ height: 100%;
+ border-radius: inherit;
+}
+
+.v-ie8 .osbp-cxo .v-datefield-compact [class*="textfield"], .v-ie9 .osbp-cxo .v-datefield-compact [class*="textfield"], .v-ie8 .osbp-cxo .v-datefield-small [class*="textfield"], .v-ie9 .osbp-cxo .v-datefield-small [class*="textfield"] {
+ line-height: 27px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-cxo .v-datefield-compact [class*="button"], .osbp-cxo .v-datefield-small [class*="button"] {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ -webkit-appearance: none;
+ background: transparent;
+ padding: 0;
+ position: absolute;
+ z-index: 10;
+ width: 27px;
+ line-height: 27px;
+ text-align: center;
+ font: inherit;
+ outline: none;
+ margin: 0;
+ border-radius: 4px 0 0 4px;
+}
+
+.osbp-cxo .v-datefield-compact [class*="button"]:before, .osbp-cxo .v-datefield-small [class*="button"]:before {
+ font-family: ThemeIcons;
+ content: "\f073";
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+}
+
+.osbp-cxo .v-datefield-compact [class*="button"]:active:after, .osbp-cxo .v-datefield-small [class*="button"]:active:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+}
+
+.osbp-cxo .v-datefield-compact.v-disabled, .osbp-cxo .v-datefield-small.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-datefield-compact.v-disabled [class*="button"], .osbp-cxo .v-datefield-small.v-disabled [class*="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-cxo .v-datefield-compact.v-disabled [class*="button"]:active:after, .osbp-cxo .v-datefield-small.v-disabled [class*="button"]:active:after {
+ display: none;
+}
+
+.osbp-cxo .v-datefield-compact.v-readonly [class*="textfield"], .osbp-cxo .v-datefield-small.v-readonly [class*="textfield"] {
+ background: #fafafa;
+ color: #464646;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-datefield-compact.v-readonly [class*="textfield"]:focus, .osbp-cxo .v-datefield-small.v-readonly [class*="textfield"]:focus {
+ box-shadow: none;
+ border-color: #d4d4d4;
+}
+
+.osbp-cxo .v-datefield-compact.v-readonly [class*="button"], .osbp-cxo .v-datefield-small.v-readonly [class*="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-cxo .v-datefield-compact.v-readonly [class*="button"]:active:after, .osbp-cxo .v-datefield-small.v-readonly [class*="button"]:active:after {
+ display: none;
+}
+
+.osbp-cxo .v-datefield-small {
+ font-size: 14px;
+}
+
+.osbp-cxo .v-datefield-large {
+ height: 45px;
+ border-radius: 4px;
+ font-size: 23px;
+}
+
+.osbp-cxo .v-datefield-large [class*="textfield"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 45px;
+ border-radius: 4px;
+ padding: 5px 10px;
+
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ padding-left: 54.0px;
+ width: 100%;
+ height: 100%;
+ border-radius: inherit;
+}
+
+.v-ie8 .osbp-cxo .v-datefield-large [class*="textfield"], .v-ie9 .osbp-cxo .v-datefield-large [class*="textfield"] {
+ line-height: 45px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-cxo .v-datefield-large [class*="button"] {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ -webkit-appearance: none;
+ background: transparent;
+ padding: 0;
+ position: absolute;
+ z-index: 10;
+ width: 45px;
+ line-height: 45px;
+ text-align: center;
+ font: inherit;
+ outline: none;
+ margin: 0;
+ border-radius: 4px 0 0 4px;
+}
+
+.osbp-cxo .v-datefield-large [class*="button"]:before {
+ font-family: ThemeIcons;
+ content: "\f073";
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+}
+
+.osbp-cxo .v-datefield-large [class*="button"]:active:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+}
+
+.osbp-cxo .v-datefield-large.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-datefield-large.v-disabled [class*="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-cxo .v-datefield-large.v-disabled [class*="button"]:active:after {
+ display: none;
+}
+
+.osbp-cxo .v-datefield-large.v-readonly [class*="textfield"] {
+ background: #fafafa;
+ color: #464646;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-datefield-large.v-readonly [class*="textfield"]:focus {
+ box-shadow: none;
+ border-color: #d4d4d4;
+}
+
+.osbp-cxo .v-datefield-large.v-readonly [class*="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-cxo .v-datefield-large.v-readonly [class*="button"]:active:after {
+ display: none;
+}
+
+.osbp-cxo .v-datefield-huge {
+ height: 58px;
+ border-radius: 4px;
+ font-size: 29px;
+}
+
+.osbp-cxo .v-datefield-huge [class*="textfield"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 58px;
+ border-radius: 4px;
+ padding: 6px 12px;
+
+
+
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ padding-left: 69.60001px;
+ width: 100%;
+ height: 100%;
+ border-radius: inherit;
+}
+
+.v-ie8 .osbp-cxo .v-datefield-huge [class*="textfield"], .v-ie9 .osbp-cxo .v-datefield-huge [class*="textfield"] {
+ line-height: 58px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-cxo .v-datefield-huge [class*="button"] {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ -webkit-appearance: none;
+ background: transparent;
+ padding: 0;
+ position: absolute;
+ z-index: 10;
+ width: 58px;
+ line-height: 58px;
+ text-align: center;
+ font: inherit;
+ outline: none;
+ margin: 0;
+ border-radius: 4px 0 0 4px;
+}
+
+.osbp-cxo .v-datefield-huge [class*="button"]:before {
+ font-family: ThemeIcons;
+ content: "\f073";
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+}
+
+.osbp-cxo .v-datefield-huge [class*="button"]:active:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+}
+
+.osbp-cxo .v-datefield-huge.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-datefield-huge.v-disabled [class*="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-cxo .v-datefield-huge.v-disabled [class*="button"]:active:after {
+ display: none;
+}
+
+.osbp-cxo .v-datefield-huge.v-readonly [class*="textfield"] {
+ background: #fafafa;
+ color: #464646;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-datefield-huge.v-readonly [class*="textfield"]:focus {
+ box-shadow: none;
+ border-color: #d4d4d4;
+}
+
+.osbp-cxo .v-datefield-huge.v-readonly [class*="button"] {
+ cursor: default;
+ pointer-events: none;
+}
+
+.osbp-cxo .v-datefield-huge.v-readonly [class*="button"]:active:after {
+ display: none;
+}
+
+.osbp-cxo .v-inline-datefield-calendarpanel {
+ font-size: 16px;
+ text-align: center;
+}
+
+.osbp-cxo .v-inline-datefield-calendarpanel:focus {
+ outline: none;
+}
+
+.osbp-cxo .v-inline-datefield-calendarpanel-day {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 26px;
+ height: 22px;
+ border: 1px solid transparent;
+ line-height: 22px;
+ text-align: center;
+ font-size: 14px;
+ background: #fafafa;
+ border-radius: 2px;
+ -webkit-transition: color 200ms;
+ -moz-transition: color 200ms;
+ transition: color 200ms;
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer;
+}
+
+.osbp-cxo .v-inline-datefield-calendarpanel-day:hover {
+ color: #ffd210;
+}
+
+.osbp-cxo .v-inline-datefield-calendarpanel-day-offmonth {
+ color: #a0a0a0;
+ background: transparent;
+}
+
+.osbp-cxo .v-inline-datefield-calendarpanel-day-today {
+ color: #191919;
+ font-weight: 600;
+ border-color: #afafaf;
+}
+
+.osbp-cxo .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-selected, .osbp-cxo .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-selected:hover {
+ color: #3e350e;
+ background-color: #ffd210;
+ background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%);
+ background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%);
+ border: none;
+ font-weight: 600;
+}
+
+.osbp-cxo .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-focused {
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ position: relative;
+}
+
+.v-ie8 .osbp-cxo .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-focused {
+ border-color: #ffd210;
+}
+
+.osbp-cxo .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-outside-range, .osbp-cxo .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-outside-range:hover {
+ color: #a0a0a0;
+ cursor: not-allowed;
+}
+
+.osbp-cxo .v-inline-datefield-calendarpanel-weekdays {
+ height: 22px;
+ color: rgba(133, 133, 133, 0.85);
+}
+
+.osbp-cxo .v-inline-datefield-calendarpanel-weekdays strong {
+ font: inherit;
+ font-size: 14px;
+}
+
+.osbp-cxo .v-inline-datefield-calendarpanel-header {
+ white-space: nowrap;
+}
+
+.osbp-cxo td[class*="year"] button, .osbp-cxo td[class*="month"] button {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ border: none;
+ background: transparent;
+ padding: 0;
+ margin: 0;
+ cursor: pointer;
+ color: transparent;
+ font-size: 0;
+ width: 16px;
+ height: 21px;
+ outline: none;
+ position: relative;
+ vertical-align: middle;
+}
+
+.osbp-cxo td[class*="year"] button:before, .osbp-cxo td[class*="month"] button:before {
+ color: #a0a0a0;
+ font-size: 21px;
+ line-height: 24px;
+ -webkit-transition: color 200ms;
+ -moz-transition: color 200ms;
+ transition: color 200ms;
+}
+
+.osbp-cxo td[class*="year"] button:hover:before, .osbp-cxo td[class*="month"] button:hover:before {
+ color: #ffd210;
+}
+
+.osbp-cxo td[class*="year"] button.outside-range, .osbp-cxo td[class*="month"] button.outside-range {
+ cursor: default;
+ opacity: 0.3;
+ filter: alpha(opacity=30.0) ;
+}
+
+.osbp-cxo td[class*="year"] button.outside-range:hover:before, .osbp-cxo td[class*="month"] button.outside-range:hover:before {
+ color: #a0a0a0;
+}
+
+.osbp-cxo .v-button-prevyear:before {
+ font-family: ThemeIcons;
+ content: "\f100";
+}
+
+.osbp-cxo .v-button-prevmonth:before {
+ font-family: ThemeIcons;
+ content: "\f104";
+}
+
+.osbp-cxo .v-button-nextyear:before {
+ font-family: ThemeIcons;
+ content: "\f101";
+}
+
+.osbp-cxo .v-button-nextmonth:before {
+ font-family: ThemeIcons;
+ content: "\f105";
+}
+
+.osbp-cxo td.v-inline-datefield-calendarpanel-month {
+ width: 128px;
+ color: #ffd210;
+}
+
+.osbp-cxo .v-inline-datefield-calendarpanel-year td.v-inline-datefield-calendarpanel-month {
+ width: 64px;
+}
+
+.osbp-cxo .v-inline-datefield-calendarpanel-weeknumber, .osbp-cxo .v-inline-datefield-calendarpanel-weekdays.v-inline-datefield-calendarpanel-weeknumbers td:first-child {
+ width: 26px;
+ color: rgba(133, 133, 133, 0.85);
+ font-size: 14px;
+ display: inline-block;
+ text-align: left;
+}
+
+.osbp-cxo .v-inline-datefield-calendarpanel-weeknumber {
+ position: relative;
+}
+
+.osbp-cxo .v-inline-datefield-calendarpanel-weeknumbers .v-first:before {
+ content: "";
+ position: absolute;
+ top: 32px;
+ bottom: 0;
+ left: 0;
+ width: 30px;
+ border-top: 1px solid #d4d4d4;
+ border-right: 1px solid #d4d4d4;
+ border-top-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+ background: #fff;
+}
+
+.osbp-cxo td.v-inline-datefield-calendarpanel-time {
+ width: 100%;
+ font-size: 14px;
+}
+
+.osbp-cxo td.v-inline-datefield-calendarpanel-time .v-label {
+ display: inline;
+ margin: 0 0.1em;
+ font-weight: 400;
+}
+
+.osbp-cxo .v-inline-datefield-calendarpanel {
+ position: relative;
+ background: white;
+ padding: 5px;
+}
+
+.osbp-cxo .v-gridlayout-margin-top {
+ padding-top: 32px;
+}
+
+.osbp-cxo .v-gridlayout-margin-bottom {
+ padding-bottom: 32px;
+}
+
+.osbp-cxo .v-gridlayout-margin-left {
+ padding-left: 32px;
+}
+
+.osbp-cxo .v-gridlayout-margin-right {
+ padding-right: 32px;
+}
+
+.osbp-cxo .v-gridlayout-spacing-on {
+ padding-left: 10px;
+ padding-top: 10px;
+}
+
+.osbp-cxo .v-menubar {
+ position: relative;
+ text-align: center;
+ white-space: nowrap;
+ outline: none;
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ height: 32px;
+ padding: 0 14px;
+ color: #191919;
+ font-weight: 400;
+
+ cursor: default;
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-bottom-color: #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ padding: 0;
+ text-align: left;
+ line-height: 30px;
+}
+
+.osbp-cxo .v-menubar:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+}
+
+.osbp-cxo .v-menubar:focus:after {
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+}
+
+.osbp-cxo .v-menubar.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-menubar.v-disabled:after {
+ display: none;
+}
+
+.osbp-cxo .v-menubar:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-cxo .v-menubar:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+}
+
+.osbp-cxo .v-menubar > .v-menubar-menuitem {
+ padding: 0 12px;
+}
+
+.osbp-cxo .v-menubar > .v-menubar-menuitem[class*="-icon-only"] {
+ width: 32px;
+}
+
+.osbp-cxo .v-menubar:active:after {
+ background: transparent;
+}
+
+.osbp-cxo .v-menubar > .v-menubar-menuitem {
+ position: relative;
+ z-index: 1;
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ height: 32px;
+ padding: 0 13px;
+ color: inherit;
+ font-weight: 400;
+
+ cursor: pointer;
+ border-radius: 0;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-bottom-color: #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+
+
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border-width: 0 1px 0 0;
+ border-color: inherit;
+ height: 100%;
+ line-height: inherit;
+ vertical-align: top;
+ text-align: center;
+}
+
+.osbp-cxo .v-menubar > .v-menubar-menuitem:first-child {
+ border-left-width: 0;
+ border-radius: 3px 0 0 3px;
+}
+
+.osbp-cxo .v-menubar > .v-menubar-menuitem:last-child {
+ border-radius: 0 3px 3px 0;
+ border-right-width: 0;
+}
+
+.osbp-cxo .v-menubar > .v-menubar-menuitem:first-child:last-child {
+ border-radius: 3px;
+}
+
+.osbp-cxo .v-menubar > .v-menubar-menuitem:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+}
+
+.osbp-cxo .v-menubar > .v-menubar-menuitem:hover {
+ zoom: 1;
+}
+
+.osbp-cxo .v-menubar > .v-menubar-menuitem:hover:before {
+ background-color: rgba(186, 186, 186, 0.1);
+ border: none;
+}
+
+.osbp-cxo .v-menubar > .v-menubar-menuitem:active:before {
+ background-color: rgba(125, 125, 125, 0.2);
+}
+
+.osbp-cxo .v-menubar > .v-menubar-menuitem .v-icon {
+ margin: 0 3px 0 -3px;
+ cursor: inherit;
+}
+
+.osbp-cxo .v-menubar > .v-menubar-menuitem[class*="-icon-only"] {
+ width: 32px;
+ padding: 0;
+}
+
+.osbp-cxo .v-menubar > .v-menubar-menuitem[class*="-icon-only"] .v-icon {
+ margin: 0;
+}
+
+.osbp-cxo .v-menubar > .v-menubar-menuitem-checked {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background-color: #ededed;
+ background-image: -webkit-linear-gradient(bottom, #ededed 2%, #e9e9e9 98%);
+ background-image: linear-gradient(to top,#ededed 2%, #e9e9e9 98%);
+ color: #181818;
+}
+
+.osbp-cxo .v-disabled > .v-menubar-menuitem, .osbp-cxo .v-menubar > .v-menubar-menuitem-disabled {
+ cursor: default;
+}
+
+.osbp-cxo .v-disabled > .v-menubar-menuitem:before, .osbp-cxo .v-menubar > .v-menubar-menuitem-disabled:before {
+ display: none;
+}
+
+.osbp-cxo .v-menubar-menuitem-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-menubar > .v-menubar-menuitem-selected {
+ color: #151206;
+
+
+
+ border-radius: 0;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-bottom-color: #d4d4d4;
+ background-color: #ffd210;
+ background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%);
+ background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%);
+
+
+ border-top-width: 0;
+ border-left-width: 0;
+ border-bottom-width: 0;
+ z-index: 2;
+}
+
+.osbp-cxo .v-menubar > .v-menubar-menuitem-selected:hover:before {
+ background: none;
+}
+
+.osbp-cxo .v-menubar .v-menubar-submenu-indicator {
+ display: none;
+}
+
+.osbp-cxo .v-menubar .v-menubar-submenu-indicator + .v-menubar-menuitem-caption:after {
+ font-family: ThemeIcons;
+ content: "\f078";
+ font-size: 0.7em;
+ vertical-align: 0.15em;
+ margin: 0 -0.2em 0 0.5em;
+ opacity: 0.5;
+}
+
+.osbp-cxo .v-menubar .v-menubar-submenu-indicator + .v-menubar-menuitem-caption:empty:after {
+ margin-left: -0.2em;
+}
+
+.osbp-cxo .v-menubar-popup {
+ padding: 4px 4px;
+ border-radius: 4px;
+ background-color: white;
+ color: #474747;
+ -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ padding: 4px 4px;
+ margin: 4px 0 0 1px !important;
+}
+
+.osbp-cxo .v-menubar-popup[class*="animate-in"] {
+ -webkit-animation: valo-overlay-animate-in 120ms;
+ -moz-animation: valo-overlay-animate-in 120ms;
+ animation: valo-overlay-animate-in 120ms;
+}
+
+.osbp-cxo .v-menubar-popup[class*="animate-out"] {
+ -webkit-animation: valo-animate-out-fade 120ms;
+ -moz-animation: valo-animate-out-fade 120ms;
+ animation: valo-animate-out-fade 120ms;
+}
+
+.osbp-cxo .v-menubar-popup .v-menubar-submenu {
+ outline: none;
+}
+
+.osbp-cxo .v-menubar-popup .v-menubar-menuitem {
+ display: block;
+ cursor: pointer;
+ line-height: 23px;
+ padding: 0 16px 0 8px;
+ border-radius: 3px;
+ font-weight: 400;
+ white-space: nowrap;
+ position: relative;
+ padding-left: 27px;
+ padding-right: 32px;
+ position: relative;
+}
+
+.osbp-cxo .v-menubar-popup .v-menubar-menuitem:active:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: #be9a00;
+ opacity: 0.15;
+ filter: alpha(opacity=15.0) ;
+ pointer-events: none;
+ border-radius: inherit;
+}
+
+.osbp-cxo .v-menubar-popup .v-menubar-menuitem .v-icon {
+ max-height: 23px;
+ margin-right: 4px;
+ min-width: 1em;
+}
+
+.osbp-cxo .v-menubar-popup .v-menubar-submenu-indicator {
+ display: none;
+}
+
+.osbp-cxo .v-menubar-popup .v-menubar-submenu-indicator + .v-menubar-menuitem-caption:after {
+ position: absolute;
+ right: 8px;
+ font-family: ThemeIcons;
+ content: "\f054";
+ line-height: 25px;
+}
+
+.osbp-cxo .v-menubar-popup .v-menubar-menuitem-selected {
+ background-color: #ffd210;
+ background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%);
+ background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%);
+ color: #151206;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .v-menubar-popup .v-menubar-separator {
+ display: block;
+ margin: 4px 0;
+ height: 0;
+ overflow: hidden;
+ border-bottom: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-menubar-popup [class*="checked"] .v-menubar-menuitem-caption:before {
+ content: "\f00c";
+ font-family: ThemeIcons;
+ position: absolute;
+ left: 8px;
+}
+
+.osbp-cxo .v-menubar-popup [class*="unchecked"] .v-menubar-menuitem-caption:before {
+ content: "";
+}
+
+.osbp-cxo .v-menubar-popup [class*="disabled"] {
+ cursor: default;
+}
+
+.osbp-cxo .v-menubar-small {
+ height: 27px;
+ padding: 0 12px;
+
+ font-weight: 400;
+
+ cursor: default;
+ border-radius: 4px;
+ padding: 0;
+ text-align: left;
+ line-height: 25px;
+ font-size: 14px;
+}
+
+.osbp-cxo .v-menubar-small:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-cxo .v-menubar-small > .v-menubar-menuitem {
+ padding: 0 10px;
+}
+
+.osbp-cxo .v-menubar-small > .v-menubar-menuitem[class*="-icon-only"] {
+ width: 27px;
+}
+
+.osbp-cxo .v-menubar-borderless {
+ border: none;
+ border-radius: 0;
+ padding: 1px;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ text-shadow: none;
+ background: transparent;
+ color: inherit;
+}
+
+.osbp-cxo .v-menubar-borderless:focus:after {
+ display: none;
+}
+
+.osbp-cxo .v-menubar-borderless .v-menubar-menuitem {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: none;
+ margin-right: 1px;
+ border-radius: 4px;
+ color: #ffd210;
+ padding: 0 11px;
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+}
+
+.osbp-cxo .v-menubar-borderless .v-menubar-menuitem:first-child, .osbp-cxo .v-menubar-borderless .v-menubar-menuitem:last-child, .osbp-cxo .v-menubar-borderless .v-menubar-menuitem:first-child:last-child {
+ border-radius: 4px;
+}
+
+.osbp-cxo .v-menubar-borderless .v-menubar-menuitem:before {
+ content: none;
+}
+
+.osbp-cxo .v-menubar-borderless .v-menubar-menuitem:hover {
+ color: #ffdc43;
+}
+
+.osbp-cxo .v-menubar-borderless .v-menubar-menuitem:active {
+ color: inherit;
+}
+
+.osbp-cxo .v-menubar-borderless .v-menubar-menuitem-checked, .osbp-cxo .v-menubar-borderless .v-menubar-menuitem-checked:first-child {
+ border: 1px solid #d4d4d4;
+ color: #ffd210;
+}
+
+.osbp-cxo .v-menubar-borderless .v-menubar-menuitem-checked .v-menubar-menuitem-caption, .osbp-cxo .v-menubar-borderless .v-menubar-menuitem-checked:first-child .v-menubar-menuitem-caption {
+ position: relative;
+ top: -1px;
+}
+
+.osbp-cxo .v-menubar-borderless .v-menubar-menuitem-selected {
+ color: #151206;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .v-menubar-borderless .v-menubar-menuitem-selected:hover {
+ color: #151206;
+}
+
+.osbp-cxo .v-menubar-borderless .v-menubar-menuitem-disabled, .osbp-cxo .v-menubar-borderless .v-menubar-menuitem-disabled:hover {
+ color: inherit;
+}
+
+.osbp-cxo .v-radiobutton {
+ position: relative;
+ line-height: 16px;
+ white-space: nowrap;
+}
+
+.osbp-cxo .v-radiobutton.v-has-width label {
+ white-space: normal;
+}
+
+:root .osbp-cxo .v-radiobutton {
+ padding-left: 21px;
+}
+
+:root .osbp-cxo .v-radiobutton label {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ display: inline-block;
+}
+
+:root .osbp-cxo .v-radiobutton > input {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ left: 0.2em;
+ top: 0.2em;
+ z-index: 0;
+ margin: 0;
+}
+
+:root .osbp-cxo .v-radiobutton > input:focus ~ label:before {
+ border: 1px solid #d4d4d4;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1);
+}
+
+:root .osbp-cxo .v-radiobutton > input ~ label:before, :root .osbp-cxo .v-radiobutton > input ~ label:after {
+ content: "";
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 16px;
+ height: 16px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border-radius: 4px;
+ font-size: 13px;
+ text-align: center;
+}
+
+:root .osbp-cxo .v-radiobutton > input ~ label:before {
+ height: 16px;
+ padding: 0 8px;
+ color: #191919;
+ font-weight: 400;
+
+
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-bottom-color: #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ padding: 0;
+ height: 16px;
+}
+
+:root .osbp-cxo .v-radiobutton > input ~ label:after {
+ content: "\f00c";
+ font-family: ThemeIcons;
+ color: transparent;
+ -webkit-transition: color 100ms;
+ -moz-transition: color 100ms;
+ transition: color 100ms;
+}
+
+:root .osbp-cxo .v-radiobutton > input:active ~ label:after {
+ background-color: rgba(125, 125, 125, 0.2);
+}
+
+:root .osbp-cxo .v-radiobutton > input:checked ~ label:after {
+ color: #ffd210;
+}
+
+.osbp-cxo .v-radiobutton > .v-icon, .osbp-cxo .v-radiobutton > label .v-icon {
+ margin: 0 5px 0 3px;
+ min-width: 1em;
+ cursor: pointer;
+}
+
+.osbp-cxo .v-radiobutton.v-disabled > label, .osbp-cxo .v-radiobutton.v-disabled > .v-icon {
+ cursor: default;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-radiobutton.v-disabled > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-cxo .v-radiobutton.v-disabled > input:active ~ label:after {
+ background: transparent;
+}
+
+.osbp-cxo .v-radiobutton.v-readonly > label, .osbp-cxo .v-radiobutton.v-readonly > .v-icon {
+ cursor: default;
+}
+
+.osbp-cxo .v-radiobutton.v-readonly > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-cxo .v-radiobutton.v-readonly > input:active ~ label:after {
+ background: transparent;
+}
+
+:root .osbp-cxo .v-radiobutton.v-readonly > input ~ label:after {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+:root .osbp-cxo .v-radiobutton > input:checked ~ label:after {
+ width: 6px;
+ height: 6px;
+ top: 5px;
+ left: 5px;
+ background: #ffd210;
+}
+
+:root .osbp-cxo .v-radiobutton > input ~ label:before, :root .osbp-cxo .v-radiobutton > input ~ label:after {
+ border-radius: 50%;
+ content: "";
+}
+
+.osbp-cxo .v-select-optiongroup .v-radiobutton, .osbp-cxo .v-select-optiongroup .v-checkbox {
+ display: block;
+ margin: 8px 16px 0 0;
+}
+
+.osbp-cxo .v-select-optiongroup .v-radiobutton:first-child, .osbp-cxo .v-select-optiongroup .v-checkbox:first-child {
+ margin-top: 5px;
+}
+
+.osbp-cxo .v-select-optiongroup .v-radiobutton:last-child, .osbp-cxo .v-select-optiongroup .v-checkbox:last-child {
+ margin-bottom: 5px;
+}
+
+.osbp-cxo .v-select-optiongroup.v-has-width label {
+ white-space: normal;
+}
+
+.osbp-cxo .v-select-optiongroup-small {
+ font-size: 14px;
+}
+
+.osbp-cxo .v-select-optiongroup-small .v-checkbox {
+ position: relative;
+ line-height: 14px;
+ white-space: nowrap;
+}
+
+.osbp-cxo .v-select-optiongroup-small .v-checkbox.v-has-width label {
+ white-space: normal;
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-checkbox {
+ padding-left: 18px;
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-checkbox label {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ display: inline-block;
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-checkbox > input {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ left: 0.2em;
+ top: 0.2em;
+ z-index: 0;
+ margin: 0;
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-checkbox > input:focus ~ label:before {
+ border: 1px solid #d4d4d4;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1);
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-checkbox > input ~ label:before, :root .osbp-cxo .v-select-optiongroup-small .v-checkbox > input ~ label:after {
+ content: "";
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 14px;
+ height: 14px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border-radius: 4px;
+ font-size: 11px;
+ text-align: center;
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-checkbox > input ~ label:before {
+ height: 13.5px;
+ padding: 0 7px;
+ color: #191919;
+ font-weight: 400;
+
+
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-bottom-color: #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ padding: 0;
+ height: 14px;
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-checkbox > input ~ label:after {
+ content: "\f00c";
+ font-family: ThemeIcons;
+ color: transparent;
+ -webkit-transition: color 100ms;
+ -moz-transition: color 100ms;
+ transition: color 100ms;
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-checkbox > input:active ~ label:after {
+ background-color: rgba(125, 125, 125, 0.2);
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-checkbox > input:checked ~ label:after {
+ color: #ffd210;
+}
+
+.osbp-cxo .v-select-optiongroup-small .v-checkbox > .v-icon, .osbp-cxo .v-select-optiongroup-small .v-checkbox > label .v-icon {
+ margin: 0 5px 0 2px;
+ min-width: 1em;
+ cursor: pointer;
+}
+
+.osbp-cxo .v-select-optiongroup-small .v-checkbox.v-disabled > label, .osbp-cxo .v-select-optiongroup-small .v-checkbox.v-disabled > .v-icon {
+ cursor: default;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-select-optiongroup-small .v-checkbox.v-disabled > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-checkbox.v-disabled > input:active ~ label:after {
+ background: transparent;
+}
+
+.osbp-cxo .v-select-optiongroup-small .v-checkbox.v-readonly > label, .osbp-cxo .v-select-optiongroup-small .v-checkbox.v-readonly > .v-icon {
+ cursor: default;
+}
+
+.osbp-cxo .v-select-optiongroup-small .v-checkbox.v-readonly > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-checkbox.v-readonly > input:active ~ label:after {
+ background: transparent;
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-checkbox.v-readonly > input ~ label:after {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-select-optiongroup-small .v-radiobutton {
+ position: relative;
+ line-height: 14px;
+ white-space: nowrap;
+}
+
+.osbp-cxo .v-select-optiongroup-small .v-radiobutton.v-has-width label {
+ white-space: normal;
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-radiobutton {
+ padding-left: 18px;
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-radiobutton label {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ display: inline-block;
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-radiobutton > input {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ left: 0.2em;
+ top: 0.2em;
+ z-index: 0;
+ margin: 0;
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-radiobutton > input:focus ~ label:before {
+ border: 1px solid #d4d4d4;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1);
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-radiobutton > input ~ label:before, :root .osbp-cxo .v-select-optiongroup-small .v-radiobutton > input ~ label:after {
+ content: "";
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 14px;
+ height: 14px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border-radius: 4px;
+ font-size: 11px;
+ text-align: center;
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-radiobutton > input ~ label:before {
+ height: 13.5px;
+ padding: 0 7px;
+ color: #191919;
+ font-weight: 400;
+
+
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-bottom-color: #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ padding: 0;
+ height: 14px;
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-radiobutton > input ~ label:after {
+ content: "\f00c";
+ font-family: ThemeIcons;
+ color: transparent;
+ -webkit-transition: color 100ms;
+ -moz-transition: color 100ms;
+ transition: color 100ms;
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-radiobutton > input:active ~ label:after {
+ background-color: rgba(125, 125, 125, 0.2);
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-radiobutton > input:checked ~ label:after {
+ color: #ffd210;
+}
+
+.osbp-cxo .v-select-optiongroup-small .v-radiobutton > .v-icon, .osbp-cxo .v-select-optiongroup-small .v-radiobutton > label .v-icon {
+ margin: 0 5px 0 2px;
+ min-width: 1em;
+ cursor: pointer;
+}
+
+.osbp-cxo .v-select-optiongroup-small .v-radiobutton.v-disabled > label, .osbp-cxo .v-select-optiongroup-small .v-radiobutton.v-disabled > .v-icon {
+ cursor: default;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-select-optiongroup-small .v-radiobutton.v-disabled > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-radiobutton.v-disabled > input:active ~ label:after {
+ background: transparent;
+}
+
+.osbp-cxo .v-select-optiongroup-small .v-radiobutton.v-readonly > label, .osbp-cxo .v-select-optiongroup-small .v-radiobutton.v-readonly > .v-icon {
+ cursor: default;
+}
+
+.osbp-cxo .v-select-optiongroup-small .v-radiobutton.v-readonly > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-radiobutton.v-readonly > input:active ~ label:after {
+ background: transparent;
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-radiobutton.v-readonly > input ~ label:after {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-radiobutton > input:checked ~ label:after {
+ width: 5px;
+ height: 5px;
+ top: 5px;
+ left: 5px;
+ background: #ffd210;
+}
+
+:root .osbp-cxo .v-select-optiongroup-small .v-radiobutton > input ~ label:before, :root .osbp-cxo .v-select-optiongroup-small .v-radiobutton > input ~ label:after {
+ border-radius: 50%;
+ content: "";
+}
+
+.osbp-cxo .v-select-optiongroup-small .v-radiobutton, .osbp-cxo .v-select-optiongroup-small .v-checkbox {
+ display: block;
+ margin: 7px 16px 0 0;
+}
+
+.osbp-cxo .v-select-optiongroup-small .v-radiobutton:first-child, .osbp-cxo .v-select-optiongroup-small .v-checkbox:first-child {
+ margin-top: 5px;
+}
+
+.osbp-cxo .v-select-optiongroup-small .v-radiobutton:last-child, .osbp-cxo .v-select-optiongroup-small .v-checkbox:last-child {
+ margin-bottom: 5px;
+}
+
+.osbp-cxo .v-select-optiongroup-small.v-has-width label {
+ white-space: normal;
+}
+
+.osbp-cxo .v-select-optiongroup-large {
+ font-size: 23px;
+}
+
+.osbp-cxo .v-select-optiongroup-large .v-checkbox {
+ position: relative;
+ line-height: 23px;
+ white-space: nowrap;
+}
+
+.osbp-cxo .v-select-optiongroup-large .v-checkbox.v-has-width label {
+ white-space: normal;
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-checkbox {
+ padding-left: 30px;
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-checkbox label {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ display: inline-block;
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-checkbox > input {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ left: 0.2em;
+ top: 0.2em;
+ z-index: 0;
+ margin: 0;
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-checkbox > input:focus ~ label:before {
+ border: 1px solid #d4d4d4;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1);
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-checkbox > input ~ label:before, :root .osbp-cxo .v-select-optiongroup-large .v-checkbox > input ~ label:after {
+ content: "";
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 23px;
+ height: 23px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border-radius: 4px;
+ font-size: 18px;
+ text-align: center;
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-checkbox > input ~ label:before {
+ height: 22.5px;
+ padding: 0 10px;
+ color: #191919;
+ font-weight: 400;
+
+
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-bottom-color: #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ padding: 0;
+ height: 23px;
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-checkbox > input ~ label:after {
+ content: "\f00c";
+ font-family: ThemeIcons;
+ color: transparent;
+ -webkit-transition: color 100ms;
+ -moz-transition: color 100ms;
+ transition: color 100ms;
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-checkbox > input:active ~ label:after {
+ background-color: rgba(125, 125, 125, 0.2);
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-checkbox > input:checked ~ label:after {
+ color: #ffd210;
+}
+
+.osbp-cxo .v-select-optiongroup-large .v-checkbox > .v-icon, .osbp-cxo .v-select-optiongroup-large .v-checkbox > label .v-icon {
+ margin: 0 8px 0 4px;
+ min-width: 1em;
+ cursor: pointer;
+}
+
+.osbp-cxo .v-select-optiongroup-large .v-checkbox.v-disabled > label, .osbp-cxo .v-select-optiongroup-large .v-checkbox.v-disabled > .v-icon {
+ cursor: default;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-select-optiongroup-large .v-checkbox.v-disabled > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-checkbox.v-disabled > input:active ~ label:after {
+ background: transparent;
+}
+
+.osbp-cxo .v-select-optiongroup-large .v-checkbox.v-readonly > label, .osbp-cxo .v-select-optiongroup-large .v-checkbox.v-readonly > .v-icon {
+ cursor: default;
+}
+
+.osbp-cxo .v-select-optiongroup-large .v-checkbox.v-readonly > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-checkbox.v-readonly > input:active ~ label:after {
+ background: transparent;
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-checkbox.v-readonly > input ~ label:after {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-select-optiongroup-large .v-radiobutton {
+ position: relative;
+ line-height: 23px;
+ white-space: nowrap;
+}
+
+.osbp-cxo .v-select-optiongroup-large .v-radiobutton.v-has-width label {
+ white-space: normal;
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-radiobutton {
+ padding-left: 30px;
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-radiobutton label {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ cursor: pointer;
+ display: inline-block;
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-radiobutton > input {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ left: 0.2em;
+ top: 0.2em;
+ z-index: 0;
+ margin: 0;
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-radiobutton > input:focus ~ label:before {
+ border: 1px solid #d4d4d4;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1);
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-radiobutton > input ~ label:before, :root .osbp-cxo .v-select-optiongroup-large .v-radiobutton > input ~ label:after {
+ content: "";
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 23px;
+ height: 23px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border-radius: 4px;
+ font-size: 18px;
+ text-align: center;
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-radiobutton > input ~ label:before {
+ height: 22.5px;
+ padding: 0 10px;
+ color: #191919;
+ font-weight: 400;
+
+
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-bottom-color: #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ padding: 0;
+ height: 23px;
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-radiobutton > input ~ label:after {
+ content: "\f00c";
+ font-family: ThemeIcons;
+ color: transparent;
+ -webkit-transition: color 100ms;
+ -moz-transition: color 100ms;
+ transition: color 100ms;
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-radiobutton > input:active ~ label:after {
+ background-color: rgba(125, 125, 125, 0.2);
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-radiobutton > input:checked ~ label:after {
+ color: #ffd210;
+}
+
+.osbp-cxo .v-select-optiongroup-large .v-radiobutton > .v-icon, .osbp-cxo .v-select-optiongroup-large .v-radiobutton > label .v-icon {
+ margin: 0 8px 0 4px;
+ min-width: 1em;
+ cursor: pointer;
+}
+
+.osbp-cxo .v-select-optiongroup-large .v-radiobutton.v-disabled > label, .osbp-cxo .v-select-optiongroup-large .v-radiobutton.v-disabled > .v-icon {
+ cursor: default;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-select-optiongroup-large .v-radiobutton.v-disabled > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-radiobutton.v-disabled > input:active ~ label:after {
+ background: transparent;
+}
+
+.osbp-cxo .v-select-optiongroup-large .v-radiobutton.v-readonly > label, .osbp-cxo .v-select-optiongroup-large .v-radiobutton.v-readonly > .v-icon {
+ cursor: default;
+}
+
+.osbp-cxo .v-select-optiongroup-large .v-radiobutton.v-readonly > label > .v-icon {
+ cursor: default;
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-radiobutton.v-readonly > input:active ~ label:after {
+ background: transparent;
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-radiobutton.v-readonly > input ~ label:after {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-radiobutton > input:checked ~ label:after {
+ width: 8px;
+ height: 8px;
+ top: 8px;
+ left: 8px;
+ background: #ffd210;
+}
+
+:root .osbp-cxo .v-select-optiongroup-large .v-radiobutton > input ~ label:before, :root .osbp-cxo .v-select-optiongroup-large .v-radiobutton > input ~ label:after {
+ border-radius: 50%;
+ content: "";
+}
+
+.osbp-cxo .v-select-optiongroup-large .v-radiobutton, .osbp-cxo .v-select-optiongroup-large .v-checkbox {
+ display: block;
+ margin: 11px 16px 0 0;
+}
+
+.osbp-cxo .v-select-optiongroup-large .v-radiobutton:first-child, .osbp-cxo .v-select-optiongroup-large .v-checkbox:first-child {
+ margin-top: 8px;
+}
+
+.osbp-cxo .v-select-optiongroup-large .v-radiobutton:last-child, .osbp-cxo .v-select-optiongroup-large .v-checkbox:last-child {
+ margin-bottom: 8px;
+}
+
+.osbp-cxo .v-select-optiongroup-large.v-has-width label {
+ white-space: normal;
+}
+
+.osbp-cxo .v-select-optiongroup-horizontal {
+ white-space: nowrap;
+}
+
+.osbp-cxo .v-select-optiongroup-horizontal .v-radiobutton, .osbp-cxo .v-select-optiongroup-horizontal .v-checkbox {
+ display: inline-block;
+}
+
+.osbp-cxo .v-select-optiongroup-horizontal.v-has-width {
+ white-space: normal;
+}
+
+.osbp-cxo .v-select-optiongroup-horizontal.v-has-width label {
+ white-space: nowrap;
+}
+
+.osbp-cxo .v-link {
+ cursor: pointer;
+ color: #ffd210;
+ text-decoration: underline;
+ font-weight: inherit;
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+}
+
+.osbp-cxo .v-link:hover {
+ color: #ffdc43;
+}
+
+.osbp-cxo .v-link.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-link a {
+ cursor: inherit;
+ color: inherit;
+ text-decoration: inherit;
+ -webkit-transition: inherit;
+ -moz-transition: inherit;
+ transition: inherit;
+}
+
+.osbp-cxo .v-link .v-icon {
+ cursor: inherit;
+}
+
+.osbp-cxo .v-link-small {
+ font-size: 14px;
+}
+
+.osbp-cxo .v-link-large {
+ font-size: 23px;
+}
+
+.osbp-cxo .v-window {
+ padding: 4px 4px;
+ border-radius: 4px;
+ background-color: white;
+ color: #474747;
+ -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 16px 80px -6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 16px 80px -6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+ padding: 0;
+ min-width: 128px !important;
+ min-height: 32px !important;
+ white-space: nowrap;
+ overflow: hidden !important;
+ -webkit-transition: width 200ms, height 200ms, top 200ms, left 200ms;
+ -moz-transition: width 200ms, height 200ms, top 200ms, left 200ms;
+ transition: width 200ms, height 200ms, top 200ms, left 200ms;
+}
+
+.osbp-cxo .v-window[class*="animate-in"] {
+ -webkit-animation: valo-animate-in-fade 140ms;
+ -moz-animation: valo-animate-in-fade 140ms;
+ animation: valo-animate-in-fade 140ms;
+}
+
+.osbp-cxo .v-window[class*="animate-out"] {
+ -webkit-animation: valo-animate-out-scale-down-fade 100ms;
+ -moz-animation: valo-animate-out-scale-down-fade 100ms;
+ animation: valo-animate-out-scale-down-fade 100ms;
+}
+
+.osbp-cxo .v-window.v-window-animate-in {
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+}
+
+.osbp-cxo .v-window-modalitycurtain {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background-color: #222;
+ background-image: -webkit-radial-gradient(50% 50%, circle, #222, #0e0e0e);
+ background-image: radial-gradient( circle at 50% 50%, #222, #0e0e0e);
+ opacity: 0.72;
+ filter: alpha(opacity=72) ;
+ -webkit-animation: valo-animate-in-fade 400ms 100ms backwards;
+ -moz-animation: valo-animate-in-fade 400ms 100ms backwards;
+ animation: valo-animate-in-fade 400ms 100ms backwards;
+}
+
+.v-op12 .osbp-cxo .v-window-modalitycurtain {
+ -webkit-animation: none;
+ -moz-animation: none;
+ animation: none;
+}
+
+.osbp-cxo .v-window-draggingCurtain {
+ position: fixed !important;
+}
+
+.osbp-cxo .v-window-resizingCurtain + .v-window, .osbp-cxo .v-window-draggingCurtain + .v-window {
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+}
+
+.osbp-cxo .v-window-outerheader {
+ cursor: move;
+ position: absolute;
+ z-index: 2;
+ top: 0;
+ left: 0;
+ right: 0;
+ -webkit-transform: translatez(0);
+ -moz-transform: translatez(0);
+ -ms-transform: translatez(0);
+ -o-transform: translatez(0);
+ transform: translatez(0);
+}
+
+.osbp-cxo .v-window-outerheader:after {
+ content: "";
+ position: absolute;
+ bottom: -1px;
+ right: 0;
+ left: 0;
+ height: 0;
+ border-top: 1px solid #d4d4d4;
+ border-color: rgba(212, 212, 212, 0.5);
+}
+
+.osbp-cxo .v-window-header {
+ line-height: 31px;
+ padding-left: 11px;
+ margin-right: 64px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ color: #7e7e7e;
+}
+
+.osbp-cxo .v-window-restorebox-disabled ~ .v-window-closebox ~ .v-window-header, .osbp-cxo .v-window-maximizebox-disabled ~ .v-window-closebox ~ .v-window-header {
+ margin-right: 32px;
+}
+
+.osbp-cxo .v-window-restorebox-disabled ~ .v-window-closebox-disabled ~ .v-window-header, .osbp-cxo .v-window-maximizebox-disabled ~ .v-window-closebox-disabled ~ .v-window-header {
+ margin-right: 11px;
+}
+
+.osbp-cxo .v-window-closebox, .osbp-cxo .v-window-maximizebox, .osbp-cxo .v-window-restorebox {
+ position: absolute;
+ z-index: 3;
+ top: 0;
+ right: 0;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 28px;
+ height: 31px;
+ background-color: white;
+ line-height: 29px;
+ text-align: center;
+ cursor: pointer;
+ font-size: 21px;
+ color: #999999;
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+}
+
+.osbp-cxo .v-window-closebox:focus, .osbp-cxo .v-window-maximizebox:focus, .osbp-cxo .v-window-restorebox:focus {
+ outline: none;
+}
+
+.osbp-cxo .v-window-closebox:hover, .osbp-cxo .v-window-maximizebox:hover, .osbp-cxo .v-window-restorebox:hover {
+ opacity: 1;
+ filter: none ;
+ color: #ffd210;
+}
+
+.osbp-cxo .v-window-closebox:active, .osbp-cxo .v-window-maximizebox:active, .osbp-cxo .v-window-restorebox:active {
+ color: inherit;
+}
+
+.osbp-cxo .v-window-closebox {
+ padding-right: 4px;
+ border-radius: 0 4px 0 4px;
+}
+
+.osbp-cxo .v-window-closebox:before {
+ content: "\00d7";
+}
+
+.osbp-cxo .v-window-maximizebox, .osbp-cxo .v-window-restorebox {
+ right: 28px;
+ padding-left: 4px;
+ border-radius: 0 0 0 4px;
+}
+
+.osbp-cxo .v-window-maximizebox + .v-window-closebox, .osbp-cxo .v-window-restorebox + .v-window-closebox {
+ border-bottom-left-radius: 0;
+}
+
+.osbp-cxo .v-window-closebox-disabled, .osbp-cxo .v-window-resizebox-disabled, .osbp-cxo .v-window-restorebox-disabled, .osbp-cxo .v-window-maximizebox-disabled {
+ display: none;
+}
+
+.osbp-cxo .v-window-closebox-disabled + .v-window-closebox, .osbp-cxo .v-window-resizebox-disabled + .v-window-closebox, .osbp-cxo .v-window-restorebox-disabled + .v-window-closebox, .osbp-cxo .v-window-maximizebox-disabled + .v-window-closebox {
+ width: 32px;
+ padding-right: 0;
+ border-bottom-left-radius: 4px;
+}
+
+.osbp-cxo .v-window-maximizebox:before {
+ content: "+";
+}
+
+.osbp-cxo .v-window-restorebox:before {
+ content: "\2013";
+}
+
+.osbp-cxo .v-window > .popupContent, .osbp-cxo .v-window-wrap, .osbp-cxo .v-window-contents, .osbp-cxo .v-window-contents > .v-scrollable {
+ height: 100%;
+}
+
+.osbp-cxo .v-window-contents {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border-radius: 4px;
+ margin-top: 0 !important;
+}
+
+.osbp-cxo .v-window-contents > .v-scrollable {
+ position: relative;
+}
+
+.osbp-cxo .v-window-contents > .v-scrollable > .v-margin-top {
+ padding-top: 11px;
+}
+
+.osbp-cxo .v-window-contents > .v-scrollable > .v-margin-right {
+ padding-right: 11px;
+}
+
+.osbp-cxo .v-window-contents > .v-scrollable > .v-margin-bottom {
+ padding-bottom: 11px;
+}
+
+.osbp-cxo .v-window-contents > .v-scrollable > .v-margin-left {
+ padding-left: 11px;
+}
+
+.osbp-cxo .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-top"] > tbody > [class*="firstrow"] > td {
+ padding-top: 11px;
+}
+
+.osbp-cxo .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-bottom"] > tbody > [class*="lastrow"] > td {
+ padding-bottom: 11px;
+}
+
+.osbp-cxo .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="captioncell"] {
+ padding-left: 11px;
+}
+
+.osbp-cxo .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h2, .osbp-cxo .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h3, .osbp-cxo .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h4 {
+ left: 11px;
+}
+
+.osbp-cxo .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] {
+ padding-right: 11px;
+}
+
+.osbp-cxo .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h2, .osbp-cxo .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h3, .osbp-cxo .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h4 {
+ right: 11px;
+}
+
+.osbp-cxo .v-window-contents > .v-scrollable:focus {
+ outline: none;
+}
+
+.osbp-cxo .v-window-contents > .v-scrollable:before {
+ content: "";
+ position: absolute;
+ z-index: 2;
+ top: 0;
+ height: 0;
+ border-top: 1px solid white;
+ left: 0;
+ right: 0;
+}
+
+.osbp-cxo .v-window-contents > .v-scrollable .v-panel-captionwrap:after {
+ border-color: #d4d4d4;
+}
+
+.osbp-cxo .v-window-contents > .v-scrollable .v-panel-content:before {
+ border-color: white;
+}
+
+.osbp-cxo .v-window-footer {
+ height: 0;
+}
+
+.osbp-cxo .v-window-resizebox {
+ position: absolute;
+ z-index: 1000;
+ right: 0;
+ bottom: 0;
+ width: 16px;
+ height: 16px;
+ cursor: nwse-resize;
+}
+
+.v-ie8 .osbp-cxo .v-window-resizebox {
+ background: #000;
+ filter: alpha(opacity=0.1);
+}
+
+.v-ie8 .osbp-cxo .v-window-resizebox, .v-ie9 .osbp-cxo .v-window-resizebox {
+ cursor: se-resize;
+}
+
+.osbp-cxo .v-window-modalitycurtain:active ~ .v-window {
+ -webkit-animation: none;
+ -moz-animation: none;
+ animation: none;
+}
+
+.osbp-cxo .v-window-top-toolbar > .v-widget, .osbp-cxo .v-window-bottom-toolbar > .v-widget {
+ vertical-align: top;
+}
+
+.osbp-cxo .v-window-top-toolbar .v-label, .osbp-cxo .v-window-bottom-toolbar .v-label {
+ line-height: 31px;
+}
+
+.osbp-cxo .v-window-top-toolbar .v-spacing, .osbp-cxo .v-window-bottom-toolbar .v-spacing {
+ width: 5px;
+}
+
+.osbp-cxo .v-window-top-toolbar.v-layout {
+ padding: 6px 11px;
+ position: relative;
+ z-index: 2;
+ border-top: 1px solid #d4d4d4;
+ border-bottom: 1px solid #d4d4d4;
+ background-color: #fafafa;
+}
+
+.osbp-cxo .v-window-top-toolbar.v-menubar {
+ margin: 11px 11px 5px;
+}
+
+.osbp-cxo .v-window-top-toolbar.v-menubar-borderless {
+ padding-left: 5px;
+ padding-right: 5px;
+ margin: 4px 0;
+}
+
+.osbp-cxo .v-window-bottom-toolbar.v-layout {
+ padding: 6px 11px;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #f0f0f0 0, #fafafa 3px);
+ background-image: linear-gradient(to bottom,#f0f0f0 0, #fafafa 3px);
+ border-top: 1px solid #d4d4d4;
+ border-radius: 0 0 4px 4px;
+}
+
+.osbp-cxo .v-margin-left.v-margin-right.v-margin-top .v-window-top-toolbar.v-layout {
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ margin: -11px -11px 0;
+}
+
+.osbp-cxo .v-margin-left.v-margin-right.v-margin-top .v-window-top-toolbar.v-menubar {
+ margin: 0;
+}
+
+.osbp-cxo .v-margin-left.v-margin-right.v-margin-top .v-window-top-toolbar.v-menubar-borderless {
+ margin: -6px -6px 0;
+ padding: 0;
+}
+
+.osbp-cxo .v-margin-left.v-margin-right.v-margin-bottom .v-window-bottom-toolbar.v-layout {
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ margin: 0 -11px -11px;
+}
+
+.osbp-cxo .v-tree {
+ position: relative;
+ white-space: nowrap;
+}
+
+.osbp-cxo .v-tree:focus {
+ outline: none;
+}
+
+.osbp-cxo .v-tree-node:before {
+ content: "";
+ position: absolute;
+ display: inline-block;
+ z-index: 3;
+ width: 1.9em;
+ height: 25px;
+ cursor: pointer;
+ background: red;
+ opacity: 0;
+}
+
+.v-ie8 .osbp-cxo .v-tree-node:before {
+ position: static;
+ margin-left: -1.9em;
+ vertical-align: top;
+ content: "\f0da";
+ font-family: ThemeIcons;
+ text-align: center;
+ background: transparent;
+}
+
+.v-ie8 .osbp-cxo .v-tree-node {
+ padding-left: 1.9em;
+}
+
+.osbp-cxo .v-tree-node-caption {
+ height: 25px;
+ line-height: 24px;
+ overflow: hidden;
+ white-space: nowrap;
+ vertical-align: top;
+}
+
+.osbp-cxo .v-tree-node-caption > div {
+ display: inline-block;
+ width: 100%;
+ position: relative;
+ z-index: 2;
+}
+
+.osbp-cxo .v-tree-node-caption > div:before {
+ content: "\f0da";
+ font-family: ThemeIcons;
+ display: inline-block;
+ width: 0.5em;
+ text-align: center;
+ margin: 0 0.6em 0 0.8em;
+ -webkit-transition: all 100ms;
+ -moz-transition: all 100ms;
+ transition: all 100ms;
+}
+
+.v-ie8 .osbp-cxo .v-tree-node-caption > div:before {
+ display: none;
+}
+
+.osbp-cxo .v-tree-node-caption span {
+ padding-right: 25px;
+ cursor: pointer;
+ display: inline-block;
+ width: 100%;
+}
+
+.v-ie .osbp-cxo .v-tree-node-caption span {
+ width: auto;
+}
+
+.osbp-cxo .v-tree-node-caption .v-icon {
+ padding-right: 0;
+ width: auto;
+ min-width: 1em;
+}
+
+.osbp-cxo .v-tree-node-caption:after {
+ content: "";
+ display: block;
+ vertical-align: top;
+ position: absolute;
+ z-index: 1;
+ left: 0;
+ margin-top: -25px;
+ width: 100%;
+ height: 25px;
+ border-radius: 4px;
+ opacity: 0;
+ -webkit-transition: opacity 120ms;
+ -moz-transition: opacity 120ms;
+ transition: opacity 120ms;
+}
+
+.v-ie8 .osbp-cxo .v-tree-node-caption:after {
+ content: none;
+}
+
+.v-ie8 .osbp-cxo .v-tree-node-caption {
+ display: inline-block;
+}
+
+.osbp-cxo .v-tree-node-expanded > .v-tree-node-caption > div:before {
+ -webkit-transform: rotate(90deg);
+ -moz-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ -o-transform: rotate(90deg);
+ transform: rotate(90deg);
+ content: "\f0da";
+ font-family: ThemeIcons;
+}
+
+.v-ie8 .osbp-cxo .v-tree-node-expanded:before {
+ content: "\f0d7";
+ font-family: ThemeIcons;
+}
+
+.osbp-cxo .v-tree-node-leaf:before, .osbp-cxo .v-tree-node-leaf > .v-tree-node-caption > div:before {
+ visibility: hidden;
+}
+
+.osbp-cxo .v-tree-node-focused:after {
+ opacity: 1;
+ border: 1px solid #ffd210;
+}
+
+.v-ie8 .osbp-cxo .v-tree-node-focused {
+ outline: 1px dotted #ffd210;
+}
+
+.osbp-cxo .v-tree-node-selected {
+ color: #151206;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .v-tree-node-selected:after {
+ opacity: 1;
+ background-color: #ffd210;
+ background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%);
+ background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%);
+ border: none;
+}
+
+.v-ie8 .osbp-cxo .v-tree-node-selected {
+ background-color: #ffd210;
+ background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%);
+ background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%);
+}
+
+.osbp-cxo .v-tree-node-children {
+ padding-left: 16px;
+}
+
+.v-ie8 .osbp-cxo .v-tree-node-children {
+ padding-left: 0;
+}
+
+.osbp-cxo .v-tree-node-drag-top:before, .osbp-cxo .v-tree-node-drag-bottom:after, .osbp-cxo .v-tree-node-drag-bottom.v-tree-node-dragfolder.v-tree-node-expanded > .v-tree-node-children:before {
+ content: "\2022";
+ display: block;
+ position: absolute;
+ height: 2px;
+ width: 100%;
+ background: #ffd210;
+ font-size: 32px;
+ line-height: 2px;
+ color: #ffd210;
+ text-indent: -4px;
+ text-shadow: 0 0 1px #fafafa, 0 0 1px #fafafa;
+ opacity: 1;
+ visibility: visible;
+}
+
+.osbp-cxo .v-tree-node-drag-bottom.v-tree-node-dragfolder.v-tree-node-expanded:after {
+ content: none;
+}
+
+.osbp-cxo .v-tree-node-caption-drag-center {
+ -webkit-box-shadow: 0 0 0 2px #ffd210;
+ box-shadow: 0 0 0 2px #ffd210;
+ position: relative;
+ border-radius: 4px;
+}
+
+.v-ie8 .osbp-cxo .v-tree-node-caption-drag-center {
+ outline: 2px solid #ffd210;
+}
+
+.v-ff .osbp-cxo .v-tree-node-drag-top:before, .v-ff .osbp-cxo .v-tree-node-drag-bottom:after {
+ line-height: 1px;
+}
+
+.v-ie8 .osbp-cxo .v-tree-node-drag-top:before, .v-ie8 .osbp-cxo .v-tree-node-drag-bottom:after {
+ line-height: 0;
+}
+
+.osbp-cxo .v-table {
+ position: relative;
+ background: #fafafa;
+ color: #464646;
+ overflow: hidden;
+}
+
+.osbp-cxo .v-table-header table, .osbp-cxo .v-table-footer table, .osbp-cxo .v-table-table {
+ -webkit-box-shadow: 0 0 0 1px #d4d4d4;
+ box-shadow: 0 0 0 1px #d4d4d4;
+}
+
+.v-ie8 .osbp-cxo .v-table-header table, .v-ie8 .osbp-cxo .v-table-footer table, .v-ie8 .osbp-cxo .v-table-table {
+ outline: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-table-header-wrap, .osbp-cxo .v-table-footer-wrap, .osbp-cxo .v-table-header-drag {
+ border: 1px solid #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ white-space: nowrap;
+ font-size: 14px;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .v-table-header-wrap {
+ position: relative;
+ border-bottom: none;
+ border-radius: 4px 4px 0 0;
+}
+
+.osbp-cxo .v-table-footer-wrap {
+ border-top: none;
+ border-radius: 0 0 4px 4px;
+}
+
+.osbp-cxo .v-table-footer td {
+ border-left: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-table-footer-container, .osbp-cxo .v-table-caption-container {
+ overflow: hidden;
+ line-height: 1;
+ min-height: 32px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.v-ie8 .osbp-cxo .v-table-footer-container, .v-ie8 .osbp-cxo .v-table-caption-container {
+ min-height: 15px;
+}
+
+.osbp-cxo .v-table-footer-container {
+ padding: 8px 11px 9px;
+ float: right;
+}
+
+.osbp-cxo [class^="v-table-header-cell"] {
+ position: relative;
+}
+
+.osbp-cxo .v-table-caption-container, .osbp-cxo .v-table-header-drag {
+ padding: 9px 11px 8px;
+ border-left: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-table-caption-container-align-right {
+ padding-right: 4px;
+}
+
+.osbp-cxo .v-table-resizer {
+ height: 32px;
+ width: 7px;
+ cursor: e-resize;
+ cursor: col-resize;
+ position: relative;
+ right: -4px;
+ z-index: 1;
+ margin-left: -7px;
+}
+
+.osbp-cxo .v-table-cell-content {
+ border-left: 1px solid #d4d4d4;
+ overflow: hidden;
+ height: 32px;
+ vertical-align: middle;
+}
+
+.osbp-cxo .v-table-cell-content:first-child {
+ border-left: none;
+ padding-left: 1px;
+}
+
+.osbp-cxo .v-table-header td:first-child .v-table-caption-container, .osbp-cxo .v-table-footer td:first-child {
+ border-left-color: transparent;
+}
+
+.osbp-cxo .v-table-cell-wrapper {
+ line-height: 1;
+ padding: 0 11px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ margin-right: 0 !important;
+}
+
+.osbp-cxo .v-table-cell-wrapper > .v-widget {
+ margin: 3px -6px;
+}
+
+.osbp-cxo .v-table-cell-wrapper > .v-widget.v-label, .osbp-cxo .v-table-cell-wrapper > .v-widget.v-checkbox, .osbp-cxo .v-table-cell-wrapper > .v-widget.v-select-optiongroup {
+ margin: 0;
+}
+
+.osbp-cxo .v-table-cell-wrapper > .v-widget.v-progressbar {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+.osbp-cxo .v-table-body {
+ border: 1px solid #d4d4d4;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+}
+
+.osbp-cxo .v-table-table {
+ background-color: white;
+ white-space: nowrap;
+}
+
+.osbp-cxo .v-table-table td {
+ border-top: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-table-table tr:first-child > td {
+ border-top: none;
+}
+
+.osbp-cxo .v-table-row {
+ background-color: white;
+ cursor: pointer;
+}
+
+.osbp-cxo .v-table-row-odd {
+ background-color: #f5f5f5;
+ cursor: pointer;
+}
+
+.osbp-cxo .v-table-body-noselection .v-table-row, .osbp-cxo .v-table-body-noselection .v-table-row-odd {
+ cursor: default;
+}
+
+.osbp-cxo .v-table [class*="-row"].v-selected {
+ background-color: #ffd210;
+ background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%);
+ background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%);
+ background-origin: border-box;
+ color: #151206;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .v-table [class*="-row"].v-selected + .v-selected {
+ background: #f4c50d;
+}
+
+.osbp-cxo .v-table [class*="-row"].v-selected + .v-selected td {
+ border-top-color: #f4c50d;
+}
+
+.osbp-cxo .v-table [class*="-row"].v-selected .v-table-cell-content {
+ border-color: transparent;
+ border-left-color: #ddb509;
+}
+
+.osbp-cxo .v-table [class*="-row"].v-selected .v-table-cell-content:first-child {
+ border-left-color: transparent;
+}
+
+.osbp-cxo .v-table-header-cell-asc .v-table-sort-indicator, .osbp-cxo .v-table-header-cell-desc .v-table-sort-indicator {
+ background: transparent;
+ width: 16px;
+ height: 32px;
+ line-height: 32px;
+ margin-left: -16px;
+}
+
+.osbp-cxo .v-table-header-cell-asc .v-table-sort-indicator:before, .osbp-cxo .v-table-header-cell-desc .v-table-sort-indicator:before {
+ font-style: normal;
+ font-weight: normal;
+ display: inline-block;
+}
+
+.osbp-cxo .v-table-header-cell-asc .v-table-sort-indicator:before {
+ content: "\f0de";
+ font-family: ThemeIcons;
+}
+
+.osbp-cxo .v-table-header-cell-desc .v-table-sort-indicator:before {
+ content: "\f0dd";
+ font-family: ThemeIcons;
+}
+
+.osbp-cxo [class*="rowheader"] span.v-icon {
+ min-width: 1em;
+}
+
+.osbp-cxo .v-table-focus {
+ outline: 1px solid #ffd210;
+ outline-offset: -1px;
+}
+
+.osbp-cxo .v-drag-element.v-table-focus, .osbp-cxo .v-drag-element .v-table-focus {
+ outline: none;
+}
+
+.osbp-cxo .v-table-header-drag {
+ position: absolute;
+ opacity: 0.9;
+ filter: alpha(opacity=90) ;
+ margin-top: -16px;
+ z-index: 30000;
+ line-height: 1;
+}
+
+.osbp-cxo .v-table-focus-slot-right {
+ border-right: 3px solid #ffd210;
+ right: -2px;
+ margin-left: -10px !important;
+}
+
+.osbp-cxo .v-table-focus-slot-left {
+ float: left;
+ border-left: 3px solid #ffd210;
+ left: -1px;
+ right: auto;
+ margin-left: 0 !important;
+ margin-right: -10px;
+}
+
+.osbp-cxo .v-table-column-selector {
+ height: 32px;
+ padding: 0 14px;
+ color: #191919;
+ font-weight: 400;
+
+
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-bottom-color: #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+
+
+ position: absolute;
+ z-index: 2;
+ top: 0;
+ right: 0;
+ width: 16px;
+ height: 16px;
+ line-height: 16px;
+ padding: 0;
+ border-top-width: 0;
+ border-right-width: 0;
+ border-radius: 0 0 0 4px;
+ cursor: pointer;
+ text-align: center;
+ opacity: 0;
+ filter: alpha(opacity=0) ;
+ -webkit-transition: opacity 200ms 2s;
+ -moz-transition: opacity 200ms 2s;
+ transition: opacity 200ms 2s;
+}
+
+.osbp-cxo .v-table-column-selector:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-cxo .v-table-column-selector:hover:after {
+ background-color: rgba(186, 186, 186, 0.1);
+}
+
+.osbp-cxo .v-table-column-selector:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+}
+
+.osbp-cxo .v-table-column-selector:active:after {
+ background-color: rgba(125, 125, 125, 0.2);
+}
+
+.osbp-cxo .v-table-column-selector:after {
+ content: "";
+ position: absolute;
+ border: none;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+
+.osbp-cxo .v-table-column-selector:active:after {
+ background-color: rgba(125, 125, 125, 0.2);
+}
+
+.osbp-cxo .v-table-column-selector:before {
+ font-family: ThemeIcons;
+ content: "\f013";
+}
+
+.osbp-cxo .v-table-header-wrap:hover .v-table-column-selector {
+ opacity: 1;
+ filter: none ;
+ -webkit-transition-delay: 200ms;
+ -moz-transition-delay: 200ms;
+ transition-delay: 200ms;
+}
+
+.osbp-cxo .v-on:before, .osbp-cxo .v-off:before {
+ content: "\f00c";
+ font-family: ThemeIcons;
+ font-size: 0.9em;
+ margin-right: 5px;
+}
+
+.osbp-cxo .v-on div, .osbp-cxo .v-off div {
+ display: inline;
+}
+
+.osbp-cxo .v-off:before {
+ visibility: hidden;
+}
+
+.osbp-cxo tbody.v-drag-element {
+ display: block;
+ overflow: visible;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: transparent;
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-cxo tbody.v-drag-element tr {
+ display: block;
+
+
+ -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+ border-radius: 4px;
+ overflow: hidden;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+ background: white;
+}
+
+.osbp-cxo .v-table-body {
+ position: relative;
+ z-index: 1;
+}
+
+.osbp-cxo .v-table-scrollposition {
+ position: absolute;
+ top: 50%;
+ width: 100%;
+ height: 32px;
+ line-height: 32px;
+ margin: -16px 0 0 !important;
+ text-align: center;
+}
+
+.osbp-cxo .v-table-drag {
+ overflow: visible;
+}
+
+.osbp-cxo .v-table-drag .v-table-body {
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+}
+
+.v-ie8 .osbp-cxo .v-table-drag .v-table-body {
+ border-color: #ffd210;
+}
+
+.osbp-cxo .v-table-drag .v-table-body .v-table-focus {
+ outline: none;
+}
+
+.osbp-cxo .v-table-row-drag-middle .v-table-cell-content {
+ background-color: #fff6cf;
+ color: #6a5b17;
+}
+
+.osbp-cxo .v-table-row-drag-bottom td.v-table-cell-content {
+ border-bottom: 2px solid #ffd210;
+ height: 30px;
+}
+
+.osbp-cxo .v-table-row-drag-bottom .v-table-cell-wrapper {
+ margin-bottom: -2px;
+}
+
+.osbp-cxo .v-table-row-drag-top td.v-table-cell-content {
+ border-top: 2px solid #ffd210;
+ height: 31px;
+}
+
+.osbp-cxo .v-table-row-drag-top .v-table-cell-wrapper {
+ margin-top: -1px;
+}
+
+.osbp-cxo .v-table-no-stripes .v-table-row, .osbp-cxo .v-table-no-stripes .v-table-row-odd {
+ background: transparent;
+}
+
+.osbp-cxo .v-table-no-vertical-lines .v-table-cell-content {
+ border-left: none;
+ padding-left: 1px;
+}
+
+.osbp-cxo .v-table-no-vertical-lines.v-treetable .v-table-cell-content {
+ padding-left: 12px;
+}
+
+.osbp-cxo .v-table-no-horizontal-lines .v-table-cell-content {
+ border-top: none;
+ border-bottom: none;
+}
+
+.osbp-cxo .v-table-no-horizontal-lines .v-table-row-drag-top .v-table-cell-content, .osbp-cxo .v-table-no-horizontal-lines .v-table-row-drag-bottom .v-table-cell-content {
+ height: 31px;
+}
+
+.osbp-cxo .v-table-no-header .v-table-header-wrap {
+ display: none;
+}
+
+.osbp-cxo .v-table-borderless .v-table-header-wrap, .osbp-cxo .v-table-borderless .v-table-footer-wrap, .osbp-cxo .v-table-borderless .v-table-header-drag, .osbp-cxo .v-table-borderless .v-table-body {
+ border: none;
+}
+
+.osbp-cxo .v-table-borderless .v-table-header-wrap {
+ border-bottom: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-table-borderless .v-table-footer-wrap {
+ border-top: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-table-compact .v-table-header-wrap, .osbp-cxo .v-table-compact .v-table-footer-wrap, .osbp-cxo .v-table-compact .v-table-header-drag, .osbp-cxo .v-table-small .v-table-header-wrap, .osbp-cxo .v-table-small .v-table-footer-wrap, .osbp-cxo .v-table-small .v-table-header-drag {
+ font-size: 14px;
+}
+
+.osbp-cxo .v-table-compact .v-table-footer-container, .osbp-cxo .v-table-small .v-table-footer-container {
+ padding: 6px 7px 7px;
+}
+
+.osbp-cxo .v-table-compact .v-table-caption-container, .osbp-cxo .v-table-compact .v-table-header-drag, .osbp-cxo .v-table-small .v-table-caption-container, .osbp-cxo .v-table-small .v-table-header-drag {
+ padding-top: 7px;
+ padding-bottom: 6px;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+.osbp-cxo .v-table-compact .v-table-caption-container-align-right, .osbp-cxo .v-table-small .v-table-caption-container-align-right {
+ padding-right: 0;
+}
+
+.osbp-cxo .v-table-compact .v-table-resizer, .osbp-cxo .v-table-small .v-table-resizer {
+ height: 27px;
+}
+
+.osbp-cxo .v-table-compact .v-table-cell-content, .osbp-cxo .v-table-small .v-table-cell-content {
+ height: 27px;
+}
+
+.osbp-cxo .v-table-compact .v-table-cell-wrapper, .osbp-cxo .v-table-small .v-table-cell-wrapper {
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+.osbp-cxo .v-table-compact .v-table-cell-wrapper > .v-widget, .osbp-cxo .v-table-small .v-table-cell-wrapper > .v-widget {
+ margin: 2px -3px;
+}
+
+.osbp-cxo .v-table-compact .v-table-cell-wrapper > .v-widget.v-label, .osbp-cxo .v-table-compact .v-table-cell-wrapper > .v-widget.v-checkbox, .osbp-cxo .v-table-compact .v-table-cell-wrapper > .v-widget.v-select-optiongroup, .osbp-cxo .v-table-small .v-table-cell-wrapper > .v-widget.v-label, .osbp-cxo .v-table-small .v-table-cell-wrapper > .v-widget.v-checkbox, .osbp-cxo .v-table-small .v-table-cell-wrapper > .v-widget.v-select-optiongroup {
+ margin: 0;
+}
+
+.osbp-cxo .v-table-compact .v-table-cell-wrapper > .v-widget.v-progressbar, .osbp-cxo .v-table-small .v-table-cell-wrapper > .v-widget.v-progressbar {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+.osbp-cxo .v-table-compact .v-table-header-cell-asc .v-table-sort-indicator, .osbp-cxo .v-table-compact .v-table-header-cell-desc .v-table-sort-indicator, .osbp-cxo .v-table-small .v-table-header-cell-asc .v-table-sort-indicator, .osbp-cxo .v-table-small .v-table-header-cell-desc .v-table-sort-indicator {
+ height: 27px;
+ line-height: 27px;
+}
+
+.osbp-cxo .v-table-compact .v-table-header-drag, .osbp-cxo .v-table-small .v-table-header-drag {
+ margin-top: -14px;
+}
+
+.osbp-cxo .v-table-compact.v-treetable .v-table-cell-wrapper, .osbp-cxo .v-table-small.v-treetable .v-table-cell-wrapper {
+ padding-left: 0;
+ padding-right: 0;
+ min-height: 16px;
+}
+
+.osbp-cxo .v-table-compact.v-treetable .v-table-cell-content, .osbp-cxo .v-table-small.v-treetable .v-table-cell-content {
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+.osbp-cxo .v-table-compact.v-treetable .v-table-cell-content:first-child, .osbp-cxo .v-table-small.v-treetable .v-table-cell-content:first-child {
+ padding-left: 7px;
+}
+
+.osbp-cxo .v-table-compact.v-treetable .v-table-footer-container, .osbp-cxo .v-table-small.v-treetable .v-table-footer-container {
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+.osbp-cxo .v-table-compact .v-table-row-drag-top .v-table-cell-content, .osbp-cxo .v-table-compact .v-table-row-drag-bottom .v-table-cell-content, .osbp-cxo .v-table-small .v-table-row-drag-top .v-table-cell-content, .osbp-cxo .v-table-small .v-table-row-drag-bottom .v-table-cell-content {
+ height: 26px;
+}
+
+.osbp-cxo .v-table-small {
+ font-size: 14px;
+}
+
+.osbp-cxo .v-table-small.v-treetable .v-table-cell-wrapper {
+ min-height: 14px;
+}
+
+.osbp-cxo .v-treetable [class*="caption-container"], .osbp-cxo .v-treetable [class*="footer-container"], .osbp-cxo .v-treetable [class*="cell-wrapper"] {
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.osbp-cxo .v-treetable [class*="caption-container"], .osbp-cxo .v-treetable [class*="footer-container"] {
+ min-height: 15px;
+}
+
+.osbp-cxo .v-treetable [class*="cell-wrapper"] {
+ min-height: 16px;
+}
+
+.osbp-cxo .v-treetable [class*="caption-container"] {
+ padding-left: 11px;
+}
+
+.osbp-cxo .v-treetable [class*="caption-container-align-right"] {
+ padding-left: 18px;
+}
+
+.osbp-cxo .v-treetable [class*="footer-container"] {
+ padding-right: 11px;
+}
+
+.osbp-cxo .v-treetable [class*="cell-content"] {
+ padding-left: 11px;
+ padding-right: 11px;
+}
+
+.osbp-cxo .v-treetable [class*="cell-content"]:first-child {
+ padding-left: 12px;
+}
+
+.osbp-cxo .v-treetable-treespacer {
+ display: inline-block;
+ position: absolute;
+ width: 16px !important;
+ margin-left: -22px;
+ text-align: center;
+ cursor: pointer;
+}
+
+.osbp-cxo .v-treetable-node-closed:before {
+ content: "\f0da";
+ font-family: ThemeIcons;
+}
+
+.osbp-cxo .v-treetable-node-open:before {
+ content: "\f0d7";
+ font-family: ThemeIcons;
+}
+
+.osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter {
+ width: 1px;
+}
+
+.osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter:after {
+ left: -5px;
+ right: -5px;
+}
+
+.osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before {
+ height: 32px;
+ padding: 0 14px;
+ color: #191919;
+ font-weight: 400;
+
+
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-bottom-color: #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ height: auto;
+ padding: 0;
+ border-radius: 0;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(left, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to right,#fafafa 2%, #efefef 98%);
+}
+
+.osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:hover:after {
+ background-color: rgba(186, 186, 186, 0.1);
+}
+
+.osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+}
+
+.osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:active:after {
+ background-color: rgba(125, 125, 125, 0.2);
+}
+
+.osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-second-container {
+ margin-left: 1px;
+}
+
+.osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter {
+ height: 1px;
+}
+
+.osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter:after {
+ top: -5px;
+ bottom: -5px;
+}
+
+.osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before {
+ height: 32px;
+ padding: 0 14px;
+ color: #191919;
+ font-weight: 400;
+
+
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-bottom-color: #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ height: auto;
+ padding: 0;
+ border-radius: 0;
+}
+
+.osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:hover:after {
+ background-color: rgba(186, 186, 186, 0.1);
+}
+
+.osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+}
+
+.osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:active:after {
+ background-color: rgba(125, 125, 125, 0.2);
+}
+
+.osbp-cxo .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter {
+ width: 11px;
+}
+
+.osbp-cxo .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter:after {
+ left: 0px;
+ right: 0px;
+}
+
+.osbp-cxo .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:before {
+ height: 32px;
+ padding: 0 14px;
+ color: #191919;
+ font-weight: 400;
+
+
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-bottom-color: #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ height: auto;
+ padding: 0;
+ border-radius: 0;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(left, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to right,#fafafa 2%, #efefef 98%);
+}
+
+.osbp-cxo .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:before:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-cxo .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:before:hover:after {
+ background-color: rgba(186, 186, 186, 0.1);
+}
+
+.osbp-cxo .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:before:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+}
+
+.osbp-cxo .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:before:active:after {
+ background-color: rgba(125, 125, 125, 0.2);
+}
+
+.osbp-cxo .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:after {
+ content: "";
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-left-color: #d4d4d4;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 0;
+ height: 32px;
+ margin-left: -1px;
+ margin-top: -16px;
+}
+
+.osbp-cxo .v-splitpanel-horizontal.large > div > .v-splitpanel-second-container {
+ margin-left: 11px;
+}
+
+.osbp-cxo .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter {
+ height: 11px;
+}
+
+.osbp-cxo .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter:after {
+ top: 0px;
+ bottom: 0px;
+}
+
+.osbp-cxo .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:before {
+ height: 32px;
+ padding: 0 14px;
+ color: #191919;
+ font-weight: 400;
+
+
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-bottom-color: #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ height: auto;
+ padding: 0;
+ border-radius: 0;
+}
+
+.osbp-cxo .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:before:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-cxo .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:before:hover:after {
+ background-color: rgba(186, 186, 186, 0.1);
+}
+
+.osbp-cxo .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:before:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+}
+
+.osbp-cxo .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:before:active:after {
+ background-color: rgba(125, 125, 125, 0.2);
+}
+
+.osbp-cxo .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:after {
+ content: "";
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-left-color: #d4d4d4;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 32px;
+ height: 0;
+ margin-left: -16px;
+ margin-top: -1px;
+}
+
+.osbp-cxo .v-progressbar-wrapper {
+ border-radius: 4px;
+ height: 8px;
+ background-color: #d4d4d4;
+ background-image: -webkit-linear-gradient(bottom, #d7d7d7 2%, #c7c7c7 98%);
+ background-image: linear-gradient(to top,#d7d7d7 2%, #c7c7c7 98%);
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ min-width: 64px;
+}
+
+.osbp-cxo .v-progressbar-indicator {
+ border-radius: 4px;
+ height: inherit;
+ background-color: #ffd210;
+ background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%);
+ background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%);
+
+
+ border: 1px solid #d4d4d4;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ max-width: 100%;
+ min-width: 8px;
+ -webkit-transition: width 160ms;
+ -moz-transition: width 160ms;
+ transition: width 160ms;
+}
+
+.osbp-cxo .v-progressbar-point .v-progressbar-indicator {
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: none;
+ text-align: right;
+ overflow: hidden;
+}
+
+.osbp-cxo .v-progressbar-point .v-progressbar-indicator:before {
+ content: "";
+ display: inline-block;
+ border-radius: 4px;
+ height: inherit;
+ background-color: #ffd210;
+ background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%);
+ background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%);
+
+
+ border: 1px solid #d4d4d4;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ max-width: 100%;
+ width: 8px;
+ vertical-align: top;
+}
+
+.osbp-cxo .v-progressbar-indeterminate {
+ height: 24px !important;
+ width: 24px !important;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border: 2px solid rgba(255, 210, 16, 0.2);
+ border-top-color: #ffd210;
+ border-right-color: #ffd210;
+ border-radius: 100%;
+ -webkit-animation: v-rotate-360 500ms infinite linear;
+ -moz-animation: v-rotate-360 500ms infinite linear;
+ animation: v-rotate-360 500ms infinite linear;
+ pointer-events: none;
+}
+
+.v-ie8 .osbp-cxo .v-progressbar-indeterminate, .v-ie9 .osbp-cxo .v-progressbar-indeterminate {
+ border: none;
+ border-radius: 4px;
+ background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50% 50%;
+ background-size: 80%;
+}
+
+.v-ie8 .osbp-cxo .v-progressbar-indeterminate {
+ min-width: 30px;
+ min-height: 30px;
+}
+
+.osbp-cxo .v-progressbar-indeterminate .v-progressbar-wrapper {
+ display: none;
+}
+
+.osbp-cxo .v-slider {
+ position: relative;
+}
+
+.osbp-cxo .v-slider:focus {
+ outline: none;
+}
+
+.osbp-cxo .v-slider:focus .v-slider-handle:after {
+ opacity: 1;
+}
+
+.v-ie8 .osbp-cxo .v-slider:focus .v-slider-handle:after {
+ visibility: visible;
+}
+
+.osbp-cxo .v-slider.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-slider-base {
+ border-radius: 4px;
+ height: 8px;
+ background-color: #d4d4d4;
+ background-image: -webkit-linear-gradient(bottom, #d7d7d7 2%, #c7c7c7 98%);
+ background-image: linear-gradient(to top,#d7d7d7 2%, #c7c7c7 98%);
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ min-width: 64px;
+ height: 4px;
+ margin: 14px 9px;
+ white-space: nowrap;
+ overflow: hidden;
+
+}
+
+.osbp-cxo .v-slider-base:before {
+ content: "";
+ position: absolute;
+ top: 14px;
+ bottom: 14px;
+ left: 9px;
+ width: 8px;
+ border-radius: 4px;
+ border-left: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-slider-base:after {
+ border-radius: 4px;
+ height: inherit;
+ background-color: #ffd210;
+ background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%);
+ background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%);
+
+
+ border: 1px solid #d4d4d4;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ max-width: 100%;
+ content: "";
+ display: inline-block;
+ margin-left: -100%;
+ width: 100%;
+ vertical-align: top;
+}
+
+.v-ie8 .osbp-cxo .v-slider-base:after {
+ position: relative;
+ left: -9px;
+}
+
+.osbp-cxo .v-has-width > .v-slider-base {
+ min-width: 0;
+}
+
+.osbp-cxo .v-slider-handle {
+ margin-top: -14px;
+ width: 0.1px;
+ display: inline-block;
+ vertical-align: top;
+}
+
+.osbp-cxo .v-slider-handle:before {
+ height: 32px;
+ padding: 0 14px;
+ color: #191919;
+ font-weight: 400;
+
+
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-bottom-color: #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+}
+
+.osbp-cxo .v-slider-handle:before:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-cxo .v-slider-handle:before:hover:after {
+ background-color: rgba(186, 186, 186, 0.1);
+}
+
+.osbp-cxo .v-slider-handle:before:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+}
+
+.osbp-cxo .v-slider-handle:before:active:after {
+ background-color: rgba(125, 125, 125, 0.2);
+}
+
+.osbp-cxo .v-slider-handle:after {
+ border: 1px solid #d4d4d4;
+ border: 1px solid #d4d4d4;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ opacity: 0;
+ -webkit-transition: opacity 200ms;
+ -moz-transition: opacity 200ms;
+ transition: opacity 200ms;
+}
+
+.v-ie8 .osbp-cxo .v-slider-handle:after {
+ visibility: hidden;
+}
+
+.osbp-cxo .v-slider-handle:before, .osbp-cxo .v-slider-handle:after {
+ content: "";
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 0;
+ width: 18px;
+ height: 18px;
+ border-radius: 9px;
+ position: absolute;
+ z-index: 1;
+ margin-top: 7px;
+ margin-left: -9px;
+}
+
+.osbp-cxo .v-slider-feedback {
+ background-color: #323232;
+ background-color: rgba(50, 50, 50, 0.9);
+ -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
+ color: white;
+ padding: 4px 8px;
+ border-radius: 3px;
+ max-width: 35em;
+ overflow: hidden !important;
+ font-size: 14px;
+}
+
+.osbp-cxo .v-slider-vertical {
+ padding: 9px 0;
+ height: 82px;
+}
+
+.osbp-cxo .v-slider-vertical .v-slider-base {
+ background-color: #d4d4d4;
+ background-image: -webkit-linear-gradient(right, #d7d7d7 2%, #c7c7c7 98%);
+ background-image: linear-gradient(to left,#d7d7d7 2%, #c7c7c7 98%);
+ width: 4px;
+ height: 100% !important;
+ min-width: 0;
+ margin: 0 14px;
+}
+
+.osbp-cxo .v-slider-vertical .v-slider-base:before {
+ top: auto;
+ bottom: 9px;
+ left: 14px;
+ right: 14px;
+ width: auto;
+ height: 8px;
+ border-left: none;
+ border-bottom: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-slider-vertical .v-slider-base:after {
+ height: 101%;
+ margin-left: 0;
+ background-color: #ffd210;
+ background-image: -webkit-linear-gradient(left, #ffd511 2%, #f4c50d 98%);
+ background-image: linear-gradient(to right,#ffd511 2%, #f4c50d 98%);
+}
+
+.v-ie8 .osbp-cxo .v-slider-vertical .v-slider-base:after {
+ top: 9px;
+ left: 0;
+ height: 130%;
+}
+
+.osbp-cxo .v-slider-vertical .v-slider-handle {
+ width: 0;
+ height: 0.1px;
+ width: 32px;
+ display: block;
+}
+
+.osbp-cxo .v-slider-vertical .v-slider-handle:before, .osbp-cxo .v-slider-vertical .v-slider-handle:after {
+ width: 18px;
+ height: 18px;
+ margin-top: -9px;
+ margin-left: -7px;
+}
+
+.osbp-cxo .v-slider-no-indicator .v-slider-base:before, .osbp-cxo .v-slider-no-indicator .v-slider-base:after {
+ display: none;
+}
+
+.osbp-cxo .v-tabsheet:not(.v-has-width) {
+ width: auto !important;
+}
+
+.osbp-cxo .v-tabsheet-spacertd {
+ display: none !important;
+}
+
+.osbp-cxo .v-tabsheet-tabcontainer {
+ position: relative;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.osbp-cxo .v-tabsheet-tabcontainer:before {
+ content: "";
+ position: absolute;
+ height: 0;
+ border-top: 1px solid #d4d4d4;
+ bottom: 0;
+ left: 0;
+ right: 0;
+}
+
+.osbp-cxo .v-tabsheet-tabcontainer .v-tabsheet-tabs {
+ position: relative;
+}
+
+.osbp-cxo .v-tabsheet-tabitemcell {
+ vertical-align: bottom;
+}
+
+.osbp-cxo .v-tabsheet-tabitemcell .v-tabsheet-tabitem {
+ line-height: 0;
+ overflow: hidden;
+}
+
+.osbp-cxo .v-tabsheet-tabitemcell .v-caption {
+ margin-left: 16px;
+ padding: 0 3px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer;
+ text-align: center;
+ line-height: 32px;
+ font-size: 15px;
+ font-weight: 300;
+ color: #6b6b6b;
+ width: auto !important;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ border-bottom: 2px solid transparent;
+ position: relative;
+ -webkit-transition: border-bottom 200ms, color 200ms;
+ -moz-transition: border-bottom 200ms, color 200ms;
+ transition: border-bottom 200ms, color 200ms;
+}
+
+.osbp-cxo .v-tabsheet-tabitemcell .v-caption .v-captiontext {
+ display: inline;
+}
+
+.osbp-cxo .v-tabsheet-tabitemcell .v-caption .v-icon + .v-captiontext {
+ margin-left: 8px;
+}
+
+.osbp-cxo .v-tabsheet-tabitemcell .v-caption:hover {
+ color: #ffd210;
+}
+
+.osbp-cxo .v-tabsheet-tabitemcell .v-caption.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+ cursor: default;
+ color: inherit !important;
+}
+
+.osbp-cxo .v-tabsheet-tabitemcell:first-child .v-caption, .osbp-cxo .v-tabsheet-tabitemcell[aria-hidden="true"] + td .v-caption {
+ margin-left: 0;
+}
+
+.osbp-cxo .v-tabsheet-tabitemcell:focus {
+ outline: none;
+}
+
+.osbp-cxo .v-tabsheet-tabitemcell:focus .v-caption {
+ color: #ffd210;
+}
+
+.osbp-cxo .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected .v-caption.v-caption {
+ border-bottom-color: #ffd210;
+ color: #ffd210;
+}
+
+.osbp-cxo .v-tabsheet-tabitemcell .v-caption-closable {
+ padding-right: 21px;
+}
+
+.osbp-cxo .v-tabsheet-tabitemcell.icons-on-top .v-caption-closable {
+ padding-right: 3px;
+}
+
+.osbp-cxo .v-tabsheet-tabitemcell .v-tabsheet-caption-close {
+ position: absolute;
+ right: 0;
+ top: 50%;
+ margin: -8px 0 0;
+ font-size: 18px;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ border-radius: 2px;
+ color: #999999;
+}
+
+.osbp-cxo .v-tabsheet-tabitemcell .v-tabsheet-caption-close:hover {
+ background: rgba(0, 0, 0, 0.03);
+ color: #ffd210;
+}
+
+.osbp-cxo .v-tabsheet-tabitemcell .v-tabsheet-caption-close:active {
+ background: #ffd210;
+ color: #3e350e;
+}
+
+.osbp-cxo .v-tabsheet-scroller {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ padding-left: 16px;
+ background-color: transparent;
+ background-image: -webkit-linear-gradient(right, #fafafa 70%, rgba(250, 250, 250, 0) 100%);
+ background-image: linear-gradient(to left,#fafafa 70%, rgba(250, 250, 250, 0) 100%);
+ pointer-events: none;
+}
+
+.osbp-cxo .v-tabsheet-scroller:after {
+ content: "";
+ height: 1px;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ display: block;
+ background-color: transparent;
+ background-image: -webkit-linear-gradient(right, #d4d4d4 70%, rgba(212, 212, 212, 0) 100%);
+ background-image: linear-gradient(to left,#d4d4d4 70%, rgba(212, 212, 212, 0) 100%);
+}
+
+.v-ie8 .osbp-cxo .v-tabsheet-scroller, .v-ie9 .osbp-cxo .v-tabsheet-scroller {
+ background-color: #fafafa;
+}
+
+.v-ie8 .osbp-cxo .v-tabsheet-scroller:after, .v-ie9 .osbp-cxo .v-tabsheet-scroller:after {
+ background-color: #d4d4d4;
+}
+
+.osbp-cxo .v-tabsheet-scroller button {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ border: none;
+ background: transparent;
+ font: inherit;
+ color: inherit;
+ height: 100%;
+ margin: 0;
+ padding: 0 8px;
+ outline: none;
+ cursor: pointer;
+ pointer-events: auto;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-tabsheet-scroller button:hover {
+ opacity: 1;
+ filter: none ;
+ color: #ffd210;
+}
+
+.osbp-cxo .v-tabsheet-scroller button:active {
+ opacity: 0.7;
+ filter: alpha(opacity=70) ;
+ color: #ffd210;
+}
+
+.osbp-cxo .v-tabsheet-scroller button::-moz-focus-inner {
+ padding: 0;
+ border: 0;
+}
+
+.osbp-cxo .v-tabsheet-scroller [class*="Next"] {
+ padding-left: 4px;
+}
+
+.osbp-cxo .v-tabsheet-scroller [class*="Next"]:before {
+ font-family: ThemeIcons;
+ content: "\f054";
+}
+
+.osbp-cxo .v-tabsheet-scroller [class*="Prev"] {
+ padding-right: 4px;
+}
+
+.osbp-cxo .v-tabsheet-scroller [class*="Prev"]:before {
+ font-family: ThemeIcons;
+ content: "\f053";
+}
+
+.osbp-cxo .v-tabsheet-scroller [class*="disabled"] {
+ cursor: default;
+ color: inherit !important;
+ opacity: 0.1 !important;
+ filter: alpha(opacity=10) !important;
+}
+
+.osbp-cxo .v-tabsheet-equal-width-tabs > .v-tabsheet-tabcontainer table, .osbp-cxo .v-tabsheet-equal-width-tabs > .v-tabsheet-tabcontainer tbody, .osbp-cxo .v-tabsheet-equal-width-tabs > .v-tabsheet-tabcontainer tr {
+ width: 100%;
+}
+
+.osbp-cxo .v-tabsheet-equal-width-tabs > .v-tabsheet-tabcontainer tr {
+ display: table;
+ table-layout: fixed;
+}
+
+.osbp-cxo .v-tabsheet-equal-width-tabs > .v-tabsheet-tabcontainer td {
+ display: table-cell;
+}
+
+.osbp-cxo .v-tabsheet-equal-width-tabs > .v-tabsheet-tabcontainer .v-caption {
+ margin: 0;
+ display: block;
+}
+
+.osbp-cxo .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-caption {
+ margin-left: 3px;
+ padding: 0 10px;
+ background-color: #fff;
+ border: 1px solid transparent;
+ line-height: 31px;
+ border-radius: 4px 4px 0 0;
+ font-weight: 400;
+ -webkit-transition: background-color 160ms;
+ -moz-transition: background-color 160ms;
+ transition: background-color 160ms;
+}
+
+.osbp-cxo .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-caption:hover {
+ background-color: #f7f7f7;
+ border-bottom-color: #d4d4d4;
+}
+
+.osbp-cxo .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-caption.v-disabled:hover {
+ background-color: #fff;
+}
+
+.osbp-cxo .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-caption-closable {
+ padding-right: 28px;
+}
+
+.osbp-cxo .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-tabsheet-caption-close {
+ top: 4px;
+ right: 4px;
+ margin-top: 0;
+}
+
+.osbp-cxo .v-tabsheet-framed > .v-tabsheet-tabcontainer td:first-child .v-caption, .osbp-cxo .v-tabsheet-framed > .v-tabsheet-tabcontainer [aria-hidden="true"] + td .v-caption {
+ margin-left: 0;
+}
+
+.osbp-cxo .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-tabsheet-tabitem .v-caption {
+ border-color: #d4d4d4;
+}
+
+.osbp-cxo .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-tabsheet-tabitem-selected .v-caption {
+ background: white;
+ border-color: #d4d4d4;
+ border-bottom: none;
+ padding-bottom: 1px;
+}
+
+.osbp-cxo .v-tabsheet-framed > .v-tabsheet-content {
+ border: 1px solid #d4d4d4;
+ border-top: none;
+}
+
+.osbp-cxo .v-tabsheet-framed > .v-tabsheet-content > div {
+ background: white;
+}
+
+.osbp-cxo .v-tabsheet-framed.padded-tabbar > .v-tabsheet-tabcontainer {
+ border: 1px solid #d4d4d4;
+ border-bottom: none;
+ background: #fafafa;
+ padding-top: 5px;
+}
+
+.osbp-cxo .v-tabsheet-framed.icons-on-top > .v-tabsheet-tabcontainer .v-tabsheet-tabitem-selected .v-caption {
+ padding-bottom: 6px;
+}
+
+.osbp-cxo .v-tabsheet-centered-tabs > .v-tabsheet-tabcontainer {
+ text-align: center;
+}
+
+.osbp-cxo .v-tabsheet-right-aligned-tabs > .v-tabsheet-tabcontainer {
+ text-align: right;
+}
+
+.osbp-cxo .v-tabsheet-padded-tabbar > .v-tabsheet-tabcontainer .v-tabsheet-tabs {
+ padding: 0 8px;
+}
+
+.osbp-cxo .v-tabsheet-icons-on-top > .v-tabsheet-tabcontainer .v-caption {
+ padding-top: 5px;
+ padding-bottom: 5px;
+ line-height: 1.2;
+}
+
+.osbp-cxo .v-tabsheet-icons-on-top > .v-tabsheet-tabcontainer .v-icon {
+ display: block;
+}
+
+.osbp-cxo .v-tabsheet-icons-on-top > .v-tabsheet-tabcontainer .v-icon + .v-captiontext.v-captiontext {
+ margin-left: 0;
+}
+
+.osbp-cxo .v-tabsheet-icons-on-top > .v-tabsheet-tabcontainer .v-caption-closable {
+ padding-right: 10px;
+}
+
+.osbp-cxo .v-tabsheet-icons-on-top > .v-tabsheet-tabcontainer .v-tabsheet-caption-close {
+ top: 4px;
+ margin-top: 0;
+}
+
+.osbp-cxo .v-tabsheet-compact-tabbar > .v-tabsheet-tabcontainer-compact-tabbar .v-caption {
+ line-height: 1.8;
+}
+
+.osbp-cxo .v-tabsheet-only-selected-closable > .v-tabsheet-tabcontainer .v-tabsheet-caption-close {
+ visibility: hidden;
+}
+
+.osbp-cxo .v-tabsheet-only-selected-closable > .v-tabsheet-tabcontainer .v-tabsheet-tabitem-selected .v-tabsheet-caption-close {
+ visibility: visible;
+}
+
+.osbp-cxo .v-colorpicker-popup.v-window {
+ min-width: 220px !important;
+}
+
+.osbp-cxo .v-colorpicker-popup .v-tabsheet-tabs {
+ padding: 0 8px;
+}
+
+.osbp-cxo .v-colorpicker-popup [class$="sliders"] {
+ padding: 11px;
+}
+
+.osbp-cxo .v-colorpicker-popup [class$="sliders"] .v-widget {
+ width: 100% !important;
+ vertical-align: middle;
+}
+
+.osbp-cxo .v-colorpicker-popup [class$="sliders"] .v-has-caption {
+ white-space: nowrap;
+ padding-left: 48px;
+}
+
+.osbp-cxo .v-colorpicker-popup [class$="sliders"] .v-caption {
+ display: inline-block;
+ margin-left: -48px;
+ width: 48px;
+}
+
+.osbp-cxo .v-colorpicker-popup [class$="sliders"] .v-slot-hue-slider + .v-slot .v-has-caption {
+ padding-left: 80px;
+}
+
+.osbp-cxo .v-colorpicker-popup [class$="sliders"] .v-slot-hue-slider + .v-slot .v-caption {
+ margin-left: -80px;
+ width: 80px;
+}
+
+.osbp-cxo .v-colorpicker-popup .v-slider-red .v-slider-base:after {
+ background: red;
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-colorpicker-popup .v-slider-green .v-slider-base:after {
+ background: green;
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-colorpicker-popup .v-slider-blue .v-slider-base:after {
+ background: blue;
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-colorpicker-popup .v-margin-bottom {
+ padding-bottom: 0;
+}
+
+.osbp-cxo .v-colorpicker-popup .resize-button {
+ width: 100% !important;
+ height: auto !important;
+ text-align: center;
+ outline: none;
+}
+
+.osbp-cxo .v-colorpicker-popup .resize-button:before {
+ font-family: ThemeIcons;
+ content: "\f141";
+}
+
+.osbp-cxo .v-colorpicker-popup .resize-button-caption {
+ display: none;
+}
+
+.osbp-cxo .v-colorpicker-popup .v-horizontallayout {
+ height: auto !important;
+ padding: 8px 0;
+ background-color: #fafafa;
+ border-top: 1px solid #ededed;
+}
+
+.osbp-cxo .v-colorpicker-popup .v-horizontallayout .v-expand {
+ overflow: visible;
+}
+
+.osbp-cxo .v-colorpicker-popup .v-horizontallayout .v-button {
+ width: 80% !important;
+}
+
+.osbp-cxo .v-colorpicker-preview {
+ width: 100% !important;
+ height: auto !important;
+ padding: 8px;
+}
+
+.osbp-cxo .v-colorpicker-preview-textfield {
+ height: auto !important;
+ text-align: center;
+ border: none;
+}
+
+.osbp-cxo .v-colorpicker {
+ width: auto;
+}
+
+.osbp-cxo .v-colorpicker-button-color {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+ bottom: 5px;
+ left: 5px;
+ border-radius: 3px;
+ border: 1px solid rgba(0, 0, 0, 0.5);
+ max-width: 19px;
+}
+
+.osbp-cxo .v-colorpicker-button-color + .v-button-caption:not(:empty) {
+ margin-left: 16px;
+}
+
+.v-ie8 .osbp-cxo .v-colorpicker-button-color {
+ position: relative;
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
+ width: 16px;
+ height: 16px;
+ display: inline-block;
+ vertical-align: middle;
+ margin: 0 -8px;
+}
+
+.v-ie8 .osbp-cxo .v-colorpicker-button-color + .v-button-caption {
+ margin-left: 16px;
+}
+
+.osbp-cxo .v-panel {
+ background: white;
+ color: #474747;
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ overflow: visible !important;
+}
+
+.osbp-cxo .v-panel-caption {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 0 11px;
+ line-height: 31px;
+ border-bottom: 1px solid #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #f6f6f6 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #f6f6f6 98%);
+ color: #464646;
+ font-weight: 400;
+ font-size: 14px;
+
+
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+ border-radius: 3px 3px 0 0;
+}
+
+.osbp-cxo .v-panel-content {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 100%;
+ height: 100%;
+}
+
+.osbp-cxo .v-panel-content > .v-margin-top {
+ padding-top: 11px;
+}
+
+.osbp-cxo .v-panel-content > .v-margin-right {
+ padding-right: 11px;
+}
+
+.osbp-cxo .v-panel-content > .v-margin-bottom {
+ padding-bottom: 11px;
+}
+
+.osbp-cxo .v-panel-content > .v-margin-left {
+ padding-left: 11px;
+}
+
+.osbp-cxo .v-panel-borderless {
+ background: transparent;
+ color: inherit;
+ border: none;
+ border-radius: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-panel-borderless > div > [class*="-caption"] {
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: inherit;
+ padding: 0;
+ margin: 0 11px;
+ border-bottom: none;
+}
+
+.osbp-cxo .v-panel-well {
+ background: #f5f5f5;
+ color: #454545;
+ -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 1px 3px 7px rgba(0, 0, 0, 0.1);
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-panel-well > div > [class*="-caption"] {
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-panel-scroll-divider > [class*="-captionwrap"] {
+ position: relative;
+ z-index: 2;
+}
+
+.osbp-cxo .v-panel-scroll-divider > [class*="-captionwrap"]:after {
+ content: "";
+ position: absolute;
+ bottom: -1px;
+ right: 0;
+ left: 0;
+ height: 0;
+ border-top: 1px solid #d4d4d4;
+ border-color: rgba(212, 212, 212, 0.5);
+}
+
+.osbp-cxo .v-panel-scroll-divider > [class*="-content"]:before {
+ content: "";
+ position: absolute;
+ z-index: 2;
+ top: 0;
+ height: 0;
+ border-top: 1px solid #fff;
+ left: 0;
+ right: 0;
+}
+
+.osbp-cxo .v-panel-caption.v-horizontallayout {
+ height: auto !important;
+ line-height: 0;
+}
+
+.osbp-cxo .v-panel-caption.v-horizontallayout .v-slot {
+ vertical-align: middle;
+}
+
+.osbp-cxo .v-panel-caption.v-horizontallayout .v-label {
+ line-height: 32px;
+}
+
+.osbp-cxo .v-accordion {
+ background: white;
+ color: #474747;
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #f4f4f4 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #f4f4f4 98%);
+ overflow: hidden;
+}
+
+.osbp-cxo .v-accordion-item {
+ position: relative;
+}
+
+.osbp-cxo .v-accordion-item:first-child {
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+.osbp-cxo .v-accordion-item:last-child {
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.osbp-cxo .v-accordion-item:last-child [class*="item-content"] {
+ border-radius: inherit;
+}
+
+.osbp-cxo .v-accordion-item[class*="item-open"]:last-child > div > .v-caption {
+ border-radius: 0;
+}
+
+.osbp-cxo .v-accordion-item:not([class*="item-open"]):last-child > div > .v-caption {
+ border-bottom: none;
+ margin-bottom: 0;
+}
+
+.osbp-cxo .v-accordion-item[class*="item-open"] + [class*="item"] {
+ border-top: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-accordion-item-caption {
+ border-radius: inherit;
+}
+
+.osbp-cxo .v-accordion-item-caption > .v-caption {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 0 11px;
+ line-height: 31px;
+ border-bottom: 1px solid #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #f6f6f6 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #f6f6f6 98%);
+ color: #464646;
+ font-weight: 400;
+ font-size: 14px;
+
+
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+ display: block;
+ background: transparent;
+ border-bottom-color: #d4d4d4;
+ border-radius: inherit;
+ cursor: pointer;
+ position: relative;
+}
+
+.osbp-cxo .v-accordion-item-caption > .v-caption:hover:before, .osbp-cxo .v-accordion-item-caption > .v-caption:active:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ border-radius: inherit;
+}
+
+.osbp-cxo .v-accordion-item-caption > .v-caption:hover:before {
+ background-color: rgba(186, 186, 186, 0.1);
+ border: none;
+}
+
+.osbp-cxo .v-accordion-item-caption > .v-caption:active:before {
+ background-color: rgba(125, 125, 125, 0.2);
+}
+
+.osbp-cxo .v-accordion-item-content {
+ -webkit-box-shadow: inset 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 1px 3px 7px rgba(0, 0, 0, 0.1);
+ background-color: white;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.osbp-cxo .v-accordion-item-content > .v-margin-top {
+ padding-top: 11px;
+}
+
+.osbp-cxo .v-accordion-item-content > .v-margin-right {
+ padding-right: 11px;
+}
+
+.osbp-cxo .v-accordion-item-content > .v-margin-bottom {
+ padding-bottom: 11px;
+}
+
+.osbp-cxo .v-accordion-item-content > .v-margin-left {
+ padding-left: 11px;
+}
+
+.osbp-cxo .v-accordion-borderless {
+ border: none;
+ border-radius: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-accordion-borderless > .v-accordion-item, .osbp-cxo .v-accordion-borderless > .v-accordion-item > div > .v-caption, .osbp-cxo .v-accordion-borderless > .v-accordion-item > .v-accordion-item-content {
+ border-radius: 0;
+}
+
+.osbp-cxo .v-select-twincol {
+ white-space: normal;
+}
+
+.osbp-cxo .v-select-twincol select {
+ border: 1px solid #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ color: #464646;
+}
+
+.osbp-cxo .v-select-twincol select:focus {
+ outline: none;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+}
+
+.osbp-cxo .v-select-twincol .v-textfield, .osbp-cxo .v-select-twincol .v-nativebutton {
+ width: auto !important;
+ margin-top: 8px;
+}
+
+.osbp-cxo .v-select-twincol .v-nativebutton {
+ margin-left: 8px;
+}
+
+.osbp-cxo .v-select-twincol-caption-left, .osbp-cxo .v-select-twincol-caption-right {
+ font-size: 14px;
+ font-weight: 400;
+ padding-bottom: 0.3em;
+ padding-left: 1px;
+}
+
+.osbp-cxo .v-select-twincol-buttons {
+ white-space: nowrap;
+ display: inline-block;
+ vertical-align: top;
+ position: relative;
+ min-width: 3.5em;
+}
+
+.osbp-cxo .v-select-twincol-buttons .v-button {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ vertical-align: top;
+ text-align: left;
+ white-space: normal;
+ position: absolute;
+ left: 8px;
+ right: 8px;
+ top: 31px;
+ padding: 0;
+ text-align: center;
+}
+
+.osbp-cxo .v-select-twincol-buttons .v-button:first-child {
+ top: 0;
+}
+
+.osbp-cxo .v-select-twincol-buttons .v-button-caption {
+ display: none;
+}
+
+.osbp-cxo .v-select-twincol-buttons .v-button:focus {
+ z-index: 1;
+}
+
+.osbp-cxo .v-select-twincol-buttons .v-button:first-child {
+ border-radius: 4px 4px 0 0;
+}
+
+.osbp-cxo .v-select-twincol-buttons .v-button:last-child {
+ border-radius: 0 0 4px 4px;
+}
+
+.osbp-cxo .v-select-twincol-buttons .v-button-wrap:before {
+ font-family: ThemeIcons;
+ content: "\f053";
+}
+
+.osbp-cxo .v-select-twincol-buttons .v-button:first-child .v-button-wrap:before {
+ font-family: ThemeIcons;
+ content: "\f054";
+}
+
+.osbp-cxo .v-select select {
+ border: 1px solid #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ color: #464646;
+}
+
+.osbp-cxo .v-select select:focus {
+ outline: none;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+}
+
+.osbp-cxo .v-select-select {
+ display: block;
+}
+
+.osbp-cxo .v-select-select + .v-textfield {
+ width: auto !important;
+ margin-top: 8px;
+}
+
+.osbp-cxo .v-select-select + .v-textfield + .v-nativebutton {
+ margin-top: 8px;
+ margin-left: 8px;
+}
+
+.osbp-cxo .v-calendar-header-day {
+ font-weight: 400;
+ text-align: center;
+ padding: 6px 0;
+}
+
+.osbp-cxo .v-calendar-header-week .v-calendar-back, .osbp-cxo .v-calendar-header-week .v-calendar-next {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ background: transparent;
+ border: none;
+ padding: 0;
+ margin: 0;
+ cursor: pointer;
+ outline: none;
+ color: inherit;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-calendar-header-week .v-calendar-back:focus, .osbp-cxo .v-calendar-header-week .v-calendar-next:focus {
+ outline: none;
+}
+
+.osbp-cxo .v-calendar-header-week .v-calendar-back:hover, .osbp-cxo .v-calendar-header-week .v-calendar-next:hover {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-cxo .v-calendar-header-week .v-calendar-back:active, .osbp-cxo .v-calendar-header-week .v-calendar-next:active {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-calendar-header-week .v-calendar-back:before {
+ font-family: ThemeIcons;
+ content: "\f053";
+}
+
+.osbp-cxo .v-calendar-header-week .v-calendar-next:before {
+ font-family: ThemeIcons;
+ content: "\f054";
+}
+
+.osbp-cxo .v-calendar-month {
+ outline: none;
+ overflow: hidden;
+}
+
+.osbp-cxo .v-calendar-month td {
+ vertical-align: top;
+}
+
+.osbp-cxo .v-calendar-week-number {
+ cursor: pointer;
+ width: 20px;
+ text-align: center;
+ font-size: 0.8em;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-calendar-week-number:hover {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-cxo .v-calendar-month-day {
+ outline: none;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ line-height: 1.2;
+}
+
+.osbp-cxo .v-calendar-bottom-spacer, .osbp-cxo .v-calendar-spacer, .osbp-cxo .v-calendar-bottom-spacer-empty {
+ height: 19px;
+ margin-bottom: 3px;
+}
+
+.osbp-cxo .v-calendar-bottom-spacer {
+ font-size: 0.8em;
+ padding: 0 4px;
+ cursor: pointer;
+}
+
+.osbp-cxo .v-calendar-bottom-spacer:hover {
+ color: #ffd210;
+}
+
+.osbp-cxo .v-calendar-day-number {
+ line-height: 21px;
+ font-size: 16px;
+ text-align: right;
+ margin: 0 4px;
+ white-space: nowrap;
+ border-top: 1px solid #f2f2f2;
+ cursor: pointer;
+}
+
+.osbp-cxo .v-calendar-day-number:hover {
+ color: #ffd210;
+}
+
+.osbp-cxo .v-calendar-month-day-today {
+ background: #faf8ee;
+}
+
+.osbp-cxo .v-calendar-month-day-today .v-calendar-day-number {
+ font-weight: 400;
+ color: #ffd210;
+ border-top: 2px solid #ffd210;
+ line-height: 20px;
+ margin: 0;
+ padding: 0 4px;
+}
+
+.osbp-cxo .v-calendar-month-day-selected {
+ background-color: #faf6e2;
+}
+
+.osbp-cxo .v-calendar-month-day-dragemphasis {
+ background-color: #a8a8a8;
+}
+
+.osbp-cxo .v-calendar-month-day-scrollable {
+ overflow-y: scroll;
+}
+
+.osbp-cxo .v-calendar-weekly-longevents {
+ margin-left: 50px;
+ border-bottom: 3px solid #e0e0e0;
+}
+
+.osbp-cxo .v-calendar-weekly-longevents .v-calendar-event-all-day {
+ height: 22px;
+ line-height: 1.6;
+ margin-bottom: 3px;
+}
+
+.osbp-cxo .v-calendar-header-week td {
+ vertical-align: middle !important;
+}
+
+.osbp-cxo .v-calendar-header-week .v-calendar-header-day {
+ cursor: pointer;
+}
+
+.osbp-cxo .v-calendar-times {
+ width: 50px;
+ font-size: 0.77em;
+ line-height: 1;
+ white-space: nowrap;
+}
+
+.osbp-cxo .v-calendar-time {
+ text-align: right;
+ padding-right: 8px;
+ margin-top: -6px;
+ padding-bottom: 6px;
+}
+
+.osbp-cxo .v-calendar-day-times, .osbp-cxo .v-calendar-day-times-today {
+ outline: none;
+ border-right: 1px solid transparent;
+}
+
+.osbp-cxo .v-calendar-day-times:focus, .osbp-cxo .v-calendar-day-times-today:focus {
+ outline: none;
+}
+
+.osbp-cxo .v-calendar .v-datecellslot, .osbp-cxo .v-calendar .v-datecellslot-even {
+ border-top: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-calendar .v-datecellslot:first-child, .osbp-cxo .v-calendar .v-datecellslot-even:first-child {
+ border-top-color: transparent;
+}
+
+.osbp-cxo .v-calendar .v-datecellslot {
+ border-top-style: dotted;
+}
+
+.osbp-cxo .v-calendar .v-datecellslot, .osbp-cxo .v-calendar .v-datecellslot-even {
+ margin-right: 4px;
+}
+
+.osbp-cxo .v-calendar-current-time {
+ background: #ffd210;
+ line-height: 1px;
+ pointer-events: none;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-calendar-current-time:before {
+ content: "\2022";
+ color: #ffd210;
+ font-size: 22px;
+ margin-left: -0.07em;
+}
+
+.osbp-cxo .v-calendar .v-daterange {
+ position: relative;
+}
+
+.osbp-cxo .v-calendar .v-daterange:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: -1px;
+ left: 0;
+ background: #ffd210;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+ border-radius: 4px 4px 0 0;
+}
+
+.osbp-cxo .v-calendar .v-daterange + .v-daterange {
+ border-color: transparent;
+}
+
+.osbp-cxo .v-calendar .v-daterange + .v-daterange:before {
+ border-radius: 0;
+}
+
+.osbp-cxo .v-calendar-event {
+ font-size: 0.85em;
+ overflow: hidden;
+ cursor: pointer;
+ outline: none;
+ border-radius: 4px;
+}
+
+.osbp-cxo .v-calendar-event:focus {
+ outline: none;
+}
+
+.osbp-cxo .v-calendar-event-month {
+ padding: 0 4px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ margin-bottom: 3px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ height: 19px;
+ line-height: 19px;
+}
+
+.osbp-cxo .v-calendar-event-month .v-calendar-event-time {
+ float: right;
+ font-size: 0.9em;
+ line-height: 19px;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-calendar-event-month:before {
+ content: "\25cf";
+ margin-right: 0.2em;
+}
+
+.osbp-cxo .v-calendar-event-all-day {
+ padding: 0 4px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ height: 19px;
+ line-height: 19px;
+ border-radius: 0;
+ margin-left: -1px;
+ white-space: nowrap;
+}
+
+.osbp-cxo .v-calendar-event-all-day:before {
+ content: "";
+}
+
+.osbp-cxo .v-calendar-event-start {
+ overflow: visible;
+ margin-left: 0;
+}
+
+.osbp-cxo .v-calendar-event-start.v-calendar-event-continued-to, .osbp-cxo .v-calendar-event-start.v-calendar-event-end {
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.osbp-cxo .v-calendar-event-start {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+ margin-left: 4px;
+}
+
+.osbp-cxo .v-calendar-event-end {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+ margin-right: 4px;
+}
+
+.osbp-cxo .v-calendar-event-caption {
+ font-weight: 500;
+ line-height: 1.2;
+ padding: 4px 0;
+ position: absolute;
+ overflow: hidden;
+ right: 8px;
+ left: 4px;
+ bottom: 0;
+ top: 0;
+}
+
+.osbp-cxo .v-calendar-event-caption span {
+ font-weight: 300;
+ white-space: nowrap;
+}
+
+.osbp-cxo .v-calendar-week-wrapper .v-calendar-event {
+ overflow: visible;
+}
+
+.osbp-cxo .v-calendar-week-wrapper .v-calendar-event-content {
+ margin-top: -1px;
+ border-radius: 5px;
+ border: 1px solid #fff;
+ padding-top: 3px;
+ margin-right: 4px;
+}
+
+.osbp-cxo .v-calendar-event-month:before {
+ color: #00ace0;
+}
+
+.osbp-cxo .v-calendar-event-all-day {
+ background-color: #c8eaf4;
+ background-color: rgba(200, 234, 244, 0.8);
+ color: #00ace0;
+}
+
+.osbp-cxo .v-calendar-week-wrapper .v-calendar-event {
+ color: #00ace0;
+}
+
+.osbp-cxo .v-calendar-week-wrapper .v-calendar-event .v-calendar-event-content {
+ background-color: #c8eaf4;
+ background-color: rgba(200, 234, 244, 0.8);
+}
+
+.osbp-cxo .v-calendar-event-month[class*="color2"]:before {
+ color: #2d9f19;
+}
+
+.osbp-cxo .v-calendar-event-all-day[class*="color2"] {
+ background-color: #d1e7cd;
+ background-color: rgba(209, 231, 205, 0.8);
+ color: #2d9f19;
+}
+
+.osbp-cxo .v-calendar-week-wrapper .v-calendar-event[class*="color2"] {
+ color: #2d9f19;
+}
+
+.osbp-cxo .v-calendar-week-wrapper .v-calendar-event[class*="color2"] .v-calendar-event-content {
+ background-color: #d1e7cd;
+ background-color: rgba(209, 231, 205, 0.8);
+}
+
+.osbp-cxo .v-calendar-event-month[class*="color3"]:before {
+ color: #d18100;
+}
+
+.osbp-cxo .v-calendar-event-all-day[class*="color3"] {
+ background-color: #f1e1c8;
+ background-color: rgba(241, 225, 200, 0.8);
+ color: #d18100;
+}
+
+.osbp-cxo .v-calendar-week-wrapper .v-calendar-event[class*="color3"] {
+ color: #d18100;
+}
+
+.osbp-cxo .v-calendar-week-wrapper .v-calendar-event[class*="color3"] .v-calendar-event-content {
+ background-color: #f1e1c8;
+ background-color: rgba(241, 225, 200, 0.8);
+}
+
+.osbp-cxo .v-calendar-event-month[class*="color4"]:before {
+ color: #ce3812;
+}
+
+.osbp-cxo .v-calendar-event-all-day[class*="color4"] {
+ background-color: #f1d3cb;
+ background-color: rgba(241, 211, 203, 0.8);
+ color: #ce3812;
+}
+
+.osbp-cxo .v-calendar-week-wrapper .v-calendar-event[class*="color4"] {
+ color: #ce3812;
+}
+
+.osbp-cxo .v-calendar-week-wrapper .v-calendar-event[class*="color4"] .v-calendar-event-content {
+ background-color: #f1d3cb;
+ background-color: rgba(241, 211, 203, 0.8);
+}
+
+.osbp-cxo .v-calendar-event-month[class*="color5"]:before {
+ color: #2d55cd;
+}
+
+.osbp-cxo .v-calendar-event-all-day[class*="color5"] {
+ background-color: #d1d9f1;
+ background-color: rgba(209, 217, 241, 0.8);
+ color: #2d55cd;
+}
+
+.osbp-cxo .v-calendar-week-wrapper .v-calendar-event[class*="color5"] {
+ color: #2d55cd;
+}
+
+.osbp-cxo .v-calendar-week-wrapper .v-calendar-event[class*="color5"] .v-calendar-event-content {
+ background-color: #d1d9f1;
+ background-color: rgba(209, 217, 241, 0.8);
+}
+
+.osbp-cxo .v-calendar.v-disabled * {
+ cursor: default;
+}
+
+.osbp-cxo .v-label {
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+}
+
+.osbp-cxo .v-label-undef-w {
+ white-space: nowrap;
+}
+
+.osbp-cxo h1, .osbp-cxo .v-label-h1, .osbp-cxo h2, .osbp-cxo .v-label-h2, .osbp-cxo h3, .osbp-cxo .v-label-h3 {
+ line-height: 1.1;
+ font-weight: 200;
+ color: #141414;
+}
+
+.osbp-cxo h1, .osbp-cxo .v-label-h1 {
+ font-size: 2.4em;
+ margin-top: 1.4em;
+ margin-bottom: 1em;
+
+ letter-spacing: -0.03em;
+}
+
+.osbp-cxo h2, .osbp-cxo .v-label-h2 {
+ font-size: 1.6em;
+
+ margin-top: 1.6em;
+ margin-bottom: 0.77em;
+ letter-spacing: -0.02em;
+}
+
+.osbp-cxo h3, .osbp-cxo .v-label-h3 {
+ font-size: 1.2em;
+
+ margin-top: 1.8em;
+ margin-bottom: 0.77em;
+ letter-spacing: 0;
+}
+
+.osbp-cxo h4, .osbp-cxo .v-label-h4 {
+ line-height: 1.1;
+ font-weight: 500;
+ font-size: 14px;
+ color: #424242;
+ text-transform: uppercase;
+ letter-spacing: 0;
+ margin-top: 2.4em;
+ margin-bottom: 0.8em;
+}
+
+.osbp-cxo .v-csslayout > h1:first-child, .osbp-cxo .v-csslayout > h2:first-child, .osbp-cxo .v-csslayout > h3:first-child, .osbp-cxo .v-csslayout > h4 > .v-label-h1:first-child, .osbp-cxo .v-csslayout > .v-label-h2:first-child, .osbp-cxo .v-csslayout > .v-label-h3:first-child, .osbp-cxo .v-csslayout > .v-label-h4:first-child {
+ margin-top: 16px;
+}
+
+.osbp-cxo .v-verticallayout > .v-slot:first-child h1, .osbp-cxo .v-verticallayout > .v-slot:first-child .v-label-h1, .osbp-cxo .v-verticallayout > .v-slot:first-child h2, .osbp-cxo .v-verticallayout > .v-slot:first-child .v-label-h2, .osbp-cxo .v-verticallayout > .v-slot:first-child h3, .osbp-cxo .v-verticallayout > .v-slot:first-child .v-label-h3, .osbp-cxo .v-verticallayout > .v-slot:first-child h4, .osbp-cxo .v-verticallayout > .v-slot:first-child .v-label-h4, .osbp-cxo .v-verticallayout > div > .v-slot:first-child h1, .osbp-cxo .v-verticallayout > div > .v-slot:first-child .v-label-h1, .osbp-cxo .v-verticallayout > div > .v-slot:first-child h2, .osbp-cxo .v-verticallayout > div > .v-slot:first-child .v-label-h2, .osbp-cxo .v-verticallayout > div > .v-slot:first-child h3, .osbp-cxo .v-verticallayout > div > .v-slot:first-child .v-label-h3, .osbp-cxo .v-verticallayout > div > .v-slot:first-child h4, .osbp-cxo .v-verticallayout > div > .v-slot:first-child .v-label-h4 {
+ margin-top: 16px;
+}
+
+.osbp-cxo .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell h1, .osbp-cxo .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell .v-label-h1, .osbp-cxo .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell h2, .osbp-cxo .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell .v-label-h2, .osbp-cxo .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell h3, .osbp-cxo .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell .v-label-h3, .osbp-cxo .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell h4, .osbp-cxo .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell .v-label-h4, .osbp-cxo .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell h1, .osbp-cxo .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell .v-label-h1, .osbp-cxo .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell h2, .osbp-cxo .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell .v-label-h2, .osbp-cxo .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell h3, .osbp-cxo .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell .v-label-h3, .osbp-cxo .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell h4, .osbp-cxo .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell .v-label-h4 {
+ margin-top: -0.5em;
+}
+
+.osbp-cxo h1.no-margin, .osbp-cxo .v-label-h1.no-margin, .osbp-cxo h2.no-margin, .osbp-cxo .v-label-h2.no-margin, .osbp-cxo h3.no-margin, .osbp-cxo .v-label-h3.no-margin, .osbp-cxo h4.no-margin, .osbp-cxo .v-label-h4.no-margin {
+ margin: 0 !important;
+}
+
+.osbp-cxo .v-label-colored {
+ color: #ffd210;
+}
+
+.osbp-cxo .v-label-large {
+ font-size: 23px;
+}
+
+.osbp-cxo .v-label-small {
+ font-size: 14px;
+}
+
+.osbp-cxo .v-label-tiny {
+ font-size: 16px;
+}
+
+.osbp-cxo .v-label-huge {
+ font-size: 29px;
+}
+
+.osbp-cxo .v-label-bold {
+ font-weight: 500;
+}
+
+.osbp-cxo .v-label-light {
+ font-weight: 200;
+ color: gray;
+}
+
+.osbp-cxo .v-label-align-right {
+ text-align: right;
+}
+
+.osbp-cxo .v-label-align-center {
+ text-align: center;
+}
+
+.osbp-cxo .v-label-spinner {
+ height: 24px !important;
+ width: 24px !important;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border: 2px solid rgba(255, 210, 16, 0.2);
+ border-top-color: #ffd210;
+ border-right-color: #ffd210;
+ border-radius: 100%;
+ -webkit-animation: v-rotate-360 500ms infinite linear;
+ -moz-animation: v-rotate-360 500ms infinite linear;
+ animation: v-rotate-360 500ms infinite linear;
+ pointer-events: none;
+}
+
+.v-ie8 .osbp-cxo .v-label-spinner, .v-ie9 .osbp-cxo .v-label-spinner {
+ border: none;
+ border-radius: 4px;
+ background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50% 50%;
+ background-size: 80%;
+}
+
+.v-ie8 .osbp-cxo .v-label-spinner {
+ min-width: 30px;
+ min-height: 30px;
+}
+
+.osbp-cxo .v-label-success, .osbp-cxo .v-label-failure {
+ background: white;
+ color: #474747;
+ border: 2px solid #2c9720;
+ border-radius: 4px;
+ padding: 6px 16px 6px 32px;
+ font-weight: 400;
+ font-size: 15px;
+}
+
+.osbp-cxo .v-label-success:before, .osbp-cxo .v-label-failure:before {
+ font-family: ThemeIcons;
+ content: "\f00c";
+ margin-right: 0.5em;
+ margin-left: -16px;
+ color: #2c9720;
+}
+
+.osbp-cxo .v-label-failure {
+ border-color: #ed473b;
+}
+
+.osbp-cxo .v-label-failure:before {
+ content: "\f05e";
+ color: #ed473b;
+}
+
+.osbp-cxo [draggable=true] {
+ -khtml-user-drag: element;
+ -webkit-user-drag: element;
+}
+
+.osbp-cxo .v-ddwrapper {
+ position: relative;
+}
+
+.osbp-cxo .v-ddwrapper-over:before, .osbp-cxo .v-ddwrapper-over:after {
+ content: "";
+ position: absolute;
+ z-index: 10;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+ border: 0 solid #ffd210;
+}
+
+.osbp-cxo .v-ddwrapper-over-top:before {
+ border-top-width: 2px;
+}
+
+.osbp-cxo .v-ddwrapper-over-right:before {
+ border-right-width: 2px;
+}
+
+.osbp-cxo .v-ddwrapper-over-bottom:before {
+ border-bottom-width: 2px;
+}
+
+.osbp-cxo .v-ddwrapper-over-left:before {
+ border-left-width: 2px;
+}
+
+.osbp-cxo .no-vertical-drag-hints .v-ddwrapper-over-top:before, .osbp-cxo .no-vertical-drag-hints.v-ddwrapper-over-top:before {
+ border-top-width: 0;
+}
+
+.osbp-cxo .no-vertical-drag-hints .v-ddwrapper-over-top:after, .osbp-cxo .no-vertical-drag-hints.v-ddwrapper-over-top:after {
+ border-width: 2px;
+ border-radius: 4px;
+ opacity: 0.3;
+ filter: alpha(opacity=30.0) ;
+ background: #886e00;
+}
+
+.osbp-cxo .no-vertical-drag-hints .v-ddwrapper-over-bottom:before, .osbp-cxo .no-vertical-drag-hints.v-ddwrapper-over-bottom:before {
+ border-bottom-width: 0;
+}
+
+.osbp-cxo .no-vertical-drag-hints .v-ddwrapper-over-bottom:after, .osbp-cxo .no-vertical-drag-hints.v-ddwrapper-over-bottom:after {
+ border-width: 2px;
+ border-radius: 4px;
+ opacity: 0.3;
+ filter: alpha(opacity=30.0) ;
+ background: #886e00;
+}
+
+.osbp-cxo .no-horizontal-drag-hints.v-ddwrapper-over-left:before, .osbp-cxo .no-horizontal-drag-hints .v-ddwrapper-over-left:before {
+ border-left-width: 0;
+}
+
+.osbp-cxo .no-horizontal-drag-hints.v-ddwrapper-over-left:after, .osbp-cxo .no-horizontal-drag-hints .v-ddwrapper-over-left:after {
+ border-width: 2px;
+ border-radius: 4px;
+ opacity: 0.3;
+ filter: alpha(opacity=30.0) ;
+ background: #886e00;
+}
+
+.osbp-cxo .no-horizontal-drag-hints.v-ddwrapper-over-right:before, .osbp-cxo .no-horizontal-drag-hints .v-ddwrapper-over-right:before {
+ border-right-width: 0;
+}
+
+.osbp-cxo .no-horizontal-drag-hints.v-ddwrapper-over-right:after, .osbp-cxo .no-horizontal-drag-hints .v-ddwrapper-over-right:after {
+ border-width: 2px;
+ border-radius: 4px;
+ opacity: 0.3;
+ filter: alpha(opacity=30.0) ;
+ background: #886e00;
+}
+
+.osbp-cxo .v-ddwrapper-over-middle:after, .osbp-cxo .v-ddwrapper-over-center:after {
+ border-width: 2px;
+ border-radius: 4px;
+ opacity: 0.3;
+ filter: alpha(opacity=30.0) ;
+ background: #886e00;
+}
+
+.osbp-cxo .no-box-drag-hints.v-ddwrapper:after, .osbp-cxo .no-box-drag-hints .v-ddwrapper:after {
+ display: none !important;
+ content: none;
+}
+
+.osbp-cxo .v-nativebutton {
+ -webkit-touch-callout: none;
+}
+
+.osbp-cxo .v-select select {
+ border: 1px solid #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ color: #464646;
+}
+
+.osbp-cxo .v-select select:focus {
+ outline: none;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+}
+
+.osbp-cxo .v-select-select {
+ display: block;
+}
+
+.osbp-cxo .v-select-select + .v-textfield {
+ width: auto !important;
+ margin-top: 8px;
+}
+
+.osbp-cxo .v-select-select + .v-textfield + .v-nativebutton {
+ margin-top: 8px;
+ margin-left: 8px;
+}
+
+.osbp-cxo .v-popupview {
+ cursor: pointer;
+ color: #ffd210;
+ text-decoration: underline;
+ font-weight: inherit;
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+}
+
+.osbp-cxo .v-popupview:hover {
+ color: #ffdc43;
+}
+
+.osbp-cxo .v-popupview.v-disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+}
+
+.osbp-cxo .v-popupview-popup {
+ padding: 4px 4px;
+ border-radius: 4px;
+ background-color: white;
+ color: #474747;
+ -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+
+.osbp-cxo .v-popupview-popup[class*="animate-in"] {
+ -webkit-animation: v-popupview-animate-in 120ms;
+ -moz-animation: v-popupview-animate-in 120ms;
+ animation: v-popupview-animate-in 120ms;
+}
+
+.osbp-cxo .v-popupview-popup[class*="animate-out"] {
+ -webkit-animation: valo-animate-out-fade 120ms;
+ -moz-animation: valo-animate-out-fade 120ms;
+ animation: valo-animate-out-fade 120ms;
+}
+
+.osbp-cxo .v-popupview-popup .popupContent > .v-margin-top {
+ padding-top: 11px;
+}
+
+.osbp-cxo .v-popupview-popup .popupContent > .v-margin-right {
+ padding-right: 11px;
+}
+
+.osbp-cxo .v-popupview-popup .popupContent > .v-margin-bottom {
+ padding-bottom: 11px;
+}
+
+.osbp-cxo .v-popupview-popup .popupContent > .v-margin-left {
+ padding-left: 11px;
+}
+
+.osbp-cxo .v-popupview-loading {
+ margin: 10px 10px;
+ height: 24px !important;
+ width: 24px !important;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border: 2px solid rgba(255, 210, 16, 0.2);
+ border-top-color: #ffd210;
+ border-right-color: #ffd210;
+ border-radius: 100%;
+ -webkit-animation: v-rotate-360 500ms infinite linear;
+ -moz-animation: v-rotate-360 500ms infinite linear;
+ animation: v-rotate-360 500ms infinite linear;
+ pointer-events: none;
+}
+
+.v-ie8 .osbp-cxo .v-popupview-loading, .v-ie9 .osbp-cxo .v-popupview-loading {
+ border: none;
+ border-radius: 4px;
+ background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50% 50%;
+ background-size: 80%;
+}
+
+.v-ie8 .osbp-cxo .v-popupview-loading {
+ min-width: 30px;
+ min-height: 30px;
+}
+
+.osbp-cxo .v-richtextarea {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin: 0;
+ font: inherit;
+
+ font-weight: 400;
+ line-height: normal;
+ height: 32px;
+ border-radius: 4px;
+ padding: 0;
+ border: 1px solid #d4d4d4;
+ background: white;
+ color: #474747;
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
+ -webkit-transition: box-shadow 180ms, border 180ms;
+ -moz-transition: box-shadow 180ms, border 180ms;
+ transition: box-shadow 180ms, border 180ms;
+ height: auto;
+ overflow: hidden;
+}
+
+.v-ie8 .osbp-cxo .v-richtextarea, .v-ie9 .osbp-cxo .v-richtextarea {
+ line-height: 32px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.osbp-cxo .v-richtextarea[class*="prompt"] {
+ color: #a3a3a3;
+}
+
+.osbp-cxo .v-richtextarea .gwt-RichTextToolbar {
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+
+
+ border-bottom: 1px solid #d4d4d4;
+ color: #464646;
+}
+
+.osbp-cxo .v-richtextarea .gwt-ToggleButton, .osbp-cxo .v-richtextarea .gwt-PushButton {
+ display: inline-block;
+ line-height: 32px;
+ width: 32px;
+ text-align: center;
+ outline: none;
+}
+
+.osbp-cxo .v-richtextarea .gwt-ToggleButton:hover, .osbp-cxo .v-richtextarea .gwt-PushButton:hover {
+ color: black;
+}
+
+.osbp-cxo .v-richtextarea .gwt-ToggleButton-down, .osbp-cxo .v-richtextarea .gwt-ToggleButton-down-hovering {
+ background-color: #e0e0e0;
+ background-image: -webkit-linear-gradient(bottom, #e0e0e0 2%, #dcdcdc 98%);
+ background-image: linear-gradient(to top,#e0e0e0 2%, #dcdcdc 98%);
+}
+
+.osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top img {
+ display: none;
+}
+
+.osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div:before {
+ font-family: ThemeIcons;
+}
+
+.osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Bold"]:before {
+ content: "\f032";
+}
+
+.osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Italic"]:before {
+ content: "\f033";
+}
+
+.osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Underline"]:before {
+ content: "\f0cd";
+}
+
+.osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Subscript"]:before {
+ content: "\f12c";
+}
+
+.osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Superscript"]:before {
+ content: "\f12b";
+}
+
+.osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Left Justify"]:before {
+ content: "\f036";
+}
+
+.osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Center"]:before {
+ content: "\f037";
+}
+
+.osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Right Justify"]:before {
+ content: "\f038";
+}
+
+.osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Strikethrough"]:before {
+ content: "\f0cc";
+}
+
+.osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Indent Right"]:before {
+ content: "\f03c";
+}
+
+.osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Indent Left"]:before {
+ content: "\f03b";
+}
+
+.osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Horizontal Rule"]:before {
+ content: "\2014";
+}
+
+.osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Ordered List"]:before {
+ content: "\f0cb";
+}
+
+.osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Unordered List"]:before {
+ content: "\f0ca";
+}
+
+.osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Image"]:before {
+ content: "\f03e";
+}
+
+.osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Create Link"]:before {
+ content: "\f0c1";
+}
+
+.osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Remove Link"]:before {
+ content: "\f127";
+}
+
+.osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Remove Formatting"]:before {
+ content: "\f12d";
+}
+
+.osbp-cxo .v-richtextarea .gwt-RichTextToolbar-bottom {
+ font-size: 13px;
+ padding: 0 8px 8px 0;
+}
+
+.osbp-cxo .v-richtextarea .gwt-RichTextToolbar-bottom select {
+ margin: 8px 0 0 8px;
+}
+
+.osbp-cxo .v-richtextarea .gwt-RichTextArea {
+ background: #fff;
+ border: none;
+ display: block;
+}
+
+.osbp-cxo .v-richtextarea-readonly {
+ padding: 4px 6px;
+ background: transparent;
+}
+
+.osbp-cxo .v-upload .v-button {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ vertical-align: top;
+ text-align: left;
+ white-space: normal;
+}
+
+.osbp-cxo .v-upload-immediate .v-button {
+ width: 100%;
+}
+
+.osbp-cxo .v-upload-immediate input[type="file"] {
+ opacity: 0;
+ filter: alpha(opacity=0) ;
+ z-index: -1;
+ position: absolute;
+ right: 0;
+ height: 32px;
+ text-align: right;
+ border: none;
+ background: transparent;
+}
+
+.osbp-cxo .v-Notification.v-position-top {
+ top: 10px;
+}
+
+.osbp-cxo .v-Notification.v-position-right {
+ right: 10px;
+}
+
+.osbp-cxo .v-Notification.v-position-bottom {
+ bottom: 10px;
+}
+
+.osbp-cxo .v-Notification.v-position-left {
+ left: 10px;
+}
+
+.osbp-cxo .v-Notification.v-position-assistive {
+ top: -9999px;
+ left: -9999px;
+}
+
+.osbp-cxo .v-Notification-animate-in {
+ -webkit-animation: valo-animate-in-fade 180ms 10ms backwards;
+ -moz-animation: valo-animate-in-fade 180ms 10ms backwards;
+ animation: valo-animate-in-fade 180ms 10ms backwards;
+}
+
+.osbp-cxo .v-Notification-animate-in.v-position-top {
+ -webkit-animation: valo-animate-in-slide-down 400ms 10ms backwards;
+ -moz-animation: valo-animate-in-slide-down 400ms 10ms backwards;
+ animation: valo-animate-in-slide-down 400ms 10ms backwards;
+}
+
+.osbp-cxo .v-Notification-animate-in.v-position-bottom {
+ -webkit-animation: valo-animate-in-slide-up 400ms 10ms backwards;
+ -moz-animation: valo-animate-in-slide-up 400ms 10ms backwards;
+ animation: valo-animate-in-slide-up 400ms 10ms backwards;
+}
+
+.osbp-cxo .v-Notification-animate-out {
+ -webkit-animation: valo-animate-out-fade 150ms;
+ -moz-animation: valo-animate-out-fade 150ms;
+ animation: valo-animate-out-fade 150ms;
+}
+
+.osbp-cxo .v-Notification-animate-out.v-position-top, .osbp-cxo .v-Notification-animate-out.v-position-bottom {
+ -webkit-animation: valo-animate-out-slide-down-fade 200ms;
+ -moz-animation: valo-animate-out-slide-down-fade 200ms;
+ animation: valo-animate-out-slide-down-fade 200ms;
+}
+
+.osbp-cxo .v-Notification {
+ border-radius: 4px;
+ text-align: center;
+ position: fixed !important;
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ background: white;
+ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
+ box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
+ padding: 16px 19px;
+}
+
+.osbp-cxo .v-Notification .v-Notification-caption {
+ color: #ffd210;
+ font-size: 19px;
+ line-height: 1;
+}
+
+.osbp-cxo .v-Notification .v-Notification-description {
+ line-height: 1.4;
+}
+
+.osbp-cxo .v-Notification-caption {
+ margin: 0;
+ display: inline-block;
+ text-align: left;
+ font-weight: inherit;
+ line-height: inherit;
+ white-space: nowrap;
+ letter-spacing: 0;
+}
+
+.osbp-cxo .v-Notification-description, .osbp-cxo .v-Notification-details {
+ margin: 0;
+ display: inline-block;
+ vertical-align: middle;
+ max-width: 30em;
+ text-align: left;
+ max-height: 20em;
+ overflow: auto;
+}
+
+.osbp-cxo .v-Notification-caption ~ .v-Notification-description, .osbp-cxo .v-Notification-caption ~ .v-Notification-details {
+ margin-left: 24px;
+}
+
+.osbp-cxo .v-icon + .v-Notification-caption {
+ margin-left: 16px;
+}
+
+.osbp-cxo .v-Notification-system {
+ left: 0 !important;
+ right: 0;
+ max-width: 100%;
+ margin: 0 !important;
+ border-radius: 0;
+ -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
+ padding: 11px 13px;
+ background-color: #444;
+ background-color: rgba(68, 68, 68, 0.9);
+ font-weight: 400;
+ line-height: 22px;
+}
+
+.osbp-cxo .v-Notification-system .v-Notification-description, .osbp-cxo .v-Notification-system .v-Notification-details {
+ max-width: 50em;
+}
+
+.osbp-cxo .v-Notification-system.v-position-top {
+ top: 0;
+}
+
+.osbp-cxo .v-Notification-system.v-position-top[class*="animate-in"] {
+ -webkit-animation: valo-animate-in-slide-down 300ms 10ms backwards;
+ -moz-animation: valo-animate-in-slide-down 300ms 10ms backwards;
+ animation: valo-animate-in-slide-down 300ms 10ms backwards;
+}
+
+.osbp-cxo .v-Notification-system.v-position-top[class*="animate-out"] {
+ -webkit-animation: valo-animate-out-slide-up 200ms;
+ -moz-animation: valo-animate-out-slide-up 200ms;
+ animation: valo-animate-out-slide-up 200ms;
+}
+
+.osbp-cxo .v-Notification-system.v-position-bottom {
+ bottom: 0;
+}
+
+.osbp-cxo .v-Notification-system.v-position-bottom[class*="animate-in"] {
+ -webkit-animation: valo-animate-in-slide-up 300ms 10ms backwards;
+ -moz-animation: valo-animate-in-slide-up 300ms 10ms backwards;
+ animation: valo-animate-in-slide-up 300ms 10ms backwards;
+}
+
+.osbp-cxo .v-Notification-system.v-position-bottom[class*="animate-out"] {
+ -webkit-animation: valo-animate-out-slide-down 200ms;
+ -moz-animation: valo-animate-out-slide-down 200ms;
+ animation: valo-animate-out-slide-down 200ms;
+}
+
+.osbp-cxo .v-Notification-system .v-Notification-caption {
+ color: #fff;
+ vertical-align: middle;
+}
+
+.osbp-cxo .v-Notification-system .v-Notification-description, .osbp-cxo .v-Notification-system .v-Notification-details {
+ color: #e6e6e6;
+}
+
+.osbp-cxo .v-Notification-system u {
+ text-decoration: none;
+}
+
+.osbp-cxo .v-Notification.tray {
+ text-align: left;
+}
+
+.osbp-cxo .v-Notification.tray .v-Notification-caption + .v-Notification-description {
+ display: block;
+ margin: 0.5em 0 0;
+}
+
+.osbp-cxo .v-Notification.warning {
+ background: #FFF3D2;
+}
+
+.osbp-cxo .v-Notification.warning .v-Notification-caption {
+ color: #AC7C00;
+}
+
+.osbp-cxo .v-Notification.warning .v-Notification-description {
+ color: #9D874D;
+}
+
+.osbp-cxo .v-Notification.error {
+ background: #ed473b;
+ font-weight: 400;
+ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25);
+}
+
+.osbp-cxo .v-Notification.error .v-Notification-caption {
+ color: white;
+}
+
+.osbp-cxo .v-Notification.error .v-Notification-description {
+ color: #f4e0df;
+}
+
+.osbp-cxo .v-Notification.dark {
+ background-color: #444;
+ background-color: rgba(68, 68, 68, 0.9);
+ font-weight: 400;
+ line-height: 22px;
+}
+
+.osbp-cxo .v-Notification.dark .v-Notification-caption {
+ color: #fff;
+ vertical-align: middle;
+}
+
+.osbp-cxo .v-Notification.dark .v-Notification-description, .osbp-cxo .v-Notification.dark .v-Notification-details {
+ color: #e6e6e6;
+}
+
+.osbp-cxo .v-Notification.bar {
+ left: 0 !important;
+ right: 0;
+ max-width: 100%;
+ margin: 0 !important;
+ border-radius: 0;
+ -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
+ padding: 11px 13px;
+}
+
+.osbp-cxo .v-Notification.bar .v-Notification-description, .osbp-cxo .v-Notification.bar .v-Notification-details {
+ max-width: 50em;
+}
+
+.osbp-cxo .v-Notification.bar.v-position-top {
+ top: 0;
+}
+
+.osbp-cxo .v-Notification.bar.v-position-top[class*="animate-in"] {
+ -webkit-animation: valo-animate-in-slide-down 300ms 10ms backwards;
+ -moz-animation: valo-animate-in-slide-down 300ms 10ms backwards;
+ animation: valo-animate-in-slide-down 300ms 10ms backwards;
+}
+
+.osbp-cxo .v-Notification.bar.v-position-top[class*="animate-out"] {
+ -webkit-animation: valo-animate-out-slide-up 200ms;
+ -moz-animation: valo-animate-out-slide-up 200ms;
+ animation: valo-animate-out-slide-up 200ms;
+}
+
+.osbp-cxo .v-Notification.bar.v-position-bottom {
+ bottom: 0;
+}
+
+.osbp-cxo .v-Notification.bar.v-position-bottom[class*="animate-in"] {
+ -webkit-animation: valo-animate-in-slide-up 300ms 10ms backwards;
+ -moz-animation: valo-animate-in-slide-up 300ms 10ms backwards;
+ animation: valo-animate-in-slide-up 300ms 10ms backwards;
+}
+
+.osbp-cxo .v-Notification.bar.v-position-bottom[class*="animate-out"] {
+ -webkit-animation: valo-animate-out-slide-down 200ms;
+ -moz-animation: valo-animate-out-slide-down 200ms;
+ animation: valo-animate-out-slide-down 200ms;
+}
+
+.osbp-cxo .v-Notification.small {
+ padding: 10px 11px;
+}
+
+.osbp-cxo .v-Notification.small .v-Notification-caption {
+ font-size: 16px;
+}
+
+.osbp-cxo .v-Notification.small .v-Notification-description {
+ font-size: 14px;
+}
+
+.osbp-cxo .v-Notification.closable {
+ padding-right: 51px;
+ overflow: hidden !important;
+ cursor: pointer;
+}
+
+.osbp-cxo .v-Notification.closable:after {
+ content: "\00d7";
+ font-size: 1.5em;
+ position: absolute;
+ top: 50%;
+ margin-top: -11px;
+ right: 11px;
+ width: 21px;
+ height: 21px;
+ line-height: 20px;
+ cursor: pointer;
+ color: #000;
+ opacity: 0.5;
+ filter: alpha(opacity=50) ;
+ text-align: center;
+ border: 1px solid #000;
+ border-color: rgba(0, 0, 0, 0.3);
+ border-radius: 50%;
+ -webkit-transition: opacity 200ms;
+ -moz-transition: opacity 200ms;
+ transition: opacity 200ms;
+}
+
+.osbp-cxo .v-Notification.closable:hover:after {
+ opacity: 1;
+ filter: none ;
+}
+
+.osbp-cxo .v-Notification.closable:active:after {
+ background-color: #000;
+ color: #fff;
+ opacity: 0.3;
+ filter: alpha(opacity=30.0) ;
+ -webkit-transition: none 200ms;
+ -moz-transition: none 200ms;
+ transition: none 200ms;
+}
+
+.osbp-cxo .v-Notification.closable.dark:after, .osbp-cxo .v-Notification.closable.error:after, .osbp-cxo .v-Notification.closable.system:after {
+ color: #fff;
+ border-color: #fff;
+ border-color: rgba(255, 255, 255, 0.3);
+}
+
+.osbp-cxo .v-Notification.closable.dark:active:after, .osbp-cxo .v-Notification.closable.error:active:after, .osbp-cxo .v-Notification.closable.system:active:after {
+ background-color: #fff;
+ color: #000;
+}
+
+.osbp-cxo .v-Notification.closable.tray:after {
+ top: 14px;
+ margin-top: 0;
+}
+
+.osbp-cxo .v-Notification.success, .osbp-cxo .v-Notification.failure {
+ background: #fff;
+ color: #555;
+ border: 2px solid #2c9720;
+}
+
+.osbp-cxo .v-Notification.success .v-Notification-caption, .osbp-cxo .v-Notification.failure .v-Notification-caption {
+ color: #2c9720;
+ font-weight: 400;
+}
+
+.osbp-cxo .v-Notification.success .v-Notification-caption:before, .osbp-cxo .v-Notification.failure .v-Notification-caption:before {
+ font-family: ThemeIcons;
+ content: "\f00c";
+ margin-right: 0.5em;
+}
+
+.osbp-cxo .v-Notification.success.bar, .osbp-cxo .v-Notification.failure.bar {
+ margin: -2px !important;
+}
+
+.osbp-cxo .v-Notification.failure {
+ border-color: #ed473b;
+}
+
+.osbp-cxo .v-Notification.failure .v-Notification-caption {
+ color: #ed473b;
+}
+
+.osbp-cxo .v-Notification.failure .v-Notification-caption:before {
+ content: "\f05e";
+}
+
+.osbp-cxo .valo-menu {
+ height: 100%;
+ background-color: #4d4d4d;
+ background-image: -webkit-linear-gradient(right, #424242 0%, #4d4d4d 8px);
+ background-image: linear-gradient(to left,#424242 0%, #4d4d4d 8px);
+ color: #a6a6a6;
+ font-size: 14px;
+ line-height: 26px;
+ border-right: 1px solid #d4d4d4;
+ white-space: nowrap;
+}
+
+.osbp-cxo .valo-menu-toggle {
+ display: none;
+ position: fixed;
+ z-index: 200;
+ top: 3px;
+ left: 3px;
+ min-width: 0;
+}
+
+.osbp-cxo .valo-menu-part {
+ border-left: 1px solid #d4d4d4;
+ height: 100%;
+ padding-bottom: 32px;
+ overflow: auto;
+}
+
+.osbp-cxo .valo-menu-part:first-child {
+ border-left: none;
+}
+
+.osbp-cxo .valo-menu-title, .osbp-cxo .valo-menu-subtitle, .osbp-cxo .valo-menu-item {
+ display: block;
+ line-height: inherit;
+ white-space: nowrap;
+ position: relative;
+}
+
+.osbp-cxo .valo-menu-title .valo-menu-badge, .osbp-cxo .valo-menu-subtitle .valo-menu-badge, .osbp-cxo .valo-menu-item .valo-menu-badge {
+ position: absolute;
+ right: 16px;
+}
+
+.osbp-cxo .valo-menu-title {
+ line-height: 1.2;
+ background-color: #ffd210;
+ background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%);
+ background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%);
+ color: black;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+ padding: 11px 16px;
+ font-size: 14px;
+ border-bottom: 1px solid #d4d4d4;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ text-align: center;
+}
+
+.osbp-cxo .valo-menu-title .v-menubar.v-menubar {
+ background: transparent;
+ border-color: #d4d4d4;
+ color: inherit;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ text-shadow: inherit;
+}
+
+.osbp-cxo .valo-menu-title .v-menubar-menuitem {
+ background: transparent;
+
+
+ text-shadow: inherit;
+ font-size: 16px;
+ border-color: inherit;
+}
+
+.osbp-cxo .valo-menu-title h1, .osbp-cxo .valo-menu-title .v-label-h1, .osbp-cxo .valo-menu-title h2, .osbp-cxo .valo-menu-title .v-label-h2, .osbp-cxo .valo-menu-title h3, .osbp-cxo .valo-menu-title .v-label-h3, .osbp-cxo .valo-menu-title h4, .osbp-cxo .valo-menu-title .v-label-h4 {
+ margin-top: 0;
+ margin-bottom: 0;
+ color: inherit;
+}
+
+.osbp-cxo .v-menubar-user-menu {
+ border: none;
+ border-radius: 0;
+ padding: 1px;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ text-shadow: none;
+ background: transparent;
+ color: inherit;
+ margin: 16px 6px;
+ display: block;
+ overflow: hidden;
+ text-align: center;
+ height: auto;
+ color: inherit;
+}
+
+.osbp-cxo .v-menubar-user-menu:focus:after {
+ display: none;
+}
+
+.osbp-cxo .v-menubar-user-menu .v-menubar-menuitem {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: none;
+ margin-right: 1px;
+ border-radius: 4px;
+ color: #ffd210;
+ padding: 0 11px;
+ -webkit-transition: color 140ms;
+ -moz-transition: color 140ms;
+ transition: color 140ms;
+}
+
+.osbp-cxo .v-menubar-user-menu .v-menubar-menuitem:first-child, .osbp-cxo .v-menubar-user-menu .v-menubar-menuitem:last-child, .osbp-cxo .v-menubar-user-menu .v-menubar-menuitem:first-child:last-child {
+ border-radius: 4px;
+}
+
+.osbp-cxo .v-menubar-user-menu .v-menubar-menuitem:before {
+ content: none;
+}
+
+.osbp-cxo .v-menubar-user-menu .v-menubar-menuitem:hover {
+ color: #ffdc43;
+}
+
+.osbp-cxo .v-menubar-user-menu .v-menubar-menuitem:active {
+ color: inherit;
+}
+
+.osbp-cxo .v-menubar-user-menu .v-menubar-menuitem-checked, .osbp-cxo .v-menubar-user-menu .v-menubar-menuitem-checked:first-child {
+ border: 1px solid #d4d4d4;
+ color: #ffd210;
+}
+
+.osbp-cxo .v-menubar-user-menu .v-menubar-menuitem-checked .v-menubar-menuitem-caption, .osbp-cxo .v-menubar-user-menu .v-menubar-menuitem-checked:first-child .v-menubar-menuitem-caption {
+ position: relative;
+ top: -1px;
+}
+
+.osbp-cxo .v-menubar-user-menu .v-menubar-menuitem-selected {
+ color: #151206;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .v-menubar-user-menu .v-menubar-menuitem-selected:hover {
+ color: #151206;
+}
+
+.osbp-cxo .v-menubar-user-menu .v-menubar-menuitem-disabled, .osbp-cxo .v-menubar-user-menu .v-menubar-menuitem-disabled:hover {
+ color: inherit;
+}
+
+.osbp-cxo .v-menubar-user-menu > .v-menubar-menuitem {
+ color: inherit;
+ white-space: normal;
+ line-height: 1.4;
+ margin: 0;
+}
+
+.osbp-cxo .v-menubar-user-menu > .v-menubar-menuitem img.v-icon {
+ width: 48px;
+ height: 48px;
+ border-radius: 25px;
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ display: block;
+ margin: 0 auto 0.3em;
+ border: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-menubar-user-menu > .v-menubar-menuitem:after {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+
+.osbp-cxo .v-menubar-user-menu .v-menubar-menuitem-selected {
+ background: transparent;
+}
+
+.osbp-cxo .valo-menu-subtitle {
+ color: #878787;
+ margin: 6px 0 6px 16px;
+ border-bottom: 1px solid #676767;
+}
+
+.osbp-cxo .valo-menu-subtitle [class*="badge"] {
+ color: #e6cf6e;
+}
+
+.osbp-cxo .valo-menuitems {
+ display: block;
+}
+
+.osbp-cxo .valo-menu-item {
+ outline: none;
+ font-weight: 400;
+ padding: 0 32px 0 16px;
+ cursor: pointer;
+ position: relative;
+ overflow: hidden;
+ text-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
+ -webkit-transition: background-color 300ms, color 60ms;
+ -moz-transition: background-color 300ms, color 60ms;
+ transition: background-color 300ms, color 60ms;
+}
+
+.osbp-cxo .valo-menu-item [class*="caption"] {
+ vertical-align: middle;
+ display: inline-block;
+ width: 90%;
+ max-width: 15em;
+ padding-right: 16px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+
+.osbp-cxo .valo-menu-item [class*="badge"] {
+ color: #ffd210;
+}
+
+.osbp-cxo .valo-menu-item.selected {
+ background: #454545;
+}
+
+.osbp-cxo .valo-menu-item.selected .v-icon {
+ color: #ffd210;
+}
+
+.osbp-cxo .valo-menu-item.selected [class*="badge"] {
+ background-color: #ffd210;
+ background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%);
+ background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%);
+ color: #3e350e;
+}
+
+.osbp-cxo .valo-menu-item:focus, .osbp-cxo .valo-menu-item:hover, .osbp-cxo .valo-menu-item.selected {
+ color: white;
+}
+
+.osbp-cxo .valo-menu-item span.v-icon {
+ min-width: 1em;
+ margin-right: 16px;
+ text-align: center;
+ vertical-align: middle;
+ -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0.75)));
+}
+
+.osbp-cxo .valo-menu-item span.v-icon + span {
+ margin-left: 0;
+}
+
+.osbp-cxo .valo-menu-item [class*="badge"] {
+ background-color: #595959;
+ -webkit-transition: background-color 300ms;
+ -moz-transition: background-color 300ms;
+ transition: background-color 300ms;
+ line-height: 1;
+ padding: 4px 5px;
+ min-width: 11px;
+ text-align: center;
+ top: 2px;
+ border-radius: 4px;
+}
+
+.osbp-cxo .valo-menu-part.large-icons {
+ background-color: #4d4d4d;
+ min-width: 64px;
+ max-width: 96px;
+}
+
+.osbp-cxo .valo-menu-part.large-icons .valo-menu-title {
+ font-size: 12px;
+}
+
+.osbp-cxo .valo-menu-part.large-icons .valo-menu-title .v-label-undef-w {
+ white-space: normal;
+}
+
+.osbp-cxo .valo-menu-part.large-icons .v-menubar-user-menu {
+ margin-left: 0;
+ margin-right: 0;
+ font-size: 11px;
+}
+
+.osbp-cxo .valo-menu-part.large-icons .v-menubar-user-menu img.v-icon {
+ width: 25px;
+ height: 25px;
+}
+
+.osbp-cxo .valo-menu-part.large-icons [class*="subtitle"] {
+ margin: 8px 0 0;
+ padding: 6px 21px 6px 8px;
+ line-height: 1;
+ border: none;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ background: #3d3d3d;
+ font-size: 13px;
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+}
+
+.osbp-cxo .valo-menu-part.large-icons [class*="subtitle"] [class*="badge"] {
+ right: 8px;
+}
+
+.osbp-cxo .valo-menu-part.large-icons [class*="subtitle"] + .valo-menu-item {
+ border-top: none;
+}
+
+.osbp-cxo .valo-menu-part.large-icons .valo-menu-item {
+ display: block;
+ font-size: 26px;
+ line-height: 1;
+ padding: 11px;
+ text-align: center;
+ border-top: 1px solid #575757;
+}
+
+.osbp-cxo .valo-menu-part.large-icons .valo-menu-item:first-child {
+ border-top: none;
+}
+
+.osbp-cxo .valo-menu-part.large-icons .valo-menu-item [class*="caption"] {
+ display: block;
+ width: auto;
+ margin: 0.3em 0 0;
+ padding: 0;
+ font-size: 11px;
+ line-height: 1.3;
+}
+
+.osbp-cxo .valo-menu-part.large-icons .valo-menu-item .v-icon {
+ margin: 0;
+}
+
+.osbp-cxo .valo-menu-part.large-icons .valo-menu-item span.v-icon {
+ opacity: 0.8;
+}
+
+.osbp-cxo .valo-menu-part.large-icons .valo-menu-item.selected {
+ background: #454545;
+}
+
+.osbp-cxo .valo-menu-part.large-icons .valo-menu-item.selected .v-icon {
+ opacity: 1;
+}
+
+.osbp-cxo .valo-menu-part.large-icons .valo-menu-item.selected [class*="badge"] {
+ border-color: #454545;
+}
+
+.osbp-cxo .valo-menu-part.large-icons .valo-menu-item [class*="badge"] {
+ padding-left: 4px;
+ padding-right: 4px;
+ top: 6px;
+ right: 6px;
+ border: 2px solid #4d4d4d;
+}
+
+.osbp-cxo .valo-menu-logo {
+ display: block;
+ overflow: hidden;
+ width: 38px !important;
+ height: 38px;
+ border-radius: 4px;
+ text-align: center;
+ background-color: #ffd210;
+ background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%);
+ background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%);
+ color: black;
+ font-size: 21px;
+ line-height: 38px;
+ margin: 16px auto;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+}
+
+.osbp-cxo .valo-menu-logo:focus {
+ outline: none;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part {
+ background-color: #4d4d4d;
+ min-width: 64px;
+ max-width: 96px;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-title {
+ font-size: 12px;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-title .v-label-undef-w {
+ white-space: normal;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .v-menubar-user-menu {
+ margin-left: 0;
+ margin-right: 0;
+ font-size: 11px;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .v-menubar-user-menu img.v-icon {
+ width: 25px;
+ height: 25px;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part [class*="subtitle"] {
+ margin: 8px 0 0;
+ padding: 6px 21px 6px 8px;
+ line-height: 1;
+ border: none;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ background: #3d3d3d;
+ font-size: 13px;
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part [class*="subtitle"] [class*="badge"] {
+ right: 8px;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part [class*="subtitle"] + .valo-menu-item {
+ border-top: none;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item {
+ display: block;
+ font-size: 26px;
+ line-height: 1;
+ padding: 11px;
+ text-align: center;
+ border-top: 1px solid #575757;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item:first-child {
+ border-top: none;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item [class*="caption"] {
+ display: block;
+ width: auto;
+ margin: 0.3em 0 0;
+ padding: 0;
+ font-size: 11px;
+ line-height: 1.3;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item .v-icon {
+ margin: 0;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item span.v-icon {
+ opacity: 0.8;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item.selected {
+ background: #454545;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item.selected .v-icon {
+ opacity: 1;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item.selected [class*="badge"] {
+ border-color: #454545;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item [class*="badge"] {
+ padding-left: 4px;
+ padding-right: 4px;
+ top: 6px;
+ right: 6px;
+ border: 2px solid #4d4d4d;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="0-800px"] {
+ padding-top: 32px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="0-800px"] .v-loading-indicator {
+ top: 32px;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="0-800px"] > .v-widget {
+ position: relative !important;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="0-800px"] .valo-menu {
+ border-right: none;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="0-800px"] .valo-menu-part {
+ overflow: visible;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="0-800px"] .valo-menu-toggle {
+ display: inline-block;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="0-800px"] .valo-menu-title {
+ position: fixed;
+ z-index: 100;
+ top: 0;
+ left: 0;
+ right: 0;
+ height: 32px !important;
+ padding-top: 0;
+ padding-bottom: 0;
+ -webkit-backface-visibility: hidden;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="0-800px"] .valo-menu .v-menubar-user-menu {
+ position: fixed;
+ z-index: 100;
+ top: 0;
+ right: 0;
+ margin: 0;
+ padding: 0;
+ height: 32px;
+ color: #776311;
+ max-width: 30%;
+ -webkit-backface-visibility: hidden;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="0-800px"] .valo-menu .v-menubar-user-menu .v-menubar-menuitem {
+ line-height: 31px;
+ white-space: nowrap;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="0-800px"] .valo-menu .v-menubar-user-menu img.v-icon {
+ display: inline-block;
+ margin: 0 5px 0 0;
+ width: 16px;
+ height: 16px;
+ border-radius: 8px;
+ border: none;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="0-800px"] .valo-menuitems {
+ height: 100%;
+ background-color: #4d4d4d;
+ background-image: -webkit-linear-gradient(right, #424242 0%, #4d4d4d 8px);
+ background-image: linear-gradient(to left,#424242 0%, #4d4d4d 8px);
+ color: #a6a6a6;
+ font-size: 14px;
+ line-height: 26px;
+ border-right: 1px solid #d4d4d4;
+ white-space: nowrap;
+ position: fixed;
+ z-index: 9000;
+ top: 32px;
+ bottom: 0;
+ height: auto;
+ max-width: 100%;
+ overflow: auto;
+ padding: 16px 0;
+ -webkit-transform: translatex(-100%);
+ -moz-transform: translatex(-100%);
+ -ms-transform: translatex(-100%);
+ -o-transform: translatex(-100%);
+ transform: translatex(-100%);
+ -webkit-transition: all 300ms;
+ -moz-transition: all 300ms;
+ transition: all 300ms;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="0-800px"] .valo-menu-visible .valo-menuitems {
+ -webkit-transform: translatex(0%);
+ -moz-transform: translatex(0%);
+ -ms-transform: translatex(0%);
+ -o-transform: translatex(0%);
+ transform: translatex(0%);
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="0-500px"] .valo-menu-toggle .v-button-caption {
+ display: none;
+}
+
+.osbp-cxo .valo-menu-responsive[width-range~="0-500px"] .valo-menu .v-menubar-user-menu .v-menubar-menuitem-caption {
+ display: inline-block;
+ width: 16px;
+ overflow: hidden;
+}
+
+.osbp-cxo .v-Notification .v-Notification-caption {
+ font-size: 32px;
+}
+
+.osbp-cxo .v-Notification .v-Notification-description {
+ font-size: 19.2px;
+ display: block;
+ text-align: center;
+ margin-left: 0px;
+ margin: 0 auto;
+}
+
+.osbp-cxo .v-verticallayout-os-welcome {
+ padding: 0px !important;
+}
+
+.osbp-cxo iframe {
+ border-width: 0px;
+}
+
+:root .osbp-cxo .v-checkbox {
+ line-height: 32px;
+ padding-top: inherit;
+}
+
+:root .osbp-cxo .v-checkbox label {
+ padding-left: 16px;
+}
+
+:root .osbp-cxo .v-checkbox > input ~ label:before, :root .osbp-cxo .v-checkbox > input ~ label:after {
+ width: 32px;
+ height: 31px;
+ position: absolute;
+ left: 0px !important;
+ font-size: 16px;
+ line-height: 32px;
+}
+
+:root .osbp-cxo .v-checkbox > input ~ label:before {
+ height: 32px;
+ border: 0px;
+ border-bottom: 1px solid #d4d4d4;
+ background: #f8f5f0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+:root .osbp-cxo .v-checkbox > input:focus ~ label:before {
+ background-color: #ffe887;
+ border-bottom-color: #ffd210;
+}
+
+:root .osbp-cxo .v-checkbox > input ~ label:before, :root .osbp-cxo .v-checkbox > input ~ label:after {
+ margin-top: inherit;
+}
+
+:root .osbp-cxo .v-checkbox > input ~ label:before {
+ margin-top: inherit;
+}
+
+.osbp-cxo .v-verticallayout-part {
+ border: 1px solid #d4d4d4;
+}
+
+.osbp-cxo h1 {
+ background: #ededed;
+ padding: 8px 16px;
+ border: 1px solid #d4d4d4;
+ font-size: 28.8px;
+ font-weight: bold;
+ color: #424242;
+ text-align: center;
+}
+
+.osbp-cxo .popupContent .v-window-header {
+ font-size: 22.4px;
+ padding: 10px;
+ font-weight: bold;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ color: #424242;
+ color: #2364aa;
+ line-height: 2.17;
+ letter-spacing: 0em !important;
+ min-width: 224px;
+ text-align: center;
+}
+
+.osbp-cxo .popupContent .v-window-header .v-icon {
+ padding-right: 9.6px;
+}
+
+.osbp-cxo .popupContent .v-window-closebox {
+ background: transparent;
+ border: 0px;
+ float: right;
+}
+
+.osbp-cxo .popupContent .v-window-closebox:before {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 28px;
+ content: "\2715" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .popupContent .v-window-maximizebox {
+ width: 38.4px !important;
+ background: transparent;
+ border: 0px;
+ float: right;
+ border-bottom-left-radius: 16px;
+}
+
+.osbp-cxo .popupContent .v-window-maximizebox:before {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 28px;
+ content: "\f096" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .popupContent .v-window-restorebox {
+ width: 51.2px !important;
+ background: transparent;
+ border: 0px;
+ float: right;
+ -moz-transform: scale(-1, 1);
+ -webkit-transform: scale(-1, 1);
+ -o-transform: scale(-1, 1);
+ -ms-transform: scale(-1, 1);
+ transform: scale(-1, 1);
+ border-bottom-right-radius: 16px;
+}
+
+.osbp-cxo .popupContent .v-window-restorebox:before {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 28px;
+ content: "\f24d" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .popupContent .v-window-closebox, .osbp-cxo .popupContent .v-window-maximizebox, .osbp-cxo .popupContent .v-window-restorebox {
+ background-color: #ededed;
+ height: 32px;
+ color: #424242;
+}
+
+.osbp-cxo .popupContent .v-window-closebox-disabled {
+ display: block;
+ cursor: auto;
+ color: #a0a0a0;
+}
+
+.osbp-cxo .popupContent .v-table-cell-content {
+ height: 41px;
+}
+
+.osbp-cxo .v-panel {
+ border-width: 0px;
+}
+
+.osbp-cxo .v-button, .osbp-cxo .v-nativebutton {
+ height: 48px;
+ padding: 0 21px;
+ color: #c2d4e6;
+ font-weight: 600;
+
+
+ border-radius: 4px;
+ border: 0px;
+ background: #2364aa;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ text-transform: uppercase;
+ margin-left: 6px;
+}
+
+.osbp-cxo .v-button.v-pressed, .osbp-cxo .v-nativebutton.v-pressed {
+ background-color: #ffdf57 !important;
+ border-color: #ffdf57 !important;
+}
+
+.osbp-cxo .v-button:after, .osbp-cxo .v-nativebutton:after {
+ transition: none;
+}
+
+.osbp-cxo .v-button:hover, .osbp-cxo .v-button:focus, .osbp-cxo .v-button:active, .osbp-cxo .v-nativebutton:hover, .osbp-cxo .v-nativebutton:focus, .osbp-cxo .v-nativebutton:active {
+ background-color: #ffd210;
+ border-color: #ffd210;
+ color: #3e350e;
+}
+
+.osbp-cxo .v-button:focus:after, .osbp-cxo .v-nativebutton:focus:after {
+ border-color: transparent;
+ transition: none;
+}
+
+.osbp-cxo .os-data-component > .v-button {
+ margin-right: 12px;
+}
+
+.osbp-cxo .v-textfield {
+ background-color: #f8f5f0;
+ border-top: transparent;
+ border-left: transparent;
+ border-right: transparent;
+}
+
+.osbp-cxo .v-textfield:focus {
+ background-color: #ffe887;
+ color: #5a4c14;
+}
+
+.osbp-cxo .v-textfield:hover {
+ border-bottom-color: #ffd210;
+}
+
+.osbp-cxo .v-textarea {
+ background-color: #f8f5f0;
+ border-top: transparent;
+ border-left: transparent;
+ border-right: transparent;
+}
+
+.osbp-cxo .v-textarea:focus {
+ background-color: #ffe887;
+ color: #5a4c14;
+}
+
+.osbp-cxo .v-textarea:hover {
+ border-bottom-color: #ffd210;
+}
+
+.osbp-cxo .v-filterselect {
+ background-color: #f8f5f0;
+ border-top: transparent;
+ border-left: transparent;
+ border-right: transparent;
+}
+
+.osbp-cxo .v-filterselect:focus {
+ background-color: #ffe887;
+ color: #5a4c14;
+}
+
+.osbp-cxo .v-filterselect:hover {
+ border-bottom-color: #ffd210;
+}
+
+.osbp-cxo .os-view-header-h2, .osbp-cxo .v-label-h2 {
+ font-size: 22.4px;
+ padding: 10px;
+ font-weight: bold;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ color: #424242;
+ color: #2364aa;
+ line-height: 2.17;
+ letter-spacing: 0em !important;
+ min-width: 224px;
+}
+
+.osbp-cxo .os-org-container {
+ background: transparent !important;
+}
+
+.osbp-cxo .os-multi-area .os-data-area {
+ overflow: inherit !important;
+}
+
+.osbp-cxo input.gwt-FileUpload {
+ z-index: -1 !important;
+}
+
+.osbp-cxo .v-customcomponent .v-button {
+ margin: 0px;
+}
+
+.osbp-cxo .os-mparttoolbararea, .osbp-cxo .os-embedded-toolbar {
+ width: 100%;
+ min-height: 48px;
+ border-bottom: 1px solid #d4d4d4;
+ color: #424242;
+ background: #fff;
+}
+
+.osbp-cxo .os-mparttoolbararea .v-button, .osbp-cxo .os-embedded-toolbar .v-button {
+ background: #fff;
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .os-mparttoolbararea .v-button:hover, .osbp-cxo .os-mparttoolbararea .v-button:focus, .osbp-cxo .os-mparttoolbararea .v-button:active, .osbp-cxo .os-embedded-toolbar .v-button:hover, .osbp-cxo .os-embedded-toolbar .v-button:focus, .osbp-cxo .os-embedded-toolbar .v-button:active {
+ background: #ffe887;
+}
+
+.osbp-cxo .os-mparttoolbararea span.v-button-caption, .osbp-cxo .os-embedded-toolbar span.v-button-caption {
+ vertical-align: middle;
+}
+
+.osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter {
+ height: 16px;
+}
+
+.osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter:after {
+ top: 0px;
+ bottom: 0px;
+}
+
+.osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before {
+ height: 32px;
+ padding: 0 14px;
+ color: #191919;
+ font-weight: 400;
+
+
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-bottom-color: #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ height: auto;
+ padding: 0;
+ border-radius: 0;
+}
+
+.osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:hover:after {
+ background-color: rgba(186, 186, 186, 0.1);
+}
+
+.osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+}
+
+.osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:active:after {
+ background-color: rgba(125, 125, 125, 0.2);
+}
+
+.osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:after {
+ content: "";
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-left-color: #d4d4d4;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 32px;
+ height: 0;
+ margin-left: -16px;
+ margin-top: -1px;
+}
+
+.osbp-cxo .v-splitpanel-vertical > div {
+ height: 16px;
+}
+
+.osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before {
+ border: transparent;
+ background-color: #b2d0e9;
+}
+
+.osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:after {
+ border-color: #b2d0e9;
+}
+
+.osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter {
+ width: 16px;
+}
+
+.osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter:after {
+ left: 0px;
+ right: 0px;
+}
+
+.osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before {
+ height: 32px;
+ padding: 0 14px;
+ color: #191919;
+ font-weight: 400;
+
+
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-bottom-color: #d4d4d4;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ height: auto;
+ padding: 0;
+ border-radius: 0;
+ background-color: #fafafa;
+ background-image: -webkit-linear-gradient(left, #fafafa 2%, #efefef 98%);
+ background-image: linear-gradient(to right,#fafafa 2%, #efefef 98%);
+}
+
+.osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:after {
+ border: inherit;
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+}
+
+.osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:hover:after {
+ background-color: rgba(186, 186, 186, 0.1);
+}
+
+.osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:focus:after {
+ border: inherit;
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+}
+
+.osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:active:after {
+ background-color: rgba(125, 125, 125, 0.2);
+}
+
+.osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:after {
+ content: "";
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-left-color: #d4d4d4;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 0;
+ height: 32px;
+ margin-left: -1px;
+ margin-top: -16px;
+}
+
+.osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-second-container {
+ margin-left: 16px;
+}
+
+.osbp-cxo .v-splitpanel-horizontal > div {
+ width: 16px;
+}
+
+.osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before {
+ border: transparent;
+ background-color: #b2d0e9;
+}
+
+.osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:after {
+ border-color: #b2d0e9;
+}
+
+.osbp-cxo .os-important .v-progressbar-indicator {
+ background: #ed473b none;
+}
+
+.osbp-cxo .v-loading-indicator {
+ opacity: 0.5;
+}
+
+.osbp-cxo .v-app-loading:before {
+ left: auto;
+ width: 100%;
+ height: 32px;
+ padding: 0px;
+ margin-top: 0px;
+ margin-left: 0px;
+ background: transparent url('load_bar_2.gif') no-repeat 50%;
+ border-radius: 4px;
+}
+
+.osbp-cxo .v-menubar {
+ background-color: #b2d0e9;
+ border: 0px;
+ height: 35px;
+}
+
+.osbp-cxo .v-ui > .v-panel > .v-panel-content > .v-verticallayout > .v-expand > .v-slot > .v-verticallayout > .v-expand > .v-slot:nth-child(1) {
+ background-color: #b2d0e9;
+ background-color: #fffb8e;
+ background-image: -webkit-linear-gradient(top, #fffb8e 0%, #ffd210 90%, #a1a1a1 90%, #fff 100%);
+ background-image: linear-gradient(to bottom,#fffb8e 0%, #ffd210 90%, #a1a1a1 90%, #fff 100%);
+ background-color: #fff;
+ background-image: -webkit-linear-gradient(bottom, #fff 0px, #a1a1a1 16px, #ffd210 16px, #fffb8e 100%);
+ background-image: linear-gradient(to top,#fff 0px, #a1a1a1 16px, #ffd210 16px, #fffb8e 100%);
+ background-color: #fff;
+ background-image: -webkit-linear-gradient(bottom, #fff 0px, #a1a1a1 1px, #ffd210 1px, #fffb8e 100%);
+ background-image: linear-gradient(to top,#fff 0px, #a1a1a1 1px, #ffd210 1px, #fffb8e 100%);
+}
+
+.osbp-cxo .v-ui > .v-panel > .v-panel-content > .v-verticallayout > .v-expand > .v-slot > .v-verticallayout > .v-expand > .v-slot:nth-child(2) {
+ display: none;
+}
+
+.osbp-cxo .toptrimbar {
+ overflow: hidden;
+ white-space: nowrap;
+ position: inherit;
+ bottom: 0px;
+ height: 72.4px;
+ height: 70.4px;
+}
+
+.osbp-cxo .toptrimbar .ToolControlMenu {
+ vertical-align: text-top;
+}
+
+.osbp-cxo .toptrimbar .ToolControlCombo {
+ padding-top: 16px;
+}
+
+.osbp-cxo .toptrimbar .v-filterselect, .osbp-cxo .toptrimbar .v-filterselect-input {
+ background-color: #b2d0e9 !important;
+ color: #253b4e !important;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border-bottom: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .toptrimbar .v-filterselect.v-widget.os-combobox-with-icon .v-icon {
+ z-index: 999;
+}
+
+.osbp-cxo .toptrimbar td.v-formlayout-errorcell, .osbp-cxo .toptrimbar td.v-formlayout-captioncell {
+ border-bottom: none;
+}
+
+.osbp-cxo .perspectivepanel {
+ margin-right: 32px;
+ position: absolute;
+ bottom: 0px;
+}
+
+.osbp-cxo .perspectivepanel .v-button {
+ border-radius: 8px 8px 0px 0px;
+ -webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+ height: 36px;
+}
+
+.osbp-cxo .perspectivepanel .vaaclipsebutton.v-button-vaaclipsebutton {
+ height: 52px;
+}
+
+.osbp-cxo .perspectivepanel .v-button-vaaclipsebutton.pushed {
+ height: 52px;
+ bottom: 0px;
+ background: #fff !important;
+ background-color: #a1a1a1;
+ background-image: -webkit-linear-gradient(bottom, #a1a1a1 1px, #fff 1px);
+ background-image: linear-gradient(to top,#a1a1a1 1px, #fff 1px);
+ border-color: #fff !important;
+}
+
+.osbp-cxo .perspectivepanel .v-button-vaaclipsebutton.pushed .v-button-caption {
+ color: #474747 !important;
+}
+
+.osbp-cxo .v-slot-loginPanelArea {
+ background-image: url('U68NITW3EI_s.jpg');
+ background-repeat: no-repeat;
+ background-color: #ededed;
+ background-size: 450px 120px;
+ background-position: 50% 100px;
+}
+
+.osbp-cxo .loginPanelArea.v-panel {
+ border: 0px !important;
+ background: transparent;
+ position: relative;
+ top: 300px;
+}
+
+.osbp-cxo .loginFullArea {
+ background: #fff;
+}
+
+.osbp-cxo .osbpLoginForm {
+ background: transparent;
+ padding: 0px !important;
+}
+
+.osbp-cxo .v-slot-loginTitleArea {
+ background: transparent;
+ border-left: 1px solid #d4d4d4;
+ border-right: 1px solid #d4d4d4;
+ border-top: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-slot-loginTitleArea .os-view-header-h2 {
+ text-align: center;
+}
+
+.osbp-cxo .v-slot-loginTextArea {
+ background: transparent;
+ width: 100% !important;
+}
+
+.osbp-cxo .v-slot-loginTextArea .v-textfield {
+ height: 48px;
+ background-color: #f8f5f0;
+ margin-bottom: 7px;
+ border-radius: 6px;
+}
+
+.osbp-cxo .v-slot-loginTextArea .v-textfield:focus {
+ background-color: #ffe887;
+}
+
+.osbp-cxo .v-slot-loginTextArea .v-textfield:hover {
+ border-color: #ffd210;
+}
+
+.osbp-cxo div#loginUserArea {
+ background: transparent;
+ border-left: 1px solid #d4d4d4;
+ border-right: 1px solid #d4d4d4;
+ padding: 32px 64px 32px 64px;
+}
+
+.osbp-cxo div#loginButtonArea {
+ background: transparent;
+ border-left: 1px solid #d4d4d4;
+ border-right: 1px solid #d4d4d4;
+ border-bottom: 1px solid #d4d4d4;
+ padding: 0px 64px 32px 64px;
+ -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.35);
+ box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-cxo div#loginTextArea {
+ background: transparent;
+ border-left: 1px solid #d4d4d4;
+ border-right: 1px solid #d4d4d4;
+ padding: 0px 64px 16px 64px;
+}
+
+.osbp-cxo div#loginTextArea > .v-expand {
+ width: 90%;
+ margin: 0 auto;
+}
+
+.osbp-cxo div#loginTextArea img.v-image.v-widget {
+ margin-top: -16px;
+}
+
+.osbp-cxo div#loginImageArea {
+ padding: 0px;
+ width: 0px !important;
+}
+
+.osbp-cxo div#loginImageArea img {
+ display: none;
+}
+
+.osbp-cxo .loginLoginArea > .v-expand > .v-slot {
+ vertical-align: middle !important;
+}
+
+.osbp-cxo .loginLoginArea > .v-expand > .v-slot .v-checkbox > input ~ label:before {
+ border-radius: 50%;
+}
+
+.osbp-cxo div#loginRegisterArea button.v-nativebutton.v-widget.v-has-width {
+ border: none;
+ background: transparent;
+ color: #ffd210;
+ font-weight: bold;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ white-space: nowrap;
+}
+
+.osbp-cxo div#loginRegisterArea .v-expand {
+ padding-top: 1px;
+}
+
+.osbp-cxo .loginCopyrightArea .v-label.v-widget.v-has-width {
+ padding: 9.6px;
+ padding-bottom: 1px;
+ text-align: center;
+ background-color: rgba(255, 255, 255, 0.25);
+ color: #2364aa;
+ font-weight: bold;
+}
+
+.osbp-cxo .loginCopyrightArea .v-label.v-widget.loginVersionField {
+ padding: 3.2px;
+ padding-right: 10px;
+ text-align: right;
+ font-size: 10px;
+}
+
+.osbp-cxo .v-table-table td {
+ border-top: 0px;
+}
+
+.osbp-cxo .v-table-body-wrapper {
+ border: 0px;
+}
+
+.osbp-cxo .v-table-body {
+ background-color: #f8f5f0;
+}
+
+.osbp-cxo .v-table-cell-wrapper > .v-widget {
+ margin: inherit;
+}
+
+.osbp-cxo .v-table-header {
+ font-size: 16px;
+}
+
+.osbp-cxo .v-table-header .v-icon {
+ display: none;
+}
+
+.osbp-cxo .v-table-header-wrap {
+ border: 0px;
+ font-weight: bold;
+ border-top: 1px solid #d4d4d4;
+ border-bottom: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .v-align-right > .v-table-cell-wrapper {
+ text-align: right !important;
+}
+
+.osbp-cxo .v-align-center > .v-table-cell-wrapper {
+ text-align: center !important;
+}
+
+.osbp-cxo .v-align-left > .v-table-cell-wrapper {
+ text-align: left !important;
+}
+
+.osbp-cxo [class*="rowheader"] {
+ background-color: rgba(255, 210, 16, 0.1);
+}
+
+.osbp-cxo .filters-wrap {
+ overflow: hidden;
+ background-color: #f8f5f0;
+ height: 32px;
+}
+
+.osbp-cxo .filters-wrap div {
+ height: 32px;
+}
+
+.osbp-cxo .filters-panel {
+ width: 90000px;
+ overflow: hidden;
+ line-height: 1.55;
+ color: #424242;
+ font-style: italic;
+}
+
+.osbp-cxo .filters-panel > div, .osbp-cxo .filters-panel > span, .osbp-cxo .filters-panel > input {
+ float: left !important;
+}
+
+.osbp-cxo .filters-panel .v.label, .osbp-cxo .filters-panel .filterplaceholder {
+ height: 31px;
+ border-bottom: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .filters-panel .v-textfield {
+ text-align: center;
+ white-space: normal;
+ color: #544834;
+ background-color: #f8f5f0;
+ border-right-width: 0px;
+ border-top-width: 0px;
+ border-left: 1px solid #d4d4d4;
+ border-left-color: #fff;
+}
+
+.osbp-cxo .filters-panel .v-textfield:focus, .osbp-cxo .filters-panel .v-textfield .v-textfield-focus {
+ background-color: #ffe887;
+ color: #5a4c14;
+ border-right-width: 0px;
+ border-top-width: 0px;
+ border-left: 1px solid #d4d4d4;
+ border-left-color: #fff;
+ border-bottom-color: #ffd210;
+}
+
+.osbp-cxo .filters-panel .datefilterpopup > .v-button, .osbp-cxo .filters-panel .numberfilterpopup > .v-button {
+ color: #544834;
+ white-space: normal;
+ background: #f8f5f0;
+ padding-top: 1px;
+ border-right-width: 0px;
+ border-top-width: 0px;
+ border-left-width: 1px;
+ border-left-color: #fff;
+ border-bottom: 1px solid #d4d4d4;
+ margin-left: 0px;
+ font-weight: normal;
+ text-transform: none;
+}
+
+.osbp-cxo .filters-panel .datefilterpopup > .v-button:after, .osbp-cxo .filters-panel .numberfilterpopup > .v-button:after {
+ border-bottom-width: 0px;
+}
+
+.osbp-cxo .filters-panel .datefilterpopup > .v-button:focus, .osbp-cxo .filters-panel .datefilterpopup > .v-button:hover, .osbp-cxo .filters-panel .numberfilterpopup > .v-button:focus, .osbp-cxo .filters-panel .numberfilterpopup > .v-button:hover {
+ background-color: #ffe887;
+ color: #5a4c14;
+ border-bottom-color: #ffd210;
+ border-left: 1px solid #d4d4d4;
+ border-left-color: #fff;
+}
+
+.osbp-cxo .filters-panel .datefilterpopup > .v-button:focus:after, .osbp-cxo .filters-panel .numberfilterpopup > .v-button:focus:after {
+ border-right-width: 0px;
+ border-top-width: 0px;
+ border-left: 1px solid #d4d4d4;
+ border-left-color: #fff;
+}
+
+.osbp-cxo .filters-panel .datefilterpopup > .v-button:hover:after, .osbp-cxo .filters-panel .numberfilterpopup > .v-button:hover:after {
+ border-left: 1px solid #d4d4d4;
+ border-left-color: #fff;
+}
+
+.osbp-cxo .filters-panel .datefilterpopup > .v-button .v-popup-indicator, .osbp-cxo .filters-panel .numberfilterpopup > .v-button .v-popup-indicator {
+ display: none;
+}
+
+.osbp-cxo .filters-panel .datefilterpopup > .v-button .v-button-caption, .osbp-cxo .filters-panel .numberfilterpopup > .v-button .v-button-caption {
+ background: transparent;
+ border: 0px;
+ float: none;
+ text-transform: none;
+}
+
+.osbp-cxo .filters-panel .datefilterpopup > .v-button .v-button-caption:after, .osbp-cxo .filters-panel .numberfilterpopup > .v-button .v-button-caption:after {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 28px;
+ content: "\F078";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .filters-panel .datefilterpopup > .v-button .v-button-caption:after, .osbp-cxo .filters-panel .numberfilterpopup > .v-button .v-button-caption:after {
+ font-style: normal;
+ padding-left: 8px;
+}
+
+.osbp-cxo .vaadock-tabsheet-button-panel {
+ float: right;
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ width: 64px;
+ height: 100%;
+ background-color: #b2d0e9;
+}
+
+.osbp-cxo .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-maximize-button {
+ background: transparent;
+ border: 0px;
+ float: right;
+}
+
+.osbp-cxo .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-maximize-button:before {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 32px;
+ content: "\f096" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-maximize-button:hover:before {
+ color: inherit;
+}
+
+.osbp-cxo .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-maximize-button:before {
+ vertical-align: middle;
+ color: #253b4e;
+ opacity: 0.3;
+}
+
+.osbp-cxo .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-minimize-button {
+ background: transparent;
+ border: 0px;
+ float: right;
+}
+
+.osbp-cxo .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-minimize-button:before {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 32px;
+ content: "\f147" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-minimize-button:hover:before {
+ color: inherit;
+}
+
+.osbp-cxo .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-minimize-button:before {
+ vertical-align: middle;
+ color: #253b4e;
+ opacity: 0.3;
+}
+
+.osbp-cxo .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-restore-button {
+ background: transparent;
+ border: 0px;
+ float: right;
+ -moz-transform: scale(-1, 1);
+ -webkit-transform: scale(-1, 1);
+ -o-transform: scale(-1, 1);
+ -ms-transform: scale(-1, 1);
+ transform: scale(-1, 1);
+}
+
+.osbp-cxo .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-restore-button:before {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 32px;
+ content: "\f24d" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-restore-button:hover:before {
+ color: inherit;
+}
+
+.osbp-cxo .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-restore-button:before {
+ vertical-align: middle;
+ color: #253b4e;
+ opacity: 0.3;
+}
+
+.osbp-cxo .v-tabsheet-scroller {
+ position: absolute;
+ top: 0px;
+ right: 64px;
+ padding-left: 16px;
+ background-color: #b2d0e9;
+ background-image: -webkit-linear-gradient(right, #b2d0e9 70%, rgba(250, 250, 250, 0) 100%);
+ background-image: linear-gradient(to left,#b2d0e9 70%, rgba(250, 250, 250, 0) 100%);
+ background-color: transparent;
+}
+
+.osbp-cxo .v-tabsheet-scroller button {
+ color: #253b4e;
+ opacity: 0.3;
+}
+
+.osbp-cxo .v-tabsheet-scroller:after {
+ display: none;
+}
+
+.osbp-cxo .v-tabsheet-tabcontainer {
+ background: #b2d0e9;
+ height: 35px;
+ border: 1px solid #d4d4d4;
+ border-bottom-width: 0px;
+}
+
+.osbp-cxo .v-tabsheet-tabcontainer:before {
+ display: none;
+}
+
+.osbp-cxo .v-tabsheet-tabcontainer-l-control {
+ border: none;
+}
+
+.osbp-cxo .v-tabsheet-tabcontainer-l-control .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem {
+ border-top-left-radius: 4px;
+}
+
+.osbp-cxo .v-tabsheet-tabitemcell .v-tabsheet-tabitem {
+ background: #545454;
+}
+
+.osbp-cxo .v-tabsheet-tabitemcell .v-tabsheet-tabitem .v-caption {
+ color: #cfcfcf;
+ padding-right: 16px;
+ padding-left: 16px;
+ font-size: 16px;
+ font-weight: bold;
+ margin-left: 0px;
+ -moz-transition: unset;
+ -o-transition: unset;
+ -webkit-transition: unset;
+ transition: unset;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border-top: 3px solid #545454;
+ border-bottom: 0px;
+}
+
+.osbp-cxo .v-tabsheet-tabitemcell .v-tabsheet-tabitem .v-caption:hover {
+ border-top-color: #ffd210;
+ color: #3e350e;
+}
+
+.osbp-cxo .v-tabsheet-tabitemcell .v-tabsheet-tabitem:hover {
+ background: #ffd210;
+}
+
+.osbp-cxo .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected {
+ background-color: white;
+}
+
+.osbp-cxo .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected > .v-caption, .osbp-cxo .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected > .v-caption.v-caption {
+ border-top: 3px solid #ffd210;
+ border-bottom: 0px;
+}
+
+.osbp-cxo .v-caption-on-top > .v-caption > .v-captiontext {
+ font-size: 22.4px;
+}
+
+.osbp-cxo .v-caption-on-top > .v-caption-l-control > .v-captiontext {
+ font-size: 16px;
+}
+
+:root .osbp-cxo .v-formlayout-row .v-checkbox {
+ line-height: 32px;
+ padding-top: inherit;
+}
+
+:root .osbp-cxo .v-formlayout-row .v-checkbox label {
+ padding-left: 16px;
+}
+
+:root .osbp-cxo .v-formlayout-row .v-checkbox > input ~ label:before, :root .osbp-cxo .v-formlayout-row .v-checkbox > input ~ label:after {
+ width: 32px;
+ height: 31px;
+ position: absolute;
+ left: 0px !important;
+ font-size: 16px;
+ line-height: 32px;
+}
+
+:root .osbp-cxo .v-formlayout-row .v-checkbox > input ~ label:before {
+ height: 32px;
+ border: 0px;
+ border-bottom: 1px solid #d4d4d4;
+ background: #f8f5f0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+:root .osbp-cxo .v-formlayout-row .v-checkbox > input:focus ~ label:before {
+ background-color: #ffe887;
+ border-bottom-color: #ffd210;
+}
+
+:root .osbp-cxo .v-formlayout-row .v-checkbox > input ~ label:before, :root .osbp-cxo .v-formlayout-row .v-checkbox > input ~ label:after {
+ margin-top: inherit;
+}
+
+:root .osbp-cxo .v-formlayout-row .v-checkbox > input ~ label:before {
+ margin-top: inherit;
+}
+
+.osbp-cxo .v-gridlayout-slot .v-checkbox-os-box {
+ line-height: 32px;
+ padding-top: 38px;
+}
+
+.osbp-cxo .v-gridlayout-slot .v-checkbox-os-box label {
+ padding-left: 16px;
+}
+
+.osbp-cxo .v-gridlayout-slot .v-checkbox-os-box > input ~ label:before, .osbp-cxo .v-gridlayout-slot .v-checkbox-os-box > input ~ label:after {
+ width: 32px;
+ height: 31px;
+ position: absolute;
+ left: 0px !important;
+ font-size: 16px;
+ line-height: 32px;
+}
+
+.osbp-cxo .v-gridlayout-slot .v-checkbox-os-box > input ~ label:before {
+ height: 32px;
+ border: 0px;
+ border-bottom: 1px solid #d4d4d4;
+ background: #f8f5f0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .v-gridlayout-slot .v-checkbox-os-box > input:focus ~ label:before {
+ background-color: #ffe887;
+ border-bottom-color: #ffd210;
+}
+
+.osbp-cxo .v-gridlayout-slot .v-checkbox-os-box > input ~ label:before, .osbp-cxo .v-gridlayout-slot .v-checkbox-os-box > input ~ label:after {
+ margin-top: 38px;
+}
+
+.osbp-cxo .v-gridlayout-slot .v-checkbox-os-box > input ~ label:before {
+ margin-top: 38px;
+}
+
+.osbp-cxo select.v-select-select {
+ color: inherit !important;
+ border: 1px solid #d4d4d4;
+}
+
+.osbp-cxo select.v-select-select option:checked {
+ box-shadow: 0 0 10px 100px #ffd210 inset;
+ color: #3e350e !important;
+}
+
+.osbp-cxo .l-controlbase {
+ overflow: auto;
+}
+
+.osbp-cxo .v-panel-os-has-focus {
+ border-color: #ffd210;
+ border-width: 1px;
+}
+
+.osbp-cxo .l-control .v-table {
+ border-bottom: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .l-control .v-table-header-wrap {
+ border-top: none;
+ height: 32px;
+}
+
+.osbp-cxo .l-control .v-grid-os-box .v-grid-tablewrapper {
+ border-top: 0px;
+}
+
+.osbp-cxo .l-control .v-gridlayout-slot .v-grid-os-box .v-grid-tablewrapper {
+ border-top: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .l-control .v-panel, .osbp-cxo .toptrimbar .v-panel, .osbp-cxo .os-selection-area .v-panel {
+ border-width: 1px;
+}
+
+.osbp-cxo .l-control .v-caption, .osbp-cxo .toptrimbar .v-caption, .osbp-cxo .os-selection-area .v-caption {
+ font-size: 16px;
+}
+
+.osbp-cxo .l-control .v-caption-on-top > .v-caption, .osbp-cxo .l-control .v-gridlayout-slot > .v-caption, .osbp-cxo .toptrimbar .v-caption-on-top > .v-caption, .osbp-cxo .toptrimbar .v-gridlayout-slot > .v-caption, .osbp-cxo .os-selection-area .v-caption-on-top > .v-caption, .osbp-cxo .os-selection-area .v-gridlayout-slot > .v-caption {
+ padding-bottom: 2px;
+ padding-top: 16px;
+}
+
+.osbp-cxo .l-control .v-caption-os-has-focus, .osbp-cxo .toptrimbar .v-caption-os-has-focus, .osbp-cxo .os-selection-area .v-caption-os-has-focus {
+ color: #ffd210;
+ border-bottom-color: #ffd210;
+}
+
+.osbp-cxo .l-control .v-formlayout-captioncell, .osbp-cxo .l-control .v-formlayout-errorcell, .osbp-cxo .toptrimbar .v-formlayout-captioncell, .osbp-cxo .toptrimbar .v-formlayout-errorcell, .osbp-cxo .os-selection-area .v-formlayout-captioncell, .osbp-cxo .os-selection-area .v-formlayout-errorcell {
+ border-bottom: 1px solid #d4d4d4;
+ vertical-align: bottom;
+}
+
+.osbp-cxo .l-control .v-formlayout-captioncell, .osbp-cxo .l-control .v-formlayout-errorcell, .osbp-cxo .l-control .v-formlayout-contentcell, .osbp-cxo .toptrimbar .v-formlayout-captioncell, .osbp-cxo .toptrimbar .v-formlayout-errorcell, .osbp-cxo .toptrimbar .v-formlayout-contentcell, .osbp-cxo .os-selection-area .v-formlayout-captioncell, .osbp-cxo .os-selection-area .v-formlayout-errorcell, .osbp-cxo .os-selection-area .v-formlayout-contentcell {
+ padding-top: 0px !important;
+}
+
+.osbp-cxo .l-control .v-formlayout-contentcell > .v-customcomponent, .osbp-cxo .toptrimbar .v-formlayout-contentcell > .v-customcomponent, .osbp-cxo .os-selection-area .v-formlayout-contentcell > .v-customcomponent {
+ width: 100%;
+ border-bottom: 1px solid #d4d4d4;
+}
+
+.osbp-cxo .l-control .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp-cxo .l-control .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"], .osbp-cxo .toptrimbar .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp-cxo .toptrimbar .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"], .osbp-cxo .os-selection-area .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp-cxo .os-selection-area .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"] {
+ border-bottom-width: 0px;
+}
+
+.osbp-cxo .l-control .v-textfield, .osbp-cxo .toptrimbar .v-textfield, .osbp-cxo .os-selection-area .v-textfield {
+ width: 364px;
+ background-color: #f8f5f0;
+ border-top: transparent;
+ border-left: transparent;
+ border-right: transparent;
+}
+
+.osbp-cxo .l-control .v-textfield:focus, .osbp-cxo .toptrimbar .v-textfield:focus, .osbp-cxo .os-selection-area .v-textfield:focus {
+ background-color: #ffe887;
+ color: #5a4c14;
+}
+
+.osbp-cxo .l-control .v-textfield:hover, .osbp-cxo .toptrimbar .v-textfield:hover, .osbp-cxo .os-selection-area .v-textfield:hover {
+ border-bottom-color: #ffd210;
+}
+
+.osbp-cxo .l-control .v-filterselect-input, .osbp-cxo .l-control .v-filterselect [class*="input"], .osbp-cxo .toptrimbar .v-filterselect-input, .osbp-cxo .toptrimbar .v-filterselect [class*="input"], .osbp-cxo .os-selection-area .v-filterselect-input, .osbp-cxo .os-selection-area .v-filterselect [class*="input"] {
+ background-color: #f8f5f0;
+ border-top: transparent;
+ border-left: transparent;
+ border-right: transparent;
+ border-bottom: 1px solid #d4d4d4;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.osbp-cxo .l-control .v-filterselect-input:focus, .osbp-cxo .l-control .v-filterselect [class*="input"]:focus, .osbp-cxo .toptrimbar .v-filterselect-input:focus, .osbp-cxo .toptrimbar .v-filterselect [class*="input"]:focus, .osbp-cxo .os-selection-area .v-filterselect-input:focus, .osbp-cxo .os-selection-area .v-filterselect [class*="input"]:focus {
+ background-color: #ffe887;
+ color: #5a4c14;
+}
+
+.osbp-cxo .l-control .v-filterselect-input:hover, .osbp-cxo .l-control .v-filterselect [class*="input"]:hover, .osbp-cxo .toptrimbar .v-filterselect-input:hover, .osbp-cxo .toptrimbar .v-filterselect [class*="input"]:hover, .osbp-cxo .os-selection-area .v-filterselect-input:hover, .osbp-cxo .os-selection-area .v-filterselect [class*="input"]:hover {
+ border-bottom-color: #ffd210;
+}
+
+.osbp-cxo .l-control .v-filterselect.v-widget.os-combobox-with-icon .v-icon, .osbp-cxo .l-control .v-filterselect-os-box .v-icon, .osbp-cxo .toptrimbar .v-filterselect.v-widget.os-combobox-with-icon .v-icon, .osbp-cxo .toptrimbar .v-filterselect-os-box .v-icon, .osbp-cxo .os-selection-area .v-filterselect.v-widget.os-combobox-with-icon .v-icon, .osbp-cxo .os-selection-area .v-filterselect-os-box .v-icon {
+ z-index: 999;
+}
+
+.osbp-cxo .l-control .v-textfield-readonly, .osbp-cxo .l-control .v-disabled, .osbp-cxo .toptrimbar .v-textfield-readonly, .osbp-cxo .toptrimbar .v-disabled, .osbp-cxo .os-selection-area .v-textfield-readonly, .osbp-cxo .os-selection-area .v-disabled {
+ background-color: transparent;
+}
+
+.osbp-cxo .l-control .l-beansearchfield button, .osbp-cxo .toptrimbar .l-beansearchfield button, .osbp-cxo .os-selection-area .l-beansearchfield button {
+ background: transparent;
+ border: 0px;
+ float: none;
+ margin-left: 0px;
+ font-weight: normal;
+ color: #424242;
+ border-width: 0px;
+ background-color: #ededed;
+ border-left: 1px solid #d4d4d4;
+ border-bottom: 1px solid #d4d4d4;
+ outline: 0;
+ height: 32px;
+ width: 32px !important;
+ cursor: pointer;
+}
+
+.osbp-cxo .l-control .l-beansearchfield button:before, .osbp-cxo .toptrimbar .l-beansearchfield button:before, .osbp-cxo .os-selection-area .l-beansearchfield button:before {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 28px;
+ content: "\f0b0" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .l-control .l-beansearchfield button img, .osbp-cxo .toptrimbar .l-beansearchfield button img, .osbp-cxo .os-selection-area .l-beansearchfield button img {
+ display: none;
+}
+
+.osbp-cxo .l-control .v-datefield-error .v-datefield-textfield, .osbp-cxo .toptrimbar .v-datefield-error .v-datefield-textfield, .osbp-cxo .os-selection-area .v-datefield-error .v-datefield-textfield {
+ color: #ed473b;
+ border-bottom-style: dashed;
+}
+
+.osbp-cxo .l-control .v-datefield-error .v-datefield-textfield.v-textfield-focus, .osbp-cxo .toptrimbar .v-datefield-error .v-datefield-textfield.v-textfield-focus, .osbp-cxo .os-selection-area .v-datefield-error .v-datefield-textfield.v-textfield-focus {
+ color: #5a4c14;
+}
+
+.osbp-cxo .l-control .v-datefield-error .v-datefield-button, .osbp-cxo .toptrimbar .v-datefield-error .v-datefield-button, .osbp-cxo .os-selection-area .v-datefield-error .v-datefield-button {
+ border-color: #d4d4d4 !important;
+ color: #ed473b;
+}
+
+.osbp-cxo .l-control .v-textfield-error, .osbp-cxo .toptrimbar .v-textfield-error, .osbp-cxo .os-selection-area .v-textfield-error {
+ color: #ed473b;
+ border-bottom-style: dashed;
+}
+
+.osbp-cxo .l-control .v-button, .osbp-cxo .toptrimbar .v-button, .osbp-cxo .os-selection-area .v-button {
+ height: 32px;
+}
+
+.osbp-cxo .l-control .v-upload-immediate .v-button, .osbp-cxo .toptrimbar .v-upload-immediate .v-button, .osbp-cxo .os-selection-area .v-upload-immediate .v-button {
+ height: 32px;
+}
+
+.osbp-cxo .l-control [class*="margin-bottom"] > tbody > [class*="lastrow"] > td, .osbp-cxo .toptrimbar [class*="margin-bottom"] > tbody > [class*="lastrow"] > td, .osbp-cxo .os-selection-area [class*="margin-bottom"] > tbody > [class*="lastrow"] > td {
+ padding-bottom: 0px;
+}
+
+.osbp-cxo .l-control [class*="margin-top"] > tbody > [class*="firstrow"] > td, .osbp-cxo .toptrimbar [class*="margin-top"] > tbody > [class*="firstrow"] > td, .osbp-cxo .os-selection-area [class*="margin-top"] > tbody > [class*="firstrow"] > td {
+ padding-top: 0px;
+}
+
+.osbp-cxo .v-filterselect-os-single-selection {
+ color: #424242;
+ margin: 10px;
+ width: 224px;
+}
+
+.osbp-cxo .os-multi-selection select.v-select-select {
+ color: inherit !important;
+ border: 1px solid #d4d4d4;
+ margin: 10px;
+ width: 224px;
+}
+
+.osbp-cxo .os-multi-selection select.v-select-select option:checked {
+ box-shadow: 0 0 10px 100px #ffd210 inset;
+}
+
+.osbp-cxo .v-horizontallayout-UserHandler {
+ margin-right: 32px;
+ margin-left: 32px;
+}
+
+.osbp-cxo .v-slot-os-userportrait {
+ width: auto;
+ height: auto;
+}
+
+.osbp-cxo .os-userportrait img {
+ border-radius: 50%;
+ width: 64px;
+ height: 64px;
+ border: 0px solid grey;
+ padding-right: 6px;
+}
+
+.osbp-cxo .v-slot-os-username .os-username, .osbp-cxo .v-slot-os-userposition .os-username, .osbp-cxo .v-slot-os-useremail .os-username {
+ color: #253b4e;
+ font-weight: bold;
+ padding-left: 16px;
+ line-height: 32px;
+}
+
+.osbp-cxo .v-slot-os-username .os-userposition, .osbp-cxo .v-slot-os-userposition .os-userposition, .osbp-cxo .v-slot-os-useremail .os-userposition {
+ color: #253b4e;
+ padding-left: 16px;
+ line-height: 32px;
+}
+
+.osbp-cxo .v-slot-os-username .os-useremail, .osbp-cxo .v-slot-os-userposition .os-useremail, .osbp-cxo .v-slot-os-useremail .os-useremail {
+ font-size: 16px;
+ color: #253b4e;
+}
+
+.osbp-cxo .v-slot-os-useremail {
+ display: none;
+}
+
+.osbp-cxo .os-userlogoutbutton .v-icon, .osbp-cxo .os-usermenubutton .v-icon {
+ display: none;
+}
+
+.osbp-cxo .os-userlogoutbutton {
+ border: none;
+ padding: 0px;
+ height: 30px !important;
+ width: 30px !important;
+ margin: 1px;
+ border-radius: 50% !important;
+ background: #a1a1a1;
+}
+
+.osbp-cxo .os-userlogoutbutton.v-button {
+ -webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+ border: 0px;
+ float: right;
+}
+
+.osbp-cxo .os-userlogoutbutton.v-button:after {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 32px;
+ content: "\f08b";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .os-userlogoutbutton .v-icon {
+ display: none;
+}
+
+.osbp-cxo .os-usermenubutton {
+ border: none;
+ padding: 0px;
+ height: 30px !important;
+ width: 30px !important;
+ margin: 1px;
+ border-radius: 50% !important;
+}
+
+.osbp-cxo .os-usermenubutton.v-button {
+ -webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+ border: 0px;
+ float: right;
+}
+
+.osbp-cxo .os-usermenubutton.v-button:after {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 32px;
+ content: "\f0c9";
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .v-accordion {
+ border: 0px;
+}
+
+.osbp-cxo .v-tree {
+ padding-top: 6px;
+ padding-bottom: 6px;
+}
+
+.osbp-cxo .v-accordion-item {
+ border-top-width: 0px !important;
+ background: #ededed;
+}
+
+.osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup {
+ padding: 0px;
+}
+
+.osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion [class*='os-menutree-'] > .v-tree {
+ width: 100% !important;
+}
+
+.osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion [class*='os-menutree-'] .v-tree-node-caption:hover {
+ color: #ffd210;
+}
+
+.osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion [class*='os-menutree-'] .v-tree-node-selected {
+ color: #ffd210;
+ font-weight: bold;
+}
+
+.osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion [class*='os-menutree-'] .v-tree-node-selected::after {
+ background: transparent;
+}
+
+.osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-caption > .v-caption {
+ border-top: 1px solid #d4d4d4;
+ border-bottom-width: 0px;
+ background-image: none;
+}
+
+.osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-caption > .v-caption > .v-captiontext {
+ background: transparent;
+ border: 0px;
+ float: none;
+}
+
+.osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-caption > .v-caption > .v-captiontext:before {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 28px;
+ content: "\f138" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-caption > .v-caption > .v-captiontext::before {
+ padding-right: 11px;
+}
+
+.osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-caption > .v-caption > img.v-icon {
+ display: none;
+}
+
+.osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-open .v-accordion-item-caption > .v-caption {
+ background-color: #ffd210;
+ border-top: 1px solid #d4d4d4;
+ border-top-color: #ffd210;
+ color: #3e350e;
+}
+
+.osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-open .v-accordion-item-caption > .v-caption > .v-captiontext {
+ background: transparent;
+ border: 0px;
+ float: none;
+ color: #ffd210;
+ color: #3e350e;
+ font-weight: bold;
+}
+
+.osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-open .v-accordion-item-caption > .v-caption > .v-captiontext:before {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 28px;
+ content: "\f13a" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-open .v-accordion-item-caption > .v-caption > .v-captiontext::before {
+ padding-right: 10px;
+}
+
+.osbp-cxo .icon-download {
+ background: transparent;
+ border: 0px;
+ float: none;
+}
+
+.osbp-cxo .icon-download:before {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 28px;
+ content: "\f019" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .icon-upload {
+ background: transparent;
+ border: 0px;
+ float: none;
+}
+
+.osbp-cxo .icon-upload:before {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 28px;
+ content: "\f093" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .icon-chart {
+ background: transparent;
+ border: 0px;
+ float: none;
+ background: transparent;
+ border: 0px;
+ float: none;
+}
+
+.osbp-cxo .icon-chart:before {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 28px;
+ content: "\f080" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .icon-chart:before {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 28px;
+ content: "\f201" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .icon-user {
+ background: transparent;
+ border: 0px;
+ float: none;
+}
+
+.osbp-cxo .icon-user:before {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 28px;
+ content: "\f007" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .icon-attention {
+ background: transparent;
+ border: 0px;
+ float: none;
+}
+
+.osbp-cxo .icon-attention:before {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 28px;
+ content: "\f071" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .icon-cancel {
+ background: transparent;
+ border: 0px;
+ float: none;
+}
+
+.osbp-cxo .icon-cancel:before {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 28px;
+ content: "\f08b" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .icon-cog {
+ background: transparent;
+ border: 0px;
+ float: none;
+}
+
+.osbp-cxo .icon-cog:before {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 28px;
+ content: "\f013" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .v-slot-osbpsidebar .v-slot-branding {
+ background-color: #b2d0e9;
+}
+
+.osbp-cxo .v-slot-osbpsidebar .branding {
+ padding-bottom: 12.8px;
+ padding-top: 12.8px;
+}
+
+.osbp-cxo .v-slot-osbpsidebar .branding .v-label {
+ padding: 0px;
+ padding-left: 12.8px;
+ line-height: 2.17;
+ font-size: 22.4px;
+ font-weight: bold;
+}
+
+.osbp-cxo .v-slot-osbpsidebar .branding .v-label span {
+ font-size: 22.4px;
+ margin: 0px !important;
+ font-weight: bold;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ color: #253b4e;
+ letter-spacing: 0em !important;
+ min-height: 48px;
+ display: block;
+}
+
+.osbp-cxo .v-slot-osbpsidebar .menu {
+ width: 100%;
+ padding: 16px;
+ overflow: auto;
+}
+
+.osbp-cxo .v-slot-osbpsidebar .menu .v-nativebutton {
+ border: 0px;
+ width: 100%;
+ background-color: #fff;
+ cursor: pointer;
+ height: 48px;
+ white-space: inherit;
+ border-bottom: 1px solid #d4d4d4;
+ font-weight: normal;
+ text-align: left;
+}
+
+.osbp-cxo .v-slot-osbpsidebar .menu .v-nativebutton .badge {
+ position: relative;
+ float: right;
+ display: inline-block;
+ line-height: 1.55;
+ color: #3e350e;
+ padding: 0em 0.4em 0em;
+ background: #ffd210;
+}
+
+.osbp-cxo .v-slot-osbpsidebar .menu .v-nativebutton:active {
+ background: rgba(0, 0, 0, 0.1);
+}
+
+.osbp-cxo .v-slot-osbpsidebar .menu .v-nativebutton:focus, .osbp-cxo .v-slot-osbpsidebar .menu .v-nativebutton:hover {
+ outline: 0;
+ border-bottom-color: #ffd210;
+}
+
+.osbp-cxo .v-slot-osbpsidebar .user {
+ display: block;
+ background-color: #b2d0e9;
+ padding: 7px;
+}
+
+.osbp-cxo .v-slot-osbpsidebar .user > .v-slot {
+ height: 100%;
+ display: inline-block;
+}
+
+.osbp-cxo .v-slot-osbpsidebar .user :nth-child(4) {
+ float: right;
+}
+
+.osbp-cxo .v-slot-osbpsidebar .user .v-image {
+ border: 1px solid #d4d4d4;
+ border-width: 0px;
+ vertical-align: text-top;
+ border-radius: 32px;
+ max-width: 45px;
+ max-height: 45px;
+}
+
+.osbp-cxo .v-slot-osbpsidebar .user .v-label {
+ font-size: 22.4px;
+ padding: 10px;
+ font-weight: bold;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ color: #424242;
+ color: #2364aa;
+ line-height: 2.17;
+ letter-spacing: 0em !important;
+ min-width: 224px;
+ color: #253b4e;
+ padding-top: 0px;
+}
+
+.osbp-cxo .v-slot-osbpsidebar .user .v-menubar, .osbp-cxo .v-slot-osbpsidebar .user .v-nativebutton {
+ background-image: none;
+ background-color: transparent;
+ border: 0px;
+}
+
+.osbp-cxo .v-slot-osbpsidebar .user .v-menubar > .v-menubar-menuitem-icon-cog {
+ vertical-align: text-top;
+ height: 100%;
+ display: inline !important;
+ background: transparent;
+ border: 0px;
+ float: none;
+ color: #253b4e;
+}
+
+.osbp-cxo .v-slot-osbpsidebar .user .v-menubar > .v-menubar-menuitem-icon-cog:before {
+ font-family: FontAwesome;
+ font-size: 28px;
+ line-height: 2.17;
+ content: "\f013" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .v-slot-osbpsidebar .user .v-menubar-submenu-indicator + .v-menubar-menuitem-caption:after {
+ display: none;
+}
+
+.osbp-cxo .v-slot-osbpsidebar .user .v-nativebutton {
+ font-size: 22.4px;
+ color: #253b4e;
+}
+
+.osbp-cxo .v-slot-osbpsidebar .user .icon-cancel:before {
+ font-size: 22.4px;
+ color: #253b4e;
+ font-weight: bold;
+ line-height: 2.17;
+ color: #474747;
+}
+
+.osbp-cxo .v-slot-osbpsidebar .user .v-nativebutton-caption {
+ display: none;
+}
+
+.osbp-cxo .l-csslayout {
+ background: green;
+}
+
+.osbp-cxo .l-csslayout .v-caption-os-box {
+ background: yellow;
+}
+
+.osbp-cxo .l-csslayout[width-range~="0-399px"] .os-box {
+ width: 100%;
+}
+
+.osbp-cxo .l-csslayout[width-range~="0-399px"] .v-caption-os-box {
+ width: 100%;
+}
+
+.osbp-cxo .l-csslayout[width-range~="400-499px"] .os-box {
+ width: 50%;
+}
+
+.osbp-cxo .l-csslayout[width-range~="400-499px"] .v-caption-os-box {
+ width: 50%;
+}
+
+.osbp-cxo .l-csslayout[width-range~="500px-599px"] .os-box {
+ width: 40%;
+}
+
+.osbp-cxo .l-csslayout[width-range~="500px-599px"] .v-caption-os-box {
+ width: 10%;
+}
+
+.osbp-cxo .l-csslayout[width-range~="600px-799px"] .os-box {
+ width: 20%;
+}
+
+.osbp-cxo .l-csslayout[width-range~="600px-799px"] .v-caption-os-box {
+ width: 13%;
+}
+
+.osbp-cxo .l-csslayout[width-range~="800px-"] .os-box {
+ width: 20%;
+}
+
+.osbp-cxo .l-csslayout[width-range~="800px-"] .v-caption-os-box {
+ width: 5%;
+}
+
+.osbp-cxo .v-grid .v-grid-header .v-grid-row .v-grid-cell {
+ font-size: 16px;
+ font-weight: bold;
+}
+
+.osbp-cxo .v-grid .v-grid-cell.filter-header {
+ height: 32px !important;
+ padding: 0px;
+}
+
+.osbp-cxo .v-grid .v-textfield, .osbp-cxo .v-grid .v-datefield > .v-textfield {
+ float: left;
+ width: 100%;
+ height: 32px;
+}
+
+.osbp-cxo .v-grid .v-datefield {
+ top: -1px;
+}
+
+.osbp-cxo .v-icon.v-grid-cell-boolean {
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ display: inline-block;
+ text-align: center;
+ vertical-align: middle;
+}
+
+.osbp-cxo .v-grid-cell-boolean.boolean-true:before {
+ content: "\f14a";
+}
+
+.osbp-cxo .v-grid-cell-boolean.boolean-false:before {
+ content: "\f00d";
+}
+
+.osbp-cxo .v-grid-cell-boolean.boolean-null:before {
+ content: "\f096";
+}
+
+.osbp-cxo .v-grid-row .v-grid-cell center, .osbp-cxo .v-grid-row .v-grid-cell .v-icon.v-grid-cell-boolean {
+ line-height: inherit;
+}
+
+.osbp-cxo .v-button-value-cell {
+ clear: both;
+ position: relative;
+ width: 100%;
+}
+
+.osbp-cxo .v-button-value-cell .v-button-bar {
+ position: absolute;
+ left: -4px;
+ top: -4px;
+ display: inline-block;
+ text-align: center;
+}
+
+.osbp-cxo .v-button-value-cell .v-button-bar button {
+ cursor: pointer;
+ width: 30px;
+ height: 30px;
+ font-family: FontAwesome !important;
+ font-style: normal;
+ font-weight: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ margin-right: 2px;
+}
+
+.osbp-cxo .v-button-value-cell .v-button-bar button.v-view span:before {
+ content: "\f06e";
+}
+
+.osbp-cxo .v-button-value-cell .v-button-bar button.v-edit span:before {
+ content: "\f040";
+}
+
+.osbp-cxo .v-button-value-cell .v-button-bar button.v-delete span:before {
+ content: "\f014";
+}
+
+.osbp-cxo .v-button-value-cell .v-cell-value {
+ padding-left: 32px;
+}
+
+.osbp-cxo .v-button-value-cell.two-buttons .v-cell-value {
+ padding-left: 65px;
+}
+
+.osbp-cxo .v-button-value-cell.three-buttons .v-cell-value {
+ padding-left: 98px;
+}
+
+.osbp-cxo .reindeer .v-button-value-cell .v-button-bar button {
+ width: 20px;
+ height: 20px;
+}
+
+.osbp-cxo .reindeer .v-button-value-cell .v-cell-value {
+ padding-left: 22px;
+}
+
+.osbp-cxo .reindeer .v-button-value-cell.two-buttons .v-cell-value {
+ padding-left: 45px;
+}
+
+.osbp-cxo .reindeer .v-button-value-cell.three-buttons .v-cell-value {
+ padding-left: 68px;
+}
+
+.osbp-cxo .reindeer .v-button-bar button span {
+ margin: 0 0 0 -3px;
+}
+
+.osbp-cxo .v-grid-cell.centeralign {
+ text-align: center;
+}
+
+.osbp-cxo .v-grid-cell.rightalign {
+ text-align: right;
+}
+
+.osbp-cxo .v-grid-cell-indicator {
+ width: 100%;
+ height: 100%;
+ text-align: center;
+ cursor: pointer;
+}
+
+.osbp-cxo .v-grid-row .v-grid-cell .v-grid-cell-indicator {
+ line-height: inherit;
+}
+
+.osbp-cxo .v-grid-cell-indicator span.green {
+ color: green;
+}
+
+.osbp-cxo .v-grid-cell-indicator span.red {
+ color: red;
+}
+
+.osbp-cxo .v-grid-cell-indicator span.black {
+ color: black;
+}
+
+.osbp-cxo .v-grid-cell-indicator span.na {
+ color: yellow;
+}
+
+.osbp-cxo .orgchart {
+ background: #919293 url(external/img/sidebar-gradient.png) repeat-y top right;
+ border: 1px solid grey;
+ color: grey;
+ font-weight: bold;
+ font-family: Tahoma;
+ padding: 10px;
+}
+
+.osbp-cxo .orgchartNode {
+ background: #e1e2e3 url(external/img/sidebar-gradient.png) repeat-y top right;
+ border-radius: 18px;
+ border: 4px solid #9edbfb;
+ padding: 10px !important;
+}
+
+.osbp-cxo .orgchartSelectedNode {
+ background-color: #9edbfb;
+ border: 4px solid #fbe99e;
+ border-radius: 18px;
+}
+
+.osbp-cxo .v-caption-orgchart .v-captiontext {
+ font-size: 16px;
+ line-height: 1;
+ font-weight: normal;
+ padding: 0.5em 0.5em 1em;
+ -webkit-font-smoothing: antialiased;
+ background: #414243 url(external/img/sidebar-gradient.png) repeat-y top right;
+ overflow: visible;
+ position: relative;
+ z-index: 2;
+ white-space: normal;
+ color: #fff;
+ text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+ display: block !important;
+}
+
+.osbp-cxo .v-gridlayout-orgchartUser {
+ color: grey;
+ font-family: Tahoma;
+ font-weight: bold;
+ margin: 10px;
+ padding: 10px;
+ text-align: center;
+}
+
+.osbp-cxo .v-horizontallayout-orgchartUser {
+ color: grey;
+ font-family: Tahoma;
+ font-weight: bold;
+ border-radius: 18px;
+ border: 4px solid #9edbfb;
+ margin: 10px;
+ padding: 10px;
+ text-align: center;
+}
+
+.osbp-cxo .v-gridlayout-orgchartUser div {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.osbp-cxo .v-gridlayout-orgchartUser div > div {
+ padding: 3px;
+ text-align: center;
+}
+
+.osbp-cxo .orgchart-multipos {
+ color: red;
+ font-style: italic;
+}
+
+.osbp-cxo .orgchart-classic {
+ color: red;
+ font-style: italic;
+}
+
+.osbp-cxo .orgchart-modern {
+ color: red;
+ font-style: italic;
+}
+
+.osbp-cxo .orgchart-compex {
+ color: blue;
+ font-style: italic;
+}
+
+.osbp-cxo .node {
+ cursor: pointer;
+ border: solid 1px white;
+ font: 10px sans-serif;
+ line-height: 12px;
+ overflow: hidden;
+ position: absolute;
+ text-indent: 2px;
+}
+
+.osbp-cxo .node circle {
+ fill: #fff;
+ stroke: steelblue;
+ stroke-width: 1.5px;
+}
+
+.osbp-cxo .node text {
+ font: 10px sans-serif;
+}
+
+.osbp-cxo .link {
+ fill: none;
+ stroke: #ccc;
+ stroke-width: 1.5px;
+}
+
+.osbp-cxo .subunit-label {
+ fill: #777;
+ fill-opacity: 0.5;
+ font-size: 20px;
+ font-weight: 300;
+ text-anchor: middle;
+}
+
+.osbp-cxo .place, .osbp-cxo .place-label {
+ fill: #444;
+}
+
+.osbp-cxo text.place-label {
+ font-size: 10px;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+.osbp-cxo text.place-label:hover {
+ fill: #6699FF;
+ font-size: 20px;
+}
+
+.osbp-cxo path.usa {
+ fill: #60a060;
+ stroke: #fff;
+ stroke-width: 0.5px;
+}
+
+.osbp-cxo path.usa:hover {
+ fill: #80e080;
+}
+
+.osbp-cxo path.world {
+ stroke: white;
+ stroke-width: 0.25px;
+ fill: black;
+}
+
+.osbp-cxo path.world:hover {
+ fill: red;
+}
+
+.osbp-cxo path.subunit.DEU:hover {
+ fill: #80e080;
+}
+
+.osbp-cxo path.subunit.DEU {
+ fill: #60a060;
+ stroke: #fff;
+ stroke-width: 0.5px;
+}
+
+.osbp-cxo path.deu {
+ fill: #60a060;
+ stroke: #fff;
+ stroke-width: 0.5px;
+}
+
+.osbp-cxo path.deu:hover {
+ fill: #80e080;
+}
+
+.osbp-cxo path.world {
+ stroke: white;
+ stroke-width: 0.25px;
+ fill: black;
+}
+
+.osbp-cxo path.world:hover {
+ fill: red;
+}
+
+.osbp-cxo .o-configuration-dialog .o-navigation-area .v-nativebutton {
+ width: 100%;
+ border-style: solid;
+ border-bottom-color: black;
+ border-bottom-width: 1px;
+}
+
+.osbp-cxo .o-configuration-dialog .v-slot-o-navigation-area {
+ margin-right: 15px;
+ margin-left: 0px;
+}
+
+.osbp-cxo .o-configuration-dialog .l-yview-provider {
+ width: 100%;
+ height: 100%;
+}
+
+.osbp-cxo .o-SuggestBoxPopup {
+ z-index: 99999;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent {
+ padding: 4px 4px;
+ border-radius: 4px;
+ background-color: white;
+ color: #474747;
+ -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ margin-top: 4px !important;
+ margin-bottom: 4px !important;
+ margin-right: 4px !important;
+ cursor: default;
+ width: auto;
+ color: #ffd210;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent[class*="animate-in"] {
+ -webkit-animation: valo-overlay-animate-in 120ms;
+ -moz-animation: valo-overlay-animate-in 120ms;
+ animation: valo-overlay-animate-in 120ms;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent[class*="animate-out"] {
+ -webkit-animation: valo-animate-out-fade 120ms;
+ -moz-animation: valo-animate-out-fade 120ms;
+ animation: valo-animate-out-fade 120ms;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ margin: 0 auto;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent td {
+ padding: 2px;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel {
+ font-size: 16px;
+ text-align: center;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel:focus {
+ outline: none;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 26px;
+ height: 22px;
+ border: 1px solid transparent;
+ line-height: 22px;
+ text-align: center;
+ font-size: 14px;
+ background: #fafafa;
+ border-radius: 2px;
+ -webkit-transition: color 200ms;
+ -moz-transition: color 200ms;
+ transition: color 200ms;
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day:hover {
+ color: #ffd210;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day-offmonth {
+ color: #a0a0a0;
+ background: transparent;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day-today {
+ color: #191919;
+ font-weight: 600;
+ border-color: #afafaf;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover {
+ color: #3e350e;
+ background-color: #ffd210;
+ background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%);
+ background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%);
+ border: none;
+ font-weight: 600;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5);
+ position: relative;
+}
+
+.v-ie8 .osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
+ border-color: #ffd210;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover {
+ color: #a0a0a0;
+ cursor: not-allowed;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays {
+ height: 22px;
+ color: rgba(133, 133, 133, 0.85);
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays strong {
+ font: inherit;
+ font-size: 14px;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-header {
+ white-space: nowrap;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent td[class*="year"] button, .osbp-cxo .o-SuggestBoxPopup .popupContent td[class*="month"] button {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ border: none;
+ background: transparent;
+ padding: 0;
+ margin: 0;
+ cursor: pointer;
+ color: transparent;
+ font-size: 0;
+ width: 16px;
+ height: 21px;
+ outline: none;
+ position: relative;
+ vertical-align: middle;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent td[class*="year"] button:before, .osbp-cxo .o-SuggestBoxPopup .popupContent td[class*="month"] button:before {
+ color: #a0a0a0;
+ font-size: 21px;
+ line-height: 24px;
+ -webkit-transition: color 200ms;
+ -moz-transition: color 200ms;
+ transition: color 200ms;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent td[class*="year"] button:hover:before, .osbp-cxo .o-SuggestBoxPopup .popupContent td[class*="month"] button:hover:before {
+ color: #ffd210;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent td[class*="year"] button.outside-range, .osbp-cxo .o-SuggestBoxPopup .popupContent td[class*="month"] button.outside-range {
+ cursor: default;
+ opacity: 0.3;
+ filter: alpha(opacity=30.0) ;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent td[class*="year"] button.outside-range:hover:before, .osbp-cxo .o-SuggestBoxPopup .popupContent td[class*="month"] button.outside-range:hover:before {
+ color: #a0a0a0;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent .v-button-prevyear:before {
+ font-family: ThemeIcons;
+ content: "\f100";
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent .v-button-prevmonth:before {
+ font-family: ThemeIcons;
+ content: "\f104";
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent .v-button-nextyear:before {
+ font-family: ThemeIcons;
+ content: "\f101";
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent .v-button-nextmonth:before {
+ font-family: ThemeIcons;
+ content: "\f105";
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-month {
+ width: 128px;
+ color: #ffd210;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month {
+ width: 64px;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumber, .osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child {
+ width: 26px;
+ color: rgba(133, 133, 133, 0.85);
+ font-size: 14px;
+ display: inline-block;
+ text-align: left;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumber {
+ position: relative;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumbers .v-first:before {
+ content: "";
+ position: absolute;
+ top: 32px;
+ bottom: 0;
+ left: 0;
+ width: 30px;
+ border-top: 1px solid #d4d4d4;
+ border-right: 1px solid #d4d4d4;
+ border-top-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+ background: #fff;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-time {
+ width: 100%;
+ font-size: 14px;
+}
+
+.osbp-cxo .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-time .v-label {
+ display: inline;
+ margin: 0 0.1em;
+ font-weight: 400;
+}
+
+.osbp-cxo .o-SuggestBoxPopup table {
+ width: 332px;
+}
+
+.osbp-cxo .item {
+ color: #474747;
+}
+
+.osbp-cxo .item-selected {
+ background-color: #ffd210;
+ color: #3e350e;
+}
+
+.osbp-cxo .o-XSuggestBox {
+ background-color: #f8f5f0;
+ height: 32px;
+}
+
+.osbp-cxo .o-XSuggestBox > .v-textfield {
+ background-color: #f8f5f0;
+ border-top: transparent;
+ border-left: transparent;
+ border-right: transparent;
+ width: 332px;
+}
+
+.osbp-cxo .o-XSuggestBox > .v-textfield:focus {
+ background-color: #ffe887;
+ color: #5a4c14;
+}
+
+.osbp-cxo .o-XSuggestBox > .v-textfield:hover {
+ border-bottom-color: #ffd210;
+}
+
+.osbp-cxo .o-XSuggestBox .enableSuggestions {
+ cursor: pointer;
+ border-bottom: 1px solid #d4d4d4 !important;
+ height: 31px;
+ text-align: center;
+ width: 32px;
+ background: transparent;
+ border: 0px;
+ float: none;
+ float: right;
+}
+
+.osbp-cxo .o-XSuggestBox .enableSuggestions:focus {
+ background-color: #ffe887 !important;
+ color: #ffd210;
+}
+
+.osbp-cxo .o-XSuggestBox .enableSuggestions:hover {
+ border-bottom-color: #ffd210 !important;
+}
+
+.osbp-cxo .o-XSuggestBox .enableSuggestions:before {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 28px;
+ content: "\f08d" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .o-XSuggestBox .enableSuggestions.selected {
+ background: transparent;
+ border: 0px;
+ float: none;
+ float: right;
+}
+
+.osbp-cxo .o-XSuggestBox .enableSuggestions.selected:before {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 28px;
+ content: "\f002" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .os-cash-register {
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot, .osbp-cxo .os-cash-register .v-slot-l-control {
+ line-height: $font;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout, .osbp-cxo .os-cash-register .v-horizontallayout, .osbp-cxo .os-cash-register .v-gridlayout {
+ padding: 0px;
+ left: 0px !important;
+}
+
+.osbp-cxo .os-cash-register .v-button {
+ height: 59px;
+ white-space: normal;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-transform: none;
+ min-width: 128px;
+ padding: 16px;
+ font-size: 32px;
+}
+
+.osbp-cxo .os-cash-register .v-button:before {
+ content: none;
+}
+
+.osbp-cxo .os-cash-register .v-button .v-button-caption {
+ line-height: 32px;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-1, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-1, .osbp-cxo .os-cash-register .os-color-1 .v-button {
+ background: #cc5454;
+ border-color: #cc5454;
+ color: #ebd5d5;
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-1.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-1.v-pressed, .osbp-cxo .os-cash-register .os-color-1 .v-button.v-pressed {
+ color: #432020 !important;
+ background: #db8787 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-1.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-1.os-pushed, .osbp-cxo .os-cash-register .os-color-1 .v-button.os-pushed {
+ background: #ad4747;
+ color: #532222;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-1:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-1:hover, .osbp-cxo .os-cash-register .os-color-1 .v-button:hover {
+ background: #ffd210;
+ border-color: #ffd210;
+ color: #3e350e;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-2, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-2, .osbp-cxo .os-cash-register .os-color-2 .v-button {
+ background: #ffc15f;
+ border-color: #ffc15f;
+ color: #503812;
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-2.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-2.v-pressed, .osbp-cxo .os-cash-register .os-color-2 .v-button.v-pressed {
+ color: #5b3f14 !important;
+ background: #ffd38f !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-2.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-2.os-pushed, .osbp-cxo .os-cash-register .os-color-2 .v-button.os-pushed {
+ background: #d8a450;
+ color: #8a611f;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-2:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-2:hover, .osbp-cxo .os-cash-register .os-color-2 .v-button:hover {
+ background: #ffd210;
+ border-color: #ffd210;
+ color: #3e350e;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-3, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-3, .osbp-cxo .os-cash-register .os-color-3 .v-button {
+ background: #ff7d42;
+ border-color: #ff7d42;
+ color: #f5ded4;
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-3.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-3.v-pressed, .osbp-cxo .os-cash-register .os-color-3 .v-button.v-pressed {
+ color: #572813 !important;
+ background: #ffa47a !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-3.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-3.os-pushed, .osbp-cxo .os-cash-register .os-color-3 .v-button.os-pushed {
+ background: #d86a38;
+ color: #793618;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-3:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-3:hover, .osbp-cxo .os-cash-register .os-color-3 .v-button:hover {
+ background: #ffd210;
+ border-color: #ffd210;
+ color: #3e350e;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-4, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-4, .osbp-cxo .os-cash-register .os-color-4 .v-button {
+ background: #ec64a5;
+ border-color: #ec64a5;
+ color: #f3dae6;
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-4.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-4.v-pressed, .osbp-cxo .os-cash-register .os-color-4 .v-button.v-pressed {
+ color: #511b35 !important;
+ background: #f192c0 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-4.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-4.os-pushed, .osbp-cxo .os-cash-register .os-color-4 .v-button.os-pushed {
+ background: #c8558c;
+ color: #77274d;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-4:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-4:hover, .osbp-cxo .os-cash-register .os-color-4 .v-button:hover {
+ background: #ffd210;
+ border-color: #ffd210;
+ color: #3e350e;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-5, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-5, .osbp-cxo .os-cash-register .os-color-5 .v-button {
+ background: #24dcd4;
+ border-color: #24dcd4;
+ color: #133433;
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-5.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-5.v-pressed, .osbp-cxo .os-cash-register .os-color-5 .v-button.v-pressed {
+ color: #194442 !important;
+ background: #65e6e0 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-5.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-5.os-pushed, .osbp-cxo .os-cash-register .os-color-5 .v-button.os-pushed {
+ background: #1ebbb4;
+ color: #0c4d4a;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-5:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-5:hover, .osbp-cxo .os-cash-register .os-color-5 .v-button:hover {
+ background: #ffd210;
+ border-color: #ffd210;
+ color: #3e350e;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-6, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-6, .osbp-cxo .os-cash-register .os-color-6 .v-button {
+ background: #3090f0;
+ border-color: #3090f0;
+ color: #cfe0f1;
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-6.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-6.v-pressed, .osbp-cxo .os-cash-register .os-color-6 .v-button.v-pressed {
+ color: #dde9f5 !important;
+ background: #6eb1f4 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-6.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-6.os-pushed, .osbp-cxo .os-cash-register .os-color-6 .v-button.os-pushed {
+ background: #287acc;
+ color: #133a61;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-6:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-6:hover, .osbp-cxo .os-cash-register .os-color-6 .v-button:hover {
+ background: #ffd210;
+ border-color: #ffd210;
+ color: #3e350e;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-7, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-7, .osbp-cxo .os-cash-register .os-color-7 .v-button {
+ background: #685cb0;
+ border-color: #685cb0;
+ color: #d8d6e5;
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-7.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-7.v-pressed, .osbp-cxo .os-cash-register .os-color-7 .v-button.v-pressed {
+ color: #e3e2ec !important;
+ background: #958cc7 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-7.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-7.os-pushed, .osbp-cxo .os-cash-register .os-color-7 .v-button.os-pushed {
+ background: #584e95;
+ color: #272241;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-7:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-7:hover, .osbp-cxo .os-cash-register .os-color-7 .v-button:hover {
+ background: #ffd210;
+ border-color: #ffd210;
+ color: #3e350e;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-8, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-8, .osbp-cxo .os-cash-register .os-color-8 .v-button {
+ background: #4caf6a;
+ border-color: #4caf6a;
+ color: #d2e4d7;
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-8.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-8.v-pressed, .osbp-cxo .os-cash-register .os-color-8 .v-button.v-pressed {
+ color: #233929 !important;
+ background: #81c796 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-8.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-8.os-pushed, .osbp-cxo .os-cash-register .os-color-8 .v-button.os-pushed {
+ background: #40945a;
+ color: #1a3b24;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-8:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-8:hover, .osbp-cxo .os-cash-register .os-color-8 .v-button:hover {
+ background: #ffd210;
+ border-color: #ffd210;
+ color: #3e350e;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-9, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-9, .osbp-cxo .os-cash-register .os-color-9 .v-button {
+ background: #99df58;
+ border-color: #99df58;
+ color: #2b3e19;
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-9.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-9.v-pressed, .osbp-cxo .os-cash-register .os-color-9 .v-button.v-pressed {
+ color: #334a1e !important;
+ background: #b7e88a !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-9.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-9.os-pushed, .osbp-cxo .os-cash-register .os-color-9 .v-button.os-pushed {
+ background: #82bd4a;
+ color: #436324;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-9:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-9:hover, .osbp-cxo .os-cash-register .os-color-9 .v-button:hover {
+ background: #ffd210;
+ border-color: #ffd210;
+ color: #3e350e;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-10, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-10, .osbp-cxo .os-cash-register .os-color-10 .v-button {
+ background: #ededed;
+ border-color: #ededed;
+ color: #424242;
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-10.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-10.v-pressed, .osbp-cxo .os-cash-register .os-color-10 .v-button.v-pressed {
+ color: #444444 !important;
+ background: #f2f2f2 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-10.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-10.os-pushed, .osbp-cxo .os-cash-register .os-color-10 .v-button.os-pushed {
+ background: #c9c9c9;
+ color: #898989;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-10:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-10:hover, .osbp-cxo .os-cash-register .os-color-10 .v-button:hover {
+ background: #ffd210;
+ border-color: #ffd210;
+ color: #3e350e;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-11, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-11, .osbp-cxo .os-cash-register .os-color-11 .v-button {
+ background: #a1a1a1;
+ border-color: #a1a1a1;
+ color: #2d2d2d;
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-11.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-11.v-pressed, .osbp-cxo .os-cash-register .os-color-11 .v-button.v-pressed {
+ color: #353535 !important;
+ background: #bdbdbd !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-11.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-11.os-pushed, .osbp-cxo .os-cash-register .os-color-11 .v-button.os-pushed {
+ background: #888888;
+ color: #484848;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-11:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-11:hover, .osbp-cxo .os-cash-register .os-color-11 .v-button:hover {
+ background: #ffd210;
+ border-color: #ffd210;
+ color: #3e350e;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-12, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-12, .osbp-cxo .os-cash-register .os-color-12 .v-button {
+ background: #545454;
+ border-color: #545454;
+ color: #cfcfcf;
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-12.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-12.v-pressed, .osbp-cxo .os-cash-register .os-color-12 .v-button.v-pressed {
+ color: #dddddd !important;
+ background: #878787 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-12.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-12.os-pushed, .osbp-cxo .os-cash-register .os-color-12 .v-button.os-pushed {
+ background: #474747;
+ color: #878787;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-12:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-12:hover, .osbp-cxo .os-cash-register .os-color-12 .v-button:hover {
+ background: #ffd210;
+ border-color: #ffd210;
+ color: #3e350e;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-13, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-13, .osbp-cxo .os-cash-register .os-color-13 .v-button {
+ background: white;
+ border-color: white;
+ color: #474747;
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-13.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-13.v-pressed, .osbp-cxo .os-cash-register .os-color-13 .v-button.v-pressed {
+ color: !important;
+ background: white !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-13.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-13.os-pushed, .osbp-cxo .os-cash-register .os-color-13 .v-button.os-pushed {
+ background: #d8d8d8;
+ color: #989898;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-13:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-13:hover, .osbp-cxo .os-cash-register .os-color-13 .v-button:hover {
+ background: #ffd210;
+ border-color: #ffd210;
+ color: #3e350e;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-14, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-14, .osbp-cxo .os-cash-register .os-color-14 .v-button {
+ background: #2364aa;
+ border-color: #2364aa;
+ color: #c2d4e6;
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-14.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-14.v-pressed, .osbp-cxo .os-cash-register .os-color-14 .v-button.v-pressed {
+ color: #d9e1e9 !important;
+ background: #6592c3 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-14.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-14.os-pushed, .osbp-cxo .os-cash-register .os-color-14 .v-button.os-pushed {
+ background: #1d5590;
+ color: #081626;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-14:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-14:hover, .osbp-cxo .os-cash-register .os-color-14 .v-button:hover {
+ background: #ffd210;
+ border-color: #ffd210;
+ color: #3e350e;
+}
+
+.osbp-cxo .os-cash-register .os-button-with-image .v-button {
+ background: #cc5353;
+ border-color: #cc5353;
+ color: #ebd5d5;
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .os-button-with-image .v-button.v-pressed {
+ color: #432020 !important;
+ background: #db8686 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .os-button-with-image .v-button.os-pushed {
+ background: #ad4646;
+ color: #522121;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .os-button-with-image .v-button:hover {
+ background: #ffd210;
+ border-color: #ffd210;
+ color: #3e350e;
+}
+
+.osbp-cxo .os-cash-register .v-textfield, .osbp-cxo .os-cash-register .v-datefield, .osbp-cxo .os-cash-register .o-XSuggestBox {
+ font-size: 32px;
+ height: 64px;
+}
+
+.osbp-cxo .os-cash-register .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-textfield.v-disabled > .v-textfield, .osbp-cxo .os-cash-register .v-datefield.v-disabled, .osbp-cxo .os-cash-register .v-datefield.v-disabled > .v-textfield, .osbp-cxo .os-cash-register .o-XSuggestBox.v-disabled, .osbp-cxo .os-cash-register .o-XSuggestBox.v-disabled > .v-textfield {
+ background-color: transparent;
+ opacity: 0.75;
+}
+
+.osbp-cxo .os-cash-register .v-textarea {
+ font-size: 32px;
+}
+
+.osbp-cxo .os-cash-register .v-textarea.v-disabled, .osbp-cxo .os-cash-register .v-textarea.v-disabled > .v-textfield {
+ background-color: transparent;
+ opacity: 0.75;
+}
+
+.osbp-cxo .os-cash-register .v-textarea.os-monospace {
+ font-size: 16px;
+}
+
+.osbp-cxo .os-cash-register .o-XSuggestBox .enableSuggestions {
+ height: 63px;
+ width: 64px;
+ background: transparent;
+ border: 0px;
+ float: none;
+ float: right;
+}
+
+.osbp-cxo .os-cash-register .o-XSuggestBox .enableSuggestions:before {
+ font-family: FontAwesome;
+ font-size: 35px;
+ line-height: 64px;
+ content: "\f08d" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .os-cash-register .o-XSuggestBox .enableSuggestions.selected {
+ background: transparent;
+ border: 0px;
+ float: none;
+ float: right;
+}
+
+.osbp-cxo .os-cash-register .o-XSuggestBox .enableSuggestions.selected:before {
+ font-family: FontAwesome;
+ font-size: 35px;
+ line-height: 64px;
+ content: "\f002" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .os-cash-register .v-textfield, .osbp-cxo .os-cash-register .v-datefield, .osbp-cxo .os-cash-register .o-XSuggestBox {
+ width: 266px;
+}
+
+.osbp-cxo .os-cash-register .o-XSuggestBox > .v-textfield, .osbp-cxo .os-cash-register .o-XSuggestBox > .v-datefield {
+ width: 202px !important;
+}
+
+.osbp-cxo .os-cash-register .v-textfield, .osbp-cxo .os-cash-register .v-datefield, .osbp-cxo .os-cash-register .o-XSuggestBox {
+ width: 266px;
+}
+
+.osbp-cxo .os-cash-register .o-XSuggestBox > .v-textfield, .osbp-cxo .os-cash-register .o-XSuggestBox > .v-datefield {
+ width: 202px !important;
+}
+
+.osbp-cxo .os-cash-register .os-span-h-half.v-textfield, .osbp-cxo .os-cash-register .os-span-h-half.v-datefield, .osbp-cxo .os-cash-register .os-span-h-half.o-XSuggestBox {
+ width: 128px;
+}
+
+.osbp-cxo .os-cash-register .os-span-h-half.o-XSuggestBox > .v-textfield, .osbp-cxo .os-cash-register .os-span-h-half.o-XSuggestBox > .v-datefield {
+ width: 64px !important;
+}
+
+.osbp-cxo .os-cash-register .os-span-h-single.v-textfield, .osbp-cxo .os-cash-register .os-span-h-single.v-datefield, .osbp-cxo .os-cash-register .os-span-h-single.o-XSuggestBox {
+ width: 266px;
+}
+
+.osbp-cxo .os-cash-register .os-span-h-single.o-XSuggestBox > .v-textfield, .osbp-cxo .os-cash-register .os-span-h-single.o-XSuggestBox > .v-datefield {
+ width: 202px !important;
+}
+
+.osbp-cxo .os-cash-register .os-span-h-double.v-textfield, .osbp-cxo .os-cash-register .os-span-h-double.v-datefield, .osbp-cxo .os-cash-register .os-span-h-double.o-XSuggestBox {
+ width: 542px;
+}
+
+.osbp-cxo .os-cash-register .os-span-h-double.o-XSuggestBox > .v-textfield, .osbp-cxo .os-cash-register .os-span-h-double.o-XSuggestBox > .v-datefield {
+ width: 478px !important;
+}
+
+.osbp-cxo .os-cash-register .os-span-h-triple.v-textfield, .osbp-cxo .os-cash-register .os-span-h-triple.v-datefield, .osbp-cxo .os-cash-register .os-span-h-triple.o-XSuggestBox {
+ width: 818px;
+}
+
+.osbp-cxo .os-cash-register .os-span-h-triple.o-XSuggestBox > .v-textfield, .osbp-cxo .os-cash-register .os-span-h-triple.o-XSuggestBox > .v-datefield {
+ width: 754px !important;
+}
+
+.osbp-cxo .os-cash-register .os-span-h-quad.v-textfield, .osbp-cxo .os-cash-register .os-span-h-quad.v-datefield, .osbp-cxo .os-cash-register .os-span-h-quad.o-XSuggestBox {
+ width: 1094px;
+}
+
+.osbp-cxo .os-cash-register .os-span-h-quad.o-XSuggestBox > .v-textfield, .osbp-cxo .os-cash-register .os-span-h-quad.o-XSuggestBox > .v-datefield {
+ width: 1030px !important;
+}
+
+.osbp-cxo .os-cash-register .v-button.os-span-h-single {
+ width: 128px !important;
+}
+
+.osbp-cxo .os-cash-register .v-button.os-span-h-single img.v-icon {
+ max-width: 126px !important;
+}
+
+.osbp-cxo .os-cash-register .v-button.os-span-h-odd {
+ width: 197px !important;
+}
+
+.osbp-cxo .os-cash-register .v-button.os-span-h-odd img.v-icon {
+ max-width: 190px !important;
+}
+
+.osbp-cxo .os-cash-register .v-button.os-span-h-double {
+ width: 266px !important;
+}
+
+.osbp-cxo .os-cash-register .v-button.os-span-h-double img.v-icon {
+ max-width: 254px !important;
+}
+
+.osbp-cxo .os-cash-register .v-button.os-span-h-triple {
+ width: 404px !important;
+}
+
+.osbp-cxo .os-cash-register .v-button.os-span-h-triple img.v-icon {
+ max-width: 382px !important;
+}
+
+.osbp-cxo .os-cash-register .v-button.os-span-h-quad {
+ width: 542px !important;
+}
+
+.osbp-cxo .os-cash-register .v-button.os-span-h-quad img.v-icon {
+ max-width: 510px !important;
+}
+
+.osbp-cxo .os-cash-register .v-button.os-span-v-single {
+ height: 59px !important;
+}
+
+.osbp-cxo .os-cash-register .v-button.os-span-v-single img.v-icon {
+ max-height: 62px !important;
+}
+
+.osbp-cxo .os-cash-register .v-button.os-span-v-double {
+ height: 128px !important;
+}
+
+.osbp-cxo .os-cash-register .v-button.os-span-v-double img.v-icon {
+ max-height: 126px !important;
+}
+
+.osbp-cxo .os-cash-register .v-button.os-span-v-triple {
+ height: 197px !important;
+}
+
+.osbp-cxo .os-cash-register .v-button.os-span-v-triple img.v-icon {
+ max-height: 190px !important;
+}
+
+.osbp-cxo .os-cash-register .v-button.os-span-v-quad {
+ height: 266px !important;
+}
+
+.osbp-cxo .os-cash-register .v-button.os-span-v-quad img.v-icon {
+ max-height: 254px !important;
+}
+
+.osbp-cxo .os-cash-register .os-field-h-half .v-textfield, .osbp-cxo .os-cash-register .os-field-h-half .v-datefield, .osbp-cxo .os-cash-register .os-field-h-half .o-XSuggestBox {
+ width: 128px;
+}
+
+.osbp-cxo .os-cash-register .os-field-h-half .o-XSuggestBox > .v-textfield, .osbp-cxo .os-cash-register .os-field-h-half .o-XSuggestBox > .v-datefield {
+ width: 64px !important;
+}
+
+.osbp-cxo .os-cash-register .os-button-h-single {
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .os-button-h-single > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-h-single .v-button {
+ width: 128px;
+}
+
+.osbp-cxo .os-cash-register .os-button-h-single > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-h-single .v-button img.v-icon {
+ max-width: 126px;
+}
+
+.osbp-cxo .os-cash-register .os-table-h-single .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .os-table-h-single .v-table-header-wrap, .osbp-cxo .os-cash-register .v-table.os-span-h-single .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .v-table.os-span-h-single .v-table-header-wrap {
+ width: 404px !important;
+}
+
+.osbp-cxo .os-cash-register .os-table-h-single.v-table.v-widget, .osbp-cxo .os-cash-register .v-table.os-span-h-single.v-widget {
+ width: auto !important;
+}
+
+.osbp-cxo .os-cash-register .os-button-h-odd {
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .os-button-h-odd > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-h-odd .v-button {
+ width: 197px;
+}
+
+.osbp-cxo .os-cash-register .os-button-h-odd > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-h-odd .v-button img.v-icon {
+ max-width: 190px;
+}
+
+.osbp-cxo .os-cash-register .os-field-h-double .v-textfield, .osbp-cxo .os-cash-register .os-field-h-double .v-datefield, .osbp-cxo .os-cash-register .os-field-h-double .o-XSuggestBox {
+ width: 542px;
+}
+
+.osbp-cxo .os-cash-register .os-field-h-double .o-XSuggestBox > .v-textfield, .osbp-cxo .os-cash-register .os-field-h-double .o-XSuggestBox > .v-datefield {
+ width: 478px !important;
+}
+
+.osbp-cxo .os-cash-register .os-field-h-double .v-textarea, .osbp-cxo .os-cash-register .os-field-h-double.v-textarea {
+ width: 542px;
+}
+
+.osbp-cxo .os-cash-register .os-table-h-double .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .os-table-h-double .v-table-header-wrap, .osbp-cxo .os-cash-register .v-table.os-span-h-double .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .v-table.os-span-h-double .v-table-header-wrap {
+ width: 818px !important;
+}
+
+.osbp-cxo .os-cash-register .os-table-h-double.v-table.v-widget, .osbp-cxo .os-cash-register .v-table.os-span-h-double.v-widget {
+ width: auto !important;
+}
+
+.osbp-cxo .os-cash-register .os-button-h-double {
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .os-button-h-double > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-h-double .v-button {
+ width: 266px;
+}
+
+.osbp-cxo .os-cash-register .os-button-h-double > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-h-double .v-button img.v-icon {
+ max-width: 254px;
+}
+
+.osbp-cxo .os-cash-register .os-field-h-triple .v-textfield, .osbp-cxo .os-cash-register .os-field-h-triple .v-datefield, .osbp-cxo .os-cash-register .os-field-h-triple .o-XSuggestBox {
+ width: 818px;
+}
+
+.osbp-cxo .os-cash-register .os-field-h-triple .o-XSuggestBox > .v-textfield, .osbp-cxo .os-cash-register .os-field-h-triple .o-XSuggestBox > .v-datefield {
+ width: 754px !important;
+}
+
+.osbp-cxo .os-cash-register .os-field-h-triple .v-textarea, .osbp-cxo .os-cash-register .os-field-h-triple.v-textarea {
+ width: 818px;
+}
+
+.osbp-cxo .os-cash-register .os-table-h-triple .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .os-table-h-triple .v-table-header-wrap, .osbp-cxo .os-cash-register .v-table.os-span-h-triple .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .v-table.os-span-h-triple .v-table-header-wrap {
+ width: 1242px !important;
+}
+
+.osbp-cxo .os-cash-register .os-table-h-triple.v-table.v-widget, .osbp-cxo .os-cash-register .v-table.os-span-h-triple.v-widget {
+ width: auto !important;
+}
+
+.osbp-cxo .os-cash-register .os-button-h-triple {
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .os-button-h-triple > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-h-triple .v-button {
+ width: 404px;
+}
+
+.osbp-cxo .os-cash-register .os-button-h-triple > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-h-triple .v-button img.v-icon {
+ max-width: 382px;
+}
+
+.osbp-cxo .os-cash-register .os-field-h-quad .v-textfield, .osbp-cxo .os-cash-register .os-field-h-quad .v-datefield, .osbp-cxo .os-cash-register .os-field-h-quad .o-XSuggestBox {
+ width: 1094px;
+}
+
+.osbp-cxo .os-cash-register .os-field-h-quad .o-XSuggestBox > .v-textfield, .osbp-cxo .os-cash-register .os-field-h-quad .o-XSuggestBox > .v-datefield {
+ width: 1030px !important;
+}
+
+.osbp-cxo .os-cash-register .os-field-h-quad .v-textarea, .osbp-cxo .os-cash-register .os-field-h-quad.v-textarea {
+ width: 1094px;
+}
+
+.osbp-cxo .os-cash-register .os-table-h-quad .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .os-table-h-quad .v-table-header-wrap, .osbp-cxo .os-cash-register .v-table.os-span-h-quad .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .v-table.os-span-h-quad .v-table-header-wrap {
+ width: 1676px !important;
+}
+
+.osbp-cxo .os-cash-register .os-table-h-quad.v-table.v-widget, .osbp-cxo .os-cash-register .v-table.os-span-h-quad.v-widget {
+ width: auto !important;
+}
+
+.osbp-cxo .os-cash-register .os-button-h-quad {
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .os-button-h-quad > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-h-quad .v-button {
+ width: 542px;
+}
+
+.osbp-cxo .os-cash-register .os-button-h-quad > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-h-quad .v-button img.v-icon {
+ max-width: 510px;
+}
+
+.osbp-cxo .os-cash-register .os-field-v-single .v-textarea, .osbp-cxo .os-cash-register .os-field-v-single.v-textarea {
+ height: 266px;
+}
+
+.osbp-cxo .os-cash-register .os-table-v-single .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .os-span-v-single .v-table-body-wrapper.v-scrollable {
+ height: 228px !important;
+}
+
+.osbp-cxo .os-cash-register .os-table-v-single.v-table.v-widget, .osbp-cxo .os-cash-register .os-span-v-single.v-table.v-widget {
+ height: auto !important;
+}
+
+.osbp-cxo .os-cash-register .os-table-v-single .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .v-caption-on-top .v-table.os-span-v-single .v-table-body-wrapper.v-scrollable {
+ height: 162px !important;
+}
+
+.osbp-cxo .os-cash-register .os-table-v-single .v-caption-on-top.v-table.v-widget, .osbp-cxo .os-cash-register .v-caption-on-top .v-table.os-span-v-single.v-widget {
+ height: auto !important;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-single {
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-single > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-v-single .v-button {
+ height: 59px;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-single > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-v-single .v-button img.v-icon {
+ max-height: 62px;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-single.os-font-flex > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-v-single .os-font-flex .v-button {
+ height: 59px;
+ font-size: 30px;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-single.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-v-single .os-font-flex .v-button img.v-icon {
+ max-height: 62px;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-single .os-font-flex.v-button {
+ height: 59px !important;
+ font-size: 30px;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-single .os-font-flex.v-button img.v-icon {
+ max-height: 62px !important;
+}
+
+.osbp-cxo .os-cash-register .os-field-v-double .v-textarea, .osbp-cxo .os-cash-register .os-field-v-double.v-textarea {
+ height: 542px;
+}
+
+.osbp-cxo .os-cash-register .os-field-v-double .v-caption-on-top .v-textarea, .osbp-cxo .os-cash-register .os-field-v-double .v-caption-on-top.v-textarea {
+ height: 542px;
+}
+
+.osbp-cxo .os-cash-register .os-table-v-double .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .os-span-v-double .v-table-body-wrapper.v-scrollable {
+ height: 504px !important;
+}
+
+.osbp-cxo .os-cash-register .os-table-v-double.v-table.v-widget, .osbp-cxo .os-cash-register .os-span-v-double.v-table.v-widget {
+ height: auto !important;
+}
+
+.osbp-cxo .os-cash-register .os-table-v-double .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .v-caption-on-top .v-table.os-span-v-double .v-table-body-wrapper.v-scrollable {
+ height: 438px !important;
+}
+
+.osbp-cxo .os-cash-register .os-table-v-double .v-caption-on-top.v-table.v-widget, .osbp-cxo .os-cash-register .v-caption-on-top .v-table.os-span-v-double.v-widget {
+ height: auto !important;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-double {
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-double > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-v-double .v-button {
+ height: 128px;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-double > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-v-double .v-button img.v-icon {
+ max-height: 126px;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-double.os-font-flex > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-v-double .os-font-flex .v-button {
+ height: 128px;
+ font-size: 69px;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-double.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-v-double .os-font-flex .v-button img.v-icon {
+ max-height: 126px;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-double .os-font-flex.v-button {
+ height: 128px !important;
+ font-size: 69px;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-double .os-font-flex.v-button img.v-icon {
+ max-height: 126px !important;
+}
+
+.osbp-cxo .os-cash-register .os-field-v-triple .v-textarea, .osbp-cxo .os-cash-register .os-field-v-triple.v-textarea {
+ height: 818px;
+}
+
+.osbp-cxo .os-cash-register .os-field-v-triple .v-caption-on-top .v-textarea, .osbp-cxo .os-cash-register .os-field-v-triple .v-caption-on-top.v-textarea {
+ height: 818px;
+}
+
+.osbp-cxo .os-cash-register .os-table-v-triple .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .os-span-v-triple .v-table-body-wrapper.v-scrollable {
+ height: 780px !important;
+}
+
+.osbp-cxo .os-cash-register .os-table-v-triple.v-table.v-widget, .osbp-cxo .os-cash-register .os-span-v-triple.v-table.v-widget {
+ height: auto !important;
+}
+
+.osbp-cxo .os-cash-register .os-table-v-triple .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .v-caption-on-top .v-table.os-span-v-triple .v-table-body-wrapper.v-scrollable {
+ height: 714px !important;
+}
+
+.osbp-cxo .os-cash-register .os-table-v-triple .v-caption-on-top.v-table.v-widget, .osbp-cxo .os-cash-register .v-caption-on-top .v-table.os-span-v-triple.v-widget {
+ height: auto !important;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-triple {
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-triple > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-v-triple .v-button {
+ height: 197px;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-triple > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-v-triple .v-button img.v-icon {
+ max-height: 190px;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-triple.os-font-flex > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-v-triple .os-font-flex .v-button {
+ height: 197px;
+ font-size: 138px;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-triple.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-v-triple .os-font-flex .v-button img.v-icon {
+ max-height: 190px;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-triple .os-font-flex.v-button {
+ height: 197px !important;
+ font-size: 138px;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-triple .os-font-flex.v-button img.v-icon {
+ max-height: 190px !important;
+}
+
+.osbp-cxo .os-cash-register .os-field-v-quad .v-textarea, .osbp-cxo .os-cash-register .os-field-v-quad.v-textarea {
+ height: 1094px;
+}
+
+.osbp-cxo .os-cash-register .os-field-v-quad .v-caption-on-top .v-textarea, .osbp-cxo .os-cash-register .os-field-v-quad .v-caption-on-top.v-textarea {
+ height: 1094px;
+}
+
+.osbp-cxo .os-cash-register .os-table-v-quad .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .os-span-v-quad .v-table-body-wrapper.v-scrollable {
+ height: 1056px !important;
+}
+
+.osbp-cxo .os-cash-register .os-table-v-quad.v-table.v-widget, .osbp-cxo .os-cash-register .os-span-v-quad.v-table.v-widget {
+ height: auto !important;
+}
+
+.osbp-cxo .os-cash-register .os-table-v-quad .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .v-caption-on-top .v-table.os-span-v-quad .v-table-body-wrapper.v-scrollable {
+ height: 990px !important;
+}
+
+.osbp-cxo .os-cash-register .os-table-v-quad .v-caption-on-top.v-table.v-widget, .osbp-cxo .os-cash-register .v-caption-on-top .v-table.os-span-v-quad.v-widget {
+ height: auto !important;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-quad {
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-quad > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-v-quad .v-button {
+ height: 266px;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-quad > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-v-quad .v-button img.v-icon {
+ max-height: 254px;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-quad.os-font-flex > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-v-quad .os-font-flex .v-button {
+ height: 266px;
+ font-size: 207px;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-quad.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-v-quad .os-font-flex .v-button img.v-icon {
+ max-height: 254px;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-quad .os-font-flex.v-button {
+ height: 266px !important;
+ font-size: 207px;
+}
+
+.osbp-cxo .os-cash-register .os-button-v-quad .os-font-flex.v-button img.v-icon {
+ max-height: 254px !important;
+}
+
+.osbp-cxo .os-cash-register .os-cash-total .v-textfield, .osbp-cxo .os-cash-register .os-cash-total .v-caption, .osbp-cxo .os-cash-register .os-cash-xl .v-textfield, .osbp-cxo .os-cash-register .os-cash-xl .v-caption {
+ font-weight: bold;
+}
+
+.osbp-cxo .os-cash-register .os-cash-total .v-captiontext, .osbp-cxo .os-cash-register .os-cash-xl .v-captiontext {
+ font-weight: normal;
+}
+
+.osbp-cxo .os-cash-register .os-cash-total .v-formlayout > table, .osbp-cxo .os-cash-register .os-cash-xl .v-formlayout > table {
+ width: 100%;
+}
+
+.osbp-cxo .os-cash-register .os-cash-total .v-textfield, .osbp-cxo .os-cash-register .os-cash-xl .v-textfield {
+ font-size: 48px !important;
+ height: 96px !important;
+ text-align: right;
+}
+
+.osbp-cxo .os-cash-register .os-cash-total .v-formlayout-row > .v-formlayout-captioncell > .v-caption, .osbp-cxo .os-cash-register .os-cash-xl .v-formlayout-row > .v-formlayout-captioncell > .v-caption {
+ height: 95px !important;
+ line-height: 96px;
+}
+
+.osbp-cxo .os-cash-register .os-cash-total .os-span-h-half .v-textfield, .osbp-cxo .os-cash-register .os-cash-xl .os-span-h-half .v-textfield {
+ width: 133px;
+}
+
+.osbp-cxo .os-cash-register .os-cash-total .v-button, .osbp-cxo .os-cash-register .os-cash-xl .v-button {
+ background: #4caf6a;
+ border-color: #4caf6a;
+ color: #d2e4d7;
+ margin: 0px;
+}
+
+.osbp-cxo .os-cash-register .os-cash-total .v-button.v-pressed, .osbp-cxo .os-cash-register .os-cash-xl .v-button.v-pressed {
+ color: #233929 !important;
+ background: #81c796 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .os-cash-total .v-button.os-pushed, .osbp-cxo .os-cash-register .os-cash-xl .v-button.os-pushed {
+ background: #40945a;
+ color: #1a3b24;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-cxo .os-cash-register .os-cash-total .v-button:hover, .osbp-cxo .os-cash-register .os-cash-xl .v-button:hover {
+ background: #ffd210;
+ border-color: #ffd210;
+ color: #3e350e;
+}
+
+.osbp-cxo .os-cash-register .os-cash-total .v-button.v-disabled, .osbp-cxo .os-cash-register .os-cash-xl .v-button.v-disabled {
+ background: transparent;
+}
+
+.osbp-cxo .os-cash-register .v-caption-on-top > .v-caption {
+ height: 48px;
+ padding-top: 16px;
+ padding-bottom: 0px;
+}
+
+.osbp-cxo .os-cash-register .v-caption, .osbp-cxo .os-cash-register .v-captiontext, .osbp-cxo .os-cash-register .v-caption-on-top > .v-caption-l-control > .v-captiontext {
+ font-size: 24px;
+ line-height: 47px;
+}
+
+.osbp-cxo .os-cash-register .v-formlayout .v-caption, .osbp-cxo .os-cash-register .v-formlayout .v-captiontext {
+ font-size: 32px;
+ line-height: 63px;
+}
+
+.osbp-cxo .os-cash-register .v-table-header-wrap, .osbp-cxo .os-cash-register .v-table-caption-container, .osbp-cxo .os-cash-register .v-table-sort-indicator, .osbp-cxo .os-cash-register .v-table-resizer {
+ height: 38px;
+ font-size: 24px;
+}
+
+.osbp-cxo .os-cash-register .v-table-cell-content {
+ height: 48px;
+ font-size: 24px;
+}
+
+.osbp-cxo .os-cash-register .os-monospace {
+ font-family: monospace;
+}
+
+.osbp-cxo .os-cash-register .os-spacer-top {
+ margin-top: 69px !important;
+}
+
+.osbp-cxo .os-cash-register .os-spacer-left {
+ margin-left: 69px !important;
+}
+
+.osbp-cxo .os-cash-register .os-spacer-right {
+ margin-right: 69px !important;
+}
+
+.osbp-cxo .os-cash-register .os-spacer-bottom {
+ margin-bottom: 69px !important;
+}
+
+.osbp-cxo .os-cash-register .os-spacer-top-double {
+ margin-top: 138px !important;
+}
+
+.osbp-cxo .os-cash-register .os-spacer-left-double {
+ margin-left: 138px !important;
+}
+
+.osbp-cxo .os-cash-register .os-spacer-right-double {
+ margin-right: 138px !important;
+}
+
+.osbp-cxo .os-cash-register .os-spacer-bottom-double {
+ margin-bottom: 138px !important;
+}
+
+.osbp-cxo .os-cash-register .os-spacer-top-triple {
+ margin-top: 207px !important;
+}
+
+.osbp-cxo .os-cash-register .os-spacer-left-triple {
+ margin-left: 207px !important;
+}
+
+.osbp-cxo .os-cash-register .os-spacer-right-triple {
+ margin-right: 207px !important;
+}
+
+.osbp-cxo .os-cash-register .os-spacer-bottom-triple {
+ margin-bottom: 207px !important;
+}
+
+.osbp-cxo .os-cash-register .os-spacer-top-quad {
+ margin-top: 276px !important;
+}
+
+.osbp-cxo .os-cash-register .os-spacer-left-quad {
+ margin-left: 276px !important;
+}
+
+.osbp-cxo .os-cash-register .os-spacer-right-quad {
+ margin-right: 276px !important;
+}
+
+.osbp-cxo .os-cash-register .os-spacer-bottom-quad {
+ margin-bottom: 276px !important;
+}
+
+.osbp-cxo .v-caption-initialization-progress .v-captiontext {
+ font-size: 13.6px !important;
+ color: #474747 !important;
+}
+
+.osbp-cxo h1[class^="v-Notification"] {
+ font-size: 22.4px;
+ background: none;
+ border: none;
+}
+
+.osbp-cxo .v-ddabsolutelayout-drag-shadow, .osbp-cxo .v-ddcsslayout-drag-shadow {
+ background-color: #a9d1ff;
+ background-color: rgba(169, 209, 255, 0.6);
+ background-position: 0;
+ background-image: none !important;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ vertical-align: bottom;
+}
+
+.osbp-cxo .v-ddorderedlayout-over {
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+}
+
+.osbp-cxo .v-ddorderedlayout-over-middle, .osbp-cxo .v-ddorderedlayout-over-center {
+ background-color: #a9d1ff;
+ background-color: rgba(169, 209, 255, 0.6);
+}
+
+.osbp-cxo .v-ddorderedlayout-over.v-ddorderedlayout-over-left {
+ border-left: 2px solid #1d9dff;
+ margin-right: -2px;
+}
+
+.osbp-cxo .v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-left {
+ border-left: 6px solid #1d9dff;
+ padding-left: 0px !important;
+}
+
+.osbp-cxo .v-ddorderedlayout-over.v-ddorderedlayout-over-right {
+ border-right: 2px solid #1d9dff;
+ margin-left: -2px;
+}
+
+.osbp-cxo .v-ddorderedlayout-over.v-ddorderedlayout-over-top {
+ border-top: 2px solid #1d9dff;
+ margin-bottom: -2px;
+}
+
+.osbp-cxo .v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-top {
+ border-top: 7px solid #1d9dff;
+ padding-top: 0px !important;
+}
+
+.osbp-cxo .v-ddorderedlayout-over.v-ddorderedlayout-over-bottom {
+ border-bottom: 2px solid #1d9dff;
+ margin-top: -2px;
+}
+
+.osbp-cxo .v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-right + div {
+ border-left: 6px solid #1d9dff;
+ padding-left: 0px !important;
+}
+
+.osbp-cxo .v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-bottom + div {
+ border-top: 7px solid #1d9dff;
+ padding-top: 0px !important;
+}
+
+.osbp-cxo .v-horizontallayout div:first-child.v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-left {
+ border-left: 2px solid #1d9dff;
+ margin-right: -2px;
+}
+
+.osbp-cxo .v-verticallayout div:first-child.v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-top {
+ border-top: 2px solid #1d9dff;
+ margin-bottom: -2px;
+}
+
+.osbp-cxo .v-ddgridlayout-over-middle, .osbp-cxo .v-ddgridlayout-over-center {
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ background-color: #a9d1ff;
+ background-color: rgba(169, 209, 255, 0.6);
+}
+
+.osbp-cxo .v-ddgridlayout-over-left {
+ background-color: transparent;
+ border-left: 2px solid #1d9dff;
+ margin-right: -2px;
+}
+
+.osbp-cxo .v-ddgridlayout-over-right {
+ background-color: transparent;
+ border-right: 2px solid #1d9dff;
+ margin-left: -2px;
+}
+
+.osbp-cxo .v-ddgridlayout-over-top {
+ background-color: transparent;
+ border-top: 2px solid #1d9dff;
+ margin-bottom: -2px;
+}
+
+.osbp-cxo .v-ddgridlayout-over-bottom {
+ background-color: transparent;
+ border-bottom: 2px solid #1d9dff;
+ margin-top: -2px;
+}
+
+.osbp-cxo .v-ddgridlayout-drag-shadow {
+ position: absolute;
+}
+
+.osbp-cxo .v-ddsplitpanel-over {
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ background-color: #a9d1ff;
+ background-color: rgba(169, 209, 255, 0.6);
+}
+
+.osbp-cxo .v-ddsplitpanel-over-splitter {
+ border: 1px solid #a9d1ff;
+ border: 1px solid rgba(169, 209, 255, 0.6);
+}
+
+.osbp-cxo .v-tabsheet-tabs .v-tabsheet-spacertd .new-tab {
+ background: none;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ background-color: #a9d1ff;
+ background-color: rgba(169, 209, 255, 0.6);
+ width: 48px;
+ height: 23px;
+ padding: 9px 8px 0 6px;
+}
+
+.osbp-cxo .v-tabsheet-tabs .new-tab-left {
+ border-left: 2px solid #1d9dff;
+ margin-right: -1px;
+}
+
+.osbp-cxo .v-tabsheet-tabs .new-tab-right {
+ border-right: 2px solid #1d9dff;
+ margin-left: -1px;
+}
+
+.osbp-cxo .v-tabsheet-tabs .new-tab-center {
+ border-top: 2px solid #1d9dff;
+ margin-bottom: -2px;
+}
+
+.osbp-cxo .v-tabsheet.v-dd-active-drag-source {
+ opacity: 1;
+}
+
+.osbp-cxo .v-accordion-item.dd-over, .osbp-cxo .v-accordion-item-caption .v-caption.dd-over {
+ background: none;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ background-color: #a9d1ff;
+ background-color: rgba(169, 209, 255, 0.6);
+}
+
+.osbp-cxo .v-accordion .spacer {
+ background-color: #1d9dff;
+ height: 2px;
+ width: 100%;
+ position: relative;
+}
+
+.osbp-cxo .v-ddformlayout-over {
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ background-color: #a9d1ff;
+ background-color: rgba(169, 209, 255, 0.6);
+}
+
+.osbp-cxo .v-ddformlayout-over-top .v-formlayout-captioncell, .osbp-cxo .v-ddformlayout-over-top .v-formlayout-errorcell, .osbp-cxo .v-ddformlayout-over-top .v-formlayout-contentcell {
+ border-top: 2px solid #1d9dff;
+ padding-top: 6px !important;
+}
+
+.osbp-cxo .v-ddformlayout-over-middle .v-formlayout-captioncell, .osbp-cxo .v-ddformlayout-over-middle .v-formlayout-errorcell, .osbp-cxo .v-ddformlayout-over-middle .v-formlayout-contentcell {
+ background: none;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ background-color: #a9d1ff;
+ background-color: rgba(169, 209, 255, 0.6);
+}
+
+.osbp-cxo .v-ddformlayout-over-bottom .v-formlayout-captioncell, .osbp-cxo .v-ddformlayout-over-bottom .v-formlayout-errorcell, .osbp-cxo .v-ddformlayout-over-bottom .v-formlayout-contentcell {
+ border-bottom: 2px solid #1d9dff;
+ padding-top: 6px !important;
+}
+
+.osbp-cxo .v-drag-element .v-filterselect-input {
+ float: left;
+ padding: 4px 0px 4px 2px;
+ border: none;
+ height: 16px;
+ background-position: 0% -499px;
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+ font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
+ font-size: 12px;
+ line-height: normal;
+ background: transparent repeat-x;
+ background-image: url(../themes/reindeer/common/img/vertical-sprites.png);
+ -background-image: url(../themes/reindeer/common/img/vertical-sprites-ie6.png);
+ background-position: left -499px;
+}
+
+.osbp-cxo .v-drag-element .v-filterselect-button {
+ font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
+ font-size: 12px;
+ line-height: normal;
+}
+
+.osbp-cxo .v-drag-element .v-textfield {
+ padding: 3px 3px 4px;
+ color: #222;
+ font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
+ font-size: 12px;
+ line-height: normal;
+}
+
+.osbp-cxo .v-drag-element input.v-textfield-small {
+ font-size: 11px;
+ line-height: normal;
+ height: auto;
+ padding: 2px;
+}
+
+.osbp-cxo .v-drag-element .v-textarea {
+ padding: 3px 3px 4px;
+ color: #222222;
+ font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
+ font-size: 12px;
+ line-height: normal;
+}
+
+.osbp-cxo .v-drag-element textarea.v-textarea-small {
+ font-size: 11px;
+}
+
+.osbp-cxo .v-dragdrop-iframe-cover {
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -moz-opacity: 0;
+ -webkit-opacity: 0;
+ -khtml-opacity: 0;
+ opacity: 0;
+ background-color: #a9d1ff;
+ background-color: rgba(169, 209, 255, 0.6);
+}
+
+.osbp-cxo .v-dd-active-drag-source {
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
+ filter: alpha(opacity=20);
+ -moz-opacity: 0.2;
+ -webkit-opacity: 0.2;
+ -khtml-opacity: 0.2;
+ opacity: 0.2;
+}
+
+.osbp-cxo .v-absolutelayout .o-alignmentLine {
+ background-color: green;
+}
+
+.osbp-cxo .o-absolutelayout {
+ snap: 7;
+}
+
+.osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .resizing {
+ overflow: visible;
+}
+
+.osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .drag-overlay {
+ border: 1px solid red;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ position: absolute;
+ z-index: 10;
+}
+
+.osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .tlc, .osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .te, .osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .trc, .osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .re, .osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .brc, .osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .be, .osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .blc, .osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .le {
+ background-color: transparent;
+ display: block;
+ overflow: visible;
+ position: absolute;
+}
+
+.osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .div.unused {
+ cursor: default !important;
+}
+
+.osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .te {
+ cursor: ns-resize;
+ top: 0;
+ left: 0;
+ right: 0;
+ z-index: 6;
+}
+
+.osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .re {
+ cursor: ew-resize;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 5;
+}
+
+.osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .le {
+ cursor: ew-resize;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 5;
+}
+
+.osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .be {
+ cursor: ns-resize;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 6;
+}
+
+.osbp-cxo .osbee-designer-active-selection {
+ border-radius: 3px !important;
+ border: 2px solid blue !important;
+}
+
+.osbp-cxo .o-designer-active .l-control {
+ border: 1px solid #d4d4d4;
+ border-color: lightblue;
+}
+
+.osbp-cxo .o-designer-active .l-control .v-gridlayout-slot {
+ border: 1px solid #d4d4d4;
+ border-color: lightpink;
+}
+
+.osbp-cxo .o-designer-overlay .popupContent {
+ height: 36px;
+ width: 100%;
+ display: block;
+ background-color: #545454;
+ border-radius: 3px;
+ border: 2px solid #545454;
+}
+
+.osbp-cxo .o-designer-overlay .popupContent > div {
+ height: 100%;
+}
+
+.osbp-cxo .o-designer-overlayed {
+ border-radius: 3px !important;
+ border: 2px solid blue !important;
+}
+
+.osbp-cxo .o-designer-overlay .o-alignment-widget {
+ position: relative;
+ width: 30px;
+ height: 30px;
+ background-color: #cfcfcf;
+ float: left;
+ padding: 3px;
+ margin-right: 3px;
+}
+
+.osbp-cxo .o-alignment-widget .alignment {
+ display: block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ height: 30px;
+ width: 30px;
+ position: absolute;
+ z-index: 10;
+}
+
+.osbp-cxo .o-alignment-widget .alignment .singles {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ bottom: 0px;
+ cursor: pointer;
+ height: 22px;
+ width: 22px;
+ overflow: hidden;
+}
+
+.osbp-cxo .o-alignment-widget .singles .topleft, .osbp-cxo .o-alignment-widget .singles .topcenter, .osbp-cxo .o-alignment-widget .singles .topright, .osbp-cxo .o-alignment-widget .singles .middleleft, .osbp-cxo .o-alignment-widget .singles .middlecenter, .osbp-cxo .o-alignment-widget .singles .middleright, .osbp-cxo .o-alignment-widget .singles .bottomleft, .osbp-cxo .o-alignment-widget .singles .bottomcenter, .osbp-cxo .o-alignment-widget .singles .bottomright {
+ background-color: #545454;
+ height: 6px;
+ width: 6px;
+ display: block;
+ overflow: visible;
+ position: absolute;
+ z-index: 30;
+}
+
+.osbp-cxo .o-alignment-widget .singles .o-selected {
+ background-color: #ffd210;
+}
+
+.osbp-cxo .o-alignment-widget .singles .topleft {
+ top: 0px;
+ left: 0px;
+}
+
+.osbp-cxo .o-alignment-widget .singles .topcenter {
+ top: 0px;
+ left: 0px;
+ margin-left: 8px;
+}
+
+.osbp-cxo .o-alignment-widget .singles .topright {
+ top: 0px;
+ right: 0px;
+}
+
+.osbp-cxo .o-alignment-widget .singles .middleleft {
+ top: 0px;
+ left: 0px;
+ margin-top: 8px;
+}
+
+.osbp-cxo .o-alignment-widget .singles .middlecenter {
+ top: 0px;
+ margin-top: 8px;
+ left: 0px;
+ margin-left: 8px;
+}
+
+.osbp-cxo .o-alignment-widget .singles .middleright {
+ top: 0px;
+ margin-top: 8px;
+ right: 0px;
+}
+
+.osbp-cxo .o-alignment-widget .singles .bottomleft {
+ bottom: 0px;
+ left: 0px;
+}
+
+.osbp-cxo .o-alignment-widget .singles .bottomcenter {
+ bottom: 0px;
+ margin-left: 8px;
+ left: 0px;
+}
+
+.osbp-cxo .o-alignment-widget .singles .bottomright {
+ bottom: 0px;
+ right: 0px;
+}
+
+.osbp-cxo .o-alignment-widget .alignment .hfill {
+ position: absolute;
+ bottom: 0px;
+ left: 0px;
+ width: 22px;
+ height: 6px;
+ background-color: #545454;
+}
+
+.osbp-cxo .o-alignment-widget .alignment .vfill {
+ position: absolute;
+ top: 0px;
+ left: 24px;
+ width: 6px;
+ height: 22px;
+ background-color: #545454;
+}
+
+.osbp-cxo .o-alignment-widget .alignment .vfill .o-selected, .osbp-cxo .o-alignment-widget .alignment .hfill .o-selected {
+ background-color: #ffd210 !important;
+}
+
+.osbp-cxo .o-designer-overlay .o-button-widget {
+ position: relative;
+ overflow: hidden;
+ cursor: pointer;
+ background-color: #545454;
+ background-repeat: no-repeat;
+ background-position: center;
+}
+
+.osbp-cxo .o-designer-overlay .v-image {
+ position: relative;
+ overflow: hidden;
+ cursor: pointer;
+ height: 16px;
+ float: left;
+ padding: 14px;
+ padding-top: 11px;
+}
+
+.osbp-cxo .o-designer-overlay .switchEditable {
+ padding-top: 11px;
+ background: transparent;
+ border: 0px;
+ float: none;
+ color: #cfcfcf;
+}
+
+.osbp-cxo .o-designer-overlay .switchEditable:before {
+ font-family: Vaadin-Icons;
+ font-size: 16px;
+ line-height: 16px;
+ content: "\e771" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .o-designer-overlay .removeChild {
+ padding-top: 11px;
+ background: transparent;
+ border: 0px;
+ float: none;
+ color: #cfcfcf;
+}
+
+.osbp-cxo .o-designer-overlay .removeChild:before {
+ font-family: Vaadin-Icons;
+ font-size: 16px;
+ line-height: 16px;
+ content: "\e80b" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .o-designer-overlay .addChild {
+ padding-top: 11px;
+ background: transparent;
+ border: 0px;
+ float: none;
+ color: #cfcfcf;
+}
+
+.osbp-cxo .o-designer-overlay .addChild:before {
+ font-family: Vaadin-Icons;
+ font-size: 16px;
+ line-height: 16px;
+ content: "\e801" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .o-designer-overlay .openProperties {
+ padding-top: 11px;
+ background: transparent;
+ border: 0px;
+ float: none;
+ color: #cfcfcf;
+}
+
+.osbp-cxo .o-designer-overlay .openProperties:before {
+ font-family: Vaadin-Icons;
+ font-size: 16px;
+ line-height: 16px;
+ content: "\e6cf" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .o-designer-overlay .switchMargin {
+ padding-top: 11px;
+ background: transparent;
+ border: 0px;
+ float: none;
+ color: #cfcfcf;
+}
+
+.osbp-cxo .o-designer-overlay .switchMargin:before {
+ font-family: Vaadin-Icons;
+ font-size: 16px;
+ line-height: 16px;
+ content: "\e65b" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.osbp-cxo .o-designer-overlay .switchSpacing {
+ padding-top: 11px;
+ background: transparent;
+ border: 0px;
+ float: none;
+ color: #cfcfcf;
+}
+
+.osbp-cxo .o-designer-overlay .switchSpacing:before {
+ font-family: Vaadin-Icons;
+ font-size: 16px;
+ line-height: 16px;
+ content: "\e665" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/welcome/typo-welcome-styles.css b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/welcome/typo-welcome-styles.css
new file mode 100644
index 0000000..12fd74e
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/welcome/typo-welcome-styles.css
@@ -0,0 +1,12700 @@
+
+ /* cyrillic-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
+ /*unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;*/
+ }
+ /* cyrillic */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
+/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
+ }
+ /* greek-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
+/* unicode-range: U+1F00-1FFF; */
+ }
+ /* greek */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
+/* unicode-range: U+0370-03FF; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* cyrillic-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */
+ }
+ /* cyrillic */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
+ }
+ /* greek-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+1F00-1FFF; */
+ }
+ /* greek */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0370-03FF; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* cyrillic-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
+/* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */
+ }
+ /* cyrillic */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
+/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
+ }
+ /* greek-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
+/* unicode-range: U+1F00-1FFF; */
+ }
+ /* greek */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
+/* unicode-range: U+0370-03FF; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* cyrillic-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
+/* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */
+ }
+ /* cyrillic */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
+/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
+ }
+ /* greek-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
+/* unicode-range: U+1F00-1FFF; */
+ }
+ /* greek */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
+/* unicode-range: U+0370-03FF; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+
+ /* vietnamese */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/NUrn2XQrRfyGZp5MknntaRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/s2PXW4WrV3VLrOUpHiqsfRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/sKd0EMYPAh5PYCRKSryvW1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+
+ i.fa {
+ padding-left : 5px;
+ font-size : 0.9rem;
+ }
+ .bg-blue {
+ background-color : #0067b1;
+ }
+ .bg-darkblue {
+ background-color : #002f58;
+ }
+ .bg-red {
+ background-color : #be1622;
+ }
+ .bg-white {
+ background-color : #fff;
+ }
+ .button {
+ display : inline-block;
+ background : inherit;
+ color : inherit;
+ padding : 15px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ text-decoration : none;
+ cursor : pointer;
+ }
+ .button i {
+ padding-right : 5px;
+ transition : all 0.5s;
+ font-size : 18px;
+ line-height : normal;
+ }
+ .button span + i {
+ padding-left : 5px;
+ transition : all 0.5s;
+ }
+ .button:hover {
+ text-decoration : none !important ;
+ }
+ .button:hover i {
+ padding-right : 10px;
+ transition : all 0.5s;
+ }
+ .button:hover span + i {
+ padding-left : 10px;
+ transition : all 0.5s;
+ }
+ span span {
+ background : inherit;
+ color : inherit;
+ }
+ .redbutton, .bluebutton, .thirdSection .right a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .darkbluebutton, .greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton, .whitebutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a, .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a {
+ display : inline-block;
+ background : none 0% 0% repeat scroll #be1622;
+ color : #FFF;
+ padding : 15px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ text-decoration : none;
+ cursor : pointer;
+ border : none;
+ }
+ .redbutton:hover, .bluebutton:hover, .thirdSection .right a:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:hover, .darkbluebutton:hover, .greybutton:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover, .whitebutton:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:hover {
+ text-decoration : none !important ;
+ }
+ .bluebutton, .thirdSection .right a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a {
+ background-color : #0067b1;
+ }
+ .darkbluebutton {
+ background-color : #002f58;
+ text-align : left;
+ }
+ .darkbluebutton.arrowlink:after, .thirdSection .right a.darkbluebutton:after {
+ float : right;
+ }
+ .darkbluebutton.arrowlink:hover:after, .thirdSection .right a.darkbluebutton:hover:after {
+ padding-left : 30px;
+ }
+ .greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton {
+ background-color : #f5f5f5;
+ color : #333;
+ }
+ .greybutton:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover {
+ background-color : #0067b1;
+ color : #fff;
+ }
+ .whitebutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a {
+ background-color : #ffffff;
+ color : #333;
+ }
+ .arrowlink, .thirdSection .right a {
+ font-weight : 700;
+ text-decoration : none;
+ transition : all 0.5s;
+ }
+ .arrowlink:after, .thirdSection .right a:after {
+ font-family : 'FontAwesome';
+ content : "\f178";
+ padding-left : 5px;
+ font-size : 15px;
+ transition : all 0.7s;
+ display : inline-block;
+ }
+ .arrowlink:hover, .thirdSection .right a:hover {
+ text-decoration : none;
+ }
+ .arrowlink:hover:after, .thirdSection .right a:hover:after {
+ padding-left : 15px;
+ transition : all 0.5s;
+ }
+ .arrowlink.down:after, .thirdSection .right a.down:after {
+ content : "\f078";
+ vertical-align : bottom;
+ }
+ .arrowlink.down.active:after, .thirdSection .right a.down.active:after {
+ content : "\f077";
+ }
+ .keylink {
+ text-align : center;
+ color : #fff;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .keylink:before {
+ content : "\f084";
+ font-family : 'FontAwesome';
+ padding-right : 5px;
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ .downloadlink {
+ text-align : center;
+ font-weight : 700;
+ text-decoration : none;
+ transition : all 0.5s;
+ min-height : 54px;
+ }
+ .downloadlink:after {
+ font-family : 'FontAwesome';
+ content : "\f019";
+ padding-left : 5px;
+ font-size : 15px;
+ transition : all 0.5s;
+ }
+ .downloadlink:hover {
+ font-size : 18px;
+ }
+ .downloadlink:hover:after {
+ font-size : 17px;
+ transition : all 0.5s;
+ }
+ .buttonContainer {
+ text-align : center;
+ }
+ .versal {
+ text-transform : uppercase;
+ }
+ .cf:before, .inner:before, body.contact .contactMain:before, .ce-twoCol-Box .boxen:before, .ce-twoCol-Box .boxen.withFontAwesome:before, .ce-twoCol-Box .boxen.withoutFontAwesome:before, .ce-twoCol-Box .boxen.withOtherFontAwesome:before, .ce-twoCol-Box .boxen.withOtherFontAwesome div:before, .text-slide:before, .toggleContainer h3:before, .ce-threeBoxesWithOption:before, .ce-threeBoxesWithOption .inner div:before, .fontAwesome-list.twocol ul:before, .ce-os-bee:before, .ce-table:before, .service-formular:before, .service-formular .powermail_check_outer:before, .secondSection div.inner:before, .thirdSection:before, .thirdSection .inner:before, .newsletter:before, .newsletter .firstrow:before, .newsletter .secondrow:before, .newsletter .secondrow .inner:before, .ce-youtube-text:before, .ce-youtube-slider:before, .marketplace-wrapper:before, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:before, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:before, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:before, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:before, .marketplace-wrapper .mp-contentContainer .mp-filter ul:before, .marketplace-wrapper .mp-contentContainer .mp-content:before, .marketplace-wrapper .mp-contentContainer .mp-content article header:before, .marketplace-wrapper .mp-contentContainer .mp-content article footer:before, .mpdetail-content .mp-productInfo:before, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:before, .mpdetail-content .mp-productWrapper > ul:before, .tx-typo3forum-pi1 .forum_menu ul:before, .tx-typo3forum-pi1 .topic_list_menu ul:before, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #topic fieldset div:before, .tx-typo3forum-pi1 #post fieldset div:before, .tx-typo3forum-pi1 #report fieldset div:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:before, .ce-osbee-forum-singlepost:before, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:before, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:before, .blogSidebar .blog-subscribe .terms:before, .news-list-view .article:before, .news-list-view .news-content-wrap:before, .latest-news-container:before, .latest-news-container .startpage-latesnews:before, .latest-news-container .startpage-latesnews .news-img-wrap a:before, .shariff .orientation-horizontal:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:before, .tx-sy-osbeeproducts .os_cartSupport:before, .tx-sy-osbeeproducts .os_cartSupport > div .container:before, .tx-sy-osbeeproducts .os_carAppSupport:before, .tx-sy-osbeeproducts .os_carAppSupport > div .container:before, .tx-sy-osbeeproducts .checkoutOption:before, .tx-contentpackage-checkoutFormular div:before, .checkoutSteps:before, .tx-indexedsearch-browsebox:before, .tx-srfeuserregister-pi1 fieldset:before, .tx-srfeuserregister-pi1 fieldset .formwrap:before, .community-forum-news:before, .community-forum-news > .inner > div.news .latest-news-container:before, .zweispaltig-unterseiten-layout:before, header.header:before, header.header .topMeta:before, header.header .topMeta + div:before, header.header nav > ul:before, footer.footer div.inner.small:before, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:before, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:before, .ce-video:before, .ce-forum-latest-post:before, .ce-forum-latest-post > div:before, .ce-forum-latest-post > div div:before, .cf:after, .inner:after, body.contact .contactMain:after, .ce-twoCol-Box .boxen:after, .ce-twoCol-Box .boxen.withFontAwesome:after, .ce-twoCol-Box .boxen.withoutFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome div:after, .text-slide:after, .toggleContainer h3:after, .ce-threeBoxesWithOption:after, .ce-threeBoxesWithOption .inner div:after, .fontAwesome-list.twocol ul:after, .ce-os-bee:after, .ce-table:after, .service-formular:after, .service-formular .powermail_check_outer:after, .secondSection div.inner:after, .thirdSection:after, .thirdSection .inner:after, .newsletter:after, .newsletter .firstrow:after, .newsletter .secondrow:after, .newsletter .secondrow .inner:after, .ce-youtube-text:after, .ce-youtube-slider:after, .marketplace-wrapper:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:after, .marketplace-wrapper .mp-contentContainer .mp-filter ul:after, .marketplace-wrapper .mp-contentContainer .mp-content:after, .marketplace-wrapper .mp-contentContainer .mp-content article header:after, .marketplace-wrapper .mp-contentContainer .mp-content article footer:after, .mpdetail-content .mp-productInfo:after, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:after, .mpdetail-content .mp-productWrapper > ul:after, .tx-typo3forum-pi1 .forum_menu ul:after, .tx-typo3forum-pi1 .topic_list_menu ul:after, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #topic fieldset div:after, .tx-typo3forum-pi1 #post fieldset div:after, .tx-typo3forum-pi1 #report fieldset div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after, .ce-osbee-forum-singlepost:after, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after, .blogSidebar .blog-subscribe .terms:after, .news-list-view .article:after, .news-list-view .news-content-wrap:after, .latest-news-container:after, .latest-news-container .startpage-latesnews:after, .latest-news-container .startpage-latesnews .news-img-wrap a:after, .shariff .orientation-horizontal:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after, .tx-sy-osbeeproducts .os_cartSupport:after, .tx-sy-osbeeproducts .os_cartSupport > div .container:after, .tx-sy-osbeeproducts .os_carAppSupport:after, .tx-sy-osbeeproducts .os_carAppSupport > div .container:after, .tx-sy-osbeeproducts .checkoutOption:after, .tx-contentpackage-checkoutFormular div:after, .checkoutSteps:after, .tx-indexedsearch-browsebox:after, .tx-srfeuserregister-pi1 fieldset:after, .tx-srfeuserregister-pi1 fieldset .formwrap:after, .community-forum-news:after, .community-forum-news > .inner > div.news .latest-news-container:after, .zweispaltig-unterseiten-layout:after, header.header:after, header.header .topMeta:after, header.header .topMeta + div:after, header.header nav > ul:after, footer.footer div.inner.small:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after, .ce-video:after, .ce-forum-latest-post:after, .ce-forum-latest-post > div:after, .ce-forum-latest-post > div div:after {
+ content : " ";
+ display : table;
+ }
+ .cf:after, .inner:after, body.contact .contactMain:after, .ce-twoCol-Box .boxen:after, .ce-twoCol-Box .boxen.withFontAwesome:after, .ce-twoCol-Box .boxen.withoutFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome div:after, .text-slide:after, .toggleContainer h3:after, .ce-threeBoxesWithOption:after, .ce-threeBoxesWithOption .inner div:after, .fontAwesome-list.twocol ul:after, .ce-os-bee:after, .ce-table:after, .service-formular:after, .service-formular .powermail_check_outer:after, .secondSection div.inner:after, .thirdSection:after, .thirdSection .inner:after, .newsletter:after, .newsletter .firstrow:after, .newsletter .secondrow:after, .newsletter .secondrow .inner:after, .ce-youtube-text:after, .ce-youtube-slider:after, .marketplace-wrapper:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:after, .marketplace-wrapper .mp-contentContainer .mp-filter ul:after, .marketplace-wrapper .mp-contentContainer .mp-content:after, .marketplace-wrapper .mp-contentContainer .mp-content article header:after, .marketplace-wrapper .mp-contentContainer .mp-content article footer:after, .mpdetail-content .mp-productInfo:after, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:after, .mpdetail-content .mp-productWrapper > ul:after, .tx-typo3forum-pi1 .forum_menu ul:after, .tx-typo3forum-pi1 .topic_list_menu ul:after, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #topic fieldset div:after, .tx-typo3forum-pi1 #post fieldset div:after, .tx-typo3forum-pi1 #report fieldset div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after, .ce-osbee-forum-singlepost:after, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after, .blogSidebar .blog-subscribe .terms:after, .news-list-view .article:after, .news-list-view .news-content-wrap:after, .latest-news-container:after, .latest-news-container .startpage-latesnews:after, .latest-news-container .startpage-latesnews .news-img-wrap a:after, .shariff .orientation-horizontal:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after, .tx-sy-osbeeproducts .os_cartSupport:after, .tx-sy-osbeeproducts .os_cartSupport > div .container:after, .tx-sy-osbeeproducts .os_carAppSupport:after, .tx-sy-osbeeproducts .os_carAppSupport > div .container:after, .tx-sy-osbeeproducts .checkoutOption:after, .tx-contentpackage-checkoutFormular div:after, .checkoutSteps:after, .tx-indexedsearch-browsebox:after, .tx-srfeuserregister-pi1 fieldset:after, .tx-srfeuserregister-pi1 fieldset .formwrap:after, .community-forum-news:after, .community-forum-news > .inner > div.news .latest-news-container:after, .zweispaltig-unterseiten-layout:after, header.header:after, header.header .topMeta:after, header.header .topMeta + div:after, header.header nav > ul:after, footer.footer div.inner.small:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after, .ce-video:after, .ce-forum-latest-post:after, .ce-forum-latest-post > div:after, .ce-forum-latest-post > div div:after {
+ clear : both;
+ }
+ html {
+ margin : 0;
+ padding : 0;
+ font-size : 15px;
+ line-height : normal;
+ }
+ html * {
+ box-sizing : border-box;
+ font-family : "Open Sans", sans-serif;
+ }
+ body {
+ margin : 0;
+ padding : 0;
+ counter-reset : olliste;
+ }
+ section, main, footer, nav, aside, article {
+ display : block;
+ }
+ img {
+ height : auto;
+ max-width : 100%;
+ }
+ figure {
+ margin : 0;
+ padding : 0;
+ }
+ ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ ::-webkit-input-placeholder {
+ color : #333333;
+ opacity : 1 !important ;
+ }
+ :-moz-placeholder {
+ color : #333333;
+ }
+ ::-moz-placeholder {
+ color : #333333;
+ }
+ :-ms-input-placeholder {
+ color : #333333;
+ }
+ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
+ color : #333333;
+ opacity : 1 !important ;
+ }
+ input:-moz-placeholder, textarea:-moz-placeholder {
+ color : #333333;
+ }
+ input::-moz-placeholder, textarea::-moz-placeholder {
+ color : #333333;
+ }
+ input:-ms-input-placeholder, textarea:-ms-input-placeholder {
+ color : #333333;
+ }
+ .unorderedList li, .clients ul li, .ce-twoCol-Box .boxen.withFontAwesome > div ul li, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li, .text-slide .left ul li, .ce-Image-Text-Element .einspaltig ul li, .toggleContainer ul li, .ce-threeBoxesWithOption .inner div article ul li, .fontAwesome-list ul li ul li, .fontAwesome-list.twocol ul li ul li, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li, .ce-leftright > div figure + div ul li, .news ul li {
+ position : relative;
+ padding-left : 15px;
+ }
+ .unorderedList li:before, .clients ul li:before, .ce-twoCol-Box .boxen.withFontAwesome > div ul li:before, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li:before, .text-slide .left ul li:before, .ce-Image-Text-Element .einspaltig ul li:before, .toggleContainer ul li:before, .ce-threeBoxesWithOption .inner div article ul li:before, .fontAwesome-list ul li ul li:before, .fontAwesome-list.twocol ul li ul li:before, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li:before, .ce-leftright > div figure + div ul li:before, .news ul li:before {
+ content : "\f054";
+ content : "\f111";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ position : absolute;
+ top : 7px;
+ left : 0;
+ color : #be1622;
+ font-size : 6px;
+ }
+ .unorderedList li + li, .clients ul li + li, .ce-twoCol-Box .boxen.withFontAwesome > div ul li + li, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li + li, .text-slide .left ul li + li, .ce-Image-Text-Element .einspaltig ul li + li, .toggleContainer ul li + li, .ce-threeBoxesWithOption .inner div article ul li + li, .fontAwesome-list ul li ul li + li, .fontAwesome-list.twocol ul li ul li + li, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li + li, .ce-leftright > div figure + div ul li + li, .news ul li + li {
+ margin-top : 4px;
+ }
+ .unorderedList li ul, .clients ul li ul, .ce-twoCol-Box .boxen.withFontAwesome > div ul li ul, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li ul, .text-slide .left ul li ul, .ce-Image-Text-Element .einspaltig ul li ul, .toggleContainer ul li ul, .ce-threeBoxesWithOption .inner div article ul li ul, .fontAwesome-list ul li ul li ul, .fontAwesome-list.twocol ul li ul li ul, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li ul, .ce-leftright > div figure + div ul li ul, .news ul li ul {
+ margin-top : 5px;
+ }
+ .unorderedList + p, .clients ul + p, .ce-twoCol-Box .boxen.withFontAwesome > div ul + p, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul + p, .text-slide .left ul + p, .ce-Image-Text-Element .einspaltig ul + p, .toggleContainer ul + p, .ce-threeBoxesWithOption .inner div article ul + p, .fontAwesome-list ul li ul + p, .fontAwesome-list.twocol ul li ul + p, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul + p, .ce-leftright > div figure + div ul + p, .news ul + p, .unorderedList + ul, .clients ul + ul, .ce-twoCol-Box .boxen.withFontAwesome > div ul + ul, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul + ul, .text-slide .left ul + ul, .ce-Image-Text-Element .einspaltig ul + ul, .toggleContainer ul + ul, .ce-threeBoxesWithOption .inner div article ul + ul, .fontAwesome-list ul li ul + ul, .fontAwesome-list.twocol ul li ul + ul, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul + ul, .ce-leftright > div figure + div ul + ul, .news ul + ul {
+ margin-top : 15px;
+ }
+ .inner {
+ max-width : 1325px;
+ margin : 0 auto;
+ }
+ .inner.small, .tx-felogin-pi1 .tx-felogin-pi1-inner {
+ max-width : 1030px;
+ margin : 0 auto;
+ }
+ @media screen and (max-width:1100px) {
+ .inner.small, .tx-felogin-pi1 .tx-felogin-pi1-inner {
+ padding : 0 25px;
+ }
+ }
+ main {
+ overflow : hidden;
+ }
+ body.contact .contactMain {
+ max-width : 1030px;
+ margin : 0 auto 0 auto;
+ }
+ h1, h2, .ce-table table caption, h3 {
+ margin : 0;
+ font-size : inherit;
+ line-height : normal;
+ }
+ .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 {
+ font-family : "Quicksand", sans-serif;
+ font-size : 60px;
+ line-height : normal;
+ color : #333;
+ margin : 0 0 40px 0;
+ text-transform : uppercase;
+ font-weight : 300;
+ display : block;
+ }
+ @media screen and (max-width:1024px) {
+ .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 {
+ font-size : 45px;
+ margin-bottom : 30px;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 {
+ font-size : 35px;
+ margin-bottom : 25px;
+ }
+ }
+ @media screen and (max-width:640px) {
+ .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 {
+ font-size : 28px;
+ margin-bottom : 20px;
+ }
+ }
+ .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center {
+ font-family : "Quicksand", sans-serif;
+ font-size : 60px;
+ line-height : normal;
+ color : #333;
+ margin : 0 0 40px 0;
+ text-transform : uppercase;
+ text-align : center;
+ font-weight : 300;
+ display : block;
+ }
+ @media screen and (max-width:1024px) {
+ .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center {
+ font-size : 45px;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center {
+ font-size : 35px;
+ }
+ }
+ @media screen and (max-width:640px) {
+ .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center {
+ font-size : 28px;
+ }
+ }
+ .headlineH2Center, p.headlineH2Center, .service-formular fieldset .powermail_legend, .sliderContainer p.headlineH2Center, .latest-news-container h2, .latest-news-container .ce-table table caption, .ce-table table .latest-news-container caption, .mp-contentContainer.checkout h1 {
+ font-family : "Quicksand", sans-serif;
+ font-weight : 400;
+ text-transform : uppercase;
+ color : #333;
+ font-size : 24px;
+ line-height : normal;
+ text-align : center;
+ display : block;
+ margin : 0 0 15px 0;
+ }
+ .headlineH2Center:after, .service-formular fieldset .powermail_legend:after, .sliderContainer p.headlineH2Center:after, .latest-news-container h2:after, .latest-news-container .ce-table table caption:after, .ce-table table .latest-news-container caption:after, .mp-contentContainer.checkout h1:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px auto 0 auto;
+ }
+ .headlineH2, p.headlineH2, .sliderContainer p.headlineH2, .tx-typo3forum-pi1 #topic fieldset legend, .tx-typo3forum-pi1 #post fieldset legend, .tx-typo3forum-pi1 #report fieldset legend, .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption {
+ font-family : "Quicksand", sans-serif;
+ font-weight : 400;
+ text-transform : uppercase;
+ color : #333;
+ font-size : 24px;
+ line-height : normal;
+ display : block;
+ margin : 0 0 15px 0;
+ }
+ .headlineH2:after, .sliderContainer p.headlineH2:after, .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #report fieldset legend:after, .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px 0 0 0;
+ }
+ .headlineH2withoutUnderline, .headlineH2withoutUnderlineLeft, p.headlineH2withoutUnderline, .sliderContainer p.headlineH2withoutUnderline {
+ font-size : 36px;
+ line-height : normal;
+ font-family : "Quicksand", sans-serif;
+ font-weight : 400;
+ color : #fff;
+ display : block;
+ margin : 0 0 15px 0;
+ text-align : center;
+ }
+ .headlineH2withoutUnderlineLeft {
+ text-align : left;
+ }
+ .headlineH3, p.headlineH3, .sliderContainer p.headlineH3 {
+ font-weight : 700;
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ margin : 0 0 20px 0;
+ display : block;
+ }
+ .smallHeadlineWithUnderline, p.smallHeadlineWithUnderline, .sliderContainer p.smallHeadlineWithUnderline {
+ font-size : 18px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ margin-bottom : 20px;
+ }
+ .smallHeadlineWithUnderline:after, .sliderContainer p.smallHeadlineWithUnderline:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 5px 0 0 0;
+ }
+ a {
+ color : #0067b1;
+ text-decoration : none;
+ font-weight : 700;
+ }
+ a span {
+ color : inherit;
+ }
+ a:hover {
+ text-decoration : underline;
+ }
+ a.arrowlink:hover, .thirdSection .right a:hover {
+ text-decoration : underline !important ;
+ }
+ a.arrowlink:hover:after, .thirdSection .right a:hover:after {
+ text-decoration : none !important ;
+ }
+ a.button:hover {
+ text-decoration : none !important ;
+ }
+ a.button:hover span {
+ text-decoration : none !important ;
+ }
+ span a {
+ color : inherit;
+ }
+ .textlinkarrow:after, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:after, .ce-table table tr td a:after, .ce-leftright > div figure + div a:after, .ce-youtube-text .right a:after, .news-list-view .more:after {
+ content : "\f178";
+ transition : all 0.7s;
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ font-weight : 700;
+ font-family : 'FontAwesome';
+ padding-left : 5px;
+ transition : all 0.7s;
+ }
+ .textlinkarrow:hover, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:hover, .ce-table table tr td a:hover, .ce-leftright > div figure + div a:hover, .ce-youtube-text .right a:hover, .news-list-view .more:hover {
+ text-decoration : none;
+ }
+ .textlinkarrow:hover:after, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:hover:after, .ce-table table tr td a:hover:after, .ce-leftright > div figure + div a:hover:after, .ce-youtube-text .right a:hover:after, .news-list-view .more:hover:after {
+ padding-left : 10px;
+ }
+ .textlinkarrow.whitetextlinkarrow, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a.whitetextlinkarrow, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow .ce-leftright > div figure + div a, .ce-leftright > div figure + div .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a, .ce-table table tr td a.whitetextlinkarrow, .ce-leftright > div figure + div a, .ce-youtube-text .right a.whitetextlinkarrow, .ce-youtube-text .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .ce-youtube-text .right a, .news-list-view .whitetextlinkarrow.more, .news-list-view .ce-leftright > div figure + div a.more, .ce-leftright > div figure + div .news-list-view a.more {
+ color : #fff;
+ }
+ h1, h2, .ce-table table caption, h3, h4, h5, h6 {
+ font-size : 15px;
+ line-height : normal;
+ margin : 0;
+ font-weight : 400;
+ }
+ p {
+ font-size : 15px;
+ line-height : normal;
+ margin : 0;
+ }
+ p + p, p + ul, p + ol {
+ margin-top : 15px;
+ }
+ p + h1, p + h2, .ce-table table p + caption, p + h3, p + .headlineH3, .sliderContainer p + p.headlineH3, p + .headlineH2withoutUnderline, p + .headlineH2withoutUnderlineLeft, .sliderContainer p + p.headlineH2withoutUnderline, p + .smallHeadlineWithUnderline, .sliderContainer p + p.smallHeadlineWithUnderline, p + .headlineH2, .sliderContainer p + p.headlineH2, .tx-typo3forum-pi1 #topic fieldset p + legend, .tx-typo3forum-pi1 #post fieldset p + legend, .tx-typo3forum-pi1 #report fieldset p + legend, .mp-contentContainer.checkout .checkout_paymentOption p + h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table p + caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption p + caption, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > p + h2, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > p + caption, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > p + caption, p + .headlineH2Center, .service-formular fieldset p + .powermail_legend, .sliderContainer p + p.headlineH2Center, .latest-news-container p + h2, .latest-news-container .ce-table table p + caption, .ce-table table .latest-news-container p + caption, .mp-contentContainer.checkout p + h1, p + .headlineH1Center, .sliderContainer p + p.headlineH1Center, p + .headlineH1, .sliderContainer p + p.headlineH1, p + .headlineH2withoutUnderline, p + .headlineH2withoutUnderlineLeft, .sliderContainer p + p.headlineH2withoutUnderline {
+ margin-top : 25px;
+ }
+ p i {
+ font-style : italic;
+ }
+ p.bigText {
+ font-size : 18px;
+ line-height : normal;
+ }
+ p.bigText a {
+ font-size : 18px;
+ line-height : normal;
+ }
+ p.centeralign, p.align-center {
+ text-align : center;
+ }
+ p.leftalign, p.align-left {
+ text-align : left;
+ }
+ p.rightalign, p.align-right {
+ text-align : right;
+ }
+ ul li {
+ font-size : 15px;
+ line-height : normal;
+ }
+ a {
+ font-size : 15px;
+ line-height : normal;
+ }
+ .bigText {
+ font-size : 18px;
+ line-height : normal;
+ }
+ .centeralign, .align-center {
+ text-align : center;
+ }
+ .leftalign {
+ text-align : left;
+ }
+ .rightalign {
+ text-align : right;
+ }
+ .hvr-grow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
+ transform : scale(1.1);
+ }
+ .hvr-shrink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
+ transform : scale(0.9);
+ }
+ @keyframes hvr-pulse {
+ 25% {
+ transform : scale(1.1);
+ }
+ 75% {
+ transform : scale(0.9);
+ }
+ }
+ .hvr-pulse {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
+ animation-name : hvr-pulse;
+ animation-duration : 1s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ }
+ @keyframes hvr-pulse-grow {
+ to {
+ transform : scale(1.1);
+ }
+ }
+ .hvr-pulse-grow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
+ animation-name : hvr-pulse-grow;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ animation-direction : alternate;
+ }
+ @keyframes hvr-pulse-shrink {
+ to {
+ transform : scale(0.9);
+ }
+ }
+ .hvr-pulse-shrink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
+ animation-name : hvr-pulse-shrink;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ animation-direction : alternate;
+ }
+ @keyframes hvr-push {
+ 50% {
+ transform : scale(0.8);
+ }
+ 100% {
+ transform : scale(1);
+ }
+ }
+ .hvr-push {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-push:hover, .hvr-push:focus, .hvr-push:active {
+ animation-name : hvr-push;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-pop {
+ 50% {
+ transform : scale(1.2);
+ }
+ }
+ .hvr-pop {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
+ animation-name : hvr-pop;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ .hvr-bounce-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
+ transform : scale(1.2);
+ transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36);
+ }
+ .hvr-bounce-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
+ transform : scale(0.8);
+ transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36);
+ }
+ .hvr-rotate {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
+ transform : rotate(4deg);
+ }
+ .hvr-grow-rotate {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
+ transform : scale(1.1) rotate(4deg);
+ }
+ .hvr-float {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-float:hover, .hvr-float:focus, .hvr-float:active {
+ transform : translateY(-8px);
+ }
+ .hvr-sink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
+ transform : translateY(8px);
+ }
+ @keyframes hvr-bob {
+ 0% {
+ transform : translateY(-8px);
+ }
+ 50% {
+ transform : translateY(-4px);
+ }
+ 100% {
+ transform : translateY(-8px);
+ }
+ }
+ @keyframes hvr-bob-float {
+ 100% {
+ transform : translateY(-8px);
+ }
+ }
+ .hvr-bob {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
+ animation-name : hvr-bob-float, hvr-bob;
+ animation-duration : 0.3s, 1.5s;
+ animation-delay : 0s, 0.3s;
+ animation-timing-function : ease-out, ease-in-out;
+ animation-iteration-count : 1, infinite;
+ animation-fill-mode : forwards;
+ animation-direction : normal, alternate;
+ }
+ @keyframes hvr-hang {
+ 0% {
+ transform : translateY(8px);
+ }
+ 50% {
+ transform : translateY(4px);
+ }
+ 100% {
+ transform : translateY(8px);
+ }
+ }
+ @keyframes hvr-hang-sink {
+ 100% {
+ transform : translateY(8px);
+ }
+ }
+ .hvr-hang {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
+ animation-name : hvr-hang-sink, hvr-hang;
+ animation-duration : 0.3s, 1.5s;
+ animation-delay : 0s, 0.3s;
+ animation-timing-function : ease-out, ease-in-out;
+ animation-iteration-count : 1, infinite;
+ animation-fill-mode : forwards;
+ animation-direction : normal, alternate;
+ }
+ .hvr-skew {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
+ transform : skew(-10deg);
+ }
+ .hvr-skew-forward {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transform-origin : 0 100%;
+ }
+ .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
+ transform : skew(-10deg);
+ }
+ .hvr-skew-backward {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transform-origin : 0 100%;
+ }
+ .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
+ transform : skew(10deg);
+ }
+ @keyframes hvr-wobble-vertical {
+ 16.65% {
+ transform : translateY(8px);
+ }
+ 33.3% {
+ transform : translateY(-6px);
+ }
+ 49.95% {
+ transform : translateY(4px);
+ }
+ 66.6% {
+ transform : translateY(-2px);
+ }
+ 83.25% {
+ transform : translateY(1px);
+ }
+ 100% {
+ transform : translateY(0);
+ }
+ }
+ .hvr-wobble-vertical {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
+ animation-name : hvr-wobble-vertical;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-horizontal {
+ 16.65% {
+ transform : translateX(8px);
+ }
+ 33.3% {
+ transform : translateX(-6px);
+ }
+ 49.95% {
+ transform : translateX(4px);
+ }
+ 66.6% {
+ transform : translateX(-2px);
+ }
+ 83.25% {
+ transform : translateX(1px);
+ }
+ 100% {
+ transform : translateX(0);
+ }
+ }
+ .hvr-wobble-horizontal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
+ animation-name : hvr-wobble-horizontal;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-to-bottom-right {
+ 16.65% {
+ transform : translate(8px,8px);
+ }
+ 33.3% {
+ transform : translate(-6px,-6px);
+ }
+ 49.95% {
+ transform : translate(4px,4px);
+ }
+ 66.6% {
+ transform : translate(-2px,-2px);
+ }
+ 83.25% {
+ transform : translate(1px,1px);
+ }
+ 100% {
+ transform : translate(0,0);
+ }
+ }
+ .hvr-wobble-to-bottom-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
+ animation-name : hvr-wobble-to-bottom-right;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-to-top-right {
+ 16.65% {
+ transform : translate(8px,-8px);
+ }
+ 33.3% {
+ transform : translate(-6px,6px);
+ }
+ 49.95% {
+ transform : translate(4px,-4px);
+ }
+ 66.6% {
+ transform : translate(-2px,2px);
+ }
+ 83.25% {
+ transform : translate(1px,-1px);
+ }
+ 100% {
+ transform : translate(0,0);
+ }
+ }
+ .hvr-wobble-to-top-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
+ animation-name : hvr-wobble-to-top-right;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-top {
+ 16.65% {
+ transform : skew(-12deg);
+ }
+ 33.3% {
+ transform : skew(10deg);
+ }
+ 49.95% {
+ transform : skew(-6deg);
+ }
+ 66.6% {
+ transform : skew(4deg);
+ }
+ 83.25% {
+ transform : skew(-2deg);
+ }
+ 100% {
+ transform : skew(0);
+ }
+ }
+ .hvr-wobble-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transform-origin : 0 100%;
+ }
+ .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
+ animation-name : hvr-wobble-top;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-bottom {
+ 16.65% {
+ transform : skew(-12deg);
+ }
+ 33.3% {
+ transform : skew(10deg);
+ }
+ 49.95% {
+ transform : skew(-6deg);
+ }
+ 66.6% {
+ transform : skew(4deg);
+ }
+ 83.25% {
+ transform : skew(-2deg);
+ }
+ 100% {
+ transform : skew(0);
+ }
+ }
+ .hvr-wobble-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transform-origin : 100% 0;
+ }
+ .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
+ animation-name : hvr-wobble-bottom;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-skew {
+ 16.65% {
+ transform : skew(-12deg);
+ }
+ 33.3% {
+ transform : skew(10deg);
+ }
+ 49.95% {
+ transform : skew(-6deg);
+ }
+ 66.6% {
+ transform : skew(4deg);
+ }
+ 83.25% {
+ transform : skew(-2deg);
+ }
+ 100% {
+ transform : skew(0);
+ }
+ }
+ .hvr-wobble-skew {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
+ animation-name : hvr-wobble-skew;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-buzz {
+ 50% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 100% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ }
+ .hvr-buzz {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
+ animation-name : hvr-buzz;
+ animation-duration : 0.15s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ }
+ @keyframes hvr-buzz-out {
+ 10% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 20% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ 30% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 40% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ 50% {
+ transform : translateX(2px) rotate(1deg);
+ }
+ 60% {
+ transform : translateX(-2px) rotate(-1deg);
+ }
+ 70% {
+ transform : translateX(2px) rotate(1deg);
+ }
+ 80% {
+ transform : translateX(-2px) rotate(-1deg);
+ }
+ 90% {
+ transform : translateX(1px) rotate(0);
+ }
+ 100% {
+ transform : translateX(-1px) rotate(0);
+ }
+ }
+ .hvr-buzz-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
+ animation-name : hvr-buzz-out;
+ animation-duration : 0.75s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ .hvr-fade {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ overflow : hidden;
+ transition-duration : 0.3s;
+ transition-property : color, background-color;
+ }
+ .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
+ background-color : #2098d1;
+ color : white;
+ }
+ @keyframes hvr-back-pulse {
+ 50% {
+ background-color : rgba(32, 152, 209, 0.75);
+ }
+ }
+ .hvr-back-pulse {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ overflow : hidden;
+ transition-duration : 0.5s;
+ transition-property : color, background-color;
+ }
+ .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
+ animation-name : hvr-back-pulse;
+ animation-duration : 1s;
+ animation-delay : 0.5s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ background-color : #2098d1;
+ background-color : #2098d1;
+ color : white;
+ }
+ .hvr-sweep-to-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-sweep-to-right:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 0 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
+ color : white;
+ }
+ .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
+ transform : scaleX(1);
+ }
+ .hvr-sweep-to-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-sweep-to-left:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 100% 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
+ color : white;
+ }
+ .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
+ transform : scaleX(1);
+ }
+ .hvr-sweep-to-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-sweep-to-bottom:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50% 0;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
+ color : white;
+ }
+ .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
+ transform : scaleY(1);
+ }
+ .hvr-sweep-to-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-sweep-to-top:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50% 100%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
+ color : white;
+ }
+ .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
+ transform : scaleY(1);
+ }
+ .hvr-bounce-to-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-to-right:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 0 50%;
+ transition-property : transform;
+ transition-duration : 0.5s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
+ color : white;
+ }
+ .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
+ transform : scaleX(1);
+ transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-bounce-to-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-to-left:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 100% 50%;
+ transition-property : transform;
+ transition-duration : 0.5s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
+ color : white;
+ }
+ .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
+ transform : scaleX(1);
+ transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-bounce-to-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-to-bottom:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50% 0;
+ transition-property : transform;
+ transition-duration : 0.5s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
+ color : white;
+ }
+ .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
+ transform : scaleY(1);
+ transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-bounce-to-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-to-top:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50% 100%;
+ transition-property : transform;
+ transition-duration : 0.5s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
+ color : white;
+ }
+ .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
+ transform : scaleY(1);
+ transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-radial-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ background : #e1e1e1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-radial-out:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ border-radius : 100%;
+ transform : scale(0);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
+ color : white;
+ }
+ .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
+ transform : scale(2);
+ }
+ .hvr-radial-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ background : #2098d1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-radial-in:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #e1e1e1;
+ border-radius : 100%;
+ transform : scale(2);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
+ color : white;
+ }
+ .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
+ transform : scale(0);
+ }
+ .hvr-rectangle-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #2098d1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-rectangle-in:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #e1e1e1;
+ transform : scale(1);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
+ color : white;
+ }
+ .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
+ transform : scale(0);
+ }
+ .hvr-rectangle-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #e1e1e1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-rectangle-out:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scale(0);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
+ color : white;
+ }
+ .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
+ transform : scale(1);
+ }
+ .hvr-shutter-in-horizontal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #2098d1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-shutter-in-horizontal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ bottom : 0;
+ left : 0;
+ right : 0;
+ background : #e1e1e1;
+ transform : scaleX(1);
+ transform-origin : 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
+ color : white;
+ }
+ .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
+ transform : scaleX(0);
+ }
+ .hvr-shutter-out-horizontal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #e1e1e1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-shutter-out-horizontal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ bottom : 0;
+ left : 0;
+ right : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
+ color : white;
+ }
+ .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
+ transform : scaleX(1);
+ }
+ .hvr-shutter-in-vertical {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #2098d1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-shutter-in-vertical:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ bottom : 0;
+ left : 0;
+ right : 0;
+ background : #e1e1e1;
+ transform : scaleY(1);
+ transform-origin : 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
+ color : white;
+ }
+ .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
+ transform : scaleY(0);
+ }
+ .hvr-shutter-out-vertical {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #e1e1e1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-shutter-out-vertical:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ bottom : 0;
+ left : 0;
+ right : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
+ color : white;
+ }
+ .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
+ transform : scaleY(1);
+ }
+ .hvr-border-fade {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ box-shadow : 0 0 0 4px #e1e1e1 inset, 0 0 1px transparent;
+ }
+ .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
+ box-shadow : 0 0 0 4px #2098d1 inset, 0 0 1px transparent;
+ }
+ .hvr-hollow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : background;
+ box-shadow : 0 0 0 4px #e1e1e1 inset, 0 0 1px transparent;
+ }
+ .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
+ background : none;
+ }
+ .hvr-trim {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-trim:before {
+ content : '';
+ position : absolute;
+ border : white solid 4px;
+ top : 4px;
+ left : 4px;
+ right : 4px;
+ bottom : 4px;
+ opacity : 0;
+ transition-duration : 0.3s;
+ transition-property : opacity;
+ }
+ .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
+ opacity : 1;
+ }
+ @keyframes hvr-ripple-out {
+ 100% {
+ top : -12px;
+ right : -12px;
+ bottom : -12px;
+ left : -12px;
+ opacity : 0;
+ }
+ }
+ .hvr-ripple-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-ripple-out:before {
+ content : '';
+ position : absolute;
+ border : #e1e1e1 solid 6px;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ animation-duration : 1s;
+ }
+ .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
+ animation-name : hvr-ripple-out;
+ }
+ @keyframes hvr-ripple-in {
+ 100% {
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ opacity : 1;
+ }
+ }
+ .hvr-ripple-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-ripple-in:before {
+ content : '';
+ position : absolute;
+ border : #e1e1e1 solid 4px;
+ top : -12px;
+ right : -12px;
+ bottom : -12px;
+ left : -12px;
+ opacity : 0;
+ animation-duration : 1s;
+ }
+ .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
+ animation-name : hvr-ripple-in;
+ }
+ .hvr-outline-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-outline-out:before {
+ content : '';
+ position : absolute;
+ border : #e1e1e1 solid 4px;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ transition-duration : 0.3s;
+ transition-property : top, right, bottom, left;
+ }
+ .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
+ top : -8px;
+ right : -8px;
+ bottom : -8px;
+ left : -8px;
+ }
+ .hvr-outline-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-outline-in:before {
+ content : '';
+ position : absolute;
+ border : #e1e1e1 solid 4px;
+ top : -16px;
+ right : -16px;
+ bottom : -16px;
+ left : -16px;
+ opacity : 0;
+ transition-duration : 0.3s;
+ transition-property : top, right, bottom, left;
+ }
+ .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
+ top : -8px;
+ right : -8px;
+ bottom : -8px;
+ left : -8px;
+ opacity : 1;
+ }
+ .hvr-round-corners {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : border-radius;
+ }
+ .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
+ border-radius : 1em;
+ }
+ .hvr-underline-from-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-underline-from-left:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 100%;
+ bottom : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : right;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
+ right : 0;
+ }
+ .hvr-underline-from-center {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-underline-from-center:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 50%;
+ right : 50%;
+ bottom : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : left, right;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
+ left : 0;
+ right : 0;
+ }
+ .hvr-underline-from-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-underline-from-right:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 100%;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : left;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
+ left : 0;
+ }
+ .hvr-overline-from-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-overline-from-left:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 100%;
+ top : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : right;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
+ right : 0;
+ }
+ .hvr-overline-from-center {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-overline-from-center:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 50%;
+ right : 50%;
+ top : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : left, right;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
+ left : 0;
+ right : 0;
+ }
+ .hvr-overline-from-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-overline-from-right:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 100%;
+ right : 0;
+ top : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : left;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
+ left : 0;
+ }
+ .hvr-reveal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-reveal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 0;
+ top : 0;
+ bottom : 0;
+ border-color : #2098d1;
+ border-style : solid;
+ border-width : 0;
+ transition-property : border-width;
+ transition-duration : 0.1s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
+ transform : translateY(0);
+ border-width : 4px;
+ }
+ .hvr-underline-reveal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-underline-reveal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ height : 4px;
+ transform : translateY(4px);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
+ transform : translateY(0);
+ }
+ .hvr-overline-reveal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-overline-reveal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 0;
+ top : 0;
+ background : #2098d1;
+ height : 4px;
+ transform : translateY(-4px);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
+ transform : translateY(0);
+ }
+ .hvr-glow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ }
+ .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
+ box-shadow : 0 0 8px rgba(0, 0, 0, 0.6);
+ }
+ .hvr-shadow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ }
+ .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
+ box-shadow : 0 10px 10px -10px rgba(0, 0, 0, 0.5);
+ }
+ .hvr-grow-shadow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow, transform;
+ }
+ .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
+ box-shadow : 0 10px 10px -10px rgba(0, 0, 0, 0.5);
+ transform : scale(1.1);
+ }
+ .hvr-box-shadow-outset {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ }
+ .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
+ box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6);
+ }
+ .hvr-box-shadow-inset {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ box-shadow : 0 0 0 rgba(0, 0, 0, 0.6) inset, 0 0 1px transparent;
+ }
+ .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
+ box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6) inset, 0 0 1px transparent;
+ }
+ .hvr-float-shadow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-float-shadow:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ top : 100%;
+ left : 5%;
+ height : 10px;
+ width : 90%;
+ opacity : 0;
+ background : radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
+ transition-duration : 0.3s;
+ transition-property : transform, opacity;
+ }
+ .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
+ transform : translateY(-5px);
+ }
+ .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
+ opacity : 1;
+ transform : translateY(5px);
+ }
+ .hvr-shadow-radial {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-shadow-radial:before, .hvr-shadow-radial:after {
+ position : absolute;
+ content : '';
+ left : 0;
+ width : 100%;
+ box-sizing : border-box;
+ background-repeat : no-repeat;
+ height : 5px;
+ opacity : 0;
+ transition-duration : 0.3s;
+ transition-property : opacity;
+ }
+ .hvr-shadow-radial:before {
+ bottom : 100%;
+ background : radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
+ }
+ .hvr-shadow-radial:after {
+ top : 100%;
+ background : radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
+ }
+ .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
+ opacity : 1;
+ }
+ .hvr-bubble-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-bubble-top:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ border-style : solid;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ left : calc(50% - 10px);
+ top : 0;
+ border-width : 0 10px 10px 10px;
+ border-color : transparent transparent #e1e1e1 transparent;
+ }
+ .hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
+ transform : translateY(-10px);
+ }
+ .hvr-bubble-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-bubble-right:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ border-style : solid;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ top : calc(50% - 10px);
+ right : 0;
+ border-width : 10px 0 10px 10px;
+ border-color : transparent transparent transparent #e1e1e1;
+ }
+ .hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
+ transform : translateX(10px);
+ }
+ .hvr-bubble-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-bubble-bottom:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ border-style : solid;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ left : calc(50% - 10px);
+ bottom : 0;
+ border-width : 10px 10px 0 10px;
+ border-color : #e1e1e1 transparent transparent transparent;
+ }
+ .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
+ transform : translateY(10px);
+ }
+ .hvr-bubble-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-bubble-left:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ border-style : solid;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ top : calc(50% - 10px);
+ left : 0;
+ border-width : 10px 10px 10px 0;
+ border-color : transparent #e1e1e1 transparent transparent;
+ }
+ .hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
+ transform : translateX(-10px);
+ }
+ .hvr-bubble-float-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-top:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ left : calc(50% - 10px);
+ top : 0;
+ border-style : solid;
+ border-width : 0 10px 10px 10px;
+ border-color : transparent transparent #e1e1e1 transparent;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
+ transform : translateY(10px);
+ }
+ .hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
+ transform : translateY(-10px);
+ }
+ .hvr-bubble-float-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-right:before {
+ position : absolute;
+ z-index : -1;
+ top : calc(50% - 10px);
+ right : 0;
+ content : '';
+ border-style : solid;
+ border-width : 10px 0 10px 10px;
+ border-color : transparent transparent transparent #e1e1e1;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
+ transform : translateX(-10px);
+ }
+ .hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
+ transform : translateX(10px);
+ }
+ .hvr-bubble-float-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-bottom:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ left : calc(50% - 10px);
+ bottom : 0;
+ border-style : solid;
+ border-width : 10px 10px 0 10px;
+ border-color : #e1e1e1 transparent transparent transparent;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
+ transform : translateY(-10px);
+ }
+ .hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
+ transform : translateY(10px);
+ }
+ .hvr-bubble-float-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-left:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ top : calc(50% - 10px);
+ left : 0;
+ border-style : solid;
+ border-width : 10px 10px 10px 0;
+ border-color : transparent #e1e1e1 transparent transparent;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
+ transform : translateX(10px);
+ }
+ .hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
+ transform : translateX(-10px);
+ }
+ .hvr-icon-back {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-left : 2.2em;
+ transition-duration : 0.1s;
+ }
+ .hvr-icon-back:before {
+ content : "\f137";
+ position : absolute;
+ left : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.1s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
+ transform : translateX(-4px);
+ }
+ .hvr-icon-forward {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.1s;
+ }
+ .hvr-icon-forward:before {
+ content : "\f138";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.1s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
+ transform : translateX(4px);
+ }
+ @keyframes hvr-icon-down {
+ 0%, 50%, 100% {
+ transform : translateY(0);
+ }
+ 25%, 75% {
+ transform : translateY(6px);
+ }
+ }
+ .hvr-icon-down {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-down:before {
+ content : "\f01a";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {
+ animation-name : hvr-icon-down;
+ animation-duration : 0.75s;
+ animation-timing-function : ease-out;
+ }
+ @keyframes hvr-icon-up {
+ 0%, 50%, 100% {
+ transform : translateY(0);
+ }
+ 25%, 75% {
+ transform : translateY(-6px);
+ }
+ }
+ .hvr-icon-up {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-up:before {
+ content : "\f01b";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before {
+ animation-name : hvr-icon-up;
+ animation-duration : 0.75s;
+ animation-timing-function : ease-out;
+ }
+ .hvr-icon-spin {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-spin:before {
+ content : "\f021";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transition-duration : 1s;
+ transition-property : transform;
+ transition-timing-function : ease-in-out;
+ }
+ .hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {
+ transform : rotate(360deg);
+ }
+ @keyframes hvr-icon-drop {
+ 0% {
+ opacity : 0;
+ }
+ 50% {
+ opacity : 0;
+ transform : translateY(-100%);
+ }
+ 51%, 100% {
+ opacity : 1;
+ }
+ }
+ .hvr-icon-drop {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-drop:before {
+ content : "\f041";
+ position : absolute;
+ right : 1em;
+ opacity : 1;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
+ opacity : 0;
+ transition-duration : 0.3s;
+ animation-name : hvr-icon-drop;
+ animation-duration : 0.5s;
+ animation-delay : 0.3s;
+ animation-fill-mode : forwards;
+ animation-timing-function : ease-in-out;
+ animation-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-icon-fade {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-fade:before {
+ content : "\f00c";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.5s;
+ transition-property : color;
+ }
+ .hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {
+ color : #0F9E5E;
+ }
+ @keyframes hvr-icon-float-away {
+ 0% {
+ opacity : 1;
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(-1em);
+ }
+ }
+ .hvr-icon-float-away {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-float-away:before, .hvr-icon-float-away:after {
+ content : "\f055";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ }
+ .hvr-icon-float-away:after {
+ opacity : 0;
+ animation-duration : 0.5s;
+ animation-fill-mode : forwards;
+ }
+ .hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after {
+ animation-name : hvr-icon-float-away;
+ animation-timing-function : ease-out;
+ }
+ @keyframes hvr-icon-sink-away {
+ 0% {
+ opacity : 1;
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(1em);
+ }
+ }
+ .hvr-icon-sink-away {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
+ content : "\f056";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-sink-away:after {
+ opacity : 0;
+ animation-duration : 0.5s;
+ animation-fill-mode : forwards;
+ }
+ .hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {
+ animation-name : hvr-icon-sink-away;
+ animation-timing-function : ease-out;
+ }
+ .hvr-icon-grow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-grow:before {
+ content : "\f118";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before {
+ transform : scale(1.3) translateZ(0);
+ }
+ .hvr-icon-shrink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-shrink:before {
+ content : "\f119";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before {
+ transform : scale(0.8);
+ }
+ @keyframes hvr-icon-pulse {
+ 25% {
+ transform : scale(1.3);
+ }
+ 75% {
+ transform : scale(0.8);
+ }
+ }
+ .hvr-icon-pulse {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-pulse:before {
+ content : "\f015";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before {
+ animation-name : hvr-icon-pulse;
+ animation-duration : 1s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ }
+ @keyframes hvr-icon-pulse-grow {
+ to {
+ transform : scale(1.3);
+ }
+ }
+ .hvr-icon-pulse-grow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-pulse-grow:before {
+ content : "\f015";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {
+ animation-name : hvr-icon-pulse-grow;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ animation-direction : alternate;
+ }
+ @keyframes hvr-icon-pulse-shrink {
+ to {
+ transform : scale(0.8);
+ }
+ }
+ .hvr-icon-pulse-shrink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-pulse-shrink:before {
+ content : "\f015";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before {
+ animation-name : hvr-icon-pulse-shrink;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ animation-direction : alternate;
+ }
+ @keyframes hvr-icon-push {
+ 50% {
+ transform : scale(0.5);
+ }
+ }
+ .hvr-icon-push {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-push:before {
+ content : "\f006";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before {
+ animation-name : hvr-icon-push;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-icon-pop {
+ 50% {
+ transform : scale(1.5);
+ }
+ }
+ .hvr-icon-pop {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-pop:before {
+ content : "\f005";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before {
+ animation-name : hvr-icon-pop;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ .hvr-icon-bounce {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-bounce:before {
+ content : "\f087";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
+ transform : scale(1.5);
+ transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36);
+ }
+ .hvr-icon-rotate {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-rotate:before {
+ content : "\f0c6";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
+ transform : rotate(20deg);
+ }
+ .hvr-icon-grow-rotate {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-grow-rotate:before {
+ content : "\f095";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before {
+ transform : scale(1.5) rotate(12deg);
+ }
+ .hvr-icon-float {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-float:before {
+ content : "\f01b";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {
+ transform : translateY(-4px);
+ }
+ .hvr-icon-sink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-sink:before {
+ content : "\f01a";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before {
+ transform : translateY(4px);
+ }
+ @keyframes hvr-icon-bob {
+ 0% {
+ transform : translateY(-6px);
+ }
+ 50% {
+ transform : translateY(-2px);
+ }
+ 100% {
+ transform : translateY(-6px);
+ }
+ }
+ @keyframes hvr-icon-bob-float {
+ 100% {
+ transform : translateY(-6px);
+ }
+ }
+ .hvr-icon-bob {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-bob:before {
+ content : "\f077";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
+ animation-name : hvr-icon-bob-float, hvr-icon-bob;
+ animation-duration : 0.3s, 1.5s;
+ animation-delay : 0s, 0.3s;
+ animation-timing-function : ease-out, ease-in-out;
+ animation-iteration-count : 1, infinite;
+ animation-fill-mode : forwards;
+ animation-direction : normal, alternate;
+ }
+ @keyframes hvr-icon-hang {
+ 0% {
+ transform : translateY(6px);
+ }
+ 50% {
+ transform : translateY(2px);
+ }
+ 100% {
+ transform : translateY(6px);
+ }
+ }
+ @keyframes hvr-icon-hang-sink {
+ 100% {
+ transform : translateY(6px);
+ }
+ }
+ .hvr-icon-hang {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-hang:before {
+ content : "\f078";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {
+ animation-name : hvr-icon-hang-sink, hvr-icon-hang;
+ animation-duration : 0.3s, 1.5s;
+ animation-delay : 0s, 0.3s;
+ animation-timing-function : ease-out, ease-in-out;
+ animation-iteration-count : 1, infinite;
+ animation-fill-mode : forwards;
+ animation-direction : normal, alternate;
+ }
+ @keyframes hvr-icon-wobble-horizontal {
+ 16.65% {
+ transform : translateX(6px);
+ }
+ 33.3% {
+ transform : translateX(-5px);
+ }
+ 49.95% {
+ transform : translateX(4px);
+ }
+ 66.6% {
+ transform : translateX(-2px);
+ }
+ 83.25% {
+ transform : translateX(1px);
+ }
+ 100% {
+ transform : translateX(0);
+ }
+ }
+ .hvr-icon-wobble-horizontal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-wobble-horizontal:before {
+ content : "\f061";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
+ animation-name : hvr-icon-wobble-horizontal;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-icon-wobble-vertical {
+ 16.65% {
+ transform : translateY(6px);
+ }
+ 33.3% {
+ transform : translateY(-5px);
+ }
+ 49.95% {
+ transform : translateY(4px);
+ }
+ 66.6% {
+ transform : translateY(-2px);
+ }
+ 83.25% {
+ transform : translateY(1px);
+ }
+ 100% {
+ transform : translateY(0);
+ }
+ }
+ .hvr-icon-wobble-vertical {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-wobble-vertical:before {
+ content : "\f062";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before {
+ animation-name : hvr-icon-wobble-vertical;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-icon-buzz {
+ 50% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 100% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ }
+ .hvr-icon-buzz {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-buzz:before {
+ content : "\f017";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before {
+ animation-name : hvr-icon-buzz;
+ animation-duration : 0.15s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ }
+ @keyframes hvr-icon-buzz-out {
+ 10% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 20% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ 30% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 40% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ 50% {
+ transform : translateX(2px) rotate(1deg);
+ }
+ 60% {
+ transform : translateX(-2px) rotate(-1deg);
+ }
+ 70% {
+ transform : translateX(2px) rotate(1deg);
+ }
+ 80% {
+ transform : translateX(-2px) rotate(-1deg);
+ }
+ 90% {
+ transform : translateX(1px) rotate(0);
+ }
+ 100% {
+ transform : translateX(-1px) rotate(0);
+ }
+ }
+ .hvr-icon-buzz-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-buzz-out:before {
+ content : "\f023";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before {
+ animation-name : hvr-icon-buzz-out;
+ animation-duration : 0.75s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ .hvr-curl-top-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-curl-top-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-curl-top-right:before {
+ position : absolute;
+ content : '';
+ height : 0;
+ width : 0;
+ top : 0;
+ right : 0;
+ background : white;
+ background : linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
+ box-shadow : -1px 1px 1px rgba(0, 0, 0, 0.4);
+ transition-duration : 0.3s;
+ transition-property : width, height;
+ }
+ .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
+ width : 25px;
+ height : 25px;
+ }
+ .hvr-curl-bottom-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-curl-bottom-right:before {
+ position : absolute;
+ content : '';
+ height : 0;
+ width : 0;
+ bottom : 0;
+ right : 0;
+ background : white;
+ background : linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
+ box-shadow : -1px -1px 1px rgba(0, 0, 0, 0.4);
+ transition-duration : 0.3s;
+ transition-property : width, height;
+ }
+ .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
+ width : 25px;
+ height : 25px;
+ }
+ .hvr-curl-bottom-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-curl-bottom-left:before {
+ position : absolute;
+ content : '';
+ height : 0;
+ width : 0;
+ bottom : 0;
+ left : 0;
+ background : white;
+ background : linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
+ box-shadow : 1px -1px 1px rgba(0, 0, 0, 0.4);
+ transition-duration : 0.3s;
+ transition-property : width, height;
+ }
+ .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
+ width : 25px;
+ height : 25px;
+ }
+ .swiper-container {
+ margin : 0 auto;
+ position : relative;
+ overflow : hidden;
+ z-index : 1;
+ }
+ .swiper-container-no-flexbox .swiper-slide {
+ float : left;
+ }
+ .swiper-container-vertical > .swiper-wrapper {
+ flex-direction : column;
+ }
+ .swiper-wrapper {
+ position : relative;
+ width : 100%;
+ height : 100%;
+ z-index : 1;
+ display : flex;
+ transition-property : transform;
+ box-sizing : content-box;
+ }
+ .swiper-container-android .swiper-slide, .swiper-wrapper {
+ transform : translate3d(0,0,0);
+ }
+ .swiper-container-multirow > .swiper-wrapper {
+ flex-wrap : wrap;
+ }
+ .swiper-container-free-mode > .swiper-wrapper {
+ transition-timing-function : ease-out;
+ margin : 0 auto;
+ }
+ .swiper-slide {
+ flex-shrink : 0;
+ width : 100%;
+ height : 100%;
+ position : relative;
+ }
+ .swiper-container .swiper-notification {
+ position : absolute;
+ left : 0;
+ top : 0;
+ opacity : 0;
+ z-index : -1000;
+ }
+ .swiper-button-prev, .swiper-button-next, .swiper-button-prev-clients, .swiper-button-next-clients, .swiper-button-prev-small-youtube, .swiper-button-next-small-youtube {
+ position : absolute;
+ top : 50%;
+ width : 27px;
+ height : 44px;
+ margin-top : -22px;
+ z-index : 10;
+ cursor : pointer;
+ background-size : 27px 44px;
+ background-position : center;
+ background-repeat : no-repeat;
+ }
+ .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
+ opacity : 0.3499999940395355224609375;
+ cursor : auto;
+ }
+ .swiper-button-prev, .swiper-button-prev-clients, .swiper-button-prev-small-youtube, .swiper-container-rtl .swiper-button-next {
+ background-image : url("../img/prev.png");
+ left : 30px;
+ right : auto;
+ }
+ .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
+ }
+ .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
+ }
+ .swiper-button-next, .swiper-button-next-clients, .swiper-button-next-small-youtube, .swiper-container-rtl .swiper-button-prev {
+ background-image : url("../img/next.png");
+ right : 30px;
+ left : auto;
+ }
+ .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
+ }
+ .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
+ }
+ .swiper-pagination {
+ position : absolute;
+ text-align : center;
+ transition : 300ms;
+ transform : translate3d(0,0,0);
+ z-index : 10;
+ }
+ .swiper-pagination.swiper-pagination-hidden {
+ opacity : 0;
+ }
+ .swiper-pagination-bullet {
+ width : 8px;
+ height : 8px;
+ display : inline-block;
+ border-radius : 100%;
+ background : #000;
+ opacity : 0.20000000298023223876953125;
+ }
+ button.swiper-pagination-bullet {
+ border : none;
+ margin : 0;
+ padding : 0;
+ box-shadow : none;
+ }
+ .swiper-pagination-clickable .swiper-pagination-bullet {
+ cursor : pointer;
+ }
+ .swiper-pagination-white .swiper-pagination-bullet {
+ background : #fff;
+ }
+ .swiper-pagination-bullet-active {
+ opacity : 1;
+ background : #007aff;
+ }
+ .swiper-pagination-white .swiper-pagination-bullet-active {
+ background : #fff;
+ }
+ .swiper-pagination-black .swiper-pagination-bullet-active {
+ background : #000;
+ }
+ .swiper-container-vertical > .swiper-pagination {
+ right : 10px;
+ top : 50%;
+ transform : translate3d(0,-50%,0);
+ }
+ .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
+ margin : 5px 0;
+ display : block;
+ }
+ .swiper-container-horizontal > .swiper-pagination {
+ bottom : 10px;
+ left : 0;
+ width : 100%;
+ }
+ .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
+ margin : 0 5px;
+ }
+ .swiper-container-3d {
+ perspective : 1200px;
+ }
+ .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
+ transform-style : preserve-3d;
+ }
+ .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
+ position : absolute;
+ left : 0;
+ top : 0;
+ width : 100%;
+ height : 100%;
+ z-index : 10;
+ }
+ .swiper-container-3d .swiper-slide-shadow-left {
+ background-image : linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
+ }
+ .swiper-container-3d .swiper-slide-shadow-right {
+ background-image : linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
+ }
+ .swiper-container-3d .swiper-slide-shadow-top {
+ background-image : linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
+ }
+ .swiper-container-3d .swiper-slide-shadow-bottom {
+ background-image : linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
+ }
+ .swiper-container-fade.swiper-container-free-mode .swiper-slide {
+ transition-timing-function : ease-out;
+ }
+ .swiper-container-cube {
+ overflow : visible;
+ }
+ .swiper-container-cube .swiper-slide {
+ visibility : hidden;
+ transform-origin : 0 0;
+ backface-visibility : hidden;
+ width : 100%;
+ height : 100%;
+ z-index : 1;
+ }
+ .swiper-container-cube.swiper-container-rtl .swiper-slide {
+ transform-origin : 100% 0;
+ }
+ .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
+ visibility : visible;
+ }
+ .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right {
+ z-index : 0;
+ backface-visibility : hidden;
+ }
+ .swiper-container-cube .swiper-cube-shadow {
+ position : absolute;
+ left : 0;
+ bottom : 0;
+ width : 100%;
+ height : 100%;
+ background : #000;
+ opacity : 0.60000002384185791015625;
+ z-index : 0;
+ }
+ .swiper-scrollbar {
+ border-radius : 10px;
+ position : relative;
+ background : rgba(0, 0, 0, 0.1);
+ }
+ .swiper-container-horizontal > .swiper-scrollbar {
+ position : absolute;
+ left : 1%;
+ bottom : 3px;
+ z-index : 50;
+ height : 5px;
+ width : 98%;
+ }
+ .swiper-container-vertical > .swiper-scrollbar {
+ position : absolute;
+ right : 3px;
+ top : 1%;
+ z-index : 50;
+ width : 5px;
+ height : 98%;
+ }
+ .swiper-scrollbar-drag {
+ height : 100%;
+ width : 100%;
+ position : relative;
+ background : rgba(0, 0, 0, 0.5);
+ border-radius : 10px;
+ left : 0;
+ top : 0;
+ }
+ .swiper-scrollbar-cursor-drag {
+ cursor : move;
+ }
+ .swiper-lazy-preloader {
+ width : 42px;
+ height : 42px;
+ position : absolute;
+ left : 50%;
+ top : 50%;
+ margin-left : -21px;
+ margin-top : -21px;
+ z-index : 10;
+ transform-origin : 50%;
+ animation : swiper-preloader-spin 1s steps(12,end) infinite;
+ }
+ .swiper-lazy-preloader:after {
+ display : block;
+ content : "";
+ width : 100%;
+ height : 100%;
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+ background-position : 50%;
+ background-size : 100%;
+ background-repeat : no-repeat;
+ }
+ .swiper-lazy-preloader-white:after {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+ }
+ @keyframes swiper-preloader-spin {
+ 100% {
+ transform : rotate(360deg);
+ }
+ }
+ .mfp-bg {
+ top : 0;
+ left : 0;
+ width : 100%;
+ height : 100%;
+ z-index : 99999;
+ overflow : hidden;
+ position : fixed;
+ background : #0b0b0b;
+ opacity : 0.800000011920928955078125;
+ }
+ .mfp-wrap {
+ top : 0;
+ left : 0;
+ width : 100%;
+ height : 100%;
+ z-index : 999999;
+ position : fixed;
+ outline : none !important ;
+ }
+ .mfp-container {
+ text-align : center;
+ position : absolute;
+ width : 100%;
+ height : 100%;
+ left : 0;
+ top : 0;
+ padding : 0 8px;
+ box-sizing : border-box;
+ }
+ .mfp-container:before {
+ content : '';
+ display : inline-block;
+ height : 100%;
+ vertical-align : middle;
+ }
+ .mfp-align-top .mfp-container:before {
+ display : none;
+ }
+ .mfp-content {
+ position : relative;
+ display : inline-block;
+ vertical-align : middle;
+ margin : 0 auto;
+ text-align : left;
+ z-index : 9999999;
+ }
+ .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
+ width : 100%;
+ cursor : auto;
+ }
+ .mfp-ajax-cur {
+ cursor : progress;
+ }
+ .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
+ cursor : zoom-out;
+ }
+ .mfp-zoom {
+ cursor : pointer;
+ cursor : zoom-in;
+ }
+ .mfp-auto-cursor .mfp-content {
+ cursor : auto;
+ }
+ .mfp-loading.mfp-figure {
+ display : none;
+ }
+ .mfp-hide {
+ display : none !important ;
+ }
+ .mfp-preloader {
+ color : #CCC;
+ position : absolute;
+ top : 50%;
+ width : auto;
+ text-align : center;
+ margin-top : -0.8em;
+ left : 8px;
+ right : 8px;
+ z-index : 999999;
+ }
+ .mfp-preloader a {
+ color : #CCC;
+ }
+ .mfp-preloader a:hover {
+ color : #FFF;
+ }
+ .mfp-s-ready .mfp-preloader {
+ display : none;
+ }
+ .mfp-s-error .mfp-content {
+ display : none;
+ }
+ button.mfp-close, button.mfp-arrow {
+ overflow : visible;
+ cursor : pointer;
+ background : transparent;
+ border : 0;
+ display : block;
+ outline : none;
+ padding : 0;
+ z-index : 99999999;
+ box-shadow : none;
+ }
+ button::-moz-focus-inner {
+ padding : 0;
+ border : 0;
+ }
+ .mfp-close {
+ width : 44px;
+ height : 44px;
+ line-height : 44px;
+ position : absolute;
+ right : 0;
+ top : 0;
+ text-decoration : none;
+ text-align : center;
+ opacity : 0.64999997615814208984375;
+ padding : 0 0 18px 10px;
+ color : #FFF;
+ font-style : normal;
+ font-size : 28px;
+ font-family : Arial, Baskerville, monospace;
+ }
+ .mfp-close:hover, .mfp-close:focus {
+ opacity : 1;
+ }
+ .mfp-close:active {
+ top : 1px;
+ }
+ .mfp-close-btn-in .mfp-close {
+ color : #333;
+ }
+ .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
+ color : #FFF;
+ right : -6px;
+ text-align : right;
+ padding-right : 6px;
+ width : 100%;
+ }
+ .mfp-counter {
+ position : absolute;
+ top : 0;
+ right : 0;
+ color : #CCC;
+ font-size : 12px;
+ line-height : 18px;
+ white-space : nowrap;
+ }
+ .mfp-arrow {
+ position : absolute;
+ opacity : 0.64999997615814208984375;
+ margin : 0;
+ top : 50%;
+ margin-top : -55px;
+ padding : 0;
+ width : 90px;
+ height : 110px;
+ }
+ .mfp-arrow:active {
+ margin-top : -54px;
+ }
+ .mfp-arrow:hover, .mfp-arrow:focus {
+ opacity : 1;
+ }
+ .mfp-arrow:before, .mfp-arrow:after {
+ content : '';
+ display : block;
+ width : 0;
+ height : 0;
+ position : absolute;
+ left : 0;
+ top : 0;
+ margin-top : 35px;
+ margin-left : 35px;
+ border : transparent inset medium;
+ }
+ .mfp-arrow:after {
+ border-top-width : 13px;
+ border-bottom-width : 13px;
+ top : 8px;
+ }
+ .mfp-arrow:before {
+ border-top-width : 21px;
+ border-bottom-width : 21px;
+ opacity : 0.699999988079071044921875;
+ }
+ .mfp-arrow-left {
+ left : 0;
+ }
+ .mfp-arrow-left:after {
+ border-right : 17px solid #FFF;
+ margin-left : 31px;
+ }
+ .mfp-arrow-left:before {
+ margin-left : 25px;
+ border-right : 27px solid #3F3F3F;
+ }
+ .mfp-arrow-right {
+ right : 0;
+ }
+ .mfp-arrow-right:after {
+ border-left : 17px solid #FFF;
+ margin-left : 39px;
+ }
+ .mfp-arrow-right:before {
+ border-left : 27px solid #3F3F3F;
+ }
+ .mfp-iframe-holder {
+ padding-top : 40px;
+ padding-bottom : 40px;
+ }
+ .mfp-iframe-holder .mfp-content {
+ line-height : 0;
+ width : 100%;
+ max-width : 900px;
+ }
+ .mfp-iframe-holder .mfp-close {
+ top : -40px;
+ }
+ .mfp-iframe-scaler {
+ width : 100%;
+ height : 0;
+ overflow : hidden;
+ padding-top : 56.25%;
+ }
+ .mfp-iframe-scaler iframe {
+ position : absolute;
+ display : block;
+ top : 0;
+ left : 0;
+ width : 100%;
+ height : 100%;
+ box-shadow : 0 0 8px rgba(0, 0, 0, 0.6);
+ background : #000;
+ }
+ img.mfp-img {
+ width : auto;
+ max-width : 100%;
+ height : auto;
+ display : block;
+ line-height : 0;
+ box-sizing : border-box;
+ padding : 40px 0 40px;
+ margin : 0 auto;
+ }
+ .mfp-figure {
+ line-height : 0;
+ }
+ .mfp-figure:after {
+ content : '';
+ position : absolute;
+ left : 0;
+ top : 40px;
+ bottom : 40px;
+ display : block;
+ right : 0;
+ width : auto;
+ height : auto;
+ z-index : -1;
+ box-shadow : 0 0 8px rgba(0, 0, 0, 0.6);
+ background : #444;
+ }
+ .mfp-figure small {
+ color : #BDBDBD;
+ display : block;
+ font-size : 12px;
+ line-height : 14px;
+ }
+ .mfp-figure figure {
+ margin : 0;
+ }
+ .mfp-bottom-bar {
+ margin-top : -36px;
+ position : absolute;
+ top : 100%;
+ left : 0;
+ width : 100%;
+ cursor : auto;
+ }
+ .mfp-title {
+ text-align : left;
+ line-height : 18px;
+ color : #F3F3F3;
+ overflow-wrap : break-word;
+ padding-right : 36px;
+ }
+ .mfp-image-holder .mfp-content {
+ max-width : 100%;
+ }
+ .mfp-gallery .mfp-image-holder .mfp-figure {
+ cursor : pointer;
+ }
+ @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
+ .mfp-img-mobile .mfp-image-holder {
+ padding-left : 0;
+ padding-right : 0;
+ }
+ .mfp-img-mobile img.mfp-img {
+ padding : 0;
+ }
+ .mfp-img-mobile .mfp-figure:after {
+ top : 0;
+ bottom : 0;
+ }
+ .mfp-img-mobile .mfp-figure small {
+ display : inline;
+ margin-left : 5px;
+ }
+ .mfp-img-mobile .mfp-bottom-bar {
+ background : rgba(0, 0, 0, 0.6);
+ bottom : 0;
+ margin : 0;
+ top : auto;
+ padding : 3px 5px;
+ position : fixed;
+ box-sizing : border-box;
+ }
+ .mfp-img-mobile .mfp-bottom-bar:empty {
+ padding : 0;
+ }
+ .mfp-img-mobile .mfp-counter {
+ right : 5px;
+ top : 3px;
+ }
+ .mfp-img-mobile .mfp-close {
+ top : 0;
+ right : 0;
+ width : 35px;
+ height : 35px;
+ line-height : 35px;
+ background : rgba(0, 0, 0, 0.6);
+ position : fixed;
+ text-align : center;
+ padding : 0;
+ }
+ }
+ @media all and (max-width:900px) {
+ .mfp-arrow {
+ transform : scale(0.75);
+ }
+ .mfp-arrow-left {
+ transform-origin : 0;
+ }
+ .mfp-arrow-right {
+ transform-origin : 100%;
+ }
+ .mfp-container {
+ padding-left : 6px;
+ padding-right : 6px;
+ }
+ }
+ .animated {
+ animation-duration : 1s;
+ animation-fill-mode : both;
+ }
+ .slow {
+ animation-duration : 1.5s;
+ animation-fill-mode : both;
+ }
+ .slower {
+ animation-duration : 2s;
+ animation-fill-mode : both;
+ }
+ .slowest {
+ animation-duration : 3s;
+ animation-fill-mode : both;
+ }
+ .delay-250 {
+ animation-delay : 0.25s;
+ }
+ .delay-500 {
+ animation-delay : 0.5s;
+ }
+ .delay-750 {
+ animation-delay : 0.75s;
+ }
+ .delay-1000 {
+ animation-delay : 1.0s;
+ }
+ .delay-1250 {
+ animation-delay : 1.25s;
+ }
+ .delay-1500 {
+ animation-delay : 1.5s;
+ }
+ .delay-1750 {
+ animation-delay : 1.75s;
+ }
+ .delay-2000 {
+ animation-delay : 2.0s;
+ }
+ .delay-2500 {
+ animation-delay : 2.5s;
+ }
+ .delay-2000 {
+ animation-delay : 2.0s;
+ }
+ .delay-2500 {
+ animation-delay : 2.5s;
+ }
+ .delay-3000 {
+ animation-delay : 3.0s;
+ }
+ .delay-3500 {
+ animation-delay : 3.5s;
+ }
+ .bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ .fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ .flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn {
+ opacity : 0;
+ }
+ .lightSpeedInRight, .lightSpeedInLeft {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ @keyframes bounceIn {
+ 0% {
+ opacity : 0;
+ transform : scale(0.3);
+ }
+ 50% {
+ opacity : 1;
+ transform : scale(1.05);
+ }
+ 70% {
+ transform : scale(0.9);
+ }
+ 100% {
+ transform : scale(1);
+ }
+ }
+ .bounceIn.go {
+ animation-name : bounceIn;
+ }
+ @keyframes bounceInRight {
+ 0% {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ 60% {
+ transform : translateX(-30px);
+ }
+ 80% {
+ transform : translateX(10px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .bounceInRight.go {
+ animation-name : bounceInRight;
+ }
+ @keyframes bounceInLeft {
+ 0% {
+ opacity : 0;
+ transform : translateX(-400px);
+ }
+ 60% {
+ transform : translateX(30px);
+ }
+ 80% {
+ transform : translateX(-10px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .bounceInLeft.go {
+ animation-name : bounceInLeft;
+ }
+ @keyframes bounceInUp {
+ 0% {
+ opacity : 0;
+ transform : translateY(400px);
+ }
+ 60% {
+ transform : translateY(-30px);
+ }
+ 80% {
+ transform : translateY(10px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .bounceInUp.go {
+ animation-name : bounceInUp;
+ }
+ @keyframes bounceInDown {
+ 0% {
+ opacity : 0;
+ transform : translateY(-400px);
+ }
+ 60% {
+ transform : translateY(30px);
+ }
+ 80% {
+ transform : translateY(-10px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .bounceInDown.go {
+ animation-name : bounceInDown;
+ }
+ @keyframes fadeIn {
+ 0% {
+ opacity : 0;
+ }
+ 100% {
+ opacity : 1;
+ display : block;
+ }
+ }
+ .fadeIn {
+ opacity : 0;
+ }
+ .fadeIn.go {
+ animation-name : fadeIn;
+ }
+ @keyframes growIn {
+ 0% {
+ transform : scale(0.2);
+ opacity : 0;
+ }
+ 50% {
+ transform : scale(1.2);
+ }
+ 100% {
+ transform : scale(1);
+ opacity : 1;
+ }
+ }
+ .growIn {
+ transform : scale(0.2);
+ opacity : 0;
+ }
+ .growIn.go {
+ animation-name : growIn;
+ }
+ @keyframes shake {
+ 0%, 100% {
+ transform : translateX(0);
+ }
+ 10%, 30%, 50%, 70%, 90% {
+ transform : translateX(-10px);
+ }
+ 20%, 40%, 60%, 80% {
+ transform : translateX(10px);
+ }
+ }
+ .shake.go {
+ animation-name : shake;
+ }
+ @keyframes shakeUp {
+ 0%, 100% {
+ transform : translateY(0);
+ }
+ 10%, 30%, 50%, 70%, 90% {
+ transform : translateY(-10px);
+ }
+ 20%, 40%, 60%, 80% {
+ transform : translateY(10px);
+ }
+ }
+ .shakeUp.go {
+ animation-name : shakeUp;
+ }
+ @keyframes fadeInLeft {
+ 0% {
+ opacity : 0;
+ transform : translateX(-400px);
+ }
+ 50% {
+ opacity : 0.300000011920928955078125;
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .fadeInLeft {
+ opacity : 0;
+ transform : translateX(-400px);
+ }
+ .fadeInLeft.go {
+ animation-name : fadeInLeft;
+ }
+ @keyframes fadeInRight {
+ 0% {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ 50% {
+ opacity : 0.300000011920928955078125;
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .fadeInRight {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ .fadeInRight.go {
+ animation-name : fadeInRight;
+ }
+ @keyframes fadeInUp {
+ 0% {
+ opacity : 0;
+ transform : translateY(400px);
+ }
+ 50% {
+ opacity : 0.300000011920928955078125;
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .fadeInUp {
+ opacity : 0;
+ transform : translateY(400px);
+ }
+ .fadeInUp.go {
+ animation-name : fadeInUp;
+ }
+ @keyframes fadeInDown {
+ 0% {
+ opacity : 0;
+ transform : translateY(-400px);
+ }
+ 50% {
+ opacity : 0.300000011920928955078125;
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .fadeInDown {
+ opacity : 0;
+ transform : translateY(-400px);
+ }
+ .fadeInDown.go {
+ animation-name : fadeInDown;
+ }
+ @keyframes rotateIn {
+ 0% {
+ transform-origin : center center;
+ transform : rotate(-200deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : center center;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateIn.go {
+ animation-name : rotateIn;
+ }
+ @keyframes rotateInUpLeft {
+ 0% {
+ transform-origin : left bottom;
+ transform : rotate(90deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : left bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateInUpLeft.go {
+ animation-name : rotateInUpLeft;
+ }
+ @keyframes rotateInDownLeft {
+ 0% {
+ transform-origin : left bottom;
+ transform : rotate(-90deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : left bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateInDownLeft.go {
+ animation-name : rotateInDownLeft;
+ }
+ @keyframes rotateInUpRight {
+ 0% {
+ transform-origin : right bottom;
+ transform : rotate(-90deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : right bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateInUpRight.go {
+ animation-name : rotateInUpRight;
+ }
+ @keyframes rotateInDownRight {
+ 0% {
+ transform-origin : right bottom;
+ transform : rotate(90deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : right bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateInDownRight.go {
+ animation-name : rotateInDownRight;
+ }
+ @keyframes rollIn {
+ 0% {
+ opacity : 0;
+ transform : translateX(-100%) rotate(-120deg);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0) rotate(0deg);
+ }
+ }
+ .rollIn.go {
+ animation-name : rollIn;
+ }
+ @keyframes wiggle {
+ 0% {
+ transform : skewX(9deg);
+ }
+ 10% {
+ transform : skewX(-8deg);
+ }
+ 20% {
+ transform : skewX(7deg);
+ }
+ 30% {
+ transform : skewX(-6deg);
+ }
+ 40% {
+ transform : skewX(5deg);
+ }
+ 50% {
+ transform : skewX(-4deg);
+ }
+ 60% {
+ transform : skewX(3deg);
+ }
+ 70% {
+ transform : skewX(-2deg);
+ }
+ 80% {
+ transform : skewX(1deg);
+ }
+ 90% {
+ transform : skewX(0deg);
+ }
+ 100% {
+ transform : skewX(0deg);
+ }
+ }
+ .wiggle.go {
+ animation-name : wiggle;
+ animation-timing-function : ease-in;
+ }
+ @keyframes swing {
+ 20% {
+ transform : rotate(15deg);
+ }
+ 40% {
+ transform : rotate(-10deg);
+ }
+ 60% {
+ transform : rotate(5deg);
+ }
+ 80% {
+ transform : rotate(-5deg);
+ }
+ 100% {
+ transform : rotate(0deg);
+ }
+ }
+ .swing.go {
+ transform-origin : top center;
+ animation-name : swing;
+ }
+ @keyframes tada {
+ 0% {
+ transform : scale(1);
+ }
+ 10%, 20% {
+ transform : scale(0.9) rotate(-3deg);
+ }
+ 30%, 50%, 70%, 90% {
+ transform : scale(1.1) rotate(3deg);
+ }
+ 40%, 60%, 80% {
+ transform : scale(1.1) rotate(-3deg);
+ }
+ 100% {
+ transform : scale(1) rotate(0);
+ }
+ }
+ .tada.go {
+ animation-name : tada;
+ }
+ @keyframes wobble {
+ 0% {
+ transform : translateX(0%);
+ }
+ 15% {
+ transform : translateX(-25%) rotate(-5deg);
+ }
+ 30% {
+ transform : translateX(20%) rotate(3deg);
+ }
+ 45% {
+ transform : translateX(-15%) rotate(-3deg);
+ }
+ 60% {
+ transform : translateX(10%) rotate(2deg);
+ }
+ 75% {
+ transform : translateX(-5%) rotate(-1deg);
+ }
+ 100% {
+ transform : translateX(0%);
+ }
+ }
+ .wobble.go {
+ animation-name : wobble;
+ }
+ @keyframes pulse {
+ 0% {
+ transform : scale(1);
+ }
+ 50% {
+ transform : scale(1.1);
+ }
+ 100% {
+ transform : scale(1);
+ }
+ }
+ .pulse.go {
+ animation-name : pulse;
+ }
+ @keyframes lightSpeedInRight {
+ 0% {
+ transform : translateX(100%) skewX(-30deg);
+ opacity : 0;
+ }
+ 60% {
+ transform : translateX(-20%) skewX(30deg);
+ opacity : 1;
+ }
+ 80% {
+ transform : translateX(0%) skewX(-15deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : translateX(0%) skewX(0deg);
+ opacity : 1;
+ }
+ }
+ .lightSpeedInRight.go {
+ animation-name : lightSpeedInRight;
+ animation-timing-function : ease-out;
+ }
+ @keyframes lightSpeedInLeft {
+ 0% {
+ transform : translateX(-100%) skewX(30deg);
+ opacity : 0;
+ }
+ 60% {
+ transform : translateX(20%) skewX(-30deg);
+ opacity : 1;
+ }
+ 80% {
+ transform : translateX(0%) skewX(15deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : translateX(0%) skewX(0deg);
+ opacity : 1;
+ }
+ }
+ .lightSpeedInLeft.go {
+ animation-name : lightSpeedInLeft;
+ animation-timing-function : ease-out;
+ }
+ @keyframes flip {
+ 0% {
+ transform : perspective(400px) rotateY(0);
+ animation-timing-function : ease-out;
+ }
+ 40% {
+ transform : perspective(400px) translateZ(150px) rotateY(170deg);
+ animation-timing-function : ease-out;
+ }
+ 50% {
+ transform : perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
+ animation-timing-function : ease-in;
+ }
+ 80% {
+ transform : perspective(400px) rotateY(360deg) scale(0.95);
+ animation-timing-function : ease-in;
+ }
+ 100% {
+ transform : perspective(400px) scale(1);
+ animation-timing-function : ease-in;
+ }
+ }
+ .flip.go {
+ backface-visibility : visible !important ;
+ animation-name : flip;
+ }
+ @keyframes flipInX {
+ 0% {
+ transform : perspective(400px) rotateX(90deg);
+ opacity : 0;
+ }
+ 40% {
+ transform : perspective(400px) rotateX(-10deg);
+ }
+ 70% {
+ transform : perspective(400px) rotateX(10deg);
+ }
+ 100% {
+ transform : perspective(400px) rotateX(0deg);
+ opacity : 1;
+ }
+ }
+ .flipInX.go {
+ backface-visibility : visible !important ;
+ animation-name : flipInX;
+ }
+ @keyframes flipInY {
+ 0% {
+ transform : perspective(400px) rotateY(90deg);
+ opacity : 0;
+ }
+ 40% {
+ transform : perspective(400px) rotateY(-10deg);
+ }
+ 70% {
+ transform : perspective(400px) rotateY(10deg);
+ }
+ 100% {
+ transform : perspective(400px) rotateY(0deg);
+ opacity : 1;
+ }
+ }
+ .flipInY.go {
+ backface-visibility : visible !important ;
+ animation-name : flipInY;
+ }
+ @keyframes bounceOut {
+ 0% {
+ transform : scale(1);
+ }
+ 25% {
+ transform : scale(0.95);
+ }
+ 50% {
+ opacity : 1;
+ transform : scale(1.1);
+ }
+ 100% {
+ opacity : 0;
+ transform : scale(0.3);
+ }
+ }
+ .bounceOut.goAway {
+ animation-name : bounceOut;
+ }
+ @keyframes bounceOutUp {
+ 0% {
+ transform : translateY(0);
+ }
+ 20% {
+ opacity : 1;
+ transform : translateY(20px);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(-2000px);
+ }
+ }
+ .bounceOutUp.goAway {
+ animation-name : bounceOutUp;
+ }
+ @keyframes bounceOutDown {
+ 0% {
+ transform : translateY(0);
+ }
+ 20% {
+ opacity : 1;
+ transform : translateY(-20px);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(2000px);
+ }
+ }
+ .bounceOutDown.goAway {
+ animation-name : bounceOutDown;
+ }
+ @keyframes bounceOutLeft {
+ 0% {
+ transform : translateX(0);
+ }
+ 20% {
+ opacity : 1;
+ transform : translateX(20px);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(-2000px);
+ }
+ }
+ .bounceOutLeft.goAway {
+ animation-name : bounceOutLeft;
+ }
+ @keyframes bounceOutRight {
+ 0% {
+ transform : translateX(0);
+ }
+ 20% {
+ opacity : 1;
+ transform : translateX(-20px);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(2000px);
+ }
+ }
+ .bounceOutRight.goAway {
+ animation-name : bounceOutRight;
+ }
+ @keyframes fadeOut {
+ 0% {
+ opacity : 1;
+ }
+ 100% {
+ opacity : 0;
+ }
+ }
+ .fadeOut.goAway {
+ animation-name : fadeOut;
+ }
+ @keyframes fadeOutUp {
+ 0% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(-2000px);
+ }
+ }
+ .fadeOutUp.goAway {
+ animation-name : fadeOutUp;
+ }
+ @keyframes fadeOutDown {
+ 0% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(2000px);
+ }
+ }
+ .fadeOutDown.goAway {
+ animation-name : fadeOutDown;
+ }
+ @keyframes fadeOutLeft {
+ 0% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(-2000px);
+ }
+ }
+ .fadeOutLeft.goAway {
+ animation-name : fadeOutLeft;
+ }
+ @keyframes fadeOutRight {
+ 0% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(2000px);
+ }
+ }
+ .fadeOutRight.goAway {
+ animation-name : fadeOutRight;
+ }
+ @keyframes flipOutX {
+ 0% {
+ transform : perspective(400px) rotateX(0deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : perspective(400px) rotateX(90deg);
+ opacity : 0;
+ }
+ }
+ .flipOutX.goAway {
+ animation-name : flipOutX;
+ backface-visibility : visible !important ;
+ }
+ @keyframes flipOutY {
+ 0% {
+ transform : perspective(400px) rotateY(0deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : perspective(400px) rotateY(90deg);
+ opacity : 0;
+ }
+ }
+ .flipOutY {
+ backface-visibility : visible !important ;
+ animation-name : flipOutY;
+ }
+ @keyframes lightSpeedOutRight {
+ 0% {
+ transform : translateX(0%) skewX(0deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : translateX(100%) skewX(-30deg);
+ opacity : 0;
+ }
+ }
+ .lightSpeedOutRight.goAway {
+ animation-name : lightSpeedOutRight;
+ animation-timing-function : ease-in;
+ }
+ @keyframes lightSpeedOutLeft {
+ 0% {
+ transform : translateX(0%) skewX(0deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : translateX(-100%) skewX(30deg);
+ opacity : 0;
+ }
+ }
+ .lightSpeedOutLeft.goAway {
+ animation-name : lightSpeedOutLeft;
+ animation-timing-function : ease-in;
+ }
+ @keyframes rotateOut {
+ 0% {
+ transform-origin : center center;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ 100% {
+ transform-origin : center center;
+ transform : rotate(200deg);
+ opacity : 0;
+ }
+ }
+ .rotateOut.goAway {
+ animation-name : rotateOut;
+ }
+ @keyframes rotateOutUpLeft {
+ 0% {
+ transform-origin : left bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ 100% {
+ opacity : 0;
+ }
+ }
+ .rotateOutUpLeft.goAway {
+ animation-name : rotateOutUpLeft;
+ }
+ @keyframes rotateOutDownLeft {
+ 0% {
+ transform-origin : left bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ 100% {
+ transform-origin : left bottom;
+ transform : rotate(90deg);
+ opacity : 0;
+ }
+ }
+ .rotateOutDownLeft.goAway {
+ animation-name : rotateOutDownLeft;
+ }
+ @keyframes rotateOutUpRight {
+ 0% {
+ transform-origin : right bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ 100% {
+ transform-origin : right bottom;
+ transform : rotate(90deg);
+ opacity : 0;
+ }
+ }
+ .rotateOutUpRight.goAway {
+ animation-name : rotateOutUpRight;
+ }
+ @keyframes rollOut {
+ 0% {
+ opacity : 1;
+ transform : translateX(0) rotate(0deg);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(100%) rotate(120deg);
+ }
+ }
+ .rollOut.goAway {
+ animation-name : rollOut;
+ }
+ @keyframes fadeInUpShort {
+ 0% {
+ opacity : 0;
+ transform : translateY(20px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .fadeInUpShort {
+ opacity : 0;
+ transform : translateY(20px);
+ }
+ .fadeInUpShort.go {
+ animation-name : fadeInUpShort;
+ }
+ @keyframes fadeInDownShort {
+ 0% {
+ opacity : 0;
+ transform : translateY(-20px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .fadeInDownShort {
+ opacity : 0;
+ transform : translateY(-20px);
+ }
+ .fadeInDownShort.go {
+ animation-name : fadeInDownShort;
+ }
+ @keyframes fadeInRightShort {
+ 0% {
+ opacity : 0;
+ transform : translateX(20px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .fadeInRightShort {
+ opacity : 0;
+ transform : translateX(20px);
+ }
+ .fadeInRightShort.go {
+ animation-name : fadeInRightShort;
+ }
+ @keyframes fadeInLeftShort {
+ 0% {
+ opacity : 0;
+ transform : translateX(-20px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .fadeInLeftShort {
+ opacity : 0;
+ transform : translateX(-20px);
+ }
+ .fadeInLeftShort.go {
+ animation-name : fadeInLeftShort;
+ }
+ .logo-slider {
+ margin-bottom : 50px;
+ }
+ .logo-slider p {
+ margin : 0 0 40px 0;
+ }
+ @media screen and (max-width:420px) {
+ .logo-slider p {
+ margin : 0 0 25px 0;
+ }
+ .logo-slider .swiper-slide {
+ text-align : center;
+ }
+ }
+ .clients {
+ background : url(../dummy/clients.jpg);
+ padding : 40px 0;
+ margin-bottom : 50px;
+ background-size : cover !important ;
+ }
+ .clients .inner.small, .clients .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .clients .tx-felogin-pi1-inner {
+ padding : 0 60px;
+ }
+ .clients h2, .clients .ce-table table caption, .ce-table table .clients caption {
+ margin-bottom : 50px;
+ color : #fff;
+ }
+ .clients p {
+ color : #fff;
+ text-align : center;
+ }
+ .clients p strong {
+ display : block;
+ margin-bottom : 3px;
+ }
+ .clients p + p {
+ margin-top : 20px;
+ }
+ @media screen and (max-width:600px) {
+ .clients .inner.small, .clients .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .clients .tx-felogin-pi1-inner {
+ padding : 0 40px;
+ }
+ .clients .swiper-button-next-clients {
+ right : 10px;
+ height : 26px;
+ width : 15px;
+ margin-top : -13px;
+ background-size : 15px 26px;
+ }
+ .clients .swiper-button-prev-clients {
+ left : 10px;
+ height : 26px;
+ width : 15px;
+ margin-top : -13px;
+ background-size : 15px 26px;
+ }
+ }
+ .unterseiten-banner {
+ text-align : center;
+ padding : 50px 0 50px 0;
+ background : url(../dummy/banner.jpg) no-repeat #767679;
+ background-position : center !important ;
+ margin-bottom : 50px;
+ min-height : 200px;
+ background-repeat : no-repeat !important ;
+ background-size : cover !important ;
+ }
+ .unterseiten-banner + .breadcrumbContainer {
+ margin-top : -50px;
+ margin-bottom : 50px;
+ }
+ .unterseiten-banner p {
+ color : #fff;
+ }
+ .unterseiten-banner a {
+ margin-top : 20px;
+ }
+ .unterseiten-banner.arrow {
+ position : relative;
+ }
+ .unterseiten-banner.arrow:after, .unterseiten-banner.arrow:before {
+ top : 0;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .unterseiten-banner.arrow:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .unterseiten-banner.arrow:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .unterseiten-banner.arrowGrey {
+ position : relative;
+ }
+ .unterseiten-banner.arrowGrey:after, .unterseiten-banner.arrowGrey:before {
+ top : 0;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .unterseiten-banner.arrowGrey:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #333;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .unterseiten-banner.arrowGrey:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #333;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .ce-twoCol-Box {
+ padding : 0;
+ margin-bottom : 50px;
+ }
+ .ce-twoCol-Box.addPadding {
+ padding : 40px 0;
+ }
+ .ce-twoCol-Box .texttop {
+ margin-bottom : 40px;
+ }
+ .ce-twoCol-Box .texttop h1, .ce-twoCol-Box .texttop h2, .ce-twoCol-Box .texttop .ce-table table caption, .ce-table table .ce-twoCol-Box .texttop caption, .ce-twoCol-Box .texttop h3, .ce-twoCol-Box .texttop h4 {
+ margin-bottom : 0;
+ }
+ .ce-twoCol-Box .boxen .arrowlink:hover:after, .ce-twoCol-Box .boxen .thirdSection .right a:hover:after, .thirdSection .right .ce-twoCol-Box .boxen a:hover:after {
+ display : inline-block;
+ text-decoration : none !important ;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div {
+ float : left;
+ width : calc(100% / 2);
+ padding-right : 95px;
+ position : relative;
+ text-align : right;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div .headlineH2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #report fieldset legend:after, .tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .headlineH2Center:after, .ce-twoCol-Box .boxen.withFontAwesome > div .service-formular fieldset .powermail_legend:after, .service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome > div .powermail_legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .latest-news-container h2:after, .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .latest-news-container .ce-table table caption:after, .latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .latest-news-container caption:after, .ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout h1:after, .mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome > div h1:after {
+ margin : 10px 0 0 auto;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div .smallHeadlineWithUnderline:after {
+ margin : 5px 0 0 auto;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div > i {
+ position : absolute;
+ top : 0;
+ right : 15px;
+ padding : 10px;
+ padding-top : 18px;
+ background : #c6c6c6;
+ border-radius : 50px;
+ height : 60px;
+ width : 60px;
+ text-align : center;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div > i:before {
+ vertical-align : middle;
+ font-size : 24px;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) > i {
+ right : auto;
+ left : 15px;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .smallHeadlineWithUnderline:after {
+ margin : 5px auto 0 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p i {
+ padding-left : 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p + ul {
+ margin-top : 15px;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p.align-left {
+ text-align : left;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p.align-right {
+ text-align : right;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p.align-center {
+ text-align : center;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div a {
+ color : #0067b1;
+ text-decoration : none;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div a:hover {
+ text-decoration : underline;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(n 3) {
+ margin-top : 45px;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) {
+ padding-right : 0;
+ padding-left : 95px;
+ text-align : left;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .headlineH2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #report fieldset legend:after, .tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .headlineH2Center:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .service-formular fieldset .powermail_legend:after, .service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .powermail_legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .latest-news-container h2:after, .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .latest-news-container .ce-table table caption:after, .latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .latest-news-container caption:after, .ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout h1:after, .mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h1:after {
+ margin : 10px auto 0 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) span {
+ right : auto;
+ left : 15px;
+ }
+ @media screen and (max-width:800px) {
+ .ce-twoCol-Box .boxen.withFontAwesome > div {
+ float : none;
+ width : 100%;
+ margin-right : 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div + div {
+ margin-top : 40px !important ;
+ }
+ }
+ @media screen and (max-width:600px) {
+ .ce-twoCol-Box .boxen.withFontAwesome > div {
+ padding-left : 0;
+ padding-right : 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) {
+ padding-left : 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) > i.fa {
+ display : none;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div > i.fa {
+ display : none;
+ }
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div {
+ float : left;
+ width : calc((100% - 25px) / 2);
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div + div {
+ margin-left : 25px;
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(2n 3) {
+ margin-left : 0;
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(n 3) {
+ margin-top : 50px;
+ }
+ @media screen and (max-width:767px) {
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div {
+ float : none;
+ width : 100%;
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(n 3) {
+ margin-top : 25px;
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div + div {
+ margin-top : 25px;
+ margin-left : 0 !important ;
+ }
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div {
+ float : left;
+ width : 48%;
+ position : relative;
+ padding-left : 120px;
+ min-height : 80px;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa {
+ position : absolute;
+ top : 0;
+ right : 80%;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa:before {
+ vertical-align : middle;
+ font-size : 80px;
+ color : #0067b1;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n 3) {
+ margin-top : 40px;
+ }
+ @media screen and (max-width:800px) {
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div {
+ float : none;
+ width : 100%;
+ padding-left : 0;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n 2) {
+ margin-top : 40px;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa {
+ position : relative;
+ top : auto;
+ left : auto;
+ float : left;
+ margin-right : 15px;
+ display : none;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa:before {
+ font-size : 50px;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(2n) > i.fa {
+ left : auto;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div + div {
+ margin-top : 30px;
+ }
+ }
+ .text-slide {
+ margin-bottom : 50px;
+ }
+ .text-slide .openImgSubHeadline {
+ font-size : 15px;
+ line-height : normal;
+ color : #333;
+ text-decoration : none;
+ font-weight : 400;
+ margin : 0 0 5px 0;
+ }
+ .text-slide .left {
+ float : left;
+ width : 40.77%;
+ width : calc((100% - 25px) / 2);
+ }
+ .text-slide .left h3 {
+ font-family : "Open Sans", sans-serif;
+ font-weight : 700;
+ color : #333;
+ margin : 0 0 20px 0;
+ }
+ .text-slide .left p {
+ color : #333;
+ }
+ .text-slide .right {
+ float : left;
+ width : 50%;
+ width : calc((100% - 25px) / 2);
+ margin-left : 9.22%;
+ margin-left : 25px;
+ }
+ .text-slide .right .openImage {
+ position : relative;
+ display : block;
+ }
+ .text-slide .right .openImage i {
+ font-size : 1.5rem;
+ color : #fff;
+ position : absolute;
+ left : 0;
+ right : 0;
+ z-index : 20;
+ top : 50%;
+ margin-top : -12px;
+ text-align : center;
+ color : #333;
+ }
+ .text-slide .right .openImage i:before, .text-slide .right .openImage i:after {
+ color : #333;
+ }
+ .text-slide .right .openImage:after {
+ content : "";
+ position : absolute;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ z-index : 10;
+ background : rgba(255, 255, 255, 0.5);
+ border : rgba(0, 0, 0, 0.2) solid 1px;
+ }
+ .text-slide .right .singleImage {
+ display : block;
+ max-height : 250px;
+ overflow : hidden;
+ }
+ .text-slide .right .singleImage img {
+ display : block;
+ }
+ @media screen and (max-width:768px) {
+ .text-slide .left {
+ width : 100%;
+ float : none;
+ }
+ .text-slide .right {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ margin-top : 25px;
+ }
+ }
+ .ce-Image-Text-Element {
+ margin-bottom : 50px;
+ }
+ .ce-Image-Text-Element .einspaltig .bigText {
+ font-size : 18px;
+ line-height : normal;
+ }
+ .ce-Image-Text-Element .einspaltig + figure {
+ margin-top : 25px;
+ }
+ .ce-Image-Text-Element figure {
+ margin : 0;
+ }
+ .ce-Image-Text-Element figure figcaption {
+ font-size : 12px;
+ display : block;
+ margin : 0;
+ padding : 0;
+ line-height : normal;
+ text-align : right;
+ color : #333;
+ }
+ .ce-Image-Text-Element figure img {
+ display : block;
+ margin : 0 auto;
+ }
+ .ce-Image-Text-Element figure + .einspaltig {
+ margin-top : 25px;
+ }
+ .toggleContainer {
+ margin-bottom : 50px !important ;
+ }
+ @media screen and (max-width:1100px) {
+ .toggleContainer {
+ padding : 50px 25px 40px 25px !important ;
+ }
+ }
+ .toggleContainer h2, .toggleContainer .ce-table table caption, .ce-table table .toggleContainer caption {
+ margin : 0 0 30px 0;
+ }
+ .toggleContainer h3 {
+ padding : 0 20px;
+ background : #ececec;
+ line-height : 55px;
+ margin : 0 0 10px 0;
+ font-weight : 700;
+ outline : none;
+ cursor : pointer;
+ }
+ .toggleContainer h3 i {
+ color : #6c6c6c;
+ }
+ .toggleContainer h3 i + strong {
+ margin-left : 25px;
+ }
+ .toggleContainer h3 i + p {
+ margin-left : 5px;
+ }
+ .toggleContainer h3 strong {
+ font-family : "Quicksand", sans-serif;
+ font-weight : 700;
+ font-size : 24px;
+ line-height : normal;
+ display : inline-block;
+ margin-right : 10px;
+ vertical-align : middle;
+ }
+ .toggleContainer h3 p {
+ display : inline-block;
+ margin : 0;
+ font-family : "Quicksand", sans-serif;
+ color : #333;
+ }
+ .toggleContainer h3 span {
+ float : right;
+ display : inline-block;
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ font-family : "Quicksand", sans-serif;
+ line-height : 55px;
+ }
+ .toggleContainer .ui-accordion-content {
+ padding-bottom : 20px;
+ }
+ @media screen and (max-width:600px) {
+ .toggleContainer h3 strong {
+ font-size : 16px;
+ line-height : normal;
+ }
+ .toggleContainer h3 span {
+ font-size : 14px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .toggleContainer h3 span {
+ float : none;
+ width : 100%;
+ line-height : 16px;
+ display : block;
+ padding-bottom : 15px;
+ padding-left : 44px;
+ margin-top : -10px;
+ }
+ }
+ .ce-threeBoxesWithOption {
+ margin-bottom : 50px;
+ }
+ .ce-threeBoxesWithOption.addPadding {
+ padding : 50px 0 50px 0;
+ }
+ .ce-threeBoxesWithOption p {
+ color : #fff;
+ }
+ .ce-threeBoxesWithOption .inner > div {
+ margin-top : 40px;
+ }
+ .ce-threeBoxesWithOption .inner div article {
+ float : left;
+ width : calc(100% / 3);
+ text-align : center;
+ padding : 0 20px;
+ }
+ .ce-threeBoxesWithOption .inner div article i.big {
+ padding : 25px;
+ background : #fff;
+ border-radius : 50px;
+ font-size : 2rem;
+ margin-bottom : 15px;
+ }
+ .ce-threeBoxesWithOption .inner div article i.small {
+ border-radius : 50px;
+ padding : 15px;
+ text-align : center;
+ vertical-align : middle;
+ color : #0067b1;
+ background : rgba(255, 255, 255, 0.7);
+ font-size : 0.9rem;
+ margin-bottom : 15px;
+ min-height : 42px;
+ min-width : 42px;
+ }
+ .ce-threeBoxesWithOption .inner div article p {
+ color : #fff;
+ text-align : center;
+ }
+ @media screen and (max-width:760px) {
+ .ce-threeBoxesWithOption .inner div article {
+ float : none;
+ width : 100%;
+ }
+ .ce-threeBoxesWithOption .inner div article + article {
+ margin-top : 20px;
+ }
+ .ce-threeBoxesWithOption + .ce-threeBoxesWithOption {
+ margin-top : 2px;
+ }
+ }
+ .fontAwesome-list {
+ margin-bottom : 50px;
+ }
+ .fontAwesome-list ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .fontAwesome-list ul li {
+ display : block;
+ color : #333;
+ position : relative;
+ padding-left : 30px;
+ }
+ .fontAwesome-list ul li i {
+ font-size : 22px;
+ border-radius : 50px;
+ padding : 0;
+ vertical-align : sub;
+ position : absolute;
+ left : 0;
+ top : 2px;
+ }
+ .fontAwesome-list ul li i.border {
+ border : #333 solid 1px;
+ text-align : center;
+ vertical-align : middle;
+ height : 30px;
+ width : 30px;
+ line-height : 30px;
+ font-size : 18px;
+ }
+ .fontAwesome-list ul li.border {
+ min-height : 30px;
+ padding-left : 40px;
+ }
+ .fontAwesome-list ul li.border span {
+ padding-top : 6px;
+ }
+ .fontAwesome-list ul li ul {
+ margin-top : 5px;
+ }
+ .fontAwesome-list ul li span {
+ margin : 0;
+ font-weight : 700;
+ display : inline-block;
+ vertical-align : middle;
+ }
+ .fontAwesome-list ul li + li {
+ margin-top : 10px;
+ }
+ .fontAwesome-list.twocol ul li {
+ position : relative;
+ float : left;
+ width : 48%;
+ padding-left : 30px;
+ }
+ .fontAwesome-list.twocol ul li.border {
+ padding-left : 40px;
+ }
+ .fontAwesome-list.twocol ul li + li {
+ margin-left : 4%;
+ margin-top : 0;
+ }
+ .fontAwesome-list.twocol ul li:nth-of-type(n 3) {
+ margin-top : 15px;
+ }
+ .fontAwesome-list.twocol ul li:nth-of-type(2n 3) {
+ margin-left : 0;
+ }
+ .fontAwesome-list.twocol ul li ul li {
+ float : none;
+ width : 100%;
+ }
+ .fontAwesome-list.twocol ul li ul li:nth-of-type(n 3) {
+ margin-top : 4px;
+ }
+ .fontAwesome-list.twocol ul li ul li + li {
+ margin-left : 0;
+ margin-top : 4px;
+ }
+ @media screen and (max-width:640px) {
+ .fontAwesome-list.twocol ul li {
+ width : 100%;
+ float : none;
+ }
+ .fontAwesome-list.twocol ul li + li {
+ margin-left : 0;
+ }
+ .fontAwesome-list.twocol ul li:nth-of-type(n 2) {
+ margin-top : 15px;
+ }
+ .fontAwesome-list.twocol ul li ul li:nth-of-type(n 2) {
+ margin-top : 0;
+ }
+ }
+ .tx-contentpackage-historieContainer {
+ margin-bottom : 50px;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner {
+ position : relative;
+ border-left : 3px solid #be1622;
+ padding : 44px 0 44px 22px;
+ }
+ @media screen and (max-width:1100px) {
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner {
+ padding : 50px 25px 25px 25px;
+ }
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear {
+ font-size : 32px;
+ line-height : normal;
+ background : #be1622;
+ color : #fff;
+ padding : 5px 10px;
+ width : auto;
+ display : inline-block;
+ margin-left : -118px;
+ }
+ @media screen and (max-width:1260px) {
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear {
+ margin : 0 0 15px -22px;
+ }
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent p {
+ color : #333;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent * {
+ color : #333;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span {
+ display : block;
+ position : relative;
+ background : url(../img/chevron-down.png) no-repeat;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:before, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:after {
+ top : 100%;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement + .tx-contentpackage-historieElement .inner {
+ padding-top : 50px;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement:last-of-type > span {
+ display : none;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground {
+ background : #be1622;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner {
+ border-left : 3px solid #fff;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-historieYear {
+ color : #be1622;
+ background : #fff;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent p, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent * {
+ color : #fff;
+ }
+ .ce-os-bee {
+ width : 1030px;
+ height : 820px;
+ margin-bottom : 50px;
+ position : relative;
+ }
+ .ce-os-bee .base {
+ width : 314px;
+ height : 314px;
+ border-radius : 250px;
+ margin : 0 auto;
+ display : block;
+ background : #c6c6c6;
+ padding : 30px;
+ position : relative;
+ margin-top : 261px;
+ line-height : 270px;
+ text-align : center;
+ }
+ .ce-os-bee .base img {
+ position : relative;
+ max-height : 100px;
+ width : auto;
+ vertical-align : middle;
+ }
+ .ce-os-bee .base span {
+ font-size : 24px;
+ color : #be1622;
+ font-weight : 700;
+ line-height : normal;
+ display : inline-block;
+ }
+ .ce-os-bee .child {
+ display : block;
+ width : 100%;
+ height : 100%;
+ vertical-align : middle;
+ text-align : center;
+ font-weight : 400;
+ font-size : 18px;
+ line-height : 156px;
+ color : #333;
+ text-decoration : none;
+ width : 156px;
+ height : 156px;
+ display : inline-block;
+ border-radius : 100px;
+ background : #c6c6c6;
+ position : relative;
+ line-height : 156px;
+ padding : 0 10px;
+ position : absolute;
+ top : 0;
+ left : 0;
+ transition : all 0.5s;
+ }
+ .ce-os-bee .child:hover {
+ background : #be1622;
+ color : #fff;
+ transition : all 0.5s;
+ transform : scale(1.2);
+ }
+ .ce-os-bee .child span {
+ display : inline-block;
+ line-height : 20px;
+ font-size : 18px;
+ top : 50%;
+ position : absolute;
+ left : 15px;
+ right : 15px;
+ }
+ .ce-os-bee .child:after {
+ content : "";
+ border : #fff solid 3px;
+ border-radius : 100px;
+ position : absolute;
+ top : 4px;
+ right : 4px;
+ bottom : 4px;
+ left : 4px;
+ width : 92%;
+ }
+ @media screen and (max-width:1000px) {
+ #sy_lines {
+ display : none !important ;
+ }
+ .ce-os-bee {
+ display : none;
+ }
+ }
+ .ce-table {
+ margin-bottom : 50px !important ;
+ }
+ .ce-table.alignleft table tr td {
+ text-align : left;
+ }
+ .ce-table.alignleft table tr td a {
+ padding-left : 10px;
+ }
+ .ce-table.alignleft table tr td:first-of-type {
+ width : auto;
+ }
+ .ce-table.alignleft table tr td:first-of-type + td {
+ width : auto;
+ }
+ .ce-table.alignleft table tr td:last-of-type {
+ padding-left : 10px;
+ }
+ .ce-table.alignleft table thead tr td:nth-of-type(2) {
+ padding-left : 10px;
+ }
+ .ce-table table {
+ width : 100%;
+ border-collapse : collapse;
+ border : none;
+ }
+ .ce-table table caption {
+ margin-bottom : 40px;
+ }
+ .ce-table table tr {
+ height : 40px;
+ }
+ .ce-table table tr td {
+ text-align : center;
+ font-size : 13px;
+ }
+ .ce-table table tr td a {
+ font-size : 13px;
+ text-decoration : none;
+ line-height : 40px;
+ display : block;
+ background : #0067b1;
+ color : #fff;
+ text-transform : uppercase;
+ font-weight : 400;
+ }
+ .ce-table table tr td:first-of-type {
+ width : 290px;
+ text-align : left;
+ padding-left : 10px;
+ }
+ .ce-table table tr td:first-of-type + td {
+ width : 155px;
+ font-weight : 700;
+ }
+ .ce-table table tr td:nth-of-type(4) {
+ width : 155px;
+ }
+ .ce-table table tr td:nth-of-type(2), .ce-table table tr td:nth-of-type(3), .ce-table table tr td:nth-of-type(4), .ce-table table tr td:nth-of-type(5), .ce-table table tr td:nth-of-type(6) {
+ border-left : 1px solid #cdcdcd;
+ font-weight : 700;
+ font-size : 13px;
+ width : 155px;
+ }
+ .ce-table table tr td:nth-of-type(6) {
+ border-right : 1px solid #cdcdcd;
+ }
+ .ce-table table tr th:nth-of-type(2), .ce-table table tr th:nth-of-type(3), .ce-table table tr th:nth-of-type(4), .ce-table table tr th:nth-of-type(5), .ce-table table tr th:nth-of-type(6) {
+ border-left : 1px solid #cdcdcd;
+ border-top : 1px solid #cdcdcd;
+ font-weight : 400;
+ font-size : 13px;
+ width : 155px;
+ }
+ .ce-table table tr th:nth-of-type(6) {
+ border-right : 1px solid #cdcdcd;
+ }
+ .ce-table table tbody tr:nth-of-type(odd) {
+ background : #ededed;
+ }
+ @media screen and (max-width:1100px) {
+ .ce-table.inner.small, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner {
+ padding : 40px 25px;
+ }
+ }
+ @media screen and (max-width:1000px) {
+ .ce-table.inner.small, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner {
+ width : 100%;
+ overflow : scroll;
+ }
+ .ce-table.inner.small table, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner table {
+ width : 1000px;
+ }
+ }
+ .service-formular {
+ background : #ededed;
+ padding : 40px 0;
+ }
+ .service-formular h3 {
+ display : none;
+ }
+ .service-formular .required {
+ float : right;
+ margin-top : -100px;
+ margin : -160px 0 0 0;
+ font-size : 12px;
+ }
+ @media screen and (max-width:960px) {
+ .service-formular .required {
+ float : none;
+ margin : 0;
+ }
+ }
+ .service-formular fieldset {
+ margin : 0;
+ padding : 0;
+ border : none;
+ }
+ .service-formular fieldset .powermail_legend {
+ margin-bottom : 20px;
+ width : 100%;
+ display : block;
+ }
+ .service-formular label {
+ display : none;
+ }
+ .service-formular input[type="text"], .service-formular input[type="password"], .service-formular input[type="email"], .service-formular input[type="date"], .service-formular select {
+ width : 100%;
+ height : 55px;
+ border : #bbb solid 1px;
+ padding : 10px;
+ color : #cdcdcd;
+ margin-top : 15px;
+ font-size : 18px;
+ color : #333;
+ }
+ .service-formular input[type="submit"] {
+ background : #0067b1;
+ font-size : 15px;
+ line-height : normal;
+ text-transform : uppercase;
+ color : #fff;
+ padding : 15px 60px;
+ margin-top : 30px;
+ border : none;
+ outline : none;
+ font-weight : 700;
+ cursor : pointer;
+ }
+ .service-formular textarea {
+ width : 100%;
+ resize : none;
+ height : 150px;
+ border : #bbb solid 1px;
+ color : #cdcdcd;
+ padding : 10px;
+ font-size : 18px;
+ color : #333;
+ }
+ .service-formular .powermail_fieldwrap_input {
+ float : left;
+ width : calc((100% - 30px) / 3);
+ }
+ .service-formular .powermail_fieldwrap_input + .powermail_fieldwrap_input {
+ margin-left : 15px;
+ }
+ .service-formular .powermail_fieldwrap_check legend {
+ float : left;
+ margin : 25px 15px 15px 0;
+ }
+ .service-formular .powermail_fieldwrap_check input {
+ width : 20px;
+ height : 20px;
+ margin : 1px 3px 0;
+ }
+ .service-formular .powermail_fieldwrap_34 legend, .service-formular .powermail_fieldwrap_45 legend {
+ display : none;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer, .service-formular .powermail_fieldwrap_45 .powermail_check_outer {
+ margin-left : 0;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer input, .service-formular .powermail_fieldwrap_45 .powermail_check_outer input {
+ float : left;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer label, .service-formular .powermail_fieldwrap_45 .powermail_check_outer label {
+ max-width : 80%;
+ float : left;
+ margin-left : 15px;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer label a, .service-formular .powermail_fieldwrap_45 .powermail_check_outer label a {
+ font-size : 12px;
+ line-height : normal;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner, .service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner {
+ margin-left : 0;
+ width : 100%;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner + .powermail_check_inner, .service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner + .powermail_check_inner {
+ margin-top : 20px;
+ }
+ .service-formular .powermail_check_outer label {
+ display : inline-block;
+ vertical-align : middle;
+ float : right;
+ }
+ .service-formular .parsley-required, .service-formular .parsley-custom-error-message {
+ font-size : 12px;
+ line-height : normal;
+ color : #be1622;
+ }
+ .service-formular .powermail_field_error_container_checkbox {
+ position : absolute;
+ }
+ .service-formular .powermail_check_outer {
+ margin : 25px 15px 15px 15px;
+ }
+ .service-formular .powermail_check_outer div {
+ float : left;
+ }
+ .service-formular .powermail_check_outer div + div {
+ margin-left : 15px;
+ }
+ @media screen and (max-width:760px) {
+ .service-formular .powermail_fieldwrap_input {
+ width : 100%;
+ float : none;
+ }
+ .service-formular .powermail_fieldwrap_input + .powermail_fieldwrap_input {
+ margin-left : 0;
+ }
+ .service-formular .powermail_check_outer div {
+ display : block;
+ width : 100%;
+ }
+ .service-formular .powermail_check_outer div.powermail_check_inner input, .service-formular .powermail_check_outer div.powermail_check_inner label {
+ float : left;
+ }
+ .service-formular .powermail_check_outer div + div {
+ margin-left : 0;
+ }
+ }
+ .textOverSendButton {
+ font-size : 12px;
+ margin-top : 25px;
+ margin-bottom : -10px;
+ }
+ .tsaccordion .accordion-header {
+ background : url(../img/akkordeon_zu.png) 20px 20px no-repeat #ececec;
+ font-size : 1.5rem;
+ line-height : 1.9rem;
+ font-weight : normal;
+ padding : 9px 0 9px 64px;
+ margin : 0 0 2px 0;
+ }
+ .tsaccordion .accordion-switcher {
+ cursor : pointer;
+ }
+ .tsaccordion .accordion-switcher-active {
+ background-image : url(../img/akkordeon_offen.png);
+ }
+ .tsaccordion .accordion-content {
+ display : none;
+ padding : 19px 10px 28px 10px;
+ font-size : 0.9rem;
+ line-height : 1.3rem;
+ }
+ .tsaccordion .accordion-content .accordion-left {
+ display : inline-block;
+ float : left;
+ }
+ @media screen and (min-width:769px) {
+ .tsaccordion .accordion-content .accordion-left {
+ max-width : 70%;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .tsaccordion .accordion-content .accordion-left {
+ float : none;
+ display : block;
+ }
+ .tsaccordion .accordion-content .accordion-left > br {
+ display : none;
+ }
+ }
+ .tsaccordion .accordion-content .accordion-left .accordion-name {
+ display : inline-block;
+ font-size : 1.5rem;
+ line-height : 1.9rem;
+ }
+ @media screen and (max-width:768px) {
+ .tsaccordion .accordion-content .accordion-left .accordion-name {
+ display : block;
+ }
+ }
+ .tsaccordion .accordion-content .accordion-left .accordion-thema {
+ display : inline-block;
+ font-size : 0.9rem;
+ line-height : 1.3rem;
+ }
+ @media screen and (max-width:768px) {
+ .tsaccordion .accordion-content .accordion-left .accordion-thema {
+ display : block;
+ }
+ }
+ .tsaccordion .accordion-content .accordion-logo {
+ display : inline-block;
+ float : right;
+ margin : 7px 0 0 0;
+ }
+ @media screen and (max-width:768px) {
+ .tsaccordion .accordion-content .accordion-logo {
+ float : none;
+ }
+ }
+ .tsaccordion .accordion-content .accordion-description {
+ margin : 20px 0 14px 0;
+ }
+ .tsaccordion .accordion-content .accordion-more {
+ color : #0067b1;
+ font-weight : bold;
+ text-decoration : none;
+ display : inline-block;
+ }
+ .tsaccordion .accordion-content .accordion-more img {
+ margin-left : 3px;
+ }
+ .ce-leftright > div {
+ padding : 200px 0;
+ }
+ .ce-leftright > div figure {
+ float : left;
+ max-width : 600px;
+ width : 45.28%;
+ margin : 0;
+ padding : 0;
+ margin-right : 5.28%;
+ padding-left : 3.77%;
+ position : relative;
+ }
+ .ce-leftright > div figure img {
+ display : block;
+ position : relative;
+ z-index : 50;
+ }
+ .ce-leftright > div figure img.small, .ce-leftright > div figure img.medium, .ce-leftright > div figure img.big {
+ position : absolute;
+ z-index : 10;
+ }
+ .ce-leftright > div figure img.small {
+ top : 20px;
+ left : 20px;
+ }
+ .ce-leftright > div figure img.medium {
+ top : 0;
+ right : 20px;
+ }
+ .ce-leftright > div figure img.big {
+ left : 25px;
+ bottom : 0;
+ }
+ .ce-leftright > div figure + div {
+ float : left;
+ max-width : 650px;
+ width : 49.05%;
+ }
+ .ce-leftright > div figure + div p {
+ margin : 0;
+ color : #fff;
+ }
+ .ce-leftright > div figure + div p + * {
+ margin-top : 20px;
+ }
+ .ce-leftright > div figure + div a.redbutton, .ce-leftright > div figure + div a.bluebutton, .ce-leftright > div figure + div .thirdSection .right a, .thirdSection .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div a.darkbluebutton, .ce-leftright > div figure + div a.greybutton, .ce-leftright > div figure + div .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright > div figure + div a.greybutton, .ce-leftright > div figure + div a.whitebutton, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton, .marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright > div figure + div a.redbutton, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) .ce-leftright > div figure + div a, .ce-leftright > div figure + div a.bluebutton, .ce-leftright > div figure + div .thirdSection .right a, .thirdSection .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a {
+ min-width : 0;
+ }
+ .ce-leftright > div figure + div ul ul li {
+ font-weight : 400;
+ padding-left : 0;
+ }
+ .ce-leftright > div figure + div ul ul li:before {
+ display : none;
+ }
+ .ce-leftright > div.right figure {
+ float : right;
+ margin-left : 70px;
+ padding-left : 0;
+ margin-right : 0;
+ padding-right : 50px;
+ }
+ @media screen and (max-width:1180px) {
+ .ce-leftright > div figure img.small, .ce-leftright > div figure img.medium, .ce-leftright > div figure img.big {
+ display : none;
+ }
+ }
+ @media screen and (max-width:1024px) {
+ .ce-leftright .inner {
+ padding : 0 25px;
+ }
+ .ce-leftright > div {
+ padding : 50px 0;
+ }
+ .ce-leftright > div figure {
+ float : none;
+ max-width : none;
+ width : 100%;
+ margin-right : 0;
+ padding-left : 0;
+ margin-bottom : 25px;
+ }
+ .ce-leftright > div figure img {
+ margin : 0 auto;
+ }
+ .ce-leftright > div figure + div {
+ float : none;
+ max-width : none;
+ width : 100%;
+ margin-top : 40px;
+ text-align : center;
+ }
+ }
+ .sliderContainer {
+ margin-bottom : 50px;
+ }
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding-top : 100px;
+ }
+ .sliderContainer .swiper-container {
+ height : 600px;
+ }
+ .sliderContainer .swiper-slide {
+ background-size : cover !important ;
+ background-position : center center !important ;
+ }
+ .sliderContainer .slider-overlay {
+ background : rgba(0, 0, 0, 0.3);
+ width : 100%;
+ height : 100%;
+ }
+ .sliderContainer p {
+ font-size : 24px;
+ line-height : 34px;
+ color : #fff;
+ margin : 0;
+ font-weight : 600;
+ text-align : center;
+ }
+ .sliderContainer p + p {
+ margin-top : 30px;
+ }
+ @media screen and (max-width:680px) {
+ .sliderContainer .headlineH1Center, .sliderContainer p.headlineH1Center, .sliderContainer p.headlineH1Center, .sliderContainer .sliderContainer p.headlineH1Center {
+ font-weight : 600 !important ;
+ }
+ }
+ @media screen and (max-width:1100px) {
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding : 100px 60px;
+ }
+ .sliderContainer p {
+ font-size : 22px;
+ line-height : 32px;
+ }
+ }
+ @media screen and (max-width:800px) {
+ .sliderContainer {
+ background-size : cover !important ;
+ }
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding : 60px 60px;
+ }
+ .sliderContainer .swiper-container {
+ height : 500px;
+ }
+ .sliderContainer p {
+ font-size : 20px;
+ line-height : 30px;
+ }
+ }
+ @media screen and (max-width:600px) {
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding : 60px 40px;
+ }
+ .sliderContainer p {
+ font-size : 18px;
+ line-height : 28px;
+ }
+ .sliderContainer a {
+ font-size : 15px;
+ line-height : normal;
+ }
+ .sliderContainer .swiper-button-next {
+ right : 10px;
+ height : 26px;
+ width : 15px;
+ margin-top : -13px;
+ background-size : 15px 26px;
+ }
+ .sliderContainer .swiper-button-prev {
+ left : 10px;
+ height : 26px;
+ width : 15px;
+ margin-top : -13px;
+ background-size : 15px 26px;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .sliderContainer .swiper-container {
+ height : 400px;
+ }
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding : 20px 35px;
+ }
+ .sliderContainer a {
+ font-size : 15px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:420px) {
+ .sliderContainer .swiper-container {
+ height : 450px;
+ }
+ }
+ .mapsContainer {
+ float : right;
+ width : calc((100% - 40px) / 2);
+ }
+ @media screen and (max-width:800px) {
+ .mapsContainer {
+ float : none;
+ width : 100%;
+ margin-top : 25px;
+ }
+ }
+ .mapsContainer iframe {
+ width : 100% !important ;
+ }
+ .contactMain {
+ margin-bottom : 50px !important ;
+ }
+ @media screen and (max-width:1100px) {
+ .contactMain {
+ padding-left : 25px;
+ padding-right : 25px;
+ }
+ }
+ .powermail_form_3, .powermail_form_4, .powermail_form_5, .powermail_form_6, .powermail_form_7 {
+ float : left;
+ width : calc((100% - 40px) / 2);
+ }
+ @media screen and (max-width:800px) {
+ .powermail_form_3, .powermail_form_4, .powermail_form_5, .powermail_form_6, .powermail_form_7 {
+ float : none;
+ width : 100%;
+ }
+ }
+ .powermail_form_3 fieldset, .powermail_form_4 fieldset, .powermail_form_5 fieldset, .powermail_form_6 fieldset, .powermail_form_7 fieldset {
+ margin : 0;
+ padding : 0;
+ border : none;
+ }
+ .powermail_form_3 fieldset legend, .powermail_form_4 fieldset legend, .powermail_form_5 fieldset legend, .powermail_form_6 fieldset legend, .powermail_form_7 fieldset legend {
+ display : none;
+ }
+ .powermail_form_3 fieldset > div + div, .powermail_form_4 fieldset > div + div, .powermail_form_5 fieldset > div + div, .powermail_form_6 fieldset > div + div, .powermail_form_7 fieldset > div + div {
+ margin-top : 15px;
+ }
+ .powermail_form_3 h3, .powermail_form_4 h3, .powermail_form_5 h3, .powermail_form_6 h3, .powermail_form_7 h3 {
+ display : none;
+ }
+ .powermail_form_3 div label, .powermail_form_4 div label, .powermail_form_5 div label, .powermail_form_6 div label, .powermail_form_7 div label {
+ float : none;
+ display : block;
+ width : 100%;
+ margin-bottom : 2px;
+ }
+ .powermail_form_3 div input, .powermail_form_4 div input, .powermail_form_5 div input, .powermail_form_6 div input, .powermail_form_7 div input {
+ display : block;
+ border : #c6c6c6 solid 1px;
+ height : 30px;
+ width : 400px;
+ width : 100%;
+ padding : 0 10px;
+ color : #333;
+ }
+ .powermail_form_3 div input[type="submit"], .powermail_form_4 div input[type="submit"], .powermail_form_5 div input[type="submit"], .powermail_form_6 div input[type="submit"], .powermail_form_7 div input[type="submit"] {
+ width : 100px;
+ cursor : pointer;
+ }
+ .powermail_form_3 div textarea, .powermail_form_4 div textarea, .powermail_form_5 div textarea, .powermail_form_6 div textarea, .powermail_form_7 div textarea {
+ display : block;
+ margin-top : 5px;
+ resize : none;
+ width : 400px;
+ width : 100%;
+ height : 150px;
+ border : #c6c6c6 solid 1px;
+ padding : 5px 10px;
+ color : #333;
+ }
+ .powermail_form_3 div .parsley-required, .powermail_form_3 div .parsley-custom-error-message, .powermail_form_4 div .parsley-required, .powermail_form_4 div .parsley-custom-error-message, .powermail_form_5 div .parsley-required, .powermail_form_5 div .parsley-custom-error-message, .powermail_form_6 div .parsley-required, .powermail_form_6 div .parsley-custom-error-message, .powermail_form_7 div .parsley-required, .powermail_form_7 div .parsley-custom-error-message {
+ font-size : 12px;
+ line-height : normal;
+ color : #be1622;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_textarea label, .powermail_form_4 div.powermail_fieldwrap_textarea label, .powermail_form_5 div.powermail_fieldwrap_textarea label, .powermail_form_6 div.powermail_fieldwrap_textarea label, .powermail_form_7 div.powermail_fieldwrap_textarea label {
+ width : auto;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check, .powermail_form_4 div.powermail_fieldwrap_check, .powermail_form_5 div.powermail_fieldwrap_check, .powermail_form_6 div.powermail_fieldwrap_check, .powermail_form_7 div.powermail_fieldwrap_check {
+ position : relative;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_4 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_5 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_6 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_7 div.powermail_fieldwrap_check .powermail_check_inner {
+ position : relative;
+ padding-left : 20px;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check label, .powermail_form_4 div.powermail_fieldwrap_check label, .powermail_form_5 div.powermail_fieldwrap_check label, .powermail_form_6 div.powermail_fieldwrap_check label, .powermail_form_7 div.powermail_fieldwrap_check label {
+ font-size : 12px;
+ line-height : normal;
+ max-width : 100%;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check label a, .powermail_form_4 div.powermail_fieldwrap_check label a, .powermail_form_5 div.powermail_fieldwrap_check label a, .powermail_form_6 div.powermail_fieldwrap_check label a, .powermail_form_7 div.powermail_fieldwrap_check label a {
+ font-size : 12px;
+ line-height : normal;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check input, .powermail_form_4 div.powermail_fieldwrap_check input, .powermail_form_5 div.powermail_fieldwrap_check input, .powermail_form_6 div.powermail_fieldwrap_check input, .powermail_form_7 div.powermail_fieldwrap_check input {
+ width : auto;
+ height : auto;
+ position : absolute;
+ left : 0;
+ top : 2px;
+ margin : 0;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_4 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_5 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_6 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_7 div.powermail_fieldwrap_check + .powermail_fieldwrap_check {
+ margin-top : 0;
+ }
+ .powermail_form_3 .textOverSendButton, .powermail_form_4 .textOverSendButton, .powermail_form_5 .textOverSendButton, .powermail_form_6 .textOverSendButton, .powermail_form_7 .textOverSendButton {
+ font-size : 12px;
+ margin-top : 25px;
+ margin-bottom : 0;
+ }
+ .firstSection {
+ max-height : 870px;
+ position : relative;
+ overflow : hidden;
+ }
+ .firstSection > a {
+ display : block;
+ }
+ .firstSection > a + div {
+ position : absolute;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ z-index : 100;
+ background : rgba(0, 0, 0, 0.4);
+ }
+ .firstSection > a + div img:first-of-type {
+ position : absolute;
+ z-index : 150;
+ top : 50%;
+ margin-top : -49px;
+ text-align : center;
+ left : 50%;
+ margin-left : -183px;
+ }
+ @media screen and (max-width:480px) {
+ .firstSection > a + div img:first-of-type {
+ max-width : 250px;
+ margin-left : -125px;
+ margin-top : -33px;
+ }
+ }
+ .firstSection > a + div img:first-of-type + img {
+ position : absolute;
+ left : 50%;
+ margin-left : -58px;
+ bottom : 40px;
+ }
+ @media screen and (max-width:600px) {
+ .firstSection > a + div img:first-of-type + img {
+ display : none;
+ }
+ }
+ .firstSection video {
+ width : 100%;
+ display : block;
+ }
+ .firstSection figure {
+ margin : 0;
+ padding : 0;
+ width : 100%;
+ }
+ .firstSection figure img {
+ width : 100%;
+ }
+ .firstSection video + .linkLayout, .firstSection figure + .linkLayout {
+ position : absolute;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ z-index : 100;
+ background : rgba(0, 0, 0, 0.4);
+ }
+ .firstSection video + .linkLayout img:first-of-type, .firstSection figure + .linkLayout img:first-of-type {
+ position : absolute;
+ z-index : 150;
+ top : 50%;
+ margin-top : -49px;
+ text-align : center;
+ left : 50%;
+ margin-left : -183px;
+ }
+ @media screen and (max-width:480px) {
+ .firstSection video + .linkLayout img:first-of-type, .firstSection figure + .linkLayout img:first-of-type {
+ max-width : 250px;
+ margin-left : -125px;
+ margin-top : -33px;
+ }
+ }
+ .firstSection video + .linkLayout img:first-of-type + img, .firstSection figure + .linkLayout img:first-of-type + img {
+ position : absolute;
+ left : 50%;
+ margin-left : -58px;
+ bottom : 40px;
+ }
+ @media screen and (max-width:600px) {
+ .firstSection video + .linkLayout img:first-of-type + img, .firstSection figure + .linkLayout img:first-of-type + img {
+ display : none;
+ }
+ }
+ .secondSection {
+ background : #0067b1;
+ }
+ .secondSection h2, .secondSection .ce-table table caption, .ce-table table .secondSection caption {
+ font-size : 40px;
+ font-weight : 400;
+ color : #fff;
+ line-height : normal;
+ text-align : left;
+ margin : 0 0 26px 0;
+ }
+ .secondSection h2:after, .secondSection .ce-table table caption:after, .ce-table table .secondSection caption:after {
+ display : none;
+ }
+ .secondSection p {
+ color : #fff;
+ max-width : 540px;
+ }
+ .secondSection div.inner {
+ padding : 0 25px 50px 25px;
+ }
+ .secondSection div.inner:first-of-type {
+ padding-top : 130px;
+ }
+ .secondSection div.inner:first-of-type .big {
+ position : absolute;
+ top : -70px;
+ right : 95px;
+ z-index : 5;
+ }
+ .secondSection div.inner:first-of-type .medium {
+ position : absolute;
+ bottom : -85px;
+ left : -5px;
+ }
+ .secondSection div.inner:first-of-type .small {
+ position : absolute;
+ left : 40px;
+ top : -25px;
+ }
+ .secondSection div.inner:nth-of-type(2) .big {
+ position : absolute;
+ top : -48px;
+ left : 16px;
+ z-index : 5;
+ }
+ .secondSection div.inner:nth-of-type(2) .medium {
+ position : absolute;
+ bottom : -75px;
+ left : 40px;
+ }
+ .secondSection div.inner:nth-of-type(2) .small {
+ position : absolute;
+ right : 90px;
+ top : 115px;
+ }
+ .secondSection div.inner:nth-of-type(3) h2, .secondSection div.inner:nth-of-type(3) .ce-table table caption, .ce-table table .secondSection div.inner:nth-of-type(3) caption {
+ margin-top : 0;
+ }
+ .secondSection div.inner:nth-of-type(3) .big {
+ position : absolute;
+ bottom : -75px;
+ left : 40px;
+ z-index : 5;
+ }
+ .secondSection div.inner:nth-of-type(3) .medium {
+ position : absolute;
+ top : -48px;
+ left : 16px;
+ }
+ .secondSection div.inner:nth-of-type(3) .small {
+ position : absolute;
+ right : 90px;
+ top : 115px;
+ }
+ .secondSection div.inner:nth-of-type(4) .big {
+ position : absolute;
+ top : -48px;
+ left : 16px;
+ z-index : 5;
+ }
+ .secondSection div.inner:nth-of-type(4) .medium {
+ position : absolute;
+ bottom : -75px;
+ left : 40px;
+ }
+ .secondSection div.inner:nth-of-type(4) .small {
+ position : absolute;
+ right : 90px;
+ top : 115px;
+ }
+ .secondSection div.inner:last-of-type {
+ padding-bottom : 130px;
+ text-align : center;
+ }
+ .secondSection div.inner .left {
+ float : left;
+ width : 50%;
+ position : relative;
+ }
+ .secondSection div.inner .right {
+ float : left;
+ width : 50%;
+ position : relative;
+ }
+ .secondSection div.inner .default {
+ position : relative;
+ z-index : 15;
+ }
+ @media screen and (max-width:1180px) {
+ .secondSection div.inner .small, .secondSection div.inner .medium, .secondSection div.inner .big {
+ display : none !important ;
+ }
+ .secondSection div.inner .right {
+ padding-left : 3%;
+ padding-right : 3%;
+ }
+ .secondSection div.inner .left {
+ padding-right : 5%;
+ }
+ }
+ .secondSection div.inner + div {
+ margin-top : 130px;
+ }
+ @media screen and (max-width:1024px) {
+ .secondSection .animatedParent {
+ display : none;
+ }
+ .secondSection div.inner:first-of-type {
+ padding-top : 50px;
+ }
+ .secondSection div.inner:last-of-type {
+ padding-bottom : 50px;
+ }
+ .secondSection div.inner .right:not(.animatedParent) {
+ padding : 0;
+ margin : 0 auto;
+ float : none;
+ width : 100%;
+ }
+ .secondSection div.inner .right:not(.animatedParent) h2, .secondSection div.inner .right:not(.animatedParent) .ce-table table caption, .ce-table table .secondSection div.inner .right:not(.animatedParent) caption {
+ font-size : 30px;
+ line-height : normal;
+ margin : 0 0 15px 0;
+ }
+ .secondSection div.inner .right:not(.animatedParent) p {
+ max-width : none;
+ }
+ .secondSection div.inner .left:not(.animatedParent) {
+ padding : 0;
+ margin : 0 auto;
+ float : none;
+ width : 100%;
+ }
+ .secondSection div.inner .left:not(.animatedParent) h2, .secondSection div.inner .left:not(.animatedParent) .ce-table table caption, .ce-table table .secondSection div.inner .left:not(.animatedParent) caption {
+ font-size : 30px;
+ line-height : normal;
+ margin : 0 0 15px 0;
+ }
+ .secondSection div.inner .left:not(.animatedParent) p {
+ max-width : none;
+ }
+ .secondSection div.inner + div {
+ margin-top : 50px;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .secondSection div.inner .right:not(.animatedParent) {
+ width : 100%;
+ }
+ .secondSection div.inner .right:not(.animatedParent) p {
+ max-width : none;
+ }
+ .secondSection div.inner .left:not(.animatedParent) {
+ width : 100%;
+ }
+ .secondSection div.inner .left:not(.animatedParent) p {
+ max-width : none;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .secondSection div.inner img {
+ max-width : 250px;
+ }
+ }
+ .thirdSection {
+ text-align : center;
+ background : #fc0;
+ padding-top : 100px;
+ }
+ .thirdSection .inner {
+ padding : 100px 25px 170px 25px;
+ }
+ .thirdSection .left {
+ float : left;
+ width : 50%;
+ position : relative;
+ }
+ .thirdSection .right {
+ float : left;
+ width : 50%;
+ position : relative;
+ padding-top : 110px;
+ }
+ .thirdSection .right a {
+ margin-bottom : 30px;
+ }
+ .thirdSection h2, .thirdSection .ce-table table caption, .ce-table table .thirdSection caption {
+ font-size : 40px;
+ text-align : center;
+ margin : 0 0 15px 0;
+ color : #333;
+ }
+ .thirdSection p {
+ color : #333;
+ text-align : center;
+ margin : 0 0 40px 0;
+ }
+ .thirdSection .buttonContainer {
+ text-align : center;
+ }
+ .thirdSection .default {
+ z-index : 10;
+ position : relative;
+ left : 55px;
+ left : 0;
+ }
+ .thirdSection .big {
+ position : absolute;
+ bottom : 50px;
+ left : -40px;
+ z-index : 5;
+ }
+ .thirdSection .medium {
+ position : absolute;
+ left : 165px;
+ top : -65px;
+ }
+ .thirdSection .small {
+ position : absolute;
+ bottom : 0;
+ right : 60px;
+ }
+ @media screen and (max-width:1250px) {
+ .thirdSection .default {
+ left : 25px;
+ }
+ }
+ @media screen and (max-width:1180px) {
+ .thirdSection {
+ padding-top : 0;
+ }
+ .thirdSection .default {
+ left : 0;
+ }
+ .thirdSection .small, .thirdSection .medium, .thirdSection .big {
+ display : none !important ;
+ }
+ .thirdSection .left {
+ padding-right : 5%;
+ }
+ .thirdSection .right {
+ padding-left : 3%;
+ padding-right : 3%;
+ }
+ }
+ @media screen and (max-width:1024px) {
+ .thirdSection {
+ padding-top : 0;
+ }
+ .thirdSection .inner {
+ padding-top : 50px;
+ padding-bottom : 50px;
+ }
+ .thirdSection .inner h2, .thirdSection .inner .ce-table table caption, .ce-table table .thirdSection .inner caption {
+ font-size : 30px;
+ line-height : normal;
+ margin : 0 0 15px 0;
+ }
+ .thirdSection .inner a {
+ font-size : 22px;
+ line-height : normal;
+ }
+ .thirdSection .left {
+ display : none;
+ }
+ .thirdSection .right {
+ float : none;
+ width : 100%;
+ padding : 0;
+ }
+ }
+ .wrapsvg, .wrapsvg1, .wrapsvg4, .wrapsvg2, .wrapsvg3 {
+ float : left;
+ border : transparent solid 1px;
+ position : relative;
+ }
+ @media screen and (max-width:1024px) {
+ .wrapsvg, .wrapsvg1, .wrapsvg4, .wrapsvg2, .wrapsvg3 {
+ display : none !important ;
+ }
+ }
+ .wrapsvg1 {
+ left : -705px;
+ top : 128px;
+ }
+ .wrapsvg4 {
+ left : -705px;
+ top : 128px;
+ }
+ .wrapsvg2 {
+ left : -15px;
+ top : -140px;
+ }
+ .wrapsvg3 {
+ left : -700px;
+ top : 60px;
+ }
+ .svg1 {
+ position : absolute;
+ }
+ .svg2 {
+ position : absolute;
+ }
+ .svg3 {
+ position : absolute;
+ }
+ .svg4 {
+ position : absolute;
+ }
+ nav.section {
+ position : fixed;
+ top : 50%;
+ right : 20px;
+ z-index : 9999;
+ }
+ @media screen and (max-width:1024px) {
+ nav.section {
+ display : none;
+ }
+ }
+ nav.section ul li {
+ width : 20px;
+ height : 20px;
+ border-radius : 25px;
+ background : #fff;
+ display : block;
+ cursor : pointer;
+ transition : all 0.3s;
+ }
+ nav.section ul li a {
+ z-index : 100;
+ display : none;
+ padding : 14px 10px;
+ margin-top : -3px;
+ right : 48px;
+ font-size : 12px;
+ text-decoration : none;
+ }
+ nav.section ul li + li {
+ margin-top : 5px;
+ }
+ nav.section ul li:hover a {
+ display : inline;
+ position : fixed;
+ color : #fff;
+ height : 10px;
+ line-height : 2px;
+ text-align : center;
+ background : #be1622;
+ }
+ nav.section ul li.active {
+ width : 15px;
+ height : 15px;
+ transition : all 0.3s;
+ margin : 5px auto 0 auto;
+ }
+ .newsletter {
+ width : 100%;
+ padding : 50px 0 0 0;
+ background : #ececec;
+ position : relative;
+ }
+ .newsletter:after, .newsletter:before {
+ top : 0;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .newsletter:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .newsletter:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .newsletter .right {
+ float : right;
+ width : 100%;
+ max-width : 463px;
+ max-width : 420px;
+ }
+ @media screen and (max-width:900px) {
+ .newsletter .right {
+ float : none;
+ width : 100%;
+ max-width : none;
+ padding : 0 25px;
+ }
+ }
+ .newsletter .firstrow {
+ width : 100%;
+ max-width : 840px;
+ margin : 0 auto;
+ }
+ .newsletter .firstrow h2, .newsletter .firstrow .ce-table table caption, .ce-table table .newsletter .firstrow caption {
+ text-align : left;
+ }
+ .newsletter .firstrow h2:after, .newsletter .firstrow .ce-table table caption:after, .ce-table table .newsletter .firstrow caption:after {
+ margin : 10px 0 0 0;
+ }
+ .newsletter .firstrow p {
+ font-weight : 700;
+ color : #333;
+ margin : 0 0 30px 0;
+ }
+ .newsletter .firstrow ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .newsletter .firstrow ul li {
+ display : block;
+ color : #333;
+ font-weight : 700;
+ }
+ .newsletter .firstrow ul li span {
+ font-size : 22px;
+ margin-right : 10px;
+ border-radius : 50px;
+ border : #333 solid 2px;
+ padding : 10px;
+ vertical-align : sub;
+ }
+ .newsletter .firstrow ul li p {
+ margin : 0;
+ display : inline-block;
+ vertical-align : middle;
+ }
+ @media screen and (max-width:440px) {
+ .newsletter .firstrow ul li p {
+ width : 80%;
+ }
+ }
+ @media screen and (max-width:360px) {
+ .newsletter .firstrow ul li p {
+ width : 70%;
+ }
+ }
+ .newsletter .firstrow ul li + li {
+ margin-top : 10px;
+ }
+ .newsletter .secondrow {
+ background : #333;
+ padding : 60px 0;
+ margin-top : 30px;
+ }
+ .newsletter .secondrow .inner {
+ max-width : 836px;
+ position : relative;
+ }
+ .newsletter .secondrow img {
+ position : absolute;
+ left : 0;
+ left : 50px;
+ bottom : 0;
+ box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.4);
+ }
+ @media screen and (max-width:900px) {
+ .newsletter .secondrow img {
+ display : none;
+ }
+ }
+ .newsletter .secondrow .button {
+ text-align : center;
+ }
+ .newsletter .secondrow .button.animation span, .newsletter .secondrow .button.animation i {
+ display : inline-block;
+ padding-left : 0;
+ transition : all 0.7s;
+ }
+ .newsletter .secondrow .button.animation span + i {
+ padding-left : 5px;
+ transition : all 0.7s;
+ }
+ .newsletter .secondrow .button.animation i + span {
+ padding-left : 5px;
+ transition : all 0.7s;
+ }
+ .newsletter .secondrow .button.animation:hover span + i {
+ padding-left : 10px;
+ transition : all 0.7s;
+ }
+ .newsletter .secondrow .button.animation:hover i + span {
+ padding-left : 10px;
+ transition : all 0.7s;
+ }
+ .ce-download {
+ float : left;
+ width : 42%;
+ margin-bottom : 50px;
+ }
+ .ce-download h2, .ce-download .ce-table table caption, .ce-table table .ce-download caption {
+ text-align : left;
+ }
+ .ce-download h2:after, .ce-download .ce-table table caption:after, .ce-table table .ce-download caption:after {
+ margin : 10px 0 0 0;
+ }
+ .ce-download strong {
+ font-weight : 700;
+ font-size : 72px;
+ line-height : 3.3rem;
+ color : #333;
+ margin : 0 0 15px 0;
+ display : block;
+ }
+ .ce-download .date {
+ margin : 0 0 30px 0;
+ font-size : 14px;
+ line-height : normal;
+ color : #333;
+ }
+ .ce-download .agbContainer {
+ margin-top : 30px;
+ margin-bottom : 25px;
+ padding-left : 30px;
+ position : relative;
+ font-size : 14px;
+ line-height : normal;
+ }
+ .ce-download .agbContainer a {
+ color : #0067b1;
+ text-decoration : none;
+ }
+ .ce-download .agbContainer a:hover {
+ text-decoration : underline;
+ }
+ .ce-download .agbContainer input {
+ position : absolute;
+ left : 0;
+ top : 1px;
+ width : 20px;
+ height : 20px;
+ }
+ .ce-download .shortDescription {
+ margin-top : 0;
+ font-size : 14px;
+ line-height : normal;
+ }
+ .ce-download .Dbutton {
+ color : #fff;
+ background : #df8e96;
+ text-decoration : none;
+ width : 100%;
+ max-width : 280px;
+ display : block;
+ padding : 15px;
+ border : none;
+ outline : none;
+ text-align : left;
+ font-size : 22px;
+ line-height : normal;
+ }
+ .ce-download .Dbutton span {
+ font-size : 15px;
+ line-height : normal;
+ display : block;
+ margin-top : 5px;
+ }
+ .ce-download .Dbutton.active {
+ background : #be1622;
+ cursor : pointer;
+ }
+ .ce-download .Dbutton + div + .Dbutton, .ce-download .Dbutton + .Dbutton {
+ margin-top : 20px;
+ }
+ .ce-download .Dbutton.github {
+ background : #ececec;
+ color : #333;
+ padding : 20px 15px;
+ }
+ .ce-download .Dbutton.github span {
+ font-size : 45px;
+ vertical-align : sub;
+ margin-right : 8px;
+ margin-left : 15px;
+ display : inline-block;
+ }
+ .downloadOverlayContainer {
+ background : #fff;
+ padding : 25px 50px;
+ max-width : 720px;
+ margin : 0 auto;
+ position : relative;
+ }
+ .downloadOverlayContainer h1, .downloadOverlayContainer h2, .downloadOverlayContainer .ce-table table caption, .ce-table table .downloadOverlayContainer caption, .downloadOverlayContainer h3 {
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ font-weight : 400;
+ text-align : center;
+ margin : 0 0 15px 0;
+ }
+ .downloadOverlayContainer h3 {
+ font-weight : 700;
+ }
+ .downloadOverlayContainer .input {
+ background : #ececec;
+ padding : 8px 12px;
+ border : #333 dotted 1px;
+ display : inline-block;
+ width : 65%;
+ color : #0067b1;
+ overflow-x : auto;
+ height : 40px;
+ }
+ .downloadOverlayContainer .copyButton {
+ background : #0067b1;
+ color : #fff;
+ font-size : 15px;
+ line-height : normal;
+ padding : 8px 5px;
+ display : inline-block;
+ width : 32%;
+ text-align : center;
+ vertical-align : top;
+ border : none;
+ outline : none;
+ cursor : pointer;
+ height : 40px;
+ }
+ .downloadOverlayContainer .copyButton i {
+ margin-right : 5px;
+ }
+ @media screen and (max-width:720px) {
+ .downloadOverlayContainer {
+ padding : 25px 25px;
+ }
+ .downloadOverlayContainer .input {
+ display : block;
+ width : 100%;
+ height : auto;
+ }
+ .downloadOverlayContainer .copyButton {
+ display : block;
+ width : 100%;
+ height : auto;
+ }
+ }
+ .mfp-wrap {
+ overflow-x : scroll !important ;
+ }
+ .ce-downloadhinweis {
+ float : right;
+ width : 50%;
+ margin-bottom : 50px;
+ }
+ .ce-downloadhinweis h2, .ce-downloadhinweis .ce-table table caption, .ce-table table .ce-downloadhinweis caption {
+ text-align : left;
+ }
+ .ce-downloadhinweis h2:after, .ce-downloadhinweis .ce-table table caption:after, .ce-table table .ce-downloadhinweis caption:after {
+ margin : 10px 0 0 0;
+ }
+ .ce-downloadhinweis p + p {
+ margin-top : 30px;
+ }
+ .ce-downloadhinweis p + ol, .ce-downloadhinweis p + ul {
+ margin-top : 25px;
+ }
+ .ce-downloadhinweis ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .ce-downloadhinweis ul li {
+ color : #333;
+ }
+ .ce-downloadhinweis ul li a {
+ text-decoration : none;
+ color : #333;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .ce-downloadhinweis ul li a:hover {
+ text-decoration : underline;
+ }
+ .ce-downloadhinweis ul li + li {
+ margin-top : 3px;
+ }
+ .ce-downloadhinweis ul li:before {
+ content : "\f178";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ margin-right : 5px;
+ }
+ .ce-downloadhinweis ol {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .ce-downloadhinweis ol li {
+ display : block;
+ counter-increment : olliste;
+ }
+ .ce-downloadhinweis ol li:before {
+ content : counter(olliste) ".";
+ font-weight : 700;
+ font-size : 32px;
+ line-height : normal;
+ color : #bbbbbb;
+ margin-right : 5px;
+ }
+ .ce-downloadhinweis ol li + li {
+ margin-top : 15px;
+ }
+ .ce-downloadhinweis ol + p {
+ margin-top : 25px;
+ }
+ @media screen and (max-width:768px) {
+ .ce-download {
+ float : none;
+ width : 100%;
+ }
+ .ce-downloadhinweis {
+ float : none;
+ width : 100%;
+ }
+ }
+ .ce-youtube-text {
+ margin-bottom : 50px;
+ }
+ .ce-youtube-text h2, .ce-youtube-text .ce-table table caption, .ce-table table .ce-youtube-text caption {
+ margin-top : 0;
+ }
+ .ce-youtube-text .left, .ce-youtube-text .right {
+ float : left;
+ width : calc((100% - 20px) / 2);
+ }
+ @media screen and (max-width:767px) {
+ .ce-youtube-text .left, .ce-youtube-text .right {
+ float : none;
+ width : 100%;
+ }
+ }
+ .ce-youtube-text .left iframe {
+ width : 100% !important ;
+ height : 315px;
+ }
+ .ce-youtube-text .right {
+ margin-left : 20px;
+ }
+ .ce-youtube-text .right a {
+ display : block;
+ margin-top : 15px;
+ }
+ @media screen and (max-width:767px) {
+ .ce-youtube-text .right {
+ margin-left : 0;
+ margin-top : 20px;
+ }
+ }
+ .ce-youtube-slider {
+ margin-bottom : 50px;
+ }
+ .ce-youtube-slider .inner.small, .ce-youtube-slider .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .ce-youtube-slider .tx-felogin-pi1-inner {
+ position : relative;
+ }
+ .ce-youtube-slider a {
+ text-decoration : none;
+ }
+ .ce-youtube-slider p {
+ margin : 3px 0 0 0;
+ color : #333;
+ }
+ .ce-youtube-slider + div, .ce-youtube-slider + section {
+ border-top : 1px solid #c6c6c6;
+ padding-top : 50px;
+ }
+ .ce-youtube-slider .swiper-button-prev-small-youtube, .ce-youtube-slider .swiper-button-next-small-youtube {
+ padding : 12px 10px;
+ background : #ececec;
+ width : 30px;
+ }
+ .ce-youtube-slider .swiper-button-prev-small-youtube i.fa, .ce-youtube-slider .swiper-button-next-small-youtube i.fa {
+ padding-left : 0;
+ }
+ .ce-youtube-slider .swiper-button-next-small-youtube {
+ right : -30px;
+ }
+ .ce-youtube-slider .swiper-button-prev-small-youtube {
+ left : -30px;
+ }
+ .ce-youtube-slider .swiper-slide a div {
+ max-height : 140px;
+ height : auto;
+ overflow : hidden;
+ }
+ .ce-youtube-slider .swiper-slide a div img {
+ width : 100%;
+ }
+ @media screen and (max-width:640px) {
+ .ce-youtube-slider .swiper-slide a div {
+ max-height : none;
+ }
+ }
+ .shopDetailsContainer {
+ background : #ececec;
+ padding : 10px 0;
+ margin-bottom : 10px;
+ }
+ .shopDetailsContainer .left {
+ float : left;
+ min-height : 1px;
+ }
+ .shopDetailsContainer .left a {
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ text-decoration : none;
+ }
+ .shopDetailsContainer .left a i {
+ font-size : 12px;
+ }
+ .shopDetailsContainer .right {
+ float : right;
+ min-height : 1px;
+ }
+ .shopDetailsContainer .right ul li {
+ display : inline-block;
+ }
+ .shopDetailsContainer .right ul li a {
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ text-decoration : none;
+ }
+ .shopDetailsContainer .right ul li + li {
+ margin-left : 5px;
+ }
+ .shopDetailsContainer .tx-sy-osbeeproducts {
+ padding : 0;
+ }
+ .shopDetailsContainer .tx-sy-osbeeproducts ul {
+ display : inline-block;
+ }
+ .shopDetailsContainer .changeMoney span {
+ position : relative;
+ margin-right : 5px;
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ }
+ .shopDetailsContainer .changeMoney li {
+ position : relative;
+ margin-right : 5px;
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ }
+ .shopDetailsContainer .changeMoney li a {
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ text-decoration : none;
+ }
+ .shopDetailsContainer .changeMoney li ul {
+ width : 85px;
+ display : none;
+ position : absolute;
+ background : #fff;
+ padding : 5px 10px;
+ box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.35);
+ top : 32px;
+ left : 0;
+ }
+ .shopDetailsContainer .changeMoney li ul:before {
+ content : "";
+ height : 15px;
+ width : 100%;
+ position : absolute;
+ top : -15px;
+ }
+ .shopDetailsContainer .changeMoney li ul li a {
+ padding-left : 0;
+ }
+ .shopDetailsContainer .changeMoney li:hover ul {
+ display : block;
+ }
+ .marketplace-wrapper {
+ padding : 50px 0;
+ }
+ @media screen and (max-width:1120px) {
+ .marketplace-wrapper.inner.small, .tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner {
+ padding : 50px 25px;
+ }
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper.inner.small, .tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner {
+ padding : 0 25px;
+ }
+ }
+ .marketplace-wrapper .mp-mobile {
+ display : none;
+ margin-bottom : 0;
+ margin-top : 25px;
+ margin-bottom : 25px;
+ }
+ .marketplace-wrapper .mp-mobile button {
+ width : 100%;
+ outline : none;
+ border : none;
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper .mp-mobile {
+ display : block;
+ }
+ }
+ .marketplace-wrapper .mp-sidebar {
+ float : left;
+ width : 24.27%;
+ min-height : 1px;
+ margin-right : 0.97%;
+ }
+ .marketplace-wrapper .mp-sidebar.right {
+ margin-right : 0;
+ margin-left : 0.97%;
+ }
+ .marketplace-wrapper .mp-sidebar.right > div {
+ margin-bottom : 0;
+ }
+ .marketplace-wrapper .mp-sidebar.right > div + div {
+ margin-top : 30px;
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper .mp-sidebar {
+ float : none;
+ width : 100%;
+ margin-right : 0;
+ display : none;
+ margin-bottom : 25px;
+ }
+ .marketplace-wrapper .mp-sidebar.active {
+ display : block;
+ }
+ .marketplace-wrapper .mp-sidebar.right {
+ margin-left : 0;
+ display : block;
+ }
+ }
+ .marketplace-wrapper .mp-sidebar > div {
+ margin-bottom : 99px;
+ }
+ .marketplace-wrapper .mp-sidebar > div + div {
+ margin-top : 40px;
+ margin-bottom : 0;
+ }
+ .marketplace-wrapper .mp-sidebar h2, .marketplace-wrapper .mp-sidebar .ce-table table caption, .ce-table table .marketplace-wrapper .mp-sidebar caption {
+ text-align : left;
+ color : #333;
+ text-transform : uppercase;
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ margin : 0 0 10px 0;
+ font-family : "Open Sans", sans-serif;
+ padding-bottom : 3px;
+ border-bottom : 2px solid #fc0;
+ }
+ .marketplace-wrapper .mp-sidebar h2:after, .marketplace-wrapper .mp-sidebar .ce-table table caption:after, .ce-table table .marketplace-wrapper .mp-sidebar caption:after {
+ display : none;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche input[type="text"], .marketplace-wrapper .mp-sidebar .mp-suche select {
+ height : 40px;
+ border : #818181 solid 1px;
+ padding : 5px 10px;
+ width : 100%;
+ font-size : 14px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche input[type="text"] {
+ margin-bottom : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche input[type="submit"] {
+ width : 100%;
+ height : 40px;
+ border : none;
+ outline : none;
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ color : #fff;
+ background : #0067b1;
+ text-align : left;
+ padding : 10px;
+ cursor : pointer;
+ position : relative;
+ margin-top : 5px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche form {
+ position : relative;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche form:after {
+ content : "\f105";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ margin-left : 5px;
+ position : absolute;
+ right : 10px;
+ bottom : 9px;
+ color : #fff;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li {
+ display : block;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a {
+ text-decoration : none;
+ color : #333;
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li a:hover, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a:hover {
+ text-decoration : underline;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a {
+ display : block;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a .mp-categoryteaser, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a .mp-categoryteaser {
+ width : 20px;
+ height : 20px;
+ float : left;
+ color : #fff;
+ text-align : center;
+ margin-right : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a .mp-categoryteaser i, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a .mp-categoryteaser i {
+ text-align : center;
+ vertical-align : middle;
+ color : #fff;
+ font-size : 10px;
+ padding : 0 0 3px 0;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul {
+ margin-top : 8px;
+ margin-left : 20px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li {
+ padding-left : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li a {
+ font-weight : 400;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li + li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li + li {
+ margin-top : 5px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li + li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li + li {
+ margin-top : 12px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a {
+ font-weight : 400;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li + li {
+ margin-top : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-info img {
+ display : block;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-info img + p {
+ font-size : 13px;
+ line-height : normal;
+ margin : 15px 0 0 0;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-info img + p + p {
+ margin-top : 15px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-buttons a {
+ text-decoration : none;
+ color : #fff;
+ background : #0067b1;
+ width : 100%;
+ display : block;
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ text-transform : uppercase;
+ text-align : center;
+ padding : 15px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-buttons a + a {
+ margin-top : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-buttons a.blue {
+ background : #0067b1;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-buttons a.nobutton {
+ padding : 0;
+ color : #333;
+ background : transparent;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productspecifikation {
+ background : #ececec;
+ padding : 15px 10px 30px 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productspecifikation p {
+ margin : 0;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productspecifikation p + p {
+ margin-top : 30px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productspecifikation p a {
+ color : #0067b1;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productShare p {
+ margin : 0;
+ font-weight : 700;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productShare br {
+ display : none;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productShare .shariff .orientation-horizontal {
+ text-align : left !important ;
+ }
+ .marketplace-wrapper .mp-contentContainer {
+ float : left;
+ width : 74.76%;
+ min-height : 1px;
+ }
+ .marketplace-wrapper .mp-contentContainer.detailseite {
+ width : 49.51%;
+ padding-top : 25px;
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper .mp-contentContainer {
+ float : none;
+ width : 100%;
+ margin-bottom : 25px;
+ }
+ .marketplace-wrapper .mp-contentContainer.detailseite {
+ width : 100%;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner {
+ width : 100%;
+ height : auto;
+ margin-bottom : 30px;
+ position : relative;
+ }
+ @media screen and (max-width:480px) {
+ .marketplace-wrapper .mp-contentContainer .mp-banner {
+ display : none;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div {
+ position : absolute;
+ top : 40px;
+ left : 40px;
+ }
+ @media screen and (max-width:1024px) {
+ .marketplace-wrapper .mp-contentContainer .mp-banner div {
+ top : 20px;
+ left : 20px;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div h2, .marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption, .ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption {
+ color : #fff;
+ font-weight : 700;
+ text-align : left;
+ font-size : 32px;
+ line-height : normal;
+ text-transform : uppercase;
+ margin-top : 0;
+ font-family : "Open Sans", sans-serif;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div h2:after, .marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption:after, .ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption:after {
+ margin : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div p {
+ color : #fff;
+ margin : 0;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div p + p {
+ margin-top : 15px;
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper .mp-contentContainer .mp-banner div p {
+ display : none;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div a {
+ color : #fff;
+ text-decoration : none;
+ font-size : 13px;
+ line-height : normal;
+ display : block;
+ margin-top : 15px;
+ text-transform : uppercase;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div a:after {
+ content : "\f178";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ margin-left : 5px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div a:hover {
+ text-decoration : underline;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-filter {
+ width : 100%;
+ margin-bottom : 20px;
+ }
+ @media screen and (min-width:600px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul {
+ display : flex;
+ flex-wrap : nowrap;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li {
+ background : #bbbbbb;
+ color : #fff;
+ cursor : pointer;
+ padding : 15px 0;
+ font-weight : 700;
+ text-transform : uppercase;
+ text-align : center;
+ }
+ @media screen and (min-width:600px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li {
+ flex-direction : column;
+ order : 4;
+ flex-grow : 4;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li.active, .marketplace-wrapper .mp-contentContainer .mp-filter ul li:hover {
+ background : #333;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li + li {
+ margin-left : 10px;
+ }
+ @media screen and (max-width:1024px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li {
+ font-size : 13px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li {
+ font-size : 12px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:600px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li + li {
+ margin-left : 0;
+ margin-top : 10px;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article {
+ float : left;
+ width : 250px;
+ width : calc((100% - 21px) / 3);
+ border : #818181 solid 1px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article + article {
+ margin-left : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) {
+ margin-left : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 4) {
+ margin-top : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article > a {
+ display : block;
+ height : 100%;
+ position : relative;
+ padding-bottom : 50px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header {
+ position : relative;
+ padding : 10px 10px 0 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage, .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser {
+ display : block;
+ float : left;
+ max-width : 70px;
+ margin-right : 10px;
+ width : 54px;
+ height : 54px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage i, .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser i {
+ text-align : center;
+ vertical-align : middle;
+ color : #fff;
+ font-size : 24px;
+ padding : 15px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header h3 {
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ font-weight : 400;
+ margin : 0 0 10px 0;
+ max-width : calc(100% - 70px);
+ float : left;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header span {
+ font-size : 11px;
+ line-height : normal;
+ display : block;
+ font-weight : 400;
+ color : #333;
+ clear : both;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner {
+ position : absolute;
+ top : 0;
+ right : 0;
+ z-index : 800;
+ }
+ @media screen and (max-width:1120px) {
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner {
+ display : none;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer {
+ position : relative;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty {
+ position : absolute;
+ top : 0;
+ left : 0;
+ width : 0%;
+ overflow : hidden;
+ height : 22px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span {
+ color : #fc0;
+ position : absolute;
+ top : 4px;
+ font-size : 9px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span {
+ left : 12px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span {
+ left : 23px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span + span {
+ left : 34px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span + span + span {
+ left : 45px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty {
+ position : relative;
+ left : auto;
+ right : auto;
+ bottom : auto;
+ width : 100%;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article main {
+ margin-top : 15px;
+ padding : 0 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article main p {
+ font-size : 13px;
+ line-height : normal;
+ margin : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article main p + p {
+ margin-top : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article main img {
+ display : block;
+ margin-top : 15px;
+ max-height : 25px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer {
+ margin-top : 10px;
+ border-top : 1px solid #818181;
+ padding : 10px 10px 10px 10px;
+ position : absolute;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer {
+ float : left;
+ position : relative;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled {
+ position : absolute;
+ top : 0;
+ left : 0;
+ width : 0%;
+ overflow : hidden;
+ height : 22px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span {
+ color : #fc0;
+ position : absolute;
+ top : 4px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span {
+ left : 19px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span {
+ left : 38px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span + span {
+ left : 57px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span + span + span {
+ left : 76px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .price {
+ float : none;
+ }
+ @media screen and (max-width:1100px) {
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .price {
+ font-size : 13px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .price span {
+ font-size : 10px !important ;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation {
+ display : none;
+ background : #0067b1;
+ color : #fff;
+ text-align : center;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 16px;
+ line-height : normal;
+ padding : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation:after {
+ content : "\f178";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ margin-left : 5px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a {
+ text-decoration : none;
+ color : #333;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer {
+ padding : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .ratingContainer {
+ display : none;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .price {
+ display : none;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .moreInformation {
+ display : block;
+ }
+ @media screen and (max-width:1023px) {
+ .marketplace-wrapper .mp-contentContainer .mp-content article {
+ width : calc((100% - 11px) / 2);
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) {
+ margin-left : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n 3) {
+ margin-left : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 3) {
+ margin-top : 10px;
+ }
+ }
+ @media screen and (max-width:560px) {
+ .marketplace-wrapper .mp-contentContainer .mp-content article {
+ width : 100%;
+ margin-left : 0 !important ;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) {
+ margin-left : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n 3) {
+ margin-left : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 2) {
+ margin-top : 10px;
+ }
+ }
+ .mpdetail-content .mp-productInfo {
+ margin-bottom : 60px;
+ }
+ .mpdetail-content .mp-productInfo > img, .mpdetail-content .mp-productInfo > .mpdetail-productcategoryteaser {
+ float : left;
+ margin : 0 10px;
+ max-width : 110px;
+ display : block;
+ text-align : center;
+ height : 100px;
+ width : 100px;
+ }
+ .mpdetail-content .mp-productInfo > img i, .mpdetail-content .mp-productInfo > .mpdetail-productcategoryteaser i {
+ font-size : 40px;
+ vertical-align : middle;
+ color : #fff;
+ display : inline-block;
+ line-height : 100px;
+ }
+ .mpdetail-content .mp-productInfo > div {
+ float : left;
+ max-width : 340px;
+ }
+ .mpdetail-content .mp-productInfo > div h1 {
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ font-weight : 700;
+ margin : 0 0 5px 0;
+ }
+ .mpdetail-content .mp-productInfo > div > span {
+ font-size : 11px;
+ line-height : normal;
+ display : block;
+ font-weight : 400;
+ color : #333;
+ }
+ .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung img {
+ display : block;
+ margin : 15px 0;
+ float : left;
+ }
+ .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung img + img {
+ margin-left : 5px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer {
+ position : relative;
+ display : inline-block;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled {
+ position : absolute;
+ top : 0;
+ left : 0;
+ width : 0%;
+ overflow : hidden;
+ height : 22px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span {
+ color : #fc0;
+ position : absolute;
+ top : 4px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span {
+ left : 19px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span {
+ left : 38px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span + span {
+ left : 57px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span + span + span {
+ left : 76px;
+ }
+ .mpdetail-content .mp-productWrapper > ul li {
+ float : left;
+ width : calc(100% / 3);
+ background : #fff;
+ text-align : center;
+ border-top : 2px solid #ebebeb;
+ border-left : 2px solid #ebebeb;
+ cursor : pointer;
+ }
+ .mpdetail-content .mp-productWrapper > ul li a {
+ color : #333;
+ font-size : 13px;
+ line-height : normal;
+ cursor : pointer;
+ text-decoration : none;
+ font-weight : 700;
+ display : block;
+ padding : 15px;
+ }
+ @media screen and (max-width:360px) {
+ .mpdetail-content .mp-productWrapper > ul li a {
+ font-size : 11px;
+ line-height : normal;
+ }
+ }
+ .mpdetail-content .mp-productWrapper > ul li.current, .mpdetail-content .mp-productWrapper > ul li:hover {
+ background : #ececec;
+ border-top : 2px solid #fc0;
+ }
+ .mpdetail-content .mp-productWrapper > ul li.current i, .mpdetail-content .mp-productWrapper > ul li:hover i {
+ color : #fc0;
+ }
+ .mpdetail-content .mp-productWrapper > ul li.current {
+ border-left : 2px solid transparent;
+ border-right : 2px solid transparent;
+ }
+ .mpdetail-content .mp-productWrapper > ul li.current + li {
+ border-left : 2px solid #ebebeb;
+ }
+ .mpdetail-content .mp-productWrapper > ul li:nth-of-type(2).current {
+ border-left : 2px solid #ebebeb;
+ }
+ .mpdetail-content .mp-productWrapper > ul li + li {
+ border-right : 2px solid #ebebeb;
+ }
+ .mpdetail-content .mp-productWrapper > ul li + li + li {
+ border-left : 2px solid transparent;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab {
+ display : none;
+ background : #ececec;
+ padding : 15px 10px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab:first-of-type {
+ display : block;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab h3 {
+ color : #333;
+ margin : 0 0 10px 0;
+ font-size : 18px;
+ line-height : normal;
+ font-weight : 700;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab a {
+ font-size : 13px;
+ line-height : normal;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab p {
+ margin : 0;
+ font-size : 13px;
+ line-height : normal;
+ color : #333;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab p a {
+ font-size : 13px;
+ line-height : normal;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab p + p {
+ margin-top : 15px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab ul {
+ margin : 10px 0 0 0;
+ padding : 0;
+ list-style-type : none;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab ul li {
+ position : relative;
+ padding-left : 15px;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab ul li:before {
+ content : "\f054";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ position : absolute;
+ top : 4px;
+ left : 0;
+ color : #333;
+ font-size : 12px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab ul li + li {
+ margin-top : 4px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span {
+ color : #bbb;
+ cursor : pointer;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover ~ span {
+ color : #fc0;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover:before, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover ~ span:before {
+ content : "\f005";
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer p {
+ font-size : 18px;
+ line-height : normal;
+ color : #bbb;
+ display : inline-block;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form {
+ margin-bottom : 20px;
+ padding-bottom : 30px;
+ border-bottom : 1px solid #bbbbbb;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea {
+ resize : none;
+ height : 105px;
+ padding : 10px;
+ width : 100%;
+ margin-top : 10px;
+ color : #bbb;
+ font-size : 18px;
+ line-height : normal;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea + p {
+ font-size : 13px;
+ line-height : normal;
+ color : #bbb;
+ text-align : right;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form input[type="submit"] {
+ display : inline-block;
+ font-size : 16px;
+ line-height : normal;
+ color : #fff;
+ border : none;
+ outline : none;
+ text-align : center;
+ background : #0067b1;
+ text-transform : uppercase;
+ padding : 15px;
+ min-width : 160px;
+ margin-top : -10px;
+ font-weight : 700;
+ cursor : pointer;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment h3 {
+ margin-bottom : 5px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment + .mp-usercomment {
+ margin-top : 25px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer .fa-star {
+ color : #fc0;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer span {
+ color : #bbb;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply {
+ background : #fff;
+ padding : 15px 10px;
+ margin-left : 30px;
+ position : relative;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after {
+ bottom : 100%;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-bottom-color : #fff;
+ border-width : 15px;
+ margin-left : -200px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-bottom-color : #fff;
+ border-width : 15px;
+ margin-left : -200px;
+ }
+ .forumWrapOuter {
+ background : #ececec;
+ }
+ .forumWrapOuter .ce-Image-Text-Element {
+ margin-bottom : 0;
+ padding-bottom : 40px;
+ }
+ .tx-typo3forum-pi1 {
+ padding-top : 50px;
+ padding-bottom : 50px;
+ }
+ .tx-typo3forum-pi1 .forum_menu, .tx-typo3forum-pi1 .topic_list_menu {
+ margin-bottom : 40px;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) {
+ float : left;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) i {
+ display : none;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:before {
+ content : "\f053";
+ display : inline-block;
+ margin-right : 5px;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) {
+ float : right;
+ margin-left : 15px;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) i {
+ display : none;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:before {
+ content : "\f0fe";
+ display : inline-block;
+ margin-right : 5px;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) {
+ float : right;
+ display : none !important ;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) i {
+ display : none;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a {
+ background : #fc0;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:before {
+ content : "\f005";
+ display : inline-block;
+ margin-right : 5px;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ @media screen and (max-width:640px) {
+ .tx-typo3forum-pi1 .forum_menu ul li, .tx-typo3forum-pi1 .topic_list_menu ul li {
+ float : none !important ;
+ width : 100% !important ;
+ margin-bottom : 5px;
+ margin-left : 0 !important ;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li a, .tx-typo3forum-pi1 .topic_list_menu ul li a {
+ width : 100%;
+ text-align : center;
+ }
+ }
+ .tx-typo3forum-pi1 #topic fieldset, .tx-typo3forum-pi1 #post fieldset, .tx-typo3forum-pi1 #report fieldset {
+ border : none;
+ padding : 0;
+ margin : 0;
+ }
+ .tx-typo3forum-pi1 #topic fieldset legend, .tx-typo3forum-pi1 #post fieldset legend, .tx-typo3forum-pi1 #report fieldset legend {
+ margin-bottom : 40px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .control-group, .tx-typo3forum-pi1 #post fieldset .control-group, .tx-typo3forum-pi1 #report fieldset .control-group {
+ margin-bottom : 15px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .control-group + .control-group > label, .tx-typo3forum-pi1 #post fieldset .control-group + .control-group > label, .tx-typo3forum-pi1 #report fieldset .control-group + .control-group > label {
+ position : relative;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .markItUpContainer, .tx-typo3forum-pi1 #post fieldset .markItUpContainer, .tx-typo3forum-pi1 #report fieldset .markItUpContainer {
+ width : 100%;
+ max-width : 927px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .markItUpHeader, .tx-typo3forum-pi1 #post fieldset .markItUpHeader, .tx-typo3forum-pi1 #report fieldset .markItUpHeader {
+ float : right;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul .markItUpDropMenu, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul .markItUpDropMenu, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul .markItUpDropMenu {
+ padding-right : 0;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul a, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul a, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul a {
+ width : 18px;
+ height : 18px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="submit"], .tx-typo3forum-pi1 #post fieldset input[type="submit"], .tx-typo3forum-pi1 #report fieldset input[type="submit"] {
+ display : block;
+ float : left;
+ border : #c6c6c6 solid 1px;
+ height : 35px;
+ padding : 0 10px;
+ background : #c6c6c6;
+ font-size : 14px;
+ line-height : 33px;
+ cursor : pointer;
+ font-family : "Open Sans", sans-serif;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="submit"] + .btn, .tx-typo3forum-pi1 #post fieldset input[type="submit"] + .btn, .tx-typo3forum-pi1 #report fieldset input[type="submit"] + .btn {
+ display : block;
+ float : left;
+ border : #c6c6c6 solid 1px;
+ height : 35px;
+ padding : 0 10px;
+ margin-left : 10px;
+ background : #c6c6c6;
+ font-size : 14px;
+ line-height : 35px;
+ color : #000;
+ font-weight : 400;
+ font-family : "Open Sans", sans-serif;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="checkbox"], .tx-typo3forum-pi1 #post fieldset input[type="checkbox"], .tx-typo3forum-pi1 #report fieldset input[type="checkbox"] {
+ margin-left : 0;
+ margin-top : 0;
+ vertical-align : bottom;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="text"], .tx-typo3forum-pi1 #topic fieldset textarea, .tx-typo3forum-pi1 #post fieldset input[type="text"], .tx-typo3forum-pi1 #post fieldset textarea, .tx-typo3forum-pi1 #report fieldset input[type="text"], .tx-typo3forum-pi1 #report fieldset textarea {
+ border : #c6c6c6 solid 1px;
+ padding : 0 10px;
+ height : 30px;
+ font-family : "Open Sans", sans-serif;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="text"], .tx-typo3forum-pi1 #post fieldset input[type="text"], .tx-typo3forum-pi1 #report fieldset input[type="text"] {
+ width : 100%;
+ max-width : 927px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset textarea, .tx-typo3forum-pi1 #post fieldset textarea, .tx-typo3forum-pi1 #report fieldset textarea {
+ padding-top : 10px;
+ padding-bottom : 10px;
+ margin-top : 5px;
+ min-height : 200px;
+ font-family : "Open Sans", sans-serif;
+ }
+ .tx-typo3forum-pi1 #post fieldset .control-group > label {
+ position : relative;
+ bottom : -25px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .control-group + .control-group > label {
+ position : relative;
+ bottom : -25px;
+ }
+ .tx-typo3forum-pi1 #report .markItUp {
+ margin-top : -20px;
+ }
+ .tx-typo3forum-pi1 #report .markItUp .tx-typo3forum-miu-code, .tx-typo3forum-pi1 #report .markItUp .markItUpSeparator {
+ display : none;
+ }
+ .tx-typo3forum-pi1 ul.nav-pills-condensed {
+ margin-bottom : 5px;
+ }
+ .tx-typo3forum-pi1 > h2, .ce-table table .tx-typo3forum-pi1 > caption {
+ display : none;
+ }
+ .tx-typo3forum-pi1 > h2.enable, .ce-table table .tx-typo3forum-pi1 > caption.enable {
+ text-transform : none;
+ text-align : left;
+ padding-left : 10px;
+ background : #0067b1;
+ padding : 15px 0 15px 10px;
+ margin : 0;
+ font-size : 16px;
+ line-height : normal;
+ color : #fff;
+ }
+ .tx-typo3forum-pi1 > h2.enable:after, .ce-table table .tx-typo3forum-pi1 > caption.enable:after {
+ display : none;
+ }
+ .tx-typo3forum-pi1 table tbody td {
+ background : #fff !important ;
+ padding : 10px 8px;
+ line-height : 60px;
+ vertical-align : middle;
+ height : 60px;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .tx-typo3forum-pi1 table tbody td div {
+ font-size : 13px;
+ line-height : 18.2px;
+ font-size : 0.8125rem;
+ line-height : 1.1375rem;
+ font-weight : 300;
+ color : #b4b4b4;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .tx-typo3forum-pi1 table tbody td a {
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ text-decoration : none;
+ color : #333;
+ }
+ .tx-typo3forum-pi1 table tbody td:nth-of-type(n 3) {
+ text-align : center;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator {
+ text-align : right;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator li {
+ color : #0067b1;
+ font-weight : 700;
+ font-size : 13px;
+ line-height : normal;
+ display : inline-block;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator li a {
+ font-size : 13px;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator li.current {
+ color : #fc0;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator li + li {
+ margin-left : 5px;
+ }
+ .ce-osbee-forum h2, .ce-osbee-forum .ce-table table caption, .ce-table table .ce-osbee-forum caption {
+ text-transform : none;
+ text-align : left;
+ padding-left : 10px;
+ background : #0067b1;
+ padding : 15px 0 15px 10px;
+ margin : 0;
+ font-size : 16px;
+ line-height : normal;
+ color : #fff;
+ }
+ .ce-osbee-forum h2:after, .ce-osbee-forum .ce-table table caption:after, .ce-table table .ce-osbee-forum caption:after {
+ display : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap {
+ display : block;
+ width : 100%;
+ background : #fff;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child {
+ width : 100%;
+ padding : 15px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon {
+ float : left;
+ max-width : 70px;
+ margin-right : 15px;
+ width : 41px;
+ height : 41px;
+ border-radius : 25px;
+ background : #c6c6c6;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic {
+ background : #fff;
+ text-align : center;
+ vertical-align : middle;
+ border : #bbb solid 1px;
+ width : 20px;
+ height : 20px;
+ color : #bbb;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic i, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic i {
+ padding : 0;
+ font-size : 12px;
+ padding-top : 4px;
+ display : block;
+ }
+ @media screen and (max-width:640px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon {
+ display : none;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left {
+ float : left;
+ width : 55%;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 {
+ margin : 0;
+ font-size : 16px;
+ line-height : normal;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a {
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ margin : 0 0 5px 0;
+ display : block;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a {
+ font-weight : 400;
+ font-size : 12px;
+ line-height : normal;
+ margin : 0;
+ display : block;
+ width : 100%;
+ max-width : 500px;
+ overflow : hidden;
+ text-overflow : ellipsis;
+ white-space : nowrap;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span {
+ display : block;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span + span, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span + span {
+ color : #bbb;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left {
+ width : 40%;
+ }
+ }
+ @media screen and (max-width:800px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left {
+ width : 36%;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left {
+ float : none;
+ width : 100%;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a {
+ margin-bottom : 0;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p {
+ margin-bottom : 20px;
+ max-width : 85%;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p {
+ margin-bottom : 0;
+ max-width : 100%;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right {
+ float : right;
+ width : 36%;
+ min-width : 360px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p {
+ display : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.topics, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.posts {
+ display : block;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics {
+ font-size : 12px;
+ line-height : 14px;
+ margin : 0;
+ font-weight : 400;
+ width : 45px;
+ text-align : center;
+ float : left;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics span {
+ display : block;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics {
+ width : 40px;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts {
+ font-size : 12px;
+ line-height : 14px;
+ margin : 0;
+ font-weight : 400;
+ float : left;
+ width : 45px;
+ text-align : center;
+ margin-left : 25px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts a {
+ font-size : 12px;
+ line-height : 14px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts span {
+ display : block;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts {
+ width : 40px;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available {
+ width : 220px;
+ position : relative;
+ padding-left : 40px;
+ display : block;
+ float : left;
+ margin-left : 25px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .tx-typo3forum-topic-show-post-user-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .tx-typo3forum-topic-show-post-user-icon {
+ max-height : 30px;
+ border-radius : 25px;
+ width : auto;
+ margin-right : 0;
+ position : absolute;
+ left : 0;
+ top : 0;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost {
+ font-size : 12px;
+ line-height : 14px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a {
+ font-size : 12px;
+ line-height : 14px;
+ text-decoration : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a:hover, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a:hover {
+ text-decoration : underline;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor {
+ font-size : 12px;
+ line-height : 14px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a {
+ font-size : 12px;
+ line-height : 14px;
+ text-decoration : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a:hover, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a:hover {
+ text-decoration : underline;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor time, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor time {
+ font-size : 12px;
+ line-height : 14px;
+ display : block;
+ width : 100%;
+ color : #c6c6c6;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available {
+ width : 200px;
+ }
+ }
+ @media screen and (max-width:420px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available {
+ width : auto;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post img, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available img {
+ display : none;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available {
+ margin-top : 0;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available span {
+ display : inline;
+ vertical-align : middle;
+ line-height : 30px;
+ font-size : 12px;
+ line-height : 14px;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right {
+ width : 35%;
+ min-width : 330px;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right {
+ float : none;
+ width : 100%;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right {
+ display : none;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div a {
+ font-weight : 400;
+ color : #333;
+ text-decoration : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child + .ce-osbee-forum-child {
+ border-top : 1px solid #bbbbbb;
+ }
+ ul.nav-pills li {
+ display : inline-block;
+ }
+ ul.nav-pills li a {
+ font-size : 12px;
+ line-height : normal;
+ color : #333;
+ font-weight : 400;
+ text-decoration : none;
+ }
+ ul.nav-pills li a:hover {
+ text-decoration : underline;
+ }
+ ul.nav-pills li:last-of-type a {
+ font-weight : 700;
+ color : #333;
+ }
+ ul.nav-pills li + li:before {
+ content : "\f054";
+ color : #fc0;
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ font-size : 10px;
+ }
+ ul.nav-pills + .ce-osbee-forum {
+ margin-top : 20px;
+ }
+ .ce-osbee-forum-singlepost {
+ position : relative;
+ background : #fff;
+ padding : 30px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation {
+ width : 20%;
+ float : left;
+ padding-right : 2%;
+ border-right : 1px solid #bbb;
+ text-align : center;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon {
+ float : none;
+ display : block;
+ margin : 0;
+ background : #ececec;
+ padding : 10px;
+ text-align : center;
+ border-radius : 150px;
+ height : 85px;
+ width : 85px;
+ margin : 15px auto;
+ font-size : 60px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a {
+ font-size : 16px;
+ line-height : normal;
+ margin : 0 0 10px 0;
+ color : #333;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a:hover {
+ text-decoration : underline;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div span.screenname {
+ font-size : 16px;
+ line-height : normal;
+ margin : 0 0 10px 0;
+ color : #333;
+ font-weight : 700;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName {
+ font-size : 18px;
+ line-height : normal;
+ font-weight : 600;
+ color : #333;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered {
+ font-size : 14px;
+ line-height : normal;
+ color : #bbbbbb;
+ margin-bottom : 10px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .membersince {
+ font-size : 12px;
+ line-height : normal;
+ color : #bbbbbb;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .postcounts {
+ font-size : 12px;
+ line-height : normal;
+ color : #bbbbbb;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p {
+ font-size : 14px;
+ line-height : normal;
+ font-weight : 400;
+ margin : 0;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p + p {
+ margin-top : 2px;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation {
+ width : 25%;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a {
+ font-size : 14px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation {
+ float : none;
+ width : 100%;
+ border-right : none;
+ padding-right : 0;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon {
+ display : none;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div {
+ padding-bottom : 15px;
+ border-bottom : 1px solid #bbb;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div * {
+ display : block;
+ text-align : left;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a {
+ font-size : 14px;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.membersince, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.postcounts, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.unregistered {
+ margin-left : 0;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div {
+ padding-bottom : 15px;
+ }
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content {
+ width : 77%;
+ float : left;
+ padding-left : 2%;
+ margin-left : 3%;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content {
+ width : 70%;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content {
+ float : none;
+ margin-left : 0;
+ width : 100%;
+ margin-top : 20px;
+ }
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text {
+ padding : 0;
+ margin : 0;
+ font-size : 12px;
+ line-height : normal;
+ padding-top : 10px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text p {
+ font-size : 12px;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote {
+ background : #fff;
+ color : #333;
+ border : none;
+ margin : 0 0 15px 0;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user {
+ color : #333;
+ font-size : 12px;
+ font-weight : 400;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user a {
+ color : #333;
+ font-size : 12px;
+ font-weight : 400;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text {
+ margin-top : 10px;
+ font-style : italic;
+ color : #bbb;
+ font-size : 12px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text:before {
+ content : "\f10e";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ font-size : 30px;
+ color : #0067b1;
+ margin-right : 10px;
+ vertical-align : top;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote {
+ margin : -30px 0 10px 35px;
+ padding : 0;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote .tx-typo3forum-quote-text:before {
+ font-size : 20px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation {
+ border-bottom : 1px solid #bbb;
+ padding-bottom : 5px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu {
+ float : right;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu a {
+ font-weight : 400;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu .quote-icon {
+ padding-left : 0;
+ position : relative;
+ top : -4px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date {
+ float : left;
+ font-size : 12px;
+ line-height : normal;
+ color : #333;
+ font-style : normal;
+ font-size : 13px;
+ color : #bbb;
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation {
+ position : absolute;
+ top : 30px;
+ right : 30px;
+ border-bottom : none;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date {
+ float : none;
+ display : inline-block;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu {
+ float : none;
+ margin-left : 10px;
+ display : inline-block;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation {
+ position : relative;
+ top : 0;
+ text-align : right;
+ right : auto;
+ border-bottom : none;
+ }
+ }
+ .ce-osbee-forum-singlepost + .ce-osbee-forum-singlepost {
+ border-top : 1px solid #bbbbbb;
+ }
+ .ce-osbee-forum-singlepost:first-of-type {
+ margin-top : 30px;
+ }
+ .f3-widget-paginator {
+ margin : 40px 0 30px 0;
+ text-align : right;
+ }
+ .osbee-forum-empty {
+ display : none;
+ }
+ .osbee-forum-empty.enable {
+ display : block;
+ }
+ p.tx-srfeuserregister-pi1-error {
+ font-size : 13px;
+ line-height : normal;
+ }
+ .blogContentFullWidth {
+ margin-top : 25px;
+ }
+ .blogContent {
+ float : left;
+ width : 73.78%;
+ width : calc(100% - 32.85%);
+ display : block;
+ max-width : 740px;
+ padding : 50px 0;
+ margin-right : 4.85%;
+ padding-top : 0;
+ }
+ .blogContent a {
+ color : #0067b1;
+ }
+ @media screen and (max-width:1020px) {
+ .blogContent {
+ width : 100%;
+ max-width : none;
+ margin-right : 0;
+ float : none;
+ }
+ }
+ .blogSidebar {
+ float : left;
+ width : 23.30%;
+ width : calc(100% - 72%);
+ max-width : 240px;
+ display : block;
+ padding : 50px 0;
+ padding-top : 0;
+ margin-top : 40px;
+ }
+ @media screen and (max-width:1020px) {
+ .blogSidebar {
+ float : none;
+ width : 100%;
+ max-width : none;
+ }
+ }
+ .blogSidebar .csc-header {
+ width : 100%;
+ text-align : left;
+ }
+ .blogSidebar h3, .blogSidebar h1, .blogSidebar h2, .blogSidebar .ce-table table caption, .ce-table table .blogSidebar caption {
+ display : inline-block;
+ width : 100%;
+ padding : 0 0 3px 0;
+ border-bottom : 2px solid #fc0;
+ font-weight : bold;
+ margin : 0 0 10px 0;
+ font-size : 16px;
+ line-height : normal;
+ text-transform : none;
+ text-align : left;
+ }
+ .blogSidebar .news {
+ padding : 0;
+ margin-bottom : 40px;
+ }
+ .blogSidebar .blog-subscribe h2, .blogSidebar .blog-subscribe .ce-table table caption, .ce-table table .blogSidebar .blog-subscribe caption {
+ display : inline-block;
+ width : 100%;
+ padding : 0 0 3px 0;
+ border-bottom : 2px solid #fc0;
+ font-weight : bold;
+ margin : 0 0 10px 0;
+ font-size : 16px;
+ line-height : normal;
+ text-transform : none;
+ text-align : left;
+ }
+ .blogSidebar .blog-subscribe h2:after, .blogSidebar .blog-subscribe .ce-table table caption:after, .ce-table table .blogSidebar .blog-subscribe caption:after {
+ display : none;
+ }
+ .blogSidebar .blog-subscribe .tx-srfeuserregister-pi1-notice {
+ font-style : normal;
+ margin : 0;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .blogSidebar .blog-subscribe .terms {
+ margin-top : 15px;
+ }
+ .blogSidebar .blog-subscribe .terms .termsInputContainer {
+ float : left;
+ width : 10%;
+ text-align : left;
+ }
+ .blogSidebar .blog-subscribe .terms .termsInputContainer input {
+ width : 15px;
+ height : 15px;
+ border : #c6c6c6 solid 1px;
+ background : #fff;
+ }
+ .blogSidebar .blog-subscribe .terms p {
+ float : left;
+ width : 90%;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .blogSidebar .blog-subscribe .terms p a {
+ padding-left : 0;
+ background-image : none;
+ font-weight : 400;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .blogSidebar .blog-subscribe .terms p span {
+ display : none;
+ }
+ .blogSidebar .blog-subscribe .firstname input, .blogSidebar .blog-subscribe .email input {
+ margin-top : 0;
+ }
+ .news-list-view h3 {
+ margin : 0;
+ }
+ .news-list-view h3 a {
+ text-decoration : none;
+ }
+ .news-list-view h3 a span {
+ font-size : 18px;
+ color : #333;
+ font-weight : normal;
+ }
+ .news-list-view h3:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px 0 0 0;
+ }
+ .news-list-view .header {
+ display : inline-block;
+ width : 100%;
+ max-width : 470px;
+ max-width : 450px;
+ margin-bottom : 15px;
+ }
+ .news-list-view .article {
+ clear : both;
+ height : 210px;
+ height : auto;
+ border-bottom : 1px solid #fc0;
+ }
+ .news-list-view .article .footer {
+ display : none;
+ }
+ .news-list-view .no-media-element img {
+ width : 250px;
+ height : 187px;
+ }
+ .news-list-view .more {
+ font-size : 15px;
+ line-height : normal;
+ vertical-align : bottom;
+ }
+ .news-list-view .news-img-wrap {
+ display : inline-block;
+ margin : 0 !important ;
+ padding : 0;
+ max-width : 250px;
+ height : 100%;
+ width : 26%;
+ }
+ .news-list-view .news-img-wrap img {
+ max-width : 100%;
+ height : auto;
+ }
+ .news-list-view .news-img-wrap a {
+ margin : 0;
+ padding : 0;
+ border : 0;
+ max-width : 100%;
+ }
+ @media screen and (max-width:640px) {
+ .news-list-view .news-img-wrap {
+ display : none;
+ }
+ }
+ .news-list-view .news-content-wrap {
+ width : 72%;
+ float : left;
+ margin-left : 2%;
+ }
+ .news-list-view .news-content-wrap h3 {
+ margin-bottom : 20px;
+ }
+ @media screen and (max-width:640px) {
+ .news-list-view .news-content-wrap {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ }
+ }
+ .news-list-view .teaser-text > span {
+ display : block;
+ }
+ .news-list-view .teaser-text ul, .news-list-view .teaser-text ol {
+ padding-left : 0;
+ margin-left : 15px;
+ }
+ .news-list-view .teaser-text .more {
+ display : block;
+ margin-top : 15px;
+ }
+ .news-single {
+ padding : 0;
+ margin-top : 40px;
+ }
+ .news-single .header h3 {
+ font-size : 18px;
+ color : #333;
+ font-weight : normal;
+ margin-bottom : 25px;
+ margin-top : 10px;
+ }
+ .news-single .header h3:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px 0 0 0;
+ }
+ .news-single .news-text-wrap p {
+ color : #333;
+ }
+ .news-single .footer {
+ border-top : 1px solid #fc0;
+ margin-bottom : 40px;
+ padding : 0;
+ padding-top : 20px;
+ text-align : right;
+ }
+ .news-single .footer p {
+ font-weight : bold;
+ color : #333;
+ margin-bottom : 0;
+ }
+ .news-single .footer span span {
+ padding-right : 0;
+ margin-right : 0;
+ }
+ .news-single .footer .socialmedia {
+ display : none;
+ }
+ .news-single .news-backlink-wrap a {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : bold;
+ color : #333;
+ text-decoration : none;
+ }
+ .news-single .article .news-img-wrap {
+ width : 100%;
+ height : auto;
+ margin-bottom : 30px;
+ float : none;
+ margin : 0;
+ float : left;
+ width : auto;
+ margin-right : 15px;
+ margin-bottom : 25px;
+ max-width : 350px;
+ }
+ @media screen and (max-width:768px) {
+ .news-single .article .news-img-wrap {
+ max-width : none;
+ float : none;
+ margin-right : 0;
+ margin-bottom : 15px;
+ width : 100%;
+ }
+ }
+ .news-single .article .news-img-wrap img {
+ max-width : 100%;
+ height : auto;
+ }
+ .news-single .shareThisPost {
+ float : right;
+ border-left : 1px solid #ddd;
+ padding-left : 10px;
+ }
+ .news-single .news-list-category span {
+ display : inline-block;
+ font-size : 13px;
+ border-right : none;
+ }
+ .news-single .news-list-category span + span:before {
+ content : "|";
+ display : inline-block;
+ margin : 0 5px 0 2px;
+ }
+ @media screen and (max-width:768px) {
+ .news-single .news-list-category {
+ float : none;
+ width : 100%;
+ display : block;
+ margin-top : 5px;
+ }
+ .news-single .news-list-date {
+ margin-top : 5px;
+ }
+ .news-single .shareThisPost {
+ display : block;
+ width : 100%;
+ float : none;
+ padding-left : 0;
+ border-left : none;
+ }
+ }
+ .news p + ul {
+ margin-top : 15px;
+ }
+ .blogSidebar .news ul li {
+ padding-left : 0;
+ font-weight : 700;
+ }
+ .blogSidebar .news ul li ul li {
+ font-weight : 400;
+ }
+ .blogSidebar .news ul li:before {
+ display : none;
+ }
+ .csc-header {
+ margin : 0;
+ padding : 0;
+ display : inline-block;
+ }
+ .blog-commentContainer {
+ background : #ececec;
+ padding : 15px 10px;
+ }
+ .blog-commentContainer form {
+ margin-bottom : 20px;
+ padding-bottom : 30px;
+ border-bottom : 1px solid #bbbbbb;
+ }
+ .blog-commentContainer form h3 {
+ margin : 5px 0 0 0;
+ }
+ .blog-commentContainer form textarea {
+ resize : none;
+ height : 120px;
+ padding : 10px;
+ width : 100%;
+ margin-top : 10px;
+ color : #bbb;
+ font-size : 18px;
+ line-height : normal;
+ }
+ .blog-commentContainer form textarea + p {
+ font-size : 14px;
+ line-height : normal;
+ color : #bbb;
+ text-align : right;
+ }
+ .blog-commentContainer form input[type="submit"] {
+ display : inline-block;
+ font-size : 15px;
+ line-height : normal;
+ color : #fff;
+ border : none;
+ outline : none;
+ text-align : center;
+ background : #0067b1;
+ text-transform : uppercase;
+ padding : 15px;
+ min-width : 160px;
+ margin-top : -10px;
+ font-weight : 700;
+ cursor : pointer;
+ }
+ .toctoc-comments-pi1 {
+ border-bottom : 1px solid transparent;
+ }
+ .tx-tc-sortlistmenu .tx-tc-dsclmrlistmenutitle:first-child {
+ display : none;
+ }
+ .tx-tc-ct-ry-report-line {
+ text-align : right;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .tx-tc-cts-ct-box + .tx-tc-cts-ct-box {
+ border-top : 1px solid #c6c6c6;
+ padding-top : 15px !important ;
+ }
+ .tx-tc-cts-ct-box + .tx-tc-cts-ct-box.replyAnswer {
+ border-top : none;
+ }
+ .blog-usercomment {
+ margin-left : 0 !important ;
+ }
+ .blog-usercomment h3 {
+ margin-bottom : 5px;
+ margin-top : 0;
+ }
+ .blog-usercomment h3 time {
+ display : inline-block;
+ }
+ .blog-usercomment h3 .tx-tc-popularity-pic {
+ display : none;
+ }
+ .blog-usercomment + .blog-usercomment {
+ margin-top : 25px;
+ }
+ .tx-tc-indent-subcmt {
+ background : #fff;
+ padding : 15px 10px !important ;
+ margin-left : 30px;
+ position : relative;
+ }
+ .tx-tc-indent-subcmt h3 {
+ margin-bottom : 10px;
+ margin-top : 0;
+ }
+ .tx-tc-indent-subcmt h3 time {
+ display : inline-block;
+ }
+ .tx-tc-indent-subcmt h3 .tx-tc-popularity-pic {
+ display : none;
+ }
+ .tx-tc-indent-subcmt:before, .tx-tc-indent-subcmt:after {
+ bottom : 100%;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .tx-tc-indent-subcmt:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-bottom-color : #fff;
+ border-width : 15px;
+ margin-left : -200px;
+ }
+ .tx-tc-indent-subcmt:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-bottom-color : #fff;
+ border-width : 15px;
+ margin-left : -200px;
+ }
+ .new-socialmedia {
+ font-size : 15px;
+ }
+ .new-socialmedia i {
+ font-size : 22px;
+ }
+ .tx-tc-dtadyn {
+ padding : 0 25px !important ;
+ }
+ .tx-tc-ct-form-field-upload {
+ display : none !important ;
+ }
+ .tx-tc-width100-85 {
+ width : 100%;
+ float : none !important ;
+ }
+ .tx-tc-ct-form-gender {
+ display : none;
+ }
+ .tx-tc-ct-form-field {
+ margin-top : 5px;
+ }
+ .tx-tc-ct-form-field input {
+ background : #fff !important ;
+ border : #c6c6c6 solid 1px;
+ color : #333 !important ;
+ }
+ .tx-tcfh112 {
+ opacity : 1 !important ;
+ }
+ .tx-tc-ct-reqhint {
+ font-size : 12px !important ;
+ line-height : normal !important ;
+ }
+ .latest-news-container {
+ background : #ececec;
+ padding : 40px 0;
+ }
+ .latest-news-container .startpage-latesnews {
+ float : left;
+ width : calc((100% - 60px) / 3);
+ border-bottom : 1px solid #fc0;
+ padding-bottom : 20px;
+ position : relative;
+ }
+ .latest-news-container .startpage-latesnews .news-img-wrap {
+ width : 100%;
+ margin-bottom : 15px;
+ max-width : none;
+ vertical-align : bottom;
+ display : table-cell;
+ }
+ .latest-news-container .startpage-latesnews .news-img-wrap a {
+ display : block;
+ }
+ .latest-news-container .startpage-latesnews .news-img-wrap img {
+ width : 100%;
+ display : block;
+ height : auto;
+ }
+ .latest-news-container .startpage-latesnews .header {
+ width : 100%;
+ height : auto;
+ }
+ .latest-news-container .startpage-latesnews .header h3 {
+ font-weight : 400;
+ }
+ .latest-news-container .startpage-latesnews .header h3 span {
+ font-size : 14px;
+ line-height : 19.6px;
+ font-size : 0.875rem;
+ line-height : 1.225rem;
+ }
+ .latest-news-container .startpage-latesnews .header h3:after {
+ display : none;
+ }
+ .latest-news-container .startpage-latesnews + .startpage-latesnews {
+ margin-left : 30px;
+ }
+ @media screen and (max-width:768px) {
+ .latest-news-container .startpage-latesnews {
+ float : none;
+ width : 100%;
+ }
+ .latest-news-container .startpage-latesnews .news-img-wrap {
+ width : 25%;
+ margin-right : 5%;
+ float : left;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container {
+ float : left;
+ width : 70%;
+ padding-left : 25px;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container .header {
+ margin-bottom : 0;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container .header h3 span {
+ font-size : 15px;
+ line-height : normal;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container .teaser-text .more {
+ margin-top : 5px;
+ }
+ .latest-news-container .startpage-latesnews + .startpage-latesnews {
+ margin-left : 0;
+ margin-top : 30px;
+ }
+ }
+ @media screen and (max-width:520px) {
+ .latest-news-container .startpage-latesnews .news-img-wrap {
+ display : none;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container {
+ float : none;
+ width : 100%;
+ }
+ }
+ .rss-feed-button {
+ padding-bottom : 50px;
+ }
+ .rss-feed-button a {
+ width : 100%;
+ text-align : center;
+ }
+ .rss-feed-button a i {
+ font-size : 16px;
+ }
+ .new-socialmedia {
+ padding-right : 0 !important ;
+ }
+ .shariff .orientation-horizontal {
+ display : block !important ;
+ text-align : right !important ;
+ }
+ .shariff .orientation-horizontal.col-5 li {
+ flex : none !important ;
+ min-width : 0 !important ;
+ max-width : none;
+ width : auto !important ;
+ margin-right : 10px !important ;
+ margin-left : 0 !important ;
+ padding : 0;
+ float : none;
+ display : inline-block;
+ margin-bottom : 0;
+ }
+ .shariff .orientation-horizontal.col-5 .fa {
+ border-right : none !important ;
+ padding-right : 0;
+ margin-right : 0;
+ width : auto !important ;
+ line-height : normal;
+ font-size : 13px !important ;
+ }
+ .shariff .orientation-horizontal.col-5 .share_text {
+ display : none;
+ }
+ .shariff .theme-grey .shariff-button.info {
+ border : none;
+ padding-left : 5px;
+ }
+ .shariff .theme-grey .shariff-button.info .share_text {
+ display : none !important ;
+ }
+ .shariff .theme-grey .shariff-button.info a {
+ color : #000;
+ }
+ .shariff .theme-grey .shariff-button a {
+ background : transparent !important ;
+ background-color : transparent !important ;
+ height : auto;
+ line-height : normal;
+ }
+ .shariff .theme-grey .shariff-button a span {
+ color : #333;
+ }
+ .shariff .theme-grey .shariff-button a span:before {
+ color : #333;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive {
+ font-family : "Open Sans", sans-serif;
+ border : none !important ;
+ padding : 10px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu {
+ border : none;
+ margin-bottom : 25px;
+ font-size : 15px;
+ line-height : normal;
+ border-bottom : 1px solid #0067b1;
+ padding-bottom : 10px;
+ background : transparent;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu:hover {
+ border-bottom : 1px solid #0067b1;
+ background : transparent !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu .tx-tc-sortlistmenutitle {
+ color : #333;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortind-pop {
+ width : 18px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-frmsqrhgt {
+ height : auto !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-ctinput-textarea {
+ height : 150px;
+ padding : 10px 15px !important ;
+ font-size : 15px;
+ line-height : normal !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-ct-submit-loggedin {
+ background : #be1622;
+ color : #fff;
+ font-size : 15px;
+ padding : 5px 10px;
+ margin-left : 4.5% !important ;
+ font-family : "Open Sans", sans-serif;
+ opacity : 1;
+ border-radius : 0;
+ border : none !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp {
+ opacity : 1 !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage {
+ height : auto;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage div.tx-tc-emo-nav-frm {
+ margin-bottom : 20px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emopage-emojis {
+ height : auto;
+ margin-bottom : 20px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emo-bot-nav {
+ height : auto;
+ width : 100% !important ;
+ border : none !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-menutitle-hilight {
+ background : transparent;
+ border : none;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel {
+ padding : 10px;
+ right : -2px;
+ top : 28px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox {
+ font-size : 14px;
+ line-height : normal;
+ font-weight : 600;
+ color : #0067b1;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink {
+ color : #0067b1;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink-selected {
+ color : #be1622;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortpopular {
+ border : none;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box {
+ margin : 0;
+ padding : 0 10px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ctdate {
+ font-size : 12px;
+ line-height : normal;
+ color : #333;
+ display : block;
+ margin-top : 2px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text {
+ font-size : 15px;
+ line-height : normal;
+ color : #333;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text img {
+ display : none;
+ }
+ @media screen and (max-width:480px) {
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text {
+ font-size : 12px;
+ line-height : normal;
+ }
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box + .tx-tc-cts-ct-box {
+ margin-top : 25px;
+ padding-top : 25px !important ;
+ border-top : 1px solid #0067b1;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ct-box-cttxt-reply {
+ border : none !important ;
+ padding : 0 !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt {
+ padding-left : 25px !important ;
+ width : 100% !important ;
+ background : #f6f7f8;
+ padding-top : 0 !important ;
+ border-top : none;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:after {
+ display : none !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox {
+ position : relative;
+ background : #fff;
+ border : #fff solid 4px;
+ padding : 10px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before {
+ bottom : 100%;
+ left : 12%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after {
+ border-color : rgba(191, 30, 46, 0);
+ border-bottom-color : #fff;
+ border-width : 25px;
+ margin-left : -25px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before {
+ border-color : rgba(191, 30, 46, 0);
+ border-bottom-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-box-picturecrop32 {
+ padding : 0;
+ height : 32px;
+ margin-right : 10px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-text {
+ padding-top : 0 !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ctdate {
+ margin-left : 42px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-tabledisp {
+ margin-left : 25px !important ;
+ width : calc(100% - 25px) !important ;
+ }
+ .tx-felogin-pi1 {
+ background-color : #ececec;
+ padding : 30px 17px 70px 17px;
+ margin-bottom : 50px;
+ }
+ .tx-felogin-pi1 h3 {
+ font-family : "Quicksand", sans-serif;
+ font-weight : 700;
+ text-transform : uppercase;
+ color : #333;
+ font-size : 24px;
+ line-height : normal;
+ text-align : left;
+ margin-bottom : 20px;
+ }
+ .tx-felogin-pi1 h3:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px 0 0 0;
+ }
+ .tx-felogin-pi1 form fieldset {
+ border : none;
+ padding : 0;
+ }
+ .tx-felogin-pi1 form fieldset > div {
+ width : 400px;
+ }
+ .tx-felogin-pi1 form fieldset > div > div {
+ border : #c6c6c6 solid 1px;
+ display : inline-block;
+ float : left;
+ width : 49%;
+ height : 53px;
+ line-height : 53px;
+ margin-top : 20px;
+ padding-left : 10px;
+ }
+ .tx-felogin-pi1 form fieldset > div > div:first-child {
+ margin-right : 2%;
+ }
+ .tx-felogin-pi1 form fieldset > div label {
+ display : inline-block;
+ }
+ .tx-felogin-pi1 form fieldset > div input[type="text"], .tx-felogin-pi1 form fieldset > div input[type="password"] {
+ width : 100%;
+ height : 55px;
+ border : #c6c6c6 solid 1px;
+ padding : 10px;
+ color : #333;
+ font-size : 15px;
+ }
+ .tx-felogin-pi1 form fieldset > div input[type="submit"] {
+ background : none 0% 0% repeat scroll #0067b1;
+ font-size : 1rem;
+ line-height : 1.4rem;
+ text-transform : uppercase;
+ color : #fff;
+ padding : 15px 60px;
+ margin-top : 20px;
+ border : none medium;
+ outline : medium none;
+ font-weight : 700;
+ cursor : pointer;
+ width : 100%;
+ }
+ @media screen and (max-width:485px) {
+ .tx-felogin-pi1 form fieldset > div {
+ width : 100%;
+ }
+ .tx-felogin-pi1 form fieldset > div > div {
+ width : 100%;
+ }
+ .tx-felogin-pi1 form fieldset > div > div:first-child {
+ margin-right : 0;
+ }
+ }
+ .tx-felogin-pi1 .felogin-links {
+ padding-top : 4px;
+ width : 400px;
+ }
+ .tx-felogin-pi1 .felogin-links > div {
+ display : inline-block;
+ float : right;
+ }
+ .tx-felogin-pi1 .felogin-links > div:first-child {
+ float : left;
+ }
+ .tx-felogin-pi1 .felogin-links > div a {
+ color : #333;
+ font-weight : normal;
+ }
+ @media screen and (max-width:485px) {
+ .tx-felogin-pi1 .felogin-links {
+ width : 100%;
+ }
+ .tx-felogin-pi1 .felogin-links > div {
+ display : block;
+ float : none;
+ margin-top : 5px;
+ }
+ .tx-felogin-pi1 .felogin-links > div:first-child {
+ float : none;
+ }
+ }
+ .tx-sy-osbeeproducts {
+ padding : 0 0 40px 0;
+ }
+ .tx-sy-osbeeproducts h2, .tx-sy-osbeeproducts .ce-table table caption, .ce-table table .tx-sy-osbeeproducts caption {
+ font-weight : 700;
+ color : #0067b1;
+ font-size : 18px;
+ line-height : normal;
+ display : block;
+ margin : 0 0 5px 0;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory, .tx-sy-osbeeproducts .os_cartApps {
+ margin-bottom : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table, .tx-sy-osbeeproducts .os_cartApps table {
+ border-spacing : 0;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type {
+ border-left : 1px solid #c6c6c6;
+ border-right : 1px solid #c6c6c6;
+ border-top : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td, .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td {
+ background : #ececec;
+ padding : 10px 0 10px 10px;
+ height : 40px;
+ color : #313131;
+ font-weight : 700;
+ border-bottom : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ border-top : 1px solid #c6c6c6;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) {
+ background : #d7d7d7;
+ padding : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3) {
+ text-align : right;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) {
+ text-align : right;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6) {
+ padding : 10px 0;
+ border-left : none;
+ text-align : center;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row, .tx-sy-osbeeproducts .os_cartApps table tr.row {
+ border-bottom : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td, .tx-sy-osbeeproducts .os_cartApps table tr.row td {
+ background : #fff;
+ padding : 10px 0 10px 10px;
+ color : #313131;
+ font-weight : 400;
+ border-left : 1px solid #c6c6c6;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr.row td:first-of-type {
+ color : #0067b1;
+ text-decoration : none;
+ font-weight : 700;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(2) {
+ padding : 0 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4) {
+ text-align : right;
+ padding-right : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) {
+ padding : 10px 0;
+ text-align : center;
+ padding-left : 10px;
+ padding-right : 10px;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) i, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) i {
+ font-size : 20px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a {
+ margin : 0;
+ padding : 0;
+ background : transparent;
+ border : none;
+ color : #be1622;
+ font-size : 20px;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a:hover, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a:hover {
+ text-decoration : none;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td {
+ font-size : 15px;
+ line-height : normal;
+ border-left : 1px solid #c6c6c6;
+ border-top : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:first-of-type {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ text-align : left;
+ padding : 10px;
+ background : #ececec;
+ height : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(2) {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ text-align : right;
+ padding : 10px;
+ background : #d7d7d7;
+ height : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(5), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(5) {
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ text-align : right;
+ background : #ececec;
+ padding : 10px;
+ height : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:last-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:last-of-type {
+ min-height : 1px;
+ background : #ececec;
+ height : 40px;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td {
+ padding : 10px;
+ font-size : 15px;
+ font-weight : 700;
+ line-height : normal;
+ background : #ececec;
+ border-top : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2) {
+ background : #d7d7d7;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3) {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7) {
+ text-align : right;
+ padding-right : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8) {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8) {
+ border-right : 1px solid #c6c6c6;
+ text-align : center;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td {
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3) {
+ border-left : none;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4) {
+ border-left : none;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(7), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) {
+ border-left : none;
+ text-align : right;
+ padding-right : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) {
+ padding : 10px 0;
+ text-align : center;
+ padding-left : 10px;
+ padding-right : 10px;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) i {
+ font-size : 20px;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a {
+ margin : 0;
+ padding : 0;
+ background : transparent;
+ border : none;
+ color : #be1622;
+ font-size : 20px;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a:hover {
+ text-decoration : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td {
+ padding : 10px;
+ border-top : none;
+ font-weight : 700;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(4) {
+ background : #ececec;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:last-of-type {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules {
+ padding-bottom : 80px;
+ margin-bottom : 80px;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table {
+ border-spacing : 0;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td {
+ padding : 10px;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ background : #ececec;
+ border-top : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(2) {
+ background : #d7d7d7;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:last-of-type {
+ border-left : none;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td {
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td:first-of-type {
+ color : #0067b1;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(2) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td:last-of-type {
+ border-right : 1px solid #c6c6c6;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td {
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ height : 40px;
+ padding : 10px;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td div {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(2) {
+ background : #d7d7d7;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(3) {
+ background : #ececec;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:last-of-type {
+ background : #ececec;
+ border-right : 1px solid #c6c6c6;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport {
+ margin-bottom : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div {
+ float : left;
+ width : calc((100% - 30px) / 4);
+ background : #ececec;
+ border : #c6c6c6 solid 1px;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .radioSupportName {
+ margin-top : 10px;
+ margin-right : 10px;
+ padding : 10px;
+ font-size : 18px;
+ line-height : normal;
+ color : #fff;
+ font-weight : 700;
+ text-transform : uppercase;
+ letter-spacing : 3px;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container {
+ padding : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container .radioSupport {
+ width : 20px;
+ height : 20px;
+ display : inline-block;
+ margin : 0 5px 0 0;
+ vertical-align : bottom;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container div {
+ display : inline-block;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container a {
+ color : #0067b1;
+ font-size : 15px;
+ text-decoration : none;
+ display : block;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container a:hover {
+ text-decoration : underline;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div:first-of-type .radioSupportName {
+ background : #d1d1d1;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div:nth-of-type(2) .radioSupportName {
+ background : #fc0;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div:nth-of-type(3) .radioSupportName {
+ background : #777372;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div:last-of-type .radioSupportName {
+ background : #3a3a3a;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div + div {
+ margin-left : 10px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport {
+ margin-bottom : 40px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div {
+ float : left;
+ width : calc((100% - 20px) / 3);
+ background : #ececec;
+ border : #c6c6c6 solid 1px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .radioAppSupportName {
+ margin-top : 10px;
+ margin-right : 10px;
+ padding : 10px;
+ font-size : 18px;
+ line-height : normal;
+ color : #fff;
+ font-weight : 700;
+ text-transform : uppercase;
+ letter-spacing : 1px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container {
+ padding : 10px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container .radioAppSupport {
+ width : 20px;
+ height : 20px;
+ display : inline-block;
+ margin : 0 5px 0 0;
+ vertical-align : bottom;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container div {
+ display : inline-block;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container a {
+ color : #0067b1;
+ font-size : 15px;
+ text-decoration : none;
+ display : block;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container a:hover {
+ text-decoration : underline;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div:first-of-type .radioAppSupportName {
+ background : #88b3d6;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div:nth-of-type(2) .radioAppSupportName {
+ background : #3f83c0;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div:nth-of-type(3) .radioAppSupportName {
+ background : #105b9e;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div + div {
+ margin-left : 10px;
+ }
+ .tx-sy-osbeeproducts .overviewSupport {
+ margin-bottom : 80px;
+ padding-bottom : 80px;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table {
+ border-spacing : 0;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ padding : 10px;
+ background : #ececec;
+ border-top : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:first-of-type {
+ border-left : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(4) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:last-of-type {
+ text-align : right;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td {
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-bottom : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:first-of-type .chosenSupport {
+ font-weight : 700;
+ color : #0067b1;
+ font-size : 15px;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(2) {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:last-of-type {
+ border-left : none;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td {
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(2) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(4) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:last-of-type {
+ border-right : 1px solid #c6c6c6;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td {
+ background : #ececec;
+ height : 40px;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:first-of-type {
+ border-left : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:nth-of-type(4) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:last-of-type {
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .lastStep {
+ border : #c6c6c6 solid 1px;
+ background : #ececec;
+ }
+ .tx-sy-osbeeproducts .lastStep table {
+ border-spacing : 0;
+ }
+ .tx-sy-osbeeproducts .lastStep table tr td {
+ padding : 0 10px 2px 10px;
+ font-size : 15px;
+ line-height : normal;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .lastStep table tr:first-of-type td {
+ padding-top : 10px;
+ }
+ .tx-sy-osbeeproducts .lastStep table tr:last-of-type td {
+ font-weight : 700;
+ padding-bottom : 10px;
+ }
+ .tx-sy-osbeeproducts .linkInActive {
+ background : #bbbbbb;
+ color : #fff;
+ padding : 10px 20px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 18px;
+ line-height : normal;
+ float : left;
+ margin-top : 20px;
+ border : none;
+ cursor : pointer;
+ }
+ .tx-sy-osbeeproducts .tooltipp {
+ display : none;
+ position : absolute;
+ background-color : #dddddd;
+ padding : 10px 20px;
+ color : black;
+ font-size : 18px;
+ margin-left : 120px;
+ float : left;
+ margin-top : 20px;
+ }
+ .tx-sy-osbeeproducts .checkoutOption {
+ margin-top : 20px;
+ }
+ .tx-sy-osbeeproducts .checkoutOption .checkoutSubmit {
+ background : #be1622;
+ color : #fff;
+ padding : 10px 20px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 18px;
+ line-height : normal;
+ float : right;
+ border : none;
+ cursor : pointer;
+ }
+ .tx-sy-osbeeproducts .checkoutOption .checkoutSubmit.blue {
+ background : #0067b1;
+ color : #fff;
+ padding : 10px 20px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 18px;
+ line-height : normal;
+ float : left;
+ border : none;
+ cursor : pointer;
+ }
+ .step3YourData, .mp-contentContainer.checkout .step3YourOrder {
+ padding-bottom : 80px;
+ margin-bottom : 80px;
+ border-bottom : 1px solid #bcbcbc;
+ border-spacing : 0;
+ width : 100%;
+ }
+ .step3YourData caption, .mp-contentContainer.checkout .step3YourOrder caption {
+ font-weight : 700;
+ color : #1268b3;
+ font-size : 18px;
+ line-height : normal;
+ display : block;
+ margin : 0 0 2px 0;
+ text-align : left;
+ }
+ .step3YourData tr:first-of-type td, .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td {
+ padding : 10px;
+ font-weight : 700;
+ font-size : 14px;
+ line-height : normal;
+ background : #f5f5f5;
+ border-top : 1px solid #bcbcbc;
+ border-left : 1px solid #bcbcbc;
+ border-bottom : 1px solid #bcbcbc;
+ }
+ .step3YourData tr:first-of-type td:nth-of-type(2), .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:nth-of-type(2) {
+ background : #d7d7d7;
+ }
+ .step3YourData tr:first-of-type td:last-of-type, .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:last-of-type {
+ border-left : none;
+ border-right : 1px solid #bcbcbc;
+ }
+ .step3YourData tr.row td, .mp-contentContainer.checkout .step3YourOrder tr.row td {
+ font-size : 14px;
+ line-height : normal;
+ padding : 10px;
+ border-left : 1px solid #bcbcbc;
+ border-bottom : 1px solid #bcbcbc;
+ border-right : 1px solid #bcbcbc;
+ }
+ .step3YourData tr.row td:first-of-type, .mp-contentContainer.checkout .step3YourOrder tr.row td:first-of-type {
+ color : #1268b3;
+ font-weight : 700;
+ font-size : 14px;
+ line-height : normal;
+ border-right : none;
+ }
+ .orderlist table {
+ margin-bottom : 80px;
+ border-spacing : 0;
+ width : 100%;
+ }
+ .orderlist table caption {
+ font-weight : 700;
+ color : #1268b3;
+ font-size : 18px;
+ line-height : normal;
+ display : block;
+ margin : 0 0 2px 0;
+ text-align : left;
+ }
+ .orderlist table tr:first-of-type th {
+ padding : 10px;
+ font-weight : 700;
+ font-size : 14px;
+ line-height : normal;
+ background : #f5f5f5;
+ border-top : 1px solid #bcbcbc;
+ border-left : 1px solid #bcbcbc;
+ border-bottom : 1px solid #bcbcbc;
+ text-align : left;
+ }
+ .orderlist table tr:first-of-type th:nth-of-type(3) {
+ text-align : center;
+ }
+ .orderlist table tr:first-of-type th:nth-of-type(4) {
+ text-align : right;
+ }
+ .orderlist table tr:first-of-type th:last-of-type {
+ border-right : 1px solid #bcbcbc;
+ }
+ .orderlist table tr td {
+ font-size : 14px;
+ line-height : normal;
+ padding : 10px;
+ border-left : 1px solid #bcbcbc;
+ border-bottom : 1px solid #bcbcbc;
+ }
+ .orderlist table tr td:nth-of-type(3) {
+ text-align : center;
+ }
+ .orderlist table tr td:nth-of-type(4) {
+ text-align : right;
+ }
+ .orderlist table tr td:last-of-type {
+ border-right : 1px solid #bcbcbc;
+ }
+ .step3YourOrder {
+ width : 100%;
+ border-spacing : 0;
+ margin-bottom : 80px;
+ }
+ .step3YourOrder caption {
+ text-align : left;
+ font-size : 18px;
+ color : #0067b1;
+ font-weight : 700;
+ padding-bottom : 5px;
+ }
+ .step3YourOrder tr td {
+ font-size : 14px;
+ line-height : normal;
+ padding : 10px;
+ border-top : 1px solid #bcbcbc;
+ border-right : 1px solid #bcbcbc;
+ }
+ .step3YourOrder tr td:first-of-type {
+ width : 35%;
+ font-weight : 700;
+ border-left : 1px solid #bcbcbc;
+ }
+ .step3YourOrder tr:last-of-type td {
+ border-bottom : 1px solid #bcbcbc;
+ }
+ .step3YourOrder tr:nth-child(odd) {
+ background : #f5f5f5;
+ }
+ .backToListButton {
+ margin-bottom : 40px;
+ }
+ .mp-contentContainer.checkout h1 {
+ font-size : 20px;
+ line-height : normal;
+ margin-bottom : 80px;
+ font-weight : 700;
+ text-transform : none;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout h1 {
+ font-size : 18px;
+ margin-bottom : 40px;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_optionText {
+ padding : 25px 40px;
+ border : #bcbcbc solid 1px;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_optionText {
+ padding : 15px 20px;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_optionText strong {
+ display : block;
+ font-weight : 700;
+ color : #333;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .mp-contentContainer.checkout .checkout_optionText p {
+ margin : 10px 0 0 0;
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption {
+ padding : 25px 40px;
+ background : #f5f5f5;
+ border : #bcbcbc solid 1px;
+ margin-top : 15px;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_paymentOption {
+ padding : 15px 20px;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption {
+ color : #333;
+ margin-bottom : 25px;
+ font-size : 24px;
+ line-height : normal;
+ text-transform : uppercase;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption {
+ font-size : 18px;
+ line-height : normal;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2), .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) {
+ padding : 15px 20px;
+ border : #bcbcbc solid 1px;
+ background : #fff;
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) input, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) input {
+ display : inline-block;
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label {
+ vertical-align : bottom;
+ display : inline-block;
+ margin-left : 10px;
+ font-size : 20px;
+ font-weight : 700;
+ line-height : normal;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label {
+ font-size : 14px;
+ line-height : normal;
+ margin-left : 5px;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) + div, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) + div {
+ margin-top : 10px;
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption input[type="submit"] {
+ display : inline-block;
+ margin-top : 20px;
+ background : #0067b1;
+ border : none;
+ color : #fff;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 18px;
+ line-height : normal;
+ padding : 8px 16px;
+ cursor : pointer;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_paymentOption input[type="submit"] {
+ font-size : 14px;
+ line-height : normal;
+ }
+ }
+ .mp-contentContainer.checkout .step3YourData, .mp-contentContainer.checkout .step3YourOrder {
+ width : 100%;
+ border-spacing : 0;
+ }
+ .mp-contentContainer.checkout .step3YourData caption, .mp-contentContainer.checkout .step3YourOrder caption {
+ text-align : left;
+ font-size : 18px;
+ color : #0067b1;
+ font-weight : 700;
+ padding-bottom : 5px;
+ }
+ .mp-contentContainer.checkout .step3YourData tr td, .mp-contentContainer.checkout .step3YourOrder tr td {
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-top : 1px solid #bcbcbc;
+ border-right : 1px solid #bcbcbc;
+ }
+ .mp-contentContainer.checkout .step3YourData tr td:first-of-type, .mp-contentContainer.checkout .step3YourOrder tr td:first-of-type {
+ width : 35%;
+ font-weight : 700;
+ border-left : 1px solid #bcbcbc;
+ }
+ .mp-contentContainer.checkout .step3YourData tr:last-of-type td, .mp-contentContainer.checkout .step3YourOrder tr:last-of-type td {
+ border-bottom : 1px solid #bcbcbc;
+ }
+ .mp-contentContainer.checkout .step3YourData tr:nth-child(odd), .mp-contentContainer.checkout .step3YourOrder tr:nth-child(odd) {
+ background : #f5f5f5;
+ }
+ .mp-contentContainer.checkout .step3YourOrder {
+ margin-top : 40px;
+ }
+ .mp-contentContainer.checkout .step3CheckoutButton {
+ color : #fff;
+ text-decoration : none;
+ background : #0067b1;
+ font-size : 18px;
+ line-height : normal;
+ padding : 8px 16px;
+ border : none;
+ cursor : pointer;
+ display : inline-block;
+ margin-top : 20px;
+ }
+ .checkout_thankyou {
+ border : #bcbcbc solid 1px;
+ padding : 25px 40px;
+ margin : 40px 0;
+ }
+ .checkout_thankyou strong {
+ display : block;
+ font-weight : 700;
+ color : #333;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .checkout_thankyou p {
+ margin : 10px 0 0 0;
+ }
+ .tx-contentpackage-checkoutFormular div {
+ display : block;
+ }
+ .tx-contentpackage-checkoutFormular div label {
+ width : 25%;
+ text-align : right;
+ padding-right : 1em;
+ float : left;
+ height : 55px;
+ vertical-align : middle;
+ line-height : 55px;
+ }
+ .tx-contentpackage-checkoutFormular div input {
+ text-align : left;
+ width : 50%;
+ float : left;
+ height : 55px;
+ border : #bbb solid 1px;
+ padding : 10px;
+ }
+ .tx-contentpackage-checkoutFormular div + div {
+ margin-top : 5px;
+ }
+ @media screen and (max-width:600px) {
+ .tx-contentpackage-checkoutFormular div label {
+ display : block;
+ width : 100%;
+ float : none;
+ height : auto;
+ text-align : left;
+ }
+ .tx-contentpackage-checkoutFormular div input {
+ float : none;
+ display : block;
+ width : 100%;
+ }
+ }
+ .tx-contentpackage-checkoutFormular input[type="submit"] {
+ background : #0067b1;
+ font-size : 15px;
+ line-height : 22.4px;
+ font-size : 1rem;
+ line-height : 1.4rem;
+ text-transform : uppercase;
+ color : #fff;
+ padding : 15px;
+ margin-top : 30px;
+ border : none;
+ outline : none;
+ font-weight : 700;
+ cursor : pointer;
+ margin-left : 25%;
+ }
+ @media screen and (max-width:600px) {
+ .tx-contentpackage-checkoutFormular input[type="submit"] {
+ margin-left : 0;
+ }
+ }
+ .checkoutSteps {
+ margin-bottom : 40px;
+ text-align : center;
+ }
+ .checkoutSteps .step {
+ display : inline-block;
+ position : relative;
+ background : #ccc;
+ border : #fff solid 4px;
+ border-bottom : none;
+ border-top : none;
+ padding-left : 10px;
+ padding-right : 10px;
+ z-index : 10;
+ color : #fff;
+ font-weight : 700;
+ font-size : 16px;
+ height : 47px;
+ line-height : 46px;
+ }
+ .checkoutSteps .step.active {
+ background : #0067b1;
+ }
+ .checkoutSteps .step.active:after {
+ border-left-color : #0067b1;
+ }
+ .checkoutSteps .step:after, .checkoutSteps .step:before {
+ left : 100%;
+ top : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .checkoutSteps .step:after {
+ border-color : rgba(204, 204, 204, 0);
+ border-left-color : #ccc;
+ border-width : 23px;
+ margin-top : -23px;
+ }
+ .checkoutSteps .step:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-left-color : #fff;
+ border-width : 28px;
+ margin-top : -28px;
+ }
+ .checkoutSteps .step + .step {
+ padding-left : 30px;
+ z-index : 9;
+ margin-left : -4px;
+ }
+ .checkoutSteps .step + .step + .step {
+ z-index : 8;
+ }
+ .checkoutSteps .step + .step + .step + .step {
+ z-index : 7;
+ }
+ .checkoutError {
+ background : #be1622;
+ color : #fff;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ text-align : center;
+ margin-bottom : 40px;
+ display : block;
+ padding : 5px 10px;
+ }
+ .tx-indexedsearch-searchbox {
+ padding-top : 50px;
+ padding-bottom : 50px;
+ }
+ .tx-indexedsearch-searchbox form label {
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ display : block;
+ }
+ .tx-indexedsearch-searchbox form input[type="text"] {
+ height : 25px;
+ border : #c6c6c6 solid 1px;
+ font-size : 12px;
+ min-width : 280px;
+ padding : 0 5px;
+ }
+ .tx-indexedsearch-searchbox form input[type="submit"] {
+ display : block;
+ background : #be1622;
+ color : #fff;
+ border : none;
+ font-size : 15px;
+ padding : 5px 10px;
+ margin-top : 5px;
+ min-width : 280px;
+ }
+ .suchergebnis {
+ padding-bottom : 50px;
+ }
+ .tx-indexedsearch-browsebox {
+ list-style-type : none;
+ margin : 0;
+ padding : 0;
+ }
+ .tx-indexedsearch-browsebox ul {
+ list-style-type : none;
+ margin-top : 15px;
+ margin-bottom : 15px;
+ }
+ .tx-indexedsearch-browsebox li {
+ float : left;
+ }
+ .tx-indexedsearch-browsebox li a {
+ color : #c6c6c6;
+ text-decoration : none;
+ }
+ .tx-indexedsearch-browsebox li + li {
+ margin-left : 10px;
+ }
+ .tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a {
+ color : #be1622;
+ }
+ .tx-indexedsearch-browsebox + .tx-indexedsearch-res {
+ margin-top : 40px;
+ }
+ .tx-indexedsearch-res + .tx-indexedsearch-res {
+ margin-top : 25px;
+ padding-top : 25px;
+ border-top : 1px solid #c6c6c6;
+ }
+ .tx-indexedsearch-res + .tx-indexedsearch-browsebox {
+ margin-top : 40px;
+ }
+ .tx-srfeuserregister-pi1 {
+ margin-bottom : 50px;
+ float : left;
+ width : 70%;
+ }
+ .tx-srfeuserregister-pi1 p {
+ padding : 0;
+ }
+ .tx-srfeuserregister-pi1 p.textOverSendButton {
+ position : relative;
+ margin : 0;
+ padding : 0;
+ clear : both;
+ margin-bottom : -10px;
+ padding-top : 25px;
+ }
+ .tx-srfeuserregister-pi1 p.textOverSendButton + dt {
+ display : none;
+ }
+ .tx-srfeuserregister-pi1 .customRegisterCheckbox {
+ position : relative;
+ padding-left : 30px;
+ margin-top : 10px;
+ }
+ .tx-srfeuserregister-pi1 .customRegisterCheckbox p, .tx-srfeuserregister-pi1 .customRegisterCheckbox a {
+ font-size : 12px;
+ line-height : normal;
+ }
+ .tx-srfeuserregister-pi1 .customRegisterCheckbox a {
+ background : transparent;
+ padding-left : 0;
+ }
+ .tx-srfeuserregister-pi1 .customRegisterCheckbox input {
+ position : absolute;
+ left : 0;
+ top : 1px;
+ }
+ .tx-srfeuserregister-pi1 fieldset {
+ border : none;
+ padding : 0;
+ margin : 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset legend {
+ display : none;
+ }
+ .tx-srfeuserregister-pi1 fieldset h2, .tx-srfeuserregister-pi1 fieldset .ce-table table caption, .ce-table table .tx-srfeuserregister-pi1 fieldset caption {
+ font-size : 18px;
+ line-height : normal;
+ text-align : left;
+ margin : 0 0 5px 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset h2:after, .tx-srfeuserregister-pi1 fieldset .ce-table table caption:after, .ce-table table .tx-srfeuserregister-pi1 fieldset caption:after {
+ margin : 10px 0 0 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset h2 + p, .tx-srfeuserregister-pi1 fieldset .ce-table table caption + p, .ce-table table .tx-srfeuserregister-pi1 fieldset caption + p {
+ margin : 0 0 25px 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file {
+ padding : 30px 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file label {
+ font-size : 15px;
+ line-height : normal;
+ display : block;
+ margin-bottom : 10px;
+ }
+ .tx-srfeuserregister-pi1 fieldset label {
+ height : 55px;
+ vertical-align : middle;
+ }
+ .tx-srfeuserregister-pi1 fieldset dd {
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 fieldset dt {
+ text-align : left;
+ }
+ .tx-srfeuserregister-pi1 fieldset input[type="text"], .tx-srfeuserregister-pi1 fieldset input[type="password"], .tx-srfeuserregister-pi1 fieldset input[type="email"], .tx-srfeuserregister-pi1 fieldset input[type="date"], .tx-srfeuserregister-pi1 fieldset select {
+ width : 325px;
+ width : 100%;
+ height : 55px;
+ border : #bbb solid 1px;
+ padding : 10px;
+ color : #333;
+ font-size : 18px;
+ }
+ .tx-srfeuserregister-pi1 fieldset input[type="submit"] {
+ background : #0067b1;
+ font-size : 15px;
+ line-height : normal;
+ text-transform : uppercase;
+ color : #fff;
+ padding : 15px;
+ margin-top : 30px;
+ border : none;
+ outline : none;
+ font-weight : 700;
+ cursor : pointer;
+ width : 100%;
+ text-align : center;
+ }
+ .tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged {
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged + p {
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms {
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms + input[type="checkbox"] {
+ float : left;
+ margin-top : 15px;
+ }
+ .tx-srfeuserregister-pi1 fieldset input[type="password"] {
+ margin-right : 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div {
+ float : left;
+ width : 48%;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div.passwort input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.passwortagain input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.company input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.jobrole input {
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div + div {
+ margin-left : 3.5%;
+ }
+ .tx-srfeuserregister-pi1 fieldset .jobrole input {
+ margin-top : 7px;
+ }
+ .tx-srfeuserregister-pi1 fieldset .terms input {
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset .terms p {
+ margin : 0;
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset .terms p a {
+ color : #0067b1;
+ font-size : 15px;
+ line-height : normal;
+ text-decoration : none;
+ }
+ .tx-srfeuserregister-pi1 fieldset .terms p a:hover {
+ text-decoration : underline;
+ }
+ @media screen and (max-width:800px) {
+ .tx-srfeuserregister-pi1 {
+ float : none;
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 dt {
+ width : 30%;
+ }
+ .tx-srfeuserregister-pi1 dd {
+ width : 70%;
+ }
+ }
+ @media screen and (max-width:600px) {
+ .tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd {
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 dt {
+ display : block;
+ margin-top : 5px;
+ text-align : left;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div {
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div + div {
+ margin-left : 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset input[type="text"], .tx-srfeuserregister-pi1 fieldset input[type="password"], .tx-srfeuserregister-pi1 fieldset input[type="email"], .tx-srfeuserregister-pi1 fieldset input[type="date"], .tx-srfeuserregister-pi1 fieldset select {
+ width : 100%;
+ }
+ }
+ .editForm .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt {
+ padding-top : 0;
+ }
+ .community-forum-news {
+ padding : 25px 0;
+ background : #ececec;
+ }
+ .community-forum-news > .inner > div {
+ float : left;
+ width : calc((100% - 20px) / 2);
+ }
+ .community-forum-news > .inner > div.news {
+ margin-left : 20px;
+ padding-top : 8px;
+ }
+ @media screen and (max-width:1100px) {
+ .community-forum-news > .inner > div.news .inner.small, .community-forum-news > .inner > div.news .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .community-forum-news > .inner > div.news .tx-felogin-pi1-inner {
+ padding : 0 !important ;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container {
+ padding : 0;
+ margin-top : 42px;
+ padding-top : 44px;
+ padding-left : 84px;
+ }
+ @media screen and (max-width:980px) {
+ .community-forum-news > .inner > div.news .latest-news-container {
+ padding-top : 0;
+ margin-top : 0;
+ padding-left : 0;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container > h2, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption {
+ text-align : left;
+ position : relative;
+ top : -44px;
+ }
+ @media screen and (max-width:768px) {
+ .community-forum-news > .inner > div.news .latest-news-container > h2, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption {
+ top : auto;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container > h2:after, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption:after, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption:after {
+ margin : 10px 0 10px 0;
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-article {
+ position : relative;
+ top : -44px;
+ }
+ @media screen and (max-width:768px) {
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-article {
+ top : auto;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-article .more {
+ position : relative;
+ top : 44px;
+ }
+ @media screen and (max-width:768px) {
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-article .more {
+ top : auto;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews {
+ margin-top : 20px;
+ width : calc((100% - 30px) / 2);
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews .header {
+ margin-top : 10px;
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews .header h3 span {
+ font-size : 15px;
+ font-weight : 600;
+ line-height : normal;
+ }
+ @media screen and (max-width:768px) {
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews {
+ width : 100%;
+ }
+ }
+ .community-forum-news > .inner > div.tx-typo3forum-pi1 > h2, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 > caption {
+ text-align : left;
+ text-transform : none;
+ }
+ .community-forum-news > .inner > div.tx-typo3forum-pi1 > h2:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 > caption:after {
+ margin : 10px 0 10px 0;
+ }
+ .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-forum-latest-post > div {
+ padding : 10px;
+ }
+ @media screen and (max-width:980px) {
+ .community-forum-news > .inner > div {
+ float : none;
+ width : 100%;
+ margin-left : 0 !important ;
+ max-width : none;
+ }
+ }
+ .zweispaltig-unterseiten-layout {
+ max-width : 1030px;
+ width : 100%;
+ margin-left : auto;
+ margin-right : auto;
+ }
+ @media screen and (max-width:1100px) {
+ .zweispaltig-unterseiten-layout {
+ padding : 0 25px;
+ }
+ }
+ .leftSidebar {
+ float : left;
+ width : 23.30%;
+ width : calc(100% - 72%);
+ max-width : 240px;
+ display : block;
+ padding : 50px 0;
+ padding-top : 0;
+ margin-top : 40px;
+ min-height : 1px;
+ }
+ .leftSidebar .leftMenu {
+ float : none;
+ width : 100%;
+ margin-top : 0;
+ }
+ .leftSidebar .inner.small, .leftSidebar .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .leftSidebar .tx-felogin-pi1-inner, .leftSidebar .inner {
+ padding : 0 !important ;
+ }
+ @media screen and (max-width:767px) {
+ .leftSidebar {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ max-width : none;
+ padding-bottom : 0;
+ }
+ .leftSidebar .leftMenu {
+ margin-bottom : 0;
+ padding-bottom : 0;
+ margin-top : 25px;
+ }
+ .leftSidebar .leftMenu .profile-sidebar-content {
+ margin-top : 15px;
+ }
+ }
+ .rightContent {
+ float : left;
+ width : 73.78%;
+ width : calc(100% - 32.85%);
+ display : block;
+ max-width : 740px;
+ padding : 50px 0;
+ margin-left : 4.85%;
+ padding-top : 0;
+ min-height : 1px;
+ margin-top : 40px;
+ }
+ .rightContent .tx-srfeuserregister-pi1 {
+ float : none;
+ width : 100%;
+ display : block;
+ margin-bottom : 40px;
+ }
+ .rightContent .tx-srfeuserregister-pi1 input {
+ padding : 10px 15px;
+ }
+ .rightContent .inner.small, .rightContent .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .rightContent .tx-felogin-pi1-inner, .rightContent .inner {
+ padding : 0 !important ;
+ }
+ @media screen and (max-width:767px) {
+ .rightContent {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ max-width : none;
+ margin-top : 25px;
+ }
+ }
+ header.header {
+ padding : 0 0 25px 0;
+ max-height : 133px;
+ border-bottom : 5px solid #fc0;
+ position : fixed;
+ top : 0;
+ z-index : 9999;
+ left : 0;
+ right : 0;
+ background : #fff;
+ }
+ header.header.compexHeader {
+ height : 100px;
+ padding-top : 25px;
+ }
+ header.header.compexHeader .topMeta {
+ display : none;
+ }
+ header.header.compexHeader + * {
+ margin-top : 100px;
+ display : block;
+ }
+ @media screen and (max-width:480px) {
+ header.header.compexHeader {
+ height : 72px;
+ padding-top : 15px;
+ padding-bottom : 15px;
+ }
+ header.header.compexHeader + * {
+ margin-top : 72px;
+ }
+ }
+ header.header + * {
+ margin-top : 133px;
+ display : block;
+ }
+ @media screen and (max-width:860px) {
+ header.header {
+ height : 155px;
+ max-height : 155px;
+ }
+ header.header + * {
+ margin-top : 155px;
+ }
+ }
+ @media screen and (max-width:480px) {
+ header.header {
+ height : 200px;
+ max-height : 200px;
+ }
+ header.header + * {
+ margin-top : 200px;
+ }
+ }
+ @media screen and (max-width:460px) {
+ header.header {
+ max-height : 120px;
+ height : 120px;
+ }
+ header.header + * {
+ margin-top : 120px;
+ }
+ }
+ header.header .topMeta {
+ width : 100%;
+ background : #f5f5f5;
+ margin-bottom : 20px;
+ height : 30px;
+ line-height : 30px;
+ }
+ @media screen and (max-width:860px) {
+ header.header .topMeta {
+ height : auto;
+ }
+ }
+ header.header .topMeta .left {
+ float : left;
+ color : #333;
+ font-size : 12px;
+ font-weight : 600;
+ line-height : 30px;
+ }
+ @media screen and (max-width:860px) {
+ header.header .topMeta .left {
+ float : none;
+ width : 100%;
+ text-align : center;
+ }
+ }
+ @media screen and (max-width:460px) {
+ header.header .topMeta .left {
+ display : none;
+ }
+ }
+ header.header .topMeta .right {
+ float : right;
+ }
+ header.header .topMeta .right form {
+ position : relative;
+ float : left;
+ margin-right : 5px;
+ }
+ header.header .topMeta .right form input[type="text"] {
+ border : 0;
+ background : #fff;
+ padding : 0 5px;
+ height : 24px;
+ position : relative;
+ padding-right : 25px;
+ font-size : 12px;
+ line-height : 24px;
+ top : -2px;
+ margin-right : 35px;
+ margin-bottom : 0;
+ }
+ header.header .topMeta .right form button {
+ position : absolute;
+ right : 5px;
+ top : 1px;
+ background : transparent;
+ border : none;
+ font-size : 18px;
+ color : #333;
+ }
+ header.header .topMeta .right form button:before {
+ content : "\f002";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ @media screen and (max-width:460px) {
+ header.header .topMeta .right form {
+ display : none;
+ }
+ }
+ @media screen and (max-width:860px) {
+ header.header .topMeta .right {
+ float : none;
+ width : 100%;
+ text-align : center;
+ text-align : right;
+ }
+ }
+ header.header .topMeta a {
+ text-decoration : none;
+ text-transform : uppercase;
+ color : #333;
+ font-size : 12px;
+ line-height : normal;
+ font-weight : 600;
+ padding : 0 10px;
+ border-left : 1px solid #333;
+ }
+ header.header .topMeta a i {
+ margin-right : 3px;
+ }
+ header.header .topMeta a:hover {
+ text-decoration : underline;
+ }
+ header.header .topMeta a:last-of-type {
+ border-right : 1px solid #333;
+ }
+ @media screen and (max-width:860px) {
+ header.header .topMeta a {
+ border-left : none;
+ }
+ header.header .topMeta a:last-of-type {
+ border-right : none;
+ border-left : 1px solid #333;
+ padding-left : 14px;
+ }
+ }
+ @media screen and (max-width:480px) and (min-width:461px) {
+ header.header .topMeta a {
+ display : block;
+ float : none;
+ margin-left : auto;
+ margin-right : auto;
+ width : 100%;
+ clear : both;
+ padding-top : 10px;
+ }
+ header.header .topMeta a:last-of-type {
+ border-left : none;
+ }
+ }
+ header.header .logo {
+ float : left;
+ display : block;
+ max-width : 215px;
+ }
+ @media screen and (max-width:480px) {
+ header.header .logo {
+ max-width : 180px;
+ }
+ }
+ header.header .logo img {
+ max-height : 50px;
+ }
+ header.header nav {
+ float : right;
+ }
+ @media screen and (min-width:1121px) {
+ header.header nav > ul > li {
+ float : left;
+ padding : 14px 0;
+ position : relative;
+ }
+ header.header nav > ul > li > a {
+ color : #333;
+ text-decoration : none;
+ font-weight : 700;
+ text-transform : uppercase;
+ font-family : "Open Sans", sans-serif;
+ }
+ header.header nav > ul > li > a i {
+ display : none;
+ }
+ header.header nav > ul > li + li {
+ margin-left : 25px;
+ }
+ header.header nav > ul > li:last-of-type {
+ margin-left : 40px;
+ background : #be1622;
+ padding : 14px 19px;
+ }
+ header.header nav > ul > li:last-of-type a {
+ color : #fff;
+ }
+ header.header nav > ul > li:last-of-type:hover:before, header.header nav > ul > li:last-of-type.active:before {
+ display : none !important ;
+ }
+ header.header nav > ul > li ul {
+ display : none;
+ position : absolute;
+ width : 170px;
+ top : 75px;
+ background : #fff;
+ z-index : 99999;
+ box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.35);
+ }
+ header.header nav > ul > li ul li {
+ display : block;
+ }
+ header.header nav > ul > li ul li a {
+ font-size : 12px;
+ font-weight : 700;
+ color : #333;
+ text-decoration : none;
+ line-height : 14px;
+ padding : 14px 10px;
+ display : block;
+ text-transform : uppercase;
+ }
+ header.header nav > ul > li ul li:hover, header.header nav > ul > li ul li.active {
+ background : #be1622;
+ }
+ header.header nav > ul > li ul li:hover a, header.header nav > ul > li ul li.active a {
+ color : #fff;
+ }
+ header.header nav > ul > li ul li + li {
+ border-top : 1px solid #b7b7b7;
+ }
+ header.header nav > ul > li:hover:after {
+ content : "";
+ position : absolute;
+ left : 0;
+ right : 0;
+ bottom : -28px;
+ width : 100%;
+ height : 45px;
+ cursor : pointer;
+ }
+ header.header nav > ul > li:hover ul {
+ display : block;
+ }
+ header.header nav > ul > li:hover:before, header.header nav > ul > li.active:before {
+ content : "";
+ position : absolute;
+ border-bottom : 2px solid #bf1e2e;
+ height : 2px;
+ width : 100%;
+ top : 38px;
+ }
+ }
+ @media screen and (max-width:1120px) {
+ header.header nav {
+ position : relative;
+ }
+ header.header nav > ul {
+ position : absolute;
+ width : 250px;
+ right : 0;
+ box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.5);
+ z-index : 999999;
+ display : none;
+ }
+ header.header nav > ul li {
+ float : none;
+ display : block;
+ padding : 0;
+ width : 100%;
+ background : #fff;
+ }
+ header.header nav > ul li.active {
+ background : #be1622;
+ }
+ header.header nav > ul li.active > a {
+ color : #fff;
+ }
+ header.header nav > ul li a {
+ display : block;
+ width : 100%;
+ padding : 14px 60px 14px 10px;
+ color : #333;
+ text-decoration : none;
+ font-weight : 700;
+ position : relative;
+ text-transform : uppercase;
+ font-family : "Open Sans", sans-serif;
+ }
+ header.header nav > ul li a:hover {
+ color : #fff;
+ background : #be1622;
+ }
+ header.header nav > ul li a i {
+ display : inline-block;
+ position : absolute;
+ right : 0;
+ top : 38%;
+ margin-top : -18px;
+ padding : 16px;
+ }
+ header.header nav > ul li a i.fa-chevron-up {
+ display : none;
+ }
+ header.header nav > ul li.open a i.fa-chevron-up {
+ display : inline-block;
+ }
+ header.header nav > ul li.open a i.fa-chevron-down {
+ display : none;
+ }
+ header.header nav > ul li + li {
+ margin-left : 0;
+ border-top : 1px solid #b7b7b7;
+ }
+ header.header nav > ul li > ul {
+ display : none;
+ }
+ header.header nav > ul li > ul li {
+ background : #f9f9f9;
+ border-top : 1px solid #b7b7b7;
+ }
+ header.header nav > ul li > ul li a {
+ font-size : 13px;
+ line-height : normal;
+ padding : 10px 10px 10px 30px;
+ }
+ header.header nav > ul li > ul li.active a {
+ color : #fff;
+ background : #be1622;
+ }
+ header.header nav > ul li.open > ul {
+ display : block;
+ }
+ header.header nav > ul > li:last-of-type {
+ border-top : none;
+ }
+ header.header nav > ul > li:last-of-type a {
+ color : #fff;
+ background : #be1622;
+ }
+ header.header nav.active > ul {
+ display : block;
+ height : 450px;
+ overflow : scroll;
+ }
+ }
+ header.header .mobile-button {
+ display : none;
+ padding : 10px 0;
+ cursor : pointer;
+ }
+ header.header .mobile-button i {
+ font-size : 40px;
+ }
+ @media screen and (max-width:640px) {
+ header.header .mobile-button {
+ padding : 5px 0 0 0;
+ }
+ }
+ @media screen and (max-width:1120px) {
+ header.header .mobile-button {
+ display : block;
+ }
+ }
+ body.compexCommerce header.header.compexHeader .topMeta {
+ height : 0;
+ }
+ body.compexCommerce header.header.compexHeader .topMeta .right {
+ display : none;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type {
+ margin-left : 25px;
+ background : transparent;
+ padding : 11px 0;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:after {
+ content : "\f107";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ position : relative;
+ z-index : 9600;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:hover:after {
+ left : auto;
+ right : auto;
+ bottom : auto;
+ position : relative;
+ width : auto;
+ height : auto;
+ }
+ @media screen and (max-width:1120px) {
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch {
+ padding : 0;
+ margin : 0;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:after {
+ display : none;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch ul {
+ width : 100%;
+ padding : 0 10px 15px 10px;
+ background : #be1622;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch ul li {
+ background : #be1622;
+ border-top : none;
+ }
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type > a {
+ color : #333;
+ position : relative;
+ z-index : 9600;
+ font-size : 13px;
+ line-height : normal;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type img {
+ vertical-align : middle;
+ position : relative;
+ z-index : 9600;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type:hover:before, body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.active:before {
+ display : none !important ;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type li a {
+ color : #333;
+ font-weight : 700;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type li a:hover {
+ color : #fff;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul {
+ width : 80px;
+ padding-left : 10px;
+ top : 0;
+ padding-top : 47px;
+ left : -10px;
+ z-index : 9500;
+ padding-bottom : 10px;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li img {
+ vertical-align : middle;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li a {
+ font-weight : 700;
+ padding : 0;
+ display : inline;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li:hover {
+ background : transparent;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li:hover a {
+ color : #333;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li + li {
+ border-top : none;
+ padding-top : 10px;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search:hover:before {
+ display : none !important ;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search .compexCommerce-openSearch i {
+ display : block;
+ font-size : 18px;
+ color : #333;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form {
+ position : absolute;
+ top : 38px;
+ right : 0;
+ display : none;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form.active {
+ display : block;
+ animation : display-none-transition 1s both;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form div {
+ position : relative;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form input[type="text"] {
+ height : 30px;
+ padding : 0 25px 0 5px;
+ width : 180px;
+ border : #be1622 solid 1px;
+ outline : none;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form button {
+ border : none;
+ background : transparent;
+ position : absolute;
+ right : 5px;
+ top : 5px;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form button i {
+ font-size : 15px;
+ color : #be1622;
+ }
+ @keyframes display-none-transition {
+ 0% {
+ opacity : 0;
+ }
+ 100% {
+ opacity : 1;
+ }
+ }
+ @media screen and (max-width:1360px) {
+ header.header .topMeta, header.header .topMeta + div {
+ padding : 0 20px;
+ }
+ }
+ @media screen and (max-width:1300px) and (min-width:1121px) {
+ header.header nav > ul > li > a {
+ font-size : 13px;
+ line-height : normal;
+ }
+ header.header nav > ul > li:last-of-type {
+ margin-left : 20px;
+ }
+ header.header nav > ul > li + li {
+ margin-left : 18px;
+ }
+ }
+ footer.footer {
+ background : #333;
+ padding : 50px 0 15px 0;
+ }
+ footer.footer div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner {
+ margin-bottom : 80px;
+ }
+ footer.footer div.inner.small:nth-of-type(2), footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2), .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) {
+ margin-bottom : 0;
+ }
+ footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element {
+ margin-bottom : 0;
+ max-width : none;
+ width : auto;
+ float : left;
+ }
+ footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small, footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner {
+ padding-left : 0;
+ padding-right : 0;
+ }
+ @media screen and (max-width:860px) {
+ footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element {
+ float : none;
+ }
+ }
+ footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ float : left;
+ width : calc(100% / 6);
+ }
+ footer.footer div.inner.small ul > a, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul > a, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul > a {
+ color : #fff;
+ font-size : 13px;
+ line-height : normal;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ footer.footer div.inner.small ul > a:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul > a:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul > a:after {
+ content : "";
+ display : block;
+ width : 75px;
+ height : 1px;
+ background : #fc0;
+ margin : 10px 0 10px 0;
+ }
+ footer.footer div.inner.small ul li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li {
+ display : block;
+ }
+ footer.footer div.inner.small ul li a, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li a, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li a {
+ display : block;
+ color : #cecece;
+ text-decoration : none;
+ font-size : 12px;
+ line-height : normal;
+ font-weight : 400;
+ }
+ footer.footer div.inner.small ul li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li + li {
+ margin-top : 5px;
+ }
+ footer.footer div.inner.small ul.imprintList, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList {
+ width : auto;
+ float : right;
+ margin-top : -4px;
+ }
+ footer.footer div.inner.small ul.imprintList li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li {
+ display : inline-block;
+ }
+ footer.footer div.inner.small ul.imprintList li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li + li {
+ margin-left : 10px;
+ }
+ footer.footer div.inner.small ul.imprintList li:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li:after {
+ display : none;
+ }
+ @media screen and (max-width:860px) {
+ footer.footer div.inner.small ul.imprintList, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList {
+ float : none !important ;
+ margin : 10px 0 0 0;
+ width : auto !important ;
+ }
+ }
+ footer.footer div.inner.small p, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p {
+ font-size : 12px;
+ line-height : normal;
+ color : #fff;
+ margin : 0;
+ }
+ @media screen and (max-width:860px) {
+ footer.footer div.inner.small p, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p {
+ float : none;
+ }
+ }
+ footer.footer div.inner.small + div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner + div.inner.small, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner + div.inner.small, footer.footer .tx-felogin-pi1 div.inner.small + div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.inner.small + div.tx-felogin-pi1-inner, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner + div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner + div.tx-felogin-pi1-inner {
+ margin-bottom : 0;
+ }
+ @media screen and (max-width:800px) {
+ footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul {
+ width : calc(100% / 3);
+ }
+ footer.footer div.inner.small ul:nth-of-type(n 4), footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul:nth-of-type(n 4), .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul:nth-of-type(n 4) {
+ margin-top : 20px;
+ }
+ }
+ @media screen and (max-width:720px) {
+ footer.footer div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner {
+ margin-bottom : 50px;
+ }
+ footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul {
+ float : none;
+ width : 100%;
+ }
+ footer.footer div.inner.small ul li:first-of-type, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li:first-of-type, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li:first-of-type {
+ display : block;
+ }
+ footer.footer div.inner.small ul li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li + li {
+ margin-right : 10px;
+ display : inline-block;
+ }
+ footer.footer div.inner.small ul + ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul + ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul + ul {
+ margin-top : 20px;
+ }
+ }
+ .breadcrumbContainer {
+ padding-top : 11px;
+ padding-bottom : 11px;
+ }
+ @media screen and (max-width:1100px) {
+ .breadcrumbContainer {
+ padding-top : 11px !important ;
+ padding-bottom : 11px !important ;
+ }
+ }
+ .breadcrumbContainer ul li {
+ color : #333;
+ display : inline-block;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .breadcrumbContainer ul li a {
+ color : #999999;
+ text-decoration : none;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .breadcrumbContainer ul li:before {
+ content : "\f015";
+ color : #fc0;
+ display : inline-block;
+ margin-right : 5px;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ .breadcrumbContainer ul li + li {
+ margin-left : 5px;
+ }
+ .breadcrumbContainer ul li + li:before {
+ content : "\f054";
+ }
+ .breadcrumbContainer ul li:last-of-type a {
+ color : #333;
+ }
+ .mfp-image-holder .mfp-content {
+ margin-top : 50px;
+ padding : 0 25px;
+ }
+ .mfp-image-holder .mfp-content figure {
+ background : #fff;
+ }
+ img.mfp-img {
+ max-height : 100% !important ;
+ }
+ .ce-video {
+ padding : 30px 0;
+ }
+ .ce-video .left {
+ float : left;
+ max-width : 500px;
+ margin-right : 30px;
+ }
+ .ce-video .left video {
+ max-width : 100%;
+ height : auto;
+ }
+ .ce-video .right {
+ float : left;
+ max-width : 500px;
+ }
+ .ce-video .right h1, .ce-video .right h2, .ce-video .right .ce-table table caption, .ce-table table .ce-video .right caption, .ce-video .right h3 {
+ margin-top : 0;
+ }
+ .ce-video .right h2, .ce-video .right .ce-table table caption, .ce-table table .ce-video .right caption {
+ text-align : left;
+ }
+ .ce-video .right h2:after, .ce-video .right .ce-table table caption:after, .ce-table table .ce-video .right caption:after {
+ margin : 10px 0 0 0;
+ }
+ .ce-forum-latest-post {
+ margin-top : 40px;
+ max-width : 83%;
+ }
+ @media screen and (max-width:980px) {
+ .ce-forum-latest-post {
+ max-width : none;
+ }
+ }
+ .ce-forum-latest-post + .ce-forum-latest-post {
+ margin-top : 0;
+ }
+ .ce-forum-latest-post:last-of-type {
+ margin-bottom : 40px;
+ border-bottom : 1px solid #bbb;
+ }
+ .ce-forum-latest-post h2, .ce-forum-latest-post .ce-table table caption, .ce-table table .ce-forum-latest-post caption {
+ text-align : left;
+ }
+ .ce-forum-latest-post h2:after, .ce-forum-latest-post .ce-table table caption:after, .ce-table table .ce-forum-latest-post caption:after {
+ margin : 10px 0 10px 0;
+ }
+ .ce-forum-latest-post > div {
+ display : block;
+ width : 100%;
+ padding : 12px;
+ background : #fff;
+ border-right : 1px solid #bbbbbb;
+ border-left : 1px solid #bbbbbb;
+ border-top : 1px solid #bbbbbb;
+ }
+ .ce-forum-latest-post > div img {
+ float : left;
+ max-width : 70px;
+ margin-right : 15px;
+ }
+ .ce-forum-latest-post > div div h3 {
+ font-size : 18px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ margin : 0 0 0 0;
+ }
+ .ce-forum-latest-post > div div h3 a {
+ color : #333;
+ }
+ .ce-forum-latest-post > div div p {
+ font-weight : 400;
+ float : left;
+ }
+ .ce-forum-latest-post > div div p + p {
+ margin-left : 10px;
+ }
+ .tx-typo3forum-post-latest-box h2, .tx-typo3forum-post-latest-box .ce-table table caption, .ce-table table .tx-typo3forum-post-latest-box caption {
+ text-align : left;
+ }
+ .tx-typo3forum-post-latest-box h2:after, .tx-typo3forum-post-latest-box .ce-table table caption:after, .ce-table table .tx-typo3forum-post-latest-box caption:after {
+ margin : 10px 0 10px 0;
+ }
+ .leftMenu {
+ float : left;
+ width : 24.27%;
+ margin-top : 30px;
+ }
+ @media screen and (max-width:767px) {
+ .leftMenu {
+ float : none;
+ width : 100%;
+ margin-bottom : 40px;
+ padding-bottom : 40px;
+ border-bottom : 1px solid #bbbbbb;
+ }
+ .leftMenu .profile-sidebar-content {
+ display : none;
+ }
+ .leftMenu .profile-sidebar-content.active {
+ display : block;
+ }
+ }
+ .leftMenu h3 {
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ text-transform : uppercase;
+ border-bottom : 2px solid #fc0;
+ margin-bottom : 15px;
+ }
+ .leftMenu ul {
+ margin : 0;
+ padding : 0;
+ list-style-type : none;
+ }
+ .leftMenu ul li {
+ display : block;
+ }
+ .leftMenu ul li a {
+ font-size : 15px;
+ line-height : normal;
+ color : #333;
+ text-decoration : none;
+ font-weight : 400;
+ text-transform : uppercase;
+ }
+ .leftMenu ul li.active a, .leftMenu ul li:hover a {
+ font-weight : 700;
+ color : #333;
+ }
+ .leftMenu ul li + li {
+ margin-top : 15px;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1, .leftMenu + * {
+ width : 74.75%;
+ float : left;
+ margin-left : 0.97%;
+ padding : 30px 10px 0 10px;
+ }
+ @media screen and (max-width:767px) {
+ .leftMenu + .tx-srfeuserregister-pi1, .leftMenu + * {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ padding : 0;
+ }
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice, .leftMenu + * .tx-srfeuserregister-pi1-notice {
+ margin : 0;
+ font-style : normal;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash, .leftMenu + * .tx-srfeuserregister-pi1-trash {
+ margin : 0 0 10px 0;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash a, .leftMenu + * .tx-srfeuserregister-pi1-trash a {
+ background : transparent;
+ padding-left : 0;
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 400;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt {
+ float : left;
+ width : 32.46%;
+ text-align : left;
+ padding : 17px 10px 16px 10px;
+ }
+ @media screen and (max-width:600px) {
+ .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt {
+ float : none;
+ width : 100%;
+ padding : 0 10px 0 0;
+ }
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dt label, .leftMenu + * dt label {
+ font-size : 15px;
+ line-height : normal;
+ color : #333;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dd, .leftMenu + * dd {
+ float : left;
+ width : 66.23%;
+ margin-left : 1.29%;
+ }
+ @media screen and (max-width:600px) {
+ .leftMenu + .tx-srfeuserregister-pi1 dd, .leftMenu + * dd {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ margin-top : 0;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dd input[type="text"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="password"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="email"], .leftMenu + * dd input[type="text"], .leftMenu + * dd input[type="password"], .leftMenu + * dd input[type="email"] {
+ margin-top : 0;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dd input[type="submit"], .leftMenu + * dd input[type="submit"] {
+ margin-top : 0;
+ }
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dd input[type="text"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="password"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="email"], .leftMenu + * dd input[type="text"], .leftMenu + * dd input[type="password"], .leftMenu + * dd input[type="email"] {
+ width : 100%;
+ height : 55px;
+ vertical-align : middle;
+ line-height : 55px;
+ padding : 0 10px;
+ font-size : 15px;
+ color : #333;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 input[type="submit"], .leftMenu + * input[type="submit"] {
+ float : right;
+ margin-bottom : 40px;
+ }
+ .leftMenu .profile-sidebar {
+ display : none;
+ margin-top : 15px;
+ }
+ .leftMenu .profile-sidebar button {
+ border : none;
+ width : 100%;
+ display : block;
+ }
+ @media screen and (max-width:767px) {
+ .leftMenu .profile-sidebar {
+ display : block;
+ }
+ }
+ .formular-sidebar {
+ float : left;
+ width : 25%;
+ margin-left : 5%;
+ padding-top : 50px;
+ padding-bottom : 50px;
+ }
+ .formular-sidebar .formular-sidebar-content {
+ width : 100%;
+ }
+ .formular-sidebar .formular-sidebar-content + .formular-sidebar-content {
+ margin-top : 40px;
+ }
+ .formular-sidebar h2, .formular-sidebar .ce-table table caption, .ce-table table .formular-sidebar caption {
+ font-size : 18px;
+ line-height : normal;
+ text-align : left;
+ margin : 0 0 5px 0;
+ }
+ .formular-sidebar h2:after, .formular-sidebar .ce-table table caption:after, .ce-table table .formular-sidebar caption:after {
+ margin : 10px 0 0 0;
+ }
+ .formular-sidebar img {
+ margin-top : 20px;
+ }
+ .formular-sidebar p {
+ font-size : 13px;
+ line-height : normal;
+ }
+ .formular-sidebar .fontAwesome-list {
+ margin-bottom : 20px;
+ }
+ .formular-sidebar .fontAwesome-list ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .formular-sidebar .fontAwesome-list ul li {
+ display : block;
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ font-weight : 700;
+ }
+ .formular-sidebar .fontAwesome-list ul li i {
+ display : table-cell;
+ font-size : 22px;
+ margin-right : 10px;
+ border-radius : 50px;
+ border : #333 solid 2px;
+ padding : 10px;
+ vertical-align : sub;
+ float : left;
+ height : 46px;
+ width : 46px;
+ }
+ .formular-sidebar .fontAwesome-list ul li span {
+ margin : 0;
+ display : table-cell;
+ vertical-align : middle;
+ padding-left : 10px;
+ height : 46px;
+ }
+ @media screen and (max-width:440px) {
+ .formular-sidebar .fontAwesome-list ul li span {
+ width : 80%;
+ }
+ }
+ @media screen and (max-width:360px) {
+ .formular-sidebar .fontAwesome-list ul li span {
+ width : 70%;
+ }
+ }
+ .formular-sidebar .fontAwesome-list ul li + li {
+ padding-top : 10px;
+ clear : both;
+ }
+ @media screen and (max-width:800px) {
+ .formular-sidebar {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ padding : 0 0 50px 0;
+ }
+ }
+ .ui-icon {
+ display : none !important ;
+ }
+ .compexCommerce .news-list-view .header {
+ max-width : none;
+ }
+ .cc_container .cc_btn {
+ padding : 8px 10px !important ;
+ }
+ body.compexCommerce main > *:first-child {
+ margin-top : 40px;
+ }
+ body.compexCommerce main > .sliderContainer {
+ margin-top : 0 !important ;
+ }
+ body.compexCommerce main > .unterseiten-banner:first-child {
+ margin-top : 0;
+ }
+
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/favicon.ico b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/favicon.ico
new file mode 100644
index 0000000..562a161
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/favicon.ico
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/fonts/FontAwesome.otf b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/fonts/FontAwesome.otf
deleted file mode 100644
index 3ed7f8b4..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/fonts/FontAwesome.otf
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/html/Welcome.html b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/html/Welcome.html
new file mode 100644
index 0000000..25ce3c7
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/html/Welcome.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<head>
+
+<meta charset="utf-8">
+
+<meta name="viewport" content="width=device-width, initial-scale=1">
+
+
+<link rel="stylesheet" type="text/css" href="typo-welcome-validated.css" media="all">
+
+
+<title>Compex - Welcomepage</title>
+
+</head>
+<body class="osbp typo-welcome">
+
+
+<header class="header" style="background:#0067b1; padding-top: 10px;">
+ <div style="background:#0067b1">
+ <div class="inner small">
+ <h2 class="headlineH2withoutUnderline versal">Welcome</h2>
+ <h3 class="align-center" style="color: rgb(255, 255, 255);">Here are some resources that will help you to get started</h3>
+ </div>
+ </div>
+</header>
+
+<div class="welcome-image" align="center" style="padding-top: 10px; padding-bottom: 10px;">
+</div>
+
+<main>
+ <div class="ce-twoCol-Box " id="c309">
+ <div class="inner small">
+
+ <div class="boxen withFontAwesome">
+
+ <div class="">
+ <div><h2 class="smallHeadlineWithUnderline">Watch tutorial videos</h2>
+ <p class="bodytext">Learn how to use My1App and learn more about OS.bee from step-by-step tutorial videos.</p></div>
+ </div>
+
+ <div class="">
+ <div><h2 class="smallHeadlineWithUnderline">Read documentation</h2>
+ <p class="bodytext">Need more insight? Detailed information can be found in our documentation.</p></div>
+ </div>
+
+ <div class="">
+ <div><h2 class="smallHeadlineWithUnderline">Visit our forum</h2>
+ <p class="bodytext">The OS.bee forum is a great place to find answers and ask questions, especially for newcommers.</p></div>
+ </div>
+
+ <div class="">
+ <div><h2 class="smallHeadlineWithUnderline">Register to join the community</h2>
+ <p class="bodytext">Register and benefit from special resources for community members.</p></div>
+ </div>
+
+ </div>
+
+ </div>
+ </div>
+
+</main>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/html/typo-welcome-validated.css b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/html/typo-welcome-validated.css
new file mode 100644
index 0000000..b9b4b15
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/html/typo-welcome-validated.css
@@ -0,0 +1,12703 @@
+ /*typo welcome test*/
+ .welcome-image::before {
+ content: url('../image/StartAppHere.png');
+ }
+
+ /* cyrillic-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
+ /*unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;*/
+ }
+ /* cyrillic */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
+/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
+ }
+ /* greek-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
+/* unicode-range: U+1F00-1FFF; */
+ }
+ /* greek */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
+/* unicode-range: U+0370-03FF; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* cyrillic-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */
+ }
+ /* cyrillic */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
+ }
+ /* greek-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+1F00-1FFF; */
+ }
+ /* greek */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0370-03FF; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* cyrillic-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
+/* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */
+ }
+ /* cyrillic */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
+/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
+ }
+ /* greek-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
+/* unicode-range: U+1F00-1FFF; */
+ }
+ /* greek */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
+/* unicode-range: U+0370-03FF; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* cyrillic-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
+/* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */
+ }
+ /* cyrillic */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
+/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
+ }
+ /* greek-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
+/* unicode-range: U+1F00-1FFF; */
+ }
+ /* greek */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
+/* unicode-range: U+0370-03FF; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/NUrn2XQrRfyGZp5MknntaRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/s2PXW4WrV3VLrOUpHiqsfRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/sKd0EMYPAh5PYCRKSryvW1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+
+ i.fa {
+ padding-left : 5px;
+ font-size : 0.9rem;
+ }
+ .bg-blue {
+ background-color : #0067b1;
+ }
+ .bg-darkblue {
+ background-color : #002f58;
+ }
+ .bg-red {
+ background-color : #be1622;
+ }
+ .bg-white {
+ background-color : #fff;
+ }
+ .button {
+ display : inline-block;
+ background : inherit;
+ color : inherit;
+ padding : 15px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ text-decoration : none;
+ cursor : pointer;
+ }
+ .button i {
+ padding-right : 5px;
+ transition : all 0.5s;
+ font-size : 18px;
+ line-height : normal;
+ }
+ .button span + i {
+ padding-left : 5px;
+ transition : all 0.5s;
+ }
+ .button:hover {
+ text-decoration : none !important ;
+ }
+ .button:hover i {
+ padding-right : 10px;
+ transition : all 0.5s;
+ }
+ .button:hover span + i {
+ padding-left : 10px;
+ transition : all 0.5s;
+ }
+ span span {
+ background : inherit;
+ color : inherit;
+ }
+ .redbutton, .bluebutton, .thirdSection .right a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .darkbluebutton, .greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton, .whitebutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a, .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a {
+ display : inline-block;
+ background : none 0% 0% repeat scroll #be1622;
+ color : #FFF;
+ padding : 15px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ text-decoration : none;
+ cursor : pointer;
+ border : none;
+ }
+ .redbutton:hover, .bluebutton:hover, .thirdSection .right a:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:hover, .darkbluebutton:hover, .greybutton:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover, .whitebutton:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:hover {
+ text-decoration : none !important ;
+ }
+ .bluebutton, .thirdSection .right a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a {
+ background-color : #0067b1;
+ }
+ .darkbluebutton {
+ background-color : #002f58;
+ text-align : left;
+ }
+ .darkbluebutton.arrowlink:after, .thirdSection .right a.darkbluebutton:after {
+ float : right;
+ }
+ .darkbluebutton.arrowlink:hover:after, .thirdSection .right a.darkbluebutton:hover:after {
+ padding-left : 30px;
+ }
+ .greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton {
+ background-color : #f5f5f5;
+ color : #333;
+ }
+ .greybutton:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover {
+ background-color : #0067b1;
+ color : #fff;
+ }
+ .whitebutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a {
+ background-color : #ffffff;
+ color : #333;
+ }
+ .arrowlink, .thirdSection .right a {
+ font-weight : 700;
+ text-decoration : none;
+ transition : all 0.5s;
+ }
+ .arrowlink:after, .thirdSection .right a:after {
+ font-family : 'FontAwesome';
+ content : "\f178";
+ padding-left : 5px;
+ font-size : 15px;
+ transition : all 0.7s;
+ display : inline-block;
+ }
+ .arrowlink:hover, .thirdSection .right a:hover {
+ text-decoration : none;
+ }
+ .arrowlink:hover:after, .thirdSection .right a:hover:after {
+ padding-left : 15px;
+ transition : all 0.5s;
+ }
+ .arrowlink.down:after, .thirdSection .right a.down:after {
+ content : "\f078";
+ vertical-align : bottom;
+ }
+ .arrowlink.down.active:after, .thirdSection .right a.down.active:after {
+ content : "\f077";
+ }
+ .keylink {
+ text-align : center;
+ color : #fff;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .keylink:before {
+ content : "\f084";
+ font-family : 'FontAwesome';
+ padding-right : 5px;
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ .downloadlink {
+ text-align : center;
+ font-weight : 700;
+ text-decoration : none;
+ transition : all 0.5s;
+ min-height : 54px;
+ }
+ .downloadlink:after {
+ font-family : 'FontAwesome';
+ content : "\f019";
+ padding-left : 5px;
+ font-size : 15px;
+ transition : all 0.5s;
+ }
+ .downloadlink:hover {
+ font-size : 18px;
+ }
+ .downloadlink:hover:after {
+ font-size : 17px;
+ transition : all 0.5s;
+ }
+ .buttonContainer {
+ text-align : center;
+ }
+ .versal {
+ text-transform : uppercase;
+ }
+ .cf:before, .inner:before, body.contact .contactMain:before, .ce-twoCol-Box .boxen:before, .ce-twoCol-Box .boxen.withFontAwesome:before, .ce-twoCol-Box .boxen.withoutFontAwesome:before, .ce-twoCol-Box .boxen.withOtherFontAwesome:before, .ce-twoCol-Box .boxen.withOtherFontAwesome div:before, .text-slide:before, .toggleContainer h3:before, .ce-threeBoxesWithOption:before, .ce-threeBoxesWithOption .inner div:before, .fontAwesome-list.twocol ul:before, .ce-os-bee:before, .ce-table:before, .service-formular:before, .service-formular .powermail_check_outer:before, .secondSection div.inner:before, .thirdSection:before, .thirdSection .inner:before, .newsletter:before, .newsletter .firstrow:before, .newsletter .secondrow:before, .newsletter .secondrow .inner:before, .ce-youtube-text:before, .ce-youtube-slider:before, .marketplace-wrapper:before, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:before, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:before, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:before, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:before, .marketplace-wrapper .mp-contentContainer .mp-filter ul:before, .marketplace-wrapper .mp-contentContainer .mp-content:before, .marketplace-wrapper .mp-contentContainer .mp-content article header:before, .marketplace-wrapper .mp-contentContainer .mp-content article footer:before, .mpdetail-content .mp-productInfo:before, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:before, .mpdetail-content .mp-productWrapper > ul:before, .tx-typo3forum-pi1 .forum_menu ul:before, .tx-typo3forum-pi1 .topic_list_menu ul:before, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #topic fieldset div:before, .tx-typo3forum-pi1 #post fieldset div:before, .tx-typo3forum-pi1 #report fieldset div:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:before, .ce-osbee-forum-singlepost:before, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:before, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:before, .blogSidebar .blog-subscribe .terms:before, .news-list-view .article:before, .news-list-view .news-content-wrap:before, .latest-news-container:before, .latest-news-container .startpage-latesnews:before, .latest-news-container .startpage-latesnews .news-img-wrap a:before, .shariff .orientation-horizontal:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:before, .tx-sy-osbeeproducts .os_cartSupport:before, .tx-sy-osbeeproducts .os_cartSupport > div .container:before, .tx-sy-osbeeproducts .os_carAppSupport:before, .tx-sy-osbeeproducts .os_carAppSupport > div .container:before, .tx-sy-osbeeproducts .checkoutOption:before, .tx-contentpackage-checkoutFormular div:before, .checkoutSteps:before, .tx-indexedsearch-browsebox:before, .tx-srfeuserregister-pi1 fieldset:before, .tx-srfeuserregister-pi1 fieldset .formwrap:before, .community-forum-news:before, .community-forum-news > .inner > div.news .latest-news-container:before, .zweispaltig-unterseiten-layout:before, header.header:before, header.header .topMeta:before, header.header .topMeta + div:before, header.header nav > ul:before, footer.footer div.inner.small:before, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:before, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:before, .ce-video:before, .ce-forum-latest-post:before, .ce-forum-latest-post > div:before, .ce-forum-latest-post > div div:before, .cf:after, .inner:after, body.contact .contactMain:after, .ce-twoCol-Box .boxen:after, .ce-twoCol-Box .boxen.withFontAwesome:after, .ce-twoCol-Box .boxen.withoutFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome div:after, .text-slide:after, .toggleContainer h3:after, .ce-threeBoxesWithOption:after, .ce-threeBoxesWithOption .inner div:after, .fontAwesome-list.twocol ul:after, .ce-os-bee:after, .ce-table:after, .service-formular:after, .service-formular .powermail_check_outer:after, .secondSection div.inner:after, .thirdSection:after, .thirdSection .inner:after, .newsletter:after, .newsletter .firstrow:after, .newsletter .secondrow:after, .newsletter .secondrow .inner:after, .ce-youtube-text:after, .ce-youtube-slider:after, .marketplace-wrapper:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:after, .marketplace-wrapper .mp-contentContainer .mp-filter ul:after, .marketplace-wrapper .mp-contentContainer .mp-content:after, .marketplace-wrapper .mp-contentContainer .mp-content article header:after, .marketplace-wrapper .mp-contentContainer .mp-content article footer:after, .mpdetail-content .mp-productInfo:after, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:after, .mpdetail-content .mp-productWrapper > ul:after, .tx-typo3forum-pi1 .forum_menu ul:after, .tx-typo3forum-pi1 .topic_list_menu ul:after, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #topic fieldset div:after, .tx-typo3forum-pi1 #post fieldset div:after, .tx-typo3forum-pi1 #report fieldset div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after, .ce-osbee-forum-singlepost:after, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after, .blogSidebar .blog-subscribe .terms:after, .news-list-view .article:after, .news-list-view .news-content-wrap:after, .latest-news-container:after, .latest-news-container .startpage-latesnews:after, .latest-news-container .startpage-latesnews .news-img-wrap a:after, .shariff .orientation-horizontal:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after, .tx-sy-osbeeproducts .os_cartSupport:after, .tx-sy-osbeeproducts .os_cartSupport > div .container:after, .tx-sy-osbeeproducts .os_carAppSupport:after, .tx-sy-osbeeproducts .os_carAppSupport > div .container:after, .tx-sy-osbeeproducts .checkoutOption:after, .tx-contentpackage-checkoutFormular div:after, .checkoutSteps:after, .tx-indexedsearch-browsebox:after, .tx-srfeuserregister-pi1 fieldset:after, .tx-srfeuserregister-pi1 fieldset .formwrap:after, .community-forum-news:after, .community-forum-news > .inner > div.news .latest-news-container:after, .zweispaltig-unterseiten-layout:after, header.header:after, header.header .topMeta:after, header.header .topMeta + div:after, header.header nav > ul:after, footer.footer div.inner.small:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after, .ce-video:after, .ce-forum-latest-post:after, .ce-forum-latest-post > div:after, .ce-forum-latest-post > div div:after {
+ content : " ";
+ display : table;
+ }
+ .cf:after, .inner:after, body.contact .contactMain:after, .ce-twoCol-Box .boxen:after, .ce-twoCol-Box .boxen.withFontAwesome:after, .ce-twoCol-Box .boxen.withoutFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome div:after, .text-slide:after, .toggleContainer h3:after, .ce-threeBoxesWithOption:after, .ce-threeBoxesWithOption .inner div:after, .fontAwesome-list.twocol ul:after, .ce-os-bee:after, .ce-table:after, .service-formular:after, .service-formular .powermail_check_outer:after, .secondSection div.inner:after, .thirdSection:after, .thirdSection .inner:after, .newsletter:after, .newsletter .firstrow:after, .newsletter .secondrow:after, .newsletter .secondrow .inner:after, .ce-youtube-text:after, .ce-youtube-slider:after, .marketplace-wrapper:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:after, .marketplace-wrapper .mp-contentContainer .mp-filter ul:after, .marketplace-wrapper .mp-contentContainer .mp-content:after, .marketplace-wrapper .mp-contentContainer .mp-content article header:after, .marketplace-wrapper .mp-contentContainer .mp-content article footer:after, .mpdetail-content .mp-productInfo:after, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:after, .mpdetail-content .mp-productWrapper > ul:after, .tx-typo3forum-pi1 .forum_menu ul:after, .tx-typo3forum-pi1 .topic_list_menu ul:after, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #topic fieldset div:after, .tx-typo3forum-pi1 #post fieldset div:after, .tx-typo3forum-pi1 #report fieldset div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after, .ce-osbee-forum-singlepost:after, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after, .blogSidebar .blog-subscribe .terms:after, .news-list-view .article:after, .news-list-view .news-content-wrap:after, .latest-news-container:after, .latest-news-container .startpage-latesnews:after, .latest-news-container .startpage-latesnews .news-img-wrap a:after, .shariff .orientation-horizontal:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after, .tx-sy-osbeeproducts .os_cartSupport:after, .tx-sy-osbeeproducts .os_cartSupport > div .container:after, .tx-sy-osbeeproducts .os_carAppSupport:after, .tx-sy-osbeeproducts .os_carAppSupport > div .container:after, .tx-sy-osbeeproducts .checkoutOption:after, .tx-contentpackage-checkoutFormular div:after, .checkoutSteps:after, .tx-indexedsearch-browsebox:after, .tx-srfeuserregister-pi1 fieldset:after, .tx-srfeuserregister-pi1 fieldset .formwrap:after, .community-forum-news:after, .community-forum-news > .inner > div.news .latest-news-container:after, .zweispaltig-unterseiten-layout:after, header.header:after, header.header .topMeta:after, header.header .topMeta + div:after, header.header nav > ul:after, footer.footer div.inner.small:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after, .ce-video:after, .ce-forum-latest-post:after, .ce-forum-latest-post > div:after, .ce-forum-latest-post > div div:after {
+ clear : both;
+ }
+ html {
+ margin : 0;
+ padding : 0;
+ font-size : 15px;
+ line-height : normal;
+ }
+ html * {
+ box-sizing : border-box;
+ font-family : "Open Sans", sans-serif;
+ }
+ body {
+ margin : 0;
+ padding : 0;
+ counter-reset : olliste;
+ }
+ section, main, footer, nav, aside, article {
+ display : block;
+ }
+ img {
+ height : auto;
+ max-width : 100%;
+ }
+ figure {
+ margin : 0;
+ padding : 0;
+ }
+ ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ ::-webkit-input-placeholder {
+ color : #333333;
+ opacity : 1 !important ;
+ }
+ :-moz-placeholder {
+ color : #333333;
+ }
+ ::-moz-placeholder {
+ color : #333333;
+ }
+ :-ms-input-placeholder {
+ color : #333333;
+ }
+ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
+ color : #333333;
+ opacity : 1 !important ;
+ }
+ input:-moz-placeholder, textarea:-moz-placeholder {
+ color : #333333;
+ }
+ input::-moz-placeholder, textarea::-moz-placeholder {
+ color : #333333;
+ }
+ input:-ms-input-placeholder, textarea:-ms-input-placeholder {
+ color : #333333;
+ }
+ .unorderedList li, .clients ul li, .ce-twoCol-Box .boxen.withFontAwesome > div ul li, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li, .text-slide .left ul li, .ce-Image-Text-Element .einspaltig ul li, .toggleContainer ul li, .ce-threeBoxesWithOption .inner div article ul li, .fontAwesome-list ul li ul li, .fontAwesome-list.twocol ul li ul li, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li, .ce-leftright > div figure + div ul li, .news ul li {
+ position : relative;
+ padding-left : 15px;
+ }
+ .unorderedList li:before, .clients ul li:before, .ce-twoCol-Box .boxen.withFontAwesome > div ul li:before, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li:before, .text-slide .left ul li:before, .ce-Image-Text-Element .einspaltig ul li:before, .toggleContainer ul li:before, .ce-threeBoxesWithOption .inner div article ul li:before, .fontAwesome-list ul li ul li:before, .fontAwesome-list.twocol ul li ul li:before, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li:before, .ce-leftright > div figure + div ul li:before, .news ul li:before {
+ content : "\f054";
+ content : "\f111";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ position : absolute;
+ top : 7px;
+ left : 0;
+ color : #be1622;
+ font-size : 6px;
+ }
+ .unorderedList li + li, .clients ul li + li, .ce-twoCol-Box .boxen.withFontAwesome > div ul li + li, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li + li, .text-slide .left ul li + li, .ce-Image-Text-Element .einspaltig ul li + li, .toggleContainer ul li + li, .ce-threeBoxesWithOption .inner div article ul li + li, .fontAwesome-list ul li ul li + li, .fontAwesome-list.twocol ul li ul li + li, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li + li, .ce-leftright > div figure + div ul li + li, .news ul li + li {
+ margin-top : 4px;
+ }
+ .unorderedList li ul, .clients ul li ul, .ce-twoCol-Box .boxen.withFontAwesome > div ul li ul, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li ul, .text-slide .left ul li ul, .ce-Image-Text-Element .einspaltig ul li ul, .toggleContainer ul li ul, .ce-threeBoxesWithOption .inner div article ul li ul, .fontAwesome-list ul li ul li ul, .fontAwesome-list.twocol ul li ul li ul, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li ul, .ce-leftright > div figure + div ul li ul, .news ul li ul {
+ margin-top : 5px;
+ }
+ .unorderedList + p, .clients ul + p, .ce-twoCol-Box .boxen.withFontAwesome > div ul + p, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul + p, .text-slide .left ul + p, .ce-Image-Text-Element .einspaltig ul + p, .toggleContainer ul + p, .ce-threeBoxesWithOption .inner div article ul + p, .fontAwesome-list ul li ul + p, .fontAwesome-list.twocol ul li ul + p, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul + p, .ce-leftright > div figure + div ul + p, .news ul + p, .unorderedList + ul, .clients ul + ul, .ce-twoCol-Box .boxen.withFontAwesome > div ul + ul, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul + ul, .text-slide .left ul + ul, .ce-Image-Text-Element .einspaltig ul + ul, .toggleContainer ul + ul, .ce-threeBoxesWithOption .inner div article ul + ul, .fontAwesome-list ul li ul + ul, .fontAwesome-list.twocol ul li ul + ul, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul + ul, .ce-leftright > div figure + div ul + ul, .news ul + ul {
+ margin-top : 15px;
+ }
+ .inner {
+ max-width : 1325px;
+ margin : 0 auto;
+ }
+ .inner.small, .tx-felogin-pi1 .tx-felogin-pi1-inner {
+ max-width : 1030px;
+ margin : 0 auto;
+ }
+ @media screen and (max-width:1100px) {
+ .inner.small, .tx-felogin-pi1 .tx-felogin-pi1-inner {
+ padding : 0 25px;
+ }
+ }
+ main {
+ overflow : hidden;
+ }
+ body.contact .contactMain {
+ max-width : 1030px;
+ margin : 0 auto 0 auto;
+ }
+ h1, h2, .ce-table table caption, h3 {
+ margin : 0;
+ font-size : inherit;
+ line-height : normal;
+ }
+ .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 {
+ font-family : "Quicksand", sans-serif;
+ font-size : 60px;
+ line-height : normal;
+ color : #333;
+ margin : 0 0 40px 0;
+ text-transform : uppercase;
+ font-weight : 300;
+ display : block;
+ }
+ @media screen and (max-width:1024px) {
+ .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 {
+ font-size : 45px;
+ margin-bottom : 30px;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 {
+ font-size : 35px;
+ margin-bottom : 25px;
+ }
+ }
+ @media screen and (max-width:640px) {
+ .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 {
+ font-size : 28px;
+ margin-bottom : 20px;
+ }
+ }
+ .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center {
+ font-family : "Quicksand", sans-serif;
+ font-size : 60px;
+ line-height : normal;
+ color : #333;
+ margin : 0 0 40px 0;
+ text-transform : uppercase;
+ text-align : center;
+ font-weight : 300;
+ display : block;
+ }
+ @media screen and (max-width:1024px) {
+ .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center {
+ font-size : 45px;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center {
+ font-size : 35px;
+ }
+ }
+ @media screen and (max-width:640px) {
+ .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center {
+ font-size : 28px;
+ }
+ }
+ .headlineH2Center, p.headlineH2Center, .service-formular fieldset .powermail_legend, .sliderContainer p.headlineH2Center, .latest-news-container h2, .latest-news-container .ce-table table caption, .ce-table table .latest-news-container caption, .mp-contentContainer.checkout h1 {
+ font-family : "Quicksand", sans-serif;
+ font-weight : 400;
+ text-transform : uppercase;
+ color : #333;
+ font-size : 24px;
+ line-height : normal;
+ text-align : center;
+ display : block;
+ margin : 0 0 15px 0;
+ }
+ .headlineH2Center:after, .service-formular fieldset .powermail_legend:after, .sliderContainer p.headlineH2Center:after, .latest-news-container h2:after, .latest-news-container .ce-table table caption:after, .ce-table table .latest-news-container caption:after, .mp-contentContainer.checkout h1:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px auto 0 auto;
+ }
+ .headlineH2, p.headlineH2, .sliderContainer p.headlineH2, .tx-typo3forum-pi1 #topic fieldset legend, .tx-typo3forum-pi1 #post fieldset legend, .tx-typo3forum-pi1 #report fieldset legend, .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption {
+ font-family : "Quicksand", sans-serif;
+ font-weight : 400;
+ text-transform : uppercase;
+ color : #333;
+ font-size : 24px;
+ line-height : normal;
+ display : block;
+ margin : 0 0 15px 0;
+ }
+ .headlineH2:after, .sliderContainer p.headlineH2:after, .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #report fieldset legend:after, .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px 0 0 0;
+ }
+ .headlineH2withoutUnderline, .headlineH2withoutUnderlineLeft, p.headlineH2withoutUnderline, .sliderContainer p.headlineH2withoutUnderline {
+ font-size : 36px;
+ line-height : normal;
+ font-family : "Quicksand", sans-serif;
+ font-weight : 400;
+ color : #fff;
+ display : block;
+ margin : 0 0 15px 0;
+ text-align : center;
+ }
+ .headlineH2withoutUnderlineLeft {
+ text-align : left;
+ }
+ .headlineH3, p.headlineH3, .sliderContainer p.headlineH3 {
+ font-weight : 700;
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ margin : 0 0 20px 0;
+ display : block;
+ }
+ .smallHeadlineWithUnderline, p.smallHeadlineWithUnderline, .sliderContainer p.smallHeadlineWithUnderline {
+ font-size : 18px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ margin-bottom : 20px;
+ }
+ .smallHeadlineWithUnderline:after, .sliderContainer p.smallHeadlineWithUnderline:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 5px 0 0 0;
+ }
+ a {
+ color : #0067b1;
+ text-decoration : none;
+ font-weight : 700;
+ }
+ a span {
+ color : inherit;
+ }
+ a:hover {
+ text-decoration : underline;
+ }
+ a.arrowlink:hover, .thirdSection .right a:hover {
+ text-decoration : underline !important ;
+ }
+ a.arrowlink:hover:after, .thirdSection .right a:hover:after {
+ text-decoration : none !important ;
+ }
+ a.button:hover {
+ text-decoration : none !important ;
+ }
+ a.button:hover span {
+ text-decoration : none !important ;
+ }
+ span a {
+ color : inherit;
+ }
+ .textlinkarrow:after, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:after, .ce-table table tr td a:after, .ce-leftright > div figure + div a:after, .ce-youtube-text .right a:after, .news-list-view .more:after {
+ content : "\f178";
+ transition : all 0.7s;
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ font-weight : 700;
+ font-family : 'FontAwesome';
+ padding-left : 5px;
+ transition : all 0.7s;
+ }
+ .textlinkarrow:hover, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:hover, .ce-table table tr td a:hover, .ce-leftright > div figure + div a:hover, .ce-youtube-text .right a:hover, .news-list-view .more:hover {
+ text-decoration : none;
+ }
+ .textlinkarrow:hover:after, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:hover:after, .ce-table table tr td a:hover:after, .ce-leftright > div figure + div a:hover:after, .ce-youtube-text .right a:hover:after, .news-list-view .more:hover:after {
+ padding-left : 10px;
+ }
+ .textlinkarrow.whitetextlinkarrow, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a.whitetextlinkarrow, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow .ce-leftright > div figure + div a, .ce-leftright > div figure + div .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a, .ce-table table tr td a.whitetextlinkarrow, .ce-leftright > div figure + div a, .ce-youtube-text .right a.whitetextlinkarrow, .ce-youtube-text .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .ce-youtube-text .right a, .news-list-view .whitetextlinkarrow.more, .news-list-view .ce-leftright > div figure + div a.more, .ce-leftright > div figure + div .news-list-view a.more {
+ color : #fff;
+ }
+ h1, h2, .ce-table table caption, h3, h4, h5, h6 {
+ font-size : 15px;
+ line-height : normal;
+ margin : 0;
+ font-weight : 400;
+ }
+ p {
+ font-size : 15px;
+ line-height : normal;
+ margin : 0;
+ }
+ p + p, p + ul, p + ol {
+ margin-top : 15px;
+ }
+ p + h1, p + h2, .ce-table table p + caption, p + h3, p + .headlineH3, .sliderContainer p + p.headlineH3, p + .headlineH2withoutUnderline, p + .headlineH2withoutUnderlineLeft, .sliderContainer p + p.headlineH2withoutUnderline, p + .smallHeadlineWithUnderline, .sliderContainer p + p.smallHeadlineWithUnderline, p + .headlineH2, .sliderContainer p + p.headlineH2, .tx-typo3forum-pi1 #topic fieldset p + legend, .tx-typo3forum-pi1 #post fieldset p + legend, .tx-typo3forum-pi1 #report fieldset p + legend, .mp-contentContainer.checkout .checkout_paymentOption p + h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table p + caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption p + caption, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > p + h2, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > p + caption, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > p + caption, p + .headlineH2Center, .service-formular fieldset p + .powermail_legend, .sliderContainer p + p.headlineH2Center, .latest-news-container p + h2, .latest-news-container .ce-table table p + caption, .ce-table table .latest-news-container p + caption, .mp-contentContainer.checkout p + h1, p + .headlineH1Center, .sliderContainer p + p.headlineH1Center, p + .headlineH1, .sliderContainer p + p.headlineH1, p + .headlineH2withoutUnderline, p + .headlineH2withoutUnderlineLeft, .sliderContainer p + p.headlineH2withoutUnderline {
+ margin-top : 25px;
+ }
+ p i {
+ font-style : italic;
+ }
+ p.bigText {
+ font-size : 18px;
+ line-height : normal;
+ }
+ p.bigText a {
+ font-size : 18px;
+ line-height : normal;
+ }
+ p.centeralign, p.align-center {
+ text-align : center;
+ }
+ p.leftalign, p.align-left {
+ text-align : left;
+ }
+ p.rightalign, p.align-right {
+ text-align : right;
+ }
+ ul li {
+ font-size : 15px;
+ line-height : normal;
+ }
+ a {
+ font-size : 15px;
+ line-height : normal;
+ }
+ .bigText {
+ font-size : 18px;
+ line-height : normal;
+ }
+ .centeralign, .align-center {
+ text-align : center;
+ }
+ .leftalign {
+ text-align : left;
+ }
+ .rightalign {
+ text-align : right;
+ }
+ .hvr-grow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
+ transform : scale(1.1);
+ }
+ .hvr-shrink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
+ transform : scale(0.9);
+ }
+ @keyframes hvr-pulse {
+ 25% {
+ transform : scale(1.1);
+ }
+ 75% {
+ transform : scale(0.9);
+ }
+ }
+ .hvr-pulse {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
+ animation-name : hvr-pulse;
+ animation-duration : 1s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ }
+ @keyframes hvr-pulse-grow {
+ to {
+ transform : scale(1.1);
+ }
+ }
+ .hvr-pulse-grow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
+ animation-name : hvr-pulse-grow;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ animation-direction : alternate;
+ }
+ @keyframes hvr-pulse-shrink {
+ to {
+ transform : scale(0.9);
+ }
+ }
+ .hvr-pulse-shrink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
+ animation-name : hvr-pulse-shrink;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ animation-direction : alternate;
+ }
+ @keyframes hvr-push {
+ 50% {
+ transform : scale(0.8);
+ }
+ 100% {
+ transform : scale(1);
+ }
+ }
+ .hvr-push {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-push:hover, .hvr-push:focus, .hvr-push:active {
+ animation-name : hvr-push;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-pop {
+ 50% {
+ transform : scale(1.2);
+ }
+ }
+ .hvr-pop {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
+ animation-name : hvr-pop;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ .hvr-bounce-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
+ transform : scale(1.2);
+ transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36);
+ }
+ .hvr-bounce-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
+ transform : scale(0.8);
+ transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36);
+ }
+ .hvr-rotate {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
+ transform : rotate(4deg);
+ }
+ .hvr-grow-rotate {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
+ transform : scale(1.1) rotate(4deg);
+ }
+ .hvr-float {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-float:hover, .hvr-float:focus, .hvr-float:active {
+ transform : translateY(-8px);
+ }
+ .hvr-sink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
+ transform : translateY(8px);
+ }
+ @keyframes hvr-bob {
+ 0% {
+ transform : translateY(-8px);
+ }
+ 50% {
+ transform : translateY(-4px);
+ }
+ 100% {
+ transform : translateY(-8px);
+ }
+ }
+ @keyframes hvr-bob-float {
+ 100% {
+ transform : translateY(-8px);
+ }
+ }
+ .hvr-bob {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
+ animation-name : hvr-bob-float, hvr-bob;
+ animation-duration : 0.3s, 1.5s;
+ animation-delay : 0s, 0.3s;
+ animation-timing-function : ease-out, ease-in-out;
+ animation-iteration-count : 1, infinite;
+ animation-fill-mode : forwards;
+ animation-direction : normal, alternate;
+ }
+ @keyframes hvr-hang {
+ 0% {
+ transform : translateY(8px);
+ }
+ 50% {
+ transform : translateY(4px);
+ }
+ 100% {
+ transform : translateY(8px);
+ }
+ }
+ @keyframes hvr-hang-sink {
+ 100% {
+ transform : translateY(8px);
+ }
+ }
+ .hvr-hang {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
+ animation-name : hvr-hang-sink, hvr-hang;
+ animation-duration : 0.3s, 1.5s;
+ animation-delay : 0s, 0.3s;
+ animation-timing-function : ease-out, ease-in-out;
+ animation-iteration-count : 1, infinite;
+ animation-fill-mode : forwards;
+ animation-direction : normal, alternate;
+ }
+ .hvr-skew {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
+ transform : skew(-10deg);
+ }
+ .hvr-skew-forward {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transform-origin : 0 100%;
+ }
+ .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
+ transform : skew(-10deg);
+ }
+ .hvr-skew-backward {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transform-origin : 0 100%;
+ }
+ .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
+ transform : skew(10deg);
+ }
+ @keyframes hvr-wobble-vertical {
+ 16.65% {
+ transform : translateY(8px);
+ }
+ 33.3% {
+ transform : translateY(-6px);
+ }
+ 49.95% {
+ transform : translateY(4px);
+ }
+ 66.6% {
+ transform : translateY(-2px);
+ }
+ 83.25% {
+ transform : translateY(1px);
+ }
+ 100% {
+ transform : translateY(0);
+ }
+ }
+ .hvr-wobble-vertical {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
+ animation-name : hvr-wobble-vertical;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-horizontal {
+ 16.65% {
+ transform : translateX(8px);
+ }
+ 33.3% {
+ transform : translateX(-6px);
+ }
+ 49.95% {
+ transform : translateX(4px);
+ }
+ 66.6% {
+ transform : translateX(-2px);
+ }
+ 83.25% {
+ transform : translateX(1px);
+ }
+ 100% {
+ transform : translateX(0);
+ }
+ }
+ .hvr-wobble-horizontal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
+ animation-name : hvr-wobble-horizontal;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-to-bottom-right {
+ 16.65% {
+ transform : translate(8px,8px);
+ }
+ 33.3% {
+ transform : translate(-6px,-6px);
+ }
+ 49.95% {
+ transform : translate(4px,4px);
+ }
+ 66.6% {
+ transform : translate(-2px,-2px);
+ }
+ 83.25% {
+ transform : translate(1px,1px);
+ }
+ 100% {
+ transform : translate(0,0);
+ }
+ }
+ .hvr-wobble-to-bottom-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
+ animation-name : hvr-wobble-to-bottom-right;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-to-top-right {
+ 16.65% {
+ transform : translate(8px,-8px);
+ }
+ 33.3% {
+ transform : translate(-6px,6px);
+ }
+ 49.95% {
+ transform : translate(4px,-4px);
+ }
+ 66.6% {
+ transform : translate(-2px,2px);
+ }
+ 83.25% {
+ transform : translate(1px,-1px);
+ }
+ 100% {
+ transform : translate(0,0);
+ }
+ }
+ .hvr-wobble-to-top-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
+ animation-name : hvr-wobble-to-top-right;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-top {
+ 16.65% {
+ transform : skew(-12deg);
+ }
+ 33.3% {
+ transform : skew(10deg);
+ }
+ 49.95% {
+ transform : skew(-6deg);
+ }
+ 66.6% {
+ transform : skew(4deg);
+ }
+ 83.25% {
+ transform : skew(-2deg);
+ }
+ 100% {
+ transform : skew(0);
+ }
+ }
+ .hvr-wobble-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transform-origin : 0 100%;
+ }
+ .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
+ animation-name : hvr-wobble-top;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-bottom {
+ 16.65% {
+ transform : skew(-12deg);
+ }
+ 33.3% {
+ transform : skew(10deg);
+ }
+ 49.95% {
+ transform : skew(-6deg);
+ }
+ 66.6% {
+ transform : skew(4deg);
+ }
+ 83.25% {
+ transform : skew(-2deg);
+ }
+ 100% {
+ transform : skew(0);
+ }
+ }
+ .hvr-wobble-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transform-origin : 100% 0;
+ }
+ .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
+ animation-name : hvr-wobble-bottom;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-skew {
+ 16.65% {
+ transform : skew(-12deg);
+ }
+ 33.3% {
+ transform : skew(10deg);
+ }
+ 49.95% {
+ transform : skew(-6deg);
+ }
+ 66.6% {
+ transform : skew(4deg);
+ }
+ 83.25% {
+ transform : skew(-2deg);
+ }
+ 100% {
+ transform : skew(0);
+ }
+ }
+ .hvr-wobble-skew {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
+ animation-name : hvr-wobble-skew;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-buzz {
+ 50% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 100% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ }
+ .hvr-buzz {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
+ animation-name : hvr-buzz;
+ animation-duration : 0.15s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ }
+ @keyframes hvr-buzz-out {
+ 10% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 20% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ 30% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 40% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ 50% {
+ transform : translateX(2px) rotate(1deg);
+ }
+ 60% {
+ transform : translateX(-2px) rotate(-1deg);
+ }
+ 70% {
+ transform : translateX(2px) rotate(1deg);
+ }
+ 80% {
+ transform : translateX(-2px) rotate(-1deg);
+ }
+ 90% {
+ transform : translateX(1px) rotate(0);
+ }
+ 100% {
+ transform : translateX(-1px) rotate(0);
+ }
+ }
+ .hvr-buzz-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
+ animation-name : hvr-buzz-out;
+ animation-duration : 0.75s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ .hvr-fade {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ overflow : hidden;
+ transition-duration : 0.3s;
+ transition-property : color, background-color;
+ }
+ .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
+ background-color : #2098d1;
+ color : white;
+ }
+ @keyframes hvr-back-pulse {
+ 50% {
+ background-color : rgba(32, 152, 209, 0.75);
+ }
+ }
+ .hvr-back-pulse {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ overflow : hidden;
+ transition-duration : 0.5s;
+ transition-property : color, background-color;
+ }
+ .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
+ animation-name : hvr-back-pulse;
+ animation-duration : 1s;
+ animation-delay : 0.5s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ background-color : #2098d1;
+ background-color : #2098d1;
+ color : white;
+ }
+ .hvr-sweep-to-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-sweep-to-right:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 0 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
+ color : white;
+ }
+ .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
+ transform : scaleX(1);
+ }
+ .hvr-sweep-to-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-sweep-to-left:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 100% 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
+ color : white;
+ }
+ .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
+ transform : scaleX(1);
+ }
+ .hvr-sweep-to-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-sweep-to-bottom:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50% 0;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
+ color : white;
+ }
+ .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
+ transform : scaleY(1);
+ }
+ .hvr-sweep-to-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-sweep-to-top:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50% 100%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
+ color : white;
+ }
+ .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
+ transform : scaleY(1);
+ }
+ .hvr-bounce-to-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-to-right:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 0 50%;
+ transition-property : transform;
+ transition-duration : 0.5s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
+ color : white;
+ }
+ .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
+ transform : scaleX(1);
+ transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-bounce-to-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-to-left:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 100% 50%;
+ transition-property : transform;
+ transition-duration : 0.5s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
+ color : white;
+ }
+ .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
+ transform : scaleX(1);
+ transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-bounce-to-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-to-bottom:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50% 0;
+ transition-property : transform;
+ transition-duration : 0.5s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
+ color : white;
+ }
+ .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
+ transform : scaleY(1);
+ transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-bounce-to-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-to-top:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50% 100%;
+ transition-property : transform;
+ transition-duration : 0.5s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
+ color : white;
+ }
+ .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
+ transform : scaleY(1);
+ transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-radial-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ background : #e1e1e1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-radial-out:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ border-radius : 100%;
+ transform : scale(0);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
+ color : white;
+ }
+ .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
+ transform : scale(2);
+ }
+ .hvr-radial-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ background : #2098d1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-radial-in:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #e1e1e1;
+ border-radius : 100%;
+ transform : scale(2);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
+ color : white;
+ }
+ .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
+ transform : scale(0);
+ }
+ .hvr-rectangle-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #2098d1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-rectangle-in:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #e1e1e1;
+ transform : scale(1);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
+ color : white;
+ }
+ .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
+ transform : scale(0);
+ }
+ .hvr-rectangle-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #e1e1e1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-rectangle-out:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scale(0);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
+ color : white;
+ }
+ .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
+ transform : scale(1);
+ }
+ .hvr-shutter-in-horizontal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #2098d1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-shutter-in-horizontal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ bottom : 0;
+ left : 0;
+ right : 0;
+ background : #e1e1e1;
+ transform : scaleX(1);
+ transform-origin : 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
+ color : white;
+ }
+ .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
+ transform : scaleX(0);
+ }
+ .hvr-shutter-out-horizontal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #e1e1e1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-shutter-out-horizontal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ bottom : 0;
+ left : 0;
+ right : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
+ color : white;
+ }
+ .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
+ transform : scaleX(1);
+ }
+ .hvr-shutter-in-vertical {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #2098d1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-shutter-in-vertical:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ bottom : 0;
+ left : 0;
+ right : 0;
+ background : #e1e1e1;
+ transform : scaleY(1);
+ transform-origin : 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
+ color : white;
+ }
+ .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
+ transform : scaleY(0);
+ }
+ .hvr-shutter-out-vertical {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #e1e1e1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-shutter-out-vertical:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ bottom : 0;
+ left : 0;
+ right : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
+ color : white;
+ }
+ .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
+ transform : scaleY(1);
+ }
+ .hvr-border-fade {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ box-shadow : 0 0 0 4px #e1e1e1 inset, 0 0 1px transparent;
+ }
+ .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
+ box-shadow : 0 0 0 4px #2098d1 inset, 0 0 1px transparent;
+ }
+ .hvr-hollow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : background;
+ box-shadow : 0 0 0 4px #e1e1e1 inset, 0 0 1px transparent;
+ }
+ .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
+ background : none;
+ }
+ .hvr-trim {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-trim:before {
+ content : '';
+ position : absolute;
+ border : white solid 4px;
+ top : 4px;
+ left : 4px;
+ right : 4px;
+ bottom : 4px;
+ opacity : 0;
+ transition-duration : 0.3s;
+ transition-property : opacity;
+ }
+ .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
+ opacity : 1;
+ }
+ @keyframes hvr-ripple-out {
+ 100% {
+ top : -12px;
+ right : -12px;
+ bottom : -12px;
+ left : -12px;
+ opacity : 0;
+ }
+ }
+ .hvr-ripple-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-ripple-out:before {
+ content : '';
+ position : absolute;
+ border : #e1e1e1 solid 6px;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ animation-duration : 1s;
+ }
+ .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
+ animation-name : hvr-ripple-out;
+ }
+ @keyframes hvr-ripple-in {
+ 100% {
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ opacity : 1;
+ }
+ }
+ .hvr-ripple-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-ripple-in:before {
+ content : '';
+ position : absolute;
+ border : #e1e1e1 solid 4px;
+ top : -12px;
+ right : -12px;
+ bottom : -12px;
+ left : -12px;
+ opacity : 0;
+ animation-duration : 1s;
+ }
+ .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
+ animation-name : hvr-ripple-in;
+ }
+ .hvr-outline-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-outline-out:before {
+ content : '';
+ position : absolute;
+ border : #e1e1e1 solid 4px;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ transition-duration : 0.3s;
+ transition-property : top, right, bottom, left;
+ }
+ .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
+ top : -8px;
+ right : -8px;
+ bottom : -8px;
+ left : -8px;
+ }
+ .hvr-outline-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-outline-in:before {
+ content : '';
+ position : absolute;
+ border : #e1e1e1 solid 4px;
+ top : -16px;
+ right : -16px;
+ bottom : -16px;
+ left : -16px;
+ opacity : 0;
+ transition-duration : 0.3s;
+ transition-property : top, right, bottom, left;
+ }
+ .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
+ top : -8px;
+ right : -8px;
+ bottom : -8px;
+ left : -8px;
+ opacity : 1;
+ }
+ .hvr-round-corners {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : border-radius;
+ }
+ .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
+ border-radius : 1em;
+ }
+ .hvr-underline-from-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-underline-from-left:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 100%;
+ bottom : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : right;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
+ right : 0;
+ }
+ .hvr-underline-from-center {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-underline-from-center:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 50%;
+ right : 50%;
+ bottom : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : left, right;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
+ left : 0;
+ right : 0;
+ }
+ .hvr-underline-from-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-underline-from-right:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 100%;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : left;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
+ left : 0;
+ }
+ .hvr-overline-from-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-overline-from-left:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 100%;
+ top : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : right;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
+ right : 0;
+ }
+ .hvr-overline-from-center {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-overline-from-center:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 50%;
+ right : 50%;
+ top : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : left, right;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
+ left : 0;
+ right : 0;
+ }
+ .hvr-overline-from-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-overline-from-right:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 100%;
+ right : 0;
+ top : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : left;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
+ left : 0;
+ }
+ .hvr-reveal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-reveal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 0;
+ top : 0;
+ bottom : 0;
+ border-color : #2098d1;
+ border-style : solid;
+ border-width : 0;
+ transition-property : border-width;
+ transition-duration : 0.1s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
+ transform : translateY(0);
+ border-width : 4px;
+ }
+ .hvr-underline-reveal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-underline-reveal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ height : 4px;
+ transform : translateY(4px);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
+ transform : translateY(0);
+ }
+ .hvr-overline-reveal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-overline-reveal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 0;
+ top : 0;
+ background : #2098d1;
+ height : 4px;
+ transform : translateY(-4px);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
+ transform : translateY(0);
+ }
+ .hvr-glow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ }
+ .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
+ box-shadow : 0 0 8px rgba(0, 0, 0, 0.6);
+ }
+ .hvr-shadow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ }
+ .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
+ box-shadow : 0 10px 10px -10px rgba(0, 0, 0, 0.5);
+ }
+ .hvr-grow-shadow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow, transform;
+ }
+ .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
+ box-shadow : 0 10px 10px -10px rgba(0, 0, 0, 0.5);
+ transform : scale(1.1);
+ }
+ .hvr-box-shadow-outset {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ }
+ .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
+ box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6);
+ }
+ .hvr-box-shadow-inset {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ box-shadow : 0 0 0 rgba(0, 0, 0, 0.6) inset, 0 0 1px transparent;
+ }
+ .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
+ box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6) inset, 0 0 1px transparent;
+ }
+ .hvr-float-shadow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-float-shadow:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ top : 100%;
+ left : 5%;
+ height : 10px;
+ width : 90%;
+ opacity : 0;
+ background : radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
+ transition-duration : 0.3s;
+ transition-property : transform, opacity;
+ }
+ .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
+ transform : translateY(-5px);
+ }
+ .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
+ opacity : 1;
+ transform : translateY(5px);
+ }
+ .hvr-shadow-radial {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-shadow-radial:before, .hvr-shadow-radial:after {
+ position : absolute;
+ content : '';
+ left : 0;
+ width : 100%;
+ box-sizing : border-box;
+ background-repeat : no-repeat;
+ height : 5px;
+ opacity : 0;
+ transition-duration : 0.3s;
+ transition-property : opacity;
+ }
+ .hvr-shadow-radial:before {
+ bottom : 100%;
+ background : radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
+ }
+ .hvr-shadow-radial:after {
+ top : 100%;
+ background : radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
+ }
+ .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
+ opacity : 1;
+ }
+ .hvr-bubble-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-bubble-top:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ border-style : solid;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ left : calc(50% - 10px);
+ top : 0;
+ border-width : 0 10px 10px 10px;
+ border-color : transparent transparent #e1e1e1 transparent;
+ }
+ .hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
+ transform : translateY(-10px);
+ }
+ .hvr-bubble-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-bubble-right:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ border-style : solid;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ top : calc(50% - 10px);
+ right : 0;
+ border-width : 10px 0 10px 10px;
+ border-color : transparent transparent transparent #e1e1e1;
+ }
+ .hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
+ transform : translateX(10px);
+ }
+ .hvr-bubble-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-bubble-bottom:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ border-style : solid;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ left : calc(50% - 10px);
+ bottom : 0;
+ border-width : 10px 10px 0 10px;
+ border-color : #e1e1e1 transparent transparent transparent;
+ }
+ .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
+ transform : translateY(10px);
+ }
+ .hvr-bubble-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-bubble-left:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ border-style : solid;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ top : calc(50% - 10px);
+ left : 0;
+ border-width : 10px 10px 10px 0;
+ border-color : transparent #e1e1e1 transparent transparent;
+ }
+ .hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
+ transform : translateX(-10px);
+ }
+ .hvr-bubble-float-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-top:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ left : calc(50% - 10px);
+ top : 0;
+ border-style : solid;
+ border-width : 0 10px 10px 10px;
+ border-color : transparent transparent #e1e1e1 transparent;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
+ transform : translateY(10px);
+ }
+ .hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
+ transform : translateY(-10px);
+ }
+ .hvr-bubble-float-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-right:before {
+ position : absolute;
+ z-index : -1;
+ top : calc(50% - 10px);
+ right : 0;
+ content : '';
+ border-style : solid;
+ border-width : 10px 0 10px 10px;
+ border-color : transparent transparent transparent #e1e1e1;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
+ transform : translateX(-10px);
+ }
+ .hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
+ transform : translateX(10px);
+ }
+ .hvr-bubble-float-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-bottom:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ left : calc(50% - 10px);
+ bottom : 0;
+ border-style : solid;
+ border-width : 10px 10px 0 10px;
+ border-color : #e1e1e1 transparent transparent transparent;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
+ transform : translateY(-10px);
+ }
+ .hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
+ transform : translateY(10px);
+ }
+ .hvr-bubble-float-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-left:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ top : calc(50% - 10px);
+ left : 0;
+ border-style : solid;
+ border-width : 10px 10px 10px 0;
+ border-color : transparent #e1e1e1 transparent transparent;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
+ transform : translateX(10px);
+ }
+ .hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
+ transform : translateX(-10px);
+ }
+ .hvr-icon-back {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-left : 2.2em;
+ transition-duration : 0.1s;
+ }
+ .hvr-icon-back:before {
+ content : "\f137";
+ position : absolute;
+ left : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.1s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
+ transform : translateX(-4px);
+ }
+ .hvr-icon-forward {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.1s;
+ }
+ .hvr-icon-forward:before {
+ content : "\f138";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.1s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
+ transform : translateX(4px);
+ }
+ @keyframes hvr-icon-down {
+ 0%, 50%, 100% {
+ transform : translateY(0);
+ }
+ 25%, 75% {
+ transform : translateY(6px);
+ }
+ }
+ .hvr-icon-down {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-down:before {
+ content : "\f01a";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {
+ animation-name : hvr-icon-down;
+ animation-duration : 0.75s;
+ animation-timing-function : ease-out;
+ }
+ @keyframes hvr-icon-up {
+ 0%, 50%, 100% {
+ transform : translateY(0);
+ }
+ 25%, 75% {
+ transform : translateY(-6px);
+ }
+ }
+ .hvr-icon-up {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-up:before {
+ content : "\f01b";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before {
+ animation-name : hvr-icon-up;
+ animation-duration : 0.75s;
+ animation-timing-function : ease-out;
+ }
+ .hvr-icon-spin {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-spin:before {
+ content : "\f021";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transition-duration : 1s;
+ transition-property : transform;
+ transition-timing-function : ease-in-out;
+ }
+ .hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {
+ transform : rotate(360deg);
+ }
+ @keyframes hvr-icon-drop {
+ 0% {
+ opacity : 0;
+ }
+ 50% {
+ opacity : 0;
+ transform : translateY(-100%);
+ }
+ 51%, 100% {
+ opacity : 1;
+ }
+ }
+ .hvr-icon-drop {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-drop:before {
+ content : "\f041";
+ position : absolute;
+ right : 1em;
+ opacity : 1;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
+ opacity : 0;
+ transition-duration : 0.3s;
+ animation-name : hvr-icon-drop;
+ animation-duration : 0.5s;
+ animation-delay : 0.3s;
+ animation-fill-mode : forwards;
+ animation-timing-function : ease-in-out;
+ animation-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-icon-fade {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-fade:before {
+ content : "\f00c";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.5s;
+ transition-property : color;
+ }
+ .hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {
+ color : #0F9E5E;
+ }
+ @keyframes hvr-icon-float-away {
+ 0% {
+ opacity : 1;
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(-1em);
+ }
+ }
+ .hvr-icon-float-away {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-float-away:before, .hvr-icon-float-away:after {
+ content : "\f055";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ }
+ .hvr-icon-float-away:after {
+ opacity : 0;
+ animation-duration : 0.5s;
+ animation-fill-mode : forwards;
+ }
+ .hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after {
+ animation-name : hvr-icon-float-away;
+ animation-timing-function : ease-out;
+ }
+ @keyframes hvr-icon-sink-away {
+ 0% {
+ opacity : 1;
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(1em);
+ }
+ }
+ .hvr-icon-sink-away {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
+ content : "\f056";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-sink-away:after {
+ opacity : 0;
+ animation-duration : 0.5s;
+ animation-fill-mode : forwards;
+ }
+ .hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {
+ animation-name : hvr-icon-sink-away;
+ animation-timing-function : ease-out;
+ }
+ .hvr-icon-grow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-grow:before {
+ content : "\f118";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before {
+ transform : scale(1.3) translateZ(0);
+ }
+ .hvr-icon-shrink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-shrink:before {
+ content : "\f119";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before {
+ transform : scale(0.8);
+ }
+ @keyframes hvr-icon-pulse {
+ 25% {
+ transform : scale(1.3);
+ }
+ 75% {
+ transform : scale(0.8);
+ }
+ }
+ .hvr-icon-pulse {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-pulse:before {
+ content : "\f015";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before {
+ animation-name : hvr-icon-pulse;
+ animation-duration : 1s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ }
+ @keyframes hvr-icon-pulse-grow {
+ to {
+ transform : scale(1.3);
+ }
+ }
+ .hvr-icon-pulse-grow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-pulse-grow:before {
+ content : "\f015";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {
+ animation-name : hvr-icon-pulse-grow;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ animation-direction : alternate;
+ }
+ @keyframes hvr-icon-pulse-shrink {
+ to {
+ transform : scale(0.8);
+ }
+ }
+ .hvr-icon-pulse-shrink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-pulse-shrink:before {
+ content : "\f015";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before {
+ animation-name : hvr-icon-pulse-shrink;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ animation-direction : alternate;
+ }
+ @keyframes hvr-icon-push {
+ 50% {
+ transform : scale(0.5);
+ }
+ }
+ .hvr-icon-push {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-push:before {
+ content : "\f006";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before {
+ animation-name : hvr-icon-push;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-icon-pop {
+ 50% {
+ transform : scale(1.5);
+ }
+ }
+ .hvr-icon-pop {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-pop:before {
+ content : "\f005";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before {
+ animation-name : hvr-icon-pop;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ .hvr-icon-bounce {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-bounce:before {
+ content : "\f087";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
+ transform : scale(1.5);
+ transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36);
+ }
+ .hvr-icon-rotate {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-rotate:before {
+ content : "\f0c6";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
+ transform : rotate(20deg);
+ }
+ .hvr-icon-grow-rotate {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-grow-rotate:before {
+ content : "\f095";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before {
+ transform : scale(1.5) rotate(12deg);
+ }
+ .hvr-icon-float {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-float:before {
+ content : "\f01b";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {
+ transform : translateY(-4px);
+ }
+ .hvr-icon-sink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-sink:before {
+ content : "\f01a";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before {
+ transform : translateY(4px);
+ }
+ @keyframes hvr-icon-bob {
+ 0% {
+ transform : translateY(-6px);
+ }
+ 50% {
+ transform : translateY(-2px);
+ }
+ 100% {
+ transform : translateY(-6px);
+ }
+ }
+ @keyframes hvr-icon-bob-float {
+ 100% {
+ transform : translateY(-6px);
+ }
+ }
+ .hvr-icon-bob {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-bob:before {
+ content : "\f077";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
+ animation-name : hvr-icon-bob-float, hvr-icon-bob;
+ animation-duration : 0.3s, 1.5s;
+ animation-delay : 0s, 0.3s;
+ animation-timing-function : ease-out, ease-in-out;
+ animation-iteration-count : 1, infinite;
+ animation-fill-mode : forwards;
+ animation-direction : normal, alternate;
+ }
+ @keyframes hvr-icon-hang {
+ 0% {
+ transform : translateY(6px);
+ }
+ 50% {
+ transform : translateY(2px);
+ }
+ 100% {
+ transform : translateY(6px);
+ }
+ }
+ @keyframes hvr-icon-hang-sink {
+ 100% {
+ transform : translateY(6px);
+ }
+ }
+ .hvr-icon-hang {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-hang:before {
+ content : "\f078";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {
+ animation-name : hvr-icon-hang-sink, hvr-icon-hang;
+ animation-duration : 0.3s, 1.5s;
+ animation-delay : 0s, 0.3s;
+ animation-timing-function : ease-out, ease-in-out;
+ animation-iteration-count : 1, infinite;
+ animation-fill-mode : forwards;
+ animation-direction : normal, alternate;
+ }
+ @keyframes hvr-icon-wobble-horizontal {
+ 16.65% {
+ transform : translateX(6px);
+ }
+ 33.3% {
+ transform : translateX(-5px);
+ }
+ 49.95% {
+ transform : translateX(4px);
+ }
+ 66.6% {
+ transform : translateX(-2px);
+ }
+ 83.25% {
+ transform : translateX(1px);
+ }
+ 100% {
+ transform : translateX(0);
+ }
+ }
+ .hvr-icon-wobble-horizontal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-wobble-horizontal:before {
+ content : "\f061";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
+ animation-name : hvr-icon-wobble-horizontal;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-icon-wobble-vertical {
+ 16.65% {
+ transform : translateY(6px);
+ }
+ 33.3% {
+ transform : translateY(-5px);
+ }
+ 49.95% {
+ transform : translateY(4px);
+ }
+ 66.6% {
+ transform : translateY(-2px);
+ }
+ 83.25% {
+ transform : translateY(1px);
+ }
+ 100% {
+ transform : translateY(0);
+ }
+ }
+ .hvr-icon-wobble-vertical {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-wobble-vertical:before {
+ content : "\f062";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before {
+ animation-name : hvr-icon-wobble-vertical;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-icon-buzz {
+ 50% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 100% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ }
+ .hvr-icon-buzz {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-buzz:before {
+ content : "\f017";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before {
+ animation-name : hvr-icon-buzz;
+ animation-duration : 0.15s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ }
+ @keyframes hvr-icon-buzz-out {
+ 10% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 20% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ 30% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 40% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ 50% {
+ transform : translateX(2px) rotate(1deg);
+ }
+ 60% {
+ transform : translateX(-2px) rotate(-1deg);
+ }
+ 70% {
+ transform : translateX(2px) rotate(1deg);
+ }
+ 80% {
+ transform : translateX(-2px) rotate(-1deg);
+ }
+ 90% {
+ transform : translateX(1px) rotate(0);
+ }
+ 100% {
+ transform : translateX(-1px) rotate(0);
+ }
+ }
+ .hvr-icon-buzz-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-buzz-out:before {
+ content : "\f023";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before {
+ animation-name : hvr-icon-buzz-out;
+ animation-duration : 0.75s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ .hvr-curl-top-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-curl-top-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-curl-top-right:before {
+ position : absolute;
+ content : '';
+ height : 0;
+ width : 0;
+ top : 0;
+ right : 0;
+ background : white;
+ background : linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
+ box-shadow : -1px 1px 1px rgba(0, 0, 0, 0.4);
+ transition-duration : 0.3s;
+ transition-property : width, height;
+ }
+ .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
+ width : 25px;
+ height : 25px;
+ }
+ .hvr-curl-bottom-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-curl-bottom-right:before {
+ position : absolute;
+ content : '';
+ height : 0;
+ width : 0;
+ bottom : 0;
+ right : 0;
+ background : white;
+ background : linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
+ box-shadow : -1px -1px 1px rgba(0, 0, 0, 0.4);
+ transition-duration : 0.3s;
+ transition-property : width, height;
+ }
+ .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
+ width : 25px;
+ height : 25px;
+ }
+ .hvr-curl-bottom-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-curl-bottom-left:before {
+ position : absolute;
+ content : '';
+ height : 0;
+ width : 0;
+ bottom : 0;
+ left : 0;
+ background : white;
+ background : linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
+ box-shadow : 1px -1px 1px rgba(0, 0, 0, 0.4);
+ transition-duration : 0.3s;
+ transition-property : width, height;
+ }
+ .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
+ width : 25px;
+ height : 25px;
+ }
+ .swiper-container {
+ margin : 0 auto;
+ position : relative;
+ overflow : hidden;
+ z-index : 1;
+ }
+ .swiper-container-no-flexbox .swiper-slide {
+ float : left;
+ }
+ .swiper-container-vertical > .swiper-wrapper {
+ flex-direction : column;
+ }
+ .swiper-wrapper {
+ position : relative;
+ width : 100%;
+ height : 100%;
+ z-index : 1;
+ display : flex;
+ transition-property : transform;
+ box-sizing : content-box;
+ }
+ .swiper-container-android .swiper-slide, .swiper-wrapper {
+ transform : translate3d(0,0,0);
+ }
+ .swiper-container-multirow > .swiper-wrapper {
+ flex-wrap : wrap;
+ }
+ .swiper-container-free-mode > .swiper-wrapper {
+ transition-timing-function : ease-out;
+ margin : 0 auto;
+ }
+ .swiper-slide {
+ flex-shrink : 0;
+ width : 100%;
+ height : 100%;
+ position : relative;
+ }
+ .swiper-container .swiper-notification {
+ position : absolute;
+ left : 0;
+ top : 0;
+ opacity : 0;
+ z-index : -1000;
+ }
+ .swiper-button-prev, .swiper-button-next, .swiper-button-prev-clients, .swiper-button-next-clients, .swiper-button-prev-small-youtube, .swiper-button-next-small-youtube {
+ position : absolute;
+ top : 50%;
+ width : 27px;
+ height : 44px;
+ margin-top : -22px;
+ z-index : 10;
+ cursor : pointer;
+ background-size : 27px 44px;
+ background-position : center;
+ background-repeat : no-repeat;
+ }
+ .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
+ opacity : 0.3499999940395355224609375;
+ cursor : auto;
+ }
+ .swiper-button-prev, .swiper-button-prev-clients, .swiper-button-prev-small-youtube, .swiper-container-rtl .swiper-button-next {
+ background-image : url("../img/prev.png");
+ left : 30px;
+ right : auto;
+ }
+ .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
+ }
+ .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
+ }
+ .swiper-button-next, .swiper-button-next-clients, .swiper-button-next-small-youtube, .swiper-container-rtl .swiper-button-prev {
+ background-image : url("../img/next.png");
+ right : 30px;
+ left : auto;
+ }
+ .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
+ }
+ .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
+ }
+ .swiper-pagination {
+ position : absolute;
+ text-align : center;
+ transition : 300ms;
+ transform : translate3d(0,0,0);
+ z-index : 10;
+ }
+ .swiper-pagination.swiper-pagination-hidden {
+ opacity : 0;
+ }
+ .swiper-pagination-bullet {
+ width : 8px;
+ height : 8px;
+ display : inline-block;
+ border-radius : 100%;
+ background : #000;
+ opacity : 0.20000000298023223876953125;
+ }
+ button.swiper-pagination-bullet {
+ border : none;
+ margin : 0;
+ padding : 0;
+ box-shadow : none;
+ }
+ .swiper-pagination-clickable .swiper-pagination-bullet {
+ cursor : pointer;
+ }
+ .swiper-pagination-white .swiper-pagination-bullet {
+ background : #fff;
+ }
+ .swiper-pagination-bullet-active {
+ opacity : 1;
+ background : #007aff;
+ }
+ .swiper-pagination-white .swiper-pagination-bullet-active {
+ background : #fff;
+ }
+ .swiper-pagination-black .swiper-pagination-bullet-active {
+ background : #000;
+ }
+ .swiper-container-vertical > .swiper-pagination {
+ right : 10px;
+ top : 50%;
+ transform : translate3d(0,-50%,0);
+ }
+ .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
+ margin : 5px 0;
+ display : block;
+ }
+ .swiper-container-horizontal > .swiper-pagination {
+ bottom : 10px;
+ left : 0;
+ width : 100%;
+ }
+ .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
+ margin : 0 5px;
+ }
+ .swiper-container-3d {
+ perspective : 1200px;
+ }
+ .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
+ transform-style : preserve-3d;
+ }
+ .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
+ position : absolute;
+ left : 0;
+ top : 0;
+ width : 100%;
+ height : 100%;
+ z-index : 10;
+ }
+ .swiper-container-3d .swiper-slide-shadow-left {
+ background-image : linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
+ }
+ .swiper-container-3d .swiper-slide-shadow-right {
+ background-image : linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
+ }
+ .swiper-container-3d .swiper-slide-shadow-top {
+ background-image : linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
+ }
+ .swiper-container-3d .swiper-slide-shadow-bottom {
+ background-image : linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
+ }
+ .swiper-container-fade.swiper-container-free-mode .swiper-slide {
+ transition-timing-function : ease-out;
+ }
+ .swiper-container-cube {
+ overflow : visible;
+ }
+ .swiper-container-cube .swiper-slide {
+ visibility : hidden;
+ transform-origin : 0 0;
+ backface-visibility : hidden;
+ width : 100%;
+ height : 100%;
+ z-index : 1;
+ }
+ .swiper-container-cube.swiper-container-rtl .swiper-slide {
+ transform-origin : 100% 0;
+ }
+ .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
+ visibility : visible;
+ }
+ .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right {
+ z-index : 0;
+ backface-visibility : hidden;
+ }
+ .swiper-container-cube .swiper-cube-shadow {
+ position : absolute;
+ left : 0;
+ bottom : 0;
+ width : 100%;
+ height : 100%;
+ background : #000;
+ opacity : 0.60000002384185791015625;
+ z-index : 0;
+ }
+ .swiper-scrollbar {
+ border-radius : 10px;
+ position : relative;
+ background : rgba(0, 0, 0, 0.1);
+ }
+ .swiper-container-horizontal > .swiper-scrollbar {
+ position : absolute;
+ left : 1%;
+ bottom : 3px;
+ z-index : 50;
+ height : 5px;
+ width : 98%;
+ }
+ .swiper-container-vertical > .swiper-scrollbar {
+ position : absolute;
+ right : 3px;
+ top : 1%;
+ z-index : 50;
+ width : 5px;
+ height : 98%;
+ }
+ .swiper-scrollbar-drag {
+ height : 100%;
+ width : 100%;
+ position : relative;
+ background : rgba(0, 0, 0, 0.5);
+ border-radius : 10px;
+ left : 0;
+ top : 0;
+ }
+ .swiper-scrollbar-cursor-drag {
+ cursor : move;
+ }
+ .swiper-lazy-preloader {
+ width : 42px;
+ height : 42px;
+ position : absolute;
+ left : 50%;
+ top : 50%;
+ margin-left : -21px;
+ margin-top : -21px;
+ z-index : 10;
+ transform-origin : 50%;
+ animation : swiper-preloader-spin 1s steps(12,end) infinite;
+ }
+ .swiper-lazy-preloader:after {
+ display : block;
+ content : "";
+ width : 100%;
+ height : 100%;
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+ background-position : 50%;
+ background-size : 100%;
+ background-repeat : no-repeat;
+ }
+ .swiper-lazy-preloader-white:after {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+ }
+ @keyframes swiper-preloader-spin {
+ 100% {
+ transform : rotate(360deg);
+ }
+ }
+ .mfp-bg {
+ top : 0;
+ left : 0;
+ width : 100%;
+ height : 100%;
+ z-index : 99999;
+ overflow : hidden;
+ position : fixed;
+ background : #0b0b0b;
+ opacity : 0.800000011920928955078125;
+ }
+ .mfp-wrap {
+ top : 0;
+ left : 0;
+ width : 100%;
+ height : 100%;
+ z-index : 999999;
+ position : fixed;
+ outline : none !important ;
+ }
+ .mfp-container {
+ text-align : center;
+ position : absolute;
+ width : 100%;
+ height : 100%;
+ left : 0;
+ top : 0;
+ padding : 0 8px;
+ box-sizing : border-box;
+ }
+ .mfp-container:before {
+ content : '';
+ display : inline-block;
+ height : 100%;
+ vertical-align : middle;
+ }
+ .mfp-align-top .mfp-container:before {
+ display : none;
+ }
+ .mfp-content {
+ position : relative;
+ display : inline-block;
+ vertical-align : middle;
+ margin : 0 auto;
+ text-align : left;
+ z-index : 9999999;
+ }
+ .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
+ width : 100%;
+ cursor : auto;
+ }
+ .mfp-ajax-cur {
+ cursor : progress;
+ }
+ .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
+ cursor : zoom-out;
+ }
+ .mfp-zoom {
+ cursor : pointer;
+ cursor : zoom-in;
+ }
+ .mfp-auto-cursor .mfp-content {
+ cursor : auto;
+ }
+ .mfp-loading.mfp-figure {
+ display : none;
+ }
+ .mfp-hide {
+ display : none !important ;
+ }
+ .mfp-preloader {
+ color : #CCC;
+ position : absolute;
+ top : 50%;
+ width : auto;
+ text-align : center;
+ margin-top : -0.8em;
+ left : 8px;
+ right : 8px;
+ z-index : 999999;
+ }
+ .mfp-preloader a {
+ color : #CCC;
+ }
+ .mfp-preloader a:hover {
+ color : #FFF;
+ }
+ .mfp-s-ready .mfp-preloader {
+ display : none;
+ }
+ .mfp-s-error .mfp-content {
+ display : none;
+ }
+ button.mfp-close, button.mfp-arrow {
+ overflow : visible;
+ cursor : pointer;
+ background : transparent;
+ border : 0;
+ display : block;
+ outline : none;
+ padding : 0;
+ z-index : 99999999;
+ box-shadow : none;
+ }
+ button::-moz-focus-inner {
+ padding : 0;
+ border : 0;
+ }
+ .mfp-close {
+ width : 44px;
+ height : 44px;
+ line-height : 44px;
+ position : absolute;
+ right : 0;
+ top : 0;
+ text-decoration : none;
+ text-align : center;
+ opacity : 0.64999997615814208984375;
+ padding : 0 0 18px 10px;
+ color : #FFF;
+ font-style : normal;
+ font-size : 28px;
+ font-family : Arial, Baskerville, monospace;
+ }
+ .mfp-close:hover, .mfp-close:focus {
+ opacity : 1;
+ }
+ .mfp-close:active {
+ top : 1px;
+ }
+ .mfp-close-btn-in .mfp-close {
+ color : #333;
+ }
+ .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
+ color : #FFF;
+ right : -6px;
+ text-align : right;
+ padding-right : 6px;
+ width : 100%;
+ }
+ .mfp-counter {
+ position : absolute;
+ top : 0;
+ right : 0;
+ color : #CCC;
+ font-size : 12px;
+ line-height : 18px;
+ white-space : nowrap;
+ }
+ .mfp-arrow {
+ position : absolute;
+ opacity : 0.64999997615814208984375;
+ margin : 0;
+ top : 50%;
+ margin-top : -55px;
+ padding : 0;
+ width : 90px;
+ height : 110px;
+ }
+ .mfp-arrow:active {
+ margin-top : -54px;
+ }
+ .mfp-arrow:hover, .mfp-arrow:focus {
+ opacity : 1;
+ }
+ .mfp-arrow:before, .mfp-arrow:after {
+ content : '';
+ display : block;
+ width : 0;
+ height : 0;
+ position : absolute;
+ left : 0;
+ top : 0;
+ margin-top : 35px;
+ margin-left : 35px;
+ border : transparent inset medium;
+ }
+ .mfp-arrow:after {
+ border-top-width : 13px;
+ border-bottom-width : 13px;
+ top : 8px;
+ }
+ .mfp-arrow:before {
+ border-top-width : 21px;
+ border-bottom-width : 21px;
+ opacity : 0.699999988079071044921875;
+ }
+ .mfp-arrow-left {
+ left : 0;
+ }
+ .mfp-arrow-left:after {
+ border-right : 17px solid #FFF;
+ margin-left : 31px;
+ }
+ .mfp-arrow-left:before {
+ margin-left : 25px;
+ border-right : 27px solid #3F3F3F;
+ }
+ .mfp-arrow-right {
+ right : 0;
+ }
+ .mfp-arrow-right:after {
+ border-left : 17px solid #FFF;
+ margin-left : 39px;
+ }
+ .mfp-arrow-right:before {
+ border-left : 27px solid #3F3F3F;
+ }
+ .mfp-iframe-holder {
+ padding-top : 40px;
+ padding-bottom : 40px;
+ }
+ .mfp-iframe-holder .mfp-content {
+ line-height : 0;
+ width : 100%;
+ max-width : 900px;
+ }
+ .mfp-iframe-holder .mfp-close {
+ top : -40px;
+ }
+ .mfp-iframe-scaler {
+ width : 100%;
+ height : 0;
+ overflow : hidden;
+ padding-top : 56.25%;
+ }
+ .mfp-iframe-scaler iframe {
+ position : absolute;
+ display : block;
+ top : 0;
+ left : 0;
+ width : 100%;
+ height : 100%;
+ box-shadow : 0 0 8px rgba(0, 0, 0, 0.6);
+ background : #000;
+ }
+ img.mfp-img {
+ width : auto;
+ max-width : 100%;
+ height : auto;
+ display : block;
+ line-height : 0;
+ box-sizing : border-box;
+ padding : 40px 0 40px;
+ margin : 0 auto;
+ }
+ .mfp-figure {
+ line-height : 0;
+ }
+ .mfp-figure:after {
+ content : '';
+ position : absolute;
+ left : 0;
+ top : 40px;
+ bottom : 40px;
+ display : block;
+ right : 0;
+ width : auto;
+ height : auto;
+ z-index : -1;
+ box-shadow : 0 0 8px rgba(0, 0, 0, 0.6);
+ background : #444;
+ }
+ .mfp-figure small {
+ color : #BDBDBD;
+ display : block;
+ font-size : 12px;
+ line-height : 14px;
+ }
+ .mfp-figure figure {
+ margin : 0;
+ }
+ .mfp-bottom-bar {
+ margin-top : -36px;
+ position : absolute;
+ top : 100%;
+ left : 0;
+ width : 100%;
+ cursor : auto;
+ }
+ .mfp-title {
+ text-align : left;
+ line-height : 18px;
+ color : #F3F3F3;
+ overflow-wrap : break-word;
+ padding-right : 36px;
+ }
+ .mfp-image-holder .mfp-content {
+ max-width : 100%;
+ }
+ .mfp-gallery .mfp-image-holder .mfp-figure {
+ cursor : pointer;
+ }
+ @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
+ .mfp-img-mobile .mfp-image-holder {
+ padding-left : 0;
+ padding-right : 0;
+ }
+ .mfp-img-mobile img.mfp-img {
+ padding : 0;
+ }
+ .mfp-img-mobile .mfp-figure:after {
+ top : 0;
+ bottom : 0;
+ }
+ .mfp-img-mobile .mfp-figure small {
+ display : inline;
+ margin-left : 5px;
+ }
+ .mfp-img-mobile .mfp-bottom-bar {
+ background : rgba(0, 0, 0, 0.6);
+ bottom : 0;
+ margin : 0;
+ top : auto;
+ padding : 3px 5px;
+ position : fixed;
+ box-sizing : border-box;
+ }
+ .mfp-img-mobile .mfp-bottom-bar:empty {
+ padding : 0;
+ }
+ .mfp-img-mobile .mfp-counter {
+ right : 5px;
+ top : 3px;
+ }
+ .mfp-img-mobile .mfp-close {
+ top : 0;
+ right : 0;
+ width : 35px;
+ height : 35px;
+ line-height : 35px;
+ background : rgba(0, 0, 0, 0.6);
+ position : fixed;
+ text-align : center;
+ padding : 0;
+ }
+ }
+ @media all and (max-width:900px) {
+ .mfp-arrow {
+ transform : scale(0.75);
+ }
+ .mfp-arrow-left {
+ transform-origin : 0;
+ }
+ .mfp-arrow-right {
+ transform-origin : 100%;
+ }
+ .mfp-container {
+ padding-left : 6px;
+ padding-right : 6px;
+ }
+ }
+ .animated {
+ animation-duration : 1s;
+ animation-fill-mode : both;
+ }
+ .slow {
+ animation-duration : 1.5s;
+ animation-fill-mode : both;
+ }
+ .slower {
+ animation-duration : 2s;
+ animation-fill-mode : both;
+ }
+ .slowest {
+ animation-duration : 3s;
+ animation-fill-mode : both;
+ }
+ .delay-250 {
+ animation-delay : 0.25s;
+ }
+ .delay-500 {
+ animation-delay : 0.5s;
+ }
+ .delay-750 {
+ animation-delay : 0.75s;
+ }
+ .delay-1000 {
+ animation-delay : 1.0s;
+ }
+ .delay-1250 {
+ animation-delay : 1.25s;
+ }
+ .delay-1500 {
+ animation-delay : 1.5s;
+ }
+ .delay-1750 {
+ animation-delay : 1.75s;
+ }
+ .delay-2000 {
+ animation-delay : 2.0s;
+ }
+ .delay-2500 {
+ animation-delay : 2.5s;
+ }
+ .delay-2000 {
+ animation-delay : 2.0s;
+ }
+ .delay-2500 {
+ animation-delay : 2.5s;
+ }
+ .delay-3000 {
+ animation-delay : 3.0s;
+ }
+ .delay-3500 {
+ animation-delay : 3.5s;
+ }
+ .bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ .fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ .flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn {
+ opacity : 0;
+ }
+ .lightSpeedInRight, .lightSpeedInLeft {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ @keyframes bounceIn {
+ 0% {
+ opacity : 0;
+ transform : scale(0.3);
+ }
+ 50% {
+ opacity : 1;
+ transform : scale(1.05);
+ }
+ 70% {
+ transform : scale(0.9);
+ }
+ 100% {
+ transform : scale(1);
+ }
+ }
+ .bounceIn.go {
+ animation-name : bounceIn;
+ }
+ @keyframes bounceInRight {
+ 0% {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ 60% {
+ transform : translateX(-30px);
+ }
+ 80% {
+ transform : translateX(10px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .bounceInRight.go {
+ animation-name : bounceInRight;
+ }
+ @keyframes bounceInLeft {
+ 0% {
+ opacity : 0;
+ transform : translateX(-400px);
+ }
+ 60% {
+ transform : translateX(30px);
+ }
+ 80% {
+ transform : translateX(-10px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .bounceInLeft.go {
+ animation-name : bounceInLeft;
+ }
+ @keyframes bounceInUp {
+ 0% {
+ opacity : 0;
+ transform : translateY(400px);
+ }
+ 60% {
+ transform : translateY(-30px);
+ }
+ 80% {
+ transform : translateY(10px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .bounceInUp.go {
+ animation-name : bounceInUp;
+ }
+ @keyframes bounceInDown {
+ 0% {
+ opacity : 0;
+ transform : translateY(-400px);
+ }
+ 60% {
+ transform : translateY(30px);
+ }
+ 80% {
+ transform : translateY(-10px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .bounceInDown.go {
+ animation-name : bounceInDown;
+ }
+ @keyframes fadeIn {
+ 0% {
+ opacity : 0;
+ }
+ 100% {
+ opacity : 1;
+ display : block;
+ }
+ }
+ .fadeIn {
+ opacity : 0;
+ }
+ .fadeIn.go {
+ animation-name : fadeIn;
+ }
+ @keyframes growIn {
+ 0% {
+ transform : scale(0.2);
+ opacity : 0;
+ }
+ 50% {
+ transform : scale(1.2);
+ }
+ 100% {
+ transform : scale(1);
+ opacity : 1;
+ }
+ }
+ .growIn {
+ transform : scale(0.2);
+ opacity : 0;
+ }
+ .growIn.go {
+ animation-name : growIn;
+ }
+ @keyframes shake {
+ 0%, 100% {
+ transform : translateX(0);
+ }
+ 10%, 30%, 50%, 70%, 90% {
+ transform : translateX(-10px);
+ }
+ 20%, 40%, 60%, 80% {
+ transform : translateX(10px);
+ }
+ }
+ .shake.go {
+ animation-name : shake;
+ }
+ @keyframes shakeUp {
+ 0%, 100% {
+ transform : translateY(0);
+ }
+ 10%, 30%, 50%, 70%, 90% {
+ transform : translateY(-10px);
+ }
+ 20%, 40%, 60%, 80% {
+ transform : translateY(10px);
+ }
+ }
+ .shakeUp.go {
+ animation-name : shakeUp;
+ }
+ @keyframes fadeInLeft {
+ 0% {
+ opacity : 0;
+ transform : translateX(-400px);
+ }
+ 50% {
+ opacity : 0.300000011920928955078125;
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .fadeInLeft {
+ opacity : 0;
+ transform : translateX(-400px);
+ }
+ .fadeInLeft.go {
+ animation-name : fadeInLeft;
+ }
+ @keyframes fadeInRight {
+ 0% {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ 50% {
+ opacity : 0.300000011920928955078125;
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .fadeInRight {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ .fadeInRight.go {
+ animation-name : fadeInRight;
+ }
+ @keyframes fadeInUp {
+ 0% {
+ opacity : 0;
+ transform : translateY(400px);
+ }
+ 50% {
+ opacity : 0.300000011920928955078125;
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .fadeInUp {
+ opacity : 0;
+ transform : translateY(400px);
+ }
+ .fadeInUp.go {
+ animation-name : fadeInUp;
+ }
+ @keyframes fadeInDown {
+ 0% {
+ opacity : 0;
+ transform : translateY(-400px);
+ }
+ 50% {
+ opacity : 0.300000011920928955078125;
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .fadeInDown {
+ opacity : 0;
+ transform : translateY(-400px);
+ }
+ .fadeInDown.go {
+ animation-name : fadeInDown;
+ }
+ @keyframes rotateIn {
+ 0% {
+ transform-origin : center center;
+ transform : rotate(-200deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : center center;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateIn.go {
+ animation-name : rotateIn;
+ }
+ @keyframes rotateInUpLeft {
+ 0% {
+ transform-origin : left bottom;
+ transform : rotate(90deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : left bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateInUpLeft.go {
+ animation-name : rotateInUpLeft;
+ }
+ @keyframes rotateInDownLeft {
+ 0% {
+ transform-origin : left bottom;
+ transform : rotate(-90deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : left bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateInDownLeft.go {
+ animation-name : rotateInDownLeft;
+ }
+ @keyframes rotateInUpRight {
+ 0% {
+ transform-origin : right bottom;
+ transform : rotate(-90deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : right bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateInUpRight.go {
+ animation-name : rotateInUpRight;
+ }
+ @keyframes rotateInDownRight {
+ 0% {
+ transform-origin : right bottom;
+ transform : rotate(90deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : right bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateInDownRight.go {
+ animation-name : rotateInDownRight;
+ }
+ @keyframes rollIn {
+ 0% {
+ opacity : 0;
+ transform : translateX(-100%) rotate(-120deg);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0) rotate(0deg);
+ }
+ }
+ .rollIn.go {
+ animation-name : rollIn;
+ }
+ @keyframes wiggle {
+ 0% {
+ transform : skewX(9deg);
+ }
+ 10% {
+ transform : skewX(-8deg);
+ }
+ 20% {
+ transform : skewX(7deg);
+ }
+ 30% {
+ transform : skewX(-6deg);
+ }
+ 40% {
+ transform : skewX(5deg);
+ }
+ 50% {
+ transform : skewX(-4deg);
+ }
+ 60% {
+ transform : skewX(3deg);
+ }
+ 70% {
+ transform : skewX(-2deg);
+ }
+ 80% {
+ transform : skewX(1deg);
+ }
+ 90% {
+ transform : skewX(0deg);
+ }
+ 100% {
+ transform : skewX(0deg);
+ }
+ }
+ .wiggle.go {
+ animation-name : wiggle;
+ animation-timing-function : ease-in;
+ }
+ @keyframes swing {
+ 20% {
+ transform : rotate(15deg);
+ }
+ 40% {
+ transform : rotate(-10deg);
+ }
+ 60% {
+ transform : rotate(5deg);
+ }
+ 80% {
+ transform : rotate(-5deg);
+ }
+ 100% {
+ transform : rotate(0deg);
+ }
+ }
+ .swing.go {
+ transform-origin : top center;
+ animation-name : swing;
+ }
+ @keyframes tada {
+ 0% {
+ transform : scale(1);
+ }
+ 10%, 20% {
+ transform : scale(0.9) rotate(-3deg);
+ }
+ 30%, 50%, 70%, 90% {
+ transform : scale(1.1) rotate(3deg);
+ }
+ 40%, 60%, 80% {
+ transform : scale(1.1) rotate(-3deg);
+ }
+ 100% {
+ transform : scale(1) rotate(0);
+ }
+ }
+ .tada.go {
+ animation-name : tada;
+ }
+ @keyframes wobble {
+ 0% {
+ transform : translateX(0%);
+ }
+ 15% {
+ transform : translateX(-25%) rotate(-5deg);
+ }
+ 30% {
+ transform : translateX(20%) rotate(3deg);
+ }
+ 45% {
+ transform : translateX(-15%) rotate(-3deg);
+ }
+ 60% {
+ transform : translateX(10%) rotate(2deg);
+ }
+ 75% {
+ transform : translateX(-5%) rotate(-1deg);
+ }
+ 100% {
+ transform : translateX(0%);
+ }
+ }
+ .wobble.go {
+ animation-name : wobble;
+ }
+ @keyframes pulse {
+ 0% {
+ transform : scale(1);
+ }
+ 50% {
+ transform : scale(1.1);
+ }
+ 100% {
+ transform : scale(1);
+ }
+ }
+ .pulse.go {
+ animation-name : pulse;
+ }
+ @keyframes lightSpeedInRight {
+ 0% {
+ transform : translateX(100%) skewX(-30deg);
+ opacity : 0;
+ }
+ 60% {
+ transform : translateX(-20%) skewX(30deg);
+ opacity : 1;
+ }
+ 80% {
+ transform : translateX(0%) skewX(-15deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : translateX(0%) skewX(0deg);
+ opacity : 1;
+ }
+ }
+ .lightSpeedInRight.go {
+ animation-name : lightSpeedInRight;
+ animation-timing-function : ease-out;
+ }
+ @keyframes lightSpeedInLeft {
+ 0% {
+ transform : translateX(-100%) skewX(30deg);
+ opacity : 0;
+ }
+ 60% {
+ transform : translateX(20%) skewX(-30deg);
+ opacity : 1;
+ }
+ 80% {
+ transform : translateX(0%) skewX(15deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : translateX(0%) skewX(0deg);
+ opacity : 1;
+ }
+ }
+ .lightSpeedInLeft.go {
+ animation-name : lightSpeedInLeft;
+ animation-timing-function : ease-out;
+ }
+ @keyframes flip {
+ 0% {
+ transform : perspective(400px) rotateY(0);
+ animation-timing-function : ease-out;
+ }
+ 40% {
+ transform : perspective(400px) translateZ(150px) rotateY(170deg);
+ animation-timing-function : ease-out;
+ }
+ 50% {
+ transform : perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
+ animation-timing-function : ease-in;
+ }
+ 80% {
+ transform : perspective(400px) rotateY(360deg) scale(0.95);
+ animation-timing-function : ease-in;
+ }
+ 100% {
+ transform : perspective(400px) scale(1);
+ animation-timing-function : ease-in;
+ }
+ }
+ .flip.go {
+ backface-visibility : visible !important ;
+ animation-name : flip;
+ }
+ @keyframes flipInX {
+ 0% {
+ transform : perspective(400px) rotateX(90deg);
+ opacity : 0;
+ }
+ 40% {
+ transform : perspective(400px) rotateX(-10deg);
+ }
+ 70% {
+ transform : perspective(400px) rotateX(10deg);
+ }
+ 100% {
+ transform : perspective(400px) rotateX(0deg);
+ opacity : 1;
+ }
+ }
+ .flipInX.go {
+ backface-visibility : visible !important ;
+ animation-name : flipInX;
+ }
+ @keyframes flipInY {
+ 0% {
+ transform : perspective(400px) rotateY(90deg);
+ opacity : 0;
+ }
+ 40% {
+ transform : perspective(400px) rotateY(-10deg);
+ }
+ 70% {
+ transform : perspective(400px) rotateY(10deg);
+ }
+ 100% {
+ transform : perspective(400px) rotateY(0deg);
+ opacity : 1;
+ }
+ }
+ .flipInY.go {
+ backface-visibility : visible !important ;
+ animation-name : flipInY;
+ }
+ @keyframes bounceOut {
+ 0% {
+ transform : scale(1);
+ }
+ 25% {
+ transform : scale(0.95);
+ }
+ 50% {
+ opacity : 1;
+ transform : scale(1.1);
+ }
+ 100% {
+ opacity : 0;
+ transform : scale(0.3);
+ }
+ }
+ .bounceOut.goAway {
+ animation-name : bounceOut;
+ }
+ @keyframes bounceOutUp {
+ 0% {
+ transform : translateY(0);
+ }
+ 20% {
+ opacity : 1;
+ transform : translateY(20px);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(-2000px);
+ }
+ }
+ .bounceOutUp.goAway {
+ animation-name : bounceOutUp;
+ }
+ @keyframes bounceOutDown {
+ 0% {
+ transform : translateY(0);
+ }
+ 20% {
+ opacity : 1;
+ transform : translateY(-20px);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(2000px);
+ }
+ }
+ .bounceOutDown.goAway {
+ animation-name : bounceOutDown;
+ }
+ @keyframes bounceOutLeft {
+ 0% {
+ transform : translateX(0);
+ }
+ 20% {
+ opacity : 1;
+ transform : translateX(20px);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(-2000px);
+ }
+ }
+ .bounceOutLeft.goAway {
+ animation-name : bounceOutLeft;
+ }
+ @keyframes bounceOutRight {
+ 0% {
+ transform : translateX(0);
+ }
+ 20% {
+ opacity : 1;
+ transform : translateX(-20px);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(2000px);
+ }
+ }
+ .bounceOutRight.goAway {
+ animation-name : bounceOutRight;
+ }
+ @keyframes fadeOut {
+ 0% {
+ opacity : 1;
+ }
+ 100% {
+ opacity : 0;
+ }
+ }
+ .fadeOut.goAway {
+ animation-name : fadeOut;
+ }
+ @keyframes fadeOutUp {
+ 0% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(-2000px);
+ }
+ }
+ .fadeOutUp.goAway {
+ animation-name : fadeOutUp;
+ }
+ @keyframes fadeOutDown {
+ 0% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(2000px);
+ }
+ }
+ .fadeOutDown.goAway {
+ animation-name : fadeOutDown;
+ }
+ @keyframes fadeOutLeft {
+ 0% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(-2000px);
+ }
+ }
+ .fadeOutLeft.goAway {
+ animation-name : fadeOutLeft;
+ }
+ @keyframes fadeOutRight {
+ 0% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(2000px);
+ }
+ }
+ .fadeOutRight.goAway {
+ animation-name : fadeOutRight;
+ }
+ @keyframes flipOutX {
+ 0% {
+ transform : perspective(400px) rotateX(0deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : perspective(400px) rotateX(90deg);
+ opacity : 0;
+ }
+ }
+ .flipOutX.goAway {
+ animation-name : flipOutX;
+ backface-visibility : visible !important ;
+ }
+ @keyframes flipOutY {
+ 0% {
+ transform : perspective(400px) rotateY(0deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : perspective(400px) rotateY(90deg);
+ opacity : 0;
+ }
+ }
+ .flipOutY {
+ backface-visibility : visible !important ;
+ animation-name : flipOutY;
+ }
+ @keyframes lightSpeedOutRight {
+ 0% {
+ transform : translateX(0%) skewX(0deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : translateX(100%) skewX(-30deg);
+ opacity : 0;
+ }
+ }
+ .lightSpeedOutRight.goAway {
+ animation-name : lightSpeedOutRight;
+ animation-timing-function : ease-in;
+ }
+ @keyframes lightSpeedOutLeft {
+ 0% {
+ transform : translateX(0%) skewX(0deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : translateX(-100%) skewX(30deg);
+ opacity : 0;
+ }
+ }
+ .lightSpeedOutLeft.goAway {
+ animation-name : lightSpeedOutLeft;
+ animation-timing-function : ease-in;
+ }
+ @keyframes rotateOut {
+ 0% {
+ transform-origin : center center;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ 100% {
+ transform-origin : center center;
+ transform : rotate(200deg);
+ opacity : 0;
+ }
+ }
+ .rotateOut.goAway {
+ animation-name : rotateOut;
+ }
+ @keyframes rotateOutUpLeft {
+ 0% {
+ transform-origin : left bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ 100% {
+ opacity : 0;
+ }
+ }
+ .rotateOutUpLeft.goAway {
+ animation-name : rotateOutUpLeft;
+ }
+ @keyframes rotateOutDownLeft {
+ 0% {
+ transform-origin : left bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ 100% {
+ transform-origin : left bottom;
+ transform : rotate(90deg);
+ opacity : 0;
+ }
+ }
+ .rotateOutDownLeft.goAway {
+ animation-name : rotateOutDownLeft;
+ }
+ @keyframes rotateOutUpRight {
+ 0% {
+ transform-origin : right bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ 100% {
+ transform-origin : right bottom;
+ transform : rotate(90deg);
+ opacity : 0;
+ }
+ }
+ .rotateOutUpRight.goAway {
+ animation-name : rotateOutUpRight;
+ }
+ @keyframes rollOut {
+ 0% {
+ opacity : 1;
+ transform : translateX(0) rotate(0deg);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(100%) rotate(120deg);
+ }
+ }
+ .rollOut.goAway {
+ animation-name : rollOut;
+ }
+ @keyframes fadeInUpShort {
+ 0% {
+ opacity : 0;
+ transform : translateY(20px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .fadeInUpShort {
+ opacity : 0;
+ transform : translateY(20px);
+ }
+ .fadeInUpShort.go {
+ animation-name : fadeInUpShort;
+ }
+ @keyframes fadeInDownShort {
+ 0% {
+ opacity : 0;
+ transform : translateY(-20px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .fadeInDownShort {
+ opacity : 0;
+ transform : translateY(-20px);
+ }
+ .fadeInDownShort.go {
+ animation-name : fadeInDownShort;
+ }
+ @keyframes fadeInRightShort {
+ 0% {
+ opacity : 0;
+ transform : translateX(20px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .fadeInRightShort {
+ opacity : 0;
+ transform : translateX(20px);
+ }
+ .fadeInRightShort.go {
+ animation-name : fadeInRightShort;
+ }
+ @keyframes fadeInLeftShort {
+ 0% {
+ opacity : 0;
+ transform : translateX(-20px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .fadeInLeftShort {
+ opacity : 0;
+ transform : translateX(-20px);
+ }
+ .fadeInLeftShort.go {
+ animation-name : fadeInLeftShort;
+ }
+ .logo-slider {
+ margin-bottom : 50px;
+ }
+ .logo-slider p {
+ margin : 0 0 40px 0;
+ }
+ @media screen and (max-width:420px) {
+ .logo-slider p {
+ margin : 0 0 25px 0;
+ }
+ .logo-slider .swiper-slide {
+ text-align : center;
+ }
+ }
+ .clients {
+ background : url(../dummy/clients.jpg);
+ padding : 40px 0;
+ margin-bottom : 50px;
+ background-size : cover !important ;
+ }
+ .clients .inner.small, .clients .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .clients .tx-felogin-pi1-inner {
+ padding : 0 60px;
+ }
+ .clients h2, .clients .ce-table table caption, .ce-table table .clients caption {
+ margin-bottom : 50px;
+ color : #fff;
+ }
+ .clients p {
+ color : #fff;
+ text-align : center;
+ }
+ .clients p strong {
+ display : block;
+ margin-bottom : 3px;
+ }
+ .clients p + p {
+ margin-top : 20px;
+ }
+ @media screen and (max-width:600px) {
+ .clients .inner.small, .clients .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .clients .tx-felogin-pi1-inner {
+ padding : 0 40px;
+ }
+ .clients .swiper-button-next-clients {
+ right : 10px;
+ height : 26px;
+ width : 15px;
+ margin-top : -13px;
+ background-size : 15px 26px;
+ }
+ .clients .swiper-button-prev-clients {
+ left : 10px;
+ height : 26px;
+ width : 15px;
+ margin-top : -13px;
+ background-size : 15px 26px;
+ }
+ }
+ .unterseiten-banner {
+ text-align : center;
+ padding : 50px 0 50px 0;
+ background : url(../dummy/banner.jpg) no-repeat #767679;
+ background-position : center !important ;
+ margin-bottom : 50px;
+ min-height : 200px;
+ background-repeat : no-repeat !important ;
+ background-size : cover !important ;
+ }
+ .unterseiten-banner + .breadcrumbContainer {
+ margin-top : -50px;
+ margin-bottom : 50px;
+ }
+ .unterseiten-banner p {
+ color : #fff;
+ }
+ .unterseiten-banner a {
+ margin-top : 20px;
+ }
+ .unterseiten-banner.arrow {
+ position : relative;
+ }
+ .unterseiten-banner.arrow:after, .unterseiten-banner.arrow:before {
+ top : 0;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .unterseiten-banner.arrow:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .unterseiten-banner.arrow:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .unterseiten-banner.arrowGrey {
+ position : relative;
+ }
+ .unterseiten-banner.arrowGrey:after, .unterseiten-banner.arrowGrey:before {
+ top : 0;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .unterseiten-banner.arrowGrey:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #333;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .unterseiten-banner.arrowGrey:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #333;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .ce-twoCol-Box {
+ padding : 0;
+ margin-bottom : 50px;
+ }
+ .ce-twoCol-Box.addPadding {
+ padding : 40px 0;
+ }
+ .ce-twoCol-Box .texttop {
+ margin-bottom : 40px;
+ }
+ .ce-twoCol-Box .texttop h1, .ce-twoCol-Box .texttop h2, .ce-twoCol-Box .texttop .ce-table table caption, .ce-table table .ce-twoCol-Box .texttop caption, .ce-twoCol-Box .texttop h3, .ce-twoCol-Box .texttop h4 {
+ margin-bottom : 0;
+ }
+ .ce-twoCol-Box .boxen .arrowlink:hover:after, .ce-twoCol-Box .boxen .thirdSection .right a:hover:after, .thirdSection .right .ce-twoCol-Box .boxen a:hover:after {
+ display : inline-block;
+ text-decoration : none !important ;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div {
+ float : left;
+ width : calc(100% / 2);
+ padding-right : 95px;
+ position : relative;
+ text-align : right;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div .headlineH2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #report fieldset legend:after, .tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .headlineH2Center:after, .ce-twoCol-Box .boxen.withFontAwesome > div .service-formular fieldset .powermail_legend:after, .service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome > div .powermail_legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .latest-news-container h2:after, .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .latest-news-container .ce-table table caption:after, .latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .latest-news-container caption:after, .ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout h1:after, .mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome > div h1:after {
+ margin : 10px 0 0 auto;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div .smallHeadlineWithUnderline:after {
+ margin : 5px 0 0 auto;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div > i {
+ position : absolute;
+ top : 0;
+ right : 15px;
+ padding : 10px;
+ padding-top : 18px;
+ background : #c6c6c6;
+ border-radius : 50px;
+ height : 60px;
+ width : 60px;
+ text-align : center;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div > i:before {
+ vertical-align : middle;
+ font-size : 24px;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) > i {
+ right : auto;
+ left : 15px;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .smallHeadlineWithUnderline:after {
+ margin : 5px auto 0 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p i {
+ padding-left : 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p + ul {
+ margin-top : 15px;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p.align-left {
+ text-align : left;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p.align-right {
+ text-align : right;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p.align-center {
+ text-align : center;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div a {
+ color : #0067b1;
+ text-decoration : none;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div a:hover {
+ text-decoration : underline;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(n 3) {
+ margin-top : 45px;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) {
+ padding-right : 0;
+ padding-left : 95px;
+ text-align : left;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .headlineH2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #report fieldset legend:after, .tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .headlineH2Center:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .service-formular fieldset .powermail_legend:after, .service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .powermail_legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .latest-news-container h2:after, .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .latest-news-container .ce-table table caption:after, .latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .latest-news-container caption:after, .ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout h1:after, .mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h1:after {
+ margin : 10px auto 0 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) span {
+ right : auto;
+ left : 15px;
+ }
+ @media screen and (max-width:800px) {
+ .ce-twoCol-Box .boxen.withFontAwesome > div {
+ float : none;
+ width : 100%;
+ margin-right : 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div + div {
+ margin-top : 40px !important ;
+ }
+ }
+ @media screen and (max-width:600px) {
+ .ce-twoCol-Box .boxen.withFontAwesome > div {
+ padding-left : 0;
+ padding-right : 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) {
+ padding-left : 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) > i.fa {
+ display : none;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div > i.fa {
+ display : none;
+ }
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div {
+ float : left;
+ width : calc((100% - 25px) / 2);
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div + div {
+ margin-left : 25px;
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(2n 3) {
+ margin-left : 0;
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(n 3) {
+ margin-top : 50px;
+ }
+ @media screen and (max-width:767px) {
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div {
+ float : none;
+ width : 100%;
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(n 3) {
+ margin-top : 25px;
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div + div {
+ margin-top : 25px;
+ margin-left : 0 !important ;
+ }
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div {
+ float : left;
+ width : 48%;
+ position : relative;
+ padding-left : 120px;
+ min-height : 80px;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa {
+ position : absolute;
+ top : 0;
+ right : 80%;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa:before {
+ vertical-align : middle;
+ font-size : 80px;
+ color : #0067b1;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n 3) {
+ margin-top : 40px;
+ }
+ @media screen and (max-width:800px) {
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div {
+ float : none;
+ width : 100%;
+ padding-left : 0;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n 2) {
+ margin-top : 40px;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa {
+ position : relative;
+ top : auto;
+ left : auto;
+ float : left;
+ margin-right : 15px;
+ display : none;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa:before {
+ font-size : 50px;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(2n) > i.fa {
+ left : auto;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div + div {
+ margin-top : 30px;
+ }
+ }
+ .text-slide {
+ margin-bottom : 50px;
+ }
+ .text-slide .openImgSubHeadline {
+ font-size : 15px;
+ line-height : normal;
+ color : #333;
+ text-decoration : none;
+ font-weight : 400;
+ margin : 0 0 5px 0;
+ }
+ .text-slide .left {
+ float : left;
+ width : 40.77%;
+ width : calc((100% - 25px) / 2);
+ }
+ .text-slide .left h3 {
+ font-family : "Open Sans", sans-serif;
+ font-weight : 700;
+ color : #333;
+ margin : 0 0 20px 0;
+ }
+ .text-slide .left p {
+ color : #333;
+ }
+ .text-slide .right {
+ float : left;
+ width : 50%;
+ width : calc((100% - 25px) / 2);
+ margin-left : 9.22%;
+ margin-left : 25px;
+ }
+ .text-slide .right .openImage {
+ position : relative;
+ display : block;
+ }
+ .text-slide .right .openImage i {
+ font-size : 1.5rem;
+ color : #fff;
+ position : absolute;
+ left : 0;
+ right : 0;
+ z-index : 20;
+ top : 50%;
+ margin-top : -12px;
+ text-align : center;
+ color : #333;
+ }
+ .text-slide .right .openImage i:before, .text-slide .right .openImage i:after {
+ color : #333;
+ }
+ .text-slide .right .openImage:after {
+ content : "";
+ position : absolute;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ z-index : 10;
+ background : rgba(255, 255, 255, 0.5);
+ border : rgba(0, 0, 0, 0.2) solid 1px;
+ }
+ .text-slide .right .singleImage {
+ display : block;
+ max-height : 250px;
+ overflow : hidden;
+ }
+ .text-slide .right .singleImage img {
+ display : block;
+ }
+ @media screen and (max-width:768px) {
+ .text-slide .left {
+ width : 100%;
+ float : none;
+ }
+ .text-slide .right {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ margin-top : 25px;
+ }
+ }
+ .ce-Image-Text-Element {
+ margin-bottom : 50px;
+ }
+ .ce-Image-Text-Element .einspaltig .bigText {
+ font-size : 18px;
+ line-height : normal;
+ }
+ .ce-Image-Text-Element .einspaltig + figure {
+ margin-top : 25px;
+ }
+ .ce-Image-Text-Element figure {
+ margin : 0;
+ }
+ .ce-Image-Text-Element figure figcaption {
+ font-size : 12px;
+ display : block;
+ margin : 0;
+ padding : 0;
+ line-height : normal;
+ text-align : right;
+ color : #333;
+ }
+ .ce-Image-Text-Element figure img {
+ display : block;
+ margin : 0 auto;
+ }
+ .ce-Image-Text-Element figure + .einspaltig {
+ margin-top : 25px;
+ }
+ .toggleContainer {
+ margin-bottom : 50px !important ;
+ }
+ @media screen and (max-width:1100px) {
+ .toggleContainer {
+ padding : 50px 25px 40px 25px !important ;
+ }
+ }
+ .toggleContainer h2, .toggleContainer .ce-table table caption, .ce-table table .toggleContainer caption {
+ margin : 0 0 30px 0;
+ }
+ .toggleContainer h3 {
+ padding : 0 20px;
+ background : #ececec;
+ line-height : 55px;
+ margin : 0 0 10px 0;
+ font-weight : 700;
+ outline : none;
+ cursor : pointer;
+ }
+ .toggleContainer h3 i {
+ color : #6c6c6c;
+ }
+ .toggleContainer h3 i + strong {
+ margin-left : 25px;
+ }
+ .toggleContainer h3 i + p {
+ margin-left : 5px;
+ }
+ .toggleContainer h3 strong {
+ font-family : "Quicksand", sans-serif;
+ font-weight : 700;
+ font-size : 24px;
+ line-height : normal;
+ display : inline-block;
+ margin-right : 10px;
+ vertical-align : middle;
+ }
+ .toggleContainer h3 p {
+ display : inline-block;
+ margin : 0;
+ font-family : "Quicksand", sans-serif;
+ color : #333;
+ }
+ .toggleContainer h3 span {
+ float : right;
+ display : inline-block;
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ font-family : "Quicksand", sans-serif;
+ line-height : 55px;
+ }
+ .toggleContainer .ui-accordion-content {
+ padding-bottom : 20px;
+ }
+ @media screen and (max-width:600px) {
+ .toggleContainer h3 strong {
+ font-size : 16px;
+ line-height : normal;
+ }
+ .toggleContainer h3 span {
+ font-size : 14px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .toggleContainer h3 span {
+ float : none;
+ width : 100%;
+ line-height : 16px;
+ display : block;
+ padding-bottom : 15px;
+ padding-left : 44px;
+ margin-top : -10px;
+ }
+ }
+ .ce-threeBoxesWithOption {
+ margin-bottom : 50px;
+ }
+ .ce-threeBoxesWithOption.addPadding {
+ padding : 50px 0 50px 0;
+ }
+ .ce-threeBoxesWithOption p {
+ color : #fff;
+ }
+ .ce-threeBoxesWithOption .inner > div {
+ margin-top : 40px;
+ }
+ .ce-threeBoxesWithOption .inner div article {
+ float : left;
+ width : calc(100% / 3);
+ text-align : center;
+ padding : 0 20px;
+ }
+ .ce-threeBoxesWithOption .inner div article i.big {
+ padding : 25px;
+ background : #fff;
+ border-radius : 50px;
+ font-size : 2rem;
+ margin-bottom : 15px;
+ }
+ .ce-threeBoxesWithOption .inner div article i.small {
+ border-radius : 50px;
+ padding : 15px;
+ text-align : center;
+ vertical-align : middle;
+ color : #0067b1;
+ background : rgba(255, 255, 255, 0.7);
+ font-size : 0.9rem;
+ margin-bottom : 15px;
+ min-height : 42px;
+ min-width : 42px;
+ }
+ .ce-threeBoxesWithOption .inner div article p {
+ color : #fff;
+ text-align : center;
+ }
+ @media screen and (max-width:760px) {
+ .ce-threeBoxesWithOption .inner div article {
+ float : none;
+ width : 100%;
+ }
+ .ce-threeBoxesWithOption .inner div article + article {
+ margin-top : 20px;
+ }
+ .ce-threeBoxesWithOption + .ce-threeBoxesWithOption {
+ margin-top : 2px;
+ }
+ }
+ .fontAwesome-list {
+ margin-bottom : 50px;
+ }
+ .fontAwesome-list ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .fontAwesome-list ul li {
+ display : block;
+ color : #333;
+ position : relative;
+ padding-left : 30px;
+ }
+ .fontAwesome-list ul li i {
+ font-size : 22px;
+ border-radius : 50px;
+ padding : 0;
+ vertical-align : sub;
+ position : absolute;
+ left : 0;
+ top : 2px;
+ }
+ .fontAwesome-list ul li i.border {
+ border : #333 solid 1px;
+ text-align : center;
+ vertical-align : middle;
+ height : 30px;
+ width : 30px;
+ line-height : 30px;
+ font-size : 18px;
+ }
+ .fontAwesome-list ul li.border {
+ min-height : 30px;
+ padding-left : 40px;
+ }
+ .fontAwesome-list ul li.border span {
+ padding-top : 6px;
+ }
+ .fontAwesome-list ul li ul {
+ margin-top : 5px;
+ }
+ .fontAwesome-list ul li span {
+ margin : 0;
+ font-weight : 700;
+ display : inline-block;
+ vertical-align : middle;
+ }
+ .fontAwesome-list ul li + li {
+ margin-top : 10px;
+ }
+ .fontAwesome-list.twocol ul li {
+ position : relative;
+ float : left;
+ width : 48%;
+ padding-left : 30px;
+ }
+ .fontAwesome-list.twocol ul li.border {
+ padding-left : 40px;
+ }
+ .fontAwesome-list.twocol ul li + li {
+ margin-left : 4%;
+ margin-top : 0;
+ }
+ .fontAwesome-list.twocol ul li:nth-of-type(n 3) {
+ margin-top : 15px;
+ }
+ .fontAwesome-list.twocol ul li:nth-of-type(2n 3) {
+ margin-left : 0;
+ }
+ .fontAwesome-list.twocol ul li ul li {
+ float : none;
+ width : 100%;
+ }
+ .fontAwesome-list.twocol ul li ul li:nth-of-type(n 3) {
+ margin-top : 4px;
+ }
+ .fontAwesome-list.twocol ul li ul li + li {
+ margin-left : 0;
+ margin-top : 4px;
+ }
+ @media screen and (max-width:640px) {
+ .fontAwesome-list.twocol ul li {
+ width : 100%;
+ float : none;
+ }
+ .fontAwesome-list.twocol ul li + li {
+ margin-left : 0;
+ }
+ .fontAwesome-list.twocol ul li:nth-of-type(n 2) {
+ margin-top : 15px;
+ }
+ .fontAwesome-list.twocol ul li ul li:nth-of-type(n 2) {
+ margin-top : 0;
+ }
+ }
+ .tx-contentpackage-historieContainer {
+ margin-bottom : 50px;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner {
+ position : relative;
+ border-left : 3px solid #be1622;
+ padding : 44px 0 44px 22px;
+ }
+ @media screen and (max-width:1100px) {
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner {
+ padding : 50px 25px 25px 25px;
+ }
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear {
+ font-size : 32px;
+ line-height : normal;
+ background : #be1622;
+ color : #fff;
+ padding : 5px 10px;
+ width : auto;
+ display : inline-block;
+ margin-left : -118px;
+ }
+ @media screen and (max-width:1260px) {
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear {
+ margin : 0 0 15px -22px;
+ }
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent p {
+ color : #333;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent * {
+ color : #333;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span {
+ display : block;
+ position : relative;
+ background : url(../img/chevron-down.png) no-repeat;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:before, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:after {
+ top : 100%;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement + .tx-contentpackage-historieElement .inner {
+ padding-top : 50px;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement:last-of-type > span {
+ display : none;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground {
+ background : #be1622;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner {
+ border-left : 3px solid #fff;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-historieYear {
+ color : #be1622;
+ background : #fff;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent p, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent * {
+ color : #fff;
+ }
+ .ce-os-bee {
+ width : 1030px;
+ height : 820px;
+ margin-bottom : 50px;
+ position : relative;
+ }
+ .ce-os-bee .base {
+ width : 314px;
+ height : 314px;
+ border-radius : 250px;
+ margin : 0 auto;
+ display : block;
+ background : #c6c6c6;
+ padding : 30px;
+ position : relative;
+ margin-top : 261px;
+ line-height : 270px;
+ text-align : center;
+ }
+ .ce-os-bee .base img {
+ position : relative;
+ max-height : 100px;
+ width : auto;
+ vertical-align : middle;
+ }
+ .ce-os-bee .base span {
+ font-size : 24px;
+ color : #be1622;
+ font-weight : 700;
+ line-height : normal;
+ display : inline-block;
+ }
+ .ce-os-bee .child {
+ display : block;
+ width : 100%;
+ height : 100%;
+ vertical-align : middle;
+ text-align : center;
+ font-weight : 400;
+ font-size : 18px;
+ line-height : 156px;
+ color : #333;
+ text-decoration : none;
+ width : 156px;
+ height : 156px;
+ display : inline-block;
+ border-radius : 100px;
+ background : #c6c6c6;
+ position : relative;
+ line-height : 156px;
+ padding : 0 10px;
+ position : absolute;
+ top : 0;
+ left : 0;
+ transition : all 0.5s;
+ }
+ .ce-os-bee .child:hover {
+ background : #be1622;
+ color : #fff;
+ transition : all 0.5s;
+ transform : scale(1.2);
+ }
+ .ce-os-bee .child span {
+ display : inline-block;
+ line-height : 20px;
+ font-size : 18px;
+ top : 50%;
+ position : absolute;
+ left : 15px;
+ right : 15px;
+ }
+ .ce-os-bee .child:after {
+ content : "";
+ border : #fff solid 3px;
+ border-radius : 100px;
+ position : absolute;
+ top : 4px;
+ right : 4px;
+ bottom : 4px;
+ left : 4px;
+ width : 92%;
+ }
+ @media screen and (max-width:1000px) {
+ #sy_lines {
+ display : none !important ;
+ }
+ .ce-os-bee {
+ display : none;
+ }
+ }
+ .ce-table {
+ margin-bottom : 50px !important ;
+ }
+ .ce-table.alignleft table tr td {
+ text-align : left;
+ }
+ .ce-table.alignleft table tr td a {
+ padding-left : 10px;
+ }
+ .ce-table.alignleft table tr td:first-of-type {
+ width : auto;
+ }
+ .ce-table.alignleft table tr td:first-of-type + td {
+ width : auto;
+ }
+ .ce-table.alignleft table tr td:last-of-type {
+ padding-left : 10px;
+ }
+ .ce-table.alignleft table thead tr td:nth-of-type(2) {
+ padding-left : 10px;
+ }
+ .ce-table table {
+ width : 100%;
+ border-collapse : collapse;
+ border : none;
+ }
+ .ce-table table caption {
+ margin-bottom : 40px;
+ }
+ .ce-table table tr {
+ height : 40px;
+ }
+ .ce-table table tr td {
+ text-align : center;
+ font-size : 13px;
+ }
+ .ce-table table tr td a {
+ font-size : 13px;
+ text-decoration : none;
+ line-height : 40px;
+ display : block;
+ background : #0067b1;
+ color : #fff;
+ text-transform : uppercase;
+ font-weight : 400;
+ }
+ .ce-table table tr td:first-of-type {
+ width : 290px;
+ text-align : left;
+ padding-left : 10px;
+ }
+ .ce-table table tr td:first-of-type + td {
+ width : 155px;
+ font-weight : 700;
+ }
+ .ce-table table tr td:nth-of-type(4) {
+ width : 155px;
+ }
+ .ce-table table tr td:nth-of-type(2), .ce-table table tr td:nth-of-type(3), .ce-table table tr td:nth-of-type(4), .ce-table table tr td:nth-of-type(5), .ce-table table tr td:nth-of-type(6) {
+ border-left : 1px solid #cdcdcd;
+ font-weight : 700;
+ font-size : 13px;
+ width : 155px;
+ }
+ .ce-table table tr td:nth-of-type(6) {
+ border-right : 1px solid #cdcdcd;
+ }
+ .ce-table table tr th:nth-of-type(2), .ce-table table tr th:nth-of-type(3), .ce-table table tr th:nth-of-type(4), .ce-table table tr th:nth-of-type(5), .ce-table table tr th:nth-of-type(6) {
+ border-left : 1px solid #cdcdcd;
+ border-top : 1px solid #cdcdcd;
+ font-weight : 400;
+ font-size : 13px;
+ width : 155px;
+ }
+ .ce-table table tr th:nth-of-type(6) {
+ border-right : 1px solid #cdcdcd;
+ }
+ .ce-table table tbody tr:nth-of-type(odd) {
+ background : #ededed;
+ }
+ @media screen and (max-width:1100px) {
+ .ce-table.inner.small, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner {
+ padding : 40px 25px;
+ }
+ }
+ @media screen and (max-width:1000px) {
+ .ce-table.inner.small, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner {
+ width : 100%;
+ overflow : scroll;
+ }
+ .ce-table.inner.small table, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner table {
+ width : 1000px;
+ }
+ }
+ .service-formular {
+ background : #ededed;
+ padding : 40px 0;
+ }
+ .service-formular h3 {
+ display : none;
+ }
+ .service-formular .required {
+ float : right;
+ margin-top : -100px;
+ margin : -160px 0 0 0;
+ font-size : 12px;
+ }
+ @media screen and (max-width:960px) {
+ .service-formular .required {
+ float : none;
+ margin : 0;
+ }
+ }
+ .service-formular fieldset {
+ margin : 0;
+ padding : 0;
+ border : none;
+ }
+ .service-formular fieldset .powermail_legend {
+ margin-bottom : 20px;
+ width : 100%;
+ display : block;
+ }
+ .service-formular label {
+ display : none;
+ }
+ .service-formular input[type="text"], .service-formular input[type="password"], .service-formular input[type="email"], .service-formular input[type="date"], .service-formular select {
+ width : 100%;
+ height : 55px;
+ border : #bbb solid 1px;
+ padding : 10px;
+ color : #cdcdcd;
+ margin-top : 15px;
+ font-size : 18px;
+ color : #333;
+ }
+ .service-formular input[type="submit"] {
+ background : #0067b1;
+ font-size : 15px;
+ line-height : normal;
+ text-transform : uppercase;
+ color : #fff;
+ padding : 15px 60px;
+ margin-top : 30px;
+ border : none;
+ outline : none;
+ font-weight : 700;
+ cursor : pointer;
+ }
+ .service-formular textarea {
+ width : 100%;
+ resize : none;
+ height : 150px;
+ border : #bbb solid 1px;
+ color : #cdcdcd;
+ padding : 10px;
+ font-size : 18px;
+ color : #333;
+ }
+ .service-formular .powermail_fieldwrap_input {
+ float : left;
+ width : calc((100% - 30px) / 3);
+ }
+ .service-formular .powermail_fieldwrap_input + .powermail_fieldwrap_input {
+ margin-left : 15px;
+ }
+ .service-formular .powermail_fieldwrap_check legend {
+ float : left;
+ margin : 25px 15px 15px 0;
+ }
+ .service-formular .powermail_fieldwrap_check input {
+ width : 20px;
+ height : 20px;
+ margin : 1px 3px 0;
+ }
+ .service-formular .powermail_fieldwrap_34 legend, .service-formular .powermail_fieldwrap_45 legend {
+ display : none;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer, .service-formular .powermail_fieldwrap_45 .powermail_check_outer {
+ margin-left : 0;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer input, .service-formular .powermail_fieldwrap_45 .powermail_check_outer input {
+ float : left;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer label, .service-formular .powermail_fieldwrap_45 .powermail_check_outer label {
+ max-width : 80%;
+ float : left;
+ margin-left : 15px;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer label a, .service-formular .powermail_fieldwrap_45 .powermail_check_outer label a {
+ font-size : 12px;
+ line-height : normal;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner, .service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner {
+ margin-left : 0;
+ width : 100%;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner + .powermail_check_inner, .service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner + .powermail_check_inner {
+ margin-top : 20px;
+ }
+ .service-formular .powermail_check_outer label {
+ display : inline-block;
+ vertical-align : middle;
+ float : right;
+ }
+ .service-formular .parsley-required, .service-formular .parsley-custom-error-message {
+ font-size : 12px;
+ line-height : normal;
+ color : #be1622;
+ }
+ .service-formular .powermail_field_error_container_checkbox {
+ position : absolute;
+ }
+ .service-formular .powermail_check_outer {
+ margin : 25px 15px 15px 15px;
+ }
+ .service-formular .powermail_check_outer div {
+ float : left;
+ }
+ .service-formular .powermail_check_outer div + div {
+ margin-left : 15px;
+ }
+ @media screen and (max-width:760px) {
+ .service-formular .powermail_fieldwrap_input {
+ width : 100%;
+ float : none;
+ }
+ .service-formular .powermail_fieldwrap_input + .powermail_fieldwrap_input {
+ margin-left : 0;
+ }
+ .service-formular .powermail_check_outer div {
+ display : block;
+ width : 100%;
+ }
+ .service-formular .powermail_check_outer div.powermail_check_inner input, .service-formular .powermail_check_outer div.powermail_check_inner label {
+ float : left;
+ }
+ .service-formular .powermail_check_outer div + div {
+ margin-left : 0;
+ }
+ }
+ .textOverSendButton {
+ font-size : 12px;
+ margin-top : 25px;
+ margin-bottom : -10px;
+ }
+ .tsaccordion .accordion-header {
+ background : url(../img/akkordeon_zu.png) 20px 20px no-repeat #ececec;
+ font-size : 1.5rem;
+ line-height : 1.9rem;
+ font-weight : normal;
+ padding : 9px 0 9px 64px;
+ margin : 0 0 2px 0;
+ }
+ .tsaccordion .accordion-switcher {
+ cursor : pointer;
+ }
+ .tsaccordion .accordion-switcher-active {
+ background-image : url(../img/akkordeon_offen.png);
+ }
+ .tsaccordion .accordion-content {
+ display : none;
+ padding : 19px 10px 28px 10px;
+ font-size : 0.9rem;
+ line-height : 1.3rem;
+ }
+ .tsaccordion .accordion-content .accordion-left {
+ display : inline-block;
+ float : left;
+ }
+ @media screen and (min-width:769px) {
+ .tsaccordion .accordion-content .accordion-left {
+ max-width : 70%;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .tsaccordion .accordion-content .accordion-left {
+ float : none;
+ display : block;
+ }
+ .tsaccordion .accordion-content .accordion-left > br {
+ display : none;
+ }
+ }
+ .tsaccordion .accordion-content .accordion-left .accordion-name {
+ display : inline-block;
+ font-size : 1.5rem;
+ line-height : 1.9rem;
+ }
+ @media screen and (max-width:768px) {
+ .tsaccordion .accordion-content .accordion-left .accordion-name {
+ display : block;
+ }
+ }
+ .tsaccordion .accordion-content .accordion-left .accordion-thema {
+ display : inline-block;
+ font-size : 0.9rem;
+ line-height : 1.3rem;
+ }
+ @media screen and (max-width:768px) {
+ .tsaccordion .accordion-content .accordion-left .accordion-thema {
+ display : block;
+ }
+ }
+ .tsaccordion .accordion-content .accordion-logo {
+ display : inline-block;
+ float : right;
+ margin : 7px 0 0 0;
+ }
+ @media screen and (max-width:768px) {
+ .tsaccordion .accordion-content .accordion-logo {
+ float : none;
+ }
+ }
+ .tsaccordion .accordion-content .accordion-description {
+ margin : 20px 0 14px 0;
+ }
+ .tsaccordion .accordion-content .accordion-more {
+ color : #0067b1;
+ font-weight : bold;
+ text-decoration : none;
+ display : inline-block;
+ }
+ .tsaccordion .accordion-content .accordion-more img {
+ margin-left : 3px;
+ }
+ .ce-leftright > div {
+ padding : 200px 0;
+ }
+ .ce-leftright > div figure {
+ float : left;
+ max-width : 600px;
+ width : 45.28%;
+ margin : 0;
+ padding : 0;
+ margin-right : 5.28%;
+ padding-left : 3.77%;
+ position : relative;
+ }
+ .ce-leftright > div figure img {
+ display : block;
+ position : relative;
+ z-index : 50;
+ }
+ .ce-leftright > div figure img.small, .ce-leftright > div figure img.medium, .ce-leftright > div figure img.big {
+ position : absolute;
+ z-index : 10;
+ }
+ .ce-leftright > div figure img.small {
+ top : 20px;
+ left : 20px;
+ }
+ .ce-leftright > div figure img.medium {
+ top : 0;
+ right : 20px;
+ }
+ .ce-leftright > div figure img.big {
+ left : 25px;
+ bottom : 0;
+ }
+ .ce-leftright > div figure + div {
+ float : left;
+ max-width : 650px;
+ width : 49.05%;
+ }
+ .ce-leftright > div figure + div p {
+ margin : 0;
+ color : #fff;
+ }
+ .ce-leftright > div figure + div p + * {
+ margin-top : 20px;
+ }
+ .ce-leftright > div figure + div a.redbutton, .ce-leftright > div figure + div a.bluebutton, .ce-leftright > div figure + div .thirdSection .right a, .thirdSection .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div a.darkbluebutton, .ce-leftright > div figure + div a.greybutton, .ce-leftright > div figure + div .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright > div figure + div a.greybutton, .ce-leftright > div figure + div a.whitebutton, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton, .marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright > div figure + div a.redbutton, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) .ce-leftright > div figure + div a, .ce-leftright > div figure + div a.bluebutton, .ce-leftright > div figure + div .thirdSection .right a, .thirdSection .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a {
+ min-width : 0;
+ }
+ .ce-leftright > div figure + div ul ul li {
+ font-weight : 400;
+ padding-left : 0;
+ }
+ .ce-leftright > div figure + div ul ul li:before {
+ display : none;
+ }
+ .ce-leftright > div.right figure {
+ float : right;
+ margin-left : 70px;
+ padding-left : 0;
+ margin-right : 0;
+ padding-right : 50px;
+ }
+ @media screen and (max-width:1180px) {
+ .ce-leftright > div figure img.small, .ce-leftright > div figure img.medium, .ce-leftright > div figure img.big {
+ display : none;
+ }
+ }
+ @media screen and (max-width:1024px) {
+ .ce-leftright .inner {
+ padding : 0 25px;
+ }
+ .ce-leftright > div {
+ padding : 50px 0;
+ }
+ .ce-leftright > div figure {
+ float : none;
+ max-width : none;
+ width : 100%;
+ margin-right : 0;
+ padding-left : 0;
+ margin-bottom : 25px;
+ }
+ .ce-leftright > div figure img {
+ margin : 0 auto;
+ }
+ .ce-leftright > div figure + div {
+ float : none;
+ max-width : none;
+ width : 100%;
+ margin-top : 40px;
+ text-align : center;
+ }
+ }
+ .sliderContainer {
+ margin-bottom : 50px;
+ }
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding-top : 100px;
+ }
+ .sliderContainer .swiper-container {
+ height : 600px;
+ }
+ .sliderContainer .swiper-slide {
+ background-size : cover !important ;
+ background-position : center center !important ;
+ }
+ .sliderContainer .slider-overlay {
+ background : rgba(0, 0, 0, 0.3);
+ width : 100%;
+ height : 100%;
+ }
+ .sliderContainer p {
+ font-size : 24px;
+ line-height : 34px;
+ color : #fff;
+ margin : 0;
+ font-weight : 600;
+ text-align : center;
+ }
+ .sliderContainer p + p {
+ margin-top : 30px;
+ }
+ @media screen and (max-width:680px) {
+ .sliderContainer .headlineH1Center, .sliderContainer p.headlineH1Center, .sliderContainer p.headlineH1Center, .sliderContainer .sliderContainer p.headlineH1Center {
+ font-weight : 600 !important ;
+ }
+ }
+ @media screen and (max-width:1100px) {
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding : 100px 60px;
+ }
+ .sliderContainer p {
+ font-size : 22px;
+ line-height : 32px;
+ }
+ }
+ @media screen and (max-width:800px) {
+ .sliderContainer {
+ background-size : cover !important ;
+ }
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding : 60px 60px;
+ }
+ .sliderContainer .swiper-container {
+ height : 500px;
+ }
+ .sliderContainer p {
+ font-size : 20px;
+ line-height : 30px;
+ }
+ }
+ @media screen and (max-width:600px) {
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding : 60px 40px;
+ }
+ .sliderContainer p {
+ font-size : 18px;
+ line-height : 28px;
+ }
+ .sliderContainer a {
+ font-size : 15px;
+ line-height : normal;
+ }
+ .sliderContainer .swiper-button-next {
+ right : 10px;
+ height : 26px;
+ width : 15px;
+ margin-top : -13px;
+ background-size : 15px 26px;
+ }
+ .sliderContainer .swiper-button-prev {
+ left : 10px;
+ height : 26px;
+ width : 15px;
+ margin-top : -13px;
+ background-size : 15px 26px;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .sliderContainer .swiper-container {
+ height : 400px;
+ }
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding : 20px 35px;
+ }
+ .sliderContainer a {
+ font-size : 15px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:420px) {
+ .sliderContainer .swiper-container {
+ height : 450px;
+ }
+ }
+ .mapsContainer {
+ float : right;
+ width : calc((100% - 40px) / 2);
+ }
+ @media screen and (max-width:800px) {
+ .mapsContainer {
+ float : none;
+ width : 100%;
+ margin-top : 25px;
+ }
+ }
+ .mapsContainer iframe {
+ width : 100% !important ;
+ }
+ .contactMain {
+ margin-bottom : 50px !important ;
+ }
+ @media screen and (max-width:1100px) {
+ .contactMain {
+ padding-left : 25px;
+ padding-right : 25px;
+ }
+ }
+ .powermail_form_3, .powermail_form_4, .powermail_form_5, .powermail_form_6, .powermail_form_7 {
+ float : left;
+ width : calc((100% - 40px) / 2);
+ }
+ @media screen and (max-width:800px) {
+ .powermail_form_3, .powermail_form_4, .powermail_form_5, .powermail_form_6, .powermail_form_7 {
+ float : none;
+ width : 100%;
+ }
+ }
+ .powermail_form_3 fieldset, .powermail_form_4 fieldset, .powermail_form_5 fieldset, .powermail_form_6 fieldset, .powermail_form_7 fieldset {
+ margin : 0;
+ padding : 0;
+ border : none;
+ }
+ .powermail_form_3 fieldset legend, .powermail_form_4 fieldset legend, .powermail_form_5 fieldset legend, .powermail_form_6 fieldset legend, .powermail_form_7 fieldset legend {
+ display : none;
+ }
+ .powermail_form_3 fieldset > div + div, .powermail_form_4 fieldset > div + div, .powermail_form_5 fieldset > div + div, .powermail_form_6 fieldset > div + div, .powermail_form_7 fieldset > div + div {
+ margin-top : 15px;
+ }
+ .powermail_form_3 h3, .powermail_form_4 h3, .powermail_form_5 h3, .powermail_form_6 h3, .powermail_form_7 h3 {
+ display : none;
+ }
+ .powermail_form_3 div label, .powermail_form_4 div label, .powermail_form_5 div label, .powermail_form_6 div label, .powermail_form_7 div label {
+ float : none;
+ display : block;
+ width : 100%;
+ margin-bottom : 2px;
+ }
+ .powermail_form_3 div input, .powermail_form_4 div input, .powermail_form_5 div input, .powermail_form_6 div input, .powermail_form_7 div input {
+ display : block;
+ border : #c6c6c6 solid 1px;
+ height : 30px;
+ width : 400px;
+ width : 100%;
+ padding : 0 10px;
+ color : #333;
+ }
+ .powermail_form_3 div input[type="submit"], .powermail_form_4 div input[type="submit"], .powermail_form_5 div input[type="submit"], .powermail_form_6 div input[type="submit"], .powermail_form_7 div input[type="submit"] {
+ width : 100px;
+ cursor : pointer;
+ }
+ .powermail_form_3 div textarea, .powermail_form_4 div textarea, .powermail_form_5 div textarea, .powermail_form_6 div textarea, .powermail_form_7 div textarea {
+ display : block;
+ margin-top : 5px;
+ resize : none;
+ width : 400px;
+ width : 100%;
+ height : 150px;
+ border : #c6c6c6 solid 1px;
+ padding : 5px 10px;
+ color : #333;
+ }
+ .powermail_form_3 div .parsley-required, .powermail_form_3 div .parsley-custom-error-message, .powermail_form_4 div .parsley-required, .powermail_form_4 div .parsley-custom-error-message, .powermail_form_5 div .parsley-required, .powermail_form_5 div .parsley-custom-error-message, .powermail_form_6 div .parsley-required, .powermail_form_6 div .parsley-custom-error-message, .powermail_form_7 div .parsley-required, .powermail_form_7 div .parsley-custom-error-message {
+ font-size : 12px;
+ line-height : normal;
+ color : #be1622;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_textarea label, .powermail_form_4 div.powermail_fieldwrap_textarea label, .powermail_form_5 div.powermail_fieldwrap_textarea label, .powermail_form_6 div.powermail_fieldwrap_textarea label, .powermail_form_7 div.powermail_fieldwrap_textarea label {
+ width : auto;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check, .powermail_form_4 div.powermail_fieldwrap_check, .powermail_form_5 div.powermail_fieldwrap_check, .powermail_form_6 div.powermail_fieldwrap_check, .powermail_form_7 div.powermail_fieldwrap_check {
+ position : relative;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_4 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_5 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_6 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_7 div.powermail_fieldwrap_check .powermail_check_inner {
+ position : relative;
+ padding-left : 20px;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check label, .powermail_form_4 div.powermail_fieldwrap_check label, .powermail_form_5 div.powermail_fieldwrap_check label, .powermail_form_6 div.powermail_fieldwrap_check label, .powermail_form_7 div.powermail_fieldwrap_check label {
+ font-size : 12px;
+ line-height : normal;
+ max-width : 100%;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check label a, .powermail_form_4 div.powermail_fieldwrap_check label a, .powermail_form_5 div.powermail_fieldwrap_check label a, .powermail_form_6 div.powermail_fieldwrap_check label a, .powermail_form_7 div.powermail_fieldwrap_check label a {
+ font-size : 12px;
+ line-height : normal;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check input, .powermail_form_4 div.powermail_fieldwrap_check input, .powermail_form_5 div.powermail_fieldwrap_check input, .powermail_form_6 div.powermail_fieldwrap_check input, .powermail_form_7 div.powermail_fieldwrap_check input {
+ width : auto;
+ height : auto;
+ position : absolute;
+ left : 0;
+ top : 2px;
+ margin : 0;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_4 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_5 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_6 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_7 div.powermail_fieldwrap_check + .powermail_fieldwrap_check {
+ margin-top : 0;
+ }
+ .powermail_form_3 .textOverSendButton, .powermail_form_4 .textOverSendButton, .powermail_form_5 .textOverSendButton, .powermail_form_6 .textOverSendButton, .powermail_form_7 .textOverSendButton {
+ font-size : 12px;
+ margin-top : 25px;
+ margin-bottom : 0;
+ }
+ .firstSection {
+ max-height : 870px;
+ position : relative;
+ overflow : hidden;
+ }
+ .firstSection > a {
+ display : block;
+ }
+ .firstSection > a + div {
+ position : absolute;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ z-index : 100;
+ background : rgba(0, 0, 0, 0.4);
+ }
+ .firstSection > a + div img:first-of-type {
+ position : absolute;
+ z-index : 150;
+ top : 50%;
+ margin-top : -49px;
+ text-align : center;
+ left : 50%;
+ margin-left : -183px;
+ }
+ @media screen and (max-width:480px) {
+ .firstSection > a + div img:first-of-type {
+ max-width : 250px;
+ margin-left : -125px;
+ margin-top : -33px;
+ }
+ }
+ .firstSection > a + div img:first-of-type + img {
+ position : absolute;
+ left : 50%;
+ margin-left : -58px;
+ bottom : 40px;
+ }
+ @media screen and (max-width:600px) {
+ .firstSection > a + div img:first-of-type + img {
+ display : none;
+ }
+ }
+ .firstSection video {
+ width : 100%;
+ display : block;
+ }
+ .firstSection figure {
+ margin : 0;
+ padding : 0;
+ width : 100%;
+ }
+ .firstSection figure img {
+ width : 100%;
+ }
+ .firstSection video + .linkLayout, .firstSection figure + .linkLayout {
+ position : absolute;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ z-index : 100;
+ background : rgba(0, 0, 0, 0.4);
+ }
+ .firstSection video + .linkLayout img:first-of-type, .firstSection figure + .linkLayout img:first-of-type {
+ position : absolute;
+ z-index : 150;
+ top : 50%;
+ margin-top : -49px;
+ text-align : center;
+ left : 50%;
+ margin-left : -183px;
+ }
+ @media screen and (max-width:480px) {
+ .firstSection video + .linkLayout img:first-of-type, .firstSection figure + .linkLayout img:first-of-type {
+ max-width : 250px;
+ margin-left : -125px;
+ margin-top : -33px;
+ }
+ }
+ .firstSection video + .linkLayout img:first-of-type + img, .firstSection figure + .linkLayout img:first-of-type + img {
+ position : absolute;
+ left : 50%;
+ margin-left : -58px;
+ bottom : 40px;
+ }
+ @media screen and (max-width:600px) {
+ .firstSection video + .linkLayout img:first-of-type + img, .firstSection figure + .linkLayout img:first-of-type + img {
+ display : none;
+ }
+ }
+ .secondSection {
+ background : #0067b1;
+ }
+ .secondSection h2, .secondSection .ce-table table caption, .ce-table table .secondSection caption {
+ font-size : 40px;
+ font-weight : 400;
+ color : #fff;
+ line-height : normal;
+ text-align : left;
+ margin : 0 0 26px 0;
+ }
+ .secondSection h2:after, .secondSection .ce-table table caption:after, .ce-table table .secondSection caption:after {
+ display : none;
+ }
+ .secondSection p {
+ color : #fff;
+ max-width : 540px;
+ }
+ .secondSection div.inner {
+ padding : 0 25px 50px 25px;
+ }
+ .secondSection div.inner:first-of-type {
+ padding-top : 130px;
+ }
+ .secondSection div.inner:first-of-type .big {
+ position : absolute;
+ top : -70px;
+ right : 95px;
+ z-index : 5;
+ }
+ .secondSection div.inner:first-of-type .medium {
+ position : absolute;
+ bottom : -85px;
+ left : -5px;
+ }
+ .secondSection div.inner:first-of-type .small {
+ position : absolute;
+ left : 40px;
+ top : -25px;
+ }
+ .secondSection div.inner:nth-of-type(2) .big {
+ position : absolute;
+ top : -48px;
+ left : 16px;
+ z-index : 5;
+ }
+ .secondSection div.inner:nth-of-type(2) .medium {
+ position : absolute;
+ bottom : -75px;
+ left : 40px;
+ }
+ .secondSection div.inner:nth-of-type(2) .small {
+ position : absolute;
+ right : 90px;
+ top : 115px;
+ }
+ .secondSection div.inner:nth-of-type(3) h2, .secondSection div.inner:nth-of-type(3) .ce-table table caption, .ce-table table .secondSection div.inner:nth-of-type(3) caption {
+ margin-top : 0;
+ }
+ .secondSection div.inner:nth-of-type(3) .big {
+ position : absolute;
+ bottom : -75px;
+ left : 40px;
+ z-index : 5;
+ }
+ .secondSection div.inner:nth-of-type(3) .medium {
+ position : absolute;
+ top : -48px;
+ left : 16px;
+ }
+ .secondSection div.inner:nth-of-type(3) .small {
+ position : absolute;
+ right : 90px;
+ top : 115px;
+ }
+ .secondSection div.inner:nth-of-type(4) .big {
+ position : absolute;
+ top : -48px;
+ left : 16px;
+ z-index : 5;
+ }
+ .secondSection div.inner:nth-of-type(4) .medium {
+ position : absolute;
+ bottom : -75px;
+ left : 40px;
+ }
+ .secondSection div.inner:nth-of-type(4) .small {
+ position : absolute;
+ right : 90px;
+ top : 115px;
+ }
+ .secondSection div.inner:last-of-type {
+ padding-bottom : 130px;
+ text-align : center;
+ }
+ .secondSection div.inner .left {
+ float : left;
+ width : 50%;
+ position : relative;
+ }
+ .secondSection div.inner .right {
+ float : left;
+ width : 50%;
+ position : relative;
+ }
+ .secondSection div.inner .default {
+ position : relative;
+ z-index : 15;
+ }
+ @media screen and (max-width:1180px) {
+ .secondSection div.inner .small, .secondSection div.inner .medium, .secondSection div.inner .big {
+ display : none !important ;
+ }
+ .secondSection div.inner .right {
+ padding-left : 3%;
+ padding-right : 3%;
+ }
+ .secondSection div.inner .left {
+ padding-right : 5%;
+ }
+ }
+ .secondSection div.inner + div {
+ margin-top : 130px;
+ }
+ @media screen and (max-width:1024px) {
+ .secondSection .animatedParent {
+ display : none;
+ }
+ .secondSection div.inner:first-of-type {
+ padding-top : 50px;
+ }
+ .secondSection div.inner:last-of-type {
+ padding-bottom : 50px;
+ }
+ .secondSection div.inner .right:not(.animatedParent) {
+ padding : 0;
+ margin : 0 auto;
+ float : none;
+ width : 100%;
+ }
+ .secondSection div.inner .right:not(.animatedParent) h2, .secondSection div.inner .right:not(.animatedParent) .ce-table table caption, .ce-table table .secondSection div.inner .right:not(.animatedParent) caption {
+ font-size : 30px;
+ line-height : normal;
+ margin : 0 0 15px 0;
+ }
+ .secondSection div.inner .right:not(.animatedParent) p {
+ max-width : none;
+ }
+ .secondSection div.inner .left:not(.animatedParent) {
+ padding : 0;
+ margin : 0 auto;
+ float : none;
+ width : 100%;
+ }
+ .secondSection div.inner .left:not(.animatedParent) h2, .secondSection div.inner .left:not(.animatedParent) .ce-table table caption, .ce-table table .secondSection div.inner .left:not(.animatedParent) caption {
+ font-size : 30px;
+ line-height : normal;
+ margin : 0 0 15px 0;
+ }
+ .secondSection div.inner .left:not(.animatedParent) p {
+ max-width : none;
+ }
+ .secondSection div.inner + div {
+ margin-top : 50px;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .secondSection div.inner .right:not(.animatedParent) {
+ width : 100%;
+ }
+ .secondSection div.inner .right:not(.animatedParent) p {
+ max-width : none;
+ }
+ .secondSection div.inner .left:not(.animatedParent) {
+ width : 100%;
+ }
+ .secondSection div.inner .left:not(.animatedParent) p {
+ max-width : none;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .secondSection div.inner img {
+ max-width : 250px;
+ }
+ }
+ .thirdSection {
+ text-align : center;
+ background : #fc0;
+ padding-top : 100px;
+ }
+ .thirdSection .inner {
+ padding : 100px 25px 170px 25px;
+ }
+ .thirdSection .left {
+ float : left;
+ width : 50%;
+ position : relative;
+ }
+ .thirdSection .right {
+ float : left;
+ width : 50%;
+ position : relative;
+ padding-top : 110px;
+ }
+ .thirdSection .right a {
+ margin-bottom : 30px;
+ }
+ .thirdSection h2, .thirdSection .ce-table table caption, .ce-table table .thirdSection caption {
+ font-size : 40px;
+ text-align : center;
+ margin : 0 0 15px 0;
+ color : #333;
+ }
+ .thirdSection p {
+ color : #333;
+ text-align : center;
+ margin : 0 0 40px 0;
+ }
+ .thirdSection .buttonContainer {
+ text-align : center;
+ }
+ .thirdSection .default {
+ z-index : 10;
+ position : relative;
+ left : 55px;
+ left : 0;
+ }
+ .thirdSection .big {
+ position : absolute;
+ bottom : 50px;
+ left : -40px;
+ z-index : 5;
+ }
+ .thirdSection .medium {
+ position : absolute;
+ left : 165px;
+ top : -65px;
+ }
+ .thirdSection .small {
+ position : absolute;
+ bottom : 0;
+ right : 60px;
+ }
+ @media screen and (max-width:1250px) {
+ .thirdSection .default {
+ left : 25px;
+ }
+ }
+ @media screen and (max-width:1180px) {
+ .thirdSection {
+ padding-top : 0;
+ }
+ .thirdSection .default {
+ left : 0;
+ }
+ .thirdSection .small, .thirdSection .medium, .thirdSection .big {
+ display : none !important ;
+ }
+ .thirdSection .left {
+ padding-right : 5%;
+ }
+ .thirdSection .right {
+ padding-left : 3%;
+ padding-right : 3%;
+ }
+ }
+ @media screen and (max-width:1024px) {
+ .thirdSection {
+ padding-top : 0;
+ }
+ .thirdSection .inner {
+ padding-top : 50px;
+ padding-bottom : 50px;
+ }
+ .thirdSection .inner h2, .thirdSection .inner .ce-table table caption, .ce-table table .thirdSection .inner caption {
+ font-size : 30px;
+ line-height : normal;
+ margin : 0 0 15px 0;
+ }
+ .thirdSection .inner a {
+ font-size : 22px;
+ line-height : normal;
+ }
+ .thirdSection .left {
+ display : none;
+ }
+ .thirdSection .right {
+ float : none;
+ width : 100%;
+ padding : 0;
+ }
+ }
+ .wrapsvg, .wrapsvg1, .wrapsvg4, .wrapsvg2, .wrapsvg3 {
+ float : left;
+ border : transparent solid 1px;
+ position : relative;
+ }
+ @media screen and (max-width:1024px) {
+ .wrapsvg, .wrapsvg1, .wrapsvg4, .wrapsvg2, .wrapsvg3 {
+ display : none !important ;
+ }
+ }
+ .wrapsvg1 {
+ left : -705px;
+ top : 128px;
+ }
+ .wrapsvg4 {
+ left : -705px;
+ top : 128px;
+ }
+ .wrapsvg2 {
+ left : -15px;
+ top : -140px;
+ }
+ .wrapsvg3 {
+ left : -700px;
+ top : 60px;
+ }
+ .svg1 {
+ position : absolute;
+ }
+ .svg2 {
+ position : absolute;
+ }
+ .svg3 {
+ position : absolute;
+ }
+ .svg4 {
+ position : absolute;
+ }
+ nav.section {
+ position : fixed;
+ top : 50%;
+ right : 20px;
+ z-index : 9999;
+ }
+ @media screen and (max-width:1024px) {
+ nav.section {
+ display : none;
+ }
+ }
+ nav.section ul li {
+ width : 20px;
+ height : 20px;
+ border-radius : 25px;
+ background : #fff;
+ display : block;
+ cursor : pointer;
+ transition : all 0.3s;
+ }
+ nav.section ul li a {
+ z-index : 100;
+ display : none;
+ padding : 14px 10px;
+ margin-top : -3px;
+ right : 48px;
+ font-size : 12px;
+ text-decoration : none;
+ }
+ nav.section ul li + li {
+ margin-top : 5px;
+ }
+ nav.section ul li:hover a {
+ display : inline;
+ position : fixed;
+ color : #fff;
+ height : 10px;
+ line-height : 2px;
+ text-align : center;
+ background : #be1622;
+ }
+ nav.section ul li.active {
+ width : 15px;
+ height : 15px;
+ transition : all 0.3s;
+ margin : 5px auto 0 auto;
+ }
+ .newsletter {
+ width : 100%;
+ padding : 50px 0 0 0;
+ background : #ececec;
+ position : relative;
+ }
+ .newsletter:after, .newsletter:before {
+ top : 0;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .newsletter:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .newsletter:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .newsletter .right {
+ float : right;
+ width : 100%;
+ max-width : 463px;
+ max-width : 420px;
+ }
+ @media screen and (max-width:900px) {
+ .newsletter .right {
+ float : none;
+ width : 100%;
+ max-width : none;
+ padding : 0 25px;
+ }
+ }
+ .newsletter .firstrow {
+ width : 100%;
+ max-width : 840px;
+ margin : 0 auto;
+ }
+ .newsletter .firstrow h2, .newsletter .firstrow .ce-table table caption, .ce-table table .newsletter .firstrow caption {
+ text-align : left;
+ }
+ .newsletter .firstrow h2:after, .newsletter .firstrow .ce-table table caption:after, .ce-table table .newsletter .firstrow caption:after {
+ margin : 10px 0 0 0;
+ }
+ .newsletter .firstrow p {
+ font-weight : 700;
+ color : #333;
+ margin : 0 0 30px 0;
+ }
+ .newsletter .firstrow ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .newsletter .firstrow ul li {
+ display : block;
+ color : #333;
+ font-weight : 700;
+ }
+ .newsletter .firstrow ul li span {
+ font-size : 22px;
+ margin-right : 10px;
+ border-radius : 50px;
+ border : #333 solid 2px;
+ padding : 10px;
+ vertical-align : sub;
+ }
+ .newsletter .firstrow ul li p {
+ margin : 0;
+ display : inline-block;
+ vertical-align : middle;
+ }
+ @media screen and (max-width:440px) {
+ .newsletter .firstrow ul li p {
+ width : 80%;
+ }
+ }
+ @media screen and (max-width:360px) {
+ .newsletter .firstrow ul li p {
+ width : 70%;
+ }
+ }
+ .newsletter .firstrow ul li + li {
+ margin-top : 10px;
+ }
+ .newsletter .secondrow {
+ background : #333;
+ padding : 60px 0;
+ margin-top : 30px;
+ }
+ .newsletter .secondrow .inner {
+ max-width : 836px;
+ position : relative;
+ }
+ .newsletter .secondrow img {
+ position : absolute;
+ left : 0;
+ left : 50px;
+ bottom : 0;
+ box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.4);
+ }
+ @media screen and (max-width:900px) {
+ .newsletter .secondrow img {
+ display : none;
+ }
+ }
+ .newsletter .secondrow .button {
+ text-align : center;
+ }
+ .newsletter .secondrow .button.animation span, .newsletter .secondrow .button.animation i {
+ display : inline-block;
+ padding-left : 0;
+ transition : all 0.7s;
+ }
+ .newsletter .secondrow .button.animation span + i {
+ padding-left : 5px;
+ transition : all 0.7s;
+ }
+ .newsletter .secondrow .button.animation i + span {
+ padding-left : 5px;
+ transition : all 0.7s;
+ }
+ .newsletter .secondrow .button.animation:hover span + i {
+ padding-left : 10px;
+ transition : all 0.7s;
+ }
+ .newsletter .secondrow .button.animation:hover i + span {
+ padding-left : 10px;
+ transition : all 0.7s;
+ }
+ .ce-download {
+ float : left;
+ width : 42%;
+ margin-bottom : 50px;
+ }
+ .ce-download h2, .ce-download .ce-table table caption, .ce-table table .ce-download caption {
+ text-align : left;
+ }
+ .ce-download h2:after, .ce-download .ce-table table caption:after, .ce-table table .ce-download caption:after {
+ margin : 10px 0 0 0;
+ }
+ .ce-download strong {
+ font-weight : 700;
+ font-size : 72px;
+ line-height : 3.3rem;
+ color : #333;
+ margin : 0 0 15px 0;
+ display : block;
+ }
+ .ce-download .date {
+ margin : 0 0 30px 0;
+ font-size : 14px;
+ line-height : normal;
+ color : #333;
+ }
+ .ce-download .agbContainer {
+ margin-top : 30px;
+ margin-bottom : 25px;
+ padding-left : 30px;
+ position : relative;
+ font-size : 14px;
+ line-height : normal;
+ }
+ .ce-download .agbContainer a {
+ color : #0067b1;
+ text-decoration : none;
+ }
+ .ce-download .agbContainer a:hover {
+ text-decoration : underline;
+ }
+ .ce-download .agbContainer input {
+ position : absolute;
+ left : 0;
+ top : 1px;
+ width : 20px;
+ height : 20px;
+ }
+ .ce-download .shortDescription {
+ margin-top : 0;
+ font-size : 14px;
+ line-height : normal;
+ }
+ .ce-download .Dbutton {
+ color : #fff;
+ background : #df8e96;
+ text-decoration : none;
+ width : 100%;
+ max-width : 280px;
+ display : block;
+ padding : 15px;
+ border : none;
+ outline : none;
+ text-align : left;
+ font-size : 22px;
+ line-height : normal;
+ }
+ .ce-download .Dbutton span {
+ font-size : 15px;
+ line-height : normal;
+ display : block;
+ margin-top : 5px;
+ }
+ .ce-download .Dbutton.active {
+ background : #be1622;
+ cursor : pointer;
+ }
+ .ce-download .Dbutton + div + .Dbutton, .ce-download .Dbutton + .Dbutton {
+ margin-top : 20px;
+ }
+ .ce-download .Dbutton.github {
+ background : #ececec;
+ color : #333;
+ padding : 20px 15px;
+ }
+ .ce-download .Dbutton.github span {
+ font-size : 45px;
+ vertical-align : sub;
+ margin-right : 8px;
+ margin-left : 15px;
+ display : inline-block;
+ }
+ .downloadOverlayContainer {
+ background : #fff;
+ padding : 25px 50px;
+ max-width : 720px;
+ margin : 0 auto;
+ position : relative;
+ }
+ .downloadOverlayContainer h1, .downloadOverlayContainer h2, .downloadOverlayContainer .ce-table table caption, .ce-table table .downloadOverlayContainer caption, .downloadOverlayContainer h3 {
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ font-weight : 400;
+ text-align : center;
+ margin : 0 0 15px 0;
+ }
+ .downloadOverlayContainer h3 {
+ font-weight : 700;
+ }
+ .downloadOverlayContainer .input {
+ background : #ececec;
+ padding : 8px 12px;
+ border : #333 dotted 1px;
+ display : inline-block;
+ width : 65%;
+ color : #0067b1;
+ overflow-x : auto;
+ height : 40px;
+ }
+ .downloadOverlayContainer .copyButton {
+ background : #0067b1;
+ color : #fff;
+ font-size : 15px;
+ line-height : normal;
+ padding : 8px 5px;
+ display : inline-block;
+ width : 32%;
+ text-align : center;
+ vertical-align : top;
+ border : none;
+ outline : none;
+ cursor : pointer;
+ height : 40px;
+ }
+ .downloadOverlayContainer .copyButton i {
+ margin-right : 5px;
+ }
+ @media screen and (max-width:720px) {
+ .downloadOverlayContainer {
+ padding : 25px 25px;
+ }
+ .downloadOverlayContainer .input {
+ display : block;
+ width : 100%;
+ height : auto;
+ }
+ .downloadOverlayContainer .copyButton {
+ display : block;
+ width : 100%;
+ height : auto;
+ }
+ }
+ .mfp-wrap {
+ overflow-x : scroll !important ;
+ }
+ .ce-downloadhinweis {
+ float : right;
+ width : 50%;
+ margin-bottom : 50px;
+ }
+ .ce-downloadhinweis h2, .ce-downloadhinweis .ce-table table caption, .ce-table table .ce-downloadhinweis caption {
+ text-align : left;
+ }
+ .ce-downloadhinweis h2:after, .ce-downloadhinweis .ce-table table caption:after, .ce-table table .ce-downloadhinweis caption:after {
+ margin : 10px 0 0 0;
+ }
+ .ce-downloadhinweis p + p {
+ margin-top : 30px;
+ }
+ .ce-downloadhinweis p + ol, .ce-downloadhinweis p + ul {
+ margin-top : 25px;
+ }
+ .ce-downloadhinweis ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .ce-downloadhinweis ul li {
+ color : #333;
+ }
+ .ce-downloadhinweis ul li a {
+ text-decoration : none;
+ color : #333;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .ce-downloadhinweis ul li a:hover {
+ text-decoration : underline;
+ }
+ .ce-downloadhinweis ul li + li {
+ margin-top : 3px;
+ }
+ .ce-downloadhinweis ul li:before {
+ content : "\f178";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ margin-right : 5px;
+ }
+ .ce-downloadhinweis ol {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .ce-downloadhinweis ol li {
+ display : block;
+ counter-increment : olliste;
+ }
+ .ce-downloadhinweis ol li:before {
+ content : counter(olliste) ".";
+ font-weight : 700;
+ font-size : 32px;
+ line-height : normal;
+ color : #bbbbbb;
+ margin-right : 5px;
+ }
+ .ce-downloadhinweis ol li + li {
+ margin-top : 15px;
+ }
+ .ce-downloadhinweis ol + p {
+ margin-top : 25px;
+ }
+ @media screen and (max-width:768px) {
+ .ce-download {
+ float : none;
+ width : 100%;
+ }
+ .ce-downloadhinweis {
+ float : none;
+ width : 100%;
+ }
+ }
+ .ce-youtube-text {
+ margin-bottom : 50px;
+ }
+ .ce-youtube-text h2, .ce-youtube-text .ce-table table caption, .ce-table table .ce-youtube-text caption {
+ margin-top : 0;
+ }
+ .ce-youtube-text .left, .ce-youtube-text .right {
+ float : left;
+ width : calc((100% - 20px) / 2);
+ }
+ @media screen and (max-width:767px) {
+ .ce-youtube-text .left, .ce-youtube-text .right {
+ float : none;
+ width : 100%;
+ }
+ }
+ .ce-youtube-text .left iframe {
+ width : 100% !important ;
+ height : 315px;
+ }
+ .ce-youtube-text .right {
+ margin-left : 20px;
+ }
+ .ce-youtube-text .right a {
+ display : block;
+ margin-top : 15px;
+ }
+ @media screen and (max-width:767px) {
+ .ce-youtube-text .right {
+ margin-left : 0;
+ margin-top : 20px;
+ }
+ }
+ .ce-youtube-slider {
+ margin-bottom : 50px;
+ }
+ .ce-youtube-slider .inner.small, .ce-youtube-slider .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .ce-youtube-slider .tx-felogin-pi1-inner {
+ position : relative;
+ }
+ .ce-youtube-slider a {
+ text-decoration : none;
+ }
+ .ce-youtube-slider p {
+ margin : 3px 0 0 0;
+ color : #333;
+ }
+ .ce-youtube-slider + div, .ce-youtube-slider + section {
+ border-top : 1px solid #c6c6c6;
+ padding-top : 50px;
+ }
+ .ce-youtube-slider .swiper-button-prev-small-youtube, .ce-youtube-slider .swiper-button-next-small-youtube {
+ padding : 12px 10px;
+ background : #ececec;
+ width : 30px;
+ }
+ .ce-youtube-slider .swiper-button-prev-small-youtube i.fa, .ce-youtube-slider .swiper-button-next-small-youtube i.fa {
+ padding-left : 0;
+ }
+ .ce-youtube-slider .swiper-button-next-small-youtube {
+ right : -30px;
+ }
+ .ce-youtube-slider .swiper-button-prev-small-youtube {
+ left : -30px;
+ }
+ .ce-youtube-slider .swiper-slide a div {
+ max-height : 140px;
+ height : auto;
+ overflow : hidden;
+ }
+ .ce-youtube-slider .swiper-slide a div img {
+ width : 100%;
+ }
+ @media screen and (max-width:640px) {
+ .ce-youtube-slider .swiper-slide a div {
+ max-height : none;
+ }
+ }
+ .shopDetailsContainer {
+ background : #ececec;
+ padding : 10px 0;
+ margin-bottom : 10px;
+ }
+ .shopDetailsContainer .left {
+ float : left;
+ min-height : 1px;
+ }
+ .shopDetailsContainer .left a {
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ text-decoration : none;
+ }
+ .shopDetailsContainer .left a i {
+ font-size : 12px;
+ }
+ .shopDetailsContainer .right {
+ float : right;
+ min-height : 1px;
+ }
+ .shopDetailsContainer .right ul li {
+ display : inline-block;
+ }
+ .shopDetailsContainer .right ul li a {
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ text-decoration : none;
+ }
+ .shopDetailsContainer .right ul li + li {
+ margin-left : 5px;
+ }
+ .shopDetailsContainer .tx-sy-osbeeproducts {
+ padding : 0;
+ }
+ .shopDetailsContainer .tx-sy-osbeeproducts ul {
+ display : inline-block;
+ }
+ .shopDetailsContainer .changeMoney span {
+ position : relative;
+ margin-right : 5px;
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ }
+ .shopDetailsContainer .changeMoney li {
+ position : relative;
+ margin-right : 5px;
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ }
+ .shopDetailsContainer .changeMoney li a {
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ text-decoration : none;
+ }
+ .shopDetailsContainer .changeMoney li ul {
+ width : 85px;
+ display : none;
+ position : absolute;
+ background : #fff;
+ padding : 5px 10px;
+ box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.35);
+ top : 32px;
+ left : 0;
+ }
+ .shopDetailsContainer .changeMoney li ul:before {
+ content : "";
+ height : 15px;
+ width : 100%;
+ position : absolute;
+ top : -15px;
+ }
+ .shopDetailsContainer .changeMoney li ul li a {
+ padding-left : 0;
+ }
+ .shopDetailsContainer .changeMoney li:hover ul {
+ display : block;
+ }
+ .marketplace-wrapper {
+ padding : 50px 0;
+ }
+ @media screen and (max-width:1120px) {
+ .marketplace-wrapper.inner.small, .tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner {
+ padding : 50px 25px;
+ }
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper.inner.small, .tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner {
+ padding : 0 25px;
+ }
+ }
+ .marketplace-wrapper .mp-mobile {
+ display : none;
+ margin-bottom : 0;
+ margin-top : 25px;
+ margin-bottom : 25px;
+ }
+ .marketplace-wrapper .mp-mobile button {
+ width : 100%;
+ outline : none;
+ border : none;
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper .mp-mobile {
+ display : block;
+ }
+ }
+ .marketplace-wrapper .mp-sidebar {
+ float : left;
+ width : 24.27%;
+ min-height : 1px;
+ margin-right : 0.97%;
+ }
+ .marketplace-wrapper .mp-sidebar.right {
+ margin-right : 0;
+ margin-left : 0.97%;
+ }
+ .marketplace-wrapper .mp-sidebar.right > div {
+ margin-bottom : 0;
+ }
+ .marketplace-wrapper .mp-sidebar.right > div + div {
+ margin-top : 30px;
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper .mp-sidebar {
+ float : none;
+ width : 100%;
+ margin-right : 0;
+ display : none;
+ margin-bottom : 25px;
+ }
+ .marketplace-wrapper .mp-sidebar.active {
+ display : block;
+ }
+ .marketplace-wrapper .mp-sidebar.right {
+ margin-left : 0;
+ display : block;
+ }
+ }
+ .marketplace-wrapper .mp-sidebar > div {
+ margin-bottom : 99px;
+ }
+ .marketplace-wrapper .mp-sidebar > div + div {
+ margin-top : 40px;
+ margin-bottom : 0;
+ }
+ .marketplace-wrapper .mp-sidebar h2, .marketplace-wrapper .mp-sidebar .ce-table table caption, .ce-table table .marketplace-wrapper .mp-sidebar caption {
+ text-align : left;
+ color : #333;
+ text-transform : uppercase;
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ margin : 0 0 10px 0;
+ font-family : "Open Sans", sans-serif;
+ padding-bottom : 3px;
+ border-bottom : 2px solid #fc0;
+ }
+ .marketplace-wrapper .mp-sidebar h2:after, .marketplace-wrapper .mp-sidebar .ce-table table caption:after, .ce-table table .marketplace-wrapper .mp-sidebar caption:after {
+ display : none;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche input[type="text"], .marketplace-wrapper .mp-sidebar .mp-suche select {
+ height : 40px;
+ border : #818181 solid 1px;
+ padding : 5px 10px;
+ width : 100%;
+ font-size : 14px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche input[type="text"] {
+ margin-bottom : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche input[type="submit"] {
+ width : 100%;
+ height : 40px;
+ border : none;
+ outline : none;
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ color : #fff;
+ background : #0067b1;
+ text-align : left;
+ padding : 10px;
+ cursor : pointer;
+ position : relative;
+ margin-top : 5px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche form {
+ position : relative;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche form:after {
+ content : "\f105";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ margin-left : 5px;
+ position : absolute;
+ right : 10px;
+ bottom : 9px;
+ color : #fff;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li {
+ display : block;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a {
+ text-decoration : none;
+ color : #333;
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li a:hover, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a:hover {
+ text-decoration : underline;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a {
+ display : block;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a .mp-categoryteaser, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a .mp-categoryteaser {
+ width : 20px;
+ height : 20px;
+ float : left;
+ color : #fff;
+ text-align : center;
+ margin-right : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a .mp-categoryteaser i, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a .mp-categoryteaser i {
+ text-align : center;
+ vertical-align : middle;
+ color : #fff;
+ font-size : 10px;
+ padding : 0 0 3px 0;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul {
+ margin-top : 8px;
+ margin-left : 20px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li {
+ padding-left : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li a {
+ font-weight : 400;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li + li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li + li {
+ margin-top : 5px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li + li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li + li {
+ margin-top : 12px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a {
+ font-weight : 400;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li + li {
+ margin-top : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-info img {
+ display : block;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-info img + p {
+ font-size : 13px;
+ line-height : normal;
+ margin : 15px 0 0 0;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-info img + p + p {
+ margin-top : 15px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-buttons a {
+ text-decoration : none;
+ color : #fff;
+ background : #0067b1;
+ width : 100%;
+ display : block;
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ text-transform : uppercase;
+ text-align : center;
+ padding : 15px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-buttons a + a {
+ margin-top : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-buttons a.blue {
+ background : #0067b1;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-buttons a.nobutton {
+ padding : 0;
+ color : #333;
+ background : transparent;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productspecifikation {
+ background : #ececec;
+ padding : 15px 10px 30px 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productspecifikation p {
+ margin : 0;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productspecifikation p + p {
+ margin-top : 30px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productspecifikation p a {
+ color : #0067b1;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productShare p {
+ margin : 0;
+ font-weight : 700;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productShare br {
+ display : none;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productShare .shariff .orientation-horizontal {
+ text-align : left !important ;
+ }
+ .marketplace-wrapper .mp-contentContainer {
+ float : left;
+ width : 74.76%;
+ min-height : 1px;
+ }
+ .marketplace-wrapper .mp-contentContainer.detailseite {
+ width : 49.51%;
+ padding-top : 25px;
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper .mp-contentContainer {
+ float : none;
+ width : 100%;
+ margin-bottom : 25px;
+ }
+ .marketplace-wrapper .mp-contentContainer.detailseite {
+ width : 100%;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner {
+ width : 100%;
+ height : auto;
+ margin-bottom : 30px;
+ position : relative;
+ }
+ @media screen and (max-width:480px) {
+ .marketplace-wrapper .mp-contentContainer .mp-banner {
+ display : none;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div {
+ position : absolute;
+ top : 40px;
+ left : 40px;
+ }
+ @media screen and (max-width:1024px) {
+ .marketplace-wrapper .mp-contentContainer .mp-banner div {
+ top : 20px;
+ left : 20px;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div h2, .marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption, .ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption {
+ color : #fff;
+ font-weight : 700;
+ text-align : left;
+ font-size : 32px;
+ line-height : normal;
+ text-transform : uppercase;
+ margin-top : 0;
+ font-family : "Open Sans", sans-serif;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div h2:after, .marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption:after, .ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption:after {
+ margin : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div p {
+ color : #fff;
+ margin : 0;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div p + p {
+ margin-top : 15px;
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper .mp-contentContainer .mp-banner div p {
+ display : none;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div a {
+ color : #fff;
+ text-decoration : none;
+ font-size : 13px;
+ line-height : normal;
+ display : block;
+ margin-top : 15px;
+ text-transform : uppercase;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div a:after {
+ content : "\f178";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ margin-left : 5px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div a:hover {
+ text-decoration : underline;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-filter {
+ width : 100%;
+ margin-bottom : 20px;
+ }
+ @media screen and (min-width:600px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul {
+ display : flex;
+ flex-wrap : nowrap;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li {
+ background : #bbbbbb;
+ color : #fff;
+ cursor : pointer;
+ padding : 15px 0;
+ font-weight : 700;
+ text-transform : uppercase;
+ text-align : center;
+ }
+ @media screen and (min-width:600px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li {
+ flex-direction : column;
+ order : 4;
+ flex-grow : 4;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li.active, .marketplace-wrapper .mp-contentContainer .mp-filter ul li:hover {
+ background : #333;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li + li {
+ margin-left : 10px;
+ }
+ @media screen and (max-width:1024px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li {
+ font-size : 13px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li {
+ font-size : 12px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:600px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li + li {
+ margin-left : 0;
+ margin-top : 10px;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article {
+ float : left;
+ width : 250px;
+ width : calc((100% - 21px) / 3);
+ border : #818181 solid 1px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article + article {
+ margin-left : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) {
+ margin-left : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 4) {
+ margin-top : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article > a {
+ display : block;
+ height : 100%;
+ position : relative;
+ padding-bottom : 50px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header {
+ position : relative;
+ padding : 10px 10px 0 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage, .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser {
+ display : block;
+ float : left;
+ max-width : 70px;
+ margin-right : 10px;
+ width : 54px;
+ height : 54px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage i, .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser i {
+ text-align : center;
+ vertical-align : middle;
+ color : #fff;
+ font-size : 24px;
+ padding : 15px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header h3 {
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ font-weight : 400;
+ margin : 0 0 10px 0;
+ max-width : calc(100% - 70px);
+ float : left;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header span {
+ font-size : 11px;
+ line-height : normal;
+ display : block;
+ font-weight : 400;
+ color : #333;
+ clear : both;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner {
+ position : absolute;
+ top : 0;
+ right : 0;
+ z-index : 800;
+ }
+ @media screen and (max-width:1120px) {
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner {
+ display : none;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer {
+ position : relative;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty {
+ position : absolute;
+ top : 0;
+ left : 0;
+ width : 0%;
+ overflow : hidden;
+ height : 22px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span {
+ color : #fc0;
+ position : absolute;
+ top : 4px;
+ font-size : 9px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span {
+ left : 12px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span {
+ left : 23px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span + span {
+ left : 34px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span + span + span {
+ left : 45px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty {
+ position : relative;
+ left : auto;
+ right : auto;
+ bottom : auto;
+ width : 100%;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article main {
+ margin-top : 15px;
+ padding : 0 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article main p {
+ font-size : 13px;
+ line-height : normal;
+ margin : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article main p + p {
+ margin-top : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article main img {
+ display : block;
+ margin-top : 15px;
+ max-height : 25px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer {
+ margin-top : 10px;
+ border-top : 1px solid #818181;
+ padding : 10px 10px 10px 10px;
+ position : absolute;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer {
+ float : left;
+ position : relative;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled {
+ position : absolute;
+ top : 0;
+ left : 0;
+ width : 0%;
+ overflow : hidden;
+ height : 22px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span {
+ color : #fc0;
+ position : absolute;
+ top : 4px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span {
+ left : 19px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span {
+ left : 38px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span + span {
+ left : 57px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span + span + span {
+ left : 76px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .price {
+ float : none;
+ }
+ @media screen and (max-width:1100px) {
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .price {
+ font-size : 13px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .price span {
+ font-size : 10px !important ;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation {
+ display : none;
+ background : #0067b1;
+ color : #fff;
+ text-align : center;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 16px;
+ line-height : normal;
+ padding : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation:after {
+ content : "\f178";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ margin-left : 5px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a {
+ text-decoration : none;
+ color : #333;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer {
+ padding : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .ratingContainer {
+ display : none;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .price {
+ display : none;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .moreInformation {
+ display : block;
+ }
+ @media screen and (max-width:1023px) {
+ .marketplace-wrapper .mp-contentContainer .mp-content article {
+ width : calc((100% - 11px) / 2);
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) {
+ margin-left : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n 3) {
+ margin-left : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 3) {
+ margin-top : 10px;
+ }
+ }
+ @media screen and (max-width:560px) {
+ .marketplace-wrapper .mp-contentContainer .mp-content article {
+ width : 100%;
+ margin-left : 0 !important ;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) {
+ margin-left : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n 3) {
+ margin-left : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 2) {
+ margin-top : 10px;
+ }
+ }
+ .mpdetail-content .mp-productInfo {
+ margin-bottom : 60px;
+ }
+ .mpdetail-content .mp-productInfo > img, .mpdetail-content .mp-productInfo > .mpdetail-productcategoryteaser {
+ float : left;
+ margin : 0 10px;
+ max-width : 110px;
+ display : block;
+ text-align : center;
+ height : 100px;
+ width : 100px;
+ }
+ .mpdetail-content .mp-productInfo > img i, .mpdetail-content .mp-productInfo > .mpdetail-productcategoryteaser i {
+ font-size : 40px;
+ vertical-align : middle;
+ color : #fff;
+ display : inline-block;
+ line-height : 100px;
+ }
+ .mpdetail-content .mp-productInfo > div {
+ float : left;
+ max-width : 340px;
+ }
+ .mpdetail-content .mp-productInfo > div h1 {
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ font-weight : 700;
+ margin : 0 0 5px 0;
+ }
+ .mpdetail-content .mp-productInfo > div > span {
+ font-size : 11px;
+ line-height : normal;
+ display : block;
+ font-weight : 400;
+ color : #333;
+ }
+ .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung img {
+ display : block;
+ margin : 15px 0;
+ float : left;
+ }
+ .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung img + img {
+ margin-left : 5px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer {
+ position : relative;
+ display : inline-block;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled {
+ position : absolute;
+ top : 0;
+ left : 0;
+ width : 0%;
+ overflow : hidden;
+ height : 22px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span {
+ color : #fc0;
+ position : absolute;
+ top : 4px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span {
+ left : 19px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span {
+ left : 38px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span + span {
+ left : 57px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span + span + span {
+ left : 76px;
+ }
+ .mpdetail-content .mp-productWrapper > ul li {
+ float : left;
+ width : calc(100% / 3);
+ background : #fff;
+ text-align : center;
+ border-top : 2px solid #ebebeb;
+ border-left : 2px solid #ebebeb;
+ cursor : pointer;
+ }
+ .mpdetail-content .mp-productWrapper > ul li a {
+ color : #333;
+ font-size : 13px;
+ line-height : normal;
+ cursor : pointer;
+ text-decoration : none;
+ font-weight : 700;
+ display : block;
+ padding : 15px;
+ }
+ @media screen and (max-width:360px) {
+ .mpdetail-content .mp-productWrapper > ul li a {
+ font-size : 11px;
+ line-height : normal;
+ }
+ }
+ .mpdetail-content .mp-productWrapper > ul li.current, .mpdetail-content .mp-productWrapper > ul li:hover {
+ background : #ececec;
+ border-top : 2px solid #fc0;
+ }
+ .mpdetail-content .mp-productWrapper > ul li.current i, .mpdetail-content .mp-productWrapper > ul li:hover i {
+ color : #fc0;
+ }
+ .mpdetail-content .mp-productWrapper > ul li.current {
+ border-left : 2px solid transparent;
+ border-right : 2px solid transparent;
+ }
+ .mpdetail-content .mp-productWrapper > ul li.current + li {
+ border-left : 2px solid #ebebeb;
+ }
+ .mpdetail-content .mp-productWrapper > ul li:nth-of-type(2).current {
+ border-left : 2px solid #ebebeb;
+ }
+ .mpdetail-content .mp-productWrapper > ul li + li {
+ border-right : 2px solid #ebebeb;
+ }
+ .mpdetail-content .mp-productWrapper > ul li + li + li {
+ border-left : 2px solid transparent;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab {
+ display : none;
+ background : #ececec;
+ padding : 15px 10px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab:first-of-type {
+ display : block;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab h3 {
+ color : #333;
+ margin : 0 0 10px 0;
+ font-size : 18px;
+ line-height : normal;
+ font-weight : 700;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab a {
+ font-size : 13px;
+ line-height : normal;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab p {
+ margin : 0;
+ font-size : 13px;
+ line-height : normal;
+ color : #333;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab p a {
+ font-size : 13px;
+ line-height : normal;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab p + p {
+ margin-top : 15px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab ul {
+ margin : 10px 0 0 0;
+ padding : 0;
+ list-style-type : none;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab ul li {
+ position : relative;
+ padding-left : 15px;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab ul li:before {
+ content : "\f054";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ position : absolute;
+ top : 4px;
+ left : 0;
+ color : #333;
+ font-size : 12px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab ul li + li {
+ margin-top : 4px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span {
+ color : #bbb;
+ cursor : pointer;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover ~ span {
+ color : #fc0;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover:before, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover ~ span:before {
+ content : "\f005";
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer p {
+ font-size : 18px;
+ line-height : normal;
+ color : #bbb;
+ display : inline-block;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form {
+ margin-bottom : 20px;
+ padding-bottom : 30px;
+ border-bottom : 1px solid #bbbbbb;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea {
+ resize : none;
+ height : 105px;
+ padding : 10px;
+ width : 100%;
+ margin-top : 10px;
+ color : #bbb;
+ font-size : 18px;
+ line-height : normal;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea + p {
+ font-size : 13px;
+ line-height : normal;
+ color : #bbb;
+ text-align : right;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form input[type="submit"] {
+ display : inline-block;
+ font-size : 16px;
+ line-height : normal;
+ color : #fff;
+ border : none;
+ outline : none;
+ text-align : center;
+ background : #0067b1;
+ text-transform : uppercase;
+ padding : 15px;
+ min-width : 160px;
+ margin-top : -10px;
+ font-weight : 700;
+ cursor : pointer;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment h3 {
+ margin-bottom : 5px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment + .mp-usercomment {
+ margin-top : 25px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer .fa-star {
+ color : #fc0;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer span {
+ color : #bbb;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply {
+ background : #fff;
+ padding : 15px 10px;
+ margin-left : 30px;
+ position : relative;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after {
+ bottom : 100%;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-bottom-color : #fff;
+ border-width : 15px;
+ margin-left : -200px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-bottom-color : #fff;
+ border-width : 15px;
+ margin-left : -200px;
+ }
+ .forumWrapOuter {
+ background : #ececec;
+ }
+ .forumWrapOuter .ce-Image-Text-Element {
+ margin-bottom : 0;
+ padding-bottom : 40px;
+ }
+ .tx-typo3forum-pi1 {
+ padding-top : 50px;
+ padding-bottom : 50px;
+ }
+ .tx-typo3forum-pi1 .forum_menu, .tx-typo3forum-pi1 .topic_list_menu {
+ margin-bottom : 40px;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) {
+ float : left;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) i {
+ display : none;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:before {
+ content : "\f053";
+ display : inline-block;
+ margin-right : 5px;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) {
+ float : right;
+ margin-left : 15px;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) i {
+ display : none;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:before {
+ content : "\f0fe";
+ display : inline-block;
+ margin-right : 5px;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) {
+ float : right;
+ display : none !important ;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) i {
+ display : none;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a {
+ background : #fc0;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:before {
+ content : "\f005";
+ display : inline-block;
+ margin-right : 5px;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ @media screen and (max-width:640px) {
+ .tx-typo3forum-pi1 .forum_menu ul li, .tx-typo3forum-pi1 .topic_list_menu ul li {
+ float : none !important ;
+ width : 100% !important ;
+ margin-bottom : 5px;
+ margin-left : 0 !important ;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li a, .tx-typo3forum-pi1 .topic_list_menu ul li a {
+ width : 100%;
+ text-align : center;
+ }
+ }
+ .tx-typo3forum-pi1 #topic fieldset, .tx-typo3forum-pi1 #post fieldset, .tx-typo3forum-pi1 #report fieldset {
+ border : none;
+ padding : 0;
+ margin : 0;
+ }
+ .tx-typo3forum-pi1 #topic fieldset legend, .tx-typo3forum-pi1 #post fieldset legend, .tx-typo3forum-pi1 #report fieldset legend {
+ margin-bottom : 40px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .control-group, .tx-typo3forum-pi1 #post fieldset .control-group, .tx-typo3forum-pi1 #report fieldset .control-group {
+ margin-bottom : 15px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .control-group + .control-group > label, .tx-typo3forum-pi1 #post fieldset .control-group + .control-group > label, .tx-typo3forum-pi1 #report fieldset .control-group + .control-group > label {
+ position : relative;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .markItUpContainer, .tx-typo3forum-pi1 #post fieldset .markItUpContainer, .tx-typo3forum-pi1 #report fieldset .markItUpContainer {
+ width : 100%;
+ max-width : 927px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .markItUpHeader, .tx-typo3forum-pi1 #post fieldset .markItUpHeader, .tx-typo3forum-pi1 #report fieldset .markItUpHeader {
+ float : right;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul .markItUpDropMenu, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul .markItUpDropMenu, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul .markItUpDropMenu {
+ padding-right : 0;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul a, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul a, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul a {
+ width : 18px;
+ height : 18px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="submit"], .tx-typo3forum-pi1 #post fieldset input[type="submit"], .tx-typo3forum-pi1 #report fieldset input[type="submit"] {
+ display : block;
+ float : left;
+ border : #c6c6c6 solid 1px;
+ height : 35px;
+ padding : 0 10px;
+ background : #c6c6c6;
+ font-size : 14px;
+ line-height : 33px;
+ cursor : pointer;
+ font-family : "Open Sans", sans-serif;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="submit"] + .btn, .tx-typo3forum-pi1 #post fieldset input[type="submit"] + .btn, .tx-typo3forum-pi1 #report fieldset input[type="submit"] + .btn {
+ display : block;
+ float : left;
+ border : #c6c6c6 solid 1px;
+ height : 35px;
+ padding : 0 10px;
+ margin-left : 10px;
+ background : #c6c6c6;
+ font-size : 14px;
+ line-height : 35px;
+ color : #000;
+ font-weight : 400;
+ font-family : "Open Sans", sans-serif;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="checkbox"], .tx-typo3forum-pi1 #post fieldset input[type="checkbox"], .tx-typo3forum-pi1 #report fieldset input[type="checkbox"] {
+ margin-left : 0;
+ margin-top : 0;
+ vertical-align : bottom;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="text"], .tx-typo3forum-pi1 #topic fieldset textarea, .tx-typo3forum-pi1 #post fieldset input[type="text"], .tx-typo3forum-pi1 #post fieldset textarea, .tx-typo3forum-pi1 #report fieldset input[type="text"], .tx-typo3forum-pi1 #report fieldset textarea {
+ border : #c6c6c6 solid 1px;
+ padding : 0 10px;
+ height : 30px;
+ font-family : "Open Sans", sans-serif;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="text"], .tx-typo3forum-pi1 #post fieldset input[type="text"], .tx-typo3forum-pi1 #report fieldset input[type="text"] {
+ width : 100%;
+ max-width : 927px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset textarea, .tx-typo3forum-pi1 #post fieldset textarea, .tx-typo3forum-pi1 #report fieldset textarea {
+ padding-top : 10px;
+ padding-bottom : 10px;
+ margin-top : 5px;
+ min-height : 200px;
+ font-family : "Open Sans", sans-serif;
+ }
+ .tx-typo3forum-pi1 #post fieldset .control-group > label {
+ position : relative;
+ bottom : -25px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .control-group + .control-group > label {
+ position : relative;
+ bottom : -25px;
+ }
+ .tx-typo3forum-pi1 #report .markItUp {
+ margin-top : -20px;
+ }
+ .tx-typo3forum-pi1 #report .markItUp .tx-typo3forum-miu-code, .tx-typo3forum-pi1 #report .markItUp .markItUpSeparator {
+ display : none;
+ }
+ .tx-typo3forum-pi1 ul.nav-pills-condensed {
+ margin-bottom : 5px;
+ }
+ .tx-typo3forum-pi1 > h2, .ce-table table .tx-typo3forum-pi1 > caption {
+ display : none;
+ }
+ .tx-typo3forum-pi1 > h2.enable, .ce-table table .tx-typo3forum-pi1 > caption.enable {
+ text-transform : none;
+ text-align : left;
+ padding-left : 10px;
+ background : #0067b1;
+ padding : 15px 0 15px 10px;
+ margin : 0;
+ font-size : 16px;
+ line-height : normal;
+ color : #fff;
+ }
+ .tx-typo3forum-pi1 > h2.enable:after, .ce-table table .tx-typo3forum-pi1 > caption.enable:after {
+ display : none;
+ }
+ .tx-typo3forum-pi1 table tbody td {
+ background : #fff !important ;
+ padding : 10px 8px;
+ line-height : 60px;
+ vertical-align : middle;
+ height : 60px;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .tx-typo3forum-pi1 table tbody td div {
+ font-size : 13px;
+ line-height : 18.2px;
+ font-size : 0.8125rem;
+ line-height : 1.1375rem;
+ font-weight : 300;
+ color : #b4b4b4;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .tx-typo3forum-pi1 table tbody td a {
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ text-decoration : none;
+ color : #333;
+ }
+ .tx-typo3forum-pi1 table tbody td:nth-of-type(n 3) {
+ text-align : center;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator {
+ text-align : right;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator li {
+ color : #0067b1;
+ font-weight : 700;
+ font-size : 13px;
+ line-height : normal;
+ display : inline-block;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator li a {
+ font-size : 13px;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator li.current {
+ color : #fc0;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator li + li {
+ margin-left : 5px;
+ }
+ .ce-osbee-forum h2, .ce-osbee-forum .ce-table table caption, .ce-table table .ce-osbee-forum caption {
+ text-transform : none;
+ text-align : left;
+ padding-left : 10px;
+ background : #0067b1;
+ padding : 15px 0 15px 10px;
+ margin : 0;
+ font-size : 16px;
+ line-height : normal;
+ color : #fff;
+ }
+ .ce-osbee-forum h2:after, .ce-osbee-forum .ce-table table caption:after, .ce-table table .ce-osbee-forum caption:after {
+ display : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap {
+ display : block;
+ width : 100%;
+ background : #fff;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child {
+ width : 100%;
+ padding : 15px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon {
+ float : left;
+ max-width : 70px;
+ margin-right : 15px;
+ width : 41px;
+ height : 41px;
+ border-radius : 25px;
+ background : #c6c6c6;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic {
+ background : #fff;
+ text-align : center;
+ vertical-align : middle;
+ border : #bbb solid 1px;
+ width : 20px;
+ height : 20px;
+ color : #bbb;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic i, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic i {
+ padding : 0;
+ font-size : 12px;
+ padding-top : 4px;
+ display : block;
+ }
+ @media screen and (max-width:640px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon {
+ display : none;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left {
+ float : left;
+ width : 55%;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 {
+ margin : 0;
+ font-size : 16px;
+ line-height : normal;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a {
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ margin : 0 0 5px 0;
+ display : block;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a {
+ font-weight : 400;
+ font-size : 12px;
+ line-height : normal;
+ margin : 0;
+ display : block;
+ width : 100%;
+ max-width : 500px;
+ overflow : hidden;
+ text-overflow : ellipsis;
+ white-space : nowrap;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span {
+ display : block;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span + span, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span + span {
+ color : #bbb;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left {
+ width : 40%;
+ }
+ }
+ @media screen and (max-width:800px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left {
+ width : 36%;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left {
+ float : none;
+ width : 100%;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a {
+ margin-bottom : 0;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p {
+ margin-bottom : 20px;
+ max-width : 85%;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p {
+ margin-bottom : 0;
+ max-width : 100%;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right {
+ float : right;
+ width : 36%;
+ min-width : 360px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p {
+ display : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.topics, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.posts {
+ display : block;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics {
+ font-size : 12px;
+ line-height : 14px;
+ margin : 0;
+ font-weight : 400;
+ width : 45px;
+ text-align : center;
+ float : left;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics span {
+ display : block;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics {
+ width : 40px;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts {
+ font-size : 12px;
+ line-height : 14px;
+ margin : 0;
+ font-weight : 400;
+ float : left;
+ width : 45px;
+ text-align : center;
+ margin-left : 25px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts a {
+ font-size : 12px;
+ line-height : 14px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts span {
+ display : block;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts {
+ width : 40px;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available {
+ width : 220px;
+ position : relative;
+ padding-left : 40px;
+ display : block;
+ float : left;
+ margin-left : 25px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .tx-typo3forum-topic-show-post-user-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .tx-typo3forum-topic-show-post-user-icon {
+ max-height : 30px;
+ border-radius : 25px;
+ width : auto;
+ margin-right : 0;
+ position : absolute;
+ left : 0;
+ top : 0;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost {
+ font-size : 12px;
+ line-height : 14px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a {
+ font-size : 12px;
+ line-height : 14px;
+ text-decoration : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a:hover, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a:hover {
+ text-decoration : underline;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor {
+ font-size : 12px;
+ line-height : 14px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a {
+ font-size : 12px;
+ line-height : 14px;
+ text-decoration : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a:hover, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a:hover {
+ text-decoration : underline;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor time, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor time {
+ font-size : 12px;
+ line-height : 14px;
+ display : block;
+ width : 100%;
+ color : #c6c6c6;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available {
+ width : 200px;
+ }
+ }
+ @media screen and (max-width:420px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available {
+ width : auto;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post img, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available img {
+ display : none;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available {
+ margin-top : 0;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available span {
+ display : inline;
+ vertical-align : middle;
+ line-height : 30px;
+ font-size : 12px;
+ line-height : 14px;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right {
+ width : 35%;
+ min-width : 330px;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right {
+ float : none;
+ width : 100%;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right {
+ display : none;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div a {
+ font-weight : 400;
+ color : #333;
+ text-decoration : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child + .ce-osbee-forum-child {
+ border-top : 1px solid #bbbbbb;
+ }
+ ul.nav-pills li {
+ display : inline-block;
+ }
+ ul.nav-pills li a {
+ font-size : 12px;
+ line-height : normal;
+ color : #333;
+ font-weight : 400;
+ text-decoration : none;
+ }
+ ul.nav-pills li a:hover {
+ text-decoration : underline;
+ }
+ ul.nav-pills li:last-of-type a {
+ font-weight : 700;
+ color : #333;
+ }
+ ul.nav-pills li + li:before {
+ content : "\f054";
+ color : #fc0;
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ font-size : 10px;
+ }
+ ul.nav-pills + .ce-osbee-forum {
+ margin-top : 20px;
+ }
+ .ce-osbee-forum-singlepost {
+ position : relative;
+ background : #fff;
+ padding : 30px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation {
+ width : 20%;
+ float : left;
+ padding-right : 2%;
+ border-right : 1px solid #bbb;
+ text-align : center;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon {
+ float : none;
+ display : block;
+ margin : 0;
+ background : #ececec;
+ padding : 10px;
+ text-align : center;
+ border-radius : 150px;
+ height : 85px;
+ width : 85px;
+ margin : 15px auto;
+ font-size : 60px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a {
+ font-size : 16px;
+ line-height : normal;
+ margin : 0 0 10px 0;
+ color : #333;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a:hover {
+ text-decoration : underline;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div span.screenname {
+ font-size : 16px;
+ line-height : normal;
+ margin : 0 0 10px 0;
+ color : #333;
+ font-weight : 700;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName {
+ font-size : 18px;
+ line-height : normal;
+ font-weight : 600;
+ color : #333;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered {
+ font-size : 14px;
+ line-height : normal;
+ color : #bbbbbb;
+ margin-bottom : 10px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .membersince {
+ font-size : 12px;
+ line-height : normal;
+ color : #bbbbbb;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .postcounts {
+ font-size : 12px;
+ line-height : normal;
+ color : #bbbbbb;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p {
+ font-size : 14px;
+ line-height : normal;
+ font-weight : 400;
+ margin : 0;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p + p {
+ margin-top : 2px;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation {
+ width : 25%;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a {
+ font-size : 14px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation {
+ float : none;
+ width : 100%;
+ border-right : none;
+ padding-right : 0;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon {
+ display : none;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div {
+ padding-bottom : 15px;
+ border-bottom : 1px solid #bbb;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div * {
+ display : block;
+ text-align : left;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a {
+ font-size : 14px;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.membersince, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.postcounts, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.unregistered {
+ margin-left : 0;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div {
+ padding-bottom : 15px;
+ }
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content {
+ width : 77%;
+ float : left;
+ padding-left : 2%;
+ margin-left : 3%;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content {
+ width : 70%;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content {
+ float : none;
+ margin-left : 0;
+ width : 100%;
+ margin-top : 20px;
+ }
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text {
+ padding : 0;
+ margin : 0;
+ font-size : 12px;
+ line-height : normal;
+ padding-top : 10px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text p {
+ font-size : 12px;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote {
+ background : #fff;
+ color : #333;
+ border : none;
+ margin : 0 0 15px 0;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user {
+ color : #333;
+ font-size : 12px;
+ font-weight : 400;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user a {
+ color : #333;
+ font-size : 12px;
+ font-weight : 400;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text {
+ margin-top : 10px;
+ font-style : italic;
+ color : #bbb;
+ font-size : 12px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text:before {
+ content : "\f10e";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ font-size : 30px;
+ color : #0067b1;
+ margin-right : 10px;
+ vertical-align : top;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote {
+ margin : -30px 0 10px 35px;
+ padding : 0;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote .tx-typo3forum-quote-text:before {
+ font-size : 20px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation {
+ border-bottom : 1px solid #bbb;
+ padding-bottom : 5px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu {
+ float : right;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu a {
+ font-weight : 400;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu .quote-icon {
+ padding-left : 0;
+ position : relative;
+ top : -4px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date {
+ float : left;
+ font-size : 12px;
+ line-height : normal;
+ color : #333;
+ font-style : normal;
+ font-size : 13px;
+ color : #bbb;
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation {
+ position : absolute;
+ top : 30px;
+ right : 30px;
+ border-bottom : none;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date {
+ float : none;
+ display : inline-block;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu {
+ float : none;
+ margin-left : 10px;
+ display : inline-block;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation {
+ position : relative;
+ top : 0;
+ text-align : right;
+ right : auto;
+ border-bottom : none;
+ }
+ }
+ .ce-osbee-forum-singlepost + .ce-osbee-forum-singlepost {
+ border-top : 1px solid #bbbbbb;
+ }
+ .ce-osbee-forum-singlepost:first-of-type {
+ margin-top : 30px;
+ }
+ .f3-widget-paginator {
+ margin : 40px 0 30px 0;
+ text-align : right;
+ }
+ .osbee-forum-empty {
+ display : none;
+ }
+ .osbee-forum-empty.enable {
+ display : block;
+ }
+ p.tx-srfeuserregister-pi1-error {
+ font-size : 13px;
+ line-height : normal;
+ }
+ .blogContentFullWidth {
+ margin-top : 25px;
+ }
+ .blogContent {
+ float : left;
+ width : 73.78%;
+ width : calc(100% - 32.85%);
+ display : block;
+ max-width : 740px;
+ padding : 50px 0;
+ margin-right : 4.85%;
+ padding-top : 0;
+ }
+ .blogContent a {
+ color : #0067b1;
+ }
+ @media screen and (max-width:1020px) {
+ .blogContent {
+ width : 100%;
+ max-width : none;
+ margin-right : 0;
+ float : none;
+ }
+ }
+ .blogSidebar {
+ float : left;
+ width : 23.30%;
+ width : calc(100% - 72%);
+ max-width : 240px;
+ display : block;
+ padding : 50px 0;
+ padding-top : 0;
+ margin-top : 40px;
+ }
+ @media screen and (max-width:1020px) {
+ .blogSidebar {
+ float : none;
+ width : 100%;
+ max-width : none;
+ }
+ }
+ .blogSidebar .csc-header {
+ width : 100%;
+ text-align : left;
+ }
+ .blogSidebar h3, .blogSidebar h1, .blogSidebar h2, .blogSidebar .ce-table table caption, .ce-table table .blogSidebar caption {
+ display : inline-block;
+ width : 100%;
+ padding : 0 0 3px 0;
+ border-bottom : 2px solid #fc0;
+ font-weight : bold;
+ margin : 0 0 10px 0;
+ font-size : 16px;
+ line-height : normal;
+ text-transform : none;
+ text-align : left;
+ }
+ .blogSidebar .news {
+ padding : 0;
+ margin-bottom : 40px;
+ }
+ .blogSidebar .blog-subscribe h2, .blogSidebar .blog-subscribe .ce-table table caption, .ce-table table .blogSidebar .blog-subscribe caption {
+ display : inline-block;
+ width : 100%;
+ padding : 0 0 3px 0;
+ border-bottom : 2px solid #fc0;
+ font-weight : bold;
+ margin : 0 0 10px 0;
+ font-size : 16px;
+ line-height : normal;
+ text-transform : none;
+ text-align : left;
+ }
+ .blogSidebar .blog-subscribe h2:after, .blogSidebar .blog-subscribe .ce-table table caption:after, .ce-table table .blogSidebar .blog-subscribe caption:after {
+ display : none;
+ }
+ .blogSidebar .blog-subscribe .tx-srfeuserregister-pi1-notice {
+ font-style : normal;
+ margin : 0;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .blogSidebar .blog-subscribe .terms {
+ margin-top : 15px;
+ }
+ .blogSidebar .blog-subscribe .terms .termsInputContainer {
+ float : left;
+ width : 10%;
+ text-align : left;
+ }
+ .blogSidebar .blog-subscribe .terms .termsInputContainer input {
+ width : 15px;
+ height : 15px;
+ border : #c6c6c6 solid 1px;
+ background : #fff;
+ }
+ .blogSidebar .blog-subscribe .terms p {
+ float : left;
+ width : 90%;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .blogSidebar .blog-subscribe .terms p a {
+ padding-left : 0;
+ background-image : none;
+ font-weight : 400;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .blogSidebar .blog-subscribe .terms p span {
+ display : none;
+ }
+ .blogSidebar .blog-subscribe .firstname input, .blogSidebar .blog-subscribe .email input {
+ margin-top : 0;
+ }
+ .news-list-view h3 {
+ margin : 0;
+ }
+ .news-list-view h3 a {
+ text-decoration : none;
+ }
+ .news-list-view h3 a span {
+ font-size : 18px;
+ color : #333;
+ font-weight : normal;
+ }
+ .news-list-view h3:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px 0 0 0;
+ }
+ .news-list-view .header {
+ display : inline-block;
+ width : 100%;
+ max-width : 470px;
+ max-width : 450px;
+ margin-bottom : 15px;
+ }
+ .news-list-view .article {
+ clear : both;
+ height : 210px;
+ height : auto;
+ border-bottom : 1px solid #fc0;
+ }
+ .news-list-view .article .footer {
+ display : none;
+ }
+ .news-list-view .no-media-element img {
+ width : 250px;
+ height : 187px;
+ }
+ .news-list-view .more {
+ font-size : 15px;
+ line-height : normal;
+ vertical-align : bottom;
+ }
+ .news-list-view .news-img-wrap {
+ display : inline-block;
+ margin : 0 !important ;
+ padding : 0;
+ max-width : 250px;
+ height : 100%;
+ width : 26%;
+ }
+ .news-list-view .news-img-wrap img {
+ max-width : 100%;
+ height : auto;
+ }
+ .news-list-view .news-img-wrap a {
+ margin : 0;
+ padding : 0;
+ border : 0;
+ max-width : 100%;
+ }
+ @media screen and (max-width:640px) {
+ .news-list-view .news-img-wrap {
+ display : none;
+ }
+ }
+ .news-list-view .news-content-wrap {
+ width : 72%;
+ float : left;
+ margin-left : 2%;
+ }
+ .news-list-view .news-content-wrap h3 {
+ margin-bottom : 20px;
+ }
+ @media screen and (max-width:640px) {
+ .news-list-view .news-content-wrap {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ }
+ }
+ .news-list-view .teaser-text > span {
+ display : block;
+ }
+ .news-list-view .teaser-text ul, .news-list-view .teaser-text ol {
+ padding-left : 0;
+ margin-left : 15px;
+ }
+ .news-list-view .teaser-text .more {
+ display : block;
+ margin-top : 15px;
+ }
+ .news-single {
+ padding : 0;
+ margin-top : 40px;
+ }
+ .news-single .header h3 {
+ font-size : 18px;
+ color : #333;
+ font-weight : normal;
+ margin-bottom : 25px;
+ margin-top : 10px;
+ }
+ .news-single .header h3:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px 0 0 0;
+ }
+ .news-single .news-text-wrap p {
+ color : #333;
+ }
+ .news-single .footer {
+ border-top : 1px solid #fc0;
+ margin-bottom : 40px;
+ padding : 0;
+ padding-top : 20px;
+ text-align : right;
+ }
+ .news-single .footer p {
+ font-weight : bold;
+ color : #333;
+ margin-bottom : 0;
+ }
+ .news-single .footer span span {
+ padding-right : 0;
+ margin-right : 0;
+ }
+ .news-single .footer .socialmedia {
+ display : none;
+ }
+ .news-single .news-backlink-wrap a {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : bold;
+ color : #333;
+ text-decoration : none;
+ }
+ .news-single .article .news-img-wrap {
+ width : 100%;
+ height : auto;
+ margin-bottom : 30px;
+ float : none;
+ margin : 0;
+ float : left;
+ width : auto;
+ margin-right : 15px;
+ margin-bottom : 25px;
+ max-width : 350px;
+ }
+ @media screen and (max-width:768px) {
+ .news-single .article .news-img-wrap {
+ max-width : none;
+ float : none;
+ margin-right : 0;
+ margin-bottom : 15px;
+ width : 100%;
+ }
+ }
+ .news-single .article .news-img-wrap img {
+ max-width : 100%;
+ height : auto;
+ }
+ .news-single .shareThisPost {
+ float : right;
+ border-left : 1px solid #ddd;
+ padding-left : 10px;
+ }
+ .news-single .news-list-category span {
+ display : inline-block;
+ font-size : 13px;
+ border-right : none;
+ }
+ .news-single .news-list-category span + span:before {
+ content : "|";
+ display : inline-block;
+ margin : 0 5px 0 2px;
+ }
+ @media screen and (max-width:768px) {
+ .news-single .news-list-category {
+ float : none;
+ width : 100%;
+ display : block;
+ margin-top : 5px;
+ }
+ .news-single .news-list-date {
+ margin-top : 5px;
+ }
+ .news-single .shareThisPost {
+ display : block;
+ width : 100%;
+ float : none;
+ padding-left : 0;
+ border-left : none;
+ }
+ }
+ .news p + ul {
+ margin-top : 15px;
+ }
+ .blogSidebar .news ul li {
+ padding-left : 0;
+ font-weight : 700;
+ }
+ .blogSidebar .news ul li ul li {
+ font-weight : 400;
+ }
+ .blogSidebar .news ul li:before {
+ display : none;
+ }
+ .csc-header {
+ margin : 0;
+ padding : 0;
+ display : inline-block;
+ }
+ .blog-commentContainer {
+ background : #ececec;
+ padding : 15px 10px;
+ }
+ .blog-commentContainer form {
+ margin-bottom : 20px;
+ padding-bottom : 30px;
+ border-bottom : 1px solid #bbbbbb;
+ }
+ .blog-commentContainer form h3 {
+ margin : 5px 0 0 0;
+ }
+ .blog-commentContainer form textarea {
+ resize : none;
+ height : 120px;
+ padding : 10px;
+ width : 100%;
+ margin-top : 10px;
+ color : #bbb;
+ font-size : 18px;
+ line-height : normal;
+ }
+ .blog-commentContainer form textarea + p {
+ font-size : 14px;
+ line-height : normal;
+ color : #bbb;
+ text-align : right;
+ }
+ .blog-commentContainer form input[type="submit"] {
+ display : inline-block;
+ font-size : 15px;
+ line-height : normal;
+ color : #fff;
+ border : none;
+ outline : none;
+ text-align : center;
+ background : #0067b1;
+ text-transform : uppercase;
+ padding : 15px;
+ min-width : 160px;
+ margin-top : -10px;
+ font-weight : 700;
+ cursor : pointer;
+ }
+ .toctoc-comments-pi1 {
+ border-bottom : 1px solid transparent;
+ }
+ .tx-tc-sortlistmenu .tx-tc-dsclmrlistmenutitle:first-child {
+ display : none;
+ }
+ .tx-tc-ct-ry-report-line {
+ text-align : right;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .tx-tc-cts-ct-box + .tx-tc-cts-ct-box {
+ border-top : 1px solid #c6c6c6;
+ padding-top : 15px !important ;
+ }
+ .tx-tc-cts-ct-box + .tx-tc-cts-ct-box.replyAnswer {
+ border-top : none;
+ }
+ .blog-usercomment {
+ margin-left : 0 !important ;
+ }
+ .blog-usercomment h3 {
+ margin-bottom : 5px;
+ margin-top : 0;
+ }
+ .blog-usercomment h3 time {
+ display : inline-block;
+ }
+ .blog-usercomment h3 .tx-tc-popularity-pic {
+ display : none;
+ }
+ .blog-usercomment + .blog-usercomment {
+ margin-top : 25px;
+ }
+ .tx-tc-indent-subcmt {
+ background : #fff;
+ padding : 15px 10px !important ;
+ margin-left : 30px;
+ position : relative;
+ }
+ .tx-tc-indent-subcmt h3 {
+ margin-bottom : 10px;
+ margin-top : 0;
+ }
+ .tx-tc-indent-subcmt h3 time {
+ display : inline-block;
+ }
+ .tx-tc-indent-subcmt h3 .tx-tc-popularity-pic {
+ display : none;
+ }
+ .tx-tc-indent-subcmt:before, .tx-tc-indent-subcmt:after {
+ bottom : 100%;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .tx-tc-indent-subcmt:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-bottom-color : #fff;
+ border-width : 15px;
+ margin-left : -200px;
+ }
+ .tx-tc-indent-subcmt:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-bottom-color : #fff;
+ border-width : 15px;
+ margin-left : -200px;
+ }
+ .new-socialmedia {
+ font-size : 15px;
+ }
+ .new-socialmedia i {
+ font-size : 22px;
+ }
+ .tx-tc-dtadyn {
+ padding : 0 25px !important ;
+ }
+ .tx-tc-ct-form-field-upload {
+ display : none !important ;
+ }
+ .tx-tc-width100-85 {
+ width : 100%;
+ float : none !important ;
+ }
+ .tx-tc-ct-form-gender {
+ display : none;
+ }
+ .tx-tc-ct-form-field {
+ margin-top : 5px;
+ }
+ .tx-tc-ct-form-field input {
+ background : #fff !important ;
+ border : #c6c6c6 solid 1px;
+ color : #333 !important ;
+ }
+ .tx-tcfh112 {
+ opacity : 1 !important ;
+ }
+ .tx-tc-ct-reqhint {
+ font-size : 12px !important ;
+ line-height : normal !important ;
+ }
+ .latest-news-container {
+ background : #ececec;
+ padding : 40px 0;
+ }
+ .latest-news-container .startpage-latesnews {
+ float : left;
+ width : calc((100% - 60px) / 3);
+ border-bottom : 1px solid #fc0;
+ padding-bottom : 20px;
+ position : relative;
+ }
+ .latest-news-container .startpage-latesnews .news-img-wrap {
+ width : 100%;
+ margin-bottom : 15px;
+ max-width : none;
+ vertical-align : bottom;
+ display : table-cell;
+ }
+ .latest-news-container .startpage-latesnews .news-img-wrap a {
+ display : block;
+ }
+ .latest-news-container .startpage-latesnews .news-img-wrap img {
+ width : 100%;
+ display : block;
+ height : auto;
+ }
+ .latest-news-container .startpage-latesnews .header {
+ width : 100%;
+ height : auto;
+ }
+ .latest-news-container .startpage-latesnews .header h3 {
+ font-weight : 400;
+ }
+ .latest-news-container .startpage-latesnews .header h3 span {
+ font-size : 14px;
+ line-height : 19.6px;
+ font-size : 0.875rem;
+ line-height : 1.225rem;
+ }
+ .latest-news-container .startpage-latesnews .header h3:after {
+ display : none;
+ }
+ .latest-news-container .startpage-latesnews + .startpage-latesnews {
+ margin-left : 30px;
+ }
+ @media screen and (max-width:768px) {
+ .latest-news-container .startpage-latesnews {
+ float : none;
+ width : 100%;
+ }
+ .latest-news-container .startpage-latesnews .news-img-wrap {
+ width : 25%;
+ margin-right : 5%;
+ float : left;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container {
+ float : left;
+ width : 70%;
+ padding-left : 25px;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container .header {
+ margin-bottom : 0;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container .header h3 span {
+ font-size : 15px;
+ line-height : normal;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container .teaser-text .more {
+ margin-top : 5px;
+ }
+ .latest-news-container .startpage-latesnews + .startpage-latesnews {
+ margin-left : 0;
+ margin-top : 30px;
+ }
+ }
+ @media screen and (max-width:520px) {
+ .latest-news-container .startpage-latesnews .news-img-wrap {
+ display : none;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container {
+ float : none;
+ width : 100%;
+ }
+ }
+ .rss-feed-button {
+ padding-bottom : 50px;
+ }
+ .rss-feed-button a {
+ width : 100%;
+ text-align : center;
+ }
+ .rss-feed-button a i {
+ font-size : 16px;
+ }
+ .new-socialmedia {
+ padding-right : 0 !important ;
+ }
+ .shariff .orientation-horizontal {
+ display : block !important ;
+ text-align : right !important ;
+ }
+ .shariff .orientation-horizontal.col-5 li {
+ flex : none !important ;
+ min-width : 0 !important ;
+ max-width : none;
+ width : auto !important ;
+ margin-right : 10px !important ;
+ margin-left : 0 !important ;
+ padding : 0;
+ float : none;
+ display : inline-block;
+ margin-bottom : 0;
+ }
+ .shariff .orientation-horizontal.col-5 .fa {
+ border-right : none !important ;
+ padding-right : 0;
+ margin-right : 0;
+ width : auto !important ;
+ line-height : normal;
+ font-size : 13px !important ;
+ }
+ .shariff .orientation-horizontal.col-5 .share_text {
+ display : none;
+ }
+ .shariff .theme-grey .shariff-button.info {
+ border : none;
+ padding-left : 5px;
+ }
+ .shariff .theme-grey .shariff-button.info .share_text {
+ display : none !important ;
+ }
+ .shariff .theme-grey .shariff-button.info a {
+ color : #000;
+ }
+ .shariff .theme-grey .shariff-button a {
+ background : transparent !important ;
+ background-color : transparent !important ;
+ height : auto;
+ line-height : normal;
+ }
+ .shariff .theme-grey .shariff-button a span {
+ color : #333;
+ }
+ .shariff .theme-grey .shariff-button a span:before {
+ color : #333;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive {
+ font-family : "Open Sans", sans-serif;
+ border : none !important ;
+ padding : 10px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu {
+ border : none;
+ margin-bottom : 25px;
+ font-size : 15px;
+ line-height : normal;
+ border-bottom : 1px solid #0067b1;
+ padding-bottom : 10px;
+ background : transparent;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu:hover {
+ border-bottom : 1px solid #0067b1;
+ background : transparent !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu .tx-tc-sortlistmenutitle {
+ color : #333;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortind-pop {
+ width : 18px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-frmsqrhgt {
+ height : auto !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-ctinput-textarea {
+ height : 150px;
+ padding : 10px 15px !important ;
+ font-size : 15px;
+ line-height : normal !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-ct-submit-loggedin {
+ background : #be1622;
+ color : #fff;
+ font-size : 15px;
+ padding : 5px 10px;
+ margin-left : 4.5% !important ;
+ font-family : "Open Sans", sans-serif;
+ opacity : 1;
+ border-radius : 0;
+ border : none !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp {
+ opacity : 1 !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage {
+ height : auto;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage div.tx-tc-emo-nav-frm {
+ margin-bottom : 20px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emopage-emojis {
+ height : auto;
+ margin-bottom : 20px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emo-bot-nav {
+ height : auto;
+ width : 100% !important ;
+ border : none !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-menutitle-hilight {
+ background : transparent;
+ border : none;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel {
+ padding : 10px;
+ right : -2px;
+ top : 28px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox {
+ font-size : 14px;
+ line-height : normal;
+ font-weight : 600;
+ color : #0067b1;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink {
+ color : #0067b1;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink-selected {
+ color : #be1622;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortpopular {
+ border : none;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box {
+ margin : 0;
+ padding : 0 10px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ctdate {
+ font-size : 12px;
+ line-height : normal;
+ color : #333;
+ display : block;
+ margin-top : 2px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text {
+ font-size : 15px;
+ line-height : normal;
+ color : #333;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text img {
+ display : none;
+ }
+ @media screen and (max-width:480px) {
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text {
+ font-size : 12px;
+ line-height : normal;
+ }
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box + .tx-tc-cts-ct-box {
+ margin-top : 25px;
+ padding-top : 25px !important ;
+ border-top : 1px solid #0067b1;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ct-box-cttxt-reply {
+ border : none !important ;
+ padding : 0 !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt {
+ padding-left : 25px !important ;
+ width : 100% !important ;
+ background : #f6f7f8;
+ padding-top : 0 !important ;
+ border-top : none;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:after {
+ display : none !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox {
+ position : relative;
+ background : #fff;
+ border : #fff solid 4px;
+ padding : 10px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before {
+ bottom : 100%;
+ left : 12%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after {
+ border-color : rgba(191, 30, 46, 0);
+ border-bottom-color : #fff;
+ border-width : 25px;
+ margin-left : -25px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before {
+ border-color : rgba(191, 30, 46, 0);
+ border-bottom-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-box-picturecrop32 {
+ padding : 0;
+ height : 32px;
+ margin-right : 10px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-text {
+ padding-top : 0 !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ctdate {
+ margin-left : 42px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-tabledisp {
+ margin-left : 25px !important ;
+ width : calc(100% - 25px) !important ;
+ }
+ .tx-felogin-pi1 {
+ background-color : #ececec;
+ padding : 30px 17px 70px 17px;
+ margin-bottom : 50px;
+ }
+ .tx-felogin-pi1 h3 {
+ font-family : "Quicksand", sans-serif;
+ font-weight : 700;
+ text-transform : uppercase;
+ color : #333;
+ font-size : 24px;
+ line-height : normal;
+ text-align : left;
+ margin-bottom : 20px;
+ }
+ .tx-felogin-pi1 h3:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px 0 0 0;
+ }
+ .tx-felogin-pi1 form fieldset {
+ border : none;
+ padding : 0;
+ }
+ .tx-felogin-pi1 form fieldset > div {
+ width : 400px;
+ }
+ .tx-felogin-pi1 form fieldset > div > div {
+ border : #c6c6c6 solid 1px;
+ display : inline-block;
+ float : left;
+ width : 49%;
+ height : 53px;
+ line-height : 53px;
+ margin-top : 20px;
+ padding-left : 10px;
+ }
+ .tx-felogin-pi1 form fieldset > div > div:first-child {
+ margin-right : 2%;
+ }
+ .tx-felogin-pi1 form fieldset > div label {
+ display : inline-block;
+ }
+ .tx-felogin-pi1 form fieldset > div input[type="text"], .tx-felogin-pi1 form fieldset > div input[type="password"] {
+ width : 100%;
+ height : 55px;
+ border : #c6c6c6 solid 1px;
+ padding : 10px;
+ color : #333;
+ font-size : 15px;
+ }
+ .tx-felogin-pi1 form fieldset > div input[type="submit"] {
+ background : none 0% 0% repeat scroll #0067b1;
+ font-size : 1rem;
+ line-height : 1.4rem;
+ text-transform : uppercase;
+ color : #fff;
+ padding : 15px 60px;
+ margin-top : 20px;
+ border : none medium;
+ outline : medium none;
+ font-weight : 700;
+ cursor : pointer;
+ width : 100%;
+ }
+ @media screen and (max-width:485px) {
+ .tx-felogin-pi1 form fieldset > div {
+ width : 100%;
+ }
+ .tx-felogin-pi1 form fieldset > div > div {
+ width : 100%;
+ }
+ .tx-felogin-pi1 form fieldset > div > div:first-child {
+ margin-right : 0;
+ }
+ }
+ .tx-felogin-pi1 .felogin-links {
+ padding-top : 4px;
+ width : 400px;
+ }
+ .tx-felogin-pi1 .felogin-links > div {
+ display : inline-block;
+ float : right;
+ }
+ .tx-felogin-pi1 .felogin-links > div:first-child {
+ float : left;
+ }
+ .tx-felogin-pi1 .felogin-links > div a {
+ color : #333;
+ font-weight : normal;
+ }
+ @media screen and (max-width:485px) {
+ .tx-felogin-pi1 .felogin-links {
+ width : 100%;
+ }
+ .tx-felogin-pi1 .felogin-links > div {
+ display : block;
+ float : none;
+ margin-top : 5px;
+ }
+ .tx-felogin-pi1 .felogin-links > div:first-child {
+ float : none;
+ }
+ }
+ .tx-sy-osbeeproducts {
+ padding : 0 0 40px 0;
+ }
+ .tx-sy-osbeeproducts h2, .tx-sy-osbeeproducts .ce-table table caption, .ce-table table .tx-sy-osbeeproducts caption {
+ font-weight : 700;
+ color : #0067b1;
+ font-size : 18px;
+ line-height : normal;
+ display : block;
+ margin : 0 0 5px 0;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory, .tx-sy-osbeeproducts .os_cartApps {
+ margin-bottom : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table, .tx-sy-osbeeproducts .os_cartApps table {
+ border-spacing : 0;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type {
+ border-left : 1px solid #c6c6c6;
+ border-right : 1px solid #c6c6c6;
+ border-top : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td, .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td {
+ background : #ececec;
+ padding : 10px 0 10px 10px;
+ height : 40px;
+ color : #313131;
+ font-weight : 700;
+ border-bottom : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ border-top : 1px solid #c6c6c6;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) {
+ background : #d7d7d7;
+ padding : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3) {
+ text-align : right;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) {
+ text-align : right;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6) {
+ padding : 10px 0;
+ border-left : none;
+ text-align : center;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row, .tx-sy-osbeeproducts .os_cartApps table tr.row {
+ border-bottom : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td, .tx-sy-osbeeproducts .os_cartApps table tr.row td {
+ background : #fff;
+ padding : 10px 0 10px 10px;
+ color : #313131;
+ font-weight : 400;
+ border-left : 1px solid #c6c6c6;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr.row td:first-of-type {
+ color : #0067b1;
+ text-decoration : none;
+ font-weight : 700;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(2) {
+ padding : 0 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4) {
+ text-align : right;
+ padding-right : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) {
+ padding : 10px 0;
+ text-align : center;
+ padding-left : 10px;
+ padding-right : 10px;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) i, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) i {
+ font-size : 20px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a {
+ margin : 0;
+ padding : 0;
+ background : transparent;
+ border : none;
+ color : #be1622;
+ font-size : 20px;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a:hover, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a:hover {
+ text-decoration : none;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td {
+ font-size : 15px;
+ line-height : normal;
+ border-left : 1px solid #c6c6c6;
+ border-top : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:first-of-type {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ text-align : left;
+ padding : 10px;
+ background : #ececec;
+ height : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(2) {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ text-align : right;
+ padding : 10px;
+ background : #d7d7d7;
+ height : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(5), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(5) {
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ text-align : right;
+ background : #ececec;
+ padding : 10px;
+ height : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:last-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:last-of-type {
+ min-height : 1px;
+ background : #ececec;
+ height : 40px;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td {
+ padding : 10px;
+ font-size : 15px;
+ font-weight : 700;
+ line-height : normal;
+ background : #ececec;
+ border-top : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2) {
+ background : #d7d7d7;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3) {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7) {
+ text-align : right;
+ padding-right : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8) {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8) {
+ border-right : 1px solid #c6c6c6;
+ text-align : center;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td {
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3) {
+ border-left : none;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4) {
+ border-left : none;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(7), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) {
+ border-left : none;
+ text-align : right;
+ padding-right : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) {
+ padding : 10px 0;
+ text-align : center;
+ padding-left : 10px;
+ padding-right : 10px;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) i {
+ font-size : 20px;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a {
+ margin : 0;
+ padding : 0;
+ background : transparent;
+ border : none;
+ color : #be1622;
+ font-size : 20px;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a:hover {
+ text-decoration : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td {
+ padding : 10px;
+ border-top : none;
+ font-weight : 700;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(4) {
+ background : #ececec;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:last-of-type {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules {
+ padding-bottom : 80px;
+ margin-bottom : 80px;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table {
+ border-spacing : 0;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td {
+ padding : 10px;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ background : #ececec;
+ border-top : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(2) {
+ background : #d7d7d7;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:last-of-type {
+ border-left : none;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td {
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td:first-of-type {
+ color : #0067b1;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(2) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td:last-of-type {
+ border-right : 1px solid #c6c6c6;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td {
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ height : 40px;
+ padding : 10px;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td div {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(2) {
+ background : #d7d7d7;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(3) {
+ background : #ececec;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:last-of-type {
+ background : #ececec;
+ border-right : 1px solid #c6c6c6;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport {
+ margin-bottom : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div {
+ float : left;
+ width : calc((100% - 30px) / 4);
+ background : #ececec;
+ border : #c6c6c6 solid 1px;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .radioSupportName {
+ margin-top : 10px;
+ margin-right : 10px;
+ padding : 10px;
+ font-size : 18px;
+ line-height : normal;
+ color : #fff;
+ font-weight : 700;
+ text-transform : uppercase;
+ letter-spacing : 3px;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container {
+ padding : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container .radioSupport {
+ width : 20px;
+ height : 20px;
+ display : inline-block;
+ margin : 0 5px 0 0;
+ vertical-align : bottom;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container div {
+ display : inline-block;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container a {
+ color : #0067b1;
+ font-size : 15px;
+ text-decoration : none;
+ display : block;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container a:hover {
+ text-decoration : underline;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div:first-of-type .radioSupportName {
+ background : #d1d1d1;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div:nth-of-type(2) .radioSupportName {
+ background : #fc0;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div:nth-of-type(3) .radioSupportName {
+ background : #777372;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div:last-of-type .radioSupportName {
+ background : #3a3a3a;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div + div {
+ margin-left : 10px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport {
+ margin-bottom : 40px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div {
+ float : left;
+ width : calc((100% - 20px) / 3);
+ background : #ececec;
+ border : #c6c6c6 solid 1px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .radioAppSupportName {
+ margin-top : 10px;
+ margin-right : 10px;
+ padding : 10px;
+ font-size : 18px;
+ line-height : normal;
+ color : #fff;
+ font-weight : 700;
+ text-transform : uppercase;
+ letter-spacing : 1px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container {
+ padding : 10px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container .radioAppSupport {
+ width : 20px;
+ height : 20px;
+ display : inline-block;
+ margin : 0 5px 0 0;
+ vertical-align : bottom;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container div {
+ display : inline-block;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container a {
+ color : #0067b1;
+ font-size : 15px;
+ text-decoration : none;
+ display : block;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container a:hover {
+ text-decoration : underline;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div:first-of-type .radioAppSupportName {
+ background : #88b3d6;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div:nth-of-type(2) .radioAppSupportName {
+ background : #3f83c0;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div:nth-of-type(3) .radioAppSupportName {
+ background : #105b9e;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div + div {
+ margin-left : 10px;
+ }
+ .tx-sy-osbeeproducts .overviewSupport {
+ margin-bottom : 80px;
+ padding-bottom : 80px;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table {
+ border-spacing : 0;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ padding : 10px;
+ background : #ececec;
+ border-top : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:first-of-type {
+ border-left : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(4) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:last-of-type {
+ text-align : right;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td {
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-bottom : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:first-of-type .chosenSupport {
+ font-weight : 700;
+ color : #0067b1;
+ font-size : 15px;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(2) {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:last-of-type {
+ border-left : none;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td {
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(2) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(4) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:last-of-type {
+ border-right : 1px solid #c6c6c6;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td {
+ background : #ececec;
+ height : 40px;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:first-of-type {
+ border-left : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:nth-of-type(4) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:last-of-type {
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .lastStep {
+ border : #c6c6c6 solid 1px;
+ background : #ececec;
+ }
+ .tx-sy-osbeeproducts .lastStep table {
+ border-spacing : 0;
+ }
+ .tx-sy-osbeeproducts .lastStep table tr td {
+ padding : 0 10px 2px 10px;
+ font-size : 15px;
+ line-height : normal;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .lastStep table tr:first-of-type td {
+ padding-top : 10px;
+ }
+ .tx-sy-osbeeproducts .lastStep table tr:last-of-type td {
+ font-weight : 700;
+ padding-bottom : 10px;
+ }
+ .tx-sy-osbeeproducts .linkInActive {
+ background : #bbbbbb;
+ color : #fff;
+ padding : 10px 20px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 18px;
+ line-height : normal;
+ float : left;
+ margin-top : 20px;
+ border : none;
+ cursor : pointer;
+ }
+ .tx-sy-osbeeproducts .tooltipp {
+ display : none;
+ position : absolute;
+ background-color : #dddddd;
+ padding : 10px 20px;
+ color : black;
+ font-size : 18px;
+ margin-left : 120px;
+ float : left;
+ margin-top : 20px;
+ }
+ .tx-sy-osbeeproducts .checkoutOption {
+ margin-top : 20px;
+ }
+ .tx-sy-osbeeproducts .checkoutOption .checkoutSubmit {
+ background : #be1622;
+ color : #fff;
+ padding : 10px 20px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 18px;
+ line-height : normal;
+ float : right;
+ border : none;
+ cursor : pointer;
+ }
+ .tx-sy-osbeeproducts .checkoutOption .checkoutSubmit.blue {
+ background : #0067b1;
+ color : #fff;
+ padding : 10px 20px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 18px;
+ line-height : normal;
+ float : left;
+ border : none;
+ cursor : pointer;
+ }
+ .step3YourData, .mp-contentContainer.checkout .step3YourOrder {
+ padding-bottom : 80px;
+ margin-bottom : 80px;
+ border-bottom : 1px solid #bcbcbc;
+ border-spacing : 0;
+ width : 100%;
+ }
+ .step3YourData caption, .mp-contentContainer.checkout .step3YourOrder caption {
+ font-weight : 700;
+ color : #1268b3;
+ font-size : 18px;
+ line-height : normal;
+ display : block;
+ margin : 0 0 2px 0;
+ text-align : left;
+ }
+ .step3YourData tr:first-of-type td, .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td {
+ padding : 10px;
+ font-weight : 700;
+ font-size : 14px;
+ line-height : normal;
+ background : #f5f5f5;
+ border-top : 1px solid #bcbcbc;
+ border-left : 1px solid #bcbcbc;
+ border-bottom : 1px solid #bcbcbc;
+ }
+ .step3YourData tr:first-of-type td:nth-of-type(2), .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:nth-of-type(2) {
+ background : #d7d7d7;
+ }
+ .step3YourData tr:first-of-type td:last-of-type, .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:last-of-type {
+ border-left : none;
+ border-right : 1px solid #bcbcbc;
+ }
+ .step3YourData tr.row td, .mp-contentContainer.checkout .step3YourOrder tr.row td {
+ font-size : 14px;
+ line-height : normal;
+ padding : 10px;
+ border-left : 1px solid #bcbcbc;
+ border-bottom : 1px solid #bcbcbc;
+ border-right : 1px solid #bcbcbc;
+ }
+ .step3YourData tr.row td:first-of-type, .mp-contentContainer.checkout .step3YourOrder tr.row td:first-of-type {
+ color : #1268b3;
+ font-weight : 700;
+ font-size : 14px;
+ line-height : normal;
+ border-right : none;
+ }
+ .orderlist table {
+ margin-bottom : 80px;
+ border-spacing : 0;
+ width : 100%;
+ }
+ .orderlist table caption {
+ font-weight : 700;
+ color : #1268b3;
+ font-size : 18px;
+ line-height : normal;
+ display : block;
+ margin : 0 0 2px 0;
+ text-align : left;
+ }
+ .orderlist table tr:first-of-type th {
+ padding : 10px;
+ font-weight : 700;
+ font-size : 14px;
+ line-height : normal;
+ background : #f5f5f5;
+ border-top : 1px solid #bcbcbc;
+ border-left : 1px solid #bcbcbc;
+ border-bottom : 1px solid #bcbcbc;
+ text-align : left;
+ }
+ .orderlist table tr:first-of-type th:nth-of-type(3) {
+ text-align : center;
+ }
+ .orderlist table tr:first-of-type th:nth-of-type(4) {
+ text-align : right;
+ }
+ .orderlist table tr:first-of-type th:last-of-type {
+ border-right : 1px solid #bcbcbc;
+ }
+ .orderlist table tr td {
+ font-size : 14px;
+ line-height : normal;
+ padding : 10px;
+ border-left : 1px solid #bcbcbc;
+ border-bottom : 1px solid #bcbcbc;
+ }
+ .orderlist table tr td:nth-of-type(3) {
+ text-align : center;
+ }
+ .orderlist table tr td:nth-of-type(4) {
+ text-align : right;
+ }
+ .orderlist table tr td:last-of-type {
+ border-right : 1px solid #bcbcbc;
+ }
+ .step3YourOrder {
+ width : 100%;
+ border-spacing : 0;
+ margin-bottom : 80px;
+ }
+ .step3YourOrder caption {
+ text-align : left;
+ font-size : 18px;
+ color : #0067b1;
+ font-weight : 700;
+ padding-bottom : 5px;
+ }
+ .step3YourOrder tr td {
+ font-size : 14px;
+ line-height : normal;
+ padding : 10px;
+ border-top : 1px solid #bcbcbc;
+ border-right : 1px solid #bcbcbc;
+ }
+ .step3YourOrder tr td:first-of-type {
+ width : 35%;
+ font-weight : 700;
+ border-left : 1px solid #bcbcbc;
+ }
+ .step3YourOrder tr:last-of-type td {
+ border-bottom : 1px solid #bcbcbc;
+ }
+ .step3YourOrder tr:nth-child(odd) {
+ background : #f5f5f5;
+ }
+ .backToListButton {
+ margin-bottom : 40px;
+ }
+ .mp-contentContainer.checkout h1 {
+ font-size : 20px;
+ line-height : normal;
+ margin-bottom : 80px;
+ font-weight : 700;
+ text-transform : none;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout h1 {
+ font-size : 18px;
+ margin-bottom : 40px;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_optionText {
+ padding : 25px 40px;
+ border : #bcbcbc solid 1px;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_optionText {
+ padding : 15px 20px;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_optionText strong {
+ display : block;
+ font-weight : 700;
+ color : #333;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .mp-contentContainer.checkout .checkout_optionText p {
+ margin : 10px 0 0 0;
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption {
+ padding : 25px 40px;
+ background : #f5f5f5;
+ border : #bcbcbc solid 1px;
+ margin-top : 15px;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_paymentOption {
+ padding : 15px 20px;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption {
+ color : #333;
+ margin-bottom : 25px;
+ font-size : 24px;
+ line-height : normal;
+ text-transform : uppercase;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption {
+ font-size : 18px;
+ line-height : normal;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2), .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) {
+ padding : 15px 20px;
+ border : #bcbcbc solid 1px;
+ background : #fff;
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) input, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) input {
+ display : inline-block;
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label {
+ vertical-align : bottom;
+ display : inline-block;
+ margin-left : 10px;
+ font-size : 20px;
+ font-weight : 700;
+ line-height : normal;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label {
+ font-size : 14px;
+ line-height : normal;
+ margin-left : 5px;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) + div, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) + div {
+ margin-top : 10px;
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption input[type="submit"] {
+ display : inline-block;
+ margin-top : 20px;
+ background : #0067b1;
+ border : none;
+ color : #fff;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 18px;
+ line-height : normal;
+ padding : 8px 16px;
+ cursor : pointer;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_paymentOption input[type="submit"] {
+ font-size : 14px;
+ line-height : normal;
+ }
+ }
+ .mp-contentContainer.checkout .step3YourData, .mp-contentContainer.checkout .step3YourOrder {
+ width : 100%;
+ border-spacing : 0;
+ }
+ .mp-contentContainer.checkout .step3YourData caption, .mp-contentContainer.checkout .step3YourOrder caption {
+ text-align : left;
+ font-size : 18px;
+ color : #0067b1;
+ font-weight : 700;
+ padding-bottom : 5px;
+ }
+ .mp-contentContainer.checkout .step3YourData tr td, .mp-contentContainer.checkout .step3YourOrder tr td {
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-top : 1px solid #bcbcbc;
+ border-right : 1px solid #bcbcbc;
+ }
+ .mp-contentContainer.checkout .step3YourData tr td:first-of-type, .mp-contentContainer.checkout .step3YourOrder tr td:first-of-type {
+ width : 35%;
+ font-weight : 700;
+ border-left : 1px solid #bcbcbc;
+ }
+ .mp-contentContainer.checkout .step3YourData tr:last-of-type td, .mp-contentContainer.checkout .step3YourOrder tr:last-of-type td {
+ border-bottom : 1px solid #bcbcbc;
+ }
+ .mp-contentContainer.checkout .step3YourData tr:nth-child(odd), .mp-contentContainer.checkout .step3YourOrder tr:nth-child(odd) {
+ background : #f5f5f5;
+ }
+ .mp-contentContainer.checkout .step3YourOrder {
+ margin-top : 40px;
+ }
+ .mp-contentContainer.checkout .step3CheckoutButton {
+ color : #fff;
+ text-decoration : none;
+ background : #0067b1;
+ font-size : 18px;
+ line-height : normal;
+ padding : 8px 16px;
+ border : none;
+ cursor : pointer;
+ display : inline-block;
+ margin-top : 20px;
+ }
+ .checkout_thankyou {
+ border : #bcbcbc solid 1px;
+ padding : 25px 40px;
+ margin : 40px 0;
+ }
+ .checkout_thankyou strong {
+ display : block;
+ font-weight : 700;
+ color : #333;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .checkout_thankyou p {
+ margin : 10px 0 0 0;
+ }
+ .tx-contentpackage-checkoutFormular div {
+ display : block;
+ }
+ .tx-contentpackage-checkoutFormular div label {
+ width : 25%;
+ text-align : right;
+ padding-right : 1em;
+ float : left;
+ height : 55px;
+ vertical-align : middle;
+ line-height : 55px;
+ }
+ .tx-contentpackage-checkoutFormular div input {
+ text-align : left;
+ width : 50%;
+ float : left;
+ height : 55px;
+ border : #bbb solid 1px;
+ padding : 10px;
+ }
+ .tx-contentpackage-checkoutFormular div + div {
+ margin-top : 5px;
+ }
+ @media screen and (max-width:600px) {
+ .tx-contentpackage-checkoutFormular div label {
+ display : block;
+ width : 100%;
+ float : none;
+ height : auto;
+ text-align : left;
+ }
+ .tx-contentpackage-checkoutFormular div input {
+ float : none;
+ display : block;
+ width : 100%;
+ }
+ }
+ .tx-contentpackage-checkoutFormular input[type="submit"] {
+ background : #0067b1;
+ font-size : 15px;
+ line-height : 22.4px;
+ font-size : 1rem;
+ line-height : 1.4rem;
+ text-transform : uppercase;
+ color : #fff;
+ padding : 15px;
+ margin-top : 30px;
+ border : none;
+ outline : none;
+ font-weight : 700;
+ cursor : pointer;
+ margin-left : 25%;
+ }
+ @media screen and (max-width:600px) {
+ .tx-contentpackage-checkoutFormular input[type="submit"] {
+ margin-left : 0;
+ }
+ }
+ .checkoutSteps {
+ margin-bottom : 40px;
+ text-align : center;
+ }
+ .checkoutSteps .step {
+ display : inline-block;
+ position : relative;
+ background : #ccc;
+ border : #fff solid 4px;
+ border-bottom : none;
+ border-top : none;
+ padding-left : 10px;
+ padding-right : 10px;
+ z-index : 10;
+ color : #fff;
+ font-weight : 700;
+ font-size : 16px;
+ height : 47px;
+ line-height : 46px;
+ }
+ .checkoutSteps .step.active {
+ background : #0067b1;
+ }
+ .checkoutSteps .step.active:after {
+ border-left-color : #0067b1;
+ }
+ .checkoutSteps .step:after, .checkoutSteps .step:before {
+ left : 100%;
+ top : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .checkoutSteps .step:after {
+ border-color : rgba(204, 204, 204, 0);
+ border-left-color : #ccc;
+ border-width : 23px;
+ margin-top : -23px;
+ }
+ .checkoutSteps .step:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-left-color : #fff;
+ border-width : 28px;
+ margin-top : -28px;
+ }
+ .checkoutSteps .step + .step {
+ padding-left : 30px;
+ z-index : 9;
+ margin-left : -4px;
+ }
+ .checkoutSteps .step + .step + .step {
+ z-index : 8;
+ }
+ .checkoutSteps .step + .step + .step + .step {
+ z-index : 7;
+ }
+ .checkoutError {
+ background : #be1622;
+ color : #fff;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ text-align : center;
+ margin-bottom : 40px;
+ display : block;
+ padding : 5px 10px;
+ }
+ .tx-indexedsearch-searchbox {
+ padding-top : 50px;
+ padding-bottom : 50px;
+ }
+ .tx-indexedsearch-searchbox form label {
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ display : block;
+ }
+ .tx-indexedsearch-searchbox form input[type="text"] {
+ height : 25px;
+ border : #c6c6c6 solid 1px;
+ font-size : 12px;
+ min-width : 280px;
+ padding : 0 5px;
+ }
+ .tx-indexedsearch-searchbox form input[type="submit"] {
+ display : block;
+ background : #be1622;
+ color : #fff;
+ border : none;
+ font-size : 15px;
+ padding : 5px 10px;
+ margin-top : 5px;
+ min-width : 280px;
+ }
+ .suchergebnis {
+ padding-bottom : 50px;
+ }
+ .tx-indexedsearch-browsebox {
+ list-style-type : none;
+ margin : 0;
+ padding : 0;
+ }
+ .tx-indexedsearch-browsebox ul {
+ list-style-type : none;
+ margin-top : 15px;
+ margin-bottom : 15px;
+ }
+ .tx-indexedsearch-browsebox li {
+ float : left;
+ }
+ .tx-indexedsearch-browsebox li a {
+ color : #c6c6c6;
+ text-decoration : none;
+ }
+ .tx-indexedsearch-browsebox li + li {
+ margin-left : 10px;
+ }
+ .tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a {
+ color : #be1622;
+ }
+ .tx-indexedsearch-browsebox + .tx-indexedsearch-res {
+ margin-top : 40px;
+ }
+ .tx-indexedsearch-res + .tx-indexedsearch-res {
+ margin-top : 25px;
+ padding-top : 25px;
+ border-top : 1px solid #c6c6c6;
+ }
+ .tx-indexedsearch-res + .tx-indexedsearch-browsebox {
+ margin-top : 40px;
+ }
+ .tx-srfeuserregister-pi1 {
+ margin-bottom : 50px;
+ float : left;
+ width : 70%;
+ }
+ .tx-srfeuserregister-pi1 p {
+ padding : 0;
+ }
+ .tx-srfeuserregister-pi1 p.textOverSendButton {
+ position : relative;
+ margin : 0;
+ padding : 0;
+ clear : both;
+ margin-bottom : -10px;
+ padding-top : 25px;
+ }
+ .tx-srfeuserregister-pi1 p.textOverSendButton + dt {
+ display : none;
+ }
+ .tx-srfeuserregister-pi1 .customRegisterCheckbox {
+ position : relative;
+ padding-left : 30px;
+ margin-top : 10px;
+ }
+ .tx-srfeuserregister-pi1 .customRegisterCheckbox p, .tx-srfeuserregister-pi1 .customRegisterCheckbox a {
+ font-size : 12px;
+ line-height : normal;
+ }
+ .tx-srfeuserregister-pi1 .customRegisterCheckbox a {
+ background : transparent;
+ padding-left : 0;
+ }
+ .tx-srfeuserregister-pi1 .customRegisterCheckbox input {
+ position : absolute;
+ left : 0;
+ top : 1px;
+ }
+ .tx-srfeuserregister-pi1 fieldset {
+ border : none;
+ padding : 0;
+ margin : 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset legend {
+ display : none;
+ }
+ .tx-srfeuserregister-pi1 fieldset h2, .tx-srfeuserregister-pi1 fieldset .ce-table table caption, .ce-table table .tx-srfeuserregister-pi1 fieldset caption {
+ font-size : 18px;
+ line-height : normal;
+ text-align : left;
+ margin : 0 0 5px 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset h2:after, .tx-srfeuserregister-pi1 fieldset .ce-table table caption:after, .ce-table table .tx-srfeuserregister-pi1 fieldset caption:after {
+ margin : 10px 0 0 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset h2 + p, .tx-srfeuserregister-pi1 fieldset .ce-table table caption + p, .ce-table table .tx-srfeuserregister-pi1 fieldset caption + p {
+ margin : 0 0 25px 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file {
+ padding : 30px 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file label {
+ font-size : 15px;
+ line-height : normal;
+ display : block;
+ margin-bottom : 10px;
+ }
+ .tx-srfeuserregister-pi1 fieldset label {
+ height : 55px;
+ vertical-align : middle;
+ }
+ .tx-srfeuserregister-pi1 fieldset dd {
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 fieldset dt {
+ text-align : left;
+ }
+ .tx-srfeuserregister-pi1 fieldset input[type="text"], .tx-srfeuserregister-pi1 fieldset input[type="password"], .tx-srfeuserregister-pi1 fieldset input[type="email"], .tx-srfeuserregister-pi1 fieldset input[type="date"], .tx-srfeuserregister-pi1 fieldset select {
+ width : 325px;
+ width : 100%;
+ height : 55px;
+ border : #bbb solid 1px;
+ padding : 10px;
+ color : #333;
+ font-size : 18px;
+ }
+ .tx-srfeuserregister-pi1 fieldset input[type="submit"] {
+ background : #0067b1;
+ font-size : 15px;
+ line-height : normal;
+ text-transform : uppercase;
+ color : #fff;
+ padding : 15px;
+ margin-top : 30px;
+ border : none;
+ outline : none;
+ font-weight : 700;
+ cursor : pointer;
+ width : 100%;
+ text-align : center;
+ }
+ .tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged {
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged + p {
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms {
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms + input[type="checkbox"] {
+ float : left;
+ margin-top : 15px;
+ }
+ .tx-srfeuserregister-pi1 fieldset input[type="password"] {
+ margin-right : 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div {
+ float : left;
+ width : 48%;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div.passwort input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.passwortagain input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.company input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.jobrole input {
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div + div {
+ margin-left : 3.5%;
+ }
+ .tx-srfeuserregister-pi1 fieldset .jobrole input {
+ margin-top : 7px;
+ }
+ .tx-srfeuserregister-pi1 fieldset .terms input {
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset .terms p {
+ margin : 0;
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset .terms p a {
+ color : #0067b1;
+ font-size : 15px;
+ line-height : normal;
+ text-decoration : none;
+ }
+ .tx-srfeuserregister-pi1 fieldset .terms p a:hover {
+ text-decoration : underline;
+ }
+ @media screen and (max-width:800px) {
+ .tx-srfeuserregister-pi1 {
+ float : none;
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 dt {
+ width : 30%;
+ }
+ .tx-srfeuserregister-pi1 dd {
+ width : 70%;
+ }
+ }
+ @media screen and (max-width:600px) {
+ .tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd {
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 dt {
+ display : block;
+ margin-top : 5px;
+ text-align : left;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div {
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div + div {
+ margin-left : 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset input[type="text"], .tx-srfeuserregister-pi1 fieldset input[type="password"], .tx-srfeuserregister-pi1 fieldset input[type="email"], .tx-srfeuserregister-pi1 fieldset input[type="date"], .tx-srfeuserregister-pi1 fieldset select {
+ width : 100%;
+ }
+ }
+ .editForm .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt {
+ padding-top : 0;
+ }
+ .community-forum-news {
+ padding : 25px 0;
+ background : #ececec;
+ }
+ .community-forum-news > .inner > div {
+ float : left;
+ width : calc((100% - 20px) / 2);
+ }
+ .community-forum-news > .inner > div.news {
+ margin-left : 20px;
+ padding-top : 8px;
+ }
+ @media screen and (max-width:1100px) {
+ .community-forum-news > .inner > div.news .inner.small, .community-forum-news > .inner > div.news .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .community-forum-news > .inner > div.news .tx-felogin-pi1-inner {
+ padding : 0 !important ;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container {
+ padding : 0;
+ margin-top : 42px;
+ padding-top : 44px;
+ padding-left : 84px;
+ }
+ @media screen and (max-width:980px) {
+ .community-forum-news > .inner > div.news .latest-news-container {
+ padding-top : 0;
+ margin-top : 0;
+ padding-left : 0;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container > h2, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption {
+ text-align : left;
+ position : relative;
+ top : -44px;
+ }
+ @media screen and (max-width:768px) {
+ .community-forum-news > .inner > div.news .latest-news-container > h2, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption {
+ top : auto;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container > h2:after, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption:after, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption:after {
+ margin : 10px 0 10px 0;
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-article {
+ position : relative;
+ top : -44px;
+ }
+ @media screen and (max-width:768px) {
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-article {
+ top : auto;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-article .more {
+ position : relative;
+ top : 44px;
+ }
+ @media screen and (max-width:768px) {
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-article .more {
+ top : auto;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews {
+ margin-top : 20px;
+ width : calc((100% - 30px) / 2);
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews .header {
+ margin-top : 10px;
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews .header h3 span {
+ font-size : 15px;
+ font-weight : 600;
+ line-height : normal;
+ }
+ @media screen and (max-width:768px) {
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews {
+ width : 100%;
+ }
+ }
+ .community-forum-news > .inner > div.tx-typo3forum-pi1 > h2, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 > caption {
+ text-align : left;
+ text-transform : none;
+ }
+ .community-forum-news > .inner > div.tx-typo3forum-pi1 > h2:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 > caption:after {
+ margin : 10px 0 10px 0;
+ }
+ .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-forum-latest-post > div {
+ padding : 10px;
+ }
+ @media screen and (max-width:980px) {
+ .community-forum-news > .inner > div {
+ float : none;
+ width : 100%;
+ margin-left : 0 !important ;
+ max-width : none;
+ }
+ }
+ .zweispaltig-unterseiten-layout {
+ max-width : 1030px;
+ width : 100%;
+ margin-left : auto;
+ margin-right : auto;
+ }
+ @media screen and (max-width:1100px) {
+ .zweispaltig-unterseiten-layout {
+ padding : 0 25px;
+ }
+ }
+ .leftSidebar {
+ float : left;
+ width : 23.30%;
+ width : calc(100% - 72%);
+ max-width : 240px;
+ display : block;
+ padding : 50px 0;
+ padding-top : 0;
+ margin-top : 40px;
+ min-height : 1px;
+ }
+ .leftSidebar .leftMenu {
+ float : none;
+ width : 100%;
+ margin-top : 0;
+ }
+ .leftSidebar .inner.small, .leftSidebar .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .leftSidebar .tx-felogin-pi1-inner, .leftSidebar .inner {
+ padding : 0 !important ;
+ }
+ @media screen and (max-width:767px) {
+ .leftSidebar {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ max-width : none;
+ padding-bottom : 0;
+ }
+ .leftSidebar .leftMenu {
+ margin-bottom : 0;
+ padding-bottom : 0;
+ margin-top : 25px;
+ }
+ .leftSidebar .leftMenu .profile-sidebar-content {
+ margin-top : 15px;
+ }
+ }
+ .rightContent {
+ float : left;
+ width : 73.78%;
+ width : calc(100% - 32.85%);
+ display : block;
+ max-width : 740px;
+ padding : 50px 0;
+ margin-left : 4.85%;
+ padding-top : 0;
+ min-height : 1px;
+ margin-top : 40px;
+ }
+ .rightContent .tx-srfeuserregister-pi1 {
+ float : none;
+ width : 100%;
+ display : block;
+ margin-bottom : 40px;
+ }
+ .rightContent .tx-srfeuserregister-pi1 input {
+ padding : 10px 15px;
+ }
+ .rightContent .inner.small, .rightContent .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .rightContent .tx-felogin-pi1-inner, .rightContent .inner {
+ padding : 0 !important ;
+ }
+ @media screen and (max-width:767px) {
+ .rightContent {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ max-width : none;
+ margin-top : 25px;
+ }
+ }
+ header.header {
+ padding : 0 0 25px 0;
+ max-height : 133px;
+ border-bottom : 5px solid #fc0;
+ position : fixed;
+ top : 0;
+ z-index : 9999;
+ left : 0;
+ right : 0;
+ background : #fff;
+ }
+ header.header.compexHeader {
+ height : 100px;
+ padding-top : 25px;
+ }
+ header.header.compexHeader .topMeta {
+ display : none;
+ }
+ header.header.compexHeader + * {
+ margin-top : 100px;
+ display : block;
+ }
+ @media screen and (max-width:480px) {
+ header.header.compexHeader {
+ height : 72px;
+ padding-top : 15px;
+ padding-bottom : 15px;
+ }
+ header.header.compexHeader + * {
+ margin-top : 72px;
+ }
+ }
+ header.header + * {
+ margin-top : 133px;
+ display : block;
+ }
+ @media screen and (max-width:860px) {
+ header.header {
+ height : 155px;
+ max-height : 155px;
+ }
+ header.header + * {
+ margin-top : 155px;
+ }
+ }
+ @media screen and (max-width:480px) {
+ header.header {
+ height : 200px;
+ max-height : 200px;
+ }
+ header.header + * {
+ margin-top : 200px;
+ }
+ }
+ @media screen and (max-width:460px) {
+ header.header {
+ max-height : 120px;
+ height : 120px;
+ }
+ header.header + * {
+ margin-top : 120px;
+ }
+ }
+ header.header .topMeta {
+ width : 100%;
+ background : #f5f5f5;
+ margin-bottom : 20px;
+ height : 30px;
+ line-height : 30px;
+ }
+ @media screen and (max-width:860px) {
+ header.header .topMeta {
+ height : auto;
+ }
+ }
+ header.header .topMeta .left {
+ float : left;
+ color : #333;
+ font-size : 12px;
+ font-weight : 600;
+ line-height : 30px;
+ }
+ @media screen and (max-width:860px) {
+ header.header .topMeta .left {
+ float : none;
+ width : 100%;
+ text-align : center;
+ }
+ }
+ @media screen and (max-width:460px) {
+ header.header .topMeta .left {
+ display : none;
+ }
+ }
+ header.header .topMeta .right {
+ float : right;
+ }
+ header.header .topMeta .right form {
+ position : relative;
+ float : left;
+ margin-right : 5px;
+ }
+ header.header .topMeta .right form input[type="text"] {
+ border : 0;
+ background : #fff;
+ padding : 0 5px;
+ height : 24px;
+ position : relative;
+ padding-right : 25px;
+ font-size : 12px;
+ line-height : 24px;
+ top : -2px;
+ margin-right : 35px;
+ margin-bottom : 0;
+ }
+ header.header .topMeta .right form button {
+ position : absolute;
+ right : 5px;
+ top : 1px;
+ background : transparent;
+ border : none;
+ font-size : 18px;
+ color : #333;
+ }
+ header.header .topMeta .right form button:before {
+ content : "\f002";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ @media screen and (max-width:460px) {
+ header.header .topMeta .right form {
+ display : none;
+ }
+ }
+ @media screen and (max-width:860px) {
+ header.header .topMeta .right {
+ float : none;
+ width : 100%;
+ text-align : center;
+ text-align : right;
+ }
+ }
+ header.header .topMeta a {
+ text-decoration : none;
+ text-transform : uppercase;
+ color : #333;
+ font-size : 12px;
+ line-height : normal;
+ font-weight : 600;
+ padding : 0 10px;
+ border-left : 1px solid #333;
+ }
+ header.header .topMeta a i {
+ margin-right : 3px;
+ }
+ header.header .topMeta a:hover {
+ text-decoration : underline;
+ }
+ header.header .topMeta a:last-of-type {
+ border-right : 1px solid #333;
+ }
+ @media screen and (max-width:860px) {
+ header.header .topMeta a {
+ border-left : none;
+ }
+ header.header .topMeta a:last-of-type {
+ border-right : none;
+ border-left : 1px solid #333;
+ padding-left : 14px;
+ }
+ }
+ @media screen and (max-width:480px) and (min-width:461px) {
+ header.header .topMeta a {
+ display : block;
+ float : none;
+ margin-left : auto;
+ margin-right : auto;
+ width : 100%;
+ clear : both;
+ padding-top : 10px;
+ }
+ header.header .topMeta a:last-of-type {
+ border-left : none;
+ }
+ }
+ header.header .logo {
+ float : left;
+ display : block;
+ max-width : 215px;
+ }
+ @media screen and (max-width:480px) {
+ header.header .logo {
+ max-width : 180px;
+ }
+ }
+ header.header .logo img {
+ max-height : 50px;
+ }
+ header.header nav {
+ float : right;
+ }
+ @media screen and (min-width:1121px) {
+ header.header nav > ul > li {
+ float : left;
+ padding : 14px 0;
+ position : relative;
+ }
+ header.header nav > ul > li > a {
+ color : #333;
+ text-decoration : none;
+ font-weight : 700;
+ text-transform : uppercase;
+ font-family : "Open Sans", sans-serif;
+ }
+ header.header nav > ul > li > a i {
+ display : none;
+ }
+ header.header nav > ul > li + li {
+ margin-left : 25px;
+ }
+ header.header nav > ul > li:last-of-type {
+ margin-left : 40px;
+ background : #be1622;
+ padding : 14px 19px;
+ }
+ header.header nav > ul > li:last-of-type a {
+ color : #fff;
+ }
+ header.header nav > ul > li:last-of-type:hover:before, header.header nav > ul > li:last-of-type.active:before {
+ display : none !important ;
+ }
+ header.header nav > ul > li ul {
+ display : none;
+ position : absolute;
+ width : 170px;
+ top : 75px;
+ background : #fff;
+ z-index : 99999;
+ box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.35);
+ }
+ header.header nav > ul > li ul li {
+ display : block;
+ }
+ header.header nav > ul > li ul li a {
+ font-size : 12px;
+ font-weight : 700;
+ color : #333;
+ text-decoration : none;
+ line-height : 14px;
+ padding : 14px 10px;
+ display : block;
+ text-transform : uppercase;
+ }
+ header.header nav > ul > li ul li:hover, header.header nav > ul > li ul li.active {
+ background : #be1622;
+ }
+ header.header nav > ul > li ul li:hover a, header.header nav > ul > li ul li.active a {
+ color : #fff;
+ }
+ header.header nav > ul > li ul li + li {
+ border-top : 1px solid #b7b7b7;
+ }
+ header.header nav > ul > li:hover:after {
+ content : "";
+ position : absolute;
+ left : 0;
+ right : 0;
+ bottom : -28px;
+ width : 100%;
+ height : 45px;
+ cursor : pointer;
+ }
+ header.header nav > ul > li:hover ul {
+ display : block;
+ }
+ header.header nav > ul > li:hover:before, header.header nav > ul > li.active:before {
+ content : "";
+ position : absolute;
+ border-bottom : 2px solid #bf1e2e;
+ height : 2px;
+ width : 100%;
+ top : 38px;
+ }
+ }
+ @media screen and (max-width:1120px) {
+ header.header nav {
+ position : relative;
+ }
+ header.header nav > ul {
+ position : absolute;
+ width : 250px;
+ right : 0;
+ box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.5);
+ z-index : 999999;
+ display : none;
+ }
+ header.header nav > ul li {
+ float : none;
+ display : block;
+ padding : 0;
+ width : 100%;
+ background : #fff;
+ }
+ header.header nav > ul li.active {
+ background : #be1622;
+ }
+ header.header nav > ul li.active > a {
+ color : #fff;
+ }
+ header.header nav > ul li a {
+ display : block;
+ width : 100%;
+ padding : 14px 60px 14px 10px;
+ color : #333;
+ text-decoration : none;
+ font-weight : 700;
+ position : relative;
+ text-transform : uppercase;
+ font-family : "Open Sans", sans-serif;
+ }
+ header.header nav > ul li a:hover {
+ color : #fff;
+ background : #be1622;
+ }
+ header.header nav > ul li a i {
+ display : inline-block;
+ position : absolute;
+ right : 0;
+ top : 38%;
+ margin-top : -18px;
+ padding : 16px;
+ }
+ header.header nav > ul li a i.fa-chevron-up {
+ display : none;
+ }
+ header.header nav > ul li.open a i.fa-chevron-up {
+ display : inline-block;
+ }
+ header.header nav > ul li.open a i.fa-chevron-down {
+ display : none;
+ }
+ header.header nav > ul li + li {
+ margin-left : 0;
+ border-top : 1px solid #b7b7b7;
+ }
+ header.header nav > ul li > ul {
+ display : none;
+ }
+ header.header nav > ul li > ul li {
+ background : #f9f9f9;
+ border-top : 1px solid #b7b7b7;
+ }
+ header.header nav > ul li > ul li a {
+ font-size : 13px;
+ line-height : normal;
+ padding : 10px 10px 10px 30px;
+ }
+ header.header nav > ul li > ul li.active a {
+ color : #fff;
+ background : #be1622;
+ }
+ header.header nav > ul li.open > ul {
+ display : block;
+ }
+ header.header nav > ul > li:last-of-type {
+ border-top : none;
+ }
+ header.header nav > ul > li:last-of-type a {
+ color : #fff;
+ background : #be1622;
+ }
+ header.header nav.active > ul {
+ display : block;
+ height : 450px;
+ overflow : scroll;
+ }
+ }
+ header.header .mobile-button {
+ display : none;
+ padding : 10px 0;
+ cursor : pointer;
+ }
+ header.header .mobile-button i {
+ font-size : 40px;
+ }
+ @media screen and (max-width:640px) {
+ header.header .mobile-button {
+ padding : 5px 0 0 0;
+ }
+ }
+ @media screen and (max-width:1120px) {
+ header.header .mobile-button {
+ display : block;
+ }
+ }
+ body.compexCommerce header.header.compexHeader .topMeta {
+ height : 0;
+ }
+ body.compexCommerce header.header.compexHeader .topMeta .right {
+ display : none;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type {
+ margin-left : 25px;
+ background : transparent;
+ padding : 11px 0;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:after {
+ content : "\f107";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ position : relative;
+ z-index : 9600;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:hover:after {
+ left : auto;
+ right : auto;
+ bottom : auto;
+ position : relative;
+ width : auto;
+ height : auto;
+ }
+ @media screen and (max-width:1120px) {
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch {
+ padding : 0;
+ margin : 0;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:after {
+ display : none;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch ul {
+ width : 100%;
+ padding : 0 10px 15px 10px;
+ background : #be1622;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch ul li {
+ background : #be1622;
+ border-top : none;
+ }
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type > a {
+ color : #333;
+ position : relative;
+ z-index : 9600;
+ font-size : 13px;
+ line-height : normal;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type img {
+ vertical-align : middle;
+ position : relative;
+ z-index : 9600;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type:hover:before, body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.active:before {
+ display : none !important ;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type li a {
+ color : #333;
+ font-weight : 700;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type li a:hover {
+ color : #fff;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul {
+ width : 80px;
+ padding-left : 10px;
+ top : 0;
+ padding-top : 47px;
+ left : -10px;
+ z-index : 9500;
+ padding-bottom : 10px;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li img {
+ vertical-align : middle;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li a {
+ font-weight : 700;
+ padding : 0;
+ display : inline;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li:hover {
+ background : transparent;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li:hover a {
+ color : #333;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li + li {
+ border-top : none;
+ padding-top : 10px;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search:hover:before {
+ display : none !important ;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search .compexCommerce-openSearch i {
+ display : block;
+ font-size : 18px;
+ color : #333;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form {
+ position : absolute;
+ top : 38px;
+ right : 0;
+ display : none;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form.active {
+ display : block;
+ animation : display-none-transition 1s both;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form div {
+ position : relative;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form input[type="text"] {
+ height : 30px;
+ padding : 0 25px 0 5px;
+ width : 180px;
+ border : #be1622 solid 1px;
+ outline : none;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form button {
+ border : none;
+ background : transparent;
+ position : absolute;
+ right : 5px;
+ top : 5px;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form button i {
+ font-size : 15px;
+ color : #be1622;
+ }
+ @keyframes display-none-transition {
+ 0% {
+ opacity : 0;
+ }
+ 100% {
+ opacity : 1;
+ }
+ }
+ @media screen and (max-width:1360px) {
+ header.header .topMeta, header.header .topMeta + div {
+ padding : 0 20px;
+ }
+ }
+ @media screen and (max-width:1300px) and (min-width:1121px) {
+ header.header nav > ul > li > a {
+ font-size : 13px;
+ line-height : normal;
+ }
+ header.header nav > ul > li:last-of-type {
+ margin-left : 20px;
+ }
+ header.header nav > ul > li + li {
+ margin-left : 18px;
+ }
+ }
+ footer.footer {
+ background : #333;
+ padding : 50px 0 15px 0;
+ }
+ footer.footer div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner {
+ margin-bottom : 80px;
+ }
+ footer.footer div.inner.small:nth-of-type(2), footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2), .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) {
+ margin-bottom : 0;
+ }
+ footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element {
+ margin-bottom : 0;
+ max-width : none;
+ width : auto;
+ float : left;
+ }
+ footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small, footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner {
+ padding-left : 0;
+ padding-right : 0;
+ }
+ @media screen and (max-width:860px) {
+ footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element {
+ float : none;
+ }
+ }
+ footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ float : left;
+ width : calc(100% / 6);
+ }
+ footer.footer div.inner.small ul > a, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul > a, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul > a {
+ color : #fff;
+ font-size : 13px;
+ line-height : normal;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ footer.footer div.inner.small ul > a:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul > a:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul > a:after {
+ content : "";
+ display : block;
+ width : 75px;
+ height : 1px;
+ background : #fc0;
+ margin : 10px 0 10px 0;
+ }
+ footer.footer div.inner.small ul li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li {
+ display : block;
+ }
+ footer.footer div.inner.small ul li a, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li a, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li a {
+ display : block;
+ color : #cecece;
+ text-decoration : none;
+ font-size : 12px;
+ line-height : normal;
+ font-weight : 400;
+ }
+ footer.footer div.inner.small ul li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li + li {
+ margin-top : 5px;
+ }
+ footer.footer div.inner.small ul.imprintList, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList {
+ width : auto;
+ float : right;
+ margin-top : -4px;
+ }
+ footer.footer div.inner.small ul.imprintList li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li {
+ display : inline-block;
+ }
+ footer.footer div.inner.small ul.imprintList li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li + li {
+ margin-left : 10px;
+ }
+ footer.footer div.inner.small ul.imprintList li:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li:after {
+ display : none;
+ }
+ @media screen and (max-width:860px) {
+ footer.footer div.inner.small ul.imprintList, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList {
+ float : none !important ;
+ margin : 10px 0 0 0;
+ width : auto !important ;
+ }
+ }
+ footer.footer div.inner.small p, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p {
+ font-size : 12px;
+ line-height : normal;
+ color : #fff;
+ margin : 0;
+ }
+ @media screen and (max-width:860px) {
+ footer.footer div.inner.small p, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p {
+ float : none;
+ }
+ }
+ footer.footer div.inner.small + div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner + div.inner.small, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner + div.inner.small, footer.footer .tx-felogin-pi1 div.inner.small + div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.inner.small + div.tx-felogin-pi1-inner, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner + div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner + div.tx-felogin-pi1-inner {
+ margin-bottom : 0;
+ }
+ @media screen and (max-width:800px) {
+ footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul {
+ width : calc(100% / 3);
+ }
+ footer.footer div.inner.small ul:nth-of-type(n 4), footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul:nth-of-type(n 4), .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul:nth-of-type(n 4) {
+ margin-top : 20px;
+ }
+ }
+ @media screen and (max-width:720px) {
+ footer.footer div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner {
+ margin-bottom : 50px;
+ }
+ footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul {
+ float : none;
+ width : 100%;
+ }
+ footer.footer div.inner.small ul li:first-of-type, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li:first-of-type, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li:first-of-type {
+ display : block;
+ }
+ footer.footer div.inner.small ul li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li + li {
+ margin-right : 10px;
+ display : inline-block;
+ }
+ footer.footer div.inner.small ul + ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul + ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul + ul {
+ margin-top : 20px;
+ }
+ }
+ .breadcrumbContainer {
+ padding-top : 11px;
+ padding-bottom : 11px;
+ }
+ @media screen and (max-width:1100px) {
+ .breadcrumbContainer {
+ padding-top : 11px !important ;
+ padding-bottom : 11px !important ;
+ }
+ }
+ .breadcrumbContainer ul li {
+ color : #333;
+ display : inline-block;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .breadcrumbContainer ul li a {
+ color : #999999;
+ text-decoration : none;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .breadcrumbContainer ul li:before {
+ content : "\f015";
+ color : #fc0;
+ display : inline-block;
+ margin-right : 5px;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ .breadcrumbContainer ul li + li {
+ margin-left : 5px;
+ }
+ .breadcrumbContainer ul li + li:before {
+ content : "\f054";
+ }
+ .breadcrumbContainer ul li:last-of-type a {
+ color : #333;
+ }
+ .mfp-image-holder .mfp-content {
+ margin-top : 50px;
+ padding : 0 25px;
+ }
+ .mfp-image-holder .mfp-content figure {
+ background : #fff;
+ }
+ img.mfp-img {
+ max-height : 100% !important ;
+ }
+ .ce-video {
+ padding : 30px 0;
+ }
+ .ce-video .left {
+ float : left;
+ max-width : 500px;
+ margin-right : 30px;
+ }
+ .ce-video .left video {
+ max-width : 100%;
+ height : auto;
+ }
+ .ce-video .right {
+ float : left;
+ max-width : 500px;
+ }
+ .ce-video .right h1, .ce-video .right h2, .ce-video .right .ce-table table caption, .ce-table table .ce-video .right caption, .ce-video .right h3 {
+ margin-top : 0;
+ }
+ .ce-video .right h2, .ce-video .right .ce-table table caption, .ce-table table .ce-video .right caption {
+ text-align : left;
+ }
+ .ce-video .right h2:after, .ce-video .right .ce-table table caption:after, .ce-table table .ce-video .right caption:after {
+ margin : 10px 0 0 0;
+ }
+ .ce-forum-latest-post {
+ margin-top : 40px;
+ max-width : 83%;
+ }
+ @media screen and (max-width:980px) {
+ .ce-forum-latest-post {
+ max-width : none;
+ }
+ }
+ .ce-forum-latest-post + .ce-forum-latest-post {
+ margin-top : 0;
+ }
+ .ce-forum-latest-post:last-of-type {
+ margin-bottom : 40px;
+ border-bottom : 1px solid #bbb;
+ }
+ .ce-forum-latest-post h2, .ce-forum-latest-post .ce-table table caption, .ce-table table .ce-forum-latest-post caption {
+ text-align : left;
+ }
+ .ce-forum-latest-post h2:after, .ce-forum-latest-post .ce-table table caption:after, .ce-table table .ce-forum-latest-post caption:after {
+ margin : 10px 0 10px 0;
+ }
+ .ce-forum-latest-post > div {
+ display : block;
+ width : 100%;
+ padding : 12px;
+ background : #fff;
+ border-right : 1px solid #bbbbbb;
+ border-left : 1px solid #bbbbbb;
+ border-top : 1px solid #bbbbbb;
+ }
+ .ce-forum-latest-post > div img {
+ float : left;
+ max-width : 70px;
+ margin-right : 15px;
+ }
+ .ce-forum-latest-post > div div h3 {
+ font-size : 18px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ margin : 0 0 0 0;
+ }
+ .ce-forum-latest-post > div div h3 a {
+ color : #333;
+ }
+ .ce-forum-latest-post > div div p {
+ font-weight : 400;
+ float : left;
+ }
+ .ce-forum-latest-post > div div p + p {
+ margin-left : 10px;
+ }
+ .tx-typo3forum-post-latest-box h2, .tx-typo3forum-post-latest-box .ce-table table caption, .ce-table table .tx-typo3forum-post-latest-box caption {
+ text-align : left;
+ }
+ .tx-typo3forum-post-latest-box h2:after, .tx-typo3forum-post-latest-box .ce-table table caption:after, .ce-table table .tx-typo3forum-post-latest-box caption:after {
+ margin : 10px 0 10px 0;
+ }
+ .leftMenu {
+ float : left;
+ width : 24.27%;
+ margin-top : 30px;
+ }
+ @media screen and (max-width:767px) {
+ .leftMenu {
+ float : none;
+ width : 100%;
+ margin-bottom : 40px;
+ padding-bottom : 40px;
+ border-bottom : 1px solid #bbbbbb;
+ }
+ .leftMenu .profile-sidebar-content {
+ display : none;
+ }
+ .leftMenu .profile-sidebar-content.active {
+ display : block;
+ }
+ }
+ .leftMenu h3 {
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ text-transform : uppercase;
+ border-bottom : 2px solid #fc0;
+ margin-bottom : 15px;
+ }
+ .leftMenu ul {
+ margin : 0;
+ padding : 0;
+ list-style-type : none;
+ }
+ .leftMenu ul li {
+ display : block;
+ }
+ .leftMenu ul li a {
+ font-size : 15px;
+ line-height : normal;
+ color : #333;
+ text-decoration : none;
+ font-weight : 400;
+ text-transform : uppercase;
+ }
+ .leftMenu ul li.active a, .leftMenu ul li:hover a {
+ font-weight : 700;
+ color : #333;
+ }
+ .leftMenu ul li + li {
+ margin-top : 15px;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1, .leftMenu + * {
+ width : 74.75%;
+ float : left;
+ margin-left : 0.97%;
+ padding : 30px 10px 0 10px;
+ }
+ @media screen and (max-width:767px) {
+ .leftMenu + .tx-srfeuserregister-pi1, .leftMenu + * {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ padding : 0;
+ }
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice, .leftMenu + * .tx-srfeuserregister-pi1-notice {
+ margin : 0;
+ font-style : normal;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash, .leftMenu + * .tx-srfeuserregister-pi1-trash {
+ margin : 0 0 10px 0;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash a, .leftMenu + * .tx-srfeuserregister-pi1-trash a {
+ background : transparent;
+ padding-left : 0;
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 400;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt {
+ float : left;
+ width : 32.46%;
+ text-align : left;
+ padding : 17px 10px 16px 10px;
+ }
+ @media screen and (max-width:600px) {
+ .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt {
+ float : none;
+ width : 100%;
+ padding : 0 10px 0 0;
+ }
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dt label, .leftMenu + * dt label {
+ font-size : 15px;
+ line-height : normal;
+ color : #333;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dd, .leftMenu + * dd {
+ float : left;
+ width : 66.23%;
+ margin-left : 1.29%;
+ }
+ @media screen and (max-width:600px) {
+ .leftMenu + .tx-srfeuserregister-pi1 dd, .leftMenu + * dd {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ margin-top : 0;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dd input[type="text"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="password"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="email"], .leftMenu + * dd input[type="text"], .leftMenu + * dd input[type="password"], .leftMenu + * dd input[type="email"] {
+ margin-top : 0;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dd input[type="submit"], .leftMenu + * dd input[type="submit"] {
+ margin-top : 0;
+ }
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dd input[type="text"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="password"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="email"], .leftMenu + * dd input[type="text"], .leftMenu + * dd input[type="password"], .leftMenu + * dd input[type="email"] {
+ width : 100%;
+ height : 55px;
+ vertical-align : middle;
+ line-height : 55px;
+ padding : 0 10px;
+ font-size : 15px;
+ color : #333;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 input[type="submit"], .leftMenu + * input[type="submit"] {
+ float : right;
+ margin-bottom : 40px;
+ }
+ .leftMenu .profile-sidebar {
+ display : none;
+ margin-top : 15px;
+ }
+ .leftMenu .profile-sidebar button {
+ border : none;
+ width : 100%;
+ display : block;
+ }
+ @media screen and (max-width:767px) {
+ .leftMenu .profile-sidebar {
+ display : block;
+ }
+ }
+ .formular-sidebar {
+ float : left;
+ width : 25%;
+ margin-left : 5%;
+ padding-top : 50px;
+ padding-bottom : 50px;
+ }
+ .formular-sidebar .formular-sidebar-content {
+ width : 100%;
+ }
+ .formular-sidebar .formular-sidebar-content + .formular-sidebar-content {
+ margin-top : 40px;
+ }
+ .formular-sidebar h2, .formular-sidebar .ce-table table caption, .ce-table table .formular-sidebar caption {
+ font-size : 18px;
+ line-height : normal;
+ text-align : left;
+ margin : 0 0 5px 0;
+ }
+ .formular-sidebar h2:after, .formular-sidebar .ce-table table caption:after, .ce-table table .formular-sidebar caption:after {
+ margin : 10px 0 0 0;
+ }
+ .formular-sidebar img {
+ margin-top : 20px;
+ }
+ .formular-sidebar p {
+ font-size : 13px;
+ line-height : normal;
+ }
+ .formular-sidebar .fontAwesome-list {
+ margin-bottom : 20px;
+ }
+ .formular-sidebar .fontAwesome-list ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .formular-sidebar .fontAwesome-list ul li {
+ display : block;
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ font-weight : 700;
+ }
+ .formular-sidebar .fontAwesome-list ul li i {
+ display : table-cell;
+ font-size : 22px;
+ margin-right : 10px;
+ border-radius : 50px;
+ border : #333 solid 2px;
+ padding : 10px;
+ vertical-align : sub;
+ float : left;
+ height : 46px;
+ width : 46px;
+ }
+ .formular-sidebar .fontAwesome-list ul li span {
+ margin : 0;
+ display : table-cell;
+ vertical-align : middle;
+ padding-left : 10px;
+ height : 46px;
+ }
+ @media screen and (max-width:440px) {
+ .formular-sidebar .fontAwesome-list ul li span {
+ width : 80%;
+ }
+ }
+ @media screen and (max-width:360px) {
+ .formular-sidebar .fontAwesome-list ul li span {
+ width : 70%;
+ }
+ }
+ .formular-sidebar .fontAwesome-list ul li + li {
+ padding-top : 10px;
+ clear : both;
+ }
+ @media screen and (max-width:800px) {
+ .formular-sidebar {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ padding : 0 0 50px 0;
+ }
+ }
+ .ui-icon {
+ display : none !important ;
+ }
+ .compexCommerce .news-list-view .header {
+ max-width : none;
+ }
+ .cc_container .cc_btn {
+ padding : 8px 10px !important ;
+ }
+ body.compexCommerce main > *:first-child {
+ margin-top : 40px;
+ }
+ body.compexCommerce main > .sliderContainer {
+ margin-top : 0 !important ;
+ }
+ body.compexCommerce main > .unterseiten-banner:first-child {
+ margin-top : 0;
+ }
+
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/eq.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/eq.png
new file mode 100644
index 0000000..4156e65
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/eq.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/fireemployee.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/fireemployee.png
new file mode 100644
index 0000000..e5593f5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/fireemployee.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/ge.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/ge.png
new file mode 100644
index 0000000..f4b0199
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/ge.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/grad-dark-bottom.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/grad-dark-bottom.png
deleted file mode 100644
index 3d86693..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/grad-dark-bottom.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/grad-dark-bottom2.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/grad-dark-bottom2.png
deleted file mode 100644
index 1bf7a55..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/grad-dark-bottom2.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/grad-dark-top2.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/grad-dark-top2.png
deleted file mode 100644
index 8509f46..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/grad-dark-top2.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/grad-light-left.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/grad-light-left.png
deleted file mode 100644
index a6965e4..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/grad-light-left.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/grad-light-top.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/grad-light-top.png
deleted file mode 100644
index d9479f1..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/grad-light-top.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/grad-light-top2.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/grad-light-top2.png
deleted file mode 100644
index 51ec5e6..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/grad-light-top2.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/gt.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/gt.png
new file mode 100644
index 0000000..ca13ccb
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/gt.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/le.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/le.png
new file mode 100644
index 0000000..33ea0af
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/le.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/license.txt b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/license.txt
index b106eb1..d1e91c0 100644
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/license.txt
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/license.txt
@@ -88,6 +88,9 @@
+
+
+
(C) 2014 Loetz GmbH&Co.KG,
License: EPL 1.0:
------------------------------------
@@ -228,3 +231,12 @@
welcome.png
xmi.png
xml.png
+
+
+
+
+Other icons:
+------------------------------------
+pdf-export.png from https://www.iconfinder.com/icons/37271/export_pdf_icon#size=24 under https://creativecommons.org/licenses/by-sa/3.0/
+
+
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/like.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/like.png
new file mode 100644
index 0000000..54616ea
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/like.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/loosingdata.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/loosingdata.png
new file mode 100644
index 0000000..fe3cb7d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/loosingdata.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/lt.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/lt.png
new file mode 100644
index 0000000..a2ae64b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/lt.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/ne.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/ne.png
new file mode 100644
index 0000000..07a7db3
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/ne.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/osbee.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/osbee.png
new file mode 100644
index 0000000..e12f341
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/osbee.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/payment_signing.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/payment_signing.png
new file mode 100644
index 0000000..645d8a4
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/payment_signing.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/pdf-export.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/pdf-export.png
new file mode 100644
index 0000000..55653c5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/pdf-export.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/reload.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/reload.png
new file mode 100644
index 0000000..442df37
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/reload.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/warning.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/warning.png
new file mode 100644
index 0000000..414fedb
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/warning.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/architecture.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/architecture.png
new file mode 100644
index 0000000..0da1723
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/architecture.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/bugatti.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/bugatti.png
new file mode 100644
index 0000000..4f28c9e
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/bugatti.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/innovation.jpg b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/innovation.jpg
new file mode 100644
index 0000000..a6ba27b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/innovation.jpg
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/lamborghini.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/lamborghini.png
new file mode 100644
index 0000000..2382b26
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/lamborghini.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/license.txt b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/license.txt
index c7751b7..db93c45 100644
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/license.txt
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/license.txt
@@ -1,53 +1,49 @@
Pictures from StockSnap/pixabay:
--------------------------------
+------------------------
- 2M1AXEU9Q2.jpg
- grid-684983_1920.jpg
- binary-797263_1920
- binary-797274_1920.jpg
- bkgnd1.jpg
- cpu-564789_1920.jpg
- grid-871475_1920.jpg
- padlock.png
- personal-95715_1920.jpg
- rain-455120_640.jpg
- statistics-706383_1920.jpg
- Top_view.jpg
- U68NITW3EI.jpg
- U68NITW3EI_s.jpg
+2M1AXEU9Q2.jpg
+app-loading.jpg / grid-684983_1920.jpg
+binary-797263_1920
+binary-797274_1920.jpg
+bkgnd1.jpg
+cpu-564789_1920.jpg
+grid-871475_1920.jpg
+padlock.png
+personal-95715_1920.jpg
+rain-455120_640.jpg
+statistics-706383_1920.jpg
+Top_view.jpg
+U68NITW3EI.jpg
+U68NITW3EI_s.jpg
- CC0 License https://stocksnap.io/license
- -----------
- All photos on StockSnap fall under the Creative Commons CC0 license.
- That means you can copy, modify, distribute any photo on the site, even for commercial purposes, all without asking permission!
+CC0 License https://stocksnap.io/license
+-----------
+All photos on StockSnap fall under the Creative Commons CC0 license.
+That means you can copy, modify, distribute any photo on the site, even for commercial purposes, all without asking permission!
- Pixabay:
- --------
- https://pixabay.com/de/service/terms/#usage
+Pixabay:
+--------
+https://pixabay.com/de/service/terms/#usage
- https://creativecommons.org/publicdomain/zero/1.0/legalcode
-
-
-
-Created / Manipulated by Eclipse OSBP project
----------------------------------------------
-
- app-loading.jpg - derived from grid-684983_1920.jpg
+https://creativecommons.org/publicdomain/zero/1.0/deed.de
- created with http://www.ajaxload.info/
- license: http://www.wtfpl.net/about/
- load_bar_1.gif
- load_bar_2.gif
- load_spinner_1.gif
- load_spinner_2.gif
- load_spinner_3.gif
+
+created with http://www.ajaxload.info/
+license: http://www.wtfpl.net/about/
+
+load_bar_1.gif
+load_bar_2.gif
+load_spinner_1.gif
+load_spinner_2.gif
+load_spinner_3.gif
+
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/logo_osbee.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/logo_osbee.png
new file mode 100644
index 0000000..8f53f5c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/logo_osbee.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/paper-clip-98520_960_36.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/paper-clip-98520_960_36.png
new file mode 100644
index 0000000..b7171a5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/paper-clip-98520_960_36.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/paper-clip-98520_960_72.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/paper-clip-98520_960_72.png
new file mode 100644
index 0000000..556c371
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/paper-clip-98520_960_72.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/paper-clip-98520_960_720.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/paper-clip-98520_960_720.png
new file mode 100644
index 0000000..ffd578a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/paper-clip-98520_960_720.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/userExperience.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/userExperience.png
new file mode 100644
index 0000000..c2b782a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/image/userExperience.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/styles.css b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/styles.css
index a4cd7e8..d8c0af9 100644
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/styles.css
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/styles.css
@@ -15,8 +15,6 @@
* *
******************************************************************/
-/***************/
-
/**
* Checks if a list contains a certain value.
*
@@ -2282,8 +2280,8 @@
@font-face {
font-family: "FontAwesome";
- src: url(fonts/FontAwesome.eot);
- src: url(fonts/FontAwesome.eot?#iefix) format("embedded-opentype"), url(fonts/FontAwesome.woff) format("woff"), url(fonts/FontAwesome.ttf) format("truetype"), url(fonts/FontAwesome.svg#icomoon) format("svg");
+ src: url(fonts/fontawesome-webfont.eot);
+ src: url(fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/fontawesome-webfont.woff) format("woff"), url(fonts/fontawesome-webfont.ttf) format("truetype"), url(fonts/fontawesome-webfont.svg#icomoon) format("svg");
}
[class^="fa-"], [class*=" fa-"] {
@@ -2295,6 +2293,7 @@
text-transform: none;
line-height: 1;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@@ -2308,2783 +2307,2784 @@
text-transform: none;
line-height: 1;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
-.fa-glass:before {
+.fa-glass .v-button-caption:before {
content: "\f000";
}
-.fa-music:before {
+.fa-music .v-button-caption:before {
content: "\f001";
}
-.fa-search:before {
+.fa-search .v-button-caption:before {
content: "\f002";
}
-.fa-envelope-o:before {
+.fa-envelope-o .v-button-caption:before {
content: "\f003";
}
-.fa-heart:before {
+.fa-heart .v-button-caption:before {
content: "\f004";
}
-.fa-star:before {
+.fa-star .v-button-caption:before {
content: "\f005";
}
-.fa-star-o:before {
+.fa-star-o .v-button-caption:before {
content: "\f006";
}
-.fa-user:before {
+.fa-user .v-button-caption:before {
content: "\f007";
}
-.fa-film:before {
+.fa-film .v-button-caption:before {
content: "\f008";
}
-.fa-th-large:before {
+.fa-th-large .v-button-caption:before {
content: "\f009";
}
-.fa-th:before {
+.fa-th .v-button-caption:before {
content: "\f00a";
}
-.fa-th-list:before {
+.fa-th-list .v-button-caption:before {
content: "\f00b";
}
-.fa-check:before {
+.fa-check .v-button-caption:before {
content: "\f00c";
}
-.fa-close:before {
+.fa-close .v-button-caption:before {
content: "\f00d";
}
-.fa-remove:before {
+.fa-remove .v-button-caption:before {
content: "\f00d";
}
-.fa-times:before {
+.fa-times .v-button-caption:before {
content: "\f00d";
}
-.fa-search-plus:before {
+.fa-search-plus .v-button-caption:before {
content: "\f00e";
}
-.fa-search-minus:before {
+.fa-search-minus .v-button-caption:before {
content: "\f010";
}
-.fa-power-off:before {
+.fa-power-off .v-button-caption:before {
content: "\f011";
}
-.fa-signal:before {
+.fa-signal .v-button-caption:before {
content: "\f012";
}
-.fa-cog:before {
+.fa-cog .v-button-caption:before {
content: "\f013";
}
-.fa-gear:before {
+.fa-gear .v-button-caption:before {
content: "\f013";
}
-.fa-trash-o:before {
+.fa-trash-o .v-button-caption:before {
content: "\f014";
}
-.fa-home:before {
+.fa-home .v-button-caption:before {
content: "\f015";
}
-.fa-file-o:before {
+.fa-file-o .v-button-caption:before {
content: "\f016";
}
-.fa-clock-o:before {
+.fa-clock-o .v-button-caption:before {
content: "\f017";
}
-.fa-road:before {
+.fa-road .v-button-caption:before {
content: "\f018";
}
-.fa-download:before {
+.fa-download .v-button-caption:before {
content: "\f019";
}
-.fa-arrow-circle-o-down:before {
+.fa-arrow-circle-o-down .v-button-caption:before {
content: "\f01a";
}
-.fa-arrow-circle-o-up:before {
+.fa-arrow-circle-o-up .v-button-caption:before {
content: "\f01b";
}
-.fa-inbox:before {
+.fa-inbox .v-button-caption:before {
content: "\f01c";
}
-.fa-play-circle-o:before {
+.fa-play-circle-o .v-button-caption:before {
content: "\f01d";
}
-.fa-repeat:before {
+.fa-repeat .v-button-caption:before {
content: "\f01e";
}
-.fa-rotate-right:before {
+.fa-rotate-right .v-button-caption:before {
content: "\f01e";
}
-.fa-refresh:before {
+.fa-refresh .v-button-caption:before {
content: "\f021";
}
-.fa-list-alt:before {
+.fa-list-alt .v-button-caption:before {
content: "\f022";
}
-.fa-lock:before {
+.fa-lock .v-button-caption:before {
content: "\f023";
}
-.fa-flag:before {
+.fa-flag .v-button-caption:before {
content: "\f024";
}
-.fa-headphones:before {
+.fa-headphones .v-button-caption:before {
content: "\f025";
}
-.fa-volume-off:before {
+.fa-volume-off .v-button-caption:before {
content: "\f026";
}
-.fa-volume-down:before {
+.fa-volume-down .v-button-caption:before {
content: "\f027";
}
-.fa-volume-up:before {
+.fa-volume-up .v-button-caption:before {
content: "\f028";
}
-.fa-qrcode:before {
+.fa-qrcode .v-button-caption:before {
content: "\f029";
}
-.fa-barcode:before {
+.fa-barcode .v-button-caption:before {
content: "\f02a";
}
-.fa-tag:before {
+.fa-tag .v-button-caption:before {
content: "\f02b";
}
-.fa-tags:before {
+.fa-tags .v-button-caption:before {
content: "\f02c";
}
-.fa-book2:before {
+.fa-book2 .v-button-caption:before {
content: "\f02d";
}
-.fa-bookmark:before {
+.fa-bookmark .v-button-caption:before {
content: "\f02e";
}
-.fa-print:before {
+.fa-print .v-button-caption:before {
content: "\f02f";
}
-.fa-camera:before {
+.fa-camera .v-button-caption:before {
content: "\f030";
}
-.fa-font:before {
+.fa-font .v-button-caption:before {
content: "\f031";
}
-.fa-bold:before {
+.fa-bold .v-button-caption:before {
content: "\f032";
}
-.fa-italic:before {
+.fa-italic .v-button-caption:before {
content: "\f033";
}
-.fa-text-height:before {
+.fa-text-height .v-button-caption:before {
content: "\f034";
}
-.fa-text-width:before {
+.fa-text-width .v-button-caption:before {
content: "\f035";
}
-.fa-align-left:before {
+.fa-align-left .v-button-caption:before {
content: "\f036";
}
-.fa-align-center:before {
+.fa-align-center .v-button-caption:before {
content: "\f037";
}
-.fa-align-right:before {
+.fa-align-right .v-button-caption:before {
content: "\f038";
}
-.fa-align-justify:before {
+.fa-align-justify .v-button-caption:before {
content: "\f039";
}
-.fa-list:before {
+.fa-list .v-button-caption:before {
content: "\f03a";
}
-.fa-dedent:before {
+.fa-dedent .v-button-caption:before {
content: "\f03b";
}
-.fa-outdent:before {
+.fa-outdent .v-button-caption:before {
content: "\f03b";
}
-.fa-indent:before {
+.fa-indent .v-button-caption:before {
content: "\f03c";
}
-.fa-video-camera:before {
+.fa-video-camera .v-button-caption:before {
content: "\f03d";
}
-.fa-image:before {
+.fa-image .v-button-caption:before {
content: "\f03e";
}
-.fa-photo:before {
+.fa-photo .v-button-caption:before {
content: "\f03e";
}
-.fa-picture-o:before {
+.fa-picture-o .v-button-caption:before {
content: "\f03e";
}
-.fa-pencil:before {
+.fa-pencil .v-button-caption:before {
content: "\f040";
}
-.fa-map-marker:before {
+.fa-map-marker .v-button-caption:before {
content: "\f041";
}
-.fa-adjust:before {
+.fa-adjust .v-button-caption:before {
content: "\f042";
}
-.fa-tint:before {
+.fa-tint .v-button-caption:before {
content: "\f043";
}
-.fa-edit:before {
+.fa-edit .v-button-caption:before {
content: "\f044";
}
-.fa-pencil-square-o:before {
+.fa-pencil-square-o .v-button-caption:before {
content: "\f044";
}
-.fa-share-square-o:before {
+.fa-share-square-o .v-button-caption:before {
content: "\f045";
}
-.fa-check-square-o:before {
+.fa-check-square-o .v-button-caption:before {
content: "\f046";
}
-.fa-arrows:before {
+.fa-arrows .v-button-caption:before {
content: "\f047";
}
-.fa-step-backward:before {
+.fa-step-backward .v-button-caption:before {
content: "\f048";
}
-.fa-fast-backward:before {
+.fa-fast-backward .v-button-caption:before {
content: "\f049";
}
-.fa-backward:before {
+.fa-backward .v-button-caption:before {
content: "\f04a";
}
-.fa-play:before {
+.fa-play .v-button-caption:before {
content: "\f04b";
}
-.fa-pause:before {
+.fa-pause .v-button-caption:before {
content: "\f04c";
}
-.fa-stop:before {
+.fa-stop .v-button-caption:before {
content: "\f04d";
}
-.fa-forward:before {
+.fa-forward .v-button-caption:before {
content: "\f04e";
}
-.fa-fast-forward:before {
+.fa-fast-forward .v-button-caption:before {
content: "\f050";
}
-.fa-step-forward:before {
+.fa-step-forward .v-button-caption:before {
content: "\f051";
}
-.fa-eject:before {
+.fa-eject .v-button-caption:before {
content: "\f052";
}
-.fa-chevron-left:before {
+.fa-chevron-left .v-button-caption:before {
content: "\f053";
}
-.fa-chevron-right:before {
+.fa-chevron-right .v-button-caption:before {
content: "\f054";
}
-.fa-plus-circle:before {
+.fa-plus-circle .v-button-caption:before {
content: "\f055";
}
-.fa-minus-circle:before {
+.fa-minus-circle .v-button-caption:before {
content: "\f056";
}
-.fa-times-circle:before {
+.fa-times-circle .v-button-caption:before {
content: "\f057";
}
-.fa-check-circle:before {
+.fa-check-circle .v-button-caption:before {
content: "\f058";
}
-.fa-question-circle:before {
+.fa-question-circle .v-button-caption:before {
content: "\f059";
}
-.fa-info-circle:before {
+.fa-info-circle .v-button-caption:before {
content: "\f05a";
}
-.fa-crosshairs:before {
+.fa-crosshairs .v-button-caption:before {
content: "\f05b";
}
-.fa-times-circle-o:before {
+.fa-times-circle-o .v-button-caption:before {
content: "\f05c";
}
-.fa-check-circle-o:before {
+.fa-check-circle-o .v-button-caption:before {
content: "\f05d";
}
-.fa-ban:before {
+.fa-ban .v-button-caption:before {
content: "\f05e";
}
-.fa-arrow-left:before {
+.fa-arrow-left .v-button-caption:before {
content: "\f060";
}
-.fa-arrow-right:before {
+.fa-arrow-right .v-button-caption:before {
content: "\f061";
}
-.fa-arrow-up:before {
+.fa-arrow-up .v-button-caption:before {
content: "\f062";
}
-.fa-arrow-down:before {
+.fa-arrow-down .v-button-caption:before {
content: "\f063";
}
-.fa-mail-forward:before {
+.fa-mail-forward .v-button-caption:before {
content: "\f064";
}
-.fa-share:before {
+.fa-share .v-button-caption:before {
content: "\f064";
}
-.fa-expand:before {
+.fa-expand .v-button-caption:before {
content: "\f065";
}
-.fa-compress:before {
+.fa-compress .v-button-caption:before {
content: "\f066";
}
-.fa-plus:before {
+.fa-plus .v-button-caption:before {
content: "\f067";
}
-.fa-minus:before {
+.fa-minus .v-button-caption:before {
content: "\f068";
}
-.fa-asterisk:before {
+.fa-asterisk .v-button-caption:before {
content: "\f069";
}
-.fa-exclamation-circle:before {
+.fa-exclamation-circle .v-button-caption:before {
content: "\f06a";
}
-.fa-gift:before {
+.fa-gift .v-button-caption:before {
content: "\f06b";
}
-.fa-leaf:before {
+.fa-leaf .v-button-caption:before {
content: "\f06c";
}
-.fa-fire:before {
+.fa-fire .v-button-caption:before {
content: "\f06d";
}
-.fa-eye:before {
+.fa-eye .v-button-caption:before {
content: "\f06e";
}
-.fa-eye-slash:before {
+.fa-eye-slash .v-button-caption:before {
content: "\f070";
}
-.fa-exclamation-triangle:before {
+.fa-exclamation-triangle .v-button-caption:before {
content: "\f071";
}
-.fa-warning:before {
+.fa-warning .v-button-caption:before {
content: "\f071";
}
-.fa-plane:before {
+.fa-plane .v-button-caption:before {
content: "\f072";
}
-.fa-calendar:before {
+.fa-calendar .v-button-caption:before {
content: "\f073";
}
-.fa-random2:before {
+.fa-random2 .v-button-caption:before {
content: "\f074";
}
-.fa-comment2:before {
+.fa-comment2 .v-button-caption:before {
content: "\f075";
}
-.fa-magnet:before {
+.fa-magnet .v-button-caption:before {
content: "\f076";
}
-.fa-chevron-up:before {
+.fa-chevron-up .v-button-caption:before {
content: "\f077";
}
-.fa-chevron-down:before {
+.fa-chevron-down .v-button-caption:before {
content: "\f078";
}
-.fa-retweet2:before {
+.fa-retweet2 .v-button-caption:before {
content: "\f079";
}
-.fa-shopping-cart:before {
+.fa-shopping-cart .v-button-caption:before {
content: "\f07a";
}
-.fa-folder:before {
+.fa-folder .v-button-caption:before {
content: "\f07b";
}
-.fa-folder-open:before {
+.fa-folder-open .v-button-caption:before {
content: "\f07c";
}
-.fa-arrows-v:before {
+.fa-arrows-v .v-button-caption:before {
content: "\f07d";
}
-.fa-arrows-h:before {
+.fa-arrows-h .v-button-caption:before {
content: "\f07e";
}
-.fa-bar-chart2:before {
+.fa-bar-chart2 .v-button-caption:before {
content: "\f080";
}
-.fa-bar-chart-o:before {
+.fa-bar-chart-o .v-button-caption:before {
content: "\f080";
}
-.fa-twitter-square:before {
+.fa-twitter-square .v-button-caption:before {
content: "\f081";
}
-.fa-facebook-square:before {
+.fa-facebook-square .v-button-caption:before {
content: "\f082";
}
-.fa-camera-retro:before {
+.fa-camera-retro .v-button-caption:before {
content: "\f083";
}
-.fa-key:before {
+.fa-key .v-button-caption:before {
content: "\f084";
}
-.fa-cogs:before {
+.fa-cogs .v-button-caption:before {
content: "\f085";
}
-.fa-gears:before {
+.fa-gears .v-button-caption:before {
content: "\f085";
}
-.fa-comments:before {
+.fa-comments .v-button-caption:before {
content: "\f086";
}
-.fa-thumbs-o-up:before {
+.fa-thumbs-o-up .v-button-caption:before {
content: "\f087";
}
-.fa-thumbs-o-down:before {
+.fa-thumbs-o-down .v-button-caption:before {
content: "\f088";
}
-.fa-star-half:before {
+.fa-star-half .v-button-caption:before {
content: "\f089";
}
-.fa-heart-o:before {
+.fa-heart-o .v-button-caption:before {
content: "\f08a";
}
-.fa-sign-out:before {
+.fa-sign-out .v-button-caption:before {
content: "\f08b";
}
-.fa-linkedin-square:before {
+.fa-linkedin-square .v-button-caption:before {
content: "\f08c";
}
-.fa-thumb-tack:before {
+.fa-thumb-tack .v-button-caption:before {
content: "\f08d";
}
-.fa-external-link:before {
+.fa-external-link .v-button-caption:before {
content: "\f08e";
}
-.fa-sign-in2:before {
+.fa-sign-in2 .v-button-caption:before {
content: "\f090";
}
-.fa-trophy:before {
+.fa-trophy .v-button-caption:before {
content: "\f091";
}
-.fa-github-square:before {
+.fa-github-square .v-button-caption:before {
content: "\f092";
}
-.fa-upload3:before {
+.fa-upload3 .v-button-caption:before {
content: "\f093";
}
-.fa-lemon-o:before {
+.fa-lemon-o .v-button-caption:before {
content: "\f094";
}
-.fa-phone:before {
+.fa-phone .v-button-caption:before {
content: "\f095";
}
-.fa-square-o:before {
+.fa-square-o .v-button-caption:before {
content: "\f096";
}
-.fa-bookmark-o:before {
+.fa-bookmark-o .v-button-caption:before {
content: "\f097";
}
-.fa-phone-square:before {
+.fa-phone-square .v-button-caption:before {
content: "\f098";
}
-.fa-twitter:before {
+.fa-twitter .v-button-caption:before {
content: "\f099";
}
-.fa-facebook:before {
+.fa-facebook .v-button-caption:before {
content: "\f09a";
}
-.fa-facebook-f:before {
+.fa-facebook-f .v-button-caption:before {
content: "\f09a";
}
-.fa-github:before {
+.fa-github .v-button-caption:before {
content: "\f09b";
}
-.fa-unlock:before {
+.fa-unlock .v-button-caption:before {
content: "\f09c";
}
-.fa-credit-card:before {
+.fa-credit-card .v-button-caption:before {
content: "\f09d";
}
-.fa-feed:before {
+.fa-feed .v-button-caption:before {
content: "\f09e";
}
-.fa-rss:before {
+.fa-rss .v-button-caption:before {
content: "\f09e";
}
-.fa-hdd-o:before {
+.fa-hdd-o .v-button-caption:before {
content: "\f0a0";
}
-.fa-bullhorn:before {
+.fa-bullhorn .v-button-caption:before {
content: "\f0a1";
}
-.fa-bell-o:before {
+.fa-bell-o .v-button-caption:before {
content: "\f0a2";
}
-.fa-certificate:before {
+.fa-certificate .v-button-caption:before {
content: "\f0a3";
}
-.fa-hand-o-right:before {
+.fa-hand-o-right .v-button-caption:before {
content: "\f0a4";
}
-.fa-hand-o-left:before {
+.fa-hand-o-left .v-button-caption:before {
content: "\f0a5";
}
-.fa-hand-o-up:before {
+.fa-hand-o-up .v-button-caption:before {
content: "\f0a6";
}
-.fa-hand-o-down:before {
+.fa-hand-o-down .v-button-caption:before {
content: "\f0a7";
}
-.fa-arrow-circle-left:before {
+.fa-arrow-circle-left .v-button-caption:before {
content: "\f0a8";
}
-.fa-arrow-circle-right:before {
+.fa-arrow-circle-right .v-button-caption:before {
content: "\f0a9";
}
-.fa-arrow-circle-up:before {
+.fa-arrow-circle-up .v-button-caption:before {
content: "\f0aa";
}
-.fa-arrow-circle-down:before {
+.fa-arrow-circle-down .v-button-caption:before {
content: "\f0ab";
}
-.fa-globe:before {
+.fa-globe .v-button-caption:before {
content: "\f0ac";
}
-.fa-wrench:before {
+.fa-wrench .v-button-caption:before {
content: "\f0ad";
}
-.fa-tasks2:before {
+.fa-tasks2 .v-button-caption:before {
content: "\f0ae";
}
-.fa-filter2:before {
+.fa-filter2 .v-button-caption:before {
content: "\f0b0";
}
-.fa-briefcase:before {
+.fa-briefcase .v-button-caption:before {
content: "\f0b1";
}
-.fa-arrows-alt:before {
+.fa-arrows-alt .v-button-caption:before {
content: "\f0b2";
}
-.fa-group:before {
+.fa-group .v-button-caption:before {
content: "\f0c0";
}
-.fa-users:before {
+.fa-users .v-button-caption:before {
content: "\f0c0";
}
-.fa-chain:before {
+.fa-chain .v-button-caption:before {
content: "\f0c1";
}
-.fa-link:before {
+.fa-link .v-button-caption:before {
content: "\f0c1";
}
-.fa-cloud:before {
+.fa-cloud .v-button-caption:before {
content: "\f0c2";
}
-.fa-flask:before {
+.fa-flask .v-button-caption:before {
content: "\f0c3";
}
-.fa-cut:before {
+.fa-cut .v-button-caption:before {
content: "\f0c4";
}
-.fa-scissors:before {
+.fa-scissors .v-button-caption:before {
content: "\f0c4";
}
-.fa-copy:before {
+.fa-copy .v-button-caption:before {
content: "\f0c5";
}
-.fa-files-o:before {
+.fa-files-o .v-button-caption:before {
content: "\f0c5";
}
-.fa-paperclip:before {
+.fa-paperclip .v-button-caption:before {
content: "\f0c6";
}
-.fa-floppy-o:before {
+.fa-floppy-o .v-button-caption:before {
content: "\f0c7";
}
-.fa-save:before {
+.fa-save .v-button-caption:before {
content: "\f0c7";
}
-.fa-square:before {
+.fa-square .v-button-caption:before {
content: "\f0c8";
}
-.fa-bars:before {
+.fa-bars .v-button-caption:before {
content: "\f0c9";
}
-.fa-navicon:before {
+.fa-navicon .v-button-caption:before {
content: "\f0c9";
}
-.fa-reorder:before {
+.fa-reorder .v-button-caption:before {
content: "\f0c9";
}
-.fa-list-ul:before {
+.fa-list-ul .v-button-caption:before {
content: "\f0ca";
}
-.fa-list-ol:before {
+.fa-list-ol .v-button-caption:before {
content: "\f0cb";
}
-.fa-strikethrough:before {
+.fa-strikethrough .v-button-caption:before {
content: "\f0cc";
}
-.fa-underline:before {
+.fa-underline .v-button-caption:before {
content: "\f0cd";
}
-.fa-table2:before {
+.fa-table2 .v-button-caption:before {
content: "\f0ce";
}
-.fa-magic:before {
+.fa-magic .v-button-caption:before {
content: "\f0d0";
}
-.fa-truck:before {
+.fa-truck .v-button-caption:before {
content: "\f0d1";
}
-.fa-pinterest:before {
+.fa-pinterest .v-button-caption:before {
content: "\f0d2";
}
-.fa-pinterest-square:before {
+.fa-pinterest-square .v-button-caption:before {
content: "\f0d3";
}
-.fa-google-plus-square:before {
+.fa-google-plus-square .v-button-caption:before {
content: "\f0d4";
}
-.fa-google-plus:before {
+.fa-google-plus .v-button-caption:before {
content: "\f0d5";
}
-.fa-money:before {
+.fa-money .v-button-caption:before {
content: "\f0d6";
}
-.fa-caret-down:before {
+.fa-caret-down .v-button-caption:before {
content: "\f0d7";
}
-.fa-caret-up:before {
+.fa-caret-up .v-button-caption:before {
content: "\f0d8";
}
-.fa-caret-left:before {
+.fa-caret-left .v-button-caption:before {
content: "\f0d9";
}
-.fa-caret-right:before {
+.fa-caret-right .v-button-caption:before {
content: "\f0da";
}
-.fa-columns:before {
+.fa-columns .v-button-caption:before {
content: "\f0db";
}
-.fa-sort:before {
+.fa-sort .v-button-caption:before {
content: "\f0dc";
}
-.fa-unsorted:before {
+.fa-unsorted .v-button-caption:before {
content: "\f0dc";
}
-.fa-sort-desc:before {
+.fa-sort-desc .v-button-caption:before {
content: "\f0dd";
}
-.fa-sort-down:before {
+.fa-sort-down .v-button-caption:before {
content: "\f0dd";
}
-.fa-sort-asc:before {
+.fa-sort-asc .v-button-caption:before {
content: "\f0de";
}
-.fa-sort-up:before {
+.fa-sort-up .v-button-caption:before {
content: "\f0de";
}
-.fa-envelope:before {
+.fa-envelope .v-button-caption:before {
content: "\f0e0";
}
-.fa-linkedin:before {
+.fa-linkedin .v-button-caption:before {
content: "\f0e1";
}
-.fa-rotate-left:before {
+.fa-rotate-left .v-button-caption:before {
content: "\f0e2";
}
-.fa-undo:before {
+.fa-undo .v-button-caption:before {
content: "\f0e2";
}
-.fa-gavel:before {
+.fa-gavel .v-button-caption:before {
content: "\f0e3";
}
-.fa-legal:before {
+.fa-legal .v-button-caption:before {
content: "\f0e3";
}
-.fa-dashboard:before {
+.fa-dashboard .v-button-caption:before {
content: "\f0e4";
}
-.fa-tachometer:before {
+.fa-tachometer .v-button-caption:before {
content: "\f0e4";
}
-.fa-comment-o2:before {
+.fa-comment-o2 .v-button-caption:before {
content: "\f0e5";
}
-.fa-comments-o:before {
+.fa-comments-o .v-button-caption:before {
content: "\f0e6";
}
-.fa-bolt:before {
+.fa-bolt .v-button-caption:before {
content: "\f0e7";
}
-.fa-flash:before {
+.fa-flash .v-button-caption:before {
content: "\f0e7";
}
-.fa-sitemap2:before {
+.fa-sitemap2 .v-button-caption:before {
content: "\f0e8";
}
-.fa-umbrella:before {
+.fa-umbrella .v-button-caption:before {
content: "\f0e9";
}
-.fa-clipboard:before {
+.fa-clipboard .v-button-caption:before {
content: "\f0ea";
}
-.fa-paste:before {
+.fa-paste .v-button-caption:before {
content: "\f0ea";
}
-.fa-lightbulb-o:before {
+.fa-lightbulb-o .v-button-caption:before {
content: "\f0eb";
}
-.fa-exchange:before {
+.fa-exchange .v-button-caption:before {
content: "\f0ec";
}
-.fa-cloud-download:before {
+.fa-cloud-download .v-button-caption:before {
content: "\f0ed";
}
-.fa-cloud-upload:before {
+.fa-cloud-upload .v-button-caption:before {
content: "\f0ee";
}
-.fa-user-md:before {
+.fa-user-md .v-button-caption:before {
content: "\f0f0";
}
-.fa-stethoscope:before {
+.fa-stethoscope .v-button-caption:before {
content: "\f0f1";
}
-.fa-suitcase:before {
+.fa-suitcase .v-button-caption:before {
content: "\f0f2";
}
-.fa-bell:before {
+.fa-bell .v-button-caption:before {
content: "\f0f3";
}
-.fa-coffee:before {
+.fa-coffee .v-button-caption:before {
content: "\f0f4";
}
-.fa-cutlery:before {
+.fa-cutlery .v-button-caption:before {
content: "\f0f5";
}
-.fa-file-text-o2:before {
+.fa-file-text-o2 .v-button-caption:before {
content: "\f0f6";
}
-.fa-building-o:before {
+.fa-building-o .v-button-caption:before {
content: "\f0f7";
}
-.fa-hospital-o:before {
+.fa-hospital-o .v-button-caption:before {
content: "\f0f8";
}
-.fa-ambulance:before {
+.fa-ambulance .v-button-caption:before {
content: "\f0f9";
}
-.fa-medkit:before {
+.fa-medkit .v-button-caption:before {
content: "\f0fa";
}
-.fa-fighter-jet:before {
+.fa-fighter-jet .v-button-caption:before {
content: "\f0fb";
}
-.fa-beer:before {
+.fa-beer .v-button-caption:before {
content: "\f0fc";
}
-.fa-h-square:before {
+.fa-h-square .v-button-caption:before {
content: "\f0fd";
}
-.fa-plus-square:before {
+.fa-plus-square .v-button-caption:before {
content: "\f0fe";
}
-.fa-angle-double-left:before {
+.fa-angle-double-left .v-button-caption:before {
content: "\f100";
}
-.fa-angle-double-right:before {
+.fa-angle-double-right .v-button-caption:before {
content: "\f101";
}
-.fa-angle-double-up:before {
+.fa-angle-double-up .v-button-caption:before {
content: "\f102";
}
-.fa-angle-double-down:before {
+.fa-angle-double-down .v-button-caption:before {
content: "\f103";
}
-.fa-angle-left:before {
+.fa-angle-left .v-button-caption:before {
content: "\f104";
}
-.fa-angle-right:before {
+.fa-angle-right .v-button-caption:before {
content: "\f105";
}
-.fa-angle-up:before {
+.fa-angle-up .v-button-caption:before {
content: "\f106";
}
-.fa-angle-down:before {
+.fa-angle-down .v-button-caption:before {
content: "\f107";
}
-.fa-desktop:before {
+.fa-desktop .v-button-caption:before {
content: "\f108";
}
-.fa-laptop:before {
+.fa-laptop .v-button-caption:before {
content: "\f109";
}
-.fa-tablet:before {
+.fa-tablet .v-button-caption:before {
content: "\f10a";
}
-.fa-mobile:before {
+.fa-mobile .v-button-caption:before {
content: "\f10b";
}
-.fa-mobile-phone:before {
+.fa-mobile-phone .v-button-caption:before {
content: "\f10b";
}
-.fa-circle-o:before {
+.fa-circle-o .v-button-caption:before {
content: "\f10c";
}
-.fa-quote-left:before {
+.fa-quote-left .v-button-caption:before {
content: "\f10d";
}
-.fa-quote-right:before {
+.fa-quote-right .v-button-caption:before {
content: "\f10e";
}
-.fa-spinner:before {
+.fa-spinner .v-button-caption:before {
content: "\f110";
}
-.fa-circle:before {
+.fa-circle .v-button-caption:before {
content: "\f111";
}
-.fa-mail-reply:before {
+.fa-mail-reply .v-button-caption:before {
content: "\f112";
}
-.fa-reply:before {
+.fa-reply .v-button-caption:before {
content: "\f112";
}
-.fa-github-alt:before {
+.fa-github-alt .v-button-caption:before {
content: "\f113";
}
-.fa-folder-o:before {
+.fa-folder-o .v-button-caption:before {
content: "\f114";
}
-.fa-folder-open-o:before {
+.fa-folder-open-o .v-button-caption:before {
content: "\f115";
}
-.fa-smile-o:before {
+.fa-smile-o .v-button-caption:before {
content: "\f118";
}
-.fa-frown-o:before {
+.fa-frown-o .v-button-caption:before {
content: "\f119";
}
-.fa-meh-o:before {
+.fa-meh-o .v-button-caption:before {
content: "\f11a";
}
-.fa-gamepad:before {
+.fa-gamepad .v-button-caption:before {
content: "\f11b";
}
-.fa-keyboard-o:before {
+.fa-keyboard-o .v-button-caption:before {
content: "\f11c";
}
-.fa-flag-o:before {
+.fa-flag-o .v-button-caption:before {
content: "\f11d";
}
-.fa-flag-checkered:before {
+.fa-flag-checkered .v-button-caption:before {
content: "\f11e";
}
-.fa-terminal:before {
+.fa-terminal .v-button-caption:before {
content: "\f120";
}
-.fa-code:before {
+.fa-code .v-button-caption:before {
content: "\f121";
}
-.fa-mail-reply-all:before {
+.fa-mail-reply-all .v-button-caption:before {
content: "\f122";
}
-.fa-reply-all:before {
+.fa-reply-all .v-button-caption:before {
content: "\f122";
}
-.fa-star-half-empty:before {
+.fa-star-half-empty .v-button-caption:before {
content: "\f123";
}
-.fa-star-half-full:before {
+.fa-star-half-full .v-button-caption:before {
content: "\f123";
}
-.fa-star-half-o:before {
+.fa-star-half-o .v-button-caption:before {
content: "\f123";
}
-.fa-location-arrow:before {
+.fa-location-arrow .v-button-caption:before {
content: "\f124";
}
-.fa-crop:before {
+.fa-crop .v-button-caption:before {
content: "\f125";
}
-.fa-code-fork:before {
+.fa-code-fork .v-button-caption:before {
content: "\f126";
}
-.fa-chain-broken:before {
+.fa-chain-broken .v-button-caption:before {
content: "\f127";
}
-.fa-unlink:before {
+.fa-unlink .v-button-caption:before {
content: "\f127";
}
-.fa-question:before {
+.fa-question .v-button-caption:before {
content: "\f128";
}
-.fa-info:before {
+.fa-info .v-button-caption:before {
content: "\f129";
}
-.fa-exclamation:before {
+.fa-exclamation .v-button-caption:before {
content: "\f12a";
}
-.fa-superscript:before {
+.fa-superscript .v-button-caption:before {
content: "\f12b";
}
-.fa-subscript:before {
+.fa-subscript .v-button-caption:before {
content: "\f12c";
}
-.fa-eraser:before {
+.fa-eraser .v-button-caption:before {
content: "\f12d";
}
-.fa-puzzle-piece2:before {
+.fa-puzzle-piece2 .v-button-caption:before {
content: "\f12e";
}
-.fa-microphone:before {
+.fa-microphone .v-button-caption:before {
content: "\f130";
}
-.fa-microphone-slash:before {
+.fa-microphone-slash .v-button-caption:before {
content: "\f131";
}
-.fa-shield:before {
+.fa-shield .v-button-caption:before {
content: "\f132";
}
-.fa-calendar-o:before {
+.fa-calendar-o .v-button-caption:before {
content: "\f133";
}
-.fa-fire-extinguisher:before {
+.fa-fire-extinguisher .v-button-caption:before {
content: "\f134";
}
-.fa-rocket:before {
+.fa-rocket .v-button-caption:before {
content: "\f135";
}
-.fa-maxcdn:before {
+.fa-maxcdn .v-button-caption:before {
content: "\f136";
}
-.fa-chevron-circle-left:before {
+.fa-chevron-circle-left .v-button-caption:before {
content: "\f137";
}
-.fa-chevron-circle-right:before {
+.fa-chevron-circle-right .v-button-caption:before {
content: "\f138";
}
-.fa-chevron-circle-up:before {
+.fa-chevron-circle-up .v-button-caption:before {
content: "\f139";
}
-.fa-chevron-circle-down:before {
+.fa-chevron-circle-down .v-button-caption:before {
content: "\f13a";
}
-.fa-html5:before {
+.fa-html5 .v-button-caption:before {
content: "\f13b";
}
-.fa-css3:before {
+.fa-css3 .v-button-caption:before {
content: "\f13c";
}
-.fa-anchor:before {
+.fa-anchor .v-button-caption:before {
content: "\f13d";
}
-.fa-unlock-alt:before {
+.fa-unlock-alt .v-button-caption:before {
content: "\f13e";
}
-.fa-bullseye:before {
+.fa-bullseye .v-button-caption:before {
content: "\f140";
}
-.fa-ellipsis-h:before {
+.fa-ellipsis-h .v-button-caption:before {
content: "\f141";
}
-.fa-ellipsis-v:before {
+.fa-ellipsis-v .v-button-caption:before {
content: "\f142";
}
-.fa-rss-square:before {
+.fa-rss-square .v-button-caption:before {
content: "\f143";
}
-.fa-play-circle:before {
+.fa-play-circle .v-button-caption:before {
content: "\f144";
}
-.fa-ticket:before {
+.fa-ticket .v-button-caption:before {
content: "\f145";
}
-.fa-minus-square:before {
+.fa-minus-square .v-button-caption:before {
content: "\f146";
}
-.fa-minus-square-o:before {
+.fa-minus-square-o .v-button-caption:before {
content: "\f147";
}
-.fa-level-up:before {
+.fa-level-up .v-button-caption:before {
content: "\f148";
}
-.fa-level-down:before {
+.fa-level-down .v-button-caption:before {
content: "\f149";
}
-.fa-check-square:before {
+.fa-check-square .v-button-caption:before {
content: "\f14a";
}
-.fa-pencil-square:before {
+.fa-pencil-square .v-button-caption:before {
content: "\f14b";
}
-.fa-external-link-square:before {
+.fa-external-link-square .v-button-caption:before {
content: "\f14c";
}
-.fa-share-square:before {
+.fa-share-square .v-button-caption:before {
content: "\f14d";
}
-.fa-compass:before {
+.fa-compass .v-button-caption:before {
content: "\f14e";
}
-.fa-caret-square-o-down:before {
+.fa-caret-square-o-down .v-button-caption:before {
content: "\f150";
}
-.fa-toggle-down:before {
+.fa-toggle-down .v-button-caption:before {
content: "\f150";
}
-.fa-caret-square-o-up:before {
+.fa-caret-square-o-up .v-button-caption:before {
content: "\f151";
}
-.fa-toggle-up:before {
+.fa-toggle-up .v-button-caption:before {
content: "\f151";
}
-.fa-caret-square-o-right:before {
+.fa-caret-square-o-right .v-button-caption:before {
content: "\f152";
}
-.fa-toggle-right:before {
+.fa-toggle-right .v-button-caption:before {
content: "\f152";
}
-.fa-eur:before {
+.fa-eur .v-button-caption:before {
content: "\f153";
}
-.fa-euro:before {
+.fa-euro .v-button-caption:before {
content: "\f153";
}
-.fa-gbp:before {
+.fa-gbp .v-button-caption:before {
content: "\f154";
}
-.fa-dollar:before {
+.fa-dollar .v-button-caption:before {
content: "\f155";
}
-.fa-usd:before {
+.fa-usd .v-button-caption:before {
content: "\f155";
}
-.fa-inr:before {
+.fa-inr .v-button-caption:before {
content: "\f156";
}
-.fa-rupee:before {
+.fa-rupee .v-button-caption:before {
content: "\f156";
}
-.fa-cny:before {
+.fa-cny .v-button-caption:before {
content: "\f157";
}
-.fa-jpy:before {
+.fa-jpy .v-button-caption:before {
content: "\f157";
}
-.fa-rmb:before {
+.fa-rmb .v-button-caption:before {
content: "\f157";
}
-.fa-yen:before {
+.fa-yen .v-button-caption:before {
content: "\f157";
}
-.fa-rouble:before {
+.fa-rouble .v-button-caption:before {
content: "\f158";
}
-.fa-rub:before {
+.fa-rub .v-button-caption:before {
content: "\f158";
}
-.fa-ruble:before {
+.fa-ruble .v-button-caption:before {
content: "\f158";
}
-.fa-krw:before {
+.fa-krw .v-button-caption:before {
content: "\f159";
}
-.fa-won:before {
+.fa-won .v-button-caption:before {
content: "\f159";
}
-.fa-bitcoin:before {
+.fa-bitcoin .v-button-caption:before {
content: "\f15a";
}
-.fa-btc:before {
+.fa-btc .v-button-caption:before {
content: "\f15a";
}
-.fa-file:before {
+.fa-file .v-button-caption:before {
content: "\f15b";
}
-.fa-file-text:before {
+.fa-file-text .v-button-caption:before {
content: "\f15c";
}
-.fa-sort-alpha-asc:before {
+.fa-sort-alpha-asc .v-button-caption:before {
content: "\f15d";
}
-.fa-sort-alpha-desc:before {
+.fa-sort-alpha-desc .v-button-caption:before {
content: "\f15e";
}
-.fa-sort-amount-asc:before {
+.fa-sort-amount-asc .v-button-caption:before {
content: "\f160";
}
-.fa-sort-amount-desc:before {
+.fa-sort-amount-desc .v-button-caption:before {
content: "\f161";
}
-.fa-sort-numeric-asc:before {
+.fa-sort-numeric-asc .v-button-caption:before {
content: "\f162";
}
-.fa-sort-numeric-desc:before {
+.fa-sort-numeric-desc .v-button-caption:before {
content: "\f163";
}
-.fa-thumbs-up:before {
+.fa-thumbs-up .v-button-caption:before {
content: "\f164";
}
-.fa-thumbs-down:before {
+.fa-thumbs-down .v-button-caption:before {
content: "\f165";
}
-.fa-youtube-square:before {
+.fa-youtube-square .v-button-caption:before {
content: "\f166";
}
-.fa-youtube:before {
+.fa-youtube .v-button-caption:before {
content: "\f167";
}
-.fa-xing:before {
+.fa-xing .v-button-caption:before {
content: "\f168";
}
-.fa-xing-square:before {
+.fa-xing-square .v-button-caption:before {
content: "\f169";
}
-.fa-youtube-play:before {
+.fa-youtube-play .v-button-caption:before {
content: "\f16a";
}
-.fa-dropbox:before {
+.fa-dropbox .v-button-caption:before {
content: "\f16b";
}
-.fa-stack-overflow:before {
+.fa-stack-overflow .v-button-caption:before {
content: "\f16c";
}
-.fa-instagram:before {
+.fa-instagram .v-button-caption:before {
content: "\f16d";
}
-.fa-flickr:before {
+.fa-flickr .v-button-caption:before {
content: "\f16e";
}
-.fa-adn:before {
+.fa-adn .v-button-caption:before {
content: "\f170";
}
-.fa-bitbucket:before {
+.fa-bitbucket .v-button-caption:before {
content: "\f171";
}
-.fa-bitbucket-square:before {
+.fa-bitbucket-square .v-button-caption:before {
content: "\f172";
}
-.fa-tumblr:before {
+.fa-tumblr .v-button-caption:before {
content: "\f173";
}
-.fa-tumblr-square:before {
+.fa-tumblr-square .v-button-caption:before {
content: "\f174";
}
-.fa-long-arrow-down:before {
+.fa-long-arrow-down .v-button-caption:before {
content: "\f175";
}
-.fa-long-arrow-up:before {
+.fa-long-arrow-up .v-button-caption:before {
content: "\f176";
}
-.fa-long-arrow-left:before {
+.fa-long-arrow-left .v-button-caption:before {
content: "\f177";
}
-.fa-long-arrow-right:before {
+.fa-long-arrow-right .v-button-caption:before {
content: "\f178";
}
-.fa-apple:before {
+.fa-apple .v-button-caption:before {
content: "\f179";
}
-.fa-windows:before {
+.fa-windows .v-button-caption:before {
content: "\f17a";
}
-.fa-android:before {
+.fa-android .v-button-caption:before {
content: "\f17b";
}
-.fa-linux:before {
+.fa-linux .v-button-caption:before {
content: "\f17c";
}
-.fa-dribbble:before {
+.fa-dribbble .v-button-caption:before {
content: "\f17d";
}
-.fa-skype:before {
+.fa-skype .v-button-caption:before {
content: "\f17e";
}
-.fa-foursquare:before {
+.fa-foursquare .v-button-caption:before {
content: "\f180";
}
-.fa-trello:before {
+.fa-trello .v-button-caption:before {
content: "\f181";
}
-.fa-female:before {
+.fa-female .v-button-caption:before {
content: "\f182";
}
-.fa-male:before {
+.fa-male .v-button-caption:before {
content: "\f183";
}
-.fa-gittip:before {
+.fa-gittip .v-button-caption:before {
content: "\f184";
}
-.fa-gratipay:before {
+.fa-gratipay .v-button-caption:before {
content: "\f184";
}
-.fa-sun-o:before {
+.fa-sun-o .v-button-caption:before {
content: "\f185";
}
-.fa-moon-o:before {
+.fa-moon-o .v-button-caption:before {
content: "\f186";
}
-.fa-archive2:before {
+.fa-archive2 .v-button-caption:before {
content: "\f187";
}
-.fa-bug:before {
+.fa-bug .v-button-caption:before {
content: "\f188";
}
-.fa-vk:before {
+.fa-vk .v-button-caption:before {
content: "\f189";
}
-.fa-weibo:before {
+.fa-weibo .v-button-caption:before {
content: "\f18a";
}
-.fa-renren:before {
+.fa-renren .v-button-caption:before {
content: "\f18b";
}
-.fa-pagelines:before {
+.fa-pagelines .v-button-caption:before {
content: "\f18c";
}
-.fa-stack-exchange:before {
+.fa-stack-exchange .v-button-caption:before {
content: "\f18d";
}
-.fa-arrow-circle-o-right:before {
+.fa-arrow-circle-o-right .v-button-caption:before {
content: "\f18e";
}
-.fa-arrow-circle-o-left:before {
+.fa-arrow-circle-o-left .v-button-caption:before {
content: "\f190";
}
-.fa-caret-square-o-left:before {
+.fa-caret-square-o-left .v-button-caption:before {
content: "\f191";
}
-.fa-toggle-left:before {
+.fa-toggle-left .v-button-caption:before {
content: "\f191";
}
-.fa-dot-circle-o:before {
+.fa-dot-circle-o .v-button-caption:before {
content: "\f192";
}
-.fa-wheelchair:before {
+.fa-wheelchair .v-button-caption:before {
content: "\f193";
}
-.fa-vimeo-square:before {
+.fa-vimeo-square .v-button-caption:before {
content: "\f194";
}
-.fa-try:before {
+.fa-try .v-button-caption:before {
content: "\f195";
}
-.fa-turkish-lira:before {
+.fa-turkish-lira .v-button-caption:before {
content: "\f195";
}
-.fa-plus-square-o:before {
+.fa-plus-square-o .v-button-caption:before {
content: "\f196";
}
-.fa-space-shuttle:before {
+.fa-space-shuttle .v-button-caption:before {
content: "\f197";
}
-.fa-slack:before {
+.fa-slack .v-button-caption:before {
content: "\f198";
}
-.fa-envelope-square:before {
+.fa-envelope-square .v-button-caption:before {
content: "\f199";
}
-.fa-wordpress:before {
+.fa-wordpress .v-button-caption:before {
content: "\f19a";
}
-.fa-openid:before {
+.fa-openid .v-button-caption:before {
content: "\f19b";
}
-.fa-bank:before {
+.fa-bank .v-button-caption:before {
content: "\f19c";
}
-.fa-institution:before {
+.fa-institution .v-button-caption:before {
content: "\f19c";
}
-.fa-university:before {
+.fa-university .v-button-caption:before {
content: "\f19c";
}
-.fa-graduation-cap:before {
+.fa-graduation-cap .v-button-caption:before {
content: "\f19d";
}
-.fa-mortar-board:before {
+.fa-mortar-board .v-button-caption:before {
content: "\f19d";
}
-.fa-yahoo:before {
+.fa-yahoo .v-button-caption:before {
content: "\f19e";
}
-.fa-google:before {
+.fa-google .v-button-caption:before {
content: "\f1a0";
}
-.fa-reddit:before {
+.fa-reddit .v-button-caption:before {
content: "\f1a1";
}
-.fa-reddit-square:before {
+.fa-reddit-square .v-button-caption:before {
content: "\f1a2";
}
-.fa-stumbleupon-circle:before {
+.fa-stumbleupon-circle .v-button-caption:before {
content: "\f1a3";
}
-.fa-stumbleupon:before {
+.fa-stumbleupon .v-button-caption:before {
content: "\f1a4";
}
-.fa-delicious:before {
+.fa-delicious .v-button-caption:before {
content: "\f1a5";
}
-.fa-digg:before {
+.fa-digg .v-button-caption:before {
content: "\f1a6";
}
-.fa-pied-piper:before {
+.fa-pied-piper .v-button-caption:before {
content: "\f1a7";
}
-.fa-pied-piper-alt:before {
+.fa-pied-piper-alt .v-button-caption:before {
content: "\f1a8";
}
-.fa-drupal:before {
+.fa-drupal .v-button-caption:before {
content: "\f1a9";
}
-.fa-joomla:before {
+.fa-joomla .v-button-caption:before {
content: "\f1aa";
}
-.fa-language:before {
+.fa-language .v-button-caption:before {
content: "\f1ab";
}
-.fa-fax:before {
+.fa-fax .v-button-caption:before {
content: "\f1ac";
}
-.fa-building:before {
+.fa-building .v-button-caption:before {
content: "\f1ad";
}
-.fa-child:before {
+.fa-child .v-button-caption:before {
content: "\f1ae";
}
-.fa-paw:before {
+.fa-paw .v-button-caption:before {
content: "\f1b0";
}
-.fa-spoon:before {
+.fa-spoon .v-button-caption:before {
content: "\f1b1";
}
-.fa-cube2:before {
+.fa-cube2 .v-button-caption:before {
content: "\f1b2";
}
-.fa-cubes:before {
+.fa-cubes .v-button-caption:before {
content: "\f1b3";
}
-.fa-behance:before {
+.fa-behance .v-button-caption:before {
content: "\f1b4";
}
-.fa-behance-square:before {
+.fa-behance-square .v-button-caption:before {
content: "\f1b5";
}
-.fa-steam:before {
+.fa-steam .v-button-caption:before {
content: "\f1b6";
}
-.fa-steam-square:before {
+.fa-steam-square .v-button-caption:before {
content: "\f1b7";
}
-.fa-recycle:before {
+.fa-recycle .v-button-caption:before {
content: "\f1b8";
}
-.fa-automobile:before {
+.fa-automobile .v-button-caption:before {
content: "\f1b9";
}
-.fa-car:before {
+.fa-car .v-button-caption:before {
content: "\f1b9";
}
-.fa-cab:before {
+.fa-cab .v-button-caption:before {
content: "\f1ba";
}
-.fa-taxi:before {
+.fa-taxi .v-button-caption:before {
content: "\f1ba";
}
-.fa-tree:before {
+.fa-tree .v-button-caption:before {
content: "\f1bb";
}
-.fa-spotify:before {
+.fa-spotify .v-button-caption:before {
content: "\f1bc";
}
-.fa-deviantart:before {
+.fa-deviantart .v-button-caption:before {
content: "\f1bd";
}
-.fa-soundcloud:before {
+.fa-soundcloud .v-button-caption:before {
content: "\f1be";
}
-.fa-database2:before {
+.fa-database2 .v-button-caption:before {
content: "\f1c0";
}
-.fa-file-pdf-o:before {
+.fa-file-pdf-o .v-button-caption:before {
content: "\f1c1";
}
-.fa-file-word-o:before {
+.fa-file-word-o .v-button-caption:before {
content: "\f1c2";
}
-.fa-file-excel-o:before {
+.fa-file-excel-o .v-button-caption:before {
content: "\f1c3";
}
-.fa-file-powerpoint-o:before {
+.fa-file-powerpoint-o .v-button-caption:before {
content: "\f1c4";
}
-.fa-file-image-o:before {
+.fa-file-image-o .v-button-caption:before {
content: "\f1c5";
}
-.fa-file-photo-o:before {
+.fa-file-photo-o .v-button-caption:before {
content: "\f1c5";
}
-.fa-file-picture-o:before {
+.fa-file-picture-o .v-button-caption:before {
content: "\f1c5";
}
-.fa-file-archive-o:before {
+.fa-file-archive-o .v-button-caption:before {
content: "\f1c6";
}
-.fa-file-zip-o:before {
+.fa-file-zip-o .v-button-caption:before {
content: "\f1c6";
}
-.fa-file-audio-o:before {
+.fa-file-audio-o .v-button-caption:before {
content: "\f1c7";
}
-.fa-file-sound-o:before {
+.fa-file-sound-o .v-button-caption:before {
content: "\f1c7";
}
-.fa-file-movie-o:before {
+.fa-file-movie-o .v-button-caption:before {
content: "\f1c8";
}
-.fa-file-video-o:before {
+.fa-file-video-o .v-button-caption:before {
content: "\f1c8";
}
-.fa-file-code-o:before {
+.fa-file-code-o .v-button-caption:before {
content: "\f1c9";
}
-.fa-vine:before {
+.fa-vine .v-button-caption:before {
content: "\f1ca";
}
-.fa-codepen:before {
+.fa-codepen .v-button-caption:before {
content: "\f1cb";
}
-.fa-jsfiddle:before {
+.fa-jsfiddle .v-button-caption:before {
content: "\f1cc";
}
-.fa-life-bouy:before {
+.fa-life-bouy .v-button-caption:before {
content: "\f1cd";
}
-.fa-life-buoy:before {
+.fa-life-buoy .v-button-caption:before {
content: "\f1cd";
}
-.fa-life-ring:before {
+.fa-life-ring .v-button-caption:before {
content: "\f1cd";
}
-.fa-life-saver:before {
+.fa-life-saver .v-button-caption:before {
content: "\f1cd";
}
-.fa-support:before {
+.fa-support .v-button-caption:before {
content: "\f1cd";
}
-.fa-circle-o-notch:before {
+.fa-circle-o-notch .v-button-caption:before {
content: "\f1ce";
}
-.fa-ra:before {
+.fa-ra .v-button-caption:before {
content: "\f1d0";
}
-.fa-rebel:before {
+.fa-rebel .v-button-caption:before {
content: "\f1d0";
}
-.fa-empire:before {
+.fa-empire .v-button-caption:before {
content: "\f1d1";
}
-.fa-ge:before {
+.fa-ge .v-button-caption:before {
content: "\f1d1";
}
-.fa-git-square:before {
+.fa-git-square .v-button-caption:before {
content: "\f1d2";
}
-.fa-git:before {
+.fa-git .v-button-caption:before {
content: "\f1d3";
}
-.fa-hacker-news:before {
+.fa-hacker-news .v-button-caption:before {
content: "\f1d4";
}
-.fa-y-combinator-square:before {
+.fa-y-combinator-square .v-button-caption:before {
content: "\f1d4";
}
-.fa-yc-square:before {
+.fa-yc-square .v-button-caption:before {
content: "\f1d4";
}
-.fa-tencent-weibo:before {
+.fa-tencent-weibo .v-button-caption:before {
content: "\f1d5";
}
-.fa-qq:before {
+.fa-qq .v-button-caption:before {
content: "\f1d6";
}
-.fa-wechat:before {
+.fa-wechat .v-button-caption:before {
content: "\f1d7";
}
-.fa-weixin:before {
+.fa-weixin .v-button-caption:before {
content: "\f1d7";
}
-.fa-paper-plane:before {
+.fa-paper-plane .v-button-caption:before {
content: "\f1d8";
}
-.fa-send:before {
+.fa-send .v-button-caption:before {
content: "\f1d8";
}
-.fa-paper-plane-o:before {
+.fa-paper-plane-o .v-button-caption:before {
content: "\f1d9";
}
-.fa-send-o:before {
+.fa-send-o .v-button-caption:before {
content: "\f1d9";
}
-.fa-history:before {
+.fa-history .v-button-caption:before {
content: "\f1da";
}
-.fa-circle-thin:before {
+.fa-circle-thin .v-button-caption:before {
content: "\f1db";
}
-.fa-header:before {
+.fa-header .v-button-caption:before {
content: "\f1dc";
}
-.fa-paragraph:before {
+.fa-paragraph .v-button-caption:before {
content: "\f1dd";
}
-.fa-sliders2:before {
+.fa-sliders2 .v-button-caption:before {
content: "\f1de";
}
-.fa-share-alt:before {
+.fa-share-alt .v-button-caption:before {
content: "\f1e0";
}
-.fa-share-alt-square:before {
+.fa-share-alt-square .v-button-caption:before {
content: "\f1e1";
}
-.fa-bomb:before {
+.fa-bomb .v-button-caption:before {
content: "\f1e2";
}
-.fa-futbol-o:before {
+.fa-futbol-o .v-button-caption:before {
content: "\f1e3";
}
-.fa-soccer-ball-o:before {
+.fa-soccer-ball-o .v-button-caption:before {
content: "\f1e3";
}
-.fa-tty:before {
+.fa-tty .v-button-caption:before {
content: "\f1e4";
}
-.fa-binoculars:before {
+.fa-binoculars .v-button-caption:before {
content: "\f1e5";
}
-.fa-plug:before {
+.fa-plug .v-button-caption:before {
content: "\f1e6";
}
-.fa-slideshare:before {
+.fa-slideshare .v-button-caption:before {
content: "\f1e7";
}
-.fa-twitch:before {
+.fa-twitch .v-button-caption:before {
content: "\f1e8";
}
-.fa-yelp:before {
+.fa-yelp .v-button-caption:before {
content: "\f1e9";
}
-.fa-newspaper-o:before {
+.fa-newspaper-o .v-button-caption:before {
content: "\f1ea";
}
-.fa-wifi:before {
+.fa-wifi .v-button-caption:before {
content: "\f1eb";
}
-.fa-calculator:before {
+.fa-calculator .v-button-caption:before {
content: "\f1ec";
}
-.fa-paypal:before {
+.fa-paypal .v-button-caption:before {
content: "\f1ed";
}
-.fa-google-wallet:before {
+.fa-google-wallet .v-button-caption:before {
content: "\f1ee";
}
-.fa-cc-visa:before {
+.fa-cc-visa .v-button-caption:before {
content: "\f1f0";
}
-.fa-cc-mastercard:before {
+.fa-cc-mastercard .v-button-caption:before {
content: "\f1f1";
}
-.fa-cc-discover:before {
+.fa-cc-discover .v-button-caption:before {
content: "\f1f2";
}
-.fa-cc-amex:before {
+.fa-cc-amex .v-button-caption:before {
content: "\f1f3";
}
-.fa-cc-paypal:before {
+.fa-cc-paypal .v-button-caption:before {
content: "\f1f4";
}
-.fa-cc-stripe:before {
+.fa-cc-stripe .v-button-caption:before {
content: "\f1f5";
}
-.fa-bell-slash:before {
+.fa-bell-slash .v-button-caption:before {
content: "\f1f6";
}
-.fa-bell-slash-o:before {
+.fa-bell-slash-o .v-button-caption:before {
content: "\f1f7";
}
-.fa-trash:before {
+.fa-trash .v-button-caption:before {
content: "\f1f8";
}
-.fa-copyright:before {
+.fa-copyright .v-button-caption:before {
content: "\f1f9";
}
-.fa-at:before {
+.fa-at .v-button-caption:before {
content: "\f1fa";
}
-.fa-eyedropper:before {
+.fa-eyedropper .v-button-caption:before {
content: "\f1fb";
}
-.fa-paint-brush:before {
+.fa-paint-brush .v-button-caption:before {
content: "\f1fc";
}
-.fa-birthday-cake:before {
+.fa-birthday-cake .v-button-caption:before {
content: "\f1fd";
}
-.fa-area-chart:before {
+.fa-area-chart .v-button-caption:before {
content: "\f1fe";
}
-.fa-pie-chart:before {
+.fa-pie-chart .v-button-caption:before {
content: "\f200";
}
-.fa-line-chart:before {
+.fa-line-chart .v-button-caption:before {
content: "\f201";
}
-.fa-lastfm:before {
+.fa-lastfm .v-button-caption:before {
content: "\f202";
}
-.fa-lastfm-square:before {
+.fa-lastfm-square .v-button-caption:before {
content: "\f203";
}
-.fa-toggle-off:before {
+.fa-toggle-off .v-button-caption:before {
content: "\f204";
}
-.fa-toggle-on:before {
+.fa-toggle-on .v-button-caption:before {
content: "\f205";
}
-.fa-bicycle:before {
+.fa-bicycle .v-button-caption:before {
content: "\f206";
}
-.fa-bus:before {
+.fa-bus .v-button-caption:before {
content: "\f207";
}
-.fa-ioxhost:before {
+.fa-ioxhost .v-button-caption:before {
content: "\f208";
}
-.fa-angellist:before {
+.fa-angellist .v-button-caption:before {
content: "\f209";
}
-.fa-cc:before {
+.fa-cc .v-button-caption:before {
content: "\f20a";
}
-.fa-ils:before {
+.fa-ils .v-button-caption:before {
content: "\f20b";
}
-.fa-shekel:before {
+.fa-shekel .v-button-caption:before {
content: "\f20b";
}
-.fa-sheqel:before {
+.fa-sheqel .v-button-caption:before {
content: "\f20b";
}
-.fa-meanpath:before {
+.fa-meanpath .v-button-caption:before {
content: "\f20c";
}
-.fa-buysellads:before {
+.fa-buysellads .v-button-caption:before {
content: "\f20d";
}
-.fa-connectdevelop:before {
+.fa-connectdevelop .v-button-caption:before {
content: "\f20e";
}
-.fa-dashcube:before {
+.fa-dashcube .v-button-caption:before {
content: "\f210";
}
-.fa-forumbee:before {
+.fa-forumbee .v-button-caption:before {
content: "\f211";
}
-.fa-leanpub:before {
+.fa-leanpub .v-button-caption:before {
content: "\f212";
}
-.fa-sellsy:before {
+.fa-sellsy .v-button-caption:before {
content: "\f213";
}
-.fa-shirtsinbulk:before {
+.fa-shirtsinbulk .v-button-caption:before {
content: "\f214";
}
-.fa-simplybuilt:before {
+.fa-simplybuilt .v-button-caption:before {
content: "\f215";
}
-.fa-skyatlas:before {
+.fa-skyatlas .v-button-caption:before {
content: "\f216";
}
-.fa-cart-plus:before {
+.fa-cart-plus .v-button-caption:before {
content: "\f217";
}
-.fa-cart-arrow-down:before {
+.fa-cart-arrow-down .v-button-caption:before {
content: "\f218";
}
-.fa-diamond:before {
+.fa-diamond .v-button-caption:before {
content: "\f219";
}
-.fa-ship:before {
+.fa-ship .v-button-caption:before {
content: "\f21a";
}
-.fa-user-secret:before {
+.fa-user-secret .v-button-caption:before {
content: "\f21b";
}
-.fa-motorcycle:before {
+.fa-motorcycle .v-button-caption:before {
content: "\f21c";
}
-.fa-street-view:before {
+.fa-street-view .v-button-caption:before {
content: "\f21d";
}
-.fa-heartbeat:before {
+.fa-heartbeat .v-button-caption:before {
content: "\f21e";
}
-.fa-venus:before {
+.fa-venus .v-button-caption:before {
content: "\f221";
}
-.fa-mars:before {
+.fa-mars .v-button-caption:before {
content: "\f222";
}
-.fa-mercury:before {
+.fa-mercury .v-button-caption:before {
content: "\f223";
}
-.fa-intersex:before {
+.fa-intersex .v-button-caption:before {
content: "\f224";
}
-.fa-transgender:before {
+.fa-transgender .v-button-caption:before {
content: "\f224";
}
-.fa-transgender-alt:before {
+.fa-transgender-alt .v-button-caption:before {
content: "\f225";
}
-.fa-venus-double:before {
+.fa-venus-double .v-button-caption:before {
content: "\f226";
}
-.fa-mars-double:before {
+.fa-mars-double .v-button-caption:before {
content: "\f227";
}
-.fa-venus-mars:before {
+.fa-venus-mars .v-button-caption:before {
content: "\f228";
}
-.fa-mars-stroke:before {
+.fa-mars-stroke .v-button-caption:before {
content: "\f229";
}
-.fa-mars-stroke-v:before {
+.fa-mars-stroke-v .v-button-caption:before {
content: "\f22a";
}
-.fa-mars-stroke-h:before {
+.fa-mars-stroke-h .v-button-caption:before {
content: "\f22b";
}
-.fa-neuter:before {
+.fa-neuter .v-button-caption:before {
content: "\f22c";
}
-.fa-genderless:before {
+.fa-genderless .v-button-caption:before {
content: "\f22d";
}
-.fa-facebook-official:before {
+.fa-facebook-official .v-button-caption:before {
content: "\f230";
}
-.fa-pinterest-p:before {
+.fa-pinterest-p .v-button-caption:before {
content: "\f231";
}
-.fa-whatsapp:before {
+.fa-whatsapp .v-button-caption:before {
content: "\f232";
}
-.fa-server:before {
+.fa-server .v-button-caption:before {
content: "\f233";
}
-.fa-user-plus:before {
+.fa-user-plus .v-button-caption:before {
content: "\f234";
}
-.fa-user-times:before {
+.fa-user-times .v-button-caption:before {
content: "\f235";
}
-.fa-bed:before {
+.fa-bed .v-button-caption:before {
content: "\f236";
}
-.fa-hotel:before {
+.fa-hotel .v-button-caption:before {
content: "\f236";
}
-.fa-viacoin:before {
+.fa-viacoin .v-button-caption:before {
content: "\f237";
}
-.fa-train:before {
+.fa-train .v-button-caption:before {
content: "\f238";
}
-.fa-subway:before {
+.fa-subway .v-button-caption:before {
content: "\f239";
}
-.fa-medium:before {
+.fa-medium .v-button-caption:before {
content: "\f23a";
}
-.fa-y-combinator:before {
+.fa-y-combinator .v-button-caption:before {
content: "\f23b";
}
-.fa-yc:before {
+.fa-yc .v-button-caption:before {
content: "\f23b";
}
-.fa-optin-monster:before {
+.fa-optin-monster .v-button-caption:before {
content: "\f23c";
}
-.fa-opencart:before {
+.fa-opencart .v-button-caption:before {
content: "\f23d";
}
-.fa-expeditedssl:before {
+.fa-expeditedssl .v-button-caption:before {
content: "\f23e";
}
-.fa-battery-4:before {
+.fa-battery-4 .v-button-caption:before {
content: "\f240";
}
-.fa-battery-full:before {
+.fa-battery-full .v-button-caption:before {
content: "\f240";
}
-.fa-battery-3:before {
+.fa-battery-3 .v-button-caption:before {
content: "\f241";
}
-.fa-battery-three-quarters:before {
+.fa-battery-three-quarters .v-button-caption:before {
content: "\f241";
}
-.fa-battery-2:before {
+.fa-battery-2 .v-button-caption:before {
content: "\f242";
}
-.fa-battery-half:before {
+.fa-battery-half .v-button-caption:before {
content: "\f242";
}
-.fa-battery-1:before {
+.fa-battery-1 .v-button-caption:before {
content: "\f243";
}
-.fa-battery-quarter:before {
+.fa-battery-quarter .v-button-caption:before {
content: "\f243";
}
-.fa-battery-0:before {
+.fa-battery-0 .v-button-caption:before {
content: "\f244";
}
-.fa-battery-empty:before {
+.fa-battery-empty .v-button-caption:before {
content: "\f244";
}
-.fa-mouse-pointer:before {
+.fa-mouse-pointer .v-button-caption:before {
content: "\f245";
}
-.fa-i-cursor:before {
+.fa-i-cursor .v-button-caption:before {
content: "\f246";
}
-.fa-object-group:before {
+.fa-object-group .v-button-caption:before {
content: "\f247";
}
-.fa-object-ungroup:before {
+.fa-object-ungroup .v-button-caption:before {
content: "\f248";
}
-.fa-sticky-note:before {
+.fa-sticky-note .v-button-caption:before {
content: "\f249";
}
-.fa-sticky-note-o:before {
+.fa-sticky-note-o .v-button-caption:before {
content: "\f24a";
}
-.fa-cc-jcb:before {
+.fa-cc-jcb .v-button-caption:before {
content: "\f24b";
}
-.fa-cc-diners-club:before {
+.fa-cc-diners-club .v-button-caption:before {
content: "\f24c";
}
-.fa-clone:before {
+.fa-clone .v-button-caption:before {
content: "\f24d";
}
-.fa-balance-scale:before {
+.fa-balance-scale .v-button-caption:before {
content: "\f24e";
}
-.fa-hourglass-o:before {
+.fa-hourglass-o .v-button-caption:before {
content: "\f250";
}
-.fa-hourglass-1:before {
+.fa-hourglass-1 .v-button-caption:before {
content: "\f251";
}
-.fa-hourglass-start:before {
+.fa-hourglass-start .v-button-caption:before {
content: "\f251";
}
-.fa-hourglass-2:before {
+.fa-hourglass-2 .v-button-caption:before {
content: "\f252";
}
-.fa-hourglass-half:before {
+.fa-hourglass-half .v-button-caption:before {
content: "\f252";
}
-.fa-hourglass-3:before {
+.fa-hourglass-3 .v-button-caption:before {
content: "\f253";
}
-.fa-hourglass-end:before {
+.fa-hourglass-end .v-button-caption:before {
content: "\f253";
}
-.fa-hourglass:before {
+.fa-hourglass .v-button-caption:before {
content: "\f254";
}
-.fa-hand-grab-o:before {
+.fa-hand-grab-o .v-button-caption:before {
content: "\f255";
}
-.fa-hand-rock-o:before {
+.fa-hand-rock-o .v-button-caption:before {
content: "\f255";
}
-.fa-hand-paper-o:before {
+.fa-hand-paper-o .v-button-caption:before {
content: "\f256";
}
-.fa-hand-stop-o:before {
+.fa-hand-stop-o .v-button-caption:before {
content: "\f256";
}
-.fa-hand-scissors-o:before {
+.fa-hand-scissors-o .v-button-caption:before {
content: "\f257";
}
-.fa-hand-lizard-o:before {
+.fa-hand-lizard-o .v-button-caption:before {
content: "\f258";
}
-.fa-hand-spock-o:before {
+.fa-hand-spock-o .v-button-caption:before {
content: "\f259";
}
-.fa-hand-pointer-o:before {
+.fa-hand-pointer-o .v-button-caption:before {
content: "\f25a";
}
-.fa-hand-peace-o:before {
+.fa-hand-peace-o .v-button-caption:before {
content: "\f25b";
}
-.fa-trademark:before {
+.fa-trademark .v-button-caption:before {
content: "\f25c";
}
-.fa-registered:before {
+.fa-registered .v-button-caption:before {
content: "\f25d";
}
-.fa-creative-commons:before {
+.fa-creative-commons .v-button-caption:before {
content: "\f25e";
}
-.fa-gg:before {
+.fa-gg .v-button-caption:before {
content: "\f260";
}
-.fa-gg-circle:before {
+.fa-gg-circle .v-button-caption:before {
content: "\f261";
}
-.fa-tripadvisor:before {
+.fa-tripadvisor .v-button-caption:before {
content: "\f262";
}
-.fa-odnoklassniki:before {
+.fa-odnoklassniki .v-button-caption:before {
content: "\f263";
}
-.fa-odnoklassniki-square:before {
+.fa-odnoklassniki-square .v-button-caption:before {
content: "\f264";
}
-.fa-get-pocket:before {
+.fa-get-pocket .v-button-caption:before {
content: "\f265";
}
-.fa-wikipedia-w:before {
+.fa-wikipedia-w .v-button-caption:before {
content: "\f266";
}
-.fa-safari:before {
+.fa-safari .v-button-caption:before {
content: "\f267";
}
-.fa-chrome:before {
+.fa-chrome .v-button-caption:before {
content: "\f268";
}
-.fa-firefox:before {
+.fa-firefox .v-button-caption:before {
content: "\f269";
}
-.fa-opera:before {
+.fa-opera .v-button-caption:before {
content: "\f26a";
}
-.fa-internet-explorer:before {
+.fa-internet-explorer .v-button-caption:before {
content: "\f26b";
}
-.fa-television:before {
+.fa-television .v-button-caption:before {
content: "\f26c";
}
-.fa-tv:before {
+.fa-tv .v-button-caption:before {
content: "\f26c";
}
-.fa-contao:before {
+.fa-contao .v-button-caption:before {
content: "\f26d";
}
-.fa-500px:before {
+.fa-500px .v-button-caption:before {
content: "\f26e";
}
-.fa-amazon:before {
+.fa-amazon .v-button-caption:before {
content: "\f270";
}
-.fa-calendar-plus-o:before {
+.fa-calendar-plus-o .v-button-caption:before {
content: "\f271";
}
-.fa-calendar-minus-o:before {
+.fa-calendar-minus-o .v-button-caption:before {
content: "\f272";
}
-.fa-calendar-times-o:before {
+.fa-calendar-times-o .v-button-caption:before {
content: "\f273";
}
-.fa-calendar-check-o:before {
+.fa-calendar-check-o .v-button-caption:before {
content: "\f274";
}
-.fa-industry:before {
+.fa-industry .v-button-caption:before {
content: "\f275";
}
-.fa-map-pin:before {
+.fa-map-pin .v-button-caption:before {
content: "\f276";
}
-.fa-map-signs:before {
+.fa-map-signs .v-button-caption:before {
content: "\f277";
}
-.fa-map-o:before {
+.fa-map-o .v-button-caption:before {
content: "\f278";
}
-.fa-map2:before {
+.fa-map2 .v-button-caption:before {
content: "\f279";
}
-.fa-commenting:before {
+.fa-commenting .v-button-caption:before {
content: "\f27a";
}
-.fa-commenting-o:before {
+.fa-commenting-o .v-button-caption:before {
content: "\f27b";
}
-.fa-houzz:before {
+.fa-houzz .v-button-caption:before {
content: "\f27c";
}
-.fa-vimeo:before {
+.fa-vimeo .v-button-caption:before {
content: "\f27d";
}
-.fa-black-tie:before {
+.fa-black-tie .v-button-caption:before {
content: "\f27e";
}
-.fa-fonticons:before {
+.fa-fonticons .v-button-caption:before {
content: "\f280";
}
-.fa-reddit-alien:before {
+.fa-reddit-alien .v-button-caption:before {
content: "\f281";
}
-.fa-edge:before {
+.fa-edge .v-button-caption:before {
content: "\f282";
}
-.fa-credit-card-alt:before {
+.fa-credit-card-alt .v-button-caption:before {
content: "\f283";
}
-.fa-codiepie:before {
+.fa-codiepie .v-button-caption:before {
content: "\f284";
}
-.fa-modx:before {
+.fa-modx .v-button-caption:before {
content: "\f285";
}
-.fa-fort-awesome:before {
+.fa-fort-awesome .v-button-caption:before {
content: "\f286";
}
-.fa-usb:before {
+.fa-usb .v-button-caption:before {
content: "\f287";
}
-.fa-product-hunt:before {
+.fa-product-hunt .v-button-caption:before {
content: "\f288";
}
-.fa-mixcloud:before {
+.fa-mixcloud .v-button-caption:before {
content: "\f289";
}
-.fa-scribd:before {
+.fa-scribd .v-button-caption:before {
content: "\f28a";
}
-.fa-pause-circle:before {
+.fa-pause-circle .v-button-caption:before {
content: "\f28b";
}
-.fa-pause-circle-o:before {
+.fa-pause-circle-o .v-button-caption:before {
content: "\f28c";
}
-.fa-stop-circle:before {
+.fa-stop-circle .v-button-caption:before {
content: "\f28d";
}
-.fa-stop-circle-o:before {
+.fa-stop-circle-o .v-button-caption:before {
content: "\f28e";
}
-.fa-shopping-bag:before {
+.fa-shopping-bag .v-button-caption:before {
content: "\f290";
}
-.fa-shopping-basket:before {
+.fa-shopping-basket .v-button-caption:before {
content: "\f291";
}
-.fa-hashtag:before {
+.fa-hashtag .v-button-caption:before {
content: "\f292";
}
-.fa-bluetooth:before {
+.fa-bluetooth .v-button-caption:before {
content: "\f293";
}
-.fa-bluetooth-b:before {
+.fa-bluetooth-b .v-button-caption:before {
content: "\f294";
}
-.fa-percent:before {
+.fa-percent .v-button-caption:before {
content: "\f295";
}
@@ -7755,8 +7755,8 @@
}
.osbp-steel .v-tooltip .v-errormessage {
- background-color: #3d3b3c;
- background-color: #3d3b3c;
+ background-color: white;
+ background-color: #fff;
color: #E3DC95;
margin: -3px -6px;
padding: 3px 6px;
@@ -7852,7 +7852,7 @@
.osbp-steel .v-reconnect-dialog {
color: white;
- top: 0px;
+ top: 8px;
right: 8px;
max-width: 100%;
border-radius: 0;
@@ -7940,14 +7940,14 @@
.osbp-steel .v-spacing {
width: 8px;
- height: 0px;
+ height: 8px;
}
.osbp-steel .v-verticallayout-well, .osbp-steel .v-horizontallayout-well {
background: #383637;
color: #c8c6c7;
- -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 3px 7px rgba(0, 0, 0, 0.1);
border-radius: 0px;
border: 1px solid #111011;
}
@@ -7979,8 +7979,8 @@
color: #cccbcc;
border-radius: 0px;
border: 1px solid #111011;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
}
.osbp-steel .v-verticallayout-card > .v-margin-top, .osbp-steel .v-horizontallayout-card > .v-margin-top {
@@ -8004,7 +8004,7 @@
}
.osbp-steel .v-horizontallayout-wrapping > .v-spacing + .v-slot, .osbp-steel .v-horizontallayout-wrapping > .v-slot:first-child {
- margin-bottom: 0px;
+ margin-bottom: 8px;
}
.osbp-steel .v-horizontallayout-wrapping > .v-slot:first-child:last-child {
@@ -8028,8 +8028,8 @@
border-radius: 0px;
border: 1px solid #111011;
background: #3d3b3c;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
}
.osbp-steel .v-button:before {
@@ -8116,8 +8116,8 @@
border-radius: 0px;
border: 1px solid #111011;
background: #5D737E;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
padding: 0 12px;
font-weight: bold;
min-width: 53px;
@@ -8159,8 +8159,8 @@
border-radius: 0px;
border: 1px solid #111011;
background: #2c9720;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
}
.osbp-steel .v-button-friendly:after {
@@ -8195,8 +8195,8 @@
border-radius: 0px;
border: 1px solid #111011;
background: #E3DC95;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
}
.osbp-steel .v-button-danger:after {
@@ -8357,11 +8357,11 @@
}
.osbp-steel .v-button-large {
- height: 29px;
- padding: 0 12px;
+ height: 34px;
+ padding: 0 14px;
- font-size: 15px;
+ font-size: 17px;
border-radius: 0px;
}
@@ -8375,11 +8375,11 @@
}
.osbp-steel .v-button-huge {
- height: 38px;
- padding: 0 16px;
+ height: 43px;
+ padding: 0 18px;
- font-size: 20px;
+ font-size: 22px;
border-radius: 0px;
}
@@ -8440,11 +8440,11 @@
}
.osbp-steel .v-button-icon-only.v-button-large {
- width: 29px;
+ width: 34px;
}
.osbp-steel .v-button-icon-only.v-button-huge {
- width: 38px;
+ width: 43px;
}
.osbp-steel .v-button-icon-only .v-button-caption {
@@ -8485,8 +8485,8 @@
border: 1px solid #111011;
-webkit-box-shadow: 0 0 0 1px transparent;
box-shadow: 0 0 0 1px transparent;
- -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
}
:root .osbp-steel .v-checkbox > input ~ label:before, :root .osbp-steel .v-checkbox > input ~ label:after {
@@ -8515,8 +8515,8 @@
border-radius: 0px;
border: 1px solid #111011;
background: #3d3b3c;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
padding: 0;
height: 12px;
}
@@ -8610,8 +8610,8 @@
border: 1px solid #111011;
-webkit-box-shadow: 0 0 0 1px transparent;
box-shadow: 0 0 0 1px transparent;
- -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
}
:root .osbp-steel .v-checkbox-small > input ~ label:before, :root .osbp-steel .v-checkbox-small > input ~ label:after {
@@ -8640,8 +8640,8 @@
border-radius: 0px;
border: 1px solid #111011;
background: #3d3b3c;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
padding: 0;
height: 10px;
}
@@ -8702,9 +8702,9 @@
.osbp-steel .v-checkbox-large {
position: relative;
- line-height: 15px;
+ line-height: 17px;
white-space: nowrap;
- font-size: 15px;
+ font-size: 17px;
}
.osbp-steel .v-checkbox-large.v-has-width label {
@@ -8712,7 +8712,7 @@
}
:root .osbp-steel .v-checkbox-large {
- padding-left: 19px;
+ padding-left: 23px;
}
:root .osbp-steel .v-checkbox-large label {
@@ -8735,8 +8735,8 @@
border: 1px solid #111011;
-webkit-box-shadow: 0 0 0 1px transparent;
box-shadow: 0 0 0 1px transparent;
- -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
}
:root .osbp-steel .v-checkbox-large > input ~ label:before, :root .osbp-steel .v-checkbox-large > input ~ label:after {
@@ -8745,19 +8745,19 @@
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
- width: 15px;
- height: 15px;
+ width: 17px;
+ height: 17px;
position: absolute;
top: 0;
left: 0;
border-radius: 0px;
- font-size: 12px;
+ font-size: 14px;
text-align: center;
}
:root .osbp-steel .v-checkbox-large > input ~ label:before {
- height: 14.5px;
- padding: 0 6px;
+ height: 17px;
+ padding: 0 7px;
color: #ecebec;
font-weight: 400;
@@ -8765,10 +8765,10 @@
border-radius: 0px;
border: 1px solid #111011;
background: #3d3b3c;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
padding: 0;
- height: 15px;
+ height: 17px;
}
:root .osbp-steel .v-checkbox-large > input ~ label:after {
@@ -8789,7 +8789,7 @@
}
.osbp-steel .v-checkbox-large > .v-icon, .osbp-steel .v-checkbox-large > label .v-icon {
- margin: 0 5px 0 2px;
+ margin: 0 6px 0 3px;
min-width: 1em;
cursor: pointer;
}
@@ -8827,7 +8827,7 @@
.osbp-steel .v-filterselect {
position: relative;
- width: 273px;
+ width: 274px;
height: 24px;
border-radius: 0px;
white-space: nowrap;
@@ -9207,8 +9207,8 @@
user-select: none;
background: #3d3b3c;
cursor: inherit;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
border: 1px solid #111011;
text-shadow: inherit;
text-overflow: ellipsis;
@@ -9220,8 +9220,8 @@
-webkit-transition: none;
-moz-transition: none;
transition: none;
- -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 0 1px transparent;
box-shadow: 0 0 0 1px transparent;
}
@@ -9533,9 +9533,9 @@
}
.osbp-steel .v-filterselect-large {
- height: 29px;
+ height: 34px;
- font-size: 15px;
+ font-size: 17px;
}
.osbp-steel .v-filterselect-large [class*="input"] {
@@ -9556,9 +9556,9 @@
font-weight: 400;
line-height: normal;
- height: 29px;
+ height: 34px;
- padding: 3px 5px;
+ padding: 4px 6px;
-webkit-transition: box-shadow 180ms, border 180ms;
@@ -9566,28 +9566,28 @@
transition: box-shadow 180ms, border 180ms;
width: 100% !important;
height: 100%;
- padding-right: 30px;
+ padding-right: 35px;
border-radius: inherit;
}
.v-ie8 .osbp-steel .v-filterselect-large [class*="input"], .v-ie9 .osbp-steel .v-filterselect-large [class*="input"] {
- line-height: 29px;
+ line-height: 34px;
padding-top: 0;
padding-bottom: 0;
}
.osbp-steel .v-filterselect-large .v-icon + [class*="input"] {
- padding-left: 29px;
+ padding-left: 34px;
}
.osbp-steel .v-filterselect-large img.v-icon {
- max-height: 29px;
- margin-left: 5px;
+ max-height: 34px;
+ margin-left: 6px;
}
.osbp-steel .v-filterselect-large span.v-icon {
- width: 29px;
+ width: 34px;
line-height: 1;
padding-top: 0.12em;
}
@@ -9597,7 +9597,7 @@
-webkit-touch-callout: none;
cursor: pointer;
position: absolute;
- width: 29px;
+ width: 34px;
}
.osbp-steel .v-filterselect-large [class$="button"]:before {
@@ -9607,7 +9607,7 @@
-moz-transition: color 140ms;
transition: color 140ms;
position: absolute;
- width: 29px;
+ width: 34px;
text-align: center;
top: 50%;
line-height: 1;
@@ -9660,9 +9660,9 @@
}
.osbp-steel .v-filterselect-huge {
- height: 38px;
+ height: 43px;
- font-size: 20px;
+ font-size: 22px;
}
.osbp-steel .v-filterselect-huge [class*="input"] {
@@ -9683,9 +9683,9 @@
font-weight: 400;
line-height: normal;
- height: 38px;
+ height: 43px;
- padding: 4px 7px;
+ padding: 5px 8px;
-webkit-transition: box-shadow 180ms, border 180ms;
@@ -9693,28 +9693,28 @@
transition: box-shadow 180ms, border 180ms;
width: 100% !important;
height: 100%;
- padding-right: 39px;
+ padding-right: 44px;
border-radius: inherit;
}
.v-ie8 .osbp-steel .v-filterselect-huge [class*="input"], .v-ie9 .osbp-steel .v-filterselect-huge [class*="input"] {
- line-height: 38px;
+ line-height: 43px;
padding-top: 0;
padding-bottom: 0;
}
.osbp-steel .v-filterselect-huge .v-icon + [class*="input"] {
- padding-left: 38px;
+ padding-left: 43px;
}
.osbp-steel .v-filterselect-huge img.v-icon {
- max-height: 38px;
- margin-left: 7px;
+ max-height: 43px;
+ margin-left: 8px;
}
.osbp-steel .v-filterselect-huge span.v-icon {
- width: 38px;
+ width: 43px;
line-height: 1;
padding-top: 0.12em;
}
@@ -9724,7 +9724,7 @@
-webkit-touch-callout: none;
cursor: pointer;
position: absolute;
- width: 38px;
+ width: 43px;
}
.osbp-steel .v-filterselect-huge [class$="button"]:before {
@@ -9734,7 +9734,7 @@
-moz-transition: color 140ms;
transition: color 140ms;
position: absolute;
- width: 38px;
+ width: 43px;
text-align: center;
top: 50%;
line-height: 1;
@@ -9789,8 +9789,8 @@
.osbp-steel .v-csslayout-well {
background: #383637;
color: #c8c6c7;
- -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 3px 7px rgba(0, 0, 0, 0.1);
border-radius: 0px;
border: 1px solid #111011;
}
@@ -9822,8 +9822,8 @@
color: #cccbcc;
border-radius: 0px;
border: 1px solid #111011;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
}
.osbp-steel .v-csslayout-card > .v-margin-top {
@@ -9876,7 +9876,7 @@
}
.osbp-steel [class*="spacing"] > tbody > [class*="row"] > td {
- padding-top: 0px;
+ padding-top: 8px;
}
.osbp-steel [class*="spacing"] > tbody > [class*="firstrow"] > td {
@@ -10851,7 +10851,7 @@
text-decoration: none;
border: none;
background: transparent;
- padding: 0px 4px;
+ padding: 4px 4px;
margin: 0;
outline: none;
}
@@ -10924,7 +10924,7 @@
-webkit-transition: box-shadow 180ms, border 180ms;
-moz-transition: box-shadow 180ms, border 180ms;
transition: box-shadow 180ms, border 180ms;
- width: 273px;
+ width: 274px;
}
.v-ie8 .osbp-steel .v-textfield, .v-ie9 .osbp-steel .v-textfield {
@@ -11073,19 +11073,19 @@
font-weight: 400;
line-height: normal;
- height: 29px;
+ height: 34px;
border-radius: 0px;
- padding: 3px 5px;
+ padding: 4px 6px;
-webkit-transition: box-shadow 180ms, border 180ms;
-moz-transition: box-shadow 180ms, border 180ms;
transition: box-shadow 180ms, border 180ms;
- font-size: 15px;
+ font-size: 17px;
}
.v-ie8 .osbp-steel .v-textfield-large, .v-ie9 .osbp-steel .v-textfield-large {
- line-height: 29px;
+ line-height: 34px;
padding-top: 0;
padding-bottom: 0;
}
@@ -11105,19 +11105,19 @@
font-weight: 400;
line-height: normal;
- height: 38px;
+ height: 43px;
border-radius: 0px;
- padding: 4px 7px;
+ padding: 5px 8px;
-webkit-transition: box-shadow 180ms, border 180ms;
-moz-transition: box-shadow 180ms, border 180ms;
transition: box-shadow 180ms, border 180ms;
- font-size: 20px;
+ font-size: 22px;
}
.v-ie8 .osbp-steel .v-textfield-huge, .v-ie9 .osbp-steel .v-textfield-huge {
- line-height: 38px;
+ line-height: 43px;
padding-top: 0;
padding-bottom: 0;
}
@@ -11297,19 +11297,19 @@
.osbp-steel .v-caption-inline-icon.v-caption-large span.v-icon {
left: 1px;
bottom: 1px;
- width: 29px;
- line-height: 27px;
+ width: 34px;
+ line-height: 32px;
text-align: center;
- font-size: 15px;
+ font-size: 17px;
}
.osbp-steel .v-caption-inline-icon.v-caption-large img.v-icon {
- left: 7px;
- bottom: 7px;
+ left: 9px;
+ bottom: 9px;
}
.osbp-steel .v-textfield-inline-icon.v-textfield-large {
- padding-left: 29px;
+ padding-left: 34px;
}
.osbp-steel .v-slot-inline-icon.v-slot-huge {
@@ -11335,19 +11335,19 @@
.osbp-steel .v-caption-inline-icon.v-caption-huge span.v-icon {
left: 1px;
bottom: 1px;
- width: 38px;
- line-height: 36px;
+ width: 43px;
+ line-height: 41px;
text-align: center;
- font-size: 20px;
+ font-size: 22px;
}
.osbp-steel .v-caption-inline-icon.v-caption-huge img.v-icon {
- left: 11px;
- bottom: 11px;
+ left: 14px;
+ bottom: 14px;
}
.osbp-steel .v-textfield-inline-icon.v-textfield-huge {
- padding-left: 38px;
+ padding-left: 43px;
}
.osbp-steel .v-textfield-align-right {
@@ -11387,7 +11387,7 @@
height: auto;
resize: none;
white-space: pre-wrap;
- width: 273px;
+ width: 274px;
}
.v-ie8 .osbp-steel .v-textarea, .v-ie9 .osbp-steel .v-textarea {
@@ -11559,7 +11559,7 @@
font-weight: 400;
line-height: normal;
- height: 29px;
+ height: 34px;
border-radius: 0px;
padding: 4px;
@@ -11571,19 +11571,19 @@
height: auto;
resize: none;
white-space: pre-wrap;
- font-size: 15px;
+ font-size: 17px;
}
.v-ie8 .osbp-steel .v-textarea-large, .v-ie9 .osbp-steel .v-textarea-large {
- line-height: 29px;
+ line-height: 34px;
padding-top: 0;
padding-bottom: 0;
}
.v-ie8 .osbp-steel .v-textarea-large, .v-ie9 .osbp-steel .v-textarea-large {
line-height: inherit;
- padding-top: 3px;
- padding-bottom: 3px;
+ padding-top: 4px;
+ padding-bottom: 4px;
}
.osbp-steel .v-textarea-huge {
@@ -11601,7 +11601,7 @@
font-weight: 400;
line-height: normal;
- height: 38px;
+ height: 43px;
border-radius: 0px;
padding: 4px;
@@ -11613,19 +11613,19 @@
height: auto;
resize: none;
white-space: pre-wrap;
- font-size: 20px;
+ font-size: 22px;
}
.v-ie8 .osbp-steel .v-textarea-huge, .v-ie9 .osbp-steel .v-textarea-huge {
- line-height: 38px;
+ line-height: 43px;
padding-top: 0;
padding-bottom: 0;
}
.v-ie8 .osbp-steel .v-textarea-huge, .v-ie9 .osbp-steel .v-textarea-huge {
line-height: inherit;
- padding-top: 4px;
- padding-bottom: 4px;
+ padding-top: 5px;
+ padding-bottom: 5px;
}
.osbp-steel .v-textarea-align-right {
@@ -11638,7 +11638,7 @@
.osbp-steel .v-datefield {
position: relative;
- width: 273px;
+ width: 274px;
height: 24px;
border-radius: 0px;
}
@@ -11805,7 +11805,7 @@
}
.osbp-steel .v-datefield-day {
- width: 273px;
+ width: 274px;
}
.osbp-steel .v-datefield-month {
@@ -12505,9 +12505,9 @@
}
.osbp-steel .v-datefield-large {
- height: 29px;
+ height: 34px;
border-radius: 0px;
- font-size: 15px;
+ font-size: 17px;
}
.osbp-steel .v-datefield-large [class*="textfield"] {
@@ -12528,23 +12528,23 @@
font-weight: 400;
line-height: normal;
- height: 29px;
+ height: 34px;
border-radius: 0px;
- padding: 3px 5px;
+ padding: 4px 6px;
-webkit-transition: box-shadow 180ms, border 180ms;
-moz-transition: box-shadow 180ms, border 180ms;
transition: box-shadow 180ms, border 180ms;
- padding-left: 34.8px;
+ padding-left: 40.8px;
width: 100%;
height: 100%;
border-radius: inherit;
}
.v-ie8 .osbp-steel .v-datefield-large [class*="textfield"], .v-ie9 .osbp-steel .v-datefield-large [class*="textfield"] {
- line-height: 29px;
+ line-height: 34px;
padding-top: 0;
padding-bottom: 0;
}
@@ -12558,8 +12558,8 @@
padding: 0;
position: absolute;
z-index: 10;
- width: 29px;
- line-height: 29px;
+ width: 34px;
+ line-height: 34px;
text-align: center;
font: inherit;
outline: none;
@@ -12620,9 +12620,9 @@
}
.osbp-steel .v-datefield-huge {
- height: 38px;
+ height: 43px;
border-radius: 0px;
- font-size: 20px;
+ font-size: 22px;
}
.osbp-steel .v-datefield-huge [class*="textfield"] {
@@ -12643,23 +12643,23 @@
font-weight: 400;
line-height: normal;
- height: 38px;
+ height: 43px;
border-radius: 0px;
- padding: 4px 7px;
+ padding: 5px 8px;
-webkit-transition: box-shadow 180ms, border 180ms;
-moz-transition: box-shadow 180ms, border 180ms;
transition: box-shadow 180ms, border 180ms;
- padding-left: 45.6px;
+ padding-left: 51.6px;
width: 100%;
height: 100%;
border-radius: inherit;
}
.v-ie8 .osbp-steel .v-datefield-huge [class*="textfield"], .v-ie9 .osbp-steel .v-datefield-huge [class*="textfield"] {
- line-height: 38px;
+ line-height: 43px;
padding-top: 0;
padding-bottom: 0;
}
@@ -12673,8 +12673,8 @@
padding: 0;
position: absolute;
z-index: 10;
- width: 38px;
- line-height: 38px;
+ width: 43px;
+ line-height: 43px;
text-align: center;
font: inherit;
outline: none;
@@ -12948,7 +12948,7 @@
.osbp-steel .v-gridlayout-spacing-on {
padding-left: 8px;
- padding-top: 0px;
+ padding-top: 8px;
}
.osbp-steel .v-menubar {
@@ -12968,8 +12968,8 @@
border-radius: 0px;
border: 1px solid #111011;
background: #3d3b3c;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
padding: 0;
text-align: left;
line-height: 22px;
@@ -13398,8 +13398,8 @@
border: 1px solid #111011;
-webkit-box-shadow: 0 0 0 1px transparent;
box-shadow: 0 0 0 1px transparent;
- -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
}
:root .osbp-steel .v-radiobutton > input ~ label:before, :root .osbp-steel .v-radiobutton > input ~ label:after {
@@ -13428,8 +13428,8 @@
border-radius: 0px;
border: 1px solid #111011;
background: #3d3b3c;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
padding: 0;
height: 12px;
}
@@ -13556,8 +13556,8 @@
border: 1px solid #111011;
-webkit-box-shadow: 0 0 0 1px transparent;
box-shadow: 0 0 0 1px transparent;
- -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
}
:root .osbp-steel .v-select-optiongroup-small .v-checkbox > input ~ label:before, :root .osbp-steel .v-select-optiongroup-small .v-checkbox > input ~ label:after {
@@ -13586,8 +13586,8 @@
border-radius: 0px;
border: 1px solid #111011;
background: #3d3b3c;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
padding: 0;
height: 10px;
}
@@ -13680,8 +13680,8 @@
border: 1px solid #111011;
-webkit-box-shadow: 0 0 0 1px transparent;
box-shadow: 0 0 0 1px transparent;
- -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
}
:root .osbp-steel .v-select-optiongroup-small .v-radiobutton > input ~ label:before, :root .osbp-steel .v-select-optiongroup-small .v-radiobutton > input ~ label:after {
@@ -13710,8 +13710,8 @@
border-radius: 0px;
border: 1px solid #111011;
background: #3d3b3c;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
padding: 0;
height: 10px;
}
@@ -13801,12 +13801,12 @@
}
.osbp-steel .v-select-optiongroup-large {
- font-size: 15px;
+ font-size: 17px;
}
.osbp-steel .v-select-optiongroup-large .v-checkbox {
position: relative;
- line-height: 15px;
+ line-height: 17px;
white-space: nowrap;
}
@@ -13815,7 +13815,7 @@
}
:root .osbp-steel .v-select-optiongroup-large .v-checkbox {
- padding-left: 19px;
+ padding-left: 23px;
}
:root .osbp-steel .v-select-optiongroup-large .v-checkbox label {
@@ -13838,8 +13838,8 @@
border: 1px solid #111011;
-webkit-box-shadow: 0 0 0 1px transparent;
box-shadow: 0 0 0 1px transparent;
- -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
}
:root .osbp-steel .v-select-optiongroup-large .v-checkbox > input ~ label:before, :root .osbp-steel .v-select-optiongroup-large .v-checkbox > input ~ label:after {
@@ -13848,19 +13848,19 @@
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
- width: 15px;
- height: 15px;
+ width: 17px;
+ height: 17px;
position: absolute;
top: 0;
left: 0;
border-radius: 0px;
- font-size: 12px;
+ font-size: 14px;
text-align: center;
}
:root .osbp-steel .v-select-optiongroup-large .v-checkbox > input ~ label:before {
- height: 14.5px;
- padding: 0 6px;
+ height: 17px;
+ padding: 0 7px;
color: #ecebec;
font-weight: 400;
@@ -13868,10 +13868,10 @@
border-radius: 0px;
border: 1px solid #111011;
background: #3d3b3c;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
padding: 0;
- height: 15px;
+ height: 17px;
}
:root .osbp-steel .v-select-optiongroup-large .v-checkbox > input ~ label:after {
@@ -13892,7 +13892,7 @@
}
.osbp-steel .v-select-optiongroup-large .v-checkbox > .v-icon, .osbp-steel .v-select-optiongroup-large .v-checkbox > label .v-icon {
- margin: 0 5px 0 2px;
+ margin: 0 6px 0 3px;
min-width: 1em;
cursor: pointer;
}
@@ -13930,7 +13930,7 @@
.osbp-steel .v-select-optiongroup-large .v-radiobutton {
position: relative;
- line-height: 15px;
+ line-height: 17px;
white-space: nowrap;
}
@@ -13939,7 +13939,7 @@
}
:root .osbp-steel .v-select-optiongroup-large .v-radiobutton {
- padding-left: 19px;
+ padding-left: 23px;
}
:root .osbp-steel .v-select-optiongroup-large .v-radiobutton label {
@@ -13962,8 +13962,8 @@
border: 1px solid #111011;
-webkit-box-shadow: 0 0 0 1px transparent;
box-shadow: 0 0 0 1px transparent;
- -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
}
:root .osbp-steel .v-select-optiongroup-large .v-radiobutton > input ~ label:before, :root .osbp-steel .v-select-optiongroup-large .v-radiobutton > input ~ label:after {
@@ -13972,19 +13972,19 @@
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
- width: 15px;
- height: 15px;
+ width: 17px;
+ height: 17px;
position: absolute;
top: 0;
left: 0;
border-radius: 0px;
- font-size: 12px;
+ font-size: 14px;
text-align: center;
}
:root .osbp-steel .v-select-optiongroup-large .v-radiobutton > input ~ label:before {
- height: 14.5px;
- padding: 0 6px;
+ height: 17px;
+ padding: 0 7px;
color: #ecebec;
font-weight: 400;
@@ -13992,10 +13992,10 @@
border-radius: 0px;
border: 1px solid #111011;
background: #3d3b3c;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
padding: 0;
- height: 15px;
+ height: 17px;
}
:root .osbp-steel .v-select-optiongroup-large .v-radiobutton > input ~ label:after {
@@ -14016,7 +14016,7 @@
}
.osbp-steel .v-select-optiongroup-large .v-radiobutton > .v-icon, .osbp-steel .v-select-optiongroup-large .v-radiobutton > label .v-icon {
- margin: 0 5px 0 2px;
+ margin: 0 6px 0 3px;
min-width: 1em;
cursor: pointer;
}
@@ -14053,10 +14053,10 @@
}
:root .osbp-steel .v-select-optiongroup-large .v-radiobutton > input:checked ~ label:after {
- width: 5px;
- height: 5px;
- top: 5px;
- left: 5px;
+ width: 6px;
+ height: 6px;
+ top: 6px;
+ left: 6px;
background: #5D737E;
}
@@ -14067,15 +14067,15 @@
.osbp-steel .v-select-optiongroup-large .v-radiobutton, .osbp-steel .v-select-optiongroup-large .v-checkbox {
display: block;
- margin: 7px 12px 0 0;
+ margin: 9px 12px 0 0;
}
.osbp-steel .v-select-optiongroup-large .v-radiobutton:first-child, .osbp-steel .v-select-optiongroup-large .v-checkbox:first-child {
- margin-top: 5px;
+ margin-top: 6px;
}
.osbp-steel .v-select-optiongroup-large .v-radiobutton:last-child, .osbp-steel .v-select-optiongroup-large .v-checkbox:last-child {
- margin-bottom: 5px;
+ margin-bottom: 6px;
}
.osbp-steel .v-select-optiongroup-large.v-has-width label {
@@ -14135,7 +14135,7 @@
}
.osbp-steel .v-link-large {
- font-size: 15px;
+ font-size: 17px;
}
.osbp-steel .v-window {
@@ -15686,8 +15686,8 @@
border-radius: 0px;
border: 1px solid #111011;
background: #3d3b3c;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
}
.osbp-steel .v-slider-handle:before:after {
@@ -16309,8 +16309,8 @@
color: #cccbcc;
border-radius: 0px;
border: 1px solid #111011;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
overflow: visible !important;
}
@@ -16379,8 +16379,8 @@
.osbp-steel .v-panel-well {
background: #383637;
color: #c8c6c7;
- -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 3px 7px rgba(0, 0, 0, 0.1);
border-radius: 0px;
border: 1px solid #111011;
}
@@ -16436,8 +16436,8 @@
color: #cccbcc;
border-radius: 0px;
border: 1px solid #111011;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
background-color: #3d3b3c;
background-image: -webkit-linear-gradient(top, #3d3b3c 0%, #3d3b3c 100%);
background-image: linear-gradient(to bottom,#3d3b3c 0%, #3d3b3c 100%);
@@ -16509,8 +16509,8 @@
}
.osbp-steel .v-accordion-item-content {
- -webkit-box-shadow: inset 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: inset 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: inset 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 1px 3px 7px rgba(0, 0, 0, 0.1);
background-color: #4a4849;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
@@ -17136,7 +17136,7 @@
}
.osbp-steel .v-label-large {
- font-size: 15px;
+ font-size: 17px;
}
.osbp-steel .v-label-small {
@@ -17148,7 +17148,7 @@
}
.osbp-steel .v-label-huge {
- font-size: 20px;
+ font-size: 22px;
}
.osbp-steel .v-label-bold {
@@ -17411,7 +17411,7 @@
}
.osbp-steel .v-popupview-loading {
- margin: 0px 8px;
+ margin: 8px 8px;
height: 24px !important;
width: 24px !important;
-webkit-box-sizing: border-box;
@@ -17632,7 +17632,7 @@
}
.osbp-steel .v-Notification.v-position-top {
- top: 0px;
+ top: 8px;
}
.osbp-steel .v-Notification.v-position-right {
@@ -17640,7 +17640,7 @@
}
.osbp-steel .v-Notification.v-position-bottom {
- bottom: 0px;
+ bottom: 8px;
}
.osbp-steel .v-Notification.v-position-left {
@@ -18054,8 +18054,8 @@
padding: 8px 12px;
font-size: 11px;
border-bottom: 1px solid #111011;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
text-align: center;
}
@@ -18167,7 +18167,7 @@
width: 36px;
height: 36px;
border-radius: 19px;
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
display: block;
margin: 0 auto 0.3em;
border: 1px solid #111011;
@@ -18300,7 +18300,7 @@
overflow: hidden;
background: #858387;
font-size: 10px;
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
}
.osbp-steel .valo-menu-part.large-icons [class*="subtitle"] [class*="badge"] {
@@ -18373,8 +18373,8 @@
font-size: 16px;
line-height: 29px;
margin: 12px auto;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
}
.osbp-steel .valo-menu-logo:focus {
@@ -18415,7 +18415,7 @@
overflow: hidden;
background: #858387;
font-size: 10px;
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
}
.osbp-steel .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part [class*="subtitle"] [class*="badge"] {
@@ -18587,6 +18587,26 @@
overflow: hidden;
}
+.osbp-steel .v-Notification .v-Notification-caption {
+ font-size: 24px;
+}
+
+.osbp-steel .v-Notification .v-Notification-description {
+ font-size: 14.4px;
+ display: block;
+ text-align: center;
+ margin-left: 0px;
+ margin: 0 auto;
+}
+
+.osbp-steel .v-verticallayout-os-welcome {
+ padding: 0px !important;
+}
+
+.osbp-steel iframe {
+ border-width: 0px;
+}
+
:root .osbp-steel .v-checkbox {
line-height: 24px;
padding-top: inherit;
@@ -18614,6 +18634,11 @@
box-shadow: none;
}
+:root .osbp-steel .v-checkbox > input:focus ~ label:before {
+ background-color: #aeb9be;
+ border-bottom-color: #5D737E;
+}
+
:root .osbp-steel .v-checkbox > input ~ label:before, :root .osbp-steel .v-checkbox > input ~ label:after {
margin-top: inherit;
}
@@ -18638,7 +18663,7 @@
.osbp-steel .popupContent .v-window-header {
font-size: 16.8px;
- margin: 8px;
+ padding: 8px;
font-weight: bold;
text-overflow: ellipsis;
overflow: hidden;
@@ -18646,7 +18671,7 @@
color: #c4c3c3;
line-height: 29.4px;
letter-spacing: 0em !important;
- min-width: $os-button-width;
+ min-width: 168px;
text-align: center;
}
@@ -18663,9 +18688,10 @@
.osbp-steel .popupContent .v-window-closebox:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\2715";
+ line-height: 14px;
+ content: "\2715" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.osbp-steel .popupContent .v-window-maximizebox {
@@ -18679,9 +18705,10 @@
.osbp-steel .popupContent .v-window-maximizebox:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f096";
+ line-height: 14px;
+ content: "\f096" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.osbp-steel .popupContent .v-window-restorebox {
@@ -18700,9 +18727,10 @@
.osbp-steel .popupContent .v-window-restorebox:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f24d";
+ line-height: 14px;
+ content: "\f24d" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.osbp-steel .popupContent .v-window-closebox, .osbp-steel .popupContent .v-window-maximizebox, .osbp-steel .popupContent .v-window-restorebox {
@@ -18725,7 +18753,7 @@
border-width: 0px;
}
-.osbp-steel .v-button {
+.osbp-steel .v-button, .osbp-steel .v-nativebutton {
height: 32px;
padding: 0 13px;
color: #e1e1e1;
@@ -18733,31 +18761,30 @@
border-radius: 0px;
- border: #3d3b3c #111011;
+ border: 0px;
background: #949396;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
text-transform: uppercase;
- border-color: #949396;
margin-left: 4px;
}
-.osbp-steel .v-button.v-pressed {
- background: #8d9da4 !important;
+.osbp-steel .v-button.v-pressed, .osbp-steel .v-nativebutton.v-pressed {
+ background-color: #8d9da4 !important;
border-color: #8d9da4 !important;
}
-.osbp-steel .v-button:after {
+.osbp-steel .v-button:after, .osbp-steel .v-nativebutton:after {
transition: none;
}
-.osbp-steel .v-button:hover {
- background: #5D737E;
+.osbp-steel .v-button:hover, .osbp-steel .v-button:focus, .osbp-steel .v-button:active, .osbp-steel .v-nativebutton:hover, .osbp-steel .v-nativebutton:focus, .osbp-steel .v-nativebutton:active {
+ background-color: #5D737E;
border-color: #5D737E;
color: #d2d8da;
}
-.osbp-steel .v-button:focus:after {
+.osbp-steel .v-button:focus:after, .osbp-steel .v-nativebutton:focus:after {
border-color: transparent;
transition: none;
}
@@ -18814,26 +18841,9 @@
border-bottom-color: #5D737E;
}
-.osbp-steel .o-XSuggestBox, .osbp-steel .o-XSuggestBox > .v-textfield {
- background-color: #2b292a;
- border-top: transparent;
- border-left: transparent;
- border-right: transparent;
- height: 24px;
-}
-
-.osbp-steel .o-XSuggestBox:focus, .osbp-steel .o-XSuggestBox > .v-textfield:focus {
- background-color: #aeb9be;
- color: #2f3437;
-}
-
-.osbp-steel .o-XSuggestBox:hover, .osbp-steel .o-XSuggestBox > .v-textfield:hover {
- border-bottom-color: #5D737E;
-}
-
.osbp-steel .os-view-header-h2, .osbp-steel .v-label-h2 {
font-size: 16.8px;
- margin: 8px;
+ padding: 8px;
font-weight: bold;
text-overflow: ellipsis;
overflow: hidden;
@@ -18841,17 +18851,13 @@
color: #c4c3c3;
line-height: 29.4px;
letter-spacing: 0em !important;
- min-width: $os-button-width;
+ min-width: 168px;
}
.osbp-steel .os-org-container {
background: transparent !important;
}
-.osbp-steel .os-data-area {
- margin: 8px;
-}
-
.osbp-steel .os-multi-area .os-data-area {
overflow: inherit !important;
}
@@ -18888,7 +18894,7 @@
}
.osbp-steel .v-splitpanel-vertical > div > .v-splitpanel-vsplitter {
- height: 8.72727px;
+ height: 8px;
}
.osbp-steel .v-splitpanel-vertical > div > .v-splitpanel-vsplitter:after {
@@ -18950,7 +18956,7 @@
}
.osbp-steel .v-splitpanel-vertical > div {
- height: 8.72727px;
+ height: 8px;
}
.osbp-steel .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before {
@@ -18959,11 +18965,11 @@
}
.osbp-steel .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:after {
- border-color: #8a8789;
+ border-color: #2b292a;
}
.osbp-steel .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter {
- width: 8.72727px;
+ width: 8px;
}
.osbp-steel .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter:after {
@@ -19026,11 +19032,11 @@
}
.osbp-steel .v-splitpanel-horizontal > div > .v-splitpanel-second-container {
- margin-left: 8.72727px;
+ margin-left: 8px;
}
.osbp-steel .v-splitpanel-horizontal > div {
- width: 8.72727px;
+ width: 8px;
}
.osbp-steel .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before {
@@ -19039,11 +19045,11 @@
}
.osbp-steel .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:after {
- border-color: #8a8789;
+ border-color: #2b292a;
}
.osbp-steel .os-important .v-progressbar-indicator {
- background: #be1e2d none;
+ background: #E3DC95 none;
}
.osbp-steel .v-loading-indicator {
@@ -19067,12 +19073,13 @@
background-size: auto 24px;
background-color: #2b292a;
border: 0px;
- border-bottom: 3px solid #5D737E;
height: 27px;
}
.osbp-steel .v-ui > .v-panel > .v-panel-content > .v-verticallayout > .v-expand > .v-slot > .v-verticallayout > .v-expand > .v-slot:nth-child(1) {
- background-color: #2b292a;
+ background-color: #5D737E;
+ background-image: -webkit-linear-gradient(top, #5D737E 5px, #2b292a 5px);
+ background-image: linear-gradient(to bottom,#5D737E 5px, #2b292a 5px);
}
.osbp-steel .v-ui > .v-panel > .v-panel-content > .v-verticallayout > .v-expand > .v-slot > .v-verticallayout > .v-expand > .v-slot:nth-child(2) {
@@ -19084,7 +19091,7 @@
white-space: nowrap;
position: inherit;
bottom: 0px;
- height: 58.52728px;
+ height: 57.8px;
height: 60px;
}
@@ -19100,17 +19107,6 @@
.osbp-steel .toptrimbar .v-button {
border: none;
- background: transparent;
- padding: 0px;
-}
-
-.osbp-steel .toptrimbar .v-filterselect, .osbp-steel .toptrimbar .v-filterselect-input {
- background-color: #2b292a !important;
- color: #c4c3c3 !important;
-}
-
-.osbp-steel .toptrimbar .v-filterselect.v-widget.os-combobox-with-icon .v-icon {
- z-index: 999;
}
.osbp-steel .toptrimbar td.v-formlayout-errorcell, .osbp-steel .toptrimbar td.v-formlayout-captioncell {
@@ -19118,11 +19114,13 @@
}
.osbp-steel .perspectivepanel {
+ position: absolute;
margin-right: 24px;
+ top: 5px;
}
.osbp-steel .perspectivepanel .v-button {
- height: 39px;
+ height: 31px;
}
.osbp-steel .perspectivepanel .v-button-pushed {
@@ -19137,13 +19135,16 @@
.osbp-steel .v-slot-loginPanelArea {
background-image: url('U68NITW3EI_s.jpg');
background-repeat: no-repeat;
- background-size: cover;
background-color: #2b292a;
+ background-size: 450px 120px;
+ background-position: 50% 100px;
}
.osbp-steel .loginPanelArea.v-panel {
border: 0px !important;
background: transparent;
+ position: relative;
+ top: 300px;
}
.osbp-steel .loginFullArea {
@@ -19162,6 +19163,10 @@
border-top: 1px solid #111011;
}
+.osbp-steel .v-slot-loginTitleArea .os-view-header-h2 {
+ text-align: center;
+}
+
.osbp-steel .v-slot-loginTextArea {
background: transparent;
width: 100% !important;
@@ -19203,7 +19208,7 @@
background: transparent;
border-left: 1px solid #111011;
border-right: 1px solid #111011;
- padding: 0px 48px 24px 48px;
+ padding: 0px 48px 12px 48px;
}
.osbp-steel div#loginTextArea > .v-expand {
@@ -19211,6 +19216,10 @@
margin: 0 auto;
}
+.osbp-steel div#loginTextArea img.v-image.v-widget {
+ margin-top: -12px;
+}
+
.osbp-steel div#loginImageArea {
padding: 0px;
width: 0px !important;
@@ -19233,6 +19242,9 @@
background: transparent;
color: #5D737E;
font-weight: bold;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ white-space: nowrap;
}
.osbp-steel div#loginRegisterArea .v-expand {
@@ -19241,12 +19253,20 @@
.osbp-steel .loginCopyrightArea .v-label.v-widget.v-has-width {
padding: 7.2px;
+ padding-bottom: 1px;
text-align: center;
background-color: rgba(61, 59, 60, 0.25);
color: #949396;
font-weight: bold;
}
+.osbp-steel .loginCopyrightArea .v-label.v-widget.loginVersionField {
+ padding: 2.4px;
+ padding-right: 10px;
+ text-align: right;
+ font-size: 10px;
+}
+
.osbp-steel .v-table-table td {
border-top: 0px;
}
@@ -19278,23 +19298,6 @@
border-bottom: 1px solid #111011;
}
-.osbp-steel .v-table-header-wrap .v-table-column-selector {
- border: 0px;
- width: auto !important;
- right: 1px;
- background: transparent;
- border: 0px;
- float: right;
-}
-
-.osbp-steel .v-table-header-wrap .v-table-column-selector:before {
- font-family: FontAwesome;
- font-size: 14px;
- line-height: 21px;
- content: "\f0c9";
- text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
-}
-
.osbp-steel .v-align-right > .v-table-cell-wrapper {
text-align: right !important;
}
@@ -19374,11 +19377,14 @@
text-transform: none;
}
-.osbp-steel .filters-panel .datefilterpopup > .v-button:focus, .osbp-steel .filters-panel .numberfilterpopup > .v-button:focus {
+.osbp-steel .filters-panel .datefilterpopup > .v-button:after, .osbp-steel .filters-panel .numberfilterpopup > .v-button:after {
+ border-bottom-width: 0px;
+}
+
+.osbp-steel .filters-panel .datefilterpopup > .v-button:focus, .osbp-steel .filters-panel .datefilterpopup > .v-button:hover, .osbp-steel .filters-panel .numberfilterpopup > .v-button:focus, .osbp-steel .filters-panel .numberfilterpopup > .v-button:hover {
background-color: #aeb9be;
color: #2f3437;
border-bottom-color: #5D737E;
- border-bottom-width: 1px;
border-left: 1px solid #111011;
border-left-color: #3d3b3c;
}
@@ -19388,11 +19394,9 @@
border-top-width: 0px;
border-left: 1px solid #111011;
border-left-color: #3d3b3c;
- border-bottom-width: 1px;
}
.osbp-steel .filters-panel .datefilterpopup > .v-button:hover:after, .osbp-steel .filters-panel .numberfilterpopup > .v-button:hover:after {
- border-bottom-width: 1px;
border-left: 1px solid #111011;
border-left-color: #3d3b3c;
}
@@ -19411,9 +19415,10 @@
.osbp-steel .filters-panel .datefilterpopup > .v-button .v-button-caption:after, .osbp-steel .filters-panel .numberfilterpopup > .v-button .v-button-caption:after {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
+ line-height: 14px;
content: "\F078";
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.osbp-steel .filters-panel .datefilterpopup > .v-button .v-button-caption:after, .osbp-steel .filters-panel .numberfilterpopup > .v-button .v-button-caption:after {
@@ -19421,58 +19426,64 @@
padding-left: 6px;
}
-.osbp-steel .v-tabsheet-tabsheetpanel .v-panel .v-verticallayout-part {
- border-top: 0px;
-}
-
.osbp-steel .vaadock-tabsheet-button-panel {
float: right;
position: absolute;
- height: 100%;
top: 0px;
right: 0px;
- width: 60px;
+ width: 48px;
+ height: 100%;
background-color: #2b292a;
- height: calc(100% - 1px);
- border-bottom: 1px solid #111011;
}
.osbp-steel .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-maximize-button {
background: transparent;
border: 0px;
float: right;
- color: #c4c3c3;
}
.osbp-steel .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-maximize-button:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f096";
+ line-height: 24px;
+ content: "\f096" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-maximize-button:hover:before {
+ color: inherit;
}
.osbp-steel .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-maximize-button:before {
vertical-align: middle;
+ color: #c4c3c3;
+ opacity: 0.3;
}
.osbp-steel .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-minimize-button {
background: transparent;
border: 0px;
float: right;
- color: #c4c3c3;
}
.osbp-steel .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-minimize-button:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f147";
+ line-height: 24px;
+ content: "\f147" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-minimize-button:hover:before {
+ color: inherit;
}
.osbp-steel .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-minimize-button:before {
vertical-align: middle;
+ color: #c4c3c3;
+ opacity: 0.3;
}
.osbp-steel .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-restore-button {
@@ -19484,27 +19495,31 @@
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
- color: #c4c3c3;
}
.osbp-steel .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-restore-button:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f24d";
+ line-height: 24px;
+ content: "\f24d" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-restore-button:hover:before {
+ color: inherit;
}
.osbp-steel .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-restore-button:before {
vertical-align: middle;
+ color: #c4c3c3;
+ opacity: 0.3;
}
.osbp-steel .v-tabsheet-scroller {
position: absolute;
top: 0px;
- height: 100%;
- right: 60px;
- border-bottom: 1px solid #111011;
+ right: 48px;
padding-left: 12px;
background-color: #2b292a;
background-image: -webkit-linear-gradient(right, #2b292a 70%, rgba(250, 250, 250, 0) 100%);
@@ -19512,55 +19527,71 @@
background-color: transparent;
}
+.osbp-steel .v-tabsheet-scroller button {
+ color: #c4c3c3;
+ opacity: 0.3;
+}
+
.osbp-steel .v-tabsheet-scroller:after {
display: none;
}
.osbp-steel .v-tabsheet-tabcontainer {
background: #2b292a;
- padding: 0px;
+ height: 27px;
+ border: 1px solid #111011;
+ border-bottom-width: 0px;
}
.osbp-steel .v-tabsheet-tabcontainer:before {
- border: 0px;
- border-top: 1px solid #111011;
+ display: none;
+}
+
+.osbp-steel .v-tabsheet-tabcontainer-l-control {
+ border: none;
+}
+
+.osbp-steel .v-tabsheet-tabcontainer-l-control .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem {
+ border-top-left-radius: 0px;
}
.osbp-steel .v-tabsheet-tabitemcell .v-tabsheet-tabitem {
- background-color: #111011;
- color: #bdbcbc;
- border-top: 3px solid #111011;
-}
-
-.osbp-steel .v-tabsheet-tabitemcell .v-tabsheet-tabitem .v-icon {
- width: 16px !important;
+ background: #111011;
}
.osbp-steel .v-tabsheet-tabitemcell .v-tabsheet-tabitem .v-caption {
- font-size: 12px;
color: #bdbcbc;
padding-right: 12px;
padding-left: 12px;
+ font-size: 12px;
margin-left: 0px;
+ -moz-transition: unset;
+ -o-transition: unset;
+ -webkit-transition: unset;
+ transition: unset;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border-top: 3px solid #111011;
+ border-bottom: 0px;
}
-.osbp-steel .v-tabsheet-tabitemcell .v-tabsheet-tabitem .v-caption-closable {
- margin-left: 0px;
+.osbp-steel .v-tabsheet-tabitemcell .v-tabsheet-tabitem .v-caption:hover {
+ border-top-color: #5D737E;
+ color: #d2d8da;
+}
+
+.osbp-steel .v-tabsheet-tabitemcell .v-tabsheet-tabitem:hover {
+ background: #5D737E;
}
.osbp-steel .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected {
- border-top: 3px solid #5D737E;
background-color: #4a4849;
}
.osbp-steel .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected > .v-caption, .osbp-steel .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected > .v-caption.v-caption {
- border: 1px solid #111011;
- border-bottom-color: #4a4849;
- color: #cccbcc;
-}
-
-.osbp-steel .l-control .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem-selected > .v-caption, .osbp-steel .l-control .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem-selected > .v-caption.v-caption {
- border-left-width: 0px;
+ border-top: 3px solid #5D737E;
+ border-bottom: 0px;
}
.osbp-steel .v-caption-on-top > .v-caption > .v-captiontext {
@@ -19598,6 +19629,11 @@
box-shadow: none;
}
+:root .osbp-steel .v-formlayout-row .v-checkbox > input:focus ~ label:before {
+ background-color: #aeb9be;
+ border-bottom-color: #5D737E;
+}
+
:root .osbp-steel .v-formlayout-row .v-checkbox > input ~ label:before, :root .osbp-steel .v-formlayout-row .v-checkbox > input ~ label:after {
margin-top: inherit;
}
@@ -19633,6 +19669,11 @@
box-shadow: none;
}
+.osbp-steel .v-gridlayout-slot .v-checkbox-os-box > input:focus ~ label:before {
+ background-color: #aeb9be;
+ border-bottom-color: #5D737E;
+}
+
.osbp-steel .v-gridlayout-slot .v-checkbox-os-box > input ~ label:before, .osbp-steel .v-gridlayout-slot .v-checkbox-os-box > input ~ label:after {
margin-top: 28px;
}
@@ -19657,6 +19698,7 @@
.osbp-steel .v-panel-os-has-focus {
border-color: #5D737E;
+ border-width: 1px;
}
.osbp-steel .l-control .v-table {
@@ -19685,8 +19727,8 @@
}
.osbp-steel .l-control .v-caption-on-top > .v-caption, .osbp-steel .l-control .v-gridlayout-slot > .v-caption, .osbp-steel .toptrimbar .v-caption-on-top > .v-caption, .osbp-steel .toptrimbar .v-gridlayout-slot > .v-caption, .osbp-steel .os-selection-area .v-caption-on-top > .v-caption, .osbp-steel .os-selection-area .v-gridlayout-slot > .v-caption {
- padding-bottom: 1.2px;
- padding-top: 7.2px;
+ padding-bottom: 1px;
+ padding-top: 12px;
}
.osbp-steel .l-control .v-caption-os-has-focus, .osbp-steel .toptrimbar .v-caption-os-has-focus, .osbp-steel .os-selection-area .v-caption-os-has-focus {
@@ -19699,8 +19741,21 @@
vertical-align: bottom;
}
+.osbp-steel .l-control .v-formlayout-captioncell, .osbp-steel .l-control .v-formlayout-errorcell, .osbp-steel .l-control .v-formlayout-contentcell, .osbp-steel .toptrimbar .v-formlayout-captioncell, .osbp-steel .toptrimbar .v-formlayout-errorcell, .osbp-steel .toptrimbar .v-formlayout-contentcell, .osbp-steel .os-selection-area .v-formlayout-captioncell, .osbp-steel .os-selection-area .v-formlayout-errorcell, .osbp-steel .os-selection-area .v-formlayout-contentcell {
+ padding-top: 0px !important;
+}
+
+.osbp-steel .l-control .v-formlayout-contentcell > .v-customcomponent, .osbp-steel .toptrimbar .v-formlayout-contentcell > .v-customcomponent, .osbp-steel .os-selection-area .v-formlayout-contentcell > .v-customcomponent {
+ width: 100%;
+ border-bottom: 1px solid #111011;
+}
+
+.osbp-steel .l-control .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp-steel .l-control .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"], .osbp-steel .toptrimbar .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp-steel .toptrimbar .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"], .osbp-steel .os-selection-area .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp-steel .os-selection-area .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"] {
+ border-bottom-width: 0px;
+}
+
.osbp-steel .l-control .v-textfield, .osbp-steel .toptrimbar .v-textfield, .osbp-steel .os-selection-area .v-textfield {
- width: 273px;
+ width: 274px;
background-color: #2b292a;
border-top: transparent;
border-left: transparent;
@@ -19721,6 +19776,7 @@
border-top: transparent;
border-left: transparent;
border-right: transparent;
+ border-bottom: 1px solid #111011;
-webkit-box-shadow: none;
box-shadow: none;
}
@@ -19734,7 +19790,7 @@
border-bottom-color: #5D737E;
}
-.osbp-steel .l-control .v-filterselect-os-box .v-icon, .osbp-steel .toptrimbar .v-filterselect-os-box .v-icon, .osbp-steel .os-selection-area .v-filterselect-os-box .v-icon {
+.osbp-steel .l-control .v-filterselect.v-widget.os-combobox-with-icon .v-icon, .osbp-steel .l-control .v-filterselect-os-box .v-icon, .osbp-steel .toptrimbar .v-filterselect.v-widget.os-combobox-with-icon .v-icon, .osbp-steel .toptrimbar .v-filterselect-os-box .v-icon, .osbp-steel .os-selection-area .v-filterselect.v-widget.os-combobox-with-icon .v-icon, .osbp-steel .os-selection-area .v-filterselect-os-box .v-icon {
z-index: 999;
}
@@ -19762,9 +19818,10 @@
.osbp-steel .l-control .l-beansearchfield button:before, .osbp-steel .toptrimbar .l-beansearchfield button:before, .osbp-steel .os-selection-area .l-beansearchfield button:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f0b0";
+ line-height: 14px;
+ content: "\f0b0" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.osbp-steel .l-control .l-beansearchfield button img, .osbp-steel .toptrimbar .l-beansearchfield button img, .osbp-steel .os-selection-area .l-beansearchfield button img {
@@ -19794,8 +19851,8 @@
height: 24px;
}
-.osbp-steel .l-control .v-upload-immediate .v-button .v-upload-immediate .v-button, .osbp-steel .toptrimbar .v-upload-immediate .v-button .v-upload-immediate .v-button, .osbp-steel .os-selection-area .v-upload-immediate .v-button .v-upload-immediate .v-button {
- margin-left: 0px;
+.osbp-steel .l-control .v-upload-immediate .v-button, .osbp-steel .toptrimbar .v-upload-immediate .v-button, .osbp-steel .os-selection-area .v-upload-immediate .v-button {
+ height: 24px;
}
.osbp-steel .l-control [class*="margin-bottom"] > tbody > [class*="lastrow"] > td, .osbp-steel .toptrimbar [class*="margin-bottom"] > tbody > [class*="lastrow"] > td, .osbp-steel .os-selection-area [class*="margin-bottom"] > tbody > [class*="lastrow"] > td {
@@ -19809,14 +19866,14 @@
.osbp-steel .v-filterselect-os-single-selection {
color: #c4c3c3;
margin: 8px;
- width: $os-button-width;
+ width: 168px;
}
.osbp-steel .os-multi-selection select.v-select-select {
color: inherit !important;
border: 1px solid #111011;
margin: 8px;
- width: $os-button-width;
+ width: 168px;
}
.osbp-steel .os-multi-selection select.v-select-select option:checked {
@@ -19841,25 +19898,17 @@
padding-right: 4px;
}
-.osbp-steel .v-slot-os-username, .osbp-steel .v-slot-os-userposition, .osbp-steel .v-slot-os-useremail {
- font-size: 12px;
-}
-
.osbp-steel .v-slot-os-username .os-username, .osbp-steel .v-slot-os-userposition .os-username, .osbp-steel .v-slot-os-useremail .os-username {
color: #c4c3c3;
font-weight: bold;
- font-size: 16.8px;
- padding-left: 24px;
+ padding-left: 12px;
line-height: 24px;
- font-size: 12px;
}
.osbp-steel .v-slot-os-username .os-userposition, .osbp-steel .v-slot-os-userposition .os-userposition, .osbp-steel .v-slot-os-useremail .os-userposition {
color: #c4c3c3;
- font-size: 16.8px;
- padding-left: 24px;
+ padding-left: 12px;
line-height: 24px;
- font-size: 12px;
}
.osbp-steel .v-slot-os-username .os-useremail, .osbp-steel .v-slot-os-userposition .os-useremail, .osbp-steel .v-slot-os-useremail .os-useremail {
@@ -19873,6 +19922,8 @@
.osbp-steel .os-userlogoutbutton, .osbp-steel .os-usermenubutton {
content: " ";
+ -webkit-box-shadow: none;
+ box-shadow: none;
}
.osbp-steel .os-userlogoutbutton {
@@ -19888,6 +19939,7 @@
.osbp-steel .os-userlogoutbutton:hover, .osbp-steel .os-userlogoutbutton:focus, .osbp-steel .os-userlogoutbutton:active {
color: #5D737E;
+ background: transparent;
}
.osbp-steel .os-userlogoutbutton:hover:after {
@@ -19905,9 +19957,10 @@
.osbp-steel .os-userlogoutbutton:after {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
+ line-height: 14px;
content: "\f08b";
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.osbp-steel .os-userlogoutbutton:after {
@@ -19931,6 +19984,7 @@
.osbp-steel .os-usermenubutton:hover, .osbp-steel .os-usermenubutton:focus, .osbp-steel .os-usermenubutton:active {
color: #5D737E;
+ background: transparent;
}
.osbp-steel .os-usermenubutton:hover:after {
@@ -19948,9 +20002,10 @@
.osbp-steel .os-usermenubutton:after {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
+ line-height: 14px;
content: "\f0c9";
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.osbp-steel .os-usermenubutton:after {
@@ -20011,9 +20066,10 @@
.osbp-steel .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-caption > .v-caption > .v-captiontext:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f138";
+ line-height: 14px;
+ content: "\f138" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.osbp-steel .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-caption > .v-caption > .v-captiontext::before {
@@ -20043,9 +20099,10 @@
.osbp-steel .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-open .v-accordion-item-caption > .v-caption > .v-captiontext:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f13a";
+ line-height: 14px;
+ content: "\f13a" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.osbp-steel .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-open .v-accordion-item-caption > .v-caption > .v-captiontext::before {
@@ -20061,9 +20118,10 @@
.osbp-steel .icon-download:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f019";
+ line-height: 14px;
+ content: "\f019" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.osbp-steel .icon-upload {
@@ -20075,9 +20133,10 @@
.osbp-steel .icon-upload:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f093";
+ line-height: 14px;
+ content: "\f093" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.osbp-steel .icon-chart {
@@ -20092,17 +20151,19 @@
.osbp-steel .icon-chart:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f080";
+ line-height: 14px;
+ content: "\f080" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.osbp-steel .icon-chart:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f201";
+ line-height: 14px;
+ content: "\f201" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.osbp-steel .icon-user {
@@ -20114,9 +20175,10 @@
.osbp-steel .icon-user:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f007";
+ line-height: 14px;
+ content: "\f007" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.osbp-steel .icon-attention {
@@ -20128,9 +20190,10 @@
.osbp-steel .icon-attention:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f071";
+ line-height: 14px;
+ content: "\f071" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.osbp-steel .icon-cancel {
@@ -20142,9 +20205,10 @@
.osbp-steel .icon-cancel:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f08b";
+ line-height: 14px;
+ content: "\f08b" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.osbp-steel .icon-cog {
@@ -20156,9 +20220,10 @@
.osbp-steel .icon-cog:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f013";
+ line-height: 14px;
+ content: "\f013" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.osbp-steel .v-slot-osbpsidebar .v-slot-branding {
@@ -20254,7 +20319,7 @@
.osbp-steel .v-slot-osbpsidebar .user .v-label {
font-size: 16.8px;
- margin: 8px;
+ padding: 8px;
font-weight: bold;
text-overflow: ellipsis;
overflow: hidden;
@@ -20262,7 +20327,7 @@
color: #c4c3c3;
line-height: 29.4px;
letter-spacing: 0em !important;
- min-width: $os-button-width;
+ min-width: 168px;
color: #c4c3c3;
padding-top: 0px;
}
@@ -20287,8 +20352,9 @@
font-family: FontAwesome;
font-size: 21px;
line-height: 29.4px;
- content: "\f013";
+ content: "\f013" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.osbp-steel .v-slot-osbpsidebar .user .v-menubar-submenu-indicator + .v-menubar-menuitem-caption:after {
@@ -20360,34 +20426,24 @@
width: 5%;
}
-.osbp-steel .v-grid .v-grid-tablewrapper .v-grid-header {
- border: 0px;
- height: 24px;
- background-image: none !important;
- font-weight: bold;
-}
-
-.osbp-steel .v-grid .v-grid-tablewrapper .v-grid-header .v-grid-row .v-grid-cell {
+.osbp-steel .v-grid .v-grid-header .v-grid-row .v-grid-cell {
font-size: 12px;
font-weight: bold;
}
-.osbp-steel .v-grid .v-grid-tablewrapper .v-grid-header .v-grid-row .v-grid-cell.filter-header {
- padding: 0px !important;
+.osbp-steel .v-grid .v-grid-cell.filter-header {
height: 24px !important;
+ padding: 0px;
}
-.osbp-steel .v-grid .v-grid-tablewrapper .v-grid-body .v-progressbar .v-progressbar-wrapper {
- outline: 1px solid #111011;
- outline-color: #3d3b3c;
+.osbp-steel .v-grid .v-textfield, .osbp-steel .v-grid .v-datefield > .v-textfield {
+ float: left;
+ width: 100%;
+ height: 24px;
}
-.osbp-steel .v-grid .v-grid-tablewrapper .v-grid-body .v-progressbar .v-progressbar-wrapper .v-progressbar-indicator {
- border: 0px;
-}
-
-.osbp-steel .v-grid .v-grid-scroller::-webkit-scrollbar-thumb {
- border-radius: 0px;
+.osbp-steel .v-grid .v-datefield {
+ top: -1px;
}
.osbp-steel .v-icon.v-grid-cell-boolean {
@@ -20524,7 +20580,7 @@
}
.osbp-steel .orgchart {
- background: #919293 url(layout/img/sidebar-gradient.png) repeat-y top right;
+ background: #919293 url(external/img/sidebar-gradient.png) repeat-y top right;
border: 1px solid grey;
color: grey;
font-weight: bold;
@@ -20533,7 +20589,7 @@
}
.osbp-steel .orgchartNode {
- background: #e1e2e3 url(layout/img/sidebar-gradient.png) repeat-y top right;
+ background: #e1e2e3 url(external/img/sidebar-gradient.png) repeat-y top right;
border-radius: 18px;
border: 4px solid #9edbfb;
padding: 10px !important;
@@ -20551,7 +20607,7 @@
font-weight: normal;
padding: 0.5em 0.5em 1em;
-webkit-font-smoothing: antialiased;
- background: #414243 url(layout/img/sidebar-gradient.png) repeat-y top right;
+ background: #414243 url(external/img/sidebar-gradient.png) repeat-y top right;
overflow: visible;
position: relative;
z-index: 2;
@@ -20726,131 +20782,1395 @@
height: 100%;
}
+.osbp-steel .o-SuggestBoxPopup {
+ z-index: 99999;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent {
+ padding: 3px 3px;
+ border-radius: 0px;
+ background-color: #353334;
+ color: #c7c6c6;
+ -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4), 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.51334);
+ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4), 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.51334);
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ margin-top: 3px !important;
+ margin-bottom: 3px !important;
+ margin-right: 3px !important;
+ cursor: default;
+ width: auto;
+ color: #5D737E;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent[class*="animate-in"] {
+ -webkit-animation: valo-overlay-animate-in 120ms;
+ -moz-animation: valo-overlay-animate-in 120ms;
+ animation: valo-overlay-animate-in 120ms;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent[class*="animate-out"] {
+ -webkit-animation: valo-animate-out-fade 120ms;
+ -moz-animation: valo-animate-out-fade 120ms;
+ animation: valo-animate-out-fade 120ms;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ margin: 0 auto;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent td {
+ padding: 1px;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel {
+ font-size: 12px;
+ text-align: center;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel:focus {
+ outline: none;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 19px;
+ height: 17px;
+ border: 1px solid transparent;
+ line-height: 17px;
+ text-align: center;
+ font-size: 11px;
+ background: #3d3b3c;
+ -webkit-transition: color 200ms;
+ -moz-transition: color 200ms;
+ transition: color 200ms;
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day:hover {
+ color: #5D737E;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day-offmonth {
+ color: #838182;
+ background: transparent;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day-today {
+ color: #ecebec;
+ font-weight: 600;
+ border-color: #787577;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover {
+ color: #d2d8da;
+ background: #5D737E;
+ border: none;
+ font-weight: 600;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+ position: relative;
+}
+
+.v-ie8 .osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
+ border-color: #5D737E;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover {
+ color: #838182;
+ cursor: not-allowed;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays {
+ height: 17px;
+ color: rgba(152, 150, 151, 0.85);
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays strong {
+ font: inherit;
+ font-size: 11px;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-header {
+ white-space: nowrap;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent td[class*="year"] button, .osbp-steel .o-SuggestBoxPopup .popupContent td[class*="month"] button {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ border: none;
+ background: transparent;
+ padding: 0;
+ margin: 0;
+ cursor: pointer;
+ color: transparent;
+ font-size: 0;
+ width: 12px;
+ height: 16px;
+ outline: none;
+ position: relative;
+ vertical-align: middle;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent td[class*="year"] button:before, .osbp-steel .o-SuggestBoxPopup .popupContent td[class*="month"] button:before {
+ color: #838182;
+ font-size: 16px;
+ line-height: 18px;
+ -webkit-transition: color 200ms;
+ -moz-transition: color 200ms;
+ transition: color 200ms;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent td[class*="year"] button:hover:before, .osbp-steel .o-SuggestBoxPopup .popupContent td[class*="month"] button:hover:before {
+ color: #5D737E;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent td[class*="year"] button.outside-range, .osbp-steel .o-SuggestBoxPopup .popupContent td[class*="month"] button.outside-range {
+ cursor: default;
+ opacity: 0.3;
+ filter: alpha(opacity=30.0) ;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent td[class*="year"] button.outside-range:hover:before, .osbp-steel .o-SuggestBoxPopup .popupContent td[class*="month"] button.outside-range:hover:before {
+ color: #838182;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-button-prevyear:before {
+ font-family: ThemeIcons;
+ content: "\f100";
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-button-prevmonth:before {
+ font-family: ThemeIcons;
+ content: "\f104";
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-button-nextyear:before {
+ font-family: ThemeIcons;
+ content: "\f101";
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-button-nextmonth:before {
+ font-family: ThemeIcons;
+ content: "\f105";
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-month {
+ width: 96px;
+ color: #5D737E;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month {
+ width: 48px;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumber, .osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child {
+ width: 19px;
+ color: rgba(152, 150, 151, 0.85);
+ font-size: 11px;
+ display: inline-block;
+ text-align: left;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumber {
+ position: relative;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumbers .v-first:before {
+ content: "";
+ position: absolute;
+ top: 24px;
+ bottom: 0;
+ left: 0;
+ width: 23px;
+ border-top: 1px solid #111011;
+ border-right: 1px solid #111011;
+ border-top-right-radius: 0px;
+ border-bottom-left-radius: 0px;
+ background: #3d3b3c;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-time {
+ width: 100%;
+ font-size: 11px;
+}
+
+.osbp-steel .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-time .v-label {
+ display: inline;
+ margin: 0 0.1em;
+ font-weight: 400;
+}
+
+.osbp-steel .o-SuggestBoxPopup table {
+ width: 250px;
+}
+
+.osbp-steel .item {
+ color: #c7c6c6;
+}
+
+.osbp-steel .item-selected {
+ background-color: #5D737E;
+ color: #d2d8da;
+}
+
+.osbp-steel .o-XSuggestBox {
+ background-color: #2b292a;
+ height: 24px;
+}
+
+.osbp-steel .o-XSuggestBox > .v-textfield {
+ background-color: #2b292a;
+ border-top: transparent;
+ border-left: transparent;
+ border-right: transparent;
+ width: 250px;
+}
+
+.osbp-steel .o-XSuggestBox > .v-textfield:focus {
+ background-color: #aeb9be;
+ color: #2f3437;
+}
+
+.osbp-steel .o-XSuggestBox > .v-textfield:hover {
+ border-bottom-color: #5D737E;
+}
+
+.osbp-steel .o-XSuggestBox .enableSuggestions {
+ cursor: pointer;
+ border-bottom: 1px solid #111011 !important;
+ height: 23px;
+ text-align: center;
+ width: 24px;
+ background: transparent;
+ border: 0px;
+ float: none;
+ float: right;
+}
+
+.osbp-steel .o-XSuggestBox .enableSuggestions:focus {
+ background-color: #aeb9be !important;
+ color: #5D737E;
+}
+
+.osbp-steel .o-XSuggestBox .enableSuggestions:hover {
+ border-bottom-color: #5D737E !important;
+}
+
+.osbp-steel .o-XSuggestBox .enableSuggestions:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 14px;
+ content: "\f08d" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .o-XSuggestBox .enableSuggestions.selected {
+ background: transparent;
+ border: 0px;
+ float: none;
+ float: right;
+}
+
+.osbp-steel .o-XSuggestBox .enableSuggestions.selected:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 14px;
+ content: "\f002" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+
.osbp-steel .os-cash-register {
- font-size: 24px !important;
- height: 48px !important;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot, .osbp-steel .os-cash-register .v-slot-l-control {
+ line-height: $font;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout, .osbp-steel .os-cash-register .v-horizontallayout, .osbp-steel .os-cash-register .v-gridlayout {
+ padding: 0px;
+ left: 0px !important;
}
.osbp-steel .os-cash-register .v-button {
- height: 50.4px;
+ height: 44px;
+ white-space: normal;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-transform: none;
+ min-width: 96px;
+ padding: 12px;
font-size: 24px;
- margin-bottom: 8px;
}
-.osbp-steel .os-cash-register .os-numkeys .v-button {
- height: 32px;
- padding: 0 13px;
- color: #e1e1e1;
- font-weight: 600;
-
-
- border-radius: 0px;
- border: #3d3b3c #111011;
- background: #949396;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- text-transform: uppercase;
- border-color: #949396;
- margin-left: 4px;
- font-size: 24px;
- margin-bottom: 8px;
- height: 96px;
- width: 96px;
- background: #111011;
- border-color: #111011;
- color: #bdbcbc;
+.osbp-steel .os-cash-register .v-button:before {
+ content: none;
}
-.osbp-steel .os-cash-register .os-numkeys .v-button.v-pressed {
- background: #8d9da4 !important;
- border-color: #8d9da4 !important;
+.osbp-steel .os-cash-register .v-button .v-button-caption {
+ line-height: 24px;
}
-.osbp-steel .os-cash-register .os-numkeys .v-button:after {
- transition: none;
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-1, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-1, .osbp-steel .os-cash-register .os-color-1 .v-button {
+ background: #cc5454;
+ border-color: #cc5454;
+ color: #ebd5d5;
+ margin: 0px;
}
-.osbp-steel .os-cash-register .os-numkeys .v-button:hover {
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-1.v-pressed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-1.v-pressed, .osbp-steel .os-cash-register .os-color-1 .v-button.v-pressed {
+ color: #432020 !important;
+ background: #db8787 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-1.os-pushed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-1.os-pushed, .osbp-steel .os-cash-register .os-color-1 .v-button.os-pushed {
+ background: #ad4747;
+ color: #532222;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-1:hover, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-1:hover, .osbp-steel .os-cash-register .os-color-1 .v-button:hover {
background: #5D737E;
border-color: #5D737E;
color: #d2d8da;
}
-.osbp-steel .os-cash-register .os-numkeys .v-button:focus:after {
- border-color: transparent;
- transition: none;
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-2, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-2, .osbp-steel .os-cash-register .os-color-2 .v-button {
+ background: #ffc15f;
+ border-color: #ffc15f;
+ color: #503812;
+ margin: 0px;
}
-.osbp-steel .os-cash-register .os-numkeys .v-button.v-pressed {
- color: #282c2e !important;
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-2.v-pressed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-2.v-pressed, .osbp-steel .os-cash-register .os-color-2 .v-button.v-pressed {
+ color: #5b3f14 !important;
+ background: #ffd38f !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
}
-.osbp-steel .os-cash-register .os-funckeys .v-button, .osbp-steel .os-cash-register .os-extrakeys .v-button {
- min-width: 144px;
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-2.os-pushed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-2.os-pushed, .osbp-steel .os-cash-register .os-color-2 .v-button.os-pushed {
+ background: #d8a450;
+ color: #8a611f;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
}
-.osbp-steel .os-cash-register .os-funckeys .v-button:before, .osbp-steel .os-cash-register .os-extrakeys .v-button:before {
- height: 100%;
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-2:hover, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-2:hover, .osbp-steel .os-cash-register .os-color-2 .v-button:hover {
+ background: #5D737E;
+ border-color: #5D737E;
+ color: #d2d8da;
}
-.osbp-steel .os-cash-register .os-funckeys .v-button img.v-icon, .osbp-steel .os-cash-register .os-extrakeys .v-button img.v-icon {
- height: 95px;
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-3, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-3, .osbp-steel .os-cash-register .os-color-3 .v-button {
+ background: #ff7d42;
+ border-color: #ff7d42;
+ color: #f5ded4;
+ margin: 0px;
}
-.osbp-steel .os-cash-register .os-alphakeys .v-button {
- width: 60px;
- height: 60px;
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-3.v-pressed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-3.v-pressed, .osbp-steel .os-cash-register .os-color-3 .v-button.v-pressed {
+ color: #572813 !important;
+ background: #ffa47a !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
}
-.osbp-steel .os-cash-register.v-disabled {
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-3.os-pushed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-3.os-pushed, .osbp-steel .os-cash-register .os-color-3 .v-button.os-pushed {
+ background: #d86a38;
+ color: #793618;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-3:hover, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-3:hover, .osbp-steel .os-cash-register .os-color-3 .v-button:hover {
+ background: #5D737E;
+ border-color: #5D737E;
+ color: #d2d8da;
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-4, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-4, .osbp-steel .os-cash-register .os-color-4 .v-button {
+ background: #ec64a5;
+ border-color: #ec64a5;
+ color: #f3dae6;
+ margin: 0px;
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-4.v-pressed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-4.v-pressed, .osbp-steel .os-cash-register .os-color-4 .v-button.v-pressed {
+ color: #511b35 !important;
+ background: #f192c0 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-4.os-pushed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-4.os-pushed, .osbp-steel .os-cash-register .os-color-4 .v-button.os-pushed {
+ background: #c8558c;
+ color: #77274d;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-4:hover, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-4:hover, .osbp-steel .os-cash-register .os-color-4 .v-button:hover {
+ background: #5D737E;
+ border-color: #5D737E;
+ color: #d2d8da;
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-5, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-5, .osbp-steel .os-cash-register .os-color-5 .v-button {
+ background: #24dcd4;
+ border-color: #24dcd4;
+ color: #133433;
+ margin: 0px;
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-5.v-pressed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-5.v-pressed, .osbp-steel .os-cash-register .os-color-5 .v-button.v-pressed {
+ color: #194442 !important;
+ background: #65e6e0 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-5.os-pushed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-5.os-pushed, .osbp-steel .os-cash-register .os-color-5 .v-button.os-pushed {
+ background: #1ebbb4;
+ color: #0c4d4a;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-5:hover, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-5:hover, .osbp-steel .os-cash-register .os-color-5 .v-button:hover {
+ background: #5D737E;
+ border-color: #5D737E;
+ color: #d2d8da;
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-6, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-6, .osbp-steel .os-cash-register .os-color-6 .v-button {
+ background: #3090f0;
+ border-color: #3090f0;
+ color: #cfe0f1;
+ margin: 0px;
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-6.v-pressed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-6.v-pressed, .osbp-steel .os-cash-register .os-color-6 .v-button.v-pressed {
+ color: #dde9f5 !important;
+ background: #6eb1f4 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-6.os-pushed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-6.os-pushed, .osbp-steel .os-cash-register .os-color-6 .v-button.os-pushed {
+ background: #287acc;
+ color: #133a61;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-6:hover, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-6:hover, .osbp-steel .os-cash-register .os-color-6 .v-button:hover {
+ background: #5D737E;
+ border-color: #5D737E;
+ color: #d2d8da;
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-7, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-7, .osbp-steel .os-cash-register .os-color-7 .v-button {
+ background: #685cb0;
+ border-color: #685cb0;
+ color: #d8d6e5;
+ margin: 0px;
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-7.v-pressed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-7.v-pressed, .osbp-steel .os-cash-register .os-color-7 .v-button.v-pressed {
+ color: #e3e2ec !important;
+ background: #958cc7 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-7.os-pushed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-7.os-pushed, .osbp-steel .os-cash-register .os-color-7 .v-button.os-pushed {
+ background: #584e95;
+ color: #272241;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-7:hover, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-7:hover, .osbp-steel .os-cash-register .os-color-7 .v-button:hover {
+ background: #5D737E;
+ border-color: #5D737E;
+ color: #d2d8da;
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-8, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-8, .osbp-steel .os-cash-register .os-color-8 .v-button {
+ background: #4caf6a;
+ border-color: #4caf6a;
+ color: #d2e4d7;
+ margin: 0px;
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-8.v-pressed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-8.v-pressed, .osbp-steel .os-cash-register .os-color-8 .v-button.v-pressed {
+ color: #233929 !important;
+ background: #81c796 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-8.os-pushed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-8.os-pushed, .osbp-steel .os-cash-register .os-color-8 .v-button.os-pushed {
+ background: #40945a;
+ color: #1a3b24;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-8:hover, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-8:hover, .osbp-steel .os-cash-register .os-color-8 .v-button:hover {
+ background: #5D737E;
+ border-color: #5D737E;
+ color: #d2d8da;
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-9, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-9, .osbp-steel .os-cash-register .os-color-9 .v-button {
+ background: #99df58;
+ border-color: #99df58;
+ color: #2b3e19;
+ margin: 0px;
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-9.v-pressed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-9.v-pressed, .osbp-steel .os-cash-register .os-color-9 .v-button.v-pressed {
+ color: #334a1e !important;
+ background: #b7e88a !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-9.os-pushed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-9.os-pushed, .osbp-steel .os-cash-register .os-color-9 .v-button.os-pushed {
+ background: #82bd4a;
+ color: #436324;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-9:hover, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-9:hover, .osbp-steel .os-cash-register .os-color-9 .v-button:hover {
+ background: #5D737E;
+ border-color: #5D737E;
+ color: #d2d8da;
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-10, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-10, .osbp-steel .os-cash-register .os-color-10 .v-button {
+ background: #2b292a;
+ border-color: #2b292a;
+ color: #c4c3c3;
+ margin: 0px;
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-10.v-pressed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-10.v-pressed, .osbp-steel .os-cash-register .os-color-10 .v-button.v-pressed {
+ color: #d5d5d5 !important;
+ background: #6a6969 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-10.os-pushed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-10.os-pushed, .osbp-steel .os-cash-register .os-color-10 .v-button.os-pushed {
+ background: #242223;
+ color: #666063;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-10:hover, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-10:hover, .osbp-steel .os-cash-register .os-color-10 .v-button:hover {
+ background: #5D737E;
+ border-color: #5D737E;
+ color: #d2d8da;
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-11, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-11, .osbp-steel .os-cash-register .os-color-11 .v-button {
+ background: #9c999a;
+ border-color: #9c999a;
+ color: #2c2b2b;
+ margin: 0px;
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-11.v-pressed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-11.v-pressed, .osbp-steel .os-cash-register .os-color-11 .v-button.v-pressed {
+ color: #343334 !important;
+ background: #b9b7b8 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-11.os-pushed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-11.os-pushed, .osbp-steel .os-cash-register .os-color-11 .v-button.os-pushed {
+ background: #848282;
+ color: #444343;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-11:hover, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-11:hover, .osbp-steel .os-cash-register .os-color-11 .v-button:hover {
+ background: #5D737E;
+ border-color: #5D737E;
+ color: #d2d8da;
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-12, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-12, .osbp-steel .os-cash-register .os-color-12 .v-button {
+ background: #111011;
+ border-color: #111011;
+ color: #bdbcbc;
+ margin: 0px;
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-12.v-pressed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-12.v-pressed, .osbp-steel .os-cash-register .os-color-12 .v-button.v-pressed {
+ color: #d0d0d0 !important;
+ background: #585758 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-12.os-pushed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-12.os-pushed, .osbp-steel .os-cash-register .os-color-12 .v-button.os-pushed {
+ background: #0e0d0e;
+ color: #504a50;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-12:hover, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-12:hover, .osbp-steel .os-cash-register .os-color-12 .v-button:hover {
+ background: #5D737E;
+ border-color: #5D737E;
+ color: #d2d8da;
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-13, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-13, .osbp-steel .os-cash-register .os-color-13 .v-button {
+ background: #4a4849;
+ border-color: #4a4849;
+ color: #cccbcc;
+ margin: 0px;
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-13.v-pressed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-13.v-pressed, .osbp-steel .os-cash-register .os-color-13 .v-button.v-pressed {
+ color: #dbdbdb !important;
+ background: #807e7f !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-13.os-pushed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-13.os-pushed, .osbp-steel .os-cash-register .os-color-13 .v-button.os-pushed {
+ background: #3e3d3e;
+ color: #7e7c7e;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-13:hover, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-13:hover, .osbp-steel .os-cash-register .os-color-13 .v-button:hover {
+ background: #5D737E;
+ border-color: #5D737E;
+ color: #d2d8da;
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-14, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-14, .osbp-steel .os-cash-register .os-color-14 .v-button {
+ background: #949396;
+ border-color: #949396;
+ color: #e1e1e1;
+ margin: 0px;
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-14.v-pressed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-14.v-pressed, .osbp-steel .os-cash-register .os-color-14 .v-button.v-pressed {
+ color: #323233 !important;
+ background: #b4b3b5 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-14.os-pushed, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-14.os-pushed, .osbp-steel .os-cash-register .os-color-14 .v-button.os-pushed {
+ background: #7d7c7f;
+ color: #3e3d3e;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .v-gridlayout-slot .v-button.os-color-14:hover, .osbp-steel .os-cash-register .v-slot-l-control .v-button.os-color-14:hover, .osbp-steel .os-cash-register .os-color-14 .v-button:hover {
+ background: #5D737E;
+ border-color: #5D737E;
+ color: #d2d8da;
+}
+
+.osbp-steel .os-cash-register .os-button-with-image .v-button {
+ background: #cc5353;
+ border-color: #cc5353;
+ color: #ebd5d5;
+ margin: 0px;
+}
+
+.osbp-steel .os-cash-register .os-button-with-image .v-button.v-pressed {
+ color: #432020 !important;
+ background: #db8686 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .os-button-with-image .v-button.os-pushed {
+ background: #ad4646;
+ color: #522121;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .os-button-with-image .v-button:hover {
+ background: #5D737E;
+ border-color: #5D737E;
+ color: #d2d8da;
+}
+
+.osbp-steel .os-cash-register .v-textfield, .osbp-steel .os-cash-register .v-datefield, .osbp-steel .os-cash-register .o-XSuggestBox {
+ font-size: 24px;
+ height: 48px;
+}
+
+.osbp-steel .os-cash-register .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-textfield.v-disabled > .v-textfield, .osbp-steel .os-cash-register .v-datefield.v-disabled, .osbp-steel .os-cash-register .v-datefield.v-disabled > .v-textfield, .osbp-steel .os-cash-register .o-XSuggestBox.v-disabled, .osbp-steel .os-cash-register .o-XSuggestBox.v-disabled > .v-textfield {
background-color: transparent;
opacity: 0.75;
}
-.osbp-steel .os-cash-register .os-no-padding {
- padding: 0px;
+.osbp-steel .os-cash-register .v-textarea {
+ font-size: 24px;
}
-.osbp-steel .os-cash-register .o-XSuggestBox {
- font-size: 24px !important;
- height: 48px !important;
-}
-
-.osbp-steel .os-cash-register .o-XSuggestBox.v-disabled {
+.osbp-steel .os-cash-register .v-textarea.v-disabled, .osbp-steel .os-cash-register .v-textarea.v-disabled > .v-textfield {
background-color: transparent;
opacity: 0.75;
}
-.osbp-steel .os-cash-register .o-SuggestBoxPopup .popupContent table td.item {
- font-size: 24px !important;
- height: 48px !important;
+.osbp-steel .os-cash-register .v-textarea.os-monospace {
+ font-size: 12px;
}
-.osbp-steel .os-cash-register .o-SuggestBoxPopup .popupContent table td.item.v-disabled {
- background-color: transparent;
- opacity: 0.75;
+.osbp-steel .os-cash-register .o-XSuggestBox .enableSuggestions {
+ height: 47px;
+ width: 48px;
+ background: transparent;
+ border: 0px;
+ float: none;
+ float: right;
}
-.osbp-steel .os-cash-register .v-textfield {
- font-size: 24px !important;
- height: 48px !important;
+.osbp-steel .os-cash-register .o-XSuggestBox .enableSuggestions:before {
+ font-family: FontAwesome;
+ font-size: 28px;
+ line-height: 48px;
+ content: "\f08d" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
-.osbp-steel .os-cash-register .v-textfield.v-disabled {
- background-color: transparent;
- opacity: 0.75;
+.osbp-steel .os-cash-register .o-XSuggestBox .enableSuggestions.selected {
+ background: transparent;
+ border: 0px;
+ float: none;
+ float: right;
}
-.osbp-steel .os-cash-register .os-cash-total .v-textfield, .osbp-steel .os-cash-register .os-cash-total .v-caption {
+.osbp-steel .os-cash-register .o-XSuggestBox .enableSuggestions.selected:before {
+ font-family: FontAwesome;
+ font-size: 28px;
+ line-height: 48px;
+ content: "\f002" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+
+.osbp-steel .os-cash-register .v-textfield, .osbp-steel .os-cash-register .v-datefield, .osbp-steel .os-cash-register .o-XSuggestBox {
+ width: 200px;
+}
+
+.osbp-steel .os-cash-register .o-XSuggestBox > .v-textfield, .osbp-steel .os-cash-register .o-XSuggestBox > .v-datefield {
+ width: 152px !important;
+}
+
+.osbp-steel .os-cash-register .v-textfield, .osbp-steel .os-cash-register .v-datefield, .osbp-steel .os-cash-register .o-XSuggestBox {
+ width: 200px;
+}
+
+.osbp-steel .os-cash-register .o-XSuggestBox > .v-textfield, .osbp-steel .os-cash-register .o-XSuggestBox > .v-datefield {
+ width: 152px !important;
+}
+
+.osbp-steel .os-cash-register .os-span-h-half.v-textfield, .osbp-steel .os-cash-register .os-span-h-half.v-datefield, .osbp-steel .os-cash-register .os-span-h-half.o-XSuggestBox {
+ width: 96px;
+}
+
+.osbp-steel .os-cash-register .os-span-h-half.o-XSuggestBox > .v-textfield, .osbp-steel .os-cash-register .os-span-h-half.o-XSuggestBox > .v-datefield {
+ width: 48px !important;
+}
+
+.osbp-steel .os-cash-register .os-span-h-single.v-textfield, .osbp-steel .os-cash-register .os-span-h-single.v-datefield, .osbp-steel .os-cash-register .os-span-h-single.o-XSuggestBox {
+ width: 200px;
+}
+
+.osbp-steel .os-cash-register .os-span-h-single.o-XSuggestBox > .v-textfield, .osbp-steel .os-cash-register .os-span-h-single.o-XSuggestBox > .v-datefield {
+ width: 152px !important;
+}
+
+.osbp-steel .os-cash-register .os-span-h-double.v-textfield, .osbp-steel .os-cash-register .os-span-h-double.v-datefield, .osbp-steel .os-cash-register .os-span-h-double.o-XSuggestBox {
+ width: 408px;
+}
+
+.osbp-steel .os-cash-register .os-span-h-double.o-XSuggestBox > .v-textfield, .osbp-steel .os-cash-register .os-span-h-double.o-XSuggestBox > .v-datefield {
+ width: 360px !important;
+}
+
+.osbp-steel .os-cash-register .os-span-h-triple.v-textfield, .osbp-steel .os-cash-register .os-span-h-triple.v-datefield, .osbp-steel .os-cash-register .os-span-h-triple.o-XSuggestBox {
+ width: 616px;
+}
+
+.osbp-steel .os-cash-register .os-span-h-triple.o-XSuggestBox > .v-textfield, .osbp-steel .os-cash-register .os-span-h-triple.o-XSuggestBox > .v-datefield {
+ width: 568px !important;
+}
+
+.osbp-steel .os-cash-register .os-span-h-quad.v-textfield, .osbp-steel .os-cash-register .os-span-h-quad.v-datefield, .osbp-steel .os-cash-register .os-span-h-quad.o-XSuggestBox {
+ width: 824px;
+}
+
+.osbp-steel .os-cash-register .os-span-h-quad.o-XSuggestBox > .v-textfield, .osbp-steel .os-cash-register .os-span-h-quad.o-XSuggestBox > .v-datefield {
+ width: 776px !important;
+}
+
+.osbp-steel .os-cash-register .v-button.os-span-h-single {
+ width: 96px !important;
+}
+
+.osbp-steel .os-cash-register .v-button.os-span-h-single img.v-icon {
+ max-width: 94px !important;
+}
+
+.osbp-steel .os-cash-register .v-button.os-span-h-odd {
+ width: 148px !important;
+}
+
+.osbp-steel .os-cash-register .v-button.os-span-h-odd img.v-icon {
+ max-width: 142px !important;
+}
+
+.osbp-steel .os-cash-register .v-button.os-span-h-double {
+ width: 200px !important;
+}
+
+.osbp-steel .os-cash-register .v-button.os-span-h-double img.v-icon {
+ max-width: 190px !important;
+}
+
+.osbp-steel .os-cash-register .v-button.os-span-h-triple {
+ width: 304px !important;
+}
+
+.osbp-steel .os-cash-register .v-button.os-span-h-triple img.v-icon {
+ max-width: 286px !important;
+}
+
+.osbp-steel .os-cash-register .v-button.os-span-h-quad {
+ width: 408px !important;
+}
+
+.osbp-steel .os-cash-register .v-button.os-span-h-quad img.v-icon {
+ max-width: 382px !important;
+}
+
+.osbp-steel .os-cash-register .v-button.os-span-v-single {
+ height: 44px !important;
+}
+
+.osbp-steel .os-cash-register .v-button.os-span-v-single img.v-icon {
+ max-height: 46px !important;
+}
+
+.osbp-steel .os-cash-register .v-button.os-span-v-double {
+ height: 96px !important;
+}
+
+.osbp-steel .os-cash-register .v-button.os-span-v-double img.v-icon {
+ max-height: 94px !important;
+}
+
+.osbp-steel .os-cash-register .v-button.os-span-v-triple {
+ height: 148px !important;
+}
+
+.osbp-steel .os-cash-register .v-button.os-span-v-triple img.v-icon {
+ max-height: 142px !important;
+}
+
+.osbp-steel .os-cash-register .v-button.os-span-v-quad {
+ height: 200px !important;
+}
+
+.osbp-steel .os-cash-register .v-button.os-span-v-quad img.v-icon {
+ max-height: 190px !important;
+}
+
+.osbp-steel .os-cash-register .os-field-h-half .v-textfield, .osbp-steel .os-cash-register .os-field-h-half .v-datefield, .osbp-steel .os-cash-register .os-field-h-half .o-XSuggestBox {
+ width: 96px;
+}
+
+.osbp-steel .os-cash-register .os-field-h-half .o-XSuggestBox > .v-textfield, .osbp-steel .os-cash-register .os-field-h-half .o-XSuggestBox > .v-datefield {
+ width: 48px !important;
+}
+
+.osbp-steel .os-cash-register .os-button-h-single {
+ margin: 0px;
+}
+
+.osbp-steel .os-cash-register .os-button-h-single > .v-gridlayout-slot > .v-button, .osbp-steel .os-cash-register .os-button-h-single .v-button {
+ width: 96px;
+}
+
+.osbp-steel .os-cash-register .os-button-h-single > .v-gridlayout-slot > .v-button img.v-icon, .osbp-steel .os-cash-register .os-button-h-single .v-button img.v-icon {
+ max-width: 94px;
+}
+
+.osbp-steel .os-cash-register .os-table-h-single .v-table-body-wrapper.v-scrollable, .osbp-steel .os-cash-register .os-table-h-single .v-table-header-wrap, .osbp-steel .os-cash-register .v-table.os-span-h-single .v-table-body-wrapper.v-scrollable, .osbp-steel .os-cash-register .v-table.os-span-h-single .v-table-header-wrap {
+ width: 304px !important;
+}
+
+.osbp-steel .os-cash-register .os-table-h-single.v-table.v-widget, .osbp-steel .os-cash-register .v-table.os-span-h-single.v-widget {
+ width: auto !important;
+}
+
+.osbp-steel .os-cash-register .os-button-h-odd {
+ margin: 0px;
+}
+
+.osbp-steel .os-cash-register .os-button-h-odd > .v-gridlayout-slot > .v-button, .osbp-steel .os-cash-register .os-button-h-odd .v-button {
+ width: 148px;
+}
+
+.osbp-steel .os-cash-register .os-button-h-odd > .v-gridlayout-slot > .v-button img.v-icon, .osbp-steel .os-cash-register .os-button-h-odd .v-button img.v-icon {
+ max-width: 142px;
+}
+
+.osbp-steel .os-cash-register .os-field-h-double .v-textfield, .osbp-steel .os-cash-register .os-field-h-double .v-datefield, .osbp-steel .os-cash-register .os-field-h-double .o-XSuggestBox {
+ width: 408px;
+}
+
+.osbp-steel .os-cash-register .os-field-h-double .o-XSuggestBox > .v-textfield, .osbp-steel .os-cash-register .os-field-h-double .o-XSuggestBox > .v-datefield {
+ width: 360px !important;
+}
+
+.osbp-steel .os-cash-register .os-field-h-double .v-textarea, .osbp-steel .os-cash-register .os-field-h-double.v-textarea {
+ width: 408px;
+}
+
+.osbp-steel .os-cash-register .os-table-h-double .v-table-body-wrapper.v-scrollable, .osbp-steel .os-cash-register .os-table-h-double .v-table-header-wrap, .osbp-steel .os-cash-register .v-table.os-span-h-double .v-table-body-wrapper.v-scrollable, .osbp-steel .os-cash-register .v-table.os-span-h-double .v-table-header-wrap {
+ width: 616px !important;
+}
+
+.osbp-steel .os-cash-register .os-table-h-double.v-table.v-widget, .osbp-steel .os-cash-register .v-table.os-span-h-double.v-widget {
+ width: auto !important;
+}
+
+.osbp-steel .os-cash-register .os-button-h-double {
+ margin: 0px;
+}
+
+.osbp-steel .os-cash-register .os-button-h-double > .v-gridlayout-slot > .v-button, .osbp-steel .os-cash-register .os-button-h-double .v-button {
+ width: 200px;
+}
+
+.osbp-steel .os-cash-register .os-button-h-double > .v-gridlayout-slot > .v-button img.v-icon, .osbp-steel .os-cash-register .os-button-h-double .v-button img.v-icon {
+ max-width: 190px;
+}
+
+.osbp-steel .os-cash-register .os-field-h-triple .v-textfield, .osbp-steel .os-cash-register .os-field-h-triple .v-datefield, .osbp-steel .os-cash-register .os-field-h-triple .o-XSuggestBox {
+ width: 616px;
+}
+
+.osbp-steel .os-cash-register .os-field-h-triple .o-XSuggestBox > .v-textfield, .osbp-steel .os-cash-register .os-field-h-triple .o-XSuggestBox > .v-datefield {
+ width: 568px !important;
+}
+
+.osbp-steel .os-cash-register .os-field-h-triple .v-textarea, .osbp-steel .os-cash-register .os-field-h-triple.v-textarea {
+ width: 616px;
+}
+
+.osbp-steel .os-cash-register .os-table-h-triple .v-table-body-wrapper.v-scrollable, .osbp-steel .os-cash-register .os-table-h-triple .v-table-header-wrap, .osbp-steel .os-cash-register .v-table.os-span-h-triple .v-table-body-wrapper.v-scrollable, .osbp-steel .os-cash-register .v-table.os-span-h-triple .v-table-header-wrap {
+ width: 936px !important;
+}
+
+.osbp-steel .os-cash-register .os-table-h-triple.v-table.v-widget, .osbp-steel .os-cash-register .v-table.os-span-h-triple.v-widget {
+ width: auto !important;
+}
+
+.osbp-steel .os-cash-register .os-button-h-triple {
+ margin: 0px;
+}
+
+.osbp-steel .os-cash-register .os-button-h-triple > .v-gridlayout-slot > .v-button, .osbp-steel .os-cash-register .os-button-h-triple .v-button {
+ width: 304px;
+}
+
+.osbp-steel .os-cash-register .os-button-h-triple > .v-gridlayout-slot > .v-button img.v-icon, .osbp-steel .os-cash-register .os-button-h-triple .v-button img.v-icon {
+ max-width: 286px;
+}
+
+.osbp-steel .os-cash-register .os-field-h-quad .v-textfield, .osbp-steel .os-cash-register .os-field-h-quad .v-datefield, .osbp-steel .os-cash-register .os-field-h-quad .o-XSuggestBox {
+ width: 824px;
+}
+
+.osbp-steel .os-cash-register .os-field-h-quad .o-XSuggestBox > .v-textfield, .osbp-steel .os-cash-register .os-field-h-quad .o-XSuggestBox > .v-datefield {
+ width: 776px !important;
+}
+
+.osbp-steel .os-cash-register .os-field-h-quad .v-textarea, .osbp-steel .os-cash-register .os-field-h-quad.v-textarea {
+ width: 824px;
+}
+
+.osbp-steel .os-cash-register .os-table-h-quad .v-table-body-wrapper.v-scrollable, .osbp-steel .os-cash-register .os-table-h-quad .v-table-header-wrap, .osbp-steel .os-cash-register .v-table.os-span-h-quad .v-table-body-wrapper.v-scrollable, .osbp-steel .os-cash-register .v-table.os-span-h-quad .v-table-header-wrap {
+ width: 1264px !important;
+}
+
+.osbp-steel .os-cash-register .os-table-h-quad.v-table.v-widget, .osbp-steel .os-cash-register .v-table.os-span-h-quad.v-widget {
+ width: auto !important;
+}
+
+.osbp-steel .os-cash-register .os-button-h-quad {
+ margin: 0px;
+}
+
+.osbp-steel .os-cash-register .os-button-h-quad > .v-gridlayout-slot > .v-button, .osbp-steel .os-cash-register .os-button-h-quad .v-button {
+ width: 408px;
+}
+
+.osbp-steel .os-cash-register .os-button-h-quad > .v-gridlayout-slot > .v-button img.v-icon, .osbp-steel .os-cash-register .os-button-h-quad .v-button img.v-icon {
+ max-width: 382px;
+}
+
+.osbp-steel .os-cash-register .os-field-v-single .v-textarea, .osbp-steel .os-cash-register .os-field-v-single.v-textarea {
+ height: 200px;
+}
+
+.osbp-steel .os-cash-register .os-table-v-single .v-table-body-wrapper.v-scrollable, .osbp-steel .os-cash-register .os-span-v-single .v-table-body-wrapper.v-scrollable {
+ height: 172px !important;
+}
+
+.osbp-steel .os-cash-register .os-table-v-single.v-table.v-widget, .osbp-steel .os-cash-register .os-span-v-single.v-table.v-widget {
+ height: auto !important;
+}
+
+.osbp-steel .os-cash-register .os-table-v-single .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp-steel .os-cash-register .v-caption-on-top .v-table.os-span-v-single .v-table-body-wrapper.v-scrollable {
+ height: 122px !important;
+}
+
+.osbp-steel .os-cash-register .os-table-v-single .v-caption-on-top.v-table.v-widget, .osbp-steel .os-cash-register .v-caption-on-top .v-table.os-span-v-single.v-widget {
+ height: auto !important;
+}
+
+.osbp-steel .os-cash-register .os-button-v-single {
+ margin: 0px;
+}
+
+.osbp-steel .os-cash-register .os-button-v-single > .v-gridlayout-slot > .v-button, .osbp-steel .os-cash-register .os-button-v-single .v-button {
+ height: 44px;
+}
+
+.osbp-steel .os-cash-register .os-button-v-single > .v-gridlayout-slot > .v-button img.v-icon, .osbp-steel .os-cash-register .os-button-v-single .v-button img.v-icon {
+ max-height: 46px;
+}
+
+.osbp-steel .os-cash-register .os-button-v-single.os-font-flex > .v-gridlayout-slot > .v-button, .osbp-steel .os-cash-register .os-button-v-single .os-font-flex .v-button {
+ height: 44px;
+ font-size: 22px;
+}
+
+.osbp-steel .os-cash-register .os-button-v-single.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp-steel .os-cash-register .os-button-v-single .os-font-flex .v-button img.v-icon {
+ max-height: 46px;
+}
+
+.osbp-steel .os-cash-register .os-button-v-single .os-font-flex.v-button {
+ height: 44px !important;
+ font-size: 22px;
+}
+
+.osbp-steel .os-cash-register .os-button-v-single .os-font-flex.v-button img.v-icon {
+ max-height: 46px !important;
+}
+
+.osbp-steel .os-cash-register .os-field-v-double .v-textarea, .osbp-steel .os-cash-register .os-field-v-double.v-textarea {
+ height: 408px;
+}
+
+.osbp-steel .os-cash-register .os-field-v-double .v-caption-on-top .v-textarea, .osbp-steel .os-cash-register .os-field-v-double .v-caption-on-top.v-textarea {
+ height: 408px;
+}
+
+.osbp-steel .os-cash-register .os-table-v-double .v-table-body-wrapper.v-scrollable, .osbp-steel .os-cash-register .os-span-v-double .v-table-body-wrapper.v-scrollable {
+ height: 380px !important;
+}
+
+.osbp-steel .os-cash-register .os-table-v-double.v-table.v-widget, .osbp-steel .os-cash-register .os-span-v-double.v-table.v-widget {
+ height: auto !important;
+}
+
+.osbp-steel .os-cash-register .os-table-v-double .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp-steel .os-cash-register .v-caption-on-top .v-table.os-span-v-double .v-table-body-wrapper.v-scrollable {
+ height: 330px !important;
+}
+
+.osbp-steel .os-cash-register .os-table-v-double .v-caption-on-top.v-table.v-widget, .osbp-steel .os-cash-register .v-caption-on-top .v-table.os-span-v-double.v-widget {
+ height: auto !important;
+}
+
+.osbp-steel .os-cash-register .os-button-v-double {
+ margin: 0px;
+}
+
+.osbp-steel .os-cash-register .os-button-v-double > .v-gridlayout-slot > .v-button, .osbp-steel .os-cash-register .os-button-v-double .v-button {
+ height: 96px;
+}
+
+.osbp-steel .os-cash-register .os-button-v-double > .v-gridlayout-slot > .v-button img.v-icon, .osbp-steel .os-cash-register .os-button-v-double .v-button img.v-icon {
+ max-height: 94px;
+}
+
+.osbp-steel .os-cash-register .os-button-v-double.os-font-flex > .v-gridlayout-slot > .v-button, .osbp-steel .os-cash-register .os-button-v-double .os-font-flex .v-button {
+ height: 96px;
+ font-size: 52px;
+}
+
+.osbp-steel .os-cash-register .os-button-v-double.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp-steel .os-cash-register .os-button-v-double .os-font-flex .v-button img.v-icon {
+ max-height: 94px;
+}
+
+.osbp-steel .os-cash-register .os-button-v-double .os-font-flex.v-button {
+ height: 96px !important;
+ font-size: 52px;
+}
+
+.osbp-steel .os-cash-register .os-button-v-double .os-font-flex.v-button img.v-icon {
+ max-height: 94px !important;
+}
+
+.osbp-steel .os-cash-register .os-field-v-triple .v-textarea, .osbp-steel .os-cash-register .os-field-v-triple.v-textarea {
+ height: 616px;
+}
+
+.osbp-steel .os-cash-register .os-field-v-triple .v-caption-on-top .v-textarea, .osbp-steel .os-cash-register .os-field-v-triple .v-caption-on-top.v-textarea {
+ height: 616px;
+}
+
+.osbp-steel .os-cash-register .os-table-v-triple .v-table-body-wrapper.v-scrollable, .osbp-steel .os-cash-register .os-span-v-triple .v-table-body-wrapper.v-scrollable {
+ height: 588px !important;
+}
+
+.osbp-steel .os-cash-register .os-table-v-triple.v-table.v-widget, .osbp-steel .os-cash-register .os-span-v-triple.v-table.v-widget {
+ height: auto !important;
+}
+
+.osbp-steel .os-cash-register .os-table-v-triple .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp-steel .os-cash-register .v-caption-on-top .v-table.os-span-v-triple .v-table-body-wrapper.v-scrollable {
+ height: 538px !important;
+}
+
+.osbp-steel .os-cash-register .os-table-v-triple .v-caption-on-top.v-table.v-widget, .osbp-steel .os-cash-register .v-caption-on-top .v-table.os-span-v-triple.v-widget {
+ height: auto !important;
+}
+
+.osbp-steel .os-cash-register .os-button-v-triple {
+ margin: 0px;
+}
+
+.osbp-steel .os-cash-register .os-button-v-triple > .v-gridlayout-slot > .v-button, .osbp-steel .os-cash-register .os-button-v-triple .v-button {
+ height: 148px;
+}
+
+.osbp-steel .os-cash-register .os-button-v-triple > .v-gridlayout-slot > .v-button img.v-icon, .osbp-steel .os-cash-register .os-button-v-triple .v-button img.v-icon {
+ max-height: 142px;
+}
+
+.osbp-steel .os-cash-register .os-button-v-triple.os-font-flex > .v-gridlayout-slot > .v-button, .osbp-steel .os-cash-register .os-button-v-triple .os-font-flex .v-button {
+ height: 148px;
+ font-size: 104px;
+}
+
+.osbp-steel .os-cash-register .os-button-v-triple.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp-steel .os-cash-register .os-button-v-triple .os-font-flex .v-button img.v-icon {
+ max-height: 142px;
+}
+
+.osbp-steel .os-cash-register .os-button-v-triple .os-font-flex.v-button {
+ height: 148px !important;
+ font-size: 104px;
+}
+
+.osbp-steel .os-cash-register .os-button-v-triple .os-font-flex.v-button img.v-icon {
+ max-height: 142px !important;
+}
+
+.osbp-steel .os-cash-register .os-field-v-quad .v-textarea, .osbp-steel .os-cash-register .os-field-v-quad.v-textarea {
+ height: 824px;
+}
+
+.osbp-steel .os-cash-register .os-field-v-quad .v-caption-on-top .v-textarea, .osbp-steel .os-cash-register .os-field-v-quad .v-caption-on-top.v-textarea {
+ height: 824px;
+}
+
+.osbp-steel .os-cash-register .os-table-v-quad .v-table-body-wrapper.v-scrollable, .osbp-steel .os-cash-register .os-span-v-quad .v-table-body-wrapper.v-scrollable {
+ height: 796px !important;
+}
+
+.osbp-steel .os-cash-register .os-table-v-quad.v-table.v-widget, .osbp-steel .os-cash-register .os-span-v-quad.v-table.v-widget {
+ height: auto !important;
+}
+
+.osbp-steel .os-cash-register .os-table-v-quad .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp-steel .os-cash-register .v-caption-on-top .v-table.os-span-v-quad .v-table-body-wrapper.v-scrollable {
+ height: 746px !important;
+}
+
+.osbp-steel .os-cash-register .os-table-v-quad .v-caption-on-top.v-table.v-widget, .osbp-steel .os-cash-register .v-caption-on-top .v-table.os-span-v-quad.v-widget {
+ height: auto !important;
+}
+
+.osbp-steel .os-cash-register .os-button-v-quad {
+ margin: 0px;
+}
+
+.osbp-steel .os-cash-register .os-button-v-quad > .v-gridlayout-slot > .v-button, .osbp-steel .os-cash-register .os-button-v-quad .v-button {
+ height: 200px;
+}
+
+.osbp-steel .os-cash-register .os-button-v-quad > .v-gridlayout-slot > .v-button img.v-icon, .osbp-steel .os-cash-register .os-button-v-quad .v-button img.v-icon {
+ max-height: 190px;
+}
+
+.osbp-steel .os-cash-register .os-button-v-quad.os-font-flex > .v-gridlayout-slot > .v-button, .osbp-steel .os-cash-register .os-button-v-quad .os-font-flex .v-button {
+ height: 200px;
+ font-size: 156px;
+}
+
+.osbp-steel .os-cash-register .os-button-v-quad.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp-steel .os-cash-register .os-button-v-quad .os-font-flex .v-button img.v-icon {
+ max-height: 190px;
+}
+
+.osbp-steel .os-cash-register .os-button-v-quad .os-font-flex.v-button {
+ height: 200px !important;
+ font-size: 156px;
+}
+
+.osbp-steel .os-cash-register .os-button-v-quad .os-font-flex.v-button img.v-icon {
+ max-height: 190px !important;
+}
+
+.osbp-steel .os-cash-register .os-cash-total .v-textfield, .osbp-steel .os-cash-register .os-cash-total .v-caption, .osbp-steel .os-cash-register .os-cash-xl .v-textfield, .osbp-steel .os-cash-register .os-cash-xl .v-caption {
font-weight: bold;
}
-.osbp-steel .os-cash-register .os-cash-total .v-formlayout > table {
+.osbp-steel .os-cash-register .os-cash-total .v-captiontext, .osbp-steel .os-cash-register .os-cash-xl .v-captiontext {
+ font-weight: normal;
+}
+
+.osbp-steel .os-cash-register .os-cash-total .v-formlayout > table, .osbp-steel .os-cash-register .os-cash-xl .v-formlayout > table {
width: 100%;
}
-.osbp-steel .os-cash-register .os-cash-total .v-textfield {
- width: auto;
+.osbp-steel .os-cash-register .os-cash-total .v-textfield, .osbp-steel .os-cash-register .os-cash-xl .v-textfield {
+ font-size: 36px !important;
+ height: 72px !important;
+ text-align: right;
+}
+
+.osbp-steel .os-cash-register .os-cash-total .v-formlayout-row > .v-formlayout-captioncell > .v-caption, .osbp-steel .os-cash-register .os-cash-xl .v-formlayout-row > .v-formlayout-captioncell > .v-caption {
+ height: 71px !important;
+ line-height: 72px;
+}
+
+.osbp-steel .os-cash-register .os-cash-total .os-span-h-half .v-textfield, .osbp-steel .os-cash-register .os-cash-xl .os-span-h-half .v-textfield {
+ width: 100px;
+}
+
+.osbp-steel .os-cash-register .os-cash-total .v-button, .osbp-steel .os-cash-register .os-cash-xl .v-button {
+ background: #4caf6a;
+ border-color: #4caf6a;
+ color: #d2e4d7;
+ margin: 0px;
+}
+
+.osbp-steel .os-cash-register .os-cash-total .v-button.v-pressed, .osbp-steel .os-cash-register .os-cash-xl .v-button.v-pressed {
+ color: #233929 !important;
+ background: #81c796 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .os-cash-total .v-button.os-pushed, .osbp-steel .os-cash-register .os-cash-xl .v-button.os-pushed {
+ background: #40945a;
+ color: #1a3b24;
+ -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-steel .os-cash-register .os-cash-total .v-button:hover, .osbp-steel .os-cash-register .os-cash-xl .v-button:hover {
+ background: #5D737E;
+ border-color: #5D737E;
+ color: #d2d8da;
+}
+
+.osbp-steel .os-cash-register .os-cash-total .v-button.v-disabled, .osbp-steel .os-cash-register .os-cash-xl .v-button.v-disabled {
+ background: transparent;
+}
+
+.osbp-steel .os-cash-register .v-caption-on-top > .v-caption {
+ height: 36px;
+ padding-top: 12px;
+ padding-bottom: 0px;
}
.osbp-steel .os-cash-register .v-caption, .osbp-steel .os-cash-register .v-captiontext, .osbp-steel .os-cash-register .v-caption-on-top > .v-caption-l-control > .v-captiontext {
@@ -20863,79 +22183,82 @@
line-height: 47px;
}
+.osbp-steel .os-cash-register .v-table-header-wrap, .osbp-steel .os-cash-register .v-table-caption-container, .osbp-steel .os-cash-register .v-table-sort-indicator, .osbp-steel .os-cash-register .v-table-resizer {
+ height: 28px;
+ font-size: 18px;
+}
+
.osbp-steel .os-cash-register .v-table-cell-content {
height: 36px;
+ font-size: 18px;
}
-.osbp-steel .os-cash-keypad .v-button {
- height: 96px;
- font-size: 24px;
- margin-bottom: 8px;
+.osbp-steel .os-cash-register .os-monospace {
+ font-family: monospace;
}
-.osbp-steel .os-cash-keypad .os-numkeys .v-button {
- height: 32px;
- padding: 0 13px;
- color: #e1e1e1;
- font-weight: 600;
-
-
- border-radius: 0px;
- border: #3d3b3c #111011;
- background: #949396;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
- text-transform: uppercase;
- border-color: #949396;
- margin-left: 4px;
- font-size: 24px;
- margin-bottom: 8px;
- height: 96px;
- width: 96px;
- background: #111011;
- border-color: #111011;
- color: #bdbcbc;
+.osbp-steel .os-cash-register .os-spacer-top {
+ margin-top: 52px !important;
}
-.osbp-steel .os-cash-keypad .os-numkeys .v-button.v-pressed {
- background: #8d9da4 !important;
- border-color: #8d9da4 !important;
+.osbp-steel .os-cash-register .os-spacer-left {
+ margin-left: 52px !important;
}
-.osbp-steel .os-cash-keypad .os-numkeys .v-button:after {
- transition: none;
+.osbp-steel .os-cash-register .os-spacer-right {
+ margin-right: 52px !important;
}
-.osbp-steel .os-cash-keypad .os-numkeys .v-button:hover {
- background: #5D737E;
- border-color: #5D737E;
- color: #d2d8da;
+.osbp-steel .os-cash-register .os-spacer-bottom {
+ margin-bottom: 52px !important;
}
-.osbp-steel .os-cash-keypad .os-numkeys .v-button:focus:after {
- border-color: transparent;
- transition: none;
+.osbp-steel .os-cash-register .os-spacer-top-double {
+ margin-top: 104px !important;
}
-.osbp-steel .os-cash-keypad .os-numkeys .v-button.v-pressed {
- color: #282c2e !important;
+.osbp-steel .os-cash-register .os-spacer-left-double {
+ margin-left: 104px !important;
}
-.osbp-steel .os-cash-keypad .os-funckeys .v-button, .osbp-steel .os-cash-keypad .os-extrakeys .v-button {
- min-width: 144px;
+.osbp-steel .os-cash-register .os-spacer-right-double {
+ margin-right: 104px !important;
}
-.osbp-steel .os-cash-keypad .os-funckeys .v-button:before, .osbp-steel .os-cash-keypad .os-extrakeys .v-button:before {
- height: 100%;
+.osbp-steel .os-cash-register .os-spacer-bottom-double {
+ margin-bottom: 104px !important;
}
-.osbp-steel .os-cash-keypad .os-funckeys .v-button img.v-icon, .osbp-steel .os-cash-keypad .os-extrakeys .v-button img.v-icon {
- height: 95px;
+.osbp-steel .os-cash-register .os-spacer-top-triple {
+ margin-top: 156px !important;
}
-.osbp-steel .os-cash-keypad .os-alphakeys .v-button {
- width: 60px;
- height: 60px;
+.osbp-steel .os-cash-register .os-spacer-left-triple {
+ margin-left: 156px !important;
+}
+
+.osbp-steel .os-cash-register .os-spacer-right-triple {
+ margin-right: 156px !important;
+}
+
+.osbp-steel .os-cash-register .os-spacer-bottom-triple {
+ margin-bottom: 156px !important;
+}
+
+.osbp-steel .os-cash-register .os-spacer-top-quad {
+ margin-top: 208px !important;
+}
+
+.osbp-steel .os-cash-register .os-spacer-left-quad {
+ margin-left: 208px !important;
+}
+
+.osbp-steel .os-cash-register .os-spacer-right-quad {
+ margin-right: 208px !important;
+}
+
+.osbp-steel .os-cash-register .os-spacer-bottom-quad {
+ margin-bottom: 208px !important;
}
.osbp-steel .v-caption-initialization-progress .v-captiontext {
@@ -20944,6 +22267,7 @@
}
.osbp-steel h1[class^="v-Notification"] {
+ font-size: 16.8px;
background: none;
border: none;
}
@@ -21214,246 +22538,6 @@
opacity: 0.2;
}
-.osbp-steel .o-SuggestBoxPopup {
- z-index: 99999;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent {
- padding: 3px 3px;
- border-radius: 0px;
- background-color: #353334;
- color: #c7c6c6;
- -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4), 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.51334);
- box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4), 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.51334);
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- backface-visibility: hidden;
- margin-top: 3px !important;
- margin-bottom: 3px !important;
- margin-right: 3px !important;
- cursor: default;
- width: auto;
- color: #5D737E;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent[class*="animate-in"] {
- -webkit-animation: valo-overlay-animate-in 120ms;
- -moz-animation: valo-overlay-animate-in 120ms;
- animation: valo-overlay-animate-in 120ms;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent[class*="animate-out"] {
- -webkit-animation: valo-animate-out-fade 120ms;
- -moz-animation: valo-animate-out-fade 120ms;
- animation: valo-animate-out-fade 120ms;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent table {
- border-collapse: collapse;
- border-spacing: 0;
- margin: 0 auto;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent td {
- padding: 1px;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel {
- font-size: 12px;
- text-align: center;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel:focus {
- outline: none;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- width: 19px;
- height: 17px;
- border: 1px solid transparent;
- line-height: 17px;
- text-align: center;
- font-size: 11px;
- background: #3d3b3c;
- -webkit-transition: color 200ms;
- -moz-transition: color 200ms;
- transition: color 200ms;
- display: inline-block;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- cursor: pointer;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day:hover {
- color: #5D737E;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day-offmonth {
- color: #838182;
- background: transparent;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day-today {
- color: #ecebec;
- font-weight: 600;
- border-color: #787577;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover {
- color: #d2d8da;
- background: #5D737E;
- border: none;
- font-weight: 600;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
- -webkit-box-shadow: 0 0 0 1px transparent;
- box-shadow: 0 0 0 1px transparent;
- position: relative;
-}
-
-.v-ie8 .osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
- border-color: #5D737E;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover {
- color: #838182;
- cursor: not-allowed;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays {
- height: 17px;
- color: rgba(152, 150, 151, 0.85);
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays strong {
- font: inherit;
- font-size: 11px;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-header {
- white-space: nowrap;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent td[class*="year"] button, .osbp-steel .o-SuggestBoxPopup .popupContent td[class*="month"] button {
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- -o-appearance: none;
- appearance: none;
- border: none;
- background: transparent;
- padding: 0;
- margin: 0;
- cursor: pointer;
- color: transparent;
- font-size: 0;
- width: 12px;
- height: 16px;
- outline: none;
- position: relative;
- vertical-align: middle;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent td[class*="year"] button:before, .osbp-steel .o-SuggestBoxPopup .popupContent td[class*="month"] button:before {
- color: #838182;
- font-size: 16px;
- line-height: 18px;
- -webkit-transition: color 200ms;
- -moz-transition: color 200ms;
- transition: color 200ms;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent td[class*="year"] button:hover:before, .osbp-steel .o-SuggestBoxPopup .popupContent td[class*="month"] button:hover:before {
- color: #5D737E;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent td[class*="year"] button.outside-range, .osbp-steel .o-SuggestBoxPopup .popupContent td[class*="month"] button.outside-range {
- cursor: default;
- opacity: 0.3;
- filter: alpha(opacity=30.0) ;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent td[class*="year"] button.outside-range:hover:before, .osbp-steel .o-SuggestBoxPopup .popupContent td[class*="month"] button.outside-range:hover:before {
- color: #838182;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent .v-button-prevyear:before {
- font-family: ThemeIcons;
- content: "\f100";
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent .v-button-prevmonth:before {
- font-family: ThemeIcons;
- content: "\f104";
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent .v-button-nextyear:before {
- font-family: ThemeIcons;
- content: "\f101";
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent .v-button-nextmonth:before {
- font-family: ThemeIcons;
- content: "\f105";
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-month {
- width: 96px;
- color: #5D737E;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month {
- width: 48px;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumber, .osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child {
- width: 19px;
- color: rgba(152, 150, 151, 0.85);
- font-size: 11px;
- display: inline-block;
- text-align: left;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumber {
- position: relative;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumbers .v-first:before {
- content: "";
- position: absolute;
- top: 24px;
- bottom: 0;
- left: 0;
- width: 23px;
- border-top: 1px solid #111011;
- border-right: 1px solid #111011;
- border-top-right-radius: 0px;
- border-bottom-left-radius: 0px;
- background: #3d3b3c;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-time {
- width: 100%;
- font-size: 11px;
-}
-
-.osbp-steel .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-time .v-label {
- display: inline;
- margin: 0 0.1em;
- font-weight: 400;
-}
-
-.osbp-steel .o-SuggestBoxPopup .item-selected {
- background-color: darkgray;
- color: white;
-}
-
.osbp-steel .v-absolutelayout .o-alignmentLine {
background-color: green;
}
@@ -21700,8 +22784,9 @@
font-family: Vaadin-Icons;
font-size: 16px;
line-height: 16px;
- content: "\e771";
+ content: "\e771" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.osbp-steel .o-designer-overlay .removeChild {
@@ -21716,8 +22801,9 @@
font-family: Vaadin-Icons;
font-size: 16px;
line-height: 16px;
- content: "\e80b";
+ content: "\e80b" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.osbp-steel .o-designer-overlay .addChild {
@@ -21732,8 +22818,9 @@
font-family: Vaadin-Icons;
font-size: 16px;
line-height: 16px;
- content: "\e801";
+ content: "\e801" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.osbp-steel .o-designer-overlay .openProperties {
@@ -21748,8 +22835,9 @@
font-family: Vaadin-Icons;
font-size: 16px;
line-height: 16px;
- content: "\e6cf";
+ content: "\e6cf" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.osbp-steel .o-designer-overlay .switchMargin {
@@ -21764,8 +22852,9 @@
font-family: Vaadin-Icons;
font-size: 16px;
line-height: 16px;
- content: "\e65b";
+ content: "\e65b" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.osbp-steel .o-designer-overlay .switchSpacing {
@@ -21780,246 +22869,7 @@
font-family: Vaadin-Icons;
font-size: 16px;
line-height: 16px;
- content: "\e665";
+ content: "\e665" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
-}
-
-.o-SuggestBoxPopup {
- z-index: 99999;
-}
-
-.o-SuggestBoxPopup .popupContent {
- padding: 3px 3px;
- border-radius: 0px;
- background-color: #353334;
- color: #c7c6c6;
- -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4), 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.51334);
- box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4), 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.51334);
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- backface-visibility: hidden;
- margin-top: 3px !important;
- margin-bottom: 3px !important;
- margin-right: 3px !important;
- cursor: default;
- width: auto;
- color: #5D737E;
-}
-
-.o-SuggestBoxPopup .popupContent[class*="animate-in"] {
- -webkit-animation: valo-overlay-animate-in 120ms;
- -moz-animation: valo-overlay-animate-in 120ms;
- animation: valo-overlay-animate-in 120ms;
-}
-
-.o-SuggestBoxPopup .popupContent[class*="animate-out"] {
- -webkit-animation: valo-animate-out-fade 120ms;
- -moz-animation: valo-animate-out-fade 120ms;
- animation: valo-animate-out-fade 120ms;
-}
-
-.o-SuggestBoxPopup .popupContent table {
- border-collapse: collapse;
- border-spacing: 0;
- margin: 0 auto;
-}
-
-.o-SuggestBoxPopup .popupContent td {
- padding: 1px;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel {
- font-size: 12px;
- text-align: center;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel:focus {
- outline: none;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- width: 19px;
- height: 17px;
- border: 1px solid transparent;
- line-height: 17px;
- text-align: center;
- font-size: 11px;
- background: #3d3b3c;
- -webkit-transition: color 200ms;
- -moz-transition: color 200ms;
- transition: color 200ms;
- display: inline-block;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- cursor: pointer;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day:hover {
- color: #5D737E;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day-offmonth {
- color: #838182;
- background: transparent;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day-today {
- color: #ecebec;
- font-weight: 600;
- border-color: #787577;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover {
- color: #d2d8da;
- background: #5D737E;
- border: none;
- font-weight: 600;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
- -webkit-box-shadow: 0 0 0 1px transparent;
- box-shadow: 0 0 0 1px transparent;
- position: relative;
-}
-
-.v-ie8 .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
- border-color: #5D737E;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover {
- color: #838182;
- cursor: not-allowed;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays {
- height: 17px;
- color: rgba(152, 150, 151, 0.85);
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays strong {
- font: inherit;
- font-size: 11px;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-header {
- white-space: nowrap;
-}
-
-.o-SuggestBoxPopup .popupContent td[class*="year"] button, .o-SuggestBoxPopup .popupContent td[class*="month"] button {
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- -o-appearance: none;
- appearance: none;
- border: none;
- background: transparent;
- padding: 0;
- margin: 0;
- cursor: pointer;
- color: transparent;
- font-size: 0;
- width: 12px;
- height: 16px;
- outline: none;
- position: relative;
- vertical-align: middle;
-}
-
-.o-SuggestBoxPopup .popupContent td[class*="year"] button:before, .o-SuggestBoxPopup .popupContent td[class*="month"] button:before {
- color: #838182;
- font-size: 16px;
- line-height: 18px;
- -webkit-transition: color 200ms;
- -moz-transition: color 200ms;
- transition: color 200ms;
-}
-
-.o-SuggestBoxPopup .popupContent td[class*="year"] button:hover:before, .o-SuggestBoxPopup .popupContent td[class*="month"] button:hover:before {
- color: #5D737E;
-}
-
-.o-SuggestBoxPopup .popupContent td[class*="year"] button.outside-range, .o-SuggestBoxPopup .popupContent td[class*="month"] button.outside-range {
- cursor: default;
- opacity: 0.3;
- filter: alpha(opacity=30.0) ;
-}
-
-.o-SuggestBoxPopup .popupContent td[class*="year"] button.outside-range:hover:before, .o-SuggestBoxPopup .popupContent td[class*="month"] button.outside-range:hover:before {
- color: #838182;
-}
-
-.o-SuggestBoxPopup .popupContent .v-button-prevyear:before {
- font-family: ThemeIcons;
- content: "\f100";
-}
-
-.o-SuggestBoxPopup .popupContent .v-button-prevmonth:before {
- font-family: ThemeIcons;
- content: "\f104";
-}
-
-.o-SuggestBoxPopup .popupContent .v-button-nextyear:before {
- font-family: ThemeIcons;
- content: "\f101";
-}
-
-.o-SuggestBoxPopup .popupContent .v-button-nextmonth:before {
- font-family: ThemeIcons;
- content: "\f105";
-}
-
-.o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-month {
- width: 96px;
- color: #5D737E;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month {
- width: 48px;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumber, .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child {
- width: 19px;
- color: rgba(152, 150, 151, 0.85);
- font-size: 11px;
- display: inline-block;
- text-align: left;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumber {
- position: relative;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumbers .v-first:before {
- content: "";
- position: absolute;
- top: 24px;
- bottom: 0;
- left: 0;
- width: 23px;
- border-top: 1px solid #111011;
- border-right: 1px solid #111011;
- border-top-right-radius: 0px;
- border-bottom-left-radius: 0px;
- background: #3d3b3c;
-}
-
-.o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-time {
- width: 100%;
- font-size: 11px;
-}
-
-.o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-time .v-label {
- display: inline;
- margin: 0 0.1em;
- font-weight: 400;
-}
-
-.o-SuggestBoxPopup .item-selected {
- background-color: darkgray;
- color: white;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/favicon.ico b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/favicon.ico
new file mode 100644
index 0000000..562a161
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/favicon.ico
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/fonts/FontAwesome.otf b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/fonts/FontAwesome.otf
deleted file mode 100644
index 3ed7f8b4..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/fonts/FontAwesome.otf
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/cxmaskaw_s.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/cxmaskaw_s.png
new file mode 100644
index 0000000..01ca641
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/cxmaskaw_s.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/cxscrdn.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/cxscrdn.png
new file mode 100644
index 0000000..7b5f444
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/cxscrdn.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/cxscrup.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/cxscrup.png
new file mode 100644
index 0000000..c92c142
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/cxscrup.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dsnext.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dsnext.png
new file mode 100644
index 0000000..45ecff8
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dsnext.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dsprev.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dsprev.png
new file mode 100644
index 0000000..4753696
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dsprev.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/eq.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/eq.png
new file mode 100644
index 0000000..4156e65
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/eq.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/fireemployee.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/fireemployee.png
new file mode 100644
index 0000000..e5593f5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/fireemployee.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/ge.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/ge.png
new file mode 100644
index 0000000..f4b0199
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/ge.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/grad-dark-bottom.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/grad-dark-bottom.png
deleted file mode 100644
index 3d86693..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/grad-dark-bottom.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/grad-dark-bottom2.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/grad-dark-bottom2.png
deleted file mode 100644
index 1bf7a55..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/grad-dark-bottom2.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/grad-dark-top2.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/grad-dark-top2.png
deleted file mode 100644
index 8509f46..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/grad-dark-top2.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/grad-light-left.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/grad-light-left.png
deleted file mode 100644
index a6965e4..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/grad-light-left.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/grad-light-top.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/grad-light-top.png
deleted file mode 100644
index d9479f1..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/grad-light-top.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/grad-light-top2.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/grad-light-top2.png
deleted file mode 100644
index 51ec5e6..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/grad-light-top2.png
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/gt.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/gt.png
new file mode 100644
index 0000000..ca13ccb
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/gt.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/le.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/le.png
new file mode 100644
index 0000000..33ea0af
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/le.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/license.txt b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/license.txt
new file mode 100644
index 0000000..d1e91c0
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/license.txt
@@ -0,0 +1,242 @@
+The pictures and their license:
+
+Pixabay:
+------------------------------------------
+https://pixabay.com/de/service/terms/#usage
+https://creativecommons.org/publicdomain/zero/1.0/deed.de
+
+100EUR.png
+10EUR.png
+20EUR.png
+50EUR.png
+5EUR.png
+
+
+Based on http://fontawesome.io
+License: OFL http://scripts.sil.org/OFL
+---------------------------------------
+dsl_action.png
+dsl_aggregate.png
+dsl_allinone-1.png
+dsl_allinone-2.gif
+dsl_allinone-3.gif
+dsl_authorization.png
+dsl_blip.png
+dsl_chart.png
+dsl_chart_1.png
+dsl_chart_2.png
+dsl_cube.png
+dsl_datainterchange.png
+dsl_datamart.png
+dsl_dialog.gif
+dsl_dto.png
+dsl_entity.png
+dsl_expression.png
+dsl_filter.png
+dsl_format.png
+dsl_functionlibrary.png
+dsl_hierarchy.gif
+dsl_import2.png
+dsl_menu.png
+dsl_message.gif
+dsl_organigram.png
+dsl_path.png
+dsl_perspective.png
+dsl_report.gif
+dsl_scsstheme.gif
+dsl_strategy.gif
+dsl_strategy.png
+dsl_table.png
+dsl_topology.png
+
+-----------------------------------------
+
+Silk icon set 1.3
+
+_________________________________________
+Mark James
+http://www.famfamfam.com/lab/icons/silk/
+_________________________________________
+
+This work is licensed under a
+Creative Commons Attribution 2.5 License.
+[ http://creativecommons.org/licenses/by/2.5/ ]
+
+This means you may use it for any purpose,
+and make any changes you like.
+All I ask is that you include a link back
+to this page in your credits.
+
+Are you using this icon set? Send me an email
+(including a link or picture if available) to
+mjames@gmail.com
+
+Any other questions about this icon set please
+contact mjames@gmail.com
+--------------------------------------------
+flag_canada.png
+flag_finland.png
+flag_germany.png
+flag_mexico.png
+flag_sweden.png
+flag_swiss.png
+flag_turkey.png
+flag_united_kingdom.png
+flag_usa.png
+
+--------------------------------------------
+
+
+
+
+
+
+(C) 2014 Loetz GmbH&Co.KG,
+License: EPL 1.0:
+------------------------------------
+about.png
+badrising.png
+bike.png
+bomb.png
+book.png
+box.png
+calendar.png
+cancel.png
+cargo.png
+cashregister.png
+coins.png
+collapse_all.png
+collapse_arrow_16.png
+collapse_minus_16.png
+company.png
+companygroup.png
+configure.gif
+crm.png
+css.png
+csv_import.png
+currency_euro.png
+database.png
+database_go.png
+database_table.png
+date.gif
+delete.png
+dir.txt
+dropdown.png
+dropdown_2.png
+dropedit2.png
+dscancel.png
+dsdelete.png
+dssave.png
+edi.png
+editor_area.png
+employee.png
+empty_small.png
+excelcsv.png
+expand_arrow_16.png
+expand_plus_16.png
+export.png
+fastview_restore.gif
+filter.png
+filter_except.png
+filter_multiple.png
+filter_single.png
+folder.png
+gender_female.png
+gender_male.png
+goodsloping.png
+help.png
+html.png
+img.png
+import.png
+information.png
+item.png
+java.png
+java_perspective_16x16.png
+javadoc.png
+junit.png
+length_measure-16x16.png
+length_measure-24x24.png
+link_to_editor.png
+locksview.gif
+logout.png
+logout_big.png
+marital_married.png
+marital_single.png
+modules.png
+new.png
+nopic_small.png
+notok.png
+nuclear.png
+ok.png
+package.gif
+payment_amex.png
+payment_cash.png
+payment_customer.png
+payment_ecmaestro.png
+payment_maestro.png
+payment_mastercard.png
+payment_visa.png
+persp_management.png
+persp_tasks.png
+popup_button_16x16.png
+popup_button_17x20.png
+popup_button_active_17x20.png
+popup_button_hover_17x20.png
+print.png
+private_field.png
+private_method.png
+process.png
+products.png
+project.png
+save.png
+save_all.png
+shipping.png
+statistics.png
+supplier.png
+task_action_claim.png
+task_action_complete.png
+task_action_delegate.png
+task_action_release.png
+task_action_resume.png
+task_action_skip.png
+task_action_start.png
+task_action_stop.png
+task_action_suspend.png
+task_priority_0.png
+task_priority_1.png
+task_priority_2.png
+task_priority_3.png
+task_priority_4.png
+task_priority_5.png
+task_status_completed.png
+task_status_created.png
+task_status_error.png
+task_status_exited.png
+task_status_failed.png
+task_status_inprogress.png
+task_status_obsolete.png
+task_status_ready.png
+task_status_reserved.png
+task_status_suspended.png
+tasks.png
+text.png
+toolbar_button_background_active_23x20.png
+toolbar_button_background_hover_23x20.png
+trend_rising.png
+trend_sloping.png
+trend_stagnating.png
+truck.png
+vaaclipse.png
+warehouse.png
+welcome.png
+xmi.png
+xml.png
+
+
+
+
+Other icons:
+------------------------------------
+pdf-export.png from https://www.iconfinder.com/icons/37271/export_pdf_icon#size=24 under https://creativecommons.org/licenses/by-sa/3.0/
+
+
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/like.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/like.png
new file mode 100644
index 0000000..54616ea
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/like.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/loosingdata.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/loosingdata.png
new file mode 100644
index 0000000..fe3cb7d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/loosingdata.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/lt.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/lt.png
new file mode 100644
index 0000000..a2ae64b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/lt.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/ne.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/ne.png
new file mode 100644
index 0000000..07a7db3
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/ne.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/osbee.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/osbee.png
new file mode 100644
index 0000000..e12f341
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/osbee.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/payment_signing.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/payment_signing.png
new file mode 100644
index 0000000..645d8a4
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/payment_signing.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/pdf-export.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/pdf-export.png
new file mode 100644
index 0000000..55653c5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/pdf-export.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/reload.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/reload.png
new file mode 100644
index 0000000..442df37
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/reload.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/warning.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/warning.png
new file mode 100644
index 0000000..414fedb
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/warning.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/architecture.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/architecture.png
new file mode 100644
index 0000000..0da1723
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/architecture.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/bugatti.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/bugatti.png
new file mode 100644
index 0000000..4f28c9e
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/bugatti.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/innovation.jpg b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/innovation.jpg
new file mode 100644
index 0000000..a6ba27b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/innovation.jpg
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/lamborghini.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/lamborghini.png
new file mode 100644
index 0000000..2382b26
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/lamborghini.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/license.txt b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/license.txt
index c7751b7..db93c45 100644
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/license.txt
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/license.txt
@@ -1,53 +1,49 @@
Pictures from StockSnap/pixabay:
--------------------------------
+------------------------
- 2M1AXEU9Q2.jpg
- grid-684983_1920.jpg
- binary-797263_1920
- binary-797274_1920.jpg
- bkgnd1.jpg
- cpu-564789_1920.jpg
- grid-871475_1920.jpg
- padlock.png
- personal-95715_1920.jpg
- rain-455120_640.jpg
- statistics-706383_1920.jpg
- Top_view.jpg
- U68NITW3EI.jpg
- U68NITW3EI_s.jpg
+2M1AXEU9Q2.jpg
+app-loading.jpg / grid-684983_1920.jpg
+binary-797263_1920
+binary-797274_1920.jpg
+bkgnd1.jpg
+cpu-564789_1920.jpg
+grid-871475_1920.jpg
+padlock.png
+personal-95715_1920.jpg
+rain-455120_640.jpg
+statistics-706383_1920.jpg
+Top_view.jpg
+U68NITW3EI.jpg
+U68NITW3EI_s.jpg
- CC0 License https://stocksnap.io/license
- -----------
- All photos on StockSnap fall under the Creative Commons CC0 license.
- That means you can copy, modify, distribute any photo on the site, even for commercial purposes, all without asking permission!
+CC0 License https://stocksnap.io/license
+-----------
+All photos on StockSnap fall under the Creative Commons CC0 license.
+That means you can copy, modify, distribute any photo on the site, even for commercial purposes, all without asking permission!
- Pixabay:
- --------
- https://pixabay.com/de/service/terms/#usage
+Pixabay:
+--------
+https://pixabay.com/de/service/terms/#usage
- https://creativecommons.org/publicdomain/zero/1.0/legalcode
-
-
-
-Created / Manipulated by Eclipse OSBP project
----------------------------------------------
-
- app-loading.jpg - derived from grid-684983_1920.jpg
+https://creativecommons.org/publicdomain/zero/1.0/deed.de
- created with http://www.ajaxload.info/
- license: http://www.wtfpl.net/about/
- load_bar_1.gif
- load_bar_2.gif
- load_spinner_1.gif
- load_spinner_2.gif
- load_spinner_3.gif
+
+created with http://www.ajaxload.info/
+license: http://www.wtfpl.net/about/
+
+load_bar_1.gif
+load_bar_2.gif
+load_spinner_1.gif
+load_spinner_2.gif
+load_spinner_3.gif
+
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/logo_osbee.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/logo_osbee.png
new file mode 100644
index 0000000..8f53f5c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/logo_osbee.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/paper-clip-98520_960_36.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/paper-clip-98520_960_36.png
new file mode 100644
index 0000000..b7171a5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/paper-clip-98520_960_36.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/paper-clip-98520_960_72.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/paper-clip-98520_960_72.png
new file mode 100644
index 0000000..556c371
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/paper-clip-98520_960_72.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/paper-clip-98520_960_720.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/paper-clip-98520_960_720.png
new file mode 100644
index 0000000..ffd578a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/paper-clip-98520_960_720.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/userExperience.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/userExperience.png
new file mode 100644
index 0000000..c2b782a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/image/userExperience.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/styles.css b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/styles.css
index db39597..3bbfb94 100644
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/styles.css
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/styles.css
@@ -15,8 +15,6 @@
* *
******************************************************************/
-/***************/
-
/**
* Checks if a list contains a certain value.
*
@@ -2282,8 +2280,8 @@
@font-face {
font-family: "FontAwesome";
- src: url(fonts/FontAwesome.eot);
- src: url(fonts/FontAwesome.eot?#iefix) format("embedded-opentype"), url(fonts/FontAwesome.woff) format("woff"), url(fonts/FontAwesome.ttf) format("truetype"), url(fonts/FontAwesome.svg#icomoon) format("svg");
+ src: url(fonts/fontawesome-webfont.eot);
+ src: url(fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/fontawesome-webfont.woff) format("woff"), url(fonts/fontawesome-webfont.ttf) format("truetype"), url(fonts/fontawesome-webfont.svg#icomoon) format("svg");
}
[class^="fa-"], [class*=" fa-"] {
@@ -2295,6 +2293,7 @@
text-transform: none;
line-height: 1;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@@ -2308,2783 +2307,2784 @@
text-transform: none;
line-height: 1;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
-.fa-glass:before {
+.fa-glass .v-button-caption:before {
content: "\f000";
}
-.fa-music:before {
+.fa-music .v-button-caption:before {
content: "\f001";
}
-.fa-search:before {
+.fa-search .v-button-caption:before {
content: "\f002";
}
-.fa-envelope-o:before {
+.fa-envelope-o .v-button-caption:before {
content: "\f003";
}
-.fa-heart:before {
+.fa-heart .v-button-caption:before {
content: "\f004";
}
-.fa-star:before {
+.fa-star .v-button-caption:before {
content: "\f005";
}
-.fa-star-o:before {
+.fa-star-o .v-button-caption:before {
content: "\f006";
}
-.fa-user:before {
+.fa-user .v-button-caption:before {
content: "\f007";
}
-.fa-film:before {
+.fa-film .v-button-caption:before {
content: "\f008";
}
-.fa-th-large:before {
+.fa-th-large .v-button-caption:before {
content: "\f009";
}
-.fa-th:before {
+.fa-th .v-button-caption:before {
content: "\f00a";
}
-.fa-th-list:before {
+.fa-th-list .v-button-caption:before {
content: "\f00b";
}
-.fa-check:before {
+.fa-check .v-button-caption:before {
content: "\f00c";
}
-.fa-close:before {
+.fa-close .v-button-caption:before {
content: "\f00d";
}
-.fa-remove:before {
+.fa-remove .v-button-caption:before {
content: "\f00d";
}
-.fa-times:before {
+.fa-times .v-button-caption:before {
content: "\f00d";
}
-.fa-search-plus:before {
+.fa-search-plus .v-button-caption:before {
content: "\f00e";
}
-.fa-search-minus:before {
+.fa-search-minus .v-button-caption:before {
content: "\f010";
}
-.fa-power-off:before {
+.fa-power-off .v-button-caption:before {
content: "\f011";
}
-.fa-signal:before {
+.fa-signal .v-button-caption:before {
content: "\f012";
}
-.fa-cog:before {
+.fa-cog .v-button-caption:before {
content: "\f013";
}
-.fa-gear:before {
+.fa-gear .v-button-caption:before {
content: "\f013";
}
-.fa-trash-o:before {
+.fa-trash-o .v-button-caption:before {
content: "\f014";
}
-.fa-home:before {
+.fa-home .v-button-caption:before {
content: "\f015";
}
-.fa-file-o:before {
+.fa-file-o .v-button-caption:before {
content: "\f016";
}
-.fa-clock-o:before {
+.fa-clock-o .v-button-caption:before {
content: "\f017";
}
-.fa-road:before {
+.fa-road .v-button-caption:before {
content: "\f018";
}
-.fa-download:before {
+.fa-download .v-button-caption:before {
content: "\f019";
}
-.fa-arrow-circle-o-down:before {
+.fa-arrow-circle-o-down .v-button-caption:before {
content: "\f01a";
}
-.fa-arrow-circle-o-up:before {
+.fa-arrow-circle-o-up .v-button-caption:before {
content: "\f01b";
}
-.fa-inbox:before {
+.fa-inbox .v-button-caption:before {
content: "\f01c";
}
-.fa-play-circle-o:before {
+.fa-play-circle-o .v-button-caption:before {
content: "\f01d";
}
-.fa-repeat:before {
+.fa-repeat .v-button-caption:before {
content: "\f01e";
}
-.fa-rotate-right:before {
+.fa-rotate-right .v-button-caption:before {
content: "\f01e";
}
-.fa-refresh:before {
+.fa-refresh .v-button-caption:before {
content: "\f021";
}
-.fa-list-alt:before {
+.fa-list-alt .v-button-caption:before {
content: "\f022";
}
-.fa-lock:before {
+.fa-lock .v-button-caption:before {
content: "\f023";
}
-.fa-flag:before {
+.fa-flag .v-button-caption:before {
content: "\f024";
}
-.fa-headphones:before {
+.fa-headphones .v-button-caption:before {
content: "\f025";
}
-.fa-volume-off:before {
+.fa-volume-off .v-button-caption:before {
content: "\f026";
}
-.fa-volume-down:before {
+.fa-volume-down .v-button-caption:before {
content: "\f027";
}
-.fa-volume-up:before {
+.fa-volume-up .v-button-caption:before {
content: "\f028";
}
-.fa-qrcode:before {
+.fa-qrcode .v-button-caption:before {
content: "\f029";
}
-.fa-barcode:before {
+.fa-barcode .v-button-caption:before {
content: "\f02a";
}
-.fa-tag:before {
+.fa-tag .v-button-caption:before {
content: "\f02b";
}
-.fa-tags:before {
+.fa-tags .v-button-caption:before {
content: "\f02c";
}
-.fa-book2:before {
+.fa-book2 .v-button-caption:before {
content: "\f02d";
}
-.fa-bookmark:before {
+.fa-bookmark .v-button-caption:before {
content: "\f02e";
}
-.fa-print:before {
+.fa-print .v-button-caption:before {
content: "\f02f";
}
-.fa-camera:before {
+.fa-camera .v-button-caption:before {
content: "\f030";
}
-.fa-font:before {
+.fa-font .v-button-caption:before {
content: "\f031";
}
-.fa-bold:before {
+.fa-bold .v-button-caption:before {
content: "\f032";
}
-.fa-italic:before {
+.fa-italic .v-button-caption:before {
content: "\f033";
}
-.fa-text-height:before {
+.fa-text-height .v-button-caption:before {
content: "\f034";
}
-.fa-text-width:before {
+.fa-text-width .v-button-caption:before {
content: "\f035";
}
-.fa-align-left:before {
+.fa-align-left .v-button-caption:before {
content: "\f036";
}
-.fa-align-center:before {
+.fa-align-center .v-button-caption:before {
content: "\f037";
}
-.fa-align-right:before {
+.fa-align-right .v-button-caption:before {
content: "\f038";
}
-.fa-align-justify:before {
+.fa-align-justify .v-button-caption:before {
content: "\f039";
}
-.fa-list:before {
+.fa-list .v-button-caption:before {
content: "\f03a";
}
-.fa-dedent:before {
+.fa-dedent .v-button-caption:before {
content: "\f03b";
}
-.fa-outdent:before {
+.fa-outdent .v-button-caption:before {
content: "\f03b";
}
-.fa-indent:before {
+.fa-indent .v-button-caption:before {
content: "\f03c";
}
-.fa-video-camera:before {
+.fa-video-camera .v-button-caption:before {
content: "\f03d";
}
-.fa-image:before {
+.fa-image .v-button-caption:before {
content: "\f03e";
}
-.fa-photo:before {
+.fa-photo .v-button-caption:before {
content: "\f03e";
}
-.fa-picture-o:before {
+.fa-picture-o .v-button-caption:before {
content: "\f03e";
}
-.fa-pencil:before {
+.fa-pencil .v-button-caption:before {
content: "\f040";
}
-.fa-map-marker:before {
+.fa-map-marker .v-button-caption:before {
content: "\f041";
}
-.fa-adjust:before {
+.fa-adjust .v-button-caption:before {
content: "\f042";
}
-.fa-tint:before {
+.fa-tint .v-button-caption:before {
content: "\f043";
}
-.fa-edit:before {
+.fa-edit .v-button-caption:before {
content: "\f044";
}
-.fa-pencil-square-o:before {
+.fa-pencil-square-o .v-button-caption:before {
content: "\f044";
}
-.fa-share-square-o:before {
+.fa-share-square-o .v-button-caption:before {
content: "\f045";
}
-.fa-check-square-o:before {
+.fa-check-square-o .v-button-caption:before {
content: "\f046";
}
-.fa-arrows:before {
+.fa-arrows .v-button-caption:before {
content: "\f047";
}
-.fa-step-backward:before {
+.fa-step-backward .v-button-caption:before {
content: "\f048";
}
-.fa-fast-backward:before {
+.fa-fast-backward .v-button-caption:before {
content: "\f049";
}
-.fa-backward:before {
+.fa-backward .v-button-caption:before {
content: "\f04a";
}
-.fa-play:before {
+.fa-play .v-button-caption:before {
content: "\f04b";
}
-.fa-pause:before {
+.fa-pause .v-button-caption:before {
content: "\f04c";
}
-.fa-stop:before {
+.fa-stop .v-button-caption:before {
content: "\f04d";
}
-.fa-forward:before {
+.fa-forward .v-button-caption:before {
content: "\f04e";
}
-.fa-fast-forward:before {
+.fa-fast-forward .v-button-caption:before {
content: "\f050";
}
-.fa-step-forward:before {
+.fa-step-forward .v-button-caption:before {
content: "\f051";
}
-.fa-eject:before {
+.fa-eject .v-button-caption:before {
content: "\f052";
}
-.fa-chevron-left:before {
+.fa-chevron-left .v-button-caption:before {
content: "\f053";
}
-.fa-chevron-right:before {
+.fa-chevron-right .v-button-caption:before {
content: "\f054";
}
-.fa-plus-circle:before {
+.fa-plus-circle .v-button-caption:before {
content: "\f055";
}
-.fa-minus-circle:before {
+.fa-minus-circle .v-button-caption:before {
content: "\f056";
}
-.fa-times-circle:before {
+.fa-times-circle .v-button-caption:before {
content: "\f057";
}
-.fa-check-circle:before {
+.fa-check-circle .v-button-caption:before {
content: "\f058";
}
-.fa-question-circle:before {
+.fa-question-circle .v-button-caption:before {
content: "\f059";
}
-.fa-info-circle:before {
+.fa-info-circle .v-button-caption:before {
content: "\f05a";
}
-.fa-crosshairs:before {
+.fa-crosshairs .v-button-caption:before {
content: "\f05b";
}
-.fa-times-circle-o:before {
+.fa-times-circle-o .v-button-caption:before {
content: "\f05c";
}
-.fa-check-circle-o:before {
+.fa-check-circle-o .v-button-caption:before {
content: "\f05d";
}
-.fa-ban:before {
+.fa-ban .v-button-caption:before {
content: "\f05e";
}
-.fa-arrow-left:before {
+.fa-arrow-left .v-button-caption:before {
content: "\f060";
}
-.fa-arrow-right:before {
+.fa-arrow-right .v-button-caption:before {
content: "\f061";
}
-.fa-arrow-up:before {
+.fa-arrow-up .v-button-caption:before {
content: "\f062";
}
-.fa-arrow-down:before {
+.fa-arrow-down .v-button-caption:before {
content: "\f063";
}
-.fa-mail-forward:before {
+.fa-mail-forward .v-button-caption:before {
content: "\f064";
}
-.fa-share:before {
+.fa-share .v-button-caption:before {
content: "\f064";
}
-.fa-expand:before {
+.fa-expand .v-button-caption:before {
content: "\f065";
}
-.fa-compress:before {
+.fa-compress .v-button-caption:before {
content: "\f066";
}
-.fa-plus:before {
+.fa-plus .v-button-caption:before {
content: "\f067";
}
-.fa-minus:before {
+.fa-minus .v-button-caption:before {
content: "\f068";
}
-.fa-asterisk:before {
+.fa-asterisk .v-button-caption:before {
content: "\f069";
}
-.fa-exclamation-circle:before {
+.fa-exclamation-circle .v-button-caption:before {
content: "\f06a";
}
-.fa-gift:before {
+.fa-gift .v-button-caption:before {
content: "\f06b";
}
-.fa-leaf:before {
+.fa-leaf .v-button-caption:before {
content: "\f06c";
}
-.fa-fire:before {
+.fa-fire .v-button-caption:before {
content: "\f06d";
}
-.fa-eye:before {
+.fa-eye .v-button-caption:before {
content: "\f06e";
}
-.fa-eye-slash:before {
+.fa-eye-slash .v-button-caption:before {
content: "\f070";
}
-.fa-exclamation-triangle:before {
+.fa-exclamation-triangle .v-button-caption:before {
content: "\f071";
}
-.fa-warning:before {
+.fa-warning .v-button-caption:before {
content: "\f071";
}
-.fa-plane:before {
+.fa-plane .v-button-caption:before {
content: "\f072";
}
-.fa-calendar:before {
+.fa-calendar .v-button-caption:before {
content: "\f073";
}
-.fa-random2:before {
+.fa-random2 .v-button-caption:before {
content: "\f074";
}
-.fa-comment2:before {
+.fa-comment2 .v-button-caption:before {
content: "\f075";
}
-.fa-magnet:before {
+.fa-magnet .v-button-caption:before {
content: "\f076";
}
-.fa-chevron-up:before {
+.fa-chevron-up .v-button-caption:before {
content: "\f077";
}
-.fa-chevron-down:before {
+.fa-chevron-down .v-button-caption:before {
content: "\f078";
}
-.fa-retweet2:before {
+.fa-retweet2 .v-button-caption:before {
content: "\f079";
}
-.fa-shopping-cart:before {
+.fa-shopping-cart .v-button-caption:before {
content: "\f07a";
}
-.fa-folder:before {
+.fa-folder .v-button-caption:before {
content: "\f07b";
}
-.fa-folder-open:before {
+.fa-folder-open .v-button-caption:before {
content: "\f07c";
}
-.fa-arrows-v:before {
+.fa-arrows-v .v-button-caption:before {
content: "\f07d";
}
-.fa-arrows-h:before {
+.fa-arrows-h .v-button-caption:before {
content: "\f07e";
}
-.fa-bar-chart2:before {
+.fa-bar-chart2 .v-button-caption:before {
content: "\f080";
}
-.fa-bar-chart-o:before {
+.fa-bar-chart-o .v-button-caption:before {
content: "\f080";
}
-.fa-twitter-square:before {
+.fa-twitter-square .v-button-caption:before {
content: "\f081";
}
-.fa-facebook-square:before {
+.fa-facebook-square .v-button-caption:before {
content: "\f082";
}
-.fa-camera-retro:before {
+.fa-camera-retro .v-button-caption:before {
content: "\f083";
}
-.fa-key:before {
+.fa-key .v-button-caption:before {
content: "\f084";
}
-.fa-cogs:before {
+.fa-cogs .v-button-caption:before {
content: "\f085";
}
-.fa-gears:before {
+.fa-gears .v-button-caption:before {
content: "\f085";
}
-.fa-comments:before {
+.fa-comments .v-button-caption:before {
content: "\f086";
}
-.fa-thumbs-o-up:before {
+.fa-thumbs-o-up .v-button-caption:before {
content: "\f087";
}
-.fa-thumbs-o-down:before {
+.fa-thumbs-o-down .v-button-caption:before {
content: "\f088";
}
-.fa-star-half:before {
+.fa-star-half .v-button-caption:before {
content: "\f089";
}
-.fa-heart-o:before {
+.fa-heart-o .v-button-caption:before {
content: "\f08a";
}
-.fa-sign-out:before {
+.fa-sign-out .v-button-caption:before {
content: "\f08b";
}
-.fa-linkedin-square:before {
+.fa-linkedin-square .v-button-caption:before {
content: "\f08c";
}
-.fa-thumb-tack:before {
+.fa-thumb-tack .v-button-caption:before {
content: "\f08d";
}
-.fa-external-link:before {
+.fa-external-link .v-button-caption:before {
content: "\f08e";
}
-.fa-sign-in2:before {
+.fa-sign-in2 .v-button-caption:before {
content: "\f090";
}
-.fa-trophy:before {
+.fa-trophy .v-button-caption:before {
content: "\f091";
}
-.fa-github-square:before {
+.fa-github-square .v-button-caption:before {
content: "\f092";
}
-.fa-upload3:before {
+.fa-upload3 .v-button-caption:before {
content: "\f093";
}
-.fa-lemon-o:before {
+.fa-lemon-o .v-button-caption:before {
content: "\f094";
}
-.fa-phone:before {
+.fa-phone .v-button-caption:before {
content: "\f095";
}
-.fa-square-o:before {
+.fa-square-o .v-button-caption:before {
content: "\f096";
}
-.fa-bookmark-o:before {
+.fa-bookmark-o .v-button-caption:before {
content: "\f097";
}
-.fa-phone-square:before {
+.fa-phone-square .v-button-caption:before {
content: "\f098";
}
-.fa-twitter:before {
+.fa-twitter .v-button-caption:before {
content: "\f099";
}
-.fa-facebook:before {
+.fa-facebook .v-button-caption:before {
content: "\f09a";
}
-.fa-facebook-f:before {
+.fa-facebook-f .v-button-caption:before {
content: "\f09a";
}
-.fa-github:before {
+.fa-github .v-button-caption:before {
content: "\f09b";
}
-.fa-unlock:before {
+.fa-unlock .v-button-caption:before {
content: "\f09c";
}
-.fa-credit-card:before {
+.fa-credit-card .v-button-caption:before {
content: "\f09d";
}
-.fa-feed:before {
+.fa-feed .v-button-caption:before {
content: "\f09e";
}
-.fa-rss:before {
+.fa-rss .v-button-caption:before {
content: "\f09e";
}
-.fa-hdd-o:before {
+.fa-hdd-o .v-button-caption:before {
content: "\f0a0";
}
-.fa-bullhorn:before {
+.fa-bullhorn .v-button-caption:before {
content: "\f0a1";
}
-.fa-bell-o:before {
+.fa-bell-o .v-button-caption:before {
content: "\f0a2";
}
-.fa-certificate:before {
+.fa-certificate .v-button-caption:before {
content: "\f0a3";
}
-.fa-hand-o-right:before {
+.fa-hand-o-right .v-button-caption:before {
content: "\f0a4";
}
-.fa-hand-o-left:before {
+.fa-hand-o-left .v-button-caption:before {
content: "\f0a5";
}
-.fa-hand-o-up:before {
+.fa-hand-o-up .v-button-caption:before {
content: "\f0a6";
}
-.fa-hand-o-down:before {
+.fa-hand-o-down .v-button-caption:before {
content: "\f0a7";
}
-.fa-arrow-circle-left:before {
+.fa-arrow-circle-left .v-button-caption:before {
content: "\f0a8";
}
-.fa-arrow-circle-right:before {
+.fa-arrow-circle-right .v-button-caption:before {
content: "\f0a9";
}
-.fa-arrow-circle-up:before {
+.fa-arrow-circle-up .v-button-caption:before {
content: "\f0aa";
}
-.fa-arrow-circle-down:before {
+.fa-arrow-circle-down .v-button-caption:before {
content: "\f0ab";
}
-.fa-globe:before {
+.fa-globe .v-button-caption:before {
content: "\f0ac";
}
-.fa-wrench:before {
+.fa-wrench .v-button-caption:before {
content: "\f0ad";
}
-.fa-tasks2:before {
+.fa-tasks2 .v-button-caption:before {
content: "\f0ae";
}
-.fa-filter2:before {
+.fa-filter2 .v-button-caption:before {
content: "\f0b0";
}
-.fa-briefcase:before {
+.fa-briefcase .v-button-caption:before {
content: "\f0b1";
}
-.fa-arrows-alt:before {
+.fa-arrows-alt .v-button-caption:before {
content: "\f0b2";
}
-.fa-group:before {
+.fa-group .v-button-caption:before {
content: "\f0c0";
}
-.fa-users:before {
+.fa-users .v-button-caption:before {
content: "\f0c0";
}
-.fa-chain:before {
+.fa-chain .v-button-caption:before {
content: "\f0c1";
}
-.fa-link:before {
+.fa-link .v-button-caption:before {
content: "\f0c1";
}
-.fa-cloud:before {
+.fa-cloud .v-button-caption:before {
content: "\f0c2";
}
-.fa-flask:before {
+.fa-flask .v-button-caption:before {
content: "\f0c3";
}
-.fa-cut:before {
+.fa-cut .v-button-caption:before {
content: "\f0c4";
}
-.fa-scissors:before {
+.fa-scissors .v-button-caption:before {
content: "\f0c4";
}
-.fa-copy:before {
+.fa-copy .v-button-caption:before {
content: "\f0c5";
}
-.fa-files-o:before {
+.fa-files-o .v-button-caption:before {
content: "\f0c5";
}
-.fa-paperclip:before {
+.fa-paperclip .v-button-caption:before {
content: "\f0c6";
}
-.fa-floppy-o:before {
+.fa-floppy-o .v-button-caption:before {
content: "\f0c7";
}
-.fa-save:before {
+.fa-save .v-button-caption:before {
content: "\f0c7";
}
-.fa-square:before {
+.fa-square .v-button-caption:before {
content: "\f0c8";
}
-.fa-bars:before {
+.fa-bars .v-button-caption:before {
content: "\f0c9";
}
-.fa-navicon:before {
+.fa-navicon .v-button-caption:before {
content: "\f0c9";
}
-.fa-reorder:before {
+.fa-reorder .v-button-caption:before {
content: "\f0c9";
}
-.fa-list-ul:before {
+.fa-list-ul .v-button-caption:before {
content: "\f0ca";
}
-.fa-list-ol:before {
+.fa-list-ol .v-button-caption:before {
content: "\f0cb";
}
-.fa-strikethrough:before {
+.fa-strikethrough .v-button-caption:before {
content: "\f0cc";
}
-.fa-underline:before {
+.fa-underline .v-button-caption:before {
content: "\f0cd";
}
-.fa-table2:before {
+.fa-table2 .v-button-caption:before {
content: "\f0ce";
}
-.fa-magic:before {
+.fa-magic .v-button-caption:before {
content: "\f0d0";
}
-.fa-truck:before {
+.fa-truck .v-button-caption:before {
content: "\f0d1";
}
-.fa-pinterest:before {
+.fa-pinterest .v-button-caption:before {
content: "\f0d2";
}
-.fa-pinterest-square:before {
+.fa-pinterest-square .v-button-caption:before {
content: "\f0d3";
}
-.fa-google-plus-square:before {
+.fa-google-plus-square .v-button-caption:before {
content: "\f0d4";
}
-.fa-google-plus:before {
+.fa-google-plus .v-button-caption:before {
content: "\f0d5";
}
-.fa-money:before {
+.fa-money .v-button-caption:before {
content: "\f0d6";
}
-.fa-caret-down:before {
+.fa-caret-down .v-button-caption:before {
content: "\f0d7";
}
-.fa-caret-up:before {
+.fa-caret-up .v-button-caption:before {
content: "\f0d8";
}
-.fa-caret-left:before {
+.fa-caret-left .v-button-caption:before {
content: "\f0d9";
}
-.fa-caret-right:before {
+.fa-caret-right .v-button-caption:before {
content: "\f0da";
}
-.fa-columns:before {
+.fa-columns .v-button-caption:before {
content: "\f0db";
}
-.fa-sort:before {
+.fa-sort .v-button-caption:before {
content: "\f0dc";
}
-.fa-unsorted:before {
+.fa-unsorted .v-button-caption:before {
content: "\f0dc";
}
-.fa-sort-desc:before {
+.fa-sort-desc .v-button-caption:before {
content: "\f0dd";
}
-.fa-sort-down:before {
+.fa-sort-down .v-button-caption:before {
content: "\f0dd";
}
-.fa-sort-asc:before {
+.fa-sort-asc .v-button-caption:before {
content: "\f0de";
}
-.fa-sort-up:before {
+.fa-sort-up .v-button-caption:before {
content: "\f0de";
}
-.fa-envelope:before {
+.fa-envelope .v-button-caption:before {
content: "\f0e0";
}
-.fa-linkedin:before {
+.fa-linkedin .v-button-caption:before {
content: "\f0e1";
}
-.fa-rotate-left:before {
+.fa-rotate-left .v-button-caption:before {
content: "\f0e2";
}
-.fa-undo:before {
+.fa-undo .v-button-caption:before {
content: "\f0e2";
}
-.fa-gavel:before {
+.fa-gavel .v-button-caption:before {
content: "\f0e3";
}
-.fa-legal:before {
+.fa-legal .v-button-caption:before {
content: "\f0e3";
}
-.fa-dashboard:before {
+.fa-dashboard .v-button-caption:before {
content: "\f0e4";
}
-.fa-tachometer:before {
+.fa-tachometer .v-button-caption:before {
content: "\f0e4";
}
-.fa-comment-o2:before {
+.fa-comment-o2 .v-button-caption:before {
content: "\f0e5";
}
-.fa-comments-o:before {
+.fa-comments-o .v-button-caption:before {
content: "\f0e6";
}
-.fa-bolt:before {
+.fa-bolt .v-button-caption:before {
content: "\f0e7";
}
-.fa-flash:before {
+.fa-flash .v-button-caption:before {
content: "\f0e7";
}
-.fa-sitemap2:before {
+.fa-sitemap2 .v-button-caption:before {
content: "\f0e8";
}
-.fa-umbrella:before {
+.fa-umbrella .v-button-caption:before {
content: "\f0e9";
}
-.fa-clipboard:before {
+.fa-clipboard .v-button-caption:before {
content: "\f0ea";
}
-.fa-paste:before {
+.fa-paste .v-button-caption:before {
content: "\f0ea";
}
-.fa-lightbulb-o:before {
+.fa-lightbulb-o .v-button-caption:before {
content: "\f0eb";
}
-.fa-exchange:before {
+.fa-exchange .v-button-caption:before {
content: "\f0ec";
}
-.fa-cloud-download:before {
+.fa-cloud-download .v-button-caption:before {
content: "\f0ed";
}
-.fa-cloud-upload:before {
+.fa-cloud-upload .v-button-caption:before {
content: "\f0ee";
}
-.fa-user-md:before {
+.fa-user-md .v-button-caption:before {
content: "\f0f0";
}
-.fa-stethoscope:before {
+.fa-stethoscope .v-button-caption:before {
content: "\f0f1";
}
-.fa-suitcase:before {
+.fa-suitcase .v-button-caption:before {
content: "\f0f2";
}
-.fa-bell:before {
+.fa-bell .v-button-caption:before {
content: "\f0f3";
}
-.fa-coffee:before {
+.fa-coffee .v-button-caption:before {
content: "\f0f4";
}
-.fa-cutlery:before {
+.fa-cutlery .v-button-caption:before {
content: "\f0f5";
}
-.fa-file-text-o2:before {
+.fa-file-text-o2 .v-button-caption:before {
content: "\f0f6";
}
-.fa-building-o:before {
+.fa-building-o .v-button-caption:before {
content: "\f0f7";
}
-.fa-hospital-o:before {
+.fa-hospital-o .v-button-caption:before {
content: "\f0f8";
}
-.fa-ambulance:before {
+.fa-ambulance .v-button-caption:before {
content: "\f0f9";
}
-.fa-medkit:before {
+.fa-medkit .v-button-caption:before {
content: "\f0fa";
}
-.fa-fighter-jet:before {
+.fa-fighter-jet .v-button-caption:before {
content: "\f0fb";
}
-.fa-beer:before {
+.fa-beer .v-button-caption:before {
content: "\f0fc";
}
-.fa-h-square:before {
+.fa-h-square .v-button-caption:before {
content: "\f0fd";
}
-.fa-plus-square:before {
+.fa-plus-square .v-button-caption:before {
content: "\f0fe";
}
-.fa-angle-double-left:before {
+.fa-angle-double-left .v-button-caption:before {
content: "\f100";
}
-.fa-angle-double-right:before {
+.fa-angle-double-right .v-button-caption:before {
content: "\f101";
}
-.fa-angle-double-up:before {
+.fa-angle-double-up .v-button-caption:before {
content: "\f102";
}
-.fa-angle-double-down:before {
+.fa-angle-double-down .v-button-caption:before {
content: "\f103";
}
-.fa-angle-left:before {
+.fa-angle-left .v-button-caption:before {
content: "\f104";
}
-.fa-angle-right:before {
+.fa-angle-right .v-button-caption:before {
content: "\f105";
}
-.fa-angle-up:before {
+.fa-angle-up .v-button-caption:before {
content: "\f106";
}
-.fa-angle-down:before {
+.fa-angle-down .v-button-caption:before {
content: "\f107";
}
-.fa-desktop:before {
+.fa-desktop .v-button-caption:before {
content: "\f108";
}
-.fa-laptop:before {
+.fa-laptop .v-button-caption:before {
content: "\f109";
}
-.fa-tablet:before {
+.fa-tablet .v-button-caption:before {
content: "\f10a";
}
-.fa-mobile:before {
+.fa-mobile .v-button-caption:before {
content: "\f10b";
}
-.fa-mobile-phone:before {
+.fa-mobile-phone .v-button-caption:before {
content: "\f10b";
}
-.fa-circle-o:before {
+.fa-circle-o .v-button-caption:before {
content: "\f10c";
}
-.fa-quote-left:before {
+.fa-quote-left .v-button-caption:before {
content: "\f10d";
}
-.fa-quote-right:before {
+.fa-quote-right .v-button-caption:before {
content: "\f10e";
}
-.fa-spinner:before {
+.fa-spinner .v-button-caption:before {
content: "\f110";
}
-.fa-circle:before {
+.fa-circle .v-button-caption:before {
content: "\f111";
}
-.fa-mail-reply:before {
+.fa-mail-reply .v-button-caption:before {
content: "\f112";
}
-.fa-reply:before {
+.fa-reply .v-button-caption:before {
content: "\f112";
}
-.fa-github-alt:before {
+.fa-github-alt .v-button-caption:before {
content: "\f113";
}
-.fa-folder-o:before {
+.fa-folder-o .v-button-caption:before {
content: "\f114";
}
-.fa-folder-open-o:before {
+.fa-folder-open-o .v-button-caption:before {
content: "\f115";
}
-.fa-smile-o:before {
+.fa-smile-o .v-button-caption:before {
content: "\f118";
}
-.fa-frown-o:before {
+.fa-frown-o .v-button-caption:before {
content: "\f119";
}
-.fa-meh-o:before {
+.fa-meh-o .v-button-caption:before {
content: "\f11a";
}
-.fa-gamepad:before {
+.fa-gamepad .v-button-caption:before {
content: "\f11b";
}
-.fa-keyboard-o:before {
+.fa-keyboard-o .v-button-caption:before {
content: "\f11c";
}
-.fa-flag-o:before {
+.fa-flag-o .v-button-caption:before {
content: "\f11d";
}
-.fa-flag-checkered:before {
+.fa-flag-checkered .v-button-caption:before {
content: "\f11e";
}
-.fa-terminal:before {
+.fa-terminal .v-button-caption:before {
content: "\f120";
}
-.fa-code:before {
+.fa-code .v-button-caption:before {
content: "\f121";
}
-.fa-mail-reply-all:before {
+.fa-mail-reply-all .v-button-caption:before {
content: "\f122";
}
-.fa-reply-all:before {
+.fa-reply-all .v-button-caption:before {
content: "\f122";
}
-.fa-star-half-empty:before {
+.fa-star-half-empty .v-button-caption:before {
content: "\f123";
}
-.fa-star-half-full:before {
+.fa-star-half-full .v-button-caption:before {
content: "\f123";
}
-.fa-star-half-o:before {
+.fa-star-half-o .v-button-caption:before {
content: "\f123";
}
-.fa-location-arrow:before {
+.fa-location-arrow .v-button-caption:before {
content: "\f124";
}
-.fa-crop:before {
+.fa-crop .v-button-caption:before {
content: "\f125";
}
-.fa-code-fork:before {
+.fa-code-fork .v-button-caption:before {
content: "\f126";
}
-.fa-chain-broken:before {
+.fa-chain-broken .v-button-caption:before {
content: "\f127";
}
-.fa-unlink:before {
+.fa-unlink .v-button-caption:before {
content: "\f127";
}
-.fa-question:before {
+.fa-question .v-button-caption:before {
content: "\f128";
}
-.fa-info:before {
+.fa-info .v-button-caption:before {
content: "\f129";
}
-.fa-exclamation:before {
+.fa-exclamation .v-button-caption:before {
content: "\f12a";
}
-.fa-superscript:before {
+.fa-superscript .v-button-caption:before {
content: "\f12b";
}
-.fa-subscript:before {
+.fa-subscript .v-button-caption:before {
content: "\f12c";
}
-.fa-eraser:before {
+.fa-eraser .v-button-caption:before {
content: "\f12d";
}
-.fa-puzzle-piece2:before {
+.fa-puzzle-piece2 .v-button-caption:before {
content: "\f12e";
}
-.fa-microphone:before {
+.fa-microphone .v-button-caption:before {
content: "\f130";
}
-.fa-microphone-slash:before {
+.fa-microphone-slash .v-button-caption:before {
content: "\f131";
}
-.fa-shield:before {
+.fa-shield .v-button-caption:before {
content: "\f132";
}
-.fa-calendar-o:before {
+.fa-calendar-o .v-button-caption:before {
content: "\f133";
}
-.fa-fire-extinguisher:before {
+.fa-fire-extinguisher .v-button-caption:before {
content: "\f134";
}
-.fa-rocket:before {
+.fa-rocket .v-button-caption:before {
content: "\f135";
}
-.fa-maxcdn:before {
+.fa-maxcdn .v-button-caption:before {
content: "\f136";
}
-.fa-chevron-circle-left:before {
+.fa-chevron-circle-left .v-button-caption:before {
content: "\f137";
}
-.fa-chevron-circle-right:before {
+.fa-chevron-circle-right .v-button-caption:before {
content: "\f138";
}
-.fa-chevron-circle-up:before {
+.fa-chevron-circle-up .v-button-caption:before {
content: "\f139";
}
-.fa-chevron-circle-down:before {
+.fa-chevron-circle-down .v-button-caption:before {
content: "\f13a";
}
-.fa-html5:before {
+.fa-html5 .v-button-caption:before {
content: "\f13b";
}
-.fa-css3:before {
+.fa-css3 .v-button-caption:before {
content: "\f13c";
}
-.fa-anchor:before {
+.fa-anchor .v-button-caption:before {
content: "\f13d";
}
-.fa-unlock-alt:before {
+.fa-unlock-alt .v-button-caption:before {
content: "\f13e";
}
-.fa-bullseye:before {
+.fa-bullseye .v-button-caption:before {
content: "\f140";
}
-.fa-ellipsis-h:before {
+.fa-ellipsis-h .v-button-caption:before {
content: "\f141";
}
-.fa-ellipsis-v:before {
+.fa-ellipsis-v .v-button-caption:before {
content: "\f142";
}
-.fa-rss-square:before {
+.fa-rss-square .v-button-caption:before {
content: "\f143";
}
-.fa-play-circle:before {
+.fa-play-circle .v-button-caption:before {
content: "\f144";
}
-.fa-ticket:before {
+.fa-ticket .v-button-caption:before {
content: "\f145";
}
-.fa-minus-square:before {
+.fa-minus-square .v-button-caption:before {
content: "\f146";
}
-.fa-minus-square-o:before {
+.fa-minus-square-o .v-button-caption:before {
content: "\f147";
}
-.fa-level-up:before {
+.fa-level-up .v-button-caption:before {
content: "\f148";
}
-.fa-level-down:before {
+.fa-level-down .v-button-caption:before {
content: "\f149";
}
-.fa-check-square:before {
+.fa-check-square .v-button-caption:before {
content: "\f14a";
}
-.fa-pencil-square:before {
+.fa-pencil-square .v-button-caption:before {
content: "\f14b";
}
-.fa-external-link-square:before {
+.fa-external-link-square .v-button-caption:before {
content: "\f14c";
}
-.fa-share-square:before {
+.fa-share-square .v-button-caption:before {
content: "\f14d";
}
-.fa-compass:before {
+.fa-compass .v-button-caption:before {
content: "\f14e";
}
-.fa-caret-square-o-down:before {
+.fa-caret-square-o-down .v-button-caption:before {
content: "\f150";
}
-.fa-toggle-down:before {
+.fa-toggle-down .v-button-caption:before {
content: "\f150";
}
-.fa-caret-square-o-up:before {
+.fa-caret-square-o-up .v-button-caption:before {
content: "\f151";
}
-.fa-toggle-up:before {
+.fa-toggle-up .v-button-caption:before {
content: "\f151";
}
-.fa-caret-square-o-right:before {
+.fa-caret-square-o-right .v-button-caption:before {
content: "\f152";
}
-.fa-toggle-right:before {
+.fa-toggle-right .v-button-caption:before {
content: "\f152";
}
-.fa-eur:before {
+.fa-eur .v-button-caption:before {
content: "\f153";
}
-.fa-euro:before {
+.fa-euro .v-button-caption:before {
content: "\f153";
}
-.fa-gbp:before {
+.fa-gbp .v-button-caption:before {
content: "\f154";
}
-.fa-dollar:before {
+.fa-dollar .v-button-caption:before {
content: "\f155";
}
-.fa-usd:before {
+.fa-usd .v-button-caption:before {
content: "\f155";
}
-.fa-inr:before {
+.fa-inr .v-button-caption:before {
content: "\f156";
}
-.fa-rupee:before {
+.fa-rupee .v-button-caption:before {
content: "\f156";
}
-.fa-cny:before {
+.fa-cny .v-button-caption:before {
content: "\f157";
}
-.fa-jpy:before {
+.fa-jpy .v-button-caption:before {
content: "\f157";
}
-.fa-rmb:before {
+.fa-rmb .v-button-caption:before {
content: "\f157";
}
-.fa-yen:before {
+.fa-yen .v-button-caption:before {
content: "\f157";
}
-.fa-rouble:before {
+.fa-rouble .v-button-caption:before {
content: "\f158";
}
-.fa-rub:before {
+.fa-rub .v-button-caption:before {
content: "\f158";
}
-.fa-ruble:before {
+.fa-ruble .v-button-caption:before {
content: "\f158";
}
-.fa-krw:before {
+.fa-krw .v-button-caption:before {
content: "\f159";
}
-.fa-won:before {
+.fa-won .v-button-caption:before {
content: "\f159";
}
-.fa-bitcoin:before {
+.fa-bitcoin .v-button-caption:before {
content: "\f15a";
}
-.fa-btc:before {
+.fa-btc .v-button-caption:before {
content: "\f15a";
}
-.fa-file:before {
+.fa-file .v-button-caption:before {
content: "\f15b";
}
-.fa-file-text:before {
+.fa-file-text .v-button-caption:before {
content: "\f15c";
}
-.fa-sort-alpha-asc:before {
+.fa-sort-alpha-asc .v-button-caption:before {
content: "\f15d";
}
-.fa-sort-alpha-desc:before {
+.fa-sort-alpha-desc .v-button-caption:before {
content: "\f15e";
}
-.fa-sort-amount-asc:before {
+.fa-sort-amount-asc .v-button-caption:before {
content: "\f160";
}
-.fa-sort-amount-desc:before {
+.fa-sort-amount-desc .v-button-caption:before {
content: "\f161";
}
-.fa-sort-numeric-asc:before {
+.fa-sort-numeric-asc .v-button-caption:before {
content: "\f162";
}
-.fa-sort-numeric-desc:before {
+.fa-sort-numeric-desc .v-button-caption:before {
content: "\f163";
}
-.fa-thumbs-up:before {
+.fa-thumbs-up .v-button-caption:before {
content: "\f164";
}
-.fa-thumbs-down:before {
+.fa-thumbs-down .v-button-caption:before {
content: "\f165";
}
-.fa-youtube-square:before {
+.fa-youtube-square .v-button-caption:before {
content: "\f166";
}
-.fa-youtube:before {
+.fa-youtube .v-button-caption:before {
content: "\f167";
}
-.fa-xing:before {
+.fa-xing .v-button-caption:before {
content: "\f168";
}
-.fa-xing-square:before {
+.fa-xing-square .v-button-caption:before {
content: "\f169";
}
-.fa-youtube-play:before {
+.fa-youtube-play .v-button-caption:before {
content: "\f16a";
}
-.fa-dropbox:before {
+.fa-dropbox .v-button-caption:before {
content: "\f16b";
}
-.fa-stack-overflow:before {
+.fa-stack-overflow .v-button-caption:before {
content: "\f16c";
}
-.fa-instagram:before {
+.fa-instagram .v-button-caption:before {
content: "\f16d";
}
-.fa-flickr:before {
+.fa-flickr .v-button-caption:before {
content: "\f16e";
}
-.fa-adn:before {
+.fa-adn .v-button-caption:before {
content: "\f170";
}
-.fa-bitbucket:before {
+.fa-bitbucket .v-button-caption:before {
content: "\f171";
}
-.fa-bitbucket-square:before {
+.fa-bitbucket-square .v-button-caption:before {
content: "\f172";
}
-.fa-tumblr:before {
+.fa-tumblr .v-button-caption:before {
content: "\f173";
}
-.fa-tumblr-square:before {
+.fa-tumblr-square .v-button-caption:before {
content: "\f174";
}
-.fa-long-arrow-down:before {
+.fa-long-arrow-down .v-button-caption:before {
content: "\f175";
}
-.fa-long-arrow-up:before {
+.fa-long-arrow-up .v-button-caption:before {
content: "\f176";
}
-.fa-long-arrow-left:before {
+.fa-long-arrow-left .v-button-caption:before {
content: "\f177";
}
-.fa-long-arrow-right:before {
+.fa-long-arrow-right .v-button-caption:before {
content: "\f178";
}
-.fa-apple:before {
+.fa-apple .v-button-caption:before {
content: "\f179";
}
-.fa-windows:before {
+.fa-windows .v-button-caption:before {
content: "\f17a";
}
-.fa-android:before {
+.fa-android .v-button-caption:before {
content: "\f17b";
}
-.fa-linux:before {
+.fa-linux .v-button-caption:before {
content: "\f17c";
}
-.fa-dribbble:before {
+.fa-dribbble .v-button-caption:before {
content: "\f17d";
}
-.fa-skype:before {
+.fa-skype .v-button-caption:before {
content: "\f17e";
}
-.fa-foursquare:before {
+.fa-foursquare .v-button-caption:before {
content: "\f180";
}
-.fa-trello:before {
+.fa-trello .v-button-caption:before {
content: "\f181";
}
-.fa-female:before {
+.fa-female .v-button-caption:before {
content: "\f182";
}
-.fa-male:before {
+.fa-male .v-button-caption:before {
content: "\f183";
}
-.fa-gittip:before {
+.fa-gittip .v-button-caption:before {
content: "\f184";
}
-.fa-gratipay:before {
+.fa-gratipay .v-button-caption:before {
content: "\f184";
}
-.fa-sun-o:before {
+.fa-sun-o .v-button-caption:before {
content: "\f185";
}
-.fa-moon-o:before {
+.fa-moon-o .v-button-caption:before {
content: "\f186";
}
-.fa-archive2:before {
+.fa-archive2 .v-button-caption:before {
content: "\f187";
}
-.fa-bug:before {
+.fa-bug .v-button-caption:before {
content: "\f188";
}
-.fa-vk:before {
+.fa-vk .v-button-caption:before {
content: "\f189";
}
-.fa-weibo:before {
+.fa-weibo .v-button-caption:before {
content: "\f18a";
}
-.fa-renren:before {
+.fa-renren .v-button-caption:before {
content: "\f18b";
}
-.fa-pagelines:before {
+.fa-pagelines .v-button-caption:before {
content: "\f18c";
}
-.fa-stack-exchange:before {
+.fa-stack-exchange .v-button-caption:before {
content: "\f18d";
}
-.fa-arrow-circle-o-right:before {
+.fa-arrow-circle-o-right .v-button-caption:before {
content: "\f18e";
}
-.fa-arrow-circle-o-left:before {
+.fa-arrow-circle-o-left .v-button-caption:before {
content: "\f190";
}
-.fa-caret-square-o-left:before {
+.fa-caret-square-o-left .v-button-caption:before {
content: "\f191";
}
-.fa-toggle-left:before {
+.fa-toggle-left .v-button-caption:before {
content: "\f191";
}
-.fa-dot-circle-o:before {
+.fa-dot-circle-o .v-button-caption:before {
content: "\f192";
}
-.fa-wheelchair:before {
+.fa-wheelchair .v-button-caption:before {
content: "\f193";
}
-.fa-vimeo-square:before {
+.fa-vimeo-square .v-button-caption:before {
content: "\f194";
}
-.fa-try:before {
+.fa-try .v-button-caption:before {
content: "\f195";
}
-.fa-turkish-lira:before {
+.fa-turkish-lira .v-button-caption:before {
content: "\f195";
}
-.fa-plus-square-o:before {
+.fa-plus-square-o .v-button-caption:before {
content: "\f196";
}
-.fa-space-shuttle:before {
+.fa-space-shuttle .v-button-caption:before {
content: "\f197";
}
-.fa-slack:before {
+.fa-slack .v-button-caption:before {
content: "\f198";
}
-.fa-envelope-square:before {
+.fa-envelope-square .v-button-caption:before {
content: "\f199";
}
-.fa-wordpress:before {
+.fa-wordpress .v-button-caption:before {
content: "\f19a";
}
-.fa-openid:before {
+.fa-openid .v-button-caption:before {
content: "\f19b";
}
-.fa-bank:before {
+.fa-bank .v-button-caption:before {
content: "\f19c";
}
-.fa-institution:before {
+.fa-institution .v-button-caption:before {
content: "\f19c";
}
-.fa-university:before {
+.fa-university .v-button-caption:before {
content: "\f19c";
}
-.fa-graduation-cap:before {
+.fa-graduation-cap .v-button-caption:before {
content: "\f19d";
}
-.fa-mortar-board:before {
+.fa-mortar-board .v-button-caption:before {
content: "\f19d";
}
-.fa-yahoo:before {
+.fa-yahoo .v-button-caption:before {
content: "\f19e";
}
-.fa-google:before {
+.fa-google .v-button-caption:before {
content: "\f1a0";
}
-.fa-reddit:before {
+.fa-reddit .v-button-caption:before {
content: "\f1a1";
}
-.fa-reddit-square:before {
+.fa-reddit-square .v-button-caption:before {
content: "\f1a2";
}
-.fa-stumbleupon-circle:before {
+.fa-stumbleupon-circle .v-button-caption:before {
content: "\f1a3";
}
-.fa-stumbleupon:before {
+.fa-stumbleupon .v-button-caption:before {
content: "\f1a4";
}
-.fa-delicious:before {
+.fa-delicious .v-button-caption:before {
content: "\f1a5";
}
-.fa-digg:before {
+.fa-digg .v-button-caption:before {
content: "\f1a6";
}
-.fa-pied-piper:before {
+.fa-pied-piper .v-button-caption:before {
content: "\f1a7";
}
-.fa-pied-piper-alt:before {
+.fa-pied-piper-alt .v-button-caption:before {
content: "\f1a8";
}
-.fa-drupal:before {
+.fa-drupal .v-button-caption:before {
content: "\f1a9";
}
-.fa-joomla:before {
+.fa-joomla .v-button-caption:before {
content: "\f1aa";
}
-.fa-language:before {
+.fa-language .v-button-caption:before {
content: "\f1ab";
}
-.fa-fax:before {
+.fa-fax .v-button-caption:before {
content: "\f1ac";
}
-.fa-building:before {
+.fa-building .v-button-caption:before {
content: "\f1ad";
}
-.fa-child:before {
+.fa-child .v-button-caption:before {
content: "\f1ae";
}
-.fa-paw:before {
+.fa-paw .v-button-caption:before {
content: "\f1b0";
}
-.fa-spoon:before {
+.fa-spoon .v-button-caption:before {
content: "\f1b1";
}
-.fa-cube2:before {
+.fa-cube2 .v-button-caption:before {
content: "\f1b2";
}
-.fa-cubes:before {
+.fa-cubes .v-button-caption:before {
content: "\f1b3";
}
-.fa-behance:before {
+.fa-behance .v-button-caption:before {
content: "\f1b4";
}
-.fa-behance-square:before {
+.fa-behance-square .v-button-caption:before {
content: "\f1b5";
}
-.fa-steam:before {
+.fa-steam .v-button-caption:before {
content: "\f1b6";
}
-.fa-steam-square:before {
+.fa-steam-square .v-button-caption:before {
content: "\f1b7";
}
-.fa-recycle:before {
+.fa-recycle .v-button-caption:before {
content: "\f1b8";
}
-.fa-automobile:before {
+.fa-automobile .v-button-caption:before {
content: "\f1b9";
}
-.fa-car:before {
+.fa-car .v-button-caption:before {
content: "\f1b9";
}
-.fa-cab:before {
+.fa-cab .v-button-caption:before {
content: "\f1ba";
}
-.fa-taxi:before {
+.fa-taxi .v-button-caption:before {
content: "\f1ba";
}
-.fa-tree:before {
+.fa-tree .v-button-caption:before {
content: "\f1bb";
}
-.fa-spotify:before {
+.fa-spotify .v-button-caption:before {
content: "\f1bc";
}
-.fa-deviantart:before {
+.fa-deviantart .v-button-caption:before {
content: "\f1bd";
}
-.fa-soundcloud:before {
+.fa-soundcloud .v-button-caption:before {
content: "\f1be";
}
-.fa-database2:before {
+.fa-database2 .v-button-caption:before {
content: "\f1c0";
}
-.fa-file-pdf-o:before {
+.fa-file-pdf-o .v-button-caption:before {
content: "\f1c1";
}
-.fa-file-word-o:before {
+.fa-file-word-o .v-button-caption:before {
content: "\f1c2";
}
-.fa-file-excel-o:before {
+.fa-file-excel-o .v-button-caption:before {
content: "\f1c3";
}
-.fa-file-powerpoint-o:before {
+.fa-file-powerpoint-o .v-button-caption:before {
content: "\f1c4";
}
-.fa-file-image-o:before {
+.fa-file-image-o .v-button-caption:before {
content: "\f1c5";
}
-.fa-file-photo-o:before {
+.fa-file-photo-o .v-button-caption:before {
content: "\f1c5";
}
-.fa-file-picture-o:before {
+.fa-file-picture-o .v-button-caption:before {
content: "\f1c5";
}
-.fa-file-archive-o:before {
+.fa-file-archive-o .v-button-caption:before {
content: "\f1c6";
}
-.fa-file-zip-o:before {
+.fa-file-zip-o .v-button-caption:before {
content: "\f1c6";
}
-.fa-file-audio-o:before {
+.fa-file-audio-o .v-button-caption:before {
content: "\f1c7";
}
-.fa-file-sound-o:before {
+.fa-file-sound-o .v-button-caption:before {
content: "\f1c7";
}
-.fa-file-movie-o:before {
+.fa-file-movie-o .v-button-caption:before {
content: "\f1c8";
}
-.fa-file-video-o:before {
+.fa-file-video-o .v-button-caption:before {
content: "\f1c8";
}
-.fa-file-code-o:before {
+.fa-file-code-o .v-button-caption:before {
content: "\f1c9";
}
-.fa-vine:before {
+.fa-vine .v-button-caption:before {
content: "\f1ca";
}
-.fa-codepen:before {
+.fa-codepen .v-button-caption:before {
content: "\f1cb";
}
-.fa-jsfiddle:before {
+.fa-jsfiddle .v-button-caption:before {
content: "\f1cc";
}
-.fa-life-bouy:before {
+.fa-life-bouy .v-button-caption:before {
content: "\f1cd";
}
-.fa-life-buoy:before {
+.fa-life-buoy .v-button-caption:before {
content: "\f1cd";
}
-.fa-life-ring:before {
+.fa-life-ring .v-button-caption:before {
content: "\f1cd";
}
-.fa-life-saver:before {
+.fa-life-saver .v-button-caption:before {
content: "\f1cd";
}
-.fa-support:before {
+.fa-support .v-button-caption:before {
content: "\f1cd";
}
-.fa-circle-o-notch:before {
+.fa-circle-o-notch .v-button-caption:before {
content: "\f1ce";
}
-.fa-ra:before {
+.fa-ra .v-button-caption:before {
content: "\f1d0";
}
-.fa-rebel:before {
+.fa-rebel .v-button-caption:before {
content: "\f1d0";
}
-.fa-empire:before {
+.fa-empire .v-button-caption:before {
content: "\f1d1";
}
-.fa-ge:before {
+.fa-ge .v-button-caption:before {
content: "\f1d1";
}
-.fa-git-square:before {
+.fa-git-square .v-button-caption:before {
content: "\f1d2";
}
-.fa-git:before {
+.fa-git .v-button-caption:before {
content: "\f1d3";
}
-.fa-hacker-news:before {
+.fa-hacker-news .v-button-caption:before {
content: "\f1d4";
}
-.fa-y-combinator-square:before {
+.fa-y-combinator-square .v-button-caption:before {
content: "\f1d4";
}
-.fa-yc-square:before {
+.fa-yc-square .v-button-caption:before {
content: "\f1d4";
}
-.fa-tencent-weibo:before {
+.fa-tencent-weibo .v-button-caption:before {
content: "\f1d5";
}
-.fa-qq:before {
+.fa-qq .v-button-caption:before {
content: "\f1d6";
}
-.fa-wechat:before {
+.fa-wechat .v-button-caption:before {
content: "\f1d7";
}
-.fa-weixin:before {
+.fa-weixin .v-button-caption:before {
content: "\f1d7";
}
-.fa-paper-plane:before {
+.fa-paper-plane .v-button-caption:before {
content: "\f1d8";
}
-.fa-send:before {
+.fa-send .v-button-caption:before {
content: "\f1d8";
}
-.fa-paper-plane-o:before {
+.fa-paper-plane-o .v-button-caption:before {
content: "\f1d9";
}
-.fa-send-o:before {
+.fa-send-o .v-button-caption:before {
content: "\f1d9";
}
-.fa-history:before {
+.fa-history .v-button-caption:before {
content: "\f1da";
}
-.fa-circle-thin:before {
+.fa-circle-thin .v-button-caption:before {
content: "\f1db";
}
-.fa-header:before {
+.fa-header .v-button-caption:before {
content: "\f1dc";
}
-.fa-paragraph:before {
+.fa-paragraph .v-button-caption:before {
content: "\f1dd";
}
-.fa-sliders2:before {
+.fa-sliders2 .v-button-caption:before {
content: "\f1de";
}
-.fa-share-alt:before {
+.fa-share-alt .v-button-caption:before {
content: "\f1e0";
}
-.fa-share-alt-square:before {
+.fa-share-alt-square .v-button-caption:before {
content: "\f1e1";
}
-.fa-bomb:before {
+.fa-bomb .v-button-caption:before {
content: "\f1e2";
}
-.fa-futbol-o:before {
+.fa-futbol-o .v-button-caption:before {
content: "\f1e3";
}
-.fa-soccer-ball-o:before {
+.fa-soccer-ball-o .v-button-caption:before {
content: "\f1e3";
}
-.fa-tty:before {
+.fa-tty .v-button-caption:before {
content: "\f1e4";
}
-.fa-binoculars:before {
+.fa-binoculars .v-button-caption:before {
content: "\f1e5";
}
-.fa-plug:before {
+.fa-plug .v-button-caption:before {
content: "\f1e6";
}
-.fa-slideshare:before {
+.fa-slideshare .v-button-caption:before {
content: "\f1e7";
}
-.fa-twitch:before {
+.fa-twitch .v-button-caption:before {
content: "\f1e8";
}
-.fa-yelp:before {
+.fa-yelp .v-button-caption:before {
content: "\f1e9";
}
-.fa-newspaper-o:before {
+.fa-newspaper-o .v-button-caption:before {
content: "\f1ea";
}
-.fa-wifi:before {
+.fa-wifi .v-button-caption:before {
content: "\f1eb";
}
-.fa-calculator:before {
+.fa-calculator .v-button-caption:before {
content: "\f1ec";
}
-.fa-paypal:before {
+.fa-paypal .v-button-caption:before {
content: "\f1ed";
}
-.fa-google-wallet:before {
+.fa-google-wallet .v-button-caption:before {
content: "\f1ee";
}
-.fa-cc-visa:before {
+.fa-cc-visa .v-button-caption:before {
content: "\f1f0";
}
-.fa-cc-mastercard:before {
+.fa-cc-mastercard .v-button-caption:before {
content: "\f1f1";
}
-.fa-cc-discover:before {
+.fa-cc-discover .v-button-caption:before {
content: "\f1f2";
}
-.fa-cc-amex:before {
+.fa-cc-amex .v-button-caption:before {
content: "\f1f3";
}
-.fa-cc-paypal:before {
+.fa-cc-paypal .v-button-caption:before {
content: "\f1f4";
}
-.fa-cc-stripe:before {
+.fa-cc-stripe .v-button-caption:before {
content: "\f1f5";
}
-.fa-bell-slash:before {
+.fa-bell-slash .v-button-caption:before {
content: "\f1f6";
}
-.fa-bell-slash-o:before {
+.fa-bell-slash-o .v-button-caption:before {
content: "\f1f7";
}
-.fa-trash:before {
+.fa-trash .v-button-caption:before {
content: "\f1f8";
}
-.fa-copyright:before {
+.fa-copyright .v-button-caption:before {
content: "\f1f9";
}
-.fa-at:before {
+.fa-at .v-button-caption:before {
content: "\f1fa";
}
-.fa-eyedropper:before {
+.fa-eyedropper .v-button-caption:before {
content: "\f1fb";
}
-.fa-paint-brush:before {
+.fa-paint-brush .v-button-caption:before {
content: "\f1fc";
}
-.fa-birthday-cake:before {
+.fa-birthday-cake .v-button-caption:before {
content: "\f1fd";
}
-.fa-area-chart:before {
+.fa-area-chart .v-button-caption:before {
content: "\f1fe";
}
-.fa-pie-chart:before {
+.fa-pie-chart .v-button-caption:before {
content: "\f200";
}
-.fa-line-chart:before {
+.fa-line-chart .v-button-caption:before {
content: "\f201";
}
-.fa-lastfm:before {
+.fa-lastfm .v-button-caption:before {
content: "\f202";
}
-.fa-lastfm-square:before {
+.fa-lastfm-square .v-button-caption:before {
content: "\f203";
}
-.fa-toggle-off:before {
+.fa-toggle-off .v-button-caption:before {
content: "\f204";
}
-.fa-toggle-on:before {
+.fa-toggle-on .v-button-caption:before {
content: "\f205";
}
-.fa-bicycle:before {
+.fa-bicycle .v-button-caption:before {
content: "\f206";
}
-.fa-bus:before {
+.fa-bus .v-button-caption:before {
content: "\f207";
}
-.fa-ioxhost:before {
+.fa-ioxhost .v-button-caption:before {
content: "\f208";
}
-.fa-angellist:before {
+.fa-angellist .v-button-caption:before {
content: "\f209";
}
-.fa-cc:before {
+.fa-cc .v-button-caption:before {
content: "\f20a";
}
-.fa-ils:before {
+.fa-ils .v-button-caption:before {
content: "\f20b";
}
-.fa-shekel:before {
+.fa-shekel .v-button-caption:before {
content: "\f20b";
}
-.fa-sheqel:before {
+.fa-sheqel .v-button-caption:before {
content: "\f20b";
}
-.fa-meanpath:before {
+.fa-meanpath .v-button-caption:before {
content: "\f20c";
}
-.fa-buysellads:before {
+.fa-buysellads .v-button-caption:before {
content: "\f20d";
}
-.fa-connectdevelop:before {
+.fa-connectdevelop .v-button-caption:before {
content: "\f20e";
}
-.fa-dashcube:before {
+.fa-dashcube .v-button-caption:before {
content: "\f210";
}
-.fa-forumbee:before {
+.fa-forumbee .v-button-caption:before {
content: "\f211";
}
-.fa-leanpub:before {
+.fa-leanpub .v-button-caption:before {
content: "\f212";
}
-.fa-sellsy:before {
+.fa-sellsy .v-button-caption:before {
content: "\f213";
}
-.fa-shirtsinbulk:before {
+.fa-shirtsinbulk .v-button-caption:before {
content: "\f214";
}
-.fa-simplybuilt:before {
+.fa-simplybuilt .v-button-caption:before {
content: "\f215";
}
-.fa-skyatlas:before {
+.fa-skyatlas .v-button-caption:before {
content: "\f216";
}
-.fa-cart-plus:before {
+.fa-cart-plus .v-button-caption:before {
content: "\f217";
}
-.fa-cart-arrow-down:before {
+.fa-cart-arrow-down .v-button-caption:before {
content: "\f218";
}
-.fa-diamond:before {
+.fa-diamond .v-button-caption:before {
content: "\f219";
}
-.fa-ship:before {
+.fa-ship .v-button-caption:before {
content: "\f21a";
}
-.fa-user-secret:before {
+.fa-user-secret .v-button-caption:before {
content: "\f21b";
}
-.fa-motorcycle:before {
+.fa-motorcycle .v-button-caption:before {
content: "\f21c";
}
-.fa-street-view:before {
+.fa-street-view .v-button-caption:before {
content: "\f21d";
}
-.fa-heartbeat:before {
+.fa-heartbeat .v-button-caption:before {
content: "\f21e";
}
-.fa-venus:before {
+.fa-venus .v-button-caption:before {
content: "\f221";
}
-.fa-mars:before {
+.fa-mars .v-button-caption:before {
content: "\f222";
}
-.fa-mercury:before {
+.fa-mercury .v-button-caption:before {
content: "\f223";
}
-.fa-intersex:before {
+.fa-intersex .v-button-caption:before {
content: "\f224";
}
-.fa-transgender:before {
+.fa-transgender .v-button-caption:before {
content: "\f224";
}
-.fa-transgender-alt:before {
+.fa-transgender-alt .v-button-caption:before {
content: "\f225";
}
-.fa-venus-double:before {
+.fa-venus-double .v-button-caption:before {
content: "\f226";
}
-.fa-mars-double:before {
+.fa-mars-double .v-button-caption:before {
content: "\f227";
}
-.fa-venus-mars:before {
+.fa-venus-mars .v-button-caption:before {
content: "\f228";
}
-.fa-mars-stroke:before {
+.fa-mars-stroke .v-button-caption:before {
content: "\f229";
}
-.fa-mars-stroke-v:before {
+.fa-mars-stroke-v .v-button-caption:before {
content: "\f22a";
}
-.fa-mars-stroke-h:before {
+.fa-mars-stroke-h .v-button-caption:before {
content: "\f22b";
}
-.fa-neuter:before {
+.fa-neuter .v-button-caption:before {
content: "\f22c";
}
-.fa-genderless:before {
+.fa-genderless .v-button-caption:before {
content: "\f22d";
}
-.fa-facebook-official:before {
+.fa-facebook-official .v-button-caption:before {
content: "\f230";
}
-.fa-pinterest-p:before {
+.fa-pinterest-p .v-button-caption:before {
content: "\f231";
}
-.fa-whatsapp:before {
+.fa-whatsapp .v-button-caption:before {
content: "\f232";
}
-.fa-server:before {
+.fa-server .v-button-caption:before {
content: "\f233";
}
-.fa-user-plus:before {
+.fa-user-plus .v-button-caption:before {
content: "\f234";
}
-.fa-user-times:before {
+.fa-user-times .v-button-caption:before {
content: "\f235";
}
-.fa-bed:before {
+.fa-bed .v-button-caption:before {
content: "\f236";
}
-.fa-hotel:before {
+.fa-hotel .v-button-caption:before {
content: "\f236";
}
-.fa-viacoin:before {
+.fa-viacoin .v-button-caption:before {
content: "\f237";
}
-.fa-train:before {
+.fa-train .v-button-caption:before {
content: "\f238";
}
-.fa-subway:before {
+.fa-subway .v-button-caption:before {
content: "\f239";
}
-.fa-medium:before {
+.fa-medium .v-button-caption:before {
content: "\f23a";
}
-.fa-y-combinator:before {
+.fa-y-combinator .v-button-caption:before {
content: "\f23b";
}
-.fa-yc:before {
+.fa-yc .v-button-caption:before {
content: "\f23b";
}
-.fa-optin-monster:before {
+.fa-optin-monster .v-button-caption:before {
content: "\f23c";
}
-.fa-opencart:before {
+.fa-opencart .v-button-caption:before {
content: "\f23d";
}
-.fa-expeditedssl:before {
+.fa-expeditedssl .v-button-caption:before {
content: "\f23e";
}
-.fa-battery-4:before {
+.fa-battery-4 .v-button-caption:before {
content: "\f240";
}
-.fa-battery-full:before {
+.fa-battery-full .v-button-caption:before {
content: "\f240";
}
-.fa-battery-3:before {
+.fa-battery-3 .v-button-caption:before {
content: "\f241";
}
-.fa-battery-three-quarters:before {
+.fa-battery-three-quarters .v-button-caption:before {
content: "\f241";
}
-.fa-battery-2:before {
+.fa-battery-2 .v-button-caption:before {
content: "\f242";
}
-.fa-battery-half:before {
+.fa-battery-half .v-button-caption:before {
content: "\f242";
}
-.fa-battery-1:before {
+.fa-battery-1 .v-button-caption:before {
content: "\f243";
}
-.fa-battery-quarter:before {
+.fa-battery-quarter .v-button-caption:before {
content: "\f243";
}
-.fa-battery-0:before {
+.fa-battery-0 .v-button-caption:before {
content: "\f244";
}
-.fa-battery-empty:before {
+.fa-battery-empty .v-button-caption:before {
content: "\f244";
}
-.fa-mouse-pointer:before {
+.fa-mouse-pointer .v-button-caption:before {
content: "\f245";
}
-.fa-i-cursor:before {
+.fa-i-cursor .v-button-caption:before {
content: "\f246";
}
-.fa-object-group:before {
+.fa-object-group .v-button-caption:before {
content: "\f247";
}
-.fa-object-ungroup:before {
+.fa-object-ungroup .v-button-caption:before {
content: "\f248";
}
-.fa-sticky-note:before {
+.fa-sticky-note .v-button-caption:before {
content: "\f249";
}
-.fa-sticky-note-o:before {
+.fa-sticky-note-o .v-button-caption:before {
content: "\f24a";
}
-.fa-cc-jcb:before {
+.fa-cc-jcb .v-button-caption:before {
content: "\f24b";
}
-.fa-cc-diners-club:before {
+.fa-cc-diners-club .v-button-caption:before {
content: "\f24c";
}
-.fa-clone:before {
+.fa-clone .v-button-caption:before {
content: "\f24d";
}
-.fa-balance-scale:before {
+.fa-balance-scale .v-button-caption:before {
content: "\f24e";
}
-.fa-hourglass-o:before {
+.fa-hourglass-o .v-button-caption:before {
content: "\f250";
}
-.fa-hourglass-1:before {
+.fa-hourglass-1 .v-button-caption:before {
content: "\f251";
}
-.fa-hourglass-start:before {
+.fa-hourglass-start .v-button-caption:before {
content: "\f251";
}
-.fa-hourglass-2:before {
+.fa-hourglass-2 .v-button-caption:before {
content: "\f252";
}
-.fa-hourglass-half:before {
+.fa-hourglass-half .v-button-caption:before {
content: "\f252";
}
-.fa-hourglass-3:before {
+.fa-hourglass-3 .v-button-caption:before {
content: "\f253";
}
-.fa-hourglass-end:before {
+.fa-hourglass-end .v-button-caption:before {
content: "\f253";
}
-.fa-hourglass:before {
+.fa-hourglass .v-button-caption:before {
content: "\f254";
}
-.fa-hand-grab-o:before {
+.fa-hand-grab-o .v-button-caption:before {
content: "\f255";
}
-.fa-hand-rock-o:before {
+.fa-hand-rock-o .v-button-caption:before {
content: "\f255";
}
-.fa-hand-paper-o:before {
+.fa-hand-paper-o .v-button-caption:before {
content: "\f256";
}
-.fa-hand-stop-o:before {
+.fa-hand-stop-o .v-button-caption:before {
content: "\f256";
}
-.fa-hand-scissors-o:before {
+.fa-hand-scissors-o .v-button-caption:before {
content: "\f257";
}
-.fa-hand-lizard-o:before {
+.fa-hand-lizard-o .v-button-caption:before {
content: "\f258";
}
-.fa-hand-spock-o:before {
+.fa-hand-spock-o .v-button-caption:before {
content: "\f259";
}
-.fa-hand-pointer-o:before {
+.fa-hand-pointer-o .v-button-caption:before {
content: "\f25a";
}
-.fa-hand-peace-o:before {
+.fa-hand-peace-o .v-button-caption:before {
content: "\f25b";
}
-.fa-trademark:before {
+.fa-trademark .v-button-caption:before {
content: "\f25c";
}
-.fa-registered:before {
+.fa-registered .v-button-caption:before {
content: "\f25d";
}
-.fa-creative-commons:before {
+.fa-creative-commons .v-button-caption:before {
content: "\f25e";
}
-.fa-gg:before {
+.fa-gg .v-button-caption:before {
content: "\f260";
}
-.fa-gg-circle:before {
+.fa-gg-circle .v-button-caption:before {
content: "\f261";
}
-.fa-tripadvisor:before {
+.fa-tripadvisor .v-button-caption:before {
content: "\f262";
}
-.fa-odnoklassniki:before {
+.fa-odnoklassniki .v-button-caption:before {
content: "\f263";
}
-.fa-odnoklassniki-square:before {
+.fa-odnoklassniki-square .v-button-caption:before {
content: "\f264";
}
-.fa-get-pocket:before {
+.fa-get-pocket .v-button-caption:before {
content: "\f265";
}
-.fa-wikipedia-w:before {
+.fa-wikipedia-w .v-button-caption:before {
content: "\f266";
}
-.fa-safari:before {
+.fa-safari .v-button-caption:before {
content: "\f267";
}
-.fa-chrome:before {
+.fa-chrome .v-button-caption:before {
content: "\f268";
}
-.fa-firefox:before {
+.fa-firefox .v-button-caption:before {
content: "\f269";
}
-.fa-opera:before {
+.fa-opera .v-button-caption:before {
content: "\f26a";
}
-.fa-internet-explorer:before {
+.fa-internet-explorer .v-button-caption:before {
content: "\f26b";
}
-.fa-television:before {
+.fa-television .v-button-caption:before {
content: "\f26c";
}
-.fa-tv:before {
+.fa-tv .v-button-caption:before {
content: "\f26c";
}
-.fa-contao:before {
+.fa-contao .v-button-caption:before {
content: "\f26d";
}
-.fa-500px:before {
+.fa-500px .v-button-caption:before {
content: "\f26e";
}
-.fa-amazon:before {
+.fa-amazon .v-button-caption:before {
content: "\f270";
}
-.fa-calendar-plus-o:before {
+.fa-calendar-plus-o .v-button-caption:before {
content: "\f271";
}
-.fa-calendar-minus-o:before {
+.fa-calendar-minus-o .v-button-caption:before {
content: "\f272";
}
-.fa-calendar-times-o:before {
+.fa-calendar-times-o .v-button-caption:before {
content: "\f273";
}
-.fa-calendar-check-o:before {
+.fa-calendar-check-o .v-button-caption:before {
content: "\f274";
}
-.fa-industry:before {
+.fa-industry .v-button-caption:before {
content: "\f275";
}
-.fa-map-pin:before {
+.fa-map-pin .v-button-caption:before {
content: "\f276";
}
-.fa-map-signs:before {
+.fa-map-signs .v-button-caption:before {
content: "\f277";
}
-.fa-map-o:before {
+.fa-map-o .v-button-caption:before {
content: "\f278";
}
-.fa-map2:before {
+.fa-map2 .v-button-caption:before {
content: "\f279";
}
-.fa-commenting:before {
+.fa-commenting .v-button-caption:before {
content: "\f27a";
}
-.fa-commenting-o:before {
+.fa-commenting-o .v-button-caption:before {
content: "\f27b";
}
-.fa-houzz:before {
+.fa-houzz .v-button-caption:before {
content: "\f27c";
}
-.fa-vimeo:before {
+.fa-vimeo .v-button-caption:before {
content: "\f27d";
}
-.fa-black-tie:before {
+.fa-black-tie .v-button-caption:before {
content: "\f27e";
}
-.fa-fonticons:before {
+.fa-fonticons .v-button-caption:before {
content: "\f280";
}
-.fa-reddit-alien:before {
+.fa-reddit-alien .v-button-caption:before {
content: "\f281";
}
-.fa-edge:before {
+.fa-edge .v-button-caption:before {
content: "\f282";
}
-.fa-credit-card-alt:before {
+.fa-credit-card-alt .v-button-caption:before {
content: "\f283";
}
-.fa-codiepie:before {
+.fa-codiepie .v-button-caption:before {
content: "\f284";
}
-.fa-modx:before {
+.fa-modx .v-button-caption:before {
content: "\f285";
}
-.fa-fort-awesome:before {
+.fa-fort-awesome .v-button-caption:before {
content: "\f286";
}
-.fa-usb:before {
+.fa-usb .v-button-caption:before {
content: "\f287";
}
-.fa-product-hunt:before {
+.fa-product-hunt .v-button-caption:before {
content: "\f288";
}
-.fa-mixcloud:before {
+.fa-mixcloud .v-button-caption:before {
content: "\f289";
}
-.fa-scribd:before {
+.fa-scribd .v-button-caption:before {
content: "\f28a";
}
-.fa-pause-circle:before {
+.fa-pause-circle .v-button-caption:before {
content: "\f28b";
}
-.fa-pause-circle-o:before {
+.fa-pause-circle-o .v-button-caption:before {
content: "\f28c";
}
-.fa-stop-circle:before {
+.fa-stop-circle .v-button-caption:before {
content: "\f28d";
}
-.fa-stop-circle-o:before {
+.fa-stop-circle-o .v-button-caption:before {
content: "\f28e";
}
-.fa-shopping-bag:before {
+.fa-shopping-bag .v-button-caption:before {
content: "\f290";
}
-.fa-shopping-basket:before {
+.fa-shopping-basket .v-button-caption:before {
content: "\f291";
}
-.fa-hashtag:before {
+.fa-hashtag .v-button-caption:before {
content: "\f292";
}
-.fa-bluetooth:before {
+.fa-bluetooth .v-button-caption:before {
content: "\f293";
}
-.fa-bluetooth-b:before {
+.fa-bluetooth-b .v-button-caption:before {
content: "\f294";
}
-.fa-percent:before {
+.fa-percent .v-button-caption:before {
content: "\f295";
}
@@ -7526,15 +7526,15 @@
.osbp-tea.v-app, .osbp-tea.v-app-loading {
font: 300 12px/21px Arial;
- color: #434343;
- background-color: #eee;
+ color: #474747;
+ background-color: #fff;
cursor: default;
}
.osbp-tea .v-app-loading {
width: 100%;
height: 100%;
- background: #eee;
+ background: #fff;
}
.osbp-tea .v-app-loading:before {
@@ -7686,7 +7686,7 @@
padding: 3px;
margin: 0;
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #fafafa;
color: #464646;
}
@@ -7727,8 +7727,8 @@
}
.osbp-tea .v-drag-element {
- background: #eee;
- color: #434343;
+ background: #fff;
+ color: #474747;
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
border-radius: 0px;
@@ -7852,8 +7852,8 @@
.osbp-tea .v-reconnect-dialog {
color: white;
- top: 0px;
- right: 7px;
+ top: 8px;
+ right: 8px;
max-width: 100%;
border-radius: 0;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
@@ -7939,17 +7939,17 @@
}
.osbp-tea .v-spacing {
- width: 7px;
- height: 0px;
+ width: 8px;
+ height: 8px;
}
.osbp-tea .v-verticallayout-well, .osbp-tea .v-horizontallayout-well {
background: #f5f5f5;
color: #454545;
- -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15), inset 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15), inset 1px 3px 7px rgba(0, 0, 0, 0.1);
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
}
.osbp-tea .v-verticallayout-well > div > [class*="-caption"], .osbp-tea .v-horizontallayout-well > div > [class*="-caption"] {
@@ -7975,12 +7975,12 @@
}
.osbp-tea .v-verticallayout-card, .osbp-tea .v-horizontallayout-card {
- background: #fbfbfb;
- color: #464646;
+ background: white;
+ color: #474747;
border-radius: 0px;
- border: 1px solid #c3c3c3;
- -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+ border: 1px solid #d4d4d4;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
}
.osbp-tea .v-verticallayout-card > .v-margin-top, .osbp-tea .v-horizontallayout-card > .v-margin-top {
@@ -8004,7 +8004,7 @@
}
.osbp-tea .v-horizontallayout-wrapping > .v-spacing + .v-slot, .osbp-tea .v-horizontallayout-wrapping > .v-slot:first-child {
- margin-bottom: 0px;
+ margin-bottom: 8px;
}
.osbp-tea .v-horizontallayout-wrapping > .v-slot:first-child:last-child {
@@ -8026,10 +8026,10 @@
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #fafafa;
- -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
}
.osbp-tea .v-button:before {
@@ -8114,10 +8114,10 @@
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #9ea93f;
- -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
padding: 0 11px;
font-weight: bold;
min-width: 48px;
@@ -8157,10 +8157,10 @@
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #2c9720;
- -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
}
.osbp-tea .v-button-friendly:after {
@@ -8193,10 +8193,10 @@
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #ed473b;
- -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
}
.osbp-tea .v-button-danger:after {
@@ -8357,11 +8357,11 @@
}
.osbp-tea .v-button-large {
- height: 26px;
- padding: 0 11px;
+ height: 31px;
+ padding: 0 13px;
- font-size: 15px;
+ font-size: 17px;
border-radius: 0px;
}
@@ -8375,11 +8375,11 @@
}
.osbp-tea .v-button-huge {
- height: 35px;
- padding: 0 15px;
+ height: 40px;
+ padding: 0 17px;
- font-size: 20px;
+ font-size: 22px;
border-radius: 0px;
}
@@ -8440,11 +8440,11 @@
}
.osbp-tea .v-button-icon-only.v-button-large {
- width: 26px;
+ width: 31px;
}
.osbp-tea .v-button-icon-only.v-button-huge {
- width: 35px;
+ width: 40px;
}
.osbp-tea .v-button-icon-only .v-button-caption {
@@ -8485,8 +8485,8 @@
border-color: #9ea93f;
-webkit-box-shadow: 0 0 0 1px transparent;
box-shadow: 0 0 0 1px transparent;
- -webkit-box-shadow: 0 0 0 1px transparent, 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 0 0 1px transparent, 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
}
:root .osbp-tea .v-checkbox > input ~ label:before, :root .osbp-tea .v-checkbox > input ~ label:after {
@@ -8513,10 +8513,10 @@
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #fafafa;
- -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
padding: 0;
height: 11px;
}
@@ -8610,8 +8610,8 @@
border-color: #9ea93f;
-webkit-box-shadow: 0 0 0 1px transparent;
box-shadow: 0 0 0 1px transparent;
- -webkit-box-shadow: 0 0 0 1px transparent, 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 0 0 1px transparent, 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
}
:root .osbp-tea .v-checkbox-small > input ~ label:before, :root .osbp-tea .v-checkbox-small > input ~ label:after {
@@ -8638,10 +8638,10 @@
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #fafafa;
- -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
padding: 0;
height: 10px;
}
@@ -8702,9 +8702,9 @@
.osbp-tea .v-checkbox-large {
position: relative;
- line-height: 13px;
+ line-height: 16px;
white-space: nowrap;
- font-size: 15px;
+ font-size: 17px;
}
.osbp-tea .v-checkbox-large.v-has-width label {
@@ -8712,7 +8712,7 @@
}
:root .osbp-tea .v-checkbox-large {
- padding-left: 17px;
+ padding-left: 21px;
}
:root .osbp-tea .v-checkbox-large label {
@@ -8735,8 +8735,8 @@
border-color: #9ea93f;
-webkit-box-shadow: 0 0 0 1px transparent;
box-shadow: 0 0 0 1px transparent;
- -webkit-box-shadow: 0 0 0 1px transparent, 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 0 0 1px transparent, 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
}
:root .osbp-tea .v-checkbox-large > input ~ label:before, :root .osbp-tea .v-checkbox-large > input ~ label:after {
@@ -8745,30 +8745,30 @@
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
- width: 13px;
- height: 13px;
+ width: 16px;
+ height: 16px;
position: absolute;
top: 0;
left: 0;
border-radius: 0px;
- font-size: 11px;
+ font-size: 14px;
text-align: center;
}
:root .osbp-tea .v-checkbox-large > input ~ label:before {
- height: 13px;
- padding: 0 5px;
+ height: 15.5px;
+ padding: 0 6px;
color: #191919;
font-weight: 400;
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #fafafa;
- -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
padding: 0;
- height: 13px;
+ height: 16px;
}
:root .osbp-tea .v-checkbox-large > input ~ label:after {
@@ -8789,7 +8789,7 @@
}
.osbp-tea .v-checkbox-large > .v-icon, .osbp-tea .v-checkbox-large > label .v-icon {
- margin: 0 4px 0 2px;
+ margin: 0 5px 0 3px;
min-width: 1em;
cursor: pointer;
}
@@ -8854,7 +8854,7 @@
height: 22px;
border-radius: 0px;
padding: 2px 4px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: white;
color: #474747;
@@ -8924,7 +8924,7 @@
top: 1px;
right: 1px;
bottom: 1px;
- border-left: 1px solid #c3c3c3;
+ border-left: 1px solid #d4d4d4;
color: #a3a3a3;
}
@@ -8976,15 +8976,15 @@
}
.osbp-tea .v-filterselect.v-readonly [class*="input"] {
- background: #eee;
- color: #434343;
+ background: #fafafa;
+ color: #464646;
-webkit-box-shadow: none;
box-shadow: none;
}
.osbp-tea .v-filterselect.v-readonly [class*="input"]:focus {
box-shadow: none;
- border-color: #c3c3c3;
+ border-color: #d4d4d4;
}
.osbp-tea .v-filterselect.v-readonly [class$="button"] {
@@ -9208,9 +9208,9 @@
user-select: none;
background: #fafafa;
cursor: inherit;
- -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
- border: 1px solid #c3c3c3;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ border: 1px solid #d4d4d4;
text-shadow: inherit;
text-overflow: ellipsis;
border-radius: inherit;
@@ -9222,8 +9222,8 @@
-moz-transition: none;
transition: none;
border-color: #9ea93f;
- -webkit-box-shadow: 0 0 0 1px transparent, 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 0 0 1px transparent, 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 0 1px transparent;
box-shadow: 0 0 0 1px transparent;
}
@@ -9384,15 +9384,15 @@
}
.osbp-tea .v-filterselect-tiny.v-readonly [class*="input"] {
- background: #eee;
- color: #434343;
+ background: #fafafa;
+ color: #464646;
-webkit-box-shadow: none;
box-shadow: none;
}
.osbp-tea .v-filterselect-tiny.v-readonly [class*="input"]:focus {
box-shadow: none;
- border-color: #c3c3c3;
+ border-color: #d4d4d4;
}
.osbp-tea .v-filterselect-tiny.v-readonly [class$="button"] {
@@ -9510,15 +9510,15 @@
}
.osbp-tea .v-filterselect-compact.v-readonly [class*="input"], .osbp-tea .v-filterselect-small.v-readonly [class*="input"] {
- background: #eee;
- color: #434343;
+ background: #fafafa;
+ color: #464646;
-webkit-box-shadow: none;
box-shadow: none;
}
.osbp-tea .v-filterselect-compact.v-readonly [class*="input"]:focus, .osbp-tea .v-filterselect-small.v-readonly [class*="input"]:focus {
box-shadow: none;
- border-color: #c3c3c3;
+ border-color: #d4d4d4;
}
.osbp-tea .v-filterselect-compact.v-readonly [class$="button"], .osbp-tea .v-filterselect-small.v-readonly [class$="button"] {
@@ -9535,9 +9535,9 @@
}
.osbp-tea .v-filterselect-large {
- height: 26px;
+ height: 31px;
- font-size: 15px;
+ font-size: 17px;
}
.osbp-tea .v-filterselect-large [class*="input"] {
@@ -9558,9 +9558,9 @@
font-weight: 400;
line-height: normal;
- height: 26px;
+ height: 31px;
- padding: 3px 5px;
+ padding: 3px 6px;
-webkit-transition: box-shadow 180ms, border 180ms;
@@ -9568,28 +9568,28 @@
transition: box-shadow 180ms, border 180ms;
width: 100% !important;
height: 100%;
- padding-right: 27px;
+ padding-right: 32px;
border-radius: inherit;
}
.v-ie8 .osbp-tea .v-filterselect-large [class*="input"], .v-ie9 .osbp-tea .v-filterselect-large [class*="input"] {
- line-height: 26px;
+ line-height: 31px;
padding-top: 0;
padding-bottom: 0;
}
.osbp-tea .v-filterselect-large .v-icon + [class*="input"] {
- padding-left: 26px;
+ padding-left: 31px;
}
.osbp-tea .v-filterselect-large img.v-icon {
- max-height: 26px;
- margin-left: 5px;
+ max-height: 31px;
+ margin-left: 6px;
}
.osbp-tea .v-filterselect-large span.v-icon {
- width: 26px;
+ width: 31px;
line-height: 1;
padding-top: 0.12em;
}
@@ -9599,7 +9599,7 @@
-webkit-touch-callout: none;
cursor: pointer;
position: absolute;
- width: 26px;
+ width: 31px;
}
.osbp-tea .v-filterselect-large [class$="button"]:before {
@@ -9609,7 +9609,7 @@
-moz-transition: color 140ms;
transition: color 140ms;
position: absolute;
- width: 26px;
+ width: 31px;
text-align: center;
top: 50%;
line-height: 1;
@@ -9641,15 +9641,15 @@
}
.osbp-tea .v-filterselect-large.v-readonly [class*="input"] {
- background: #eee;
- color: #434343;
+ background: #fafafa;
+ color: #464646;
-webkit-box-shadow: none;
box-shadow: none;
}
.osbp-tea .v-filterselect-large.v-readonly [class*="input"]:focus {
box-shadow: none;
- border-color: #c3c3c3;
+ border-color: #d4d4d4;
}
.osbp-tea .v-filterselect-large.v-readonly [class$="button"] {
@@ -9662,9 +9662,9 @@
}
.osbp-tea .v-filterselect-huge {
- height: 35px;
+ height: 40px;
- font-size: 20px;
+ font-size: 22px;
}
.osbp-tea .v-filterselect-huge [class*="input"] {
@@ -9685,9 +9685,9 @@
font-weight: 400;
line-height: normal;
- height: 35px;
+ height: 40px;
- padding: 4px 6px;
+ padding: 4px 7px;
-webkit-transition: box-shadow 180ms, border 180ms;
@@ -9695,28 +9695,28 @@
transition: box-shadow 180ms, border 180ms;
width: 100% !important;
height: 100%;
- padding-right: 36px;
+ padding-right: 41px;
border-radius: inherit;
}
.v-ie8 .osbp-tea .v-filterselect-huge [class*="input"], .v-ie9 .osbp-tea .v-filterselect-huge [class*="input"] {
- line-height: 35px;
+ line-height: 40px;
padding-top: 0;
padding-bottom: 0;
}
.osbp-tea .v-filterselect-huge .v-icon + [class*="input"] {
- padding-left: 35px;
+ padding-left: 40px;
}
.osbp-tea .v-filterselect-huge img.v-icon {
- max-height: 35px;
- margin-left: 6px;
+ max-height: 40px;
+ margin-left: 7px;
}
.osbp-tea .v-filterselect-huge span.v-icon {
- width: 35px;
+ width: 40px;
line-height: 1;
padding-top: 0.12em;
}
@@ -9726,7 +9726,7 @@
-webkit-touch-callout: none;
cursor: pointer;
position: absolute;
- width: 35px;
+ width: 40px;
}
.osbp-tea .v-filterselect-huge [class$="button"]:before {
@@ -9736,7 +9736,7 @@
-moz-transition: color 140ms;
transition: color 140ms;
position: absolute;
- width: 35px;
+ width: 40px;
text-align: center;
top: 50%;
line-height: 1;
@@ -9768,15 +9768,15 @@
}
.osbp-tea .v-filterselect-huge.v-readonly [class*="input"] {
- background: #eee;
- color: #434343;
+ background: #fafafa;
+ color: #464646;
-webkit-box-shadow: none;
box-shadow: none;
}
.osbp-tea .v-filterselect-huge.v-readonly [class*="input"]:focus {
box-shadow: none;
- border-color: #c3c3c3;
+ border-color: #d4d4d4;
}
.osbp-tea .v-filterselect-huge.v-readonly [class$="button"] {
@@ -9791,10 +9791,10 @@
.osbp-tea .v-csslayout-well {
background: #f5f5f5;
color: #454545;
- -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15), inset 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15), inset 1px 3px 7px rgba(0, 0, 0, 0.1);
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
}
.osbp-tea .v-csslayout-well > div > [class*="-caption"] {
@@ -9820,12 +9820,12 @@
}
.osbp-tea .v-csslayout-card {
- background: #fbfbfb;
- color: #464646;
+ background: white;
+ color: #474747;
border-radius: 0px;
- border: 1px solid #c3c3c3;
- -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+ border: 1px solid #d4d4d4;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
}
.osbp-tea .v-csslayout-card > .v-margin-top {
@@ -9878,7 +9878,7 @@
}
.osbp-tea [class*="spacing"] > tbody > [class*="row"] > td {
- padding-top: 0px;
+ padding-top: 8px;
}
.osbp-tea [class*="spacing"] > tbody > [class*="firstrow"] > td {
@@ -9946,7 +9946,7 @@
width: auto !important;
margin-top: -0.5em;
padding-bottom: 0.5em;
- border-bottom: 1px solid #c3c3c3;
+ border-bottom: 1px solid #d4d4d4;
}
.osbp-tea .v-formlayout.light > table {
@@ -9956,7 +9956,7 @@
.osbp-tea .v-formlayout.light > table > tbody > tr > td {
padding-top: 0;
height: 22px;
- border-bottom: 1px solid #c3c3c3;
+ border-bottom: 1px solid #d4d4d4;
}
.osbp-tea .v-formlayout.light > table > tbody > [class*="lastrow"] > td {
@@ -10219,7 +10219,7 @@
}
.osbp-tea .v-grid-scroller-vertical, .osbp-tea .v-grid-scroller-horizontal {
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
}
.osbp-tea .v-grid-scroller-vertical {
@@ -10231,7 +10231,7 @@
}
.osbp-tea .v-grid-tablewrapper {
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
}
.osbp-tea .v-grid .header-drag-table {
@@ -10246,7 +10246,7 @@
}
.osbp-tea .v-grid .header-drag-table .v-grid-header > .v-grid-cell {
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
margin-top: -10px;
opacity: 0.9;
filter: alpha(opacity=90);
@@ -10267,7 +10267,7 @@
top: 0;
right: 0;
background-color: #fafafa;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
padding: 0;
z-index: 5;
}
@@ -10353,7 +10353,7 @@
.osbp-tea .v-grid-cell.frozen {
-webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
- border-right: 1px solid #c3c3c3;
+ border-right: 1px solid #d4d4d4;
}
.osbp-tea .v-grid-cell.frozen + th, .osbp-tea .v-grid-cell.frozen + td {
@@ -10361,8 +10361,8 @@
}
.osbp-tea .v-grid-row > td, .osbp-tea .v-grid-editor-cells > div {
- border-left: 1px solid #c3c3c3;
- border-bottom: 1px solid #c3c3c3;
+ border-left: 1px solid #d4d4d4;
+ border-bottom: 1px solid #d4d4d4;
}
.osbp-tea .v-grid-row > td:first-child, .osbp-tea .v-grid-editor-cells > div:first-child {
@@ -10372,7 +10372,7 @@
.osbp-tea .v-grid-editor-cells.frozen > div {
-webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
- border-right: 1px solid #c3c3c3;
+ border-right: 1px solid #d4d4d4;
border-left: none;
}
@@ -10393,8 +10393,8 @@
background-color: #fafafa;
font-size: 10px;
font-weight: inherit;
- border-left: 1px solid #c3c3c3;
- border-bottom: 1px solid #c3c3c3;
+ border-left: 1px solid #d4d4d4;
+ border-bottom: 1px solid #d4d4d4;
text-align: left;
}
@@ -10438,8 +10438,8 @@
background-color: #fafafa;
font-size: 10px;
font-weight: inherit;
- border-left: 1px solid #c3c3c3;
- border-top: 1px solid #c3c3c3;
+ border-left: 1px solid #d4d4d4;
+ border-top: 1px solid #d4d4d4;
border-bottom: none;
}
@@ -10461,20 +10461,20 @@
}
.osbp-tea .v-grid-header-deco {
- border-top: 1px solid #c3c3c3;
- border-right: 1px solid #c3c3c3;
+ border-top: 1px solid #d4d4d4;
+ border-right: 1px solid #d4d4d4;
background-color: #fafafa;
}
.osbp-tea .v-grid-footer-deco {
- border-bottom: 1px solid #c3c3c3;
- border-right: 1px solid #c3c3c3;
+ border-bottom: 1px solid #d4d4d4;
+ border-right: 1px solid #d4d4d4;
background-color: #fafafa;
}
.osbp-tea .v-grid-horizontal-scrollbar-deco {
background-color: #fafafa;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
border-top: none;
}
@@ -10512,7 +10512,7 @@
overflow: hidden;
left: 0;
right: 0;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
box-sizing: border-box;
-moz-box-sizing: border-box;
margin-top: -1px;
@@ -10608,7 +10608,7 @@
.osbp-tea .v-grid-editor-footer {
display: table;
height: 22px;
- border-top: 1px solid #c3c3c3;
+ border-top: 1px solid #d4d4d4;
margin-top: -1px;
background: white;
padding: 0 5px;
@@ -10616,13 +10616,13 @@
.osbp-tea .v-grid-editor-footer + .v-grid-editor-cells > div {
border-bottom: none;
- border-top: 1px solid #c3c3c3;
+ border-top: 1px solid #d4d4d4;
}
.osbp-tea .v-grid-editor-footer:first-child {
border-top: none;
margin-top: 0;
- border-bottom: 1px solid #c3c3c3;
+ border-bottom: 1px solid #d4d4d4;
margin-bottom: -1px;
}
@@ -10658,14 +10658,14 @@
display: block;
padding: 0;
background-color: white;
- border-top: 1px solid #c3c3c3;
- border-bottom: 1px solid #c3c3c3;
+ border-top: 1px solid #d4d4d4;
+ border-bottom: 1px solid #d4d4d4;
}
.osbp-tea .v-grid-spacer.stripe > td {
background-color: #f5f5f5;
- border-top: 1px solid #c3c3c3;
- border-bottom: 1px solid #c3c3c3;
+ border-top: 1px solid #d4d4d4;
+ border-bottom: 1px solid #d4d4d4;
}
.osbp-tea .v-grid-spacer-deco-container {
@@ -10756,7 +10756,7 @@
.osbp-tea .v-grid-editor-footer {
font-size: 11px;
padding: 0 4px;
- background: #eee;
+ background: #fff;
-webkit-animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards;
-moz-animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards;
animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards;
@@ -10854,7 +10854,7 @@
text-decoration: none;
border: none;
background: transparent;
- padding: 0px 4px;
+ padding: 4px 4px;
margin: 0;
outline: none;
}
@@ -10919,7 +10919,7 @@
height: 22px;
border-radius: 0px;
padding: 2px 4px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: white;
color: #474747;
@@ -10958,15 +10958,15 @@
}
.osbp-tea .v-textfield-readonly {
- background: #eee;
- color: #434343;
+ background: #fafafa;
+ color: #464646;
-webkit-box-shadow: none;
box-shadow: none;
}
.osbp-tea .v-textfield-readonly:focus {
box-shadow: none;
- border-color: #c3c3c3;
+ border-color: #d4d4d4;
}
.osbp-tea .v-textfield-error {
@@ -11077,19 +11077,19 @@
font-weight: 400;
line-height: normal;
- height: 26px;
+ height: 31px;
border-radius: 0px;
- padding: 3px 5px;
+ padding: 3px 6px;
-webkit-transition: box-shadow 180ms, border 180ms;
-moz-transition: box-shadow 180ms, border 180ms;
transition: box-shadow 180ms, border 180ms;
- font-size: 15px;
+ font-size: 17px;
}
.v-ie8 .osbp-tea .v-textfield-large, .v-ie9 .osbp-tea .v-textfield-large {
- line-height: 26px;
+ line-height: 31px;
padding-top: 0;
padding-bottom: 0;
}
@@ -11109,19 +11109,19 @@
font-weight: 400;
line-height: normal;
- height: 35px;
+ height: 40px;
border-radius: 0px;
- padding: 4px 6px;
+ padding: 4px 7px;
-webkit-transition: box-shadow 180ms, border 180ms;
-moz-transition: box-shadow 180ms, border 180ms;
transition: box-shadow 180ms, border 180ms;
- font-size: 20px;
+ font-size: 22px;
}
.v-ie8 .osbp-tea .v-textfield-huge, .v-ie9 .osbp-tea .v-textfield-huge {
- line-height: 35px;
+ line-height: 40px;
padding-top: 0;
padding-bottom: 0;
}
@@ -11301,19 +11301,19 @@
.osbp-tea .v-caption-inline-icon.v-caption-large span.v-icon {
left: 1px;
bottom: 1px;
- width: 26px;
- line-height: 24px;
+ width: 31px;
+ line-height: 29px;
text-align: center;
- font-size: 15px;
+ font-size: 17px;
}
.osbp-tea .v-caption-inline-icon.v-caption-large img.v-icon {
- left: 5px;
- bottom: 5px;
+ left: 8px;
+ bottom: 8px;
}
.osbp-tea .v-textfield-inline-icon.v-textfield-large {
- padding-left: 26px;
+ padding-left: 31px;
}
.osbp-tea .v-slot-inline-icon.v-slot-huge {
@@ -11339,19 +11339,19 @@
.osbp-tea .v-caption-inline-icon.v-caption-huge span.v-icon {
left: 1px;
bottom: 1px;
- width: 35px;
- line-height: 33px;
+ width: 40px;
+ line-height: 38px;
text-align: center;
- font-size: 20px;
+ font-size: 22px;
}
.osbp-tea .v-caption-inline-icon.v-caption-huge img.v-icon {
- left: 10px;
- bottom: 10px;
+ left: 12px;
+ bottom: 12px;
}
.osbp-tea .v-textfield-inline-icon.v-textfield-huge {
- padding-left: 35px;
+ padding-left: 40px;
}
.osbp-tea .v-textfield-align-right {
@@ -11380,7 +11380,7 @@
height: 22px;
border-radius: 0px;
padding: 4px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: white;
color: #474747;
@@ -11428,15 +11428,15 @@
}
.osbp-tea .v-textarea-readonly {
- background: #eee;
- color: #434343;
+ background: #fafafa;
+ color: #464646;
-webkit-box-shadow: none;
box-shadow: none;
}
.osbp-tea .v-textarea-readonly:focus {
box-shadow: none;
- border-color: #c3c3c3;
+ border-color: #d4d4d4;
}
.osbp-tea .v-textarea-error {
@@ -11564,7 +11564,7 @@
font-weight: 400;
line-height: normal;
- height: 26px;
+ height: 31px;
border-radius: 0px;
padding: 4px;
@@ -11576,11 +11576,11 @@
height: auto;
resize: none;
white-space: pre-wrap;
- font-size: 15px;
+ font-size: 17px;
}
.v-ie8 .osbp-tea .v-textarea-large, .v-ie9 .osbp-tea .v-textarea-large {
- line-height: 26px;
+ line-height: 31px;
padding-top: 0;
padding-bottom: 0;
}
@@ -11606,7 +11606,7 @@
font-weight: 400;
line-height: normal;
- height: 35px;
+ height: 40px;
border-radius: 0px;
padding: 4px;
@@ -11618,11 +11618,11 @@
height: auto;
resize: none;
white-space: pre-wrap;
- font-size: 20px;
+ font-size: 22px;
}
.v-ie8 .osbp-tea .v-textarea-huge, .v-ie9 .osbp-tea .v-textarea-huge {
- line-height: 35px;
+ line-height: 40px;
padding-top: 0;
padding-bottom: 0;
}
@@ -11669,7 +11669,7 @@
height: 22px;
border-radius: 0px;
padding: 2px 4px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: white;
color: #474747;
@@ -11733,7 +11733,7 @@
bottom: 1px;
left: 1px;
border: none;
- border-right: 1px solid #c3c3c3;
+ border-right: 1px solid #d4d4d4;
color: #a3a3a3;
}
@@ -11775,15 +11775,15 @@
}
.osbp-tea .v-datefield.v-readonly [class*="textfield"] {
- background: #eee;
- color: #434343;
+ background: #fafafa;
+ color: #464646;
-webkit-box-shadow: none;
box-shadow: none;
}
.osbp-tea .v-datefield.v-readonly [class*="textfield"]:focus {
box-shadow: none;
- border-color: #c3c3c3;
+ border-color: #d4d4d4;
}
.osbp-tea .v-datefield.v-readonly [class*="button"] {
@@ -12034,11 +12034,11 @@
bottom: 0;
left: 0;
width: 19px;
- border-top: 1px solid #c3c3c3;
- border-right: 1px solid #c3c3c3;
+ border-top: 1px solid #d4d4d4;
+ border-right: 1px solid #d4d4d4;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
- background: #eee;
+ background: #fff;
}
.osbp-tea .v-datefield-popup td.v-datefield-calendarpanel-time {
@@ -12224,11 +12224,11 @@
bottom: 0;
left: 0;
width: 19px;
- border-top: 1px solid #c3c3c3;
- border-right: 1px solid #c3c3c3;
+ border-top: 1px solid #d4d4d4;
+ border-right: 1px solid #d4d4d4;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
- background: #eee;
+ background: #fff;
}
.osbp-tea td.v-datefield-calendarpanel-time {
@@ -12372,15 +12372,15 @@
}
.osbp-tea .v-datefield-tiny.v-readonly [class*="textfield"] {
- background: #eee;
- color: #434343;
+ background: #fafafa;
+ color: #464646;
-webkit-box-shadow: none;
box-shadow: none;
}
.osbp-tea .v-datefield-tiny.v-readonly [class*="textfield"]:focus {
box-shadow: none;
- border-color: #c3c3c3;
+ border-color: #d4d4d4;
}
.osbp-tea .v-datefield-tiny.v-readonly [class*="button"] {
@@ -12486,15 +12486,15 @@
}
.osbp-tea .v-datefield-compact.v-readonly [class*="textfield"], .osbp-tea .v-datefield-small.v-readonly [class*="textfield"] {
- background: #eee;
- color: #434343;
+ background: #fafafa;
+ color: #464646;
-webkit-box-shadow: none;
box-shadow: none;
}
.osbp-tea .v-datefield-compact.v-readonly [class*="textfield"]:focus, .osbp-tea .v-datefield-small.v-readonly [class*="textfield"]:focus {
box-shadow: none;
- border-color: #c3c3c3;
+ border-color: #d4d4d4;
}
.osbp-tea .v-datefield-compact.v-readonly [class*="button"], .osbp-tea .v-datefield-small.v-readonly [class*="button"] {
@@ -12511,9 +12511,9 @@
}
.osbp-tea .v-datefield-large {
- height: 26px;
+ height: 31px;
border-radius: 0px;
- font-size: 15px;
+ font-size: 17px;
}
.osbp-tea .v-datefield-large [class*="textfield"] {
@@ -12534,23 +12534,23 @@
font-weight: 400;
line-height: normal;
- height: 26px;
+ height: 31px;
border-radius: 0px;
- padding: 3px 5px;
+ padding: 3px 6px;
-webkit-transition: box-shadow 180ms, border 180ms;
-moz-transition: box-shadow 180ms, border 180ms;
transition: box-shadow 180ms, border 180ms;
- padding-left: 31.2px;
+ padding-left: 37.2px;
width: 100%;
height: 100%;
border-radius: inherit;
}
.v-ie8 .osbp-tea .v-datefield-large [class*="textfield"], .v-ie9 .osbp-tea .v-datefield-large [class*="textfield"] {
- line-height: 26px;
+ line-height: 31px;
padding-top: 0;
padding-bottom: 0;
}
@@ -12564,8 +12564,8 @@
padding: 0;
position: absolute;
z-index: 10;
- width: 26px;
- line-height: 26px;
+ width: 31px;
+ line-height: 31px;
text-align: center;
font: inherit;
outline: none;
@@ -12605,15 +12605,15 @@
}
.osbp-tea .v-datefield-large.v-readonly [class*="textfield"] {
- background: #eee;
- color: #434343;
+ background: #fafafa;
+ color: #464646;
-webkit-box-shadow: none;
box-shadow: none;
}
.osbp-tea .v-datefield-large.v-readonly [class*="textfield"]:focus {
box-shadow: none;
- border-color: #c3c3c3;
+ border-color: #d4d4d4;
}
.osbp-tea .v-datefield-large.v-readonly [class*="button"] {
@@ -12626,9 +12626,9 @@
}
.osbp-tea .v-datefield-huge {
- height: 35px;
+ height: 40px;
border-radius: 0px;
- font-size: 20px;
+ font-size: 22px;
}
.osbp-tea .v-datefield-huge [class*="textfield"] {
@@ -12649,23 +12649,23 @@
font-weight: 400;
line-height: normal;
- height: 35px;
+ height: 40px;
border-radius: 0px;
- padding: 4px 6px;
+ padding: 4px 7px;
-webkit-transition: box-shadow 180ms, border 180ms;
-moz-transition: box-shadow 180ms, border 180ms;
transition: box-shadow 180ms, border 180ms;
- padding-left: 42px;
+ padding-left: 48px;
width: 100%;
height: 100%;
border-radius: inherit;
}
.v-ie8 .osbp-tea .v-datefield-huge [class*="textfield"], .v-ie9 .osbp-tea .v-datefield-huge [class*="textfield"] {
- line-height: 35px;
+ line-height: 40px;
padding-top: 0;
padding-bottom: 0;
}
@@ -12679,8 +12679,8 @@
padding: 0;
position: absolute;
z-index: 10;
- width: 35px;
- line-height: 35px;
+ width: 40px;
+ line-height: 40px;
text-align: center;
font: inherit;
outline: none;
@@ -12720,15 +12720,15 @@
}
.osbp-tea .v-datefield-huge.v-readonly [class*="textfield"] {
- background: #eee;
- color: #434343;
+ background: #fafafa;
+ color: #464646;
-webkit-box-shadow: none;
box-shadow: none;
}
.osbp-tea .v-datefield-huge.v-readonly [class*="textfield"]:focus {
box-shadow: none;
- border-color: #c3c3c3;
+ border-color: #d4d4d4;
}
.osbp-tea .v-datefield-huge.v-readonly [class*="button"] {
@@ -12912,11 +12912,11 @@
bottom: 0;
left: 0;
width: 19px;
- border-top: 1px solid #c3c3c3;
- border-right: 1px solid #c3c3c3;
+ border-top: 1px solid #d4d4d4;
+ border-right: 1px solid #d4d4d4;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
- background: #eee;
+ background: #fff;
}
.osbp-tea td.v-inline-datefield-calendarpanel-time {
@@ -12953,8 +12953,8 @@
}
.osbp-tea .v-gridlayout-spacing-on {
- padding-left: 7px;
- padding-top: 0px;
+ padding-left: 8px;
+ padding-top: 8px;
}
.osbp-tea .v-menubar {
@@ -12972,10 +12972,10 @@
cursor: default;
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #fafafa;
- -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
padding: 0;
text-align: left;
line-height: 20px;
@@ -13049,7 +13049,7 @@
cursor: pointer;
border-radius: 0;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #fafafa;
@@ -13137,7 +13137,7 @@
border-radius: 0;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #9ea93f;
@@ -13255,7 +13255,7 @@
margin: 2px 0;
height: 0;
overflow: hidden;
- border-bottom: 1px solid #c3c3c3;
+ border-bottom: 1px solid #d4d4d4;
}
.osbp-tea .v-menubar-popup [class*="checked"] .v-menubar-menuitem-caption:before {
@@ -13348,7 +13348,7 @@
}
.osbp-tea .v-menubar-borderless .v-menubar-menuitem-checked, .osbp-tea .v-menubar-borderless .v-menubar-menuitem-checked:first-child {
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
color: #9ea93f;
}
@@ -13404,8 +13404,8 @@
border-color: #9ea93f;
-webkit-box-shadow: 0 0 0 1px transparent;
box-shadow: 0 0 0 1px transparent;
- -webkit-box-shadow: 0 0 0 1px transparent, 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 0 0 1px transparent, 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
}
:root .osbp-tea .v-radiobutton > input ~ label:before, :root .osbp-tea .v-radiobutton > input ~ label:after {
@@ -13432,10 +13432,10 @@
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #fafafa;
- -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
padding: 0;
height: 11px;
}
@@ -13562,8 +13562,8 @@
border-color: #9ea93f;
-webkit-box-shadow: 0 0 0 1px transparent;
box-shadow: 0 0 0 1px transparent;
- -webkit-box-shadow: 0 0 0 1px transparent, 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 0 0 1px transparent, 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
}
:root .osbp-tea .v-select-optiongroup-small .v-checkbox > input ~ label:before, :root .osbp-tea .v-select-optiongroup-small .v-checkbox > input ~ label:after {
@@ -13590,10 +13590,10 @@
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #fafafa;
- -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
padding: 0;
height: 10px;
}
@@ -13686,8 +13686,8 @@
border-color: #9ea93f;
-webkit-box-shadow: 0 0 0 1px transparent;
box-shadow: 0 0 0 1px transparent;
- -webkit-box-shadow: 0 0 0 1px transparent, 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 0 0 1px transparent, 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
}
:root .osbp-tea .v-select-optiongroup-small .v-radiobutton > input ~ label:before, :root .osbp-tea .v-select-optiongroup-small .v-radiobutton > input ~ label:after {
@@ -13714,10 +13714,10 @@
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #fafafa;
- -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
padding: 0;
height: 10px;
}
@@ -13807,12 +13807,12 @@
}
.osbp-tea .v-select-optiongroup-large {
- font-size: 15px;
+ font-size: 17px;
}
.osbp-tea .v-select-optiongroup-large .v-checkbox {
position: relative;
- line-height: 13px;
+ line-height: 16px;
white-space: nowrap;
}
@@ -13821,7 +13821,7 @@
}
:root .osbp-tea .v-select-optiongroup-large .v-checkbox {
- padding-left: 17px;
+ padding-left: 21px;
}
:root .osbp-tea .v-select-optiongroup-large .v-checkbox label {
@@ -13844,8 +13844,8 @@
border-color: #9ea93f;
-webkit-box-shadow: 0 0 0 1px transparent;
box-shadow: 0 0 0 1px transparent;
- -webkit-box-shadow: 0 0 0 1px transparent, 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 0 0 1px transparent, 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
}
:root .osbp-tea .v-select-optiongroup-large .v-checkbox > input ~ label:before, :root .osbp-tea .v-select-optiongroup-large .v-checkbox > input ~ label:after {
@@ -13854,30 +13854,30 @@
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
- width: 13px;
- height: 13px;
+ width: 16px;
+ height: 16px;
position: absolute;
top: 0;
left: 0;
border-radius: 0px;
- font-size: 11px;
+ font-size: 14px;
text-align: center;
}
:root .osbp-tea .v-select-optiongroup-large .v-checkbox > input ~ label:before {
- height: 13px;
- padding: 0 5px;
+ height: 15.5px;
+ padding: 0 6px;
color: #191919;
font-weight: 400;
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #fafafa;
- -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
padding: 0;
- height: 13px;
+ height: 16px;
}
:root .osbp-tea .v-select-optiongroup-large .v-checkbox > input ~ label:after {
@@ -13898,7 +13898,7 @@
}
.osbp-tea .v-select-optiongroup-large .v-checkbox > .v-icon, .osbp-tea .v-select-optiongroup-large .v-checkbox > label .v-icon {
- margin: 0 4px 0 2px;
+ margin: 0 5px 0 3px;
min-width: 1em;
cursor: pointer;
}
@@ -13936,7 +13936,7 @@
.osbp-tea .v-select-optiongroup-large .v-radiobutton {
position: relative;
- line-height: 13px;
+ line-height: 16px;
white-space: nowrap;
}
@@ -13945,7 +13945,7 @@
}
:root .osbp-tea .v-select-optiongroup-large .v-radiobutton {
- padding-left: 17px;
+ padding-left: 21px;
}
:root .osbp-tea .v-select-optiongroup-large .v-radiobutton label {
@@ -13968,8 +13968,8 @@
border-color: #9ea93f;
-webkit-box-shadow: 0 0 0 1px transparent;
box-shadow: 0 0 0 1px transparent;
- -webkit-box-shadow: 0 0 0 1px transparent, 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 0 0 1px transparent, 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 1px transparent, 1px 3px 7px rgba(0, 0, 0, 0.1);
}
:root .osbp-tea .v-select-optiongroup-large .v-radiobutton > input ~ label:before, :root .osbp-tea .v-select-optiongroup-large .v-radiobutton > input ~ label:after {
@@ -13978,30 +13978,30 @@
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
- width: 13px;
- height: 13px;
+ width: 16px;
+ height: 16px;
position: absolute;
top: 0;
left: 0;
border-radius: 0px;
- font-size: 11px;
+ font-size: 14px;
text-align: center;
}
:root .osbp-tea .v-select-optiongroup-large .v-radiobutton > input ~ label:before {
- height: 13px;
- padding: 0 5px;
+ height: 15.5px;
+ padding: 0 6px;
color: #191919;
font-weight: 400;
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #fafafa;
- -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
padding: 0;
- height: 13px;
+ height: 16px;
}
:root .osbp-tea .v-select-optiongroup-large .v-radiobutton > input ~ label:after {
@@ -14022,7 +14022,7 @@
}
.osbp-tea .v-select-optiongroup-large .v-radiobutton > .v-icon, .osbp-tea .v-select-optiongroup-large .v-radiobutton > label .v-icon {
- margin: 0 4px 0 2px;
+ margin: 0 5px 0 3px;
min-width: 1em;
cursor: pointer;
}
@@ -14059,10 +14059,10 @@
}
:root .osbp-tea .v-select-optiongroup-large .v-radiobutton > input:checked ~ label:after {
- width: 5px;
- height: 5px;
- top: 4px;
- left: 4px;
+ width: 6px;
+ height: 6px;
+ top: 5px;
+ left: 5px;
background: #9ea93f;
}
@@ -14073,15 +14073,15 @@
.osbp-tea .v-select-optiongroup-large .v-radiobutton, .osbp-tea .v-select-optiongroup-large .v-checkbox {
display: block;
- margin: 7px 12px 0 0;
+ margin: 8px 12px 0 0;
}
.osbp-tea .v-select-optiongroup-large .v-radiobutton:first-child, .osbp-tea .v-select-optiongroup-large .v-checkbox:first-child {
- margin-top: 4px;
+ margin-top: 5px;
}
.osbp-tea .v-select-optiongroup-large .v-radiobutton:last-child, .osbp-tea .v-select-optiongroup-large .v-checkbox:last-child {
- margin-bottom: 4px;
+ margin-bottom: 5px;
}
.osbp-tea .v-select-optiongroup-large.v-has-width label {
@@ -14141,14 +14141,14 @@
}
.osbp-tea .v-link-large {
- font-size: 15px;
+ font-size: 17px;
}
.osbp-tea .v-window {
padding: 2px 2px;
border-radius: 0px;
- background-color: #fbfbfb;
- color: #464646;
+ background-color: white;
+ color: #474747;
-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.3), 0 3px 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.27294);
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.3), 0 3px 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.27294);
-webkit-backface-visibility: hidden;
@@ -14238,8 +14238,8 @@
right: 0;
left: 0;
height: 0;
- border-top: 1px solid #c3c3c3;
- border-color: rgba(195, 195, 195, 0.5);
+ border-top: 1px solid #d4d4d4;
+ border-color: rgba(212, 212, 212, 0.5);
}
.osbp-tea .v-window-header {
@@ -14249,7 +14249,7 @@
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
- color: #7c7c7c;
+ color: #7e7e7e;
}
.osbp-tea .v-window-restorebox-disabled ~ .v-window-closebox ~ .v-window-header, .osbp-tea .v-window-maximizebox-disabled ~ .v-window-closebox ~ .v-window-header {
@@ -14270,12 +14270,12 @@
box-sizing: border-box;
width: 20px;
height: 21px;
- background-color: #fbfbfb;
+ background-color: white;
line-height: 19px;
text-align: center;
cursor: pointer;
font-size: 16px;
- color: #969696;
+ color: #999999;
-webkit-transition: color 140ms;
-moz-transition: color 140ms;
transition: color 140ms;
@@ -14392,17 +14392,17 @@
z-index: 2;
top: 0;
height: 0;
- border-top: 1px solid #fbfbfb;
+ border-top: 1px solid white;
left: 0;
right: 0;
}
.osbp-tea .v-window-contents > .v-scrollable .v-panel-captionwrap:after {
- border-color: #c3c3c3;
+ border-color: #d4d4d4;
}
.osbp-tea .v-window-contents > .v-scrollable .v-panel-content:before {
- border-color: #fbfbfb;
+ border-color: white;
}
.osbp-tea .v-window-footer {
@@ -14450,8 +14450,8 @@
padding: 4px 7px;
position: relative;
z-index: 2;
- border-top: 1px solid #c3c3c3;
- border-bottom: 1px solid #c3c3c3;
+ border-top: 1px solid #d4d4d4;
+ border-bottom: 1px solid #d4d4d4;
background-color: #fafafa;
}
@@ -14470,7 +14470,7 @@
background-color: #fafafa;
background-image: -webkit-linear-gradient(top, #fafafa 0, #fafafa 2px);
background-image: linear-gradient(to bottom,#fafafa 0, #fafafa 2px);
- border-top: 1px solid #c3c3c3;
+ border-top: 1px solid #d4d4d4;
border-radius: 0 0 0px 0px;
}
@@ -14703,16 +14703,16 @@
}
.osbp-tea .v-table-header table, .osbp-tea .v-table-footer table, .osbp-tea .v-table-table {
- -webkit-box-shadow: 0 0 0 1px #c3c3c3;
- box-shadow: 0 0 0 1px #c3c3c3;
+ -webkit-box-shadow: 0 0 0 1px #d4d4d4;
+ box-shadow: 0 0 0 1px #d4d4d4;
}
.v-ie8 .osbp-tea .v-table-header table, .v-ie8 .osbp-tea .v-table-footer table, .v-ie8 .osbp-tea .v-table-table {
- outline: 1px solid #c3c3c3;
+ outline: 1px solid #d4d4d4;
}
.osbp-tea .v-table-header-wrap, .osbp-tea .v-table-footer-wrap, .osbp-tea .v-table-header-drag {
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #fafafa;
white-space: nowrap;
font-size: 10px;
@@ -14729,7 +14729,7 @@
}
.osbp-tea .v-table-footer td {
- border-left: 1px solid #c3c3c3;
+ border-left: 1px solid #d4d4d4;
}
.osbp-tea .v-table-footer-container, .osbp-tea .v-table-caption-container {
@@ -14756,7 +14756,7 @@
.osbp-tea .v-table-caption-container, .osbp-tea .v-table-header-drag {
padding: 6px 7px 5px;
- border-left: 1px solid #c3c3c3;
+ border-left: 1px solid #d4d4d4;
}
.osbp-tea .v-table-caption-container-align-right {
@@ -14775,7 +14775,7 @@
}
.osbp-tea .v-table-cell-content {
- border-left: 1px solid #c3c3c3;
+ border-left: 1px solid #d4d4d4;
overflow: hidden;
height: 22px;
vertical-align: middle;
@@ -14813,7 +14813,7 @@
}
.osbp-tea .v-table-body {
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
@@ -14821,12 +14821,12 @@
}
.osbp-tea .v-table-table {
- background-color: #eee;
+ background-color: #fff;
white-space: nowrap;
}
.osbp-tea .v-table-table td {
- border-top: 1px solid #c3c3c3;
+ border-top: 1px solid #d4d4d4;
}
.osbp-tea .v-table-table tr:first-child > td {
@@ -14834,12 +14834,12 @@
}
.osbp-tea .v-table-row {
- background-color: #eee;
+ background-color: #fff;
cursor: pointer;
}
.osbp-tea .v-table-row-odd {
- background-color: #e4e4e4;
+ background-color: #f5f5f5;
cursor: pointer;
}
@@ -14940,7 +14940,7 @@
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #fafafa;
@@ -15048,7 +15048,7 @@
overflow: hidden;
opacity: 0.5;
filter: alpha(opacity=50) ;
- background: #eee;
+ background: #fff;
}
.osbp-tea .v-table-body {
@@ -15085,8 +15085,8 @@
}
.osbp-tea .v-table-row-drag-middle .v-table-cell-content {
- background-color: #dee0cb;
- color: #444532;
+ background-color: #ebedd8;
+ color: #4c4e30;
}
.osbp-tea .v-table-row-drag-bottom td.v-table-cell-content {
@@ -15138,11 +15138,11 @@
}
.osbp-tea .v-table-borderless .v-table-header-wrap {
- border-bottom: 1px solid #c3c3c3;
+ border-bottom: 1px solid #d4d4d4;
}
.osbp-tea .v-table-borderless .v-table-footer-wrap {
- border-top: 1px solid #c3c3c3;
+ border-top: 1px solid #d4d4d4;
}
.osbp-tea .v-table-compact .v-table-header-wrap, .osbp-tea .v-table-compact .v-table-footer-wrap, .osbp-tea .v-table-compact .v-table-header-drag, .osbp-tea .v-table-small .v-table-header-wrap, .osbp-tea .v-table-small .v-table-footer-wrap, .osbp-tea .v-table-small .v-table-header-drag {
@@ -15304,7 +15304,7 @@
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #fafafa;
-webkit-box-shadow: none;
box-shadow: none;
@@ -15357,7 +15357,7 @@
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #fafafa;
-webkit-box-shadow: none;
box-shadow: none;
@@ -15405,7 +15405,7 @@
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #fafafa;
-webkit-box-shadow: none;
box-shadow: none;
@@ -15439,9 +15439,9 @@
.osbp-tea .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:after {
content: "";
- border: 1px solid #c3c3c3;
- border-top-color: #c3c3c3;
- border-left-color: #c3c3c3;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-left-color: #d4d4d4;
position: absolute;
top: 50%;
left: 50%;
@@ -15472,7 +15472,7 @@
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #fafafa;
-webkit-box-shadow: none;
box-shadow: none;
@@ -15505,9 +15505,9 @@
.osbp-tea .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:after {
content: "";
- border: 1px solid #c3c3c3;
- border-top-color: #c3c3c3;
- border-left-color: #c3c3c3;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-left-color: #d4d4d4;
position: absolute;
top: 50%;
left: 50%;
@@ -15533,7 +15533,7 @@
background: #9ea93f;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
@@ -15561,7 +15561,7 @@
background: #9ea93f;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
@@ -15646,7 +15646,7 @@
left: 6px;
width: 0px;
border-radius: 0px;
- border-left: 1px solid #c3c3c3;
+ border-left: 1px solid #d4d4d4;
}
.osbp-tea .v-slider-base:after {
@@ -15655,7 +15655,7 @@
background: #9ea93f;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
@@ -15691,10 +15691,10 @@
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #fafafa;
- -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
}
.osbp-tea .v-slider-handle:before:after {
@@ -15720,7 +15720,7 @@
}
.osbp-tea .v-slider-handle:after {
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
border-color: #9ea93f;
-webkit-box-shadow: 0 0 0 1px transparent;
box-shadow: 0 0 0 1px transparent;
@@ -15783,7 +15783,7 @@
width: auto;
height: 0px;
border-left: none;
- border-bottom: 1px solid #c3c3c3;
+ border-bottom: 1px solid #d4d4d4;
}
.osbp-tea .v-slider-vertical .v-slider-base:after {
@@ -15835,7 +15835,7 @@
content: "";
position: absolute;
height: 0;
- border-top: 1px solid #c3c3c3;
+ border-top: 1px solid #d4d4d4;
bottom: 0;
left: 0;
right: 0;
@@ -15865,7 +15865,7 @@
line-height: 22px;
font-size: 11px;
font-weight: 300;
- color: #646464;
+ color: #6b6b6b;
width: auto !important;
overflow: hidden;
text-overflow: ellipsis;
@@ -15930,7 +15930,7 @@
width: 13px;
text-align: center;
border-radius: 0px;
- color: #8f8f8f;
+ color: #999999;
}
.osbp-tea .v-tabsheet-tabitemcell .v-tabsheet-caption-close:hover {
@@ -15964,8 +15964,8 @@
right: 0;
display: block;
background-color: transparent;
- background-image: -webkit-linear-gradient(right, #c3c3c3 70%, rgba(195, 195, 195, 0) 100%);
- background-image: linear-gradient(to left,#c3c3c3 70%, rgba(195, 195, 195, 0) 100%);
+ background-image: -webkit-linear-gradient(right, #d4d4d4 70%, rgba(212, 212, 212, 0) 100%);
+ background-image: linear-gradient(to left,#d4d4d4 70%, rgba(212, 212, 212, 0) 100%);
}
.v-ie8 .osbp-tea .v-tabsheet-scroller, .v-ie9 .osbp-tea .v-tabsheet-scroller {
@@ -15973,7 +15973,7 @@
}
.v-ie8 .osbp-tea .v-tabsheet-scroller:after, .v-ie9 .osbp-tea .v-tabsheet-scroller:after {
- background-color: #c3c3c3;
+ background-color: #d4d4d4;
}
.osbp-tea .v-tabsheet-scroller button {
@@ -16058,8 +16058,8 @@
.osbp-tea .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-caption {
margin-left: 2px;
- padding: 0 7px;
- background-color: #eee;
+ padding: 0 8px;
+ background-color: #fff;
border: 1px solid transparent;
line-height: 21px;
border-radius: 0px 0px 0 0;
@@ -16070,16 +16070,16 @@
}
.osbp-tea .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-caption:hover {
- background-color: #e6e6e6;
- border-bottom-color: #c3c3c3;
+ background-color: #f7f7f7;
+ border-bottom-color: #d4d4d4;
}
.osbp-tea .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-caption.v-disabled:hover {
- background-color: #eee;
+ background-color: #fff;
}
.osbp-tea .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-caption-closable {
- padding-right: 20px;
+ padding-right: 21px;
}
.osbp-tea .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-tabsheet-caption-close {
@@ -16093,27 +16093,27 @@
}
.osbp-tea .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-tabsheet-tabitem .v-caption {
- border-color: #c3c3c3;
+ border-color: #d4d4d4;
}
.osbp-tea .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-tabsheet-tabitem-selected .v-caption {
- background: #fbfbfb;
- border-color: #c3c3c3;
+ background: white;
+ border-color: #d4d4d4;
border-bottom: none;
padding-bottom: 1px;
}
.osbp-tea .v-tabsheet-framed > .v-tabsheet-content {
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
border-top: none;
}
.osbp-tea .v-tabsheet-framed > .v-tabsheet-content > div {
- background: #fbfbfb;
+ background: white;
}
.osbp-tea .v-tabsheet-framed.padded-tabbar > .v-tabsheet-tabcontainer {
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
border-bottom: none;
background: #fafafa;
padding-top: 4px;
@@ -16150,7 +16150,7 @@
}
.osbp-tea .v-tabsheet-icons-on-top > .v-tabsheet-tabcontainer .v-caption-closable {
- padding-right: 7px;
+ padding-right: 8px;
}
.osbp-tea .v-tabsheet-icons-on-top > .v-tabsheet-tabcontainer .v-tabsheet-caption-close {
@@ -16312,12 +16312,12 @@
}
.osbp-tea .v-panel {
- background: #fbfbfb;
- color: #464646;
+ background: white;
+ color: #474747;
border-radius: 0px;
- border: 1px solid #c3c3c3;
- -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+ border: 1px solid #d4d4d4;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
overflow: visible !important;
}
@@ -16327,7 +16327,7 @@
box-sizing: border-box;
padding: 0 7px;
line-height: 21px;
- border-bottom: 1px solid #c3c3c3;
+ border-bottom: 1px solid #d4d4d4;
background-color: #fafafa;
background-image: -webkit-linear-gradient(top, #fafafa 0%, #fafafa 100%);
background-image: linear-gradient(to bottom,#fafafa 0%, #fafafa 100%);
@@ -16386,10 +16386,10 @@
.osbp-tea .v-panel-well {
background: #f5f5f5;
color: #454545;
- -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15), inset 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15), inset 1px 3px 7px rgba(0, 0, 0, 0.1);
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
}
.osbp-tea .v-panel-well > div > [class*="-caption"] {
@@ -16410,8 +16410,8 @@
right: 0;
left: 0;
height: 0;
- border-top: 1px solid #c3c3c3;
- border-color: rgba(195, 195, 195, 0.5);
+ border-top: 1px solid #d4d4d4;
+ border-color: rgba(212, 212, 212, 0.5);
}
.osbp-tea .v-panel-scroll-divider > [class*="-content"]:before {
@@ -16420,7 +16420,7 @@
z-index: 2;
top: 0;
height: 0;
- border-top: 1px solid #eee;
+ border-top: 1px solid #fff;
left: 0;
right: 0;
}
@@ -16439,12 +16439,12 @@
}
.osbp-tea .v-accordion {
- background: #fbfbfb;
- color: #464646;
+ background: white;
+ color: #474747;
border-radius: 0px;
- border: 1px solid #c3c3c3;
- -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+ border: 1px solid #d4d4d4;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
background-color: #fafafa;
background-image: -webkit-linear-gradient(top, #fafafa 0%, #fafafa 100%);
background-image: linear-gradient(to bottom,#fafafa 0%, #fafafa 100%);
@@ -16465,7 +16465,7 @@
}
.osbp-tea .v-accordion-item[class*="item-open"] + [class*="item"] {
- border-top: 1px solid #c3c3c3;
+ border-top: 1px solid #d4d4d4;
}
.osbp-tea .v-accordion-item-caption {
@@ -16478,7 +16478,7 @@
box-sizing: border-box;
padding: 0 7px;
line-height: 21px;
- border-bottom: 1px solid #c3c3c3;
+ border-bottom: 1px solid #d4d4d4;
background-color: #fafafa;
background-image: -webkit-linear-gradient(top, #fafafa 0%, #fafafa 100%);
background-image: linear-gradient(to bottom,#fafafa 0%, #fafafa 100%);
@@ -16490,7 +16490,7 @@
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
display: block;
background: transparent;
- border-bottom-color: #c3c3c3;
+ border-bottom-color: #d4d4d4;
border-radius: inherit;
cursor: pointer;
position: relative;
@@ -16516,9 +16516,9 @@
}
.osbp-tea .v-accordion-item-content {
- -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15);
- background-color: #fbfbfb;
+ -webkit-box-shadow: inset 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 1px 3px 7px rgba(0, 0, 0, 0.1);
+ background-color: white;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
@@ -16556,7 +16556,7 @@
}
.osbp-tea .v-select-twincol select {
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #fafafa;
color: #464646;
}
@@ -16629,7 +16629,7 @@
}
.osbp-tea .v-select select {
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #fafafa;
color: #464646;
}
@@ -16829,7 +16829,7 @@
}
.osbp-tea .v-calendar .v-datecellslot, .osbp-tea .v-calendar .v-datecellslot-even {
- border-top: 1px solid #c3c3c3;
+ border-top: 1px solid #d4d4d4;
}
.osbp-tea .v-calendar .v-datecellslot:first-child, .osbp-tea .v-calendar .v-datecellslot-even:first-child {
@@ -16966,7 +16966,7 @@
.osbp-tea .v-calendar-week-wrapper .v-calendar-event-content {
margin-top: -1px;
border-radius: 1px;
- border: 1px solid #eee;
+ border: 1px solid #fff;
padding-top: 3px;
margin-right: 3px;
}
@@ -17084,7 +17084,7 @@
.osbp-tea h1, .osbp-tea .v-label-h1, .osbp-tea h2, .osbp-tea .v-label-h2, .osbp-tea h3, .osbp-tea .v-label-h3 {
line-height: 1.1;
font-weight: 200;
- color: #131313;
+ color: #141414;
}
.osbp-tea h1, .osbp-tea .v-label-h1 {
@@ -17115,7 +17115,7 @@
line-height: 1.1;
font-weight: 500;
font-size: 11px;
- color: #3e3e3e;
+ color: #424242;
text-transform: uppercase;
letter-spacing: 0;
margin-top: 2.4em;
@@ -17143,7 +17143,7 @@
}
.osbp-tea .v-label-large {
- font-size: 15px;
+ font-size: 17px;
}
.osbp-tea .v-label-small {
@@ -17155,7 +17155,7 @@
}
.osbp-tea .v-label-huge {
- font-size: 20px;
+ font-size: 22px;
}
.osbp-tea .v-label-bold {
@@ -17164,7 +17164,7 @@
.osbp-tea .v-label-light {
font-weight: 200;
- color: #777777;
+ color: gray;
}
.osbp-tea .v-label-align-right {
@@ -17332,7 +17332,7 @@
}
.osbp-tea .v-select select {
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #fafafa;
color: #464646;
}
@@ -17418,7 +17418,7 @@
}
.osbp-tea .v-popupview-loading {
- margin: 0px 7px;
+ margin: 8px 8px;
height: 24px !important;
width: 24px !important;
-webkit-box-sizing: border-box;
@@ -17464,7 +17464,7 @@
height: 22px;
border-radius: 0px;
padding: 0;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: white;
color: #474747;
@@ -17490,7 +17490,7 @@
background: #fafafa;
- border-bottom: 1px solid #c3c3c3;
+ border-bottom: 1px solid #d4d4d4;
color: #464646;
}
@@ -17639,19 +17639,19 @@
}
.osbp-tea .v-Notification.v-position-top {
- top: 0px;
+ top: 8px;
}
.osbp-tea .v-Notification.v-position-right {
- right: 7px;
+ right: 8px;
}
.osbp-tea .v-Notification.v-position-bottom {
- bottom: 0px;
+ bottom: 8px;
}
.osbp-tea .v-Notification.v-position-left {
- left: 7px;
+ left: 8px;
}
.osbp-tea .v-Notification.v-position-assistive {
@@ -18017,7 +18017,7 @@
color: #9a9698;
font-size: 11px;
line-height: 18px;
- border-right: 1px solid #c3c3c3;
+ border-right: 1px solid #d4d4d4;
white-space: nowrap;
}
@@ -18031,7 +18031,7 @@
}
.osbp-tea .valo-menu-part {
- border-left: 1px solid #c3c3c3;
+ border-left: 1px solid #d4d4d4;
height: 100%;
padding-bottom: 22px;
overflow: auto;
@@ -18060,15 +18060,15 @@
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
padding: 7px 11px;
font-size: 11px;
- border-bottom: 1px solid #c3c3c3;
- -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+ border-bottom: 1px solid #d4d4d4;
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
text-align: center;
}
.osbp-tea .valo-menu-title .v-menubar.v-menubar {
background: transparent;
- border-color: #c3c3c3;
+ border-color: #d4d4d4;
color: inherit;
-webkit-box-shadow: none;
box-shadow: none;
@@ -18141,7 +18141,7 @@
}
.osbp-tea .v-menubar-user-menu .v-menubar-menuitem-checked, .osbp-tea .v-menubar-user-menu .v-menubar-menuitem-checked:first-child {
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
color: #9ea93f;
}
@@ -18174,10 +18174,10 @@
width: 33px;
height: 33px;
border-radius: 18px;
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
display: block;
margin: 0 auto 0.3em;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
}
.osbp-tea .v-menubar-user-menu > .v-menubar-menuitem:after {
@@ -18307,7 +18307,7 @@
overflow: hidden;
background: #222122;
font-size: 10px;
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
}
.osbp-tea .valo-menu-part.large-icons [class*="subtitle"] [class*="badge"] {
@@ -18380,8 +18380,8 @@
font-size: 15px;
line-height: 26px;
margin: 11px auto;
- -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
}
.osbp-tea .valo-menu-logo:focus {
@@ -18422,7 +18422,7 @@
overflow: hidden;
background: #222122;
font-size: 10px;
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+ box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
}
.osbp-tea .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part [class*="subtitle"] [class*="badge"] {
@@ -18556,7 +18556,7 @@
color: #9a9698;
font-size: 11px;
line-height: 18px;
- border-right: 1px solid #c3c3c3;
+ border-right: 1px solid #d4d4d4;
white-space: nowrap;
position: fixed;
z-index: 9000;
@@ -18594,6 +18594,26 @@
overflow: hidden;
}
+.osbp-tea .v-Notification .v-Notification-caption {
+ font-size: 24px;
+}
+
+.osbp-tea .v-Notification .v-Notification-description {
+ font-size: 14.4px;
+ display: block;
+ text-align: center;
+ margin-left: 0px;
+ margin: 0 auto;
+}
+
+.osbp-tea .v-verticallayout-os-welcome {
+ padding: 0px !important;
+}
+
+.osbp-tea iframe {
+ border-width: 0px;
+}
+
:root .osbp-tea .v-checkbox {
line-height: 22px;
padding-top: inherit;
@@ -18615,12 +18635,17 @@
:root .osbp-tea .v-checkbox > input ~ label:before {
height: 22px;
border: 0px;
- border-bottom: 1px solid #c3c3c3;
- background: #dcdcdc;
+ border-bottom: 1px solid #d4d4d4;
+ background: #ededed;
-webkit-box-shadow: none;
box-shadow: none;
}
+:root .osbp-tea .v-checkbox > input:focus ~ label:before {
+ background-color: #ced49f;
+ border-bottom-color: #9ea93f;
+}
+
:root .osbp-tea .v-checkbox > input ~ label:before, :root .osbp-tea .v-checkbox > input ~ label:after {
margin-top: inherit;
}
@@ -18630,30 +18655,30 @@
}
.osbp-tea .v-verticallayout-part {
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
}
.osbp-tea h1 {
- background: #dcdcdc;
+ background: #ededed;
padding: 5.5px 11px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
font-size: 21.6px;
font-weight: bold;
- color: #3e3e3e;
+ color: #424242;
text-align: center;
}
.osbp-tea .popupContent .v-window-header {
font-size: 16.8px;
- margin: 7px;
+ padding: 7px;
font-weight: bold;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
- color: #3e3e3e;
+ color: #424242;
line-height: 29.4px;
letter-spacing: 0em !important;
- min-width: $os-button-width;
+ min-width: 154px;
text-align: center;
}
@@ -18670,9 +18695,10 @@
.osbp-tea .popupContent .v-window-closebox:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\2715";
+ line-height: 14px;
+ content: "\2715" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.osbp-tea .popupContent .v-window-maximizebox {
@@ -18686,9 +18712,10 @@
.osbp-tea .popupContent .v-window-maximizebox:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f096";
+ line-height: 14px;
+ content: "\f096" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.osbp-tea .popupContent .v-window-restorebox {
@@ -18707,21 +18734,22 @@
.osbp-tea .popupContent .v-window-restorebox:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f24d";
+ line-height: 14px;
+ content: "\f24d" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.osbp-tea .popupContent .v-window-closebox, .osbp-tea .popupContent .v-window-maximizebox, .osbp-tea .popupContent .v-window-restorebox {
- background-color: #dcdcdc;
+ background-color: #ededed;
height: 22px;
- color: #3e3e3e;
+ color: #424242;
}
.osbp-tea .popupContent .v-window-closebox-disabled {
display: block;
cursor: auto;
- color: #9e9e9e;
+ color: #a0a0a0;
}
.osbp-tea .popupContent .v-table-cell-content {
@@ -18732,7 +18760,7 @@
border-width: 0px;
}
-.osbp-tea .v-button {
+.osbp-tea .v-button, .osbp-tea .v-nativebutton {
height: 25px;
padding: 0 10px;
color: #c6c5c5;
@@ -18740,31 +18768,30 @@
border-radius: 0px;
- border: #323031 #c3c3c3;
+ border: 0px;
background: #323031;
-webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
text-transform: uppercase;
- border-color: #323031;
margin-left: 4px;
}
-.osbp-tea .v-button.v-pressed {
- background: #bbc278 !important;
+.osbp-tea .v-button.v-pressed, .osbp-tea .v-nativebutton.v-pressed {
+ background-color: #bbc278 !important;
border-color: #bbc278 !important;
}
-.osbp-tea .v-button:after {
+.osbp-tea .v-button:after, .osbp-tea .v-nativebutton:after {
transition: none;
}
-.osbp-tea .v-button:hover {
- background: #9ea93f;
+.osbp-tea .v-button:hover, .osbp-tea .v-button:focus, .osbp-tea .v-button:active, .osbp-tea .v-nativebutton:hover, .osbp-tea .v-nativebutton:focus, .osbp-tea .v-nativebutton:active {
+ background-color: #9ea93f;
border-color: #9ea93f;
color: #282a17;
}
-.osbp-tea .v-button:focus:after {
+.osbp-tea .v-button:focus:after, .osbp-tea .v-nativebutton:focus:after {
border-color: transparent;
transition: none;
}
@@ -18774,7 +18801,7 @@
}
.osbp-tea .v-textfield {
- background-color: #dcdcdc;
+ background-color: #ededed;
border-top: transparent;
border-left: transparent;
border-right: transparent;
@@ -18790,7 +18817,7 @@
}
.osbp-tea .v-textarea {
- background-color: #dcdcdc;
+ background-color: #ededed;
border-top: transparent;
border-left: transparent;
border-right: transparent;
@@ -18806,7 +18833,7 @@
}
.osbp-tea .v-filterselect {
- background-color: #dcdcdc;
+ background-color: #ededed;
border-top: transparent;
border-left: transparent;
border-right: transparent;
@@ -18821,44 +18848,23 @@
border-bottom-color: #9ea93f;
}
-.osbp-tea .o-XSuggestBox, .osbp-tea .o-XSuggestBox > .v-textfield {
- background-color: #dcdcdc;
- border-top: transparent;
- border-left: transparent;
- border-right: transparent;
- height: 22px;
-}
-
-.osbp-tea .o-XSuggestBox:focus, .osbp-tea .o-XSuggestBox > .v-textfield:focus {
- background-color: #ced49f;
- color: #3e4127;
-}
-
-.osbp-tea .o-XSuggestBox:hover, .osbp-tea .o-XSuggestBox > .v-textfield:hover {
- border-bottom-color: #9ea93f;
-}
-
.osbp-tea .os-view-header-h2, .osbp-tea .v-label-h2 {
font-size: 16.8px;
- margin: 7px;
+ padding: 7px;
font-weight: bold;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
- color: #3e3e3e;
+ color: #424242;
line-height: 29.4px;
letter-spacing: 0em !important;
- min-width: $os-button-width;
+ min-width: 154px;
}
.osbp-tea .os-org-container {
background: transparent !important;
}
-.osbp-tea .os-data-area {
- margin: 7px;
-}
-
.osbp-tea .os-multi-area .os-data-area {
overflow: inherit !important;
}
@@ -18874,13 +18880,13 @@
.osbp-tea .os-mparttoolbararea, .osbp-tea .os-embedded-toolbar {
width: 100%;
min-height: 25px;
- border-bottom: 1px solid #c3c3c3;
- color: #3e3e3e;
- background: #eee;
+ border-bottom: 1px solid #d4d4d4;
+ color: #424242;
+ background: #fff;
}
.osbp-tea .os-mparttoolbararea .v-button, .osbp-tea .os-embedded-toolbar .v-button {
- background: #eee;
+ background: #fff;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
@@ -18911,7 +18917,7 @@
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #fafafa;
-webkit-box-shadow: none;
box-shadow: none;
@@ -18944,9 +18950,9 @@
.osbp-tea .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:after {
content: "";
- border: 1px solid #c3c3c3;
- border-top-color: #c3c3c3;
- border-left-color: #c3c3c3;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-left-color: #d4d4d4;
position: absolute;
top: 50%;
left: 50%;
@@ -18962,11 +18968,11 @@
.osbp-tea .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before {
border: transparent;
- background-color: #dcdcdc;
+ background-color: #ededed;
}
.osbp-tea .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:after {
- border-color: #7e7e7e;
+ border-color: #ededed;
}
.osbp-tea .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter {
@@ -18986,7 +18992,7 @@
border-radius: 0px;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
background: #fafafa;
-webkit-box-shadow: none;
box-shadow: none;
@@ -19020,9 +19026,9 @@
.osbp-tea .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:after {
content: "";
- border: 1px solid #c3c3c3;
- border-top-color: #c3c3c3;
- border-left-color: #c3c3c3;
+ border: 1px solid #d4d4d4;
+ border-top-color: #d4d4d4;
+ border-left-color: #d4d4d4;
position: absolute;
top: 50%;
left: 50%;
@@ -19042,15 +19048,15 @@
.osbp-tea .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before {
border: transparent;
- background-color: #dcdcdc;
+ background-color: #ededed;
}
.osbp-tea .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:after {
- border-color: #7e7e7e;
+ border-color: #ededed;
}
.osbp-tea .os-important .v-progressbar-indicator {
- background: #be1e2d none;
+ background: #ed473b none;
}
.osbp-tea .v-loading-indicator {
@@ -19072,14 +19078,15 @@
background-repeat: no-repeat;
background-position: 50%;
background-size: auto 22px;
- background-color: #dcdcdc;
+ background-color: #ededed;
border: 0px;
- border-bottom: 2px solid #9ea93f;
height: 24px;
}
.osbp-tea .v-ui > .v-panel > .v-panel-content > .v-verticallayout > .v-expand > .v-slot > .v-verticallayout > .v-expand > .v-slot:nth-child(1) {
- background-color: #dcdcdc;
+ background-color: #9ea93f;
+ background-image: -webkit-linear-gradient(top, #9ea93f 1px, #ededed 1px);
+ background-image: linear-gradient(to bottom,#9ea93f 1px, #ededed 1px);
}
.osbp-tea .v-ui > .v-panel > .v-panel-content > .v-verticallayout > .v-expand > .v-slot > .v-verticallayout > .v-expand > .v-slot:nth-child(2) {
@@ -19107,17 +19114,6 @@
.osbp-tea .toptrimbar .v-button {
border: none;
- background: transparent;
- padding: 0px;
-}
-
-.osbp-tea .toptrimbar .v-filterselect, .osbp-tea .toptrimbar .v-filterselect-input {
- background-color: #dcdcdc !important;
- color: #3e3e3e !important;
-}
-
-.osbp-tea .toptrimbar .v-filterselect.v-widget.os-combobox-with-icon .v-icon {
- z-index: 999;
}
.osbp-tea .toptrimbar td.v-formlayout-errorcell, .osbp-tea .toptrimbar td.v-formlayout-captioncell {
@@ -19125,11 +19121,13 @@
}
.osbp-tea .perspectivepanel {
+ position: absolute;
margin-right: 22px;
+ top: 1px;
}
.osbp-tea .perspectivepanel .v-button {
- height: 36px;
+ height: 32px;
}
.osbp-tea .perspectivepanel .v-button-pushed {
@@ -19144,17 +19142,20 @@
.osbp-tea .v-slot-loginPanelArea {
background-image: url('Top_view.jpg');
background-repeat: no-repeat;
- background-size: cover;
- background-color: #dcdcdc;
+ background-color: #ededed;
+ background-size: 450px 120px;
+ background-position: 50% 100px;
}
.osbp-tea .loginPanelArea.v-panel {
border: 0px !important;
background: transparent;
+ position: relative;
+ top: 300px;
}
.osbp-tea .loginFullArea {
- background: #eee;
+ background: #fff;
}
.osbp-tea .osbpLoginForm {
@@ -19164,9 +19165,13 @@
.osbp-tea .v-slot-loginTitleArea {
background: transparent;
- border-left: 1px solid #c3c3c3;
- border-right: 1px solid #c3c3c3;
- border-top: 1px solid #c3c3c3;
+ border-left: 1px solid #d4d4d4;
+ border-right: 1px solid #d4d4d4;
+ border-top: 1px solid #d4d4d4;
+}
+
+.osbp-tea .v-slot-loginTitleArea .os-view-header-h2 {
+ text-align: center;
}
.osbp-tea .v-slot-loginTextArea {
@@ -19176,7 +19181,7 @@
.osbp-tea .v-slot-loginTextArea .v-textfield {
height: 33px;
- background-color: #dcdcdc;
+ background-color: #ededed;
margin-bottom: 5px;
border-radius: 4px;
}
@@ -19191,16 +19196,16 @@
.osbp-tea div#loginUserArea {
background: transparent;
- border-left: 1px solid #c3c3c3;
- border-right: 1px solid #c3c3c3;
+ border-left: 1px solid #d4d4d4;
+ border-right: 1px solid #d4d4d4;
padding: 22px 44px 22px 44px;
}
.osbp-tea div#loginButtonArea {
background: transparent;
- border-left: 1px solid #c3c3c3;
- border-right: 1px solid #c3c3c3;
- border-bottom: 1px solid #c3c3c3;
+ border-left: 1px solid #d4d4d4;
+ border-right: 1px solid #d4d4d4;
+ border-bottom: 1px solid #d4d4d4;
padding: 0px 44px 22px 44px;
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.35);
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.35);
@@ -19208,9 +19213,9 @@
.osbp-tea div#loginTextArea {
background: transparent;
- border-left: 1px solid #c3c3c3;
- border-right: 1px solid #c3c3c3;
- padding: 0px 44px 22px 44px;
+ border-left: 1px solid #d4d4d4;
+ border-right: 1px solid #d4d4d4;
+ padding: 0px 44px 11px 44px;
}
.osbp-tea div#loginTextArea > .v-expand {
@@ -19218,6 +19223,10 @@
margin: 0 auto;
}
+.osbp-tea div#loginTextArea img.v-image.v-widget {
+ margin-top: -11px;
+}
+
.osbp-tea div#loginImageArea {
padding: 0px;
width: 0px !important;
@@ -19240,6 +19249,9 @@
background: transparent;
color: #9ea93f;
font-weight: bold;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ white-space: nowrap;
}
.osbp-tea div#loginRegisterArea .v-expand {
@@ -19248,12 +19260,20 @@
.osbp-tea .loginCopyrightArea .v-label.v-widget.v-has-width {
padding: 6.6px;
+ padding-bottom: 1px;
text-align: center;
- background-color: rgba(238, 238, 238, 0.25);
+ background-color: rgba(255, 255, 255, 0.25);
color: #323031;
font-weight: bold;
}
+.osbp-tea .loginCopyrightArea .v-label.v-widget.loginVersionField {
+ padding: 2.2px;
+ padding-right: 10px;
+ text-align: right;
+ font-size: 10px;
+}
+
.osbp-tea .v-table-table td {
border-top: 0px;
}
@@ -19263,7 +19283,7 @@
}
.osbp-tea .v-table-body {
- background-color: #dcdcdc;
+ background-color: #ededed;
}
.osbp-tea .v-table-cell-wrapper > .v-widget {
@@ -19281,25 +19301,8 @@
.osbp-tea .v-table-header-wrap {
border: 0px;
font-weight: bold;
- border-top: 1px solid #c3c3c3;
- border-bottom: 1px solid #c3c3c3;
-}
-
-.osbp-tea .v-table-header-wrap .v-table-column-selector {
- border: 0px;
- width: auto !important;
- right: 1px;
- background: transparent;
- border: 0px;
- float: right;
-}
-
-.osbp-tea .v-table-header-wrap .v-table-column-selector:before {
- font-family: FontAwesome;
- font-size: 14px;
- line-height: 21px;
- content: "\f0c9";
- text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ border-top: 1px solid #d4d4d4;
+ border-bottom: 1px solid #d4d4d4;
}
.osbp-tea .v-align-right > .v-table-cell-wrapper {
@@ -19320,7 +19323,7 @@
.osbp-tea .filters-wrap {
overflow: hidden;
- background-color: #dcdcdc;
+ background-color: #ededed;
height: 22px;
}
@@ -19332,7 +19335,7 @@
width: 90000px;
overflow: hidden;
line-height: 21px;
- color: #3e3e3e;
+ color: #424242;
font-style: italic;
}
@@ -19342,18 +19345,18 @@
.osbp-tea .filters-panel .v.label, .osbp-tea .filters-panel .filterplaceholder {
height: 21px;
- border-bottom: 1px solid #c3c3c3;
+ border-bottom: 1px solid #d4d4d4;
}
.osbp-tea .filters-panel .v-textfield {
text-align: center;
white-space: normal;
- color: #3e3e3e;
- background-color: #dcdcdc;
+ color: #424242;
+ background-color: #ededed;
border-right-width: 0px;
border-top-width: 0px;
- border-left: 1px solid #c3c3c3;
- border-left-color: #eee;
+ border-left: 1px solid #d4d4d4;
+ border-left-color: #fff;
}
.osbp-tea .filters-panel .v-textfield:focus, .osbp-tea .filters-panel .v-textfield .v-textfield-focus {
@@ -19361,47 +19364,48 @@
color: #3e4127;
border-right-width: 0px;
border-top-width: 0px;
- border-left: 1px solid #c3c3c3;
- border-left-color: #eee;
+ border-left: 1px solid #d4d4d4;
+ border-left-color: #fff;
border-bottom-color: #9ea93f;
}
.osbp-tea .filters-panel .datefilterpopup > .v-button, .osbp-tea .filters-panel .numberfilterpopup > .v-button {
- color: #3e3e3e;
+ color: #424242;
white-space: normal;
- background: #dcdcdc;
+ background: #ededed;
padding-top: 1px;
border-right-width: 0px;
border-top-width: 0px;
border-left-width: 1px;
- border-left-color: #eee;
- border-bottom: 1px solid #c3c3c3;
+ border-left-color: #fff;
+ border-bottom: 1px solid #d4d4d4;
margin-left: 0px;
font-weight: normal;
text-transform: none;
}
-.osbp-tea .filters-panel .datefilterpopup > .v-button:focus, .osbp-tea .filters-panel .numberfilterpopup > .v-button:focus {
+.osbp-tea .filters-panel .datefilterpopup > .v-button:after, .osbp-tea .filters-panel .numberfilterpopup > .v-button:after {
+ border-bottom-width: 0px;
+}
+
+.osbp-tea .filters-panel .datefilterpopup > .v-button:focus, .osbp-tea .filters-panel .datefilterpopup > .v-button:hover, .osbp-tea .filters-panel .numberfilterpopup > .v-button:focus, .osbp-tea .filters-panel .numberfilterpopup > .v-button:hover {
background-color: #ced49f;
color: #3e4127;
border-bottom-color: #9ea93f;
- border-bottom-width: 1px;
- border-left: 1px solid #c3c3c3;
- border-left-color: #eee;
+ border-left: 1px solid #d4d4d4;
+ border-left-color: #fff;
}
.osbp-tea .filters-panel .datefilterpopup > .v-button:focus:after, .osbp-tea .filters-panel .numberfilterpopup > .v-button:focus:after {
border-right-width: 0px;
border-top-width: 0px;
- border-left: 1px solid #c3c3c3;
- border-left-color: #eee;
- border-bottom-width: 1px;
+ border-left: 1px solid #d4d4d4;
+ border-left-color: #fff;
}
.osbp-tea .filters-panel .datefilterpopup > .v-button:hover:after, .osbp-tea .filters-panel .numberfilterpopup > .v-button:hover:after {
- border-bottom-width: 1px;
- border-left: 1px solid #c3c3c3;
- border-left-color: #eee;
+ border-left: 1px solid #d4d4d4;
+ border-left-color: #fff;
}
.osbp-tea .filters-panel .datefilterpopup > .v-button .v-popup-indicator, .osbp-tea .filters-panel .numberfilterpopup > .v-button .v-popup-indicator {
@@ -19418,9 +19422,10 @@
.osbp-tea .filters-panel .datefilterpopup > .v-button .v-button-caption:after, .osbp-tea .filters-panel .numberfilterpopup > .v-button .v-button-caption:after {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
+ line-height: 14px;
content: "\F078";
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.osbp-tea .filters-panel .datefilterpopup > .v-button .v-button-caption:after, .osbp-tea .filters-panel .numberfilterpopup > .v-button .v-button-caption:after {
@@ -19428,58 +19433,64 @@
padding-left: 6px;
}
-.osbp-tea .v-tabsheet-tabsheetpanel .v-panel .v-verticallayout-part {
- border-top: 0px;
-}
-
.osbp-tea .vaadock-tabsheet-button-panel {
float: right;
position: absolute;
- height: 100%;
top: 0px;
right: 0px;
- width: 55px;
- background-color: #dcdcdc;
- height: calc(100% - 1px);
- border-bottom: 1px solid #c3c3c3;
+ width: 48px;
+ height: 100%;
+ background-color: #ededed;
}
.osbp-tea .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-maximize-button {
background: transparent;
border: 0px;
float: right;
- color: #3e3e3e;
}
.osbp-tea .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-maximize-button:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f096";
+ line-height: 22px;
+ content: "\f096" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
+}
+
+.osbp-tea .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-maximize-button:hover:before {
+ color: inherit;
}
.osbp-tea .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-maximize-button:before {
vertical-align: middle;
+ color: #424242;
+ opacity: 0.3;
}
.osbp-tea .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-minimize-button {
background: transparent;
border: 0px;
float: right;
- color: #3e3e3e;
}
.osbp-tea .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-minimize-button:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f147";
+ line-height: 22px;
+ content: "\f147" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
+}
+
+.osbp-tea .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-minimize-button:hover:before {
+ color: inherit;
}
.osbp-tea .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-minimize-button:before {
vertical-align: middle;
+ color: #424242;
+ opacity: 0.3;
}
.osbp-tea .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-restore-button {
@@ -19491,83 +19502,103 @@
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
- color: #3e3e3e;
}
.osbp-tea .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-restore-button:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f24d";
+ line-height: 22px;
+ content: "\f24d" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
+}
+
+.osbp-tea .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-restore-button:hover:before {
+ color: inherit;
}
.osbp-tea .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-restore-button:before {
vertical-align: middle;
+ color: #424242;
+ opacity: 0.3;
}
.osbp-tea .v-tabsheet-scroller {
position: absolute;
top: 0px;
- height: 100%;
- right: 55px;
- border-bottom: 1px solid #c3c3c3;
+ right: 48px;
padding-left: 11px;
- background-color: #dcdcdc;
- background-image: -webkit-linear-gradient(right, #dcdcdc 70%, rgba(250, 250, 250, 0) 100%);
- background-image: linear-gradient(to left,#dcdcdc 70%, rgba(250, 250, 250, 0) 100%);
+ background-color: #ededed;
+ background-image: -webkit-linear-gradient(right, #ededed 70%, rgba(250, 250, 250, 0) 100%);
+ background-image: linear-gradient(to left,#ededed 70%, rgba(250, 250, 250, 0) 100%);
background-color: transparent;
}
+.osbp-tea .v-tabsheet-scroller button {
+ color: #424242;
+ opacity: 0.3;
+}
+
.osbp-tea .v-tabsheet-scroller:after {
display: none;
}
.osbp-tea .v-tabsheet-tabcontainer {
- background: #dcdcdc;
- padding: 0px;
+ background: #ededed;
+ height: 24px;
+ border: 1px solid #d4d4d4;
+ border-bottom-width: 0px;
}
.osbp-tea .v-tabsheet-tabcontainer:before {
- border: 0px;
- border-top: 1px solid #c3c3c3;
+ display: none;
+}
+
+.osbp-tea .v-tabsheet-tabcontainer-l-control {
+ border: none;
+}
+
+.osbp-tea .v-tabsheet-tabcontainer-l-control .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem {
+ border-top-left-radius: 0px;
}
.osbp-tea .v-tabsheet-tabitemcell .v-tabsheet-tabitem {
- background-color: #434343;
- color: #cacaca;
- border-top: 2px solid #434343;
-}
-
-.osbp-tea .v-tabsheet-tabitemcell .v-tabsheet-tabitem .v-icon {
- width: 16px !important;
+ background: #545454;
}
.osbp-tea .v-tabsheet-tabitemcell .v-tabsheet-tabitem .v-caption {
- font-size: 12px;
- color: #cacaca;
+ color: #cfcfcf;
padding-right: 11px;
padding-left: 11px;
+ font-size: 12px;
margin-left: 0px;
+ -moz-transition: unset;
+ -o-transition: unset;
+ -webkit-transition: unset;
+ transition: unset;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border-top: 2px solid #545454;
+ border-bottom: 0px;
}
-.osbp-tea .v-tabsheet-tabitemcell .v-tabsheet-tabitem .v-caption-closable {
- margin-left: 0px;
+.osbp-tea .v-tabsheet-tabitemcell .v-tabsheet-tabitem .v-caption:hover {
+ border-top-color: #9ea93f;
+ color: #282a17;
+}
+
+.osbp-tea .v-tabsheet-tabitemcell .v-tabsheet-tabitem:hover {
+ background: #9ea93f;
}
.osbp-tea .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected {
- border-top: 2px solid #9ea93f;
- background-color: #fbfbfb;
+ background-color: white;
}
.osbp-tea .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected > .v-caption, .osbp-tea .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected > .v-caption.v-caption {
- border: 1px solid #c3c3c3;
- border-bottom-color: #fbfbfb;
- color: #464646;
-}
-
-.osbp-tea .l-control .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem-selected > .v-caption, .osbp-tea .l-control .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem-selected > .v-caption.v-caption {
- border-left-width: 0px;
+ border-top: 2px solid #9ea93f;
+ border-bottom: 0px;
}
.osbp-tea .v-caption-on-top > .v-caption > .v-captiontext {
@@ -19599,12 +19630,17 @@
:root .osbp-tea .v-formlayout-row .v-checkbox > input ~ label:before {
height: 22px;
border: 0px;
- border-bottom: 1px solid #c3c3c3;
- background: #dcdcdc;
+ border-bottom: 1px solid #d4d4d4;
+ background: #ededed;
-webkit-box-shadow: none;
box-shadow: none;
}
+:root .osbp-tea .v-formlayout-row .v-checkbox > input:focus ~ label:before {
+ background-color: #ced49f;
+ border-bottom-color: #9ea93f;
+}
+
:root .osbp-tea .v-formlayout-row .v-checkbox > input ~ label:before, :root .osbp-tea .v-formlayout-row .v-checkbox > input ~ label:after {
margin-top: inherit;
}
@@ -19634,12 +19670,17 @@
.osbp-tea .v-gridlayout-slot .v-checkbox-os-box > input ~ label:before {
height: 22px;
border: 0px;
- border-bottom: 1px solid #c3c3c3;
- background: #dcdcdc;
+ border-bottom: 1px solid #d4d4d4;
+ background: #ededed;
-webkit-box-shadow: none;
box-shadow: none;
}
+.osbp-tea .v-gridlayout-slot .v-checkbox-os-box > input:focus ~ label:before {
+ background-color: #ced49f;
+ border-bottom-color: #9ea93f;
+}
+
.osbp-tea .v-gridlayout-slot .v-checkbox-os-box > input ~ label:before, .osbp-tea .v-gridlayout-slot .v-checkbox-os-box > input ~ label:after {
margin-top: 26px;
}
@@ -19650,7 +19691,7 @@
.osbp-tea select.v-select-select {
color: inherit !important;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
}
.osbp-tea select.v-select-select option:checked {
@@ -19664,10 +19705,11 @@
.osbp-tea .v-panel-os-has-focus {
border-color: #9ea93f;
+ border-width: 1px;
}
.osbp-tea .l-control .v-table {
- border-bottom: 1px solid #c3c3c3;
+ border-bottom: 1px solid #d4d4d4;
}
.osbp-tea .l-control .v-table-header-wrap {
@@ -19680,7 +19722,7 @@
}
.osbp-tea .l-control .v-gridlayout-slot .v-grid-os-box .v-grid-tablewrapper {
- border-top: 1px solid #c3c3c3;
+ border-top: 1px solid #d4d4d4;
}
.osbp-tea .l-control .v-panel, .osbp-tea .toptrimbar .v-panel, .osbp-tea .os-selection-area .v-panel {
@@ -19692,8 +19734,8 @@
}
.osbp-tea .l-control .v-caption-on-top > .v-caption, .osbp-tea .l-control .v-gridlayout-slot > .v-caption, .osbp-tea .toptrimbar .v-caption-on-top > .v-caption, .osbp-tea .toptrimbar .v-gridlayout-slot > .v-caption, .osbp-tea .os-selection-area .v-caption-on-top > .v-caption, .osbp-tea .os-selection-area .v-gridlayout-slot > .v-caption {
- padding-bottom: 1.1px;
- padding-top: 6.6px;
+ padding-bottom: 1px;
+ padding-top: 11px;
}
.osbp-tea .l-control .v-caption-os-has-focus, .osbp-tea .toptrimbar .v-caption-os-has-focus, .osbp-tea .os-selection-area .v-caption-os-has-focus {
@@ -19702,13 +19744,26 @@
}
.osbp-tea .l-control .v-formlayout-captioncell, .osbp-tea .l-control .v-formlayout-errorcell, .osbp-tea .toptrimbar .v-formlayout-captioncell, .osbp-tea .toptrimbar .v-formlayout-errorcell, .osbp-tea .os-selection-area .v-formlayout-captioncell, .osbp-tea .os-selection-area .v-formlayout-errorcell {
- border-bottom: 1px solid #c3c3c3;
+ border-bottom: 1px solid #d4d4d4;
vertical-align: bottom;
}
+.osbp-tea .l-control .v-formlayout-captioncell, .osbp-tea .l-control .v-formlayout-errorcell, .osbp-tea .l-control .v-formlayout-contentcell, .osbp-tea .toptrimbar .v-formlayout-captioncell, .osbp-tea .toptrimbar .v-formlayout-errorcell, .osbp-tea .toptrimbar .v-formlayout-contentcell, .osbp-tea .os-selection-area .v-formlayout-captioncell, .osbp-tea .os-selection-area .v-formlayout-errorcell, .osbp-tea .os-selection-area .v-formlayout-contentcell {
+ padding-top: 0px !important;
+}
+
+.osbp-tea .l-control .v-formlayout-contentcell > .v-customcomponent, .osbp-tea .toptrimbar .v-formlayout-contentcell > .v-customcomponent, .osbp-tea .os-selection-area .v-formlayout-contentcell > .v-customcomponent {
+ width: 100%;
+ border-bottom: 1px solid #d4d4d4;
+}
+
+.osbp-tea .l-control .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp-tea .l-control .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"], .osbp-tea .toptrimbar .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp-tea .toptrimbar .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"], .osbp-tea .os-selection-area .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp-tea .os-selection-area .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"] {
+ border-bottom-width: 0px;
+}
+
.osbp-tea .l-control .v-textfield, .osbp-tea .toptrimbar .v-textfield, .osbp-tea .os-selection-area .v-textfield {
width: 250px;
- background-color: #dcdcdc;
+ background-color: #ededed;
border-top: transparent;
border-left: transparent;
border-right: transparent;
@@ -19724,10 +19779,11 @@
}
.osbp-tea .l-control .v-filterselect-input, .osbp-tea .l-control .v-filterselect [class*="input"], .osbp-tea .toptrimbar .v-filterselect-input, .osbp-tea .toptrimbar .v-filterselect [class*="input"], .osbp-tea .os-selection-area .v-filterselect-input, .osbp-tea .os-selection-area .v-filterselect [class*="input"] {
- background-color: #dcdcdc;
+ background-color: #ededed;
border-top: transparent;
border-left: transparent;
border-right: transparent;
+ border-bottom: 1px solid #d4d4d4;
-webkit-box-shadow: none;
box-shadow: none;
}
@@ -19741,7 +19797,7 @@
border-bottom-color: #9ea93f;
}
-.osbp-tea .l-control .v-filterselect-os-box .v-icon, .osbp-tea .toptrimbar .v-filterselect-os-box .v-icon, .osbp-tea .os-selection-area .v-filterselect-os-box .v-icon {
+.osbp-tea .l-control .v-filterselect.v-widget.os-combobox-with-icon .v-icon, .osbp-tea .l-control .v-filterselect-os-box .v-icon, .osbp-tea .toptrimbar .v-filterselect.v-widget.os-combobox-with-icon .v-icon, .osbp-tea .toptrimbar .v-filterselect-os-box .v-icon, .osbp-tea .os-selection-area .v-filterselect.v-widget.os-combobox-with-icon .v-icon, .osbp-tea .os-selection-area .v-filterselect-os-box .v-icon {
z-index: 999;
}
@@ -19755,11 +19811,11 @@
float: none;
margin-left: 0px;
font-weight: normal;
- color: #3e3e3e;
+ color: #424242;
border-width: 0px;
- background-color: #dcdcdc;
- border-left: 1px solid #c3c3c3;
- border-bottom: 1px solid #c3c3c3;
+ background-color: #ededed;
+ border-left: 1px solid #d4d4d4;
+ border-bottom: 1px solid #d4d4d4;
outline: 0;
height: 22px;
width: 22px !important;
@@ -19769,9 +19825,10 @@
.osbp-tea .l-control .l-beansearchfield button:before, .osbp-tea .toptrimbar .l-beansearchfield button:before, .osbp-tea .os-selection-area .l-beansearchfield button:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f0b0";
+ line-height: 14px;
+ content: "\f0b0" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.osbp-tea .l-control .l-beansearchfield button img, .osbp-tea .toptrimbar .l-beansearchfield button img, .osbp-tea .os-selection-area .l-beansearchfield button img {
@@ -19788,7 +19845,7 @@
}
.osbp-tea .l-control .v-datefield-error .v-datefield-button, .osbp-tea .toptrimbar .v-datefield-error .v-datefield-button, .osbp-tea .os-selection-area .v-datefield-error .v-datefield-button {
- border-color: #c3c3c3 !important;
+ border-color: #d4d4d4 !important;
color: #ed473b;
}
@@ -19801,8 +19858,8 @@
height: 22px;
}
-.osbp-tea .l-control .v-upload-immediate .v-button .v-upload-immediate .v-button, .osbp-tea .toptrimbar .v-upload-immediate .v-button .v-upload-immediate .v-button, .osbp-tea .os-selection-area .v-upload-immediate .v-button .v-upload-immediate .v-button {
- margin-left: 0px;
+.osbp-tea .l-control .v-upload-immediate .v-button, .osbp-tea .toptrimbar .v-upload-immediate .v-button, .osbp-tea .os-selection-area .v-upload-immediate .v-button {
+ height: 22px;
}
.osbp-tea .l-control [class*="margin-bottom"] > tbody > [class*="lastrow"] > td, .osbp-tea .toptrimbar [class*="margin-bottom"] > tbody > [class*="lastrow"] > td, .osbp-tea .os-selection-area [class*="margin-bottom"] > tbody > [class*="lastrow"] > td {
@@ -19814,16 +19871,16 @@
}
.osbp-tea .v-filterselect-os-single-selection {
- color: #3e3e3e;
+ color: #424242;
margin: 7px;
- width: $os-button-width;
+ width: 154px;
}
.osbp-tea .os-multi-selection select.v-select-select {
color: inherit !important;
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
margin: 7px;
- width: $os-button-width;
+ width: 154px;
}
.osbp-tea .os-multi-selection select.v-select-select option:checked {
@@ -19848,30 +19905,22 @@
padding-right: 4px;
}
-.osbp-tea .v-slot-os-username, .osbp-tea .v-slot-os-userposition, .osbp-tea .v-slot-os-useremail {
- font-size: 12px;
-}
-
.osbp-tea .v-slot-os-username .os-username, .osbp-tea .v-slot-os-userposition .os-username, .osbp-tea .v-slot-os-useremail .os-username {
- color: #3e3e3e;
+ color: #424242;
font-weight: bold;
- font-size: 16.8px;
- padding-left: 24px;
+ padding-left: 12px;
line-height: 22px;
- font-size: 12px;
}
.osbp-tea .v-slot-os-username .os-userposition, .osbp-tea .v-slot-os-userposition .os-userposition, .osbp-tea .v-slot-os-useremail .os-userposition {
- color: #3e3e3e;
- font-size: 16.8px;
- padding-left: 24px;
+ color: #424242;
+ padding-left: 12px;
line-height: 22px;
- font-size: 12px;
}
.osbp-tea .v-slot-os-username .os-useremail, .osbp-tea .v-slot-os-userposition .os-useremail, .osbp-tea .v-slot-os-useremail .os-useremail {
font-size: 12px;
- color: #3e3e3e;
+ color: #424242;
}
.osbp-tea .v-slot-os-useremail {
@@ -19880,13 +19929,15 @@
.osbp-tea .os-userlogoutbutton, .osbp-tea .os-usermenubutton {
content: " ";
+ -webkit-box-shadow: none;
+ box-shadow: none;
}
.osbp-tea .os-userlogoutbutton {
background: transparent;
border: 0px;
float: right;
- color: #3e3e3e;
+ color: #424242;
}
.osbp-tea .os-userlogoutbutton:after {
@@ -19895,6 +19946,7 @@
.osbp-tea .os-userlogoutbutton:hover, .osbp-tea .os-userlogoutbutton:focus, .osbp-tea .os-userlogoutbutton:active {
color: #9ea93f;
+ background: transparent;
}
.osbp-tea .os-userlogoutbutton:hover:after {
@@ -19912,9 +19964,10 @@
.osbp-tea .os-userlogoutbutton:after {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
+ line-height: 14px;
content: "\f08b";
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.osbp-tea .os-userlogoutbutton:after {
@@ -19929,7 +19982,7 @@
background: transparent;
border: 0px;
float: right;
- color: #3e3e3e;
+ color: #424242;
}
.osbp-tea .os-usermenubutton:after {
@@ -19938,6 +19991,7 @@
.osbp-tea .os-usermenubutton:hover, .osbp-tea .os-usermenubutton:focus, .osbp-tea .os-usermenubutton:active {
color: #9ea93f;
+ background: transparent;
}
.osbp-tea .os-usermenubutton:hover:after {
@@ -19955,9 +20009,10 @@
.osbp-tea .os-usermenubutton:after {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
+ line-height: 14px;
content: "\f0c9";
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.osbp-tea .os-usermenubutton:after {
@@ -19979,7 +20034,7 @@
.osbp-tea .v-accordion-item {
border-top-width: 0px !important;
- background: #dcdcdc;
+ background: #ededed;
}
.osbp-tea .v-popupbutton-popup-os-usermenubutton.v-popupview-popup {
@@ -20004,7 +20059,7 @@
}
.osbp-tea .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-caption > .v-caption {
- border-top: 1px solid #c3c3c3;
+ border-top: 1px solid #d4d4d4;
border-bottom-width: 0px;
background-image: none;
}
@@ -20018,9 +20073,10 @@
.osbp-tea .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-caption > .v-caption > .v-captiontext:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f138";
+ line-height: 14px;
+ content: "\f138" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.osbp-tea .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-caption > .v-caption > .v-captiontext::before {
@@ -20033,7 +20089,7 @@
.osbp-tea .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-open .v-accordion-item-caption > .v-caption {
background-color: #9ea93f;
- border-top: 1px solid #c3c3c3;
+ border-top: 1px solid #d4d4d4;
border-top-color: #9ea93f;
color: #282a17;
}
@@ -20050,9 +20106,10 @@
.osbp-tea .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-open .v-accordion-item-caption > .v-caption > .v-captiontext:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f13a";
+ line-height: 14px;
+ content: "\f13a" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.osbp-tea .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-open .v-accordion-item-caption > .v-caption > .v-captiontext::before {
@@ -20068,9 +20125,10 @@
.osbp-tea .icon-download:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f019";
+ line-height: 14px;
+ content: "\f019" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.osbp-tea .icon-upload {
@@ -20082,9 +20140,10 @@
.osbp-tea .icon-upload:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f093";
+ line-height: 14px;
+ content: "\f093" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.osbp-tea .icon-chart {
@@ -20099,17 +20158,19 @@
.osbp-tea .icon-chart:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f080";
+ line-height: 14px;
+ content: "\f080" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.osbp-tea .icon-chart:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f201";
+ line-height: 14px;
+ content: "\f201" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.osbp-tea .icon-user {
@@ -20121,9 +20182,10 @@
.osbp-tea .icon-user:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f007";
+ line-height: 14px;
+ content: "\f007" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.osbp-tea .icon-attention {
@@ -20135,9 +20197,10 @@
.osbp-tea .icon-attention:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f071";
+ line-height: 14px;
+ content: "\f071" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.osbp-tea .icon-cancel {
@@ -20149,9 +20212,10 @@
.osbp-tea .icon-cancel:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f08b";
+ line-height: 14px;
+ content: "\f08b" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.osbp-tea .icon-cog {
@@ -20163,13 +20227,14 @@
.osbp-tea .icon-cog:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f013";
+ line-height: 14px;
+ content: "\f013" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.osbp-tea .v-slot-osbpsidebar .v-slot-branding {
- background-color: #dcdcdc;
+ background-color: #ededed;
}
.osbp-tea .v-slot-osbpsidebar .branding {
@@ -20192,7 +20257,7 @@
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
- color: #3e3e3e;
+ color: #424242;
letter-spacing: 0em !important;
min-height: 25px;
display: block;
@@ -20207,11 +20272,11 @@
.osbp-tea .v-slot-osbpsidebar .menu .v-nativebutton {
border: 0px;
width: 100%;
- background-color: #eee;
+ background-color: #fff;
cursor: pointer;
height: 25px;
white-space: inherit;
- border-bottom: 1px solid #c3c3c3;
+ border-bottom: 1px solid #d4d4d4;
font-weight: normal;
text-align: left;
}
@@ -20237,7 +20302,7 @@
.osbp-tea .v-slot-osbpsidebar .user {
display: block;
- background-color: #dcdcdc;
+ background-color: #ededed;
padding: 5px;
}
@@ -20251,7 +20316,7 @@
}
.osbp-tea .v-slot-osbpsidebar .user .v-image {
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
border-width: 0px;
vertical-align: text-top;
border-radius: 22px;
@@ -20261,16 +20326,16 @@
.osbp-tea .v-slot-osbpsidebar .user .v-label {
font-size: 16.8px;
- margin: 7px;
+ padding: 7px;
font-weight: bold;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
- color: #3e3e3e;
+ color: #424242;
line-height: 29.4px;
letter-spacing: 0em !important;
- min-width: $os-button-width;
- color: #3e3e3e;
+ min-width: 154px;
+ color: #424242;
padding-top: 0px;
}
@@ -20287,15 +20352,16 @@
background: transparent;
border: 0px;
float: none;
- color: #3e3e3e;
+ color: #424242;
}
.osbp-tea .v-slot-osbpsidebar .user .v-menubar > .v-menubar-menuitem-icon-cog:before {
font-family: FontAwesome;
font-size: 21px;
line-height: 29.4px;
- content: "\f013";
+ content: "\f013" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.osbp-tea .v-slot-osbpsidebar .user .v-menubar-submenu-indicator + .v-menubar-menuitem-caption:after {
@@ -20304,15 +20370,15 @@
.osbp-tea .v-slot-osbpsidebar .user .v-nativebutton {
font-size: 16.8px;
- color: #3e3e3e;
+ color: #424242;
}
.osbp-tea .v-slot-osbpsidebar .user .icon-cancel:before {
font-size: 16.8px;
- color: #3e3e3e;
+ color: #424242;
font-weight: bold;
line-height: 29.4px;
- color: #434343;
+ color: #474747;
}
.osbp-tea .v-slot-osbpsidebar .user .v-nativebutton-caption {
@@ -20367,34 +20433,24 @@
width: 5%;
}
-.osbp-tea .v-grid .v-grid-tablewrapper .v-grid-header {
- border: 0px;
- height: 22px;
- background-image: none !important;
- font-weight: bold;
-}
-
-.osbp-tea .v-grid .v-grid-tablewrapper .v-grid-header .v-grid-row .v-grid-cell {
+.osbp-tea .v-grid .v-grid-header .v-grid-row .v-grid-cell {
font-size: 12px;
font-weight: bold;
}
-.osbp-tea .v-grid .v-grid-tablewrapper .v-grid-header .v-grid-row .v-grid-cell.filter-header {
- padding: 0px !important;
+.osbp-tea .v-grid .v-grid-cell.filter-header {
height: 22px !important;
+ padding: 0px;
}
-.osbp-tea .v-grid .v-grid-tablewrapper .v-grid-body .v-progressbar .v-progressbar-wrapper {
- outline: 1px solid #c3c3c3;
- outline-color: #eee;
+.osbp-tea .v-grid .v-textfield, .osbp-tea .v-grid .v-datefield > .v-textfield {
+ float: left;
+ width: 100%;
+ height: 22px;
}
-.osbp-tea .v-grid .v-grid-tablewrapper .v-grid-body .v-progressbar .v-progressbar-wrapper .v-progressbar-indicator {
- border: 0px;
-}
-
-.osbp-tea .v-grid .v-grid-scroller::-webkit-scrollbar-thumb {
- border-radius: 0px;
+.osbp-tea .v-grid .v-datefield {
+ top: -1px;
}
.osbp-tea .v-icon.v-grid-cell-boolean {
@@ -20531,7 +20587,7 @@
}
.osbp-tea .orgchart {
- background: #919293 url(layout/img/sidebar-gradient.png) repeat-y top right;
+ background: #919293 url(external/img/sidebar-gradient.png) repeat-y top right;
border: 1px solid grey;
color: grey;
font-weight: bold;
@@ -20540,7 +20596,7 @@
}
.osbp-tea .orgchartNode {
- background: #e1e2e3 url(layout/img/sidebar-gradient.png) repeat-y top right;
+ background: #e1e2e3 url(external/img/sidebar-gradient.png) repeat-y top right;
border-radius: 18px;
border: 4px solid #9edbfb;
padding: 10px !important;
@@ -20558,7 +20614,7 @@
font-weight: normal;
padding: 0.5em 0.5em 1em;
-webkit-font-smoothing: antialiased;
- background: #414243 url(layout/img/sidebar-gradient.png) repeat-y top right;
+ background: #414243 url(external/img/sidebar-gradient.png) repeat-y top right;
overflow: visible;
position: relative;
z-index: 2;
@@ -20733,224 +20789,1492 @@
height: 100%;
}
+.osbp-tea .o-SuggestBoxPopup {
+ z-index: 99999;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent {
+ padding: 2px 2px;
+ border-radius: 0px;
+ background-color: white;
+ color: #474747;
+ -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.3), 0 3px 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.27294);
+ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.3), 0 3px 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.27294);
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ margin-top: 3px !important;
+ margin-bottom: 3px !important;
+ margin-right: 3px !important;
+ cursor: default;
+ width: auto;
+ color: #9ea93f;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent[class*="animate-in"] {
+ -webkit-animation: valo-overlay-animate-in 120ms;
+ -moz-animation: valo-overlay-animate-in 120ms;
+ animation: valo-overlay-animate-in 120ms;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent[class*="animate-out"] {
+ -webkit-animation: valo-animate-out-fade 120ms;
+ -moz-animation: valo-animate-out-fade 120ms;
+ animation: valo-animate-out-fade 120ms;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ margin: 0 auto;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent td {
+ padding: 1px;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel {
+ font-size: 12px;
+ text-align: center;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel:focus {
+ outline: none;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 18px;
+ height: 15px;
+ border: 1px solid transparent;
+ line-height: 15px;
+ text-align: center;
+ font-size: 11px;
+ background: #fafafa;
+ -webkit-transition: color 200ms;
+ -moz-transition: color 200ms;
+ transition: color 200ms;
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day:hover {
+ color: #9ea93f;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day-offmonth {
+ color: #a0a0a0;
+ background: transparent;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day-today {
+ color: #191919;
+ font-weight: 600;
+ border-color: #afafaf;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover {
+ color: #282a17;
+ background: #9ea93f;
+ border: none;
+ font-weight: 600;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+ position: relative;
+}
+
+.v-ie8 .osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
+ border-color: #9ea93f;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover {
+ color: #a0a0a0;
+ cursor: not-allowed;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays {
+ height: 15px;
+ color: rgba(133, 133, 133, 0.85);
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays strong {
+ font: inherit;
+ font-size: 11px;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-header {
+ white-space: nowrap;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent td[class*="year"] button, .osbp-tea .o-SuggestBoxPopup .popupContent td[class*="month"] button {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ border: none;
+ background: transparent;
+ padding: 0;
+ margin: 0;
+ cursor: pointer;
+ color: transparent;
+ font-size: 0;
+ width: 11px;
+ height: 15px;
+ outline: none;
+ position: relative;
+ vertical-align: middle;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent td[class*="year"] button:before, .osbp-tea .o-SuggestBoxPopup .popupContent td[class*="month"] button:before {
+ color: #a0a0a0;
+ font-size: 16px;
+ line-height: 18px;
+ -webkit-transition: color 200ms;
+ -moz-transition: color 200ms;
+ transition: color 200ms;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent td[class*="year"] button:hover:before, .osbp-tea .o-SuggestBoxPopup .popupContent td[class*="month"] button:hover:before {
+ color: #9ea93f;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent td[class*="year"] button.outside-range, .osbp-tea .o-SuggestBoxPopup .popupContent td[class*="month"] button.outside-range {
+ cursor: default;
+ opacity: 0.3;
+ filter: alpha(opacity=30.0) ;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent td[class*="year"] button.outside-range:hover:before, .osbp-tea .o-SuggestBoxPopup .popupContent td[class*="month"] button.outside-range:hover:before {
+ color: #a0a0a0;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent .v-button-prevyear:before {
+ font-family: ThemeIcons;
+ content: "\f100";
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent .v-button-prevmonth:before {
+ font-family: ThemeIcons;
+ content: "\f104";
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent .v-button-nextyear:before {
+ font-family: ThemeIcons;
+ content: "\f101";
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent .v-button-nextmonth:before {
+ font-family: ThemeIcons;
+ content: "\f105";
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-month {
+ width: 88px;
+ color: #9ea93f;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month {
+ width: 44px;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumber, .osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child {
+ width: 18px;
+ color: rgba(133, 133, 133, 0.85);
+ font-size: 11px;
+ display: inline-block;
+ text-align: left;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumber {
+ position: relative;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumbers .v-first:before {
+ content: "";
+ position: absolute;
+ top: 21px;
+ bottom: 0;
+ left: 0;
+ width: 19px;
+ border-top: 1px solid #d4d4d4;
+ border-right: 1px solid #d4d4d4;
+ border-top-right-radius: 0px;
+ border-bottom-left-radius: 0px;
+ background: #fff;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-time {
+ width: 100%;
+ font-size: 11px;
+}
+
+.osbp-tea .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-time .v-label {
+ display: inline;
+ margin: 0 0.1em;
+ font-weight: 400;
+}
+
+.osbp-tea .o-SuggestBoxPopup table {
+ width: 228px;
+}
+
+.osbp-tea .item {
+ color: #474747;
+}
+
+.osbp-tea .item-selected {
+ background-color: #9ea93f;
+ color: #282a17;
+}
+
+.osbp-tea .o-XSuggestBox {
+ background-color: #ededed;
+ height: 22px;
+}
+
+.osbp-tea .o-XSuggestBox > .v-textfield {
+ background-color: #ededed;
+ border-top: transparent;
+ border-left: transparent;
+ border-right: transparent;
+ width: 228px;
+}
+
+.osbp-tea .o-XSuggestBox > .v-textfield:focus {
+ background-color: #ced49f;
+ color: #3e4127;
+}
+
+.osbp-tea .o-XSuggestBox > .v-textfield:hover {
+ border-bottom-color: #9ea93f;
+}
+
+.osbp-tea .o-XSuggestBox .enableSuggestions {
+ cursor: pointer;
+ border-bottom: 1px solid #d4d4d4 !important;
+ height: 21px;
+ text-align: center;
+ width: 22px;
+ background: transparent;
+ border: 0px;
+ float: none;
+ float: right;
+}
+
+.osbp-tea .o-XSuggestBox .enableSuggestions:focus {
+ background-color: #ced49f !important;
+ color: #9ea93f;
+}
+
+.osbp-tea .o-XSuggestBox .enableSuggestions:hover {
+ border-bottom-color: #9ea93f !important;
+}
+
+.osbp-tea .o-XSuggestBox .enableSuggestions:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 14px;
+ content: "\f08d" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
+}
+
+.osbp-tea .o-XSuggestBox .enableSuggestions.selected {
+ background: transparent;
+ border: 0px;
+ float: none;
+ float: right;
+}
+
+.osbp-tea .o-XSuggestBox .enableSuggestions.selected:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 14px;
+ content: "\f002" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
+}
+
.osbp-tea .os-cash-register {
- font-size: 24px !important;
- height: 44px !important;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot, .osbp-tea .os-cash-register .v-slot-l-control {
+ line-height: 21.6px;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout, .osbp-tea .os-cash-register .v-horizontallayout, .osbp-tea .os-cash-register .v-gridlayout {
+ padding: 0px;
+ left: 0px !important;
}
.osbp-tea .os-cash-register .v-button {
- height: 46.2px;
- font-size: 24px;
- margin-bottom: 8px;
+ height: 31.2px;
+ white-space: normal;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-transform: none;
+ min-width: 70.4px;
+ padding: 6.4px;
+ font-size: 21.6px;
}
-.osbp-tea .os-cash-register .os-numkeys .v-button {
- height: 25px;
- padding: 0 10px;
- color: #c6c5c5;
- font-weight: 600;
-
-
- border-radius: 0px;
- border: #323031 #c3c3c3;
- background: #323031;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
- text-transform: uppercase;
- border-color: #323031;
- margin-left: 4px;
- font-size: 24px;
- margin-bottom: 8px;
- height: 88px;
- width: 88px;
- background: #434343;
- border-color: #434343;
- color: #cacaca;
+.osbp-tea .os-cash-register .v-button:before {
+ content: none;
}
-.osbp-tea .os-cash-register .os-numkeys .v-button.v-pressed {
- background: #bbc278 !important;
- border-color: #bbc278 !important;
+.osbp-tea .os-cash-register .v-button .v-button-caption {
+ line-height: 19.2px;
}
-.osbp-tea .os-cash-register .os-numkeys .v-button:after {
- transition: none;
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-1, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-1, .osbp-tea .os-cash-register .os-color-1 .v-button {
+ background: #cc5454;
+ border-color: #cc5454;
+ color: #ebd5d5;
+ margin: 0px;
}
-.osbp-tea .os-cash-register .os-numkeys .v-button:hover {
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-1.v-pressed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-1.v-pressed, .osbp-tea .os-cash-register .os-color-1 .v-button.v-pressed {
+ color: #432020 !important;
+ background: #db8787 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-1.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-1.os-pushed, .osbp-tea .os-cash-register .os-color-1 .v-button.os-pushed {
+ background: #ad4747;
+ color: #532222;
+ -webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-1:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-1:hover, .osbp-tea .os-cash-register .os-color-1 .v-button:hover {
background: #9ea93f;
border-color: #9ea93f;
color: #282a17;
}
-.osbp-tea .os-cash-register .os-numkeys .v-button:focus:after {
- border-color: transparent;
- transition: none;
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-2, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-2, .osbp-tea .os-cash-register .os-color-2 .v-button {
+ background: #ffc15f;
+ border-color: #ffc15f;
+ color: #503812;
+ margin: 0px;
}
-.osbp-tea .os-cash-register .os-numkeys .v-button.v-pressed {
- color: #353721 !important;
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-2.v-pressed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-2.v-pressed, .osbp-tea .os-cash-register .os-color-2 .v-button.v-pressed {
+ color: #5b3f14 !important;
+ background: #ffd38f !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
}
-.osbp-tea .os-cash-register .os-funckeys .v-button, .osbp-tea .os-cash-register .os-extrakeys .v-button {
- min-width: 132px;
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-2.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-2.os-pushed, .osbp-tea .os-cash-register .os-color-2 .v-button.os-pushed {
+ background: #d8a450;
+ color: #8a611f;
+ -webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
}
-.osbp-tea .os-cash-register .os-funckeys .v-button:before, .osbp-tea .os-cash-register .os-extrakeys .v-button:before {
- height: 100%;
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-2:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-2:hover, .osbp-tea .os-cash-register .os-color-2 .v-button:hover {
+ background: #9ea93f;
+ border-color: #9ea93f;
+ color: #282a17;
}
-.osbp-tea .os-cash-register .os-funckeys .v-button img.v-icon, .osbp-tea .os-cash-register .os-extrakeys .v-button img.v-icon {
- height: 87px;
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-3, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-3, .osbp-tea .os-cash-register .os-color-3 .v-button {
+ background: #ff7d42;
+ border-color: #ff7d42;
+ color: #f5ded4;
+ margin: 0px;
}
-.osbp-tea .os-cash-register .os-alphakeys .v-button {
- width: 55px;
- height: 55px;
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-3.v-pressed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-3.v-pressed, .osbp-tea .os-cash-register .os-color-3 .v-button.v-pressed {
+ color: #572813 !important;
+ background: #ffa47a !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
}
-.osbp-tea .os-cash-register.v-disabled {
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-3.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-3.os-pushed, .osbp-tea .os-cash-register .os-color-3 .v-button.os-pushed {
+ background: #d86a38;
+ color: #793618;
+ -webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-3:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-3:hover, .osbp-tea .os-cash-register .os-color-3 .v-button:hover {
+ background: #9ea93f;
+ border-color: #9ea93f;
+ color: #282a17;
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-4, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-4, .osbp-tea .os-cash-register .os-color-4 .v-button {
+ background: #ec64a5;
+ border-color: #ec64a5;
+ color: #f3dae6;
+ margin: 0px;
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-4.v-pressed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-4.v-pressed, .osbp-tea .os-cash-register .os-color-4 .v-button.v-pressed {
+ color: #511b35 !important;
+ background: #f192c0 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-4.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-4.os-pushed, .osbp-tea .os-cash-register .os-color-4 .v-button.os-pushed {
+ background: #c8558c;
+ color: #77274d;
+ -webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-4:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-4:hover, .osbp-tea .os-cash-register .os-color-4 .v-button:hover {
+ background: #9ea93f;
+ border-color: #9ea93f;
+ color: #282a17;
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-5, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-5, .osbp-tea .os-cash-register .os-color-5 .v-button {
+ background: #24dcd4;
+ border-color: #24dcd4;
+ color: #133433;
+ margin: 0px;
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-5.v-pressed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-5.v-pressed, .osbp-tea .os-cash-register .os-color-5 .v-button.v-pressed {
+ color: #194442 !important;
+ background: #65e6e0 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-5.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-5.os-pushed, .osbp-tea .os-cash-register .os-color-5 .v-button.os-pushed {
+ background: #1ebbb4;
+ color: #0c4d4a;
+ -webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-5:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-5:hover, .osbp-tea .os-cash-register .os-color-5 .v-button:hover {
+ background: #9ea93f;
+ border-color: #9ea93f;
+ color: #282a17;
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-6, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-6, .osbp-tea .os-cash-register .os-color-6 .v-button {
+ background: #3090f0;
+ border-color: #3090f0;
+ color: #cfe0f1;
+ margin: 0px;
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-6.v-pressed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-6.v-pressed, .osbp-tea .os-cash-register .os-color-6 .v-button.v-pressed {
+ color: #dde9f5 !important;
+ background: #6eb1f4 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-6.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-6.os-pushed, .osbp-tea .os-cash-register .os-color-6 .v-button.os-pushed {
+ background: #287acc;
+ color: #133a61;
+ -webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-6:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-6:hover, .osbp-tea .os-cash-register .os-color-6 .v-button:hover {
+ background: #9ea93f;
+ border-color: #9ea93f;
+ color: #282a17;
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-7, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-7, .osbp-tea .os-cash-register .os-color-7 .v-button {
+ background: #685cb0;
+ border-color: #685cb0;
+ color: #d8d6e5;
+ margin: 0px;
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-7.v-pressed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-7.v-pressed, .osbp-tea .os-cash-register .os-color-7 .v-button.v-pressed {
+ color: #e3e2ec !important;
+ background: #958cc7 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-7.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-7.os-pushed, .osbp-tea .os-cash-register .os-color-7 .v-button.os-pushed {
+ background: #584e95;
+ color: #272241;
+ -webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-7:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-7:hover, .osbp-tea .os-cash-register .os-color-7 .v-button:hover {
+ background: #9ea93f;
+ border-color: #9ea93f;
+ color: #282a17;
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-8, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-8, .osbp-tea .os-cash-register .os-color-8 .v-button {
+ background: #4caf6a;
+ border-color: #4caf6a;
+ color: #d2e4d7;
+ margin: 0px;
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-8.v-pressed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-8.v-pressed, .osbp-tea .os-cash-register .os-color-8 .v-button.v-pressed {
+ color: #233929 !important;
+ background: #81c796 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-8.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-8.os-pushed, .osbp-tea .os-cash-register .os-color-8 .v-button.os-pushed {
+ background: #40945a;
+ color: #1a3b24;
+ -webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-8:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-8:hover, .osbp-tea .os-cash-register .os-color-8 .v-button:hover {
+ background: #9ea93f;
+ border-color: #9ea93f;
+ color: #282a17;
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-9, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-9, .osbp-tea .os-cash-register .os-color-9 .v-button {
+ background: #99df58;
+ border-color: #99df58;
+ color: #2b3e19;
+ margin: 0px;
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-9.v-pressed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-9.v-pressed, .osbp-tea .os-cash-register .os-color-9 .v-button.v-pressed {
+ color: #334a1e !important;
+ background: #b7e88a !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-9.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-9.os-pushed, .osbp-tea .os-cash-register .os-color-9 .v-button.os-pushed {
+ background: #82bd4a;
+ color: #436324;
+ -webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-9:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-9:hover, .osbp-tea .os-cash-register .os-color-9 .v-button:hover {
+ background: #9ea93f;
+ border-color: #9ea93f;
+ color: #282a17;
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-10, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-10, .osbp-tea .os-cash-register .os-color-10 .v-button {
+ background: #ededed;
+ border-color: #ededed;
+ color: #424242;
+ margin: 0px;
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-10.v-pressed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-10.v-pressed, .osbp-tea .os-cash-register .os-color-10 .v-button.v-pressed {
+ color: #444444 !important;
+ background: #f2f2f2 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-10.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-10.os-pushed, .osbp-tea .os-cash-register .os-color-10 .v-button.os-pushed {
+ background: #c9c9c9;
+ color: #898989;
+ -webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-10:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-10:hover, .osbp-tea .os-cash-register .os-color-10 .v-button:hover {
+ background: #9ea93f;
+ border-color: #9ea93f;
+ color: #282a17;
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-11, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-11, .osbp-tea .os-cash-register .os-color-11 .v-button {
+ background: #a1a1a1;
+ border-color: #a1a1a1;
+ color: #2d2d2d;
+ margin: 0px;
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-11.v-pressed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-11.v-pressed, .osbp-tea .os-cash-register .os-color-11 .v-button.v-pressed {
+ color: #353535 !important;
+ background: #bdbdbd !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-11.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-11.os-pushed, .osbp-tea .os-cash-register .os-color-11 .v-button.os-pushed {
+ background: #888888;
+ color: #484848;
+ -webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-11:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-11:hover, .osbp-tea .os-cash-register .os-color-11 .v-button:hover {
+ background: #9ea93f;
+ border-color: #9ea93f;
+ color: #282a17;
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-12, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-12, .osbp-tea .os-cash-register .os-color-12 .v-button {
+ background: #545454;
+ border-color: #545454;
+ color: #cfcfcf;
+ margin: 0px;
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-12.v-pressed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-12.v-pressed, .osbp-tea .os-cash-register .os-color-12 .v-button.v-pressed {
+ color: #dddddd !important;
+ background: #878787 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-12.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-12.os-pushed, .osbp-tea .os-cash-register .os-color-12 .v-button.os-pushed {
+ background: #474747;
+ color: #878787;
+ -webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-12:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-12:hover, .osbp-tea .os-cash-register .os-color-12 .v-button:hover {
+ background: #9ea93f;
+ border-color: #9ea93f;
+ color: #282a17;
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-13, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-13, .osbp-tea .os-cash-register .os-color-13 .v-button {
+ background: white;
+ border-color: white;
+ color: #474747;
+ margin: 0px;
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-13.v-pressed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-13.v-pressed, .osbp-tea .os-cash-register .os-color-13 .v-button.v-pressed {
+ color: !important;
+ background: white !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-13.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-13.os-pushed, .osbp-tea .os-cash-register .os-color-13 .v-button.os-pushed {
+ background: #d8d8d8;
+ color: #989898;
+ -webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-13:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-13:hover, .osbp-tea .os-cash-register .os-color-13 .v-button:hover {
+ background: #9ea93f;
+ border-color: #9ea93f;
+ color: #282a17;
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-14, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-14, .osbp-tea .os-cash-register .os-color-14 .v-button {
+ background: #323031;
+ border-color: #323031;
+ color: #c6c5c5;
+ margin: 0px;
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-14.v-pressed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-14.v-pressed, .osbp-tea .os-cash-register .os-color-14 .v-button.v-pressed {
+ color: #d7d6d6 !important;
+ background: #6f6e6e !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-14.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-14.os-pushed, .osbp-tea .os-cash-register .os-color-14 .v-button.os-pushed {
+ background: #2a2829;
+ color: #6b6669;
+ -webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-14:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-14:hover, .osbp-tea .os-cash-register .os-color-14 .v-button:hover {
+ background: #9ea93f;
+ border-color: #9ea93f;
+ color: #282a17;
+}
+
+.osbp-tea .os-cash-register .os-button-with-image .v-button {
+ background: #cc5353;
+ border-color: #cc5353;
+ color: #ebd5d5;
+ margin: 0px;
+}
+
+.osbp-tea .os-cash-register .os-button-with-image .v-button.v-pressed {
+ color: #432020 !important;
+ background: #db8686 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .os-button-with-image .v-button.os-pushed {
+ background: #ad4646;
+ color: #522121;
+ -webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp-tea .os-cash-register .os-button-with-image .v-button:hover {
+ background: #9ea93f;
+ border-color: #9ea93f;
+ color: #282a17;
+}
+
+.osbp-tea .os-cash-register .v-textfield, .osbp-tea .os-cash-register .v-datefield, .osbp-tea .os-cash-register .o-XSuggestBox {
+ font-size: 19.2px;
+ height: 35.2px;
+}
+
+.osbp-tea .os-cash-register .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-textfield.v-disabled > .v-textfield, .osbp-tea .os-cash-register .v-datefield.v-disabled, .osbp-tea .os-cash-register .v-datefield.v-disabled > .v-textfield, .osbp-tea .os-cash-register .o-XSuggestBox.v-disabled, .osbp-tea .os-cash-register .o-XSuggestBox.v-disabled > .v-textfield {
background-color: transparent;
opacity: 0.75;
}
-.osbp-tea .os-cash-register .os-no-padding {
- padding: 0px;
+.osbp-tea .os-cash-register .v-textarea {
+ font-size: 19.2px;
}
-.osbp-tea .os-cash-register .o-XSuggestBox {
- font-size: 24px !important;
- height: 44px !important;
-}
-
-.osbp-tea .os-cash-register .o-XSuggestBox.v-disabled {
+.osbp-tea .os-cash-register .v-textarea.v-disabled, .osbp-tea .os-cash-register .v-textarea.v-disabled > .v-textfield {
background-color: transparent;
opacity: 0.75;
}
-.osbp-tea .os-cash-register .o-SuggestBoxPopup .popupContent table td.item {
- font-size: 24px !important;
- height: 44px !important;
+.osbp-tea .os-cash-register .v-textarea.os-monospace {
+ font-size: 9.6px;
}
-.osbp-tea .os-cash-register .o-SuggestBoxPopup .popupContent table td.item.v-disabled {
- background-color: transparent;
- opacity: 0.75;
+.osbp-tea .os-cash-register .o-XSuggestBox .enableSuggestions {
+ height: 34.2px;
+ width: 35.2px;
+ background: transparent;
+ border: 0px;
+ float: none;
+ float: right;
}
-.osbp-tea .os-cash-register .v-textfield {
- font-size: 24px !important;
- height: 44px !important;
+.osbp-tea .os-cash-register .o-XSuggestBox .enableSuggestions:before {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 35.2px;
+ content: "\f08d" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
-.osbp-tea .os-cash-register .v-textfield.v-disabled {
- background-color: transparent;
- opacity: 0.75;
+.osbp-tea .os-cash-register .o-XSuggestBox .enableSuggestions.selected {
+ background: transparent;
+ border: 0px;
+ float: none;
+ float: right;
}
-.osbp-tea .os-cash-register .os-cash-total .v-textfield, .osbp-tea .os-cash-register .os-cash-total .v-caption {
+.osbp-tea .os-cash-register .o-XSuggestBox .enableSuggestions.selected:before {
+ font-family: FontAwesome;
+ font-size: 21px;
+ line-height: 35.2px;
+ content: "\f002" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
+}
+
+.osbp-tea .os-cash-register .v-textfield, .osbp-tea .os-cash-register .v-datefield, .osbp-tea .os-cash-register .o-XSuggestBox {
+ width: 148px;
+}
+
+.osbp-tea .os-cash-register .o-XSuggestBox > .v-textfield, .osbp-tea .os-cash-register .o-XSuggestBox > .v-datefield {
+ width: 112.8px !important;
+}
+
+.osbp-tea .os-cash-register .v-textfield, .osbp-tea .os-cash-register .v-datefield, .osbp-tea .os-cash-register .o-XSuggestBox {
+ width: 148px;
+}
+
+.osbp-tea .os-cash-register .o-XSuggestBox > .v-textfield, .osbp-tea .os-cash-register .o-XSuggestBox > .v-datefield {
+ width: 112.8px !important;
+}
+
+.osbp-tea .os-cash-register .os-span-h-half.v-textfield, .osbp-tea .os-cash-register .os-span-h-half.v-datefield, .osbp-tea .os-cash-register .os-span-h-half.o-XSuggestBox {
+ width: 70px;
+}
+
+.osbp-tea .os-cash-register .os-span-h-half.o-XSuggestBox > .v-textfield, .osbp-tea .os-cash-register .os-span-h-half.o-XSuggestBox > .v-datefield {
+ width: 34.8px !important;
+}
+
+.osbp-tea .os-cash-register .os-span-h-single.v-textfield, .osbp-tea .os-cash-register .os-span-h-single.v-datefield, .osbp-tea .os-cash-register .os-span-h-single.o-XSuggestBox {
+ width: 148px;
+}
+
+.osbp-tea .os-cash-register .os-span-h-single.o-XSuggestBox > .v-textfield, .osbp-tea .os-cash-register .os-span-h-single.o-XSuggestBox > .v-datefield {
+ width: 112.8px !important;
+}
+
+.osbp-tea .os-cash-register .os-span-h-double.v-textfield, .osbp-tea .os-cash-register .os-span-h-double.v-datefield, .osbp-tea .os-cash-register .os-span-h-double.o-XSuggestBox {
+ width: 304px;
+}
+
+.osbp-tea .os-cash-register .os-span-h-double.o-XSuggestBox > .v-textfield, .osbp-tea .os-cash-register .os-span-h-double.o-XSuggestBox > .v-datefield {
+ width: 268.79999px !important;
+}
+
+.osbp-tea .os-cash-register .os-span-h-triple.v-textfield, .osbp-tea .os-cash-register .os-span-h-triple.v-datefield, .osbp-tea .os-cash-register .os-span-h-triple.o-XSuggestBox {
+ width: 460px;
+}
+
+.osbp-tea .os-cash-register .os-span-h-triple.o-XSuggestBox > .v-textfield, .osbp-tea .os-cash-register .os-span-h-triple.o-XSuggestBox > .v-datefield {
+ width: 424.79999px !important;
+}
+
+.osbp-tea .os-cash-register .os-span-h-quad.v-textfield, .osbp-tea .os-cash-register .os-span-h-quad.v-datefield, .osbp-tea .os-cash-register .os-span-h-quad.o-XSuggestBox {
+ width: 616px;
+}
+
+.osbp-tea .os-cash-register .os-span-h-quad.o-XSuggestBox > .v-textfield, .osbp-tea .os-cash-register .os-span-h-quad.o-XSuggestBox > .v-datefield {
+ width: 580.79999px !important;
+}
+
+.osbp-tea .os-cash-register .v-button.os-span-h-single {
+ width: 70.4px !important;
+}
+
+.osbp-tea .os-cash-register .v-button.os-span-h-single img.v-icon {
+ max-width: 68.4px !important;
+}
+
+.osbp-tea .os-cash-register .v-button.os-span-h-odd {
+ width: 109.60001px !important;
+}
+
+.osbp-tea .os-cash-register .v-button.os-span-h-odd img.v-icon {
+ max-width: 103.60001px !important;
+}
+
+.osbp-tea .os-cash-register .v-button.os-span-h-double {
+ width: 148.8px !important;
+}
+
+.osbp-tea .os-cash-register .v-button.os-span-h-double img.v-icon {
+ max-width: 138.8px !important;
+}
+
+.osbp-tea .os-cash-register .v-button.os-span-h-triple {
+ width: 227.20001px !important;
+}
+
+.osbp-tea .os-cash-register .v-button.os-span-h-triple img.v-icon {
+ max-width: 209.20001px !important;
+}
+
+.osbp-tea .os-cash-register .v-button.os-span-h-quad {
+ width: 305.60001px !important;
+}
+
+.osbp-tea .os-cash-register .v-button.os-span-h-quad img.v-icon {
+ max-width: 279.60001px !important;
+}
+
+.osbp-tea .os-cash-register .v-button.os-span-v-single {
+ height: 31.2px !important;
+}
+
+.osbp-tea .os-cash-register .v-button.os-span-v-single img.v-icon {
+ max-height: 33.2px !important;
+}
+
+.osbp-tea .os-cash-register .v-button.os-span-v-double {
+ height: 70.4px !important;
+}
+
+.osbp-tea .os-cash-register .v-button.os-span-v-double img.v-icon {
+ max-height: 68.4px !important;
+}
+
+.osbp-tea .os-cash-register .v-button.os-span-v-triple {
+ height: 109.60001px !important;
+}
+
+.osbp-tea .os-cash-register .v-button.os-span-v-triple img.v-icon {
+ max-height: 103.60001px !important;
+}
+
+.osbp-tea .os-cash-register .v-button.os-span-v-quad {
+ height: 148.8px !important;
+}
+
+.osbp-tea .os-cash-register .v-button.os-span-v-quad img.v-icon {
+ max-height: 138.8px !important;
+}
+
+.osbp-tea .os-cash-register .os-field-h-half .v-textfield, .osbp-tea .os-cash-register .os-field-h-half .v-datefield, .osbp-tea .os-cash-register .os-field-h-half .o-XSuggestBox {
+ width: 70px;
+}
+
+.osbp-tea .os-cash-register .os-field-h-half .o-XSuggestBox > .v-textfield, .osbp-tea .os-cash-register .os-field-h-half .o-XSuggestBox > .v-datefield {
+ width: 34.8px !important;
+}
+
+.osbp-tea .os-cash-register .os-button-h-single {
+ margin: 0px;
+}
+
+.osbp-tea .os-cash-register .os-button-h-single > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-h-single .v-button {
+ width: 70.4px;
+}
+
+.osbp-tea .os-cash-register .os-button-h-single > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-h-single .v-button img.v-icon {
+ max-width: 68.4px;
+}
+
+.osbp-tea .os-cash-register .os-table-h-single .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .os-table-h-single .v-table-header-wrap, .osbp-tea .os-cash-register .v-table.os-span-h-single .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .v-table.os-span-h-single .v-table-header-wrap {
+ width: 226px !important;
+}
+
+.osbp-tea .os-cash-register .os-table-h-single.v-table.v-widget, .osbp-tea .os-cash-register .v-table.os-span-h-single.v-widget {
+ width: auto !important;
+}
+
+.osbp-tea .os-cash-register .os-button-h-odd {
+ margin: 0px;
+}
+
+.osbp-tea .os-cash-register .os-button-h-odd > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-h-odd .v-button {
+ width: 109.60001px;
+}
+
+.osbp-tea .os-cash-register .os-button-h-odd > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-h-odd .v-button img.v-icon {
+ max-width: 103.60001px;
+}
+
+.osbp-tea .os-cash-register .os-field-h-double .v-textfield, .osbp-tea .os-cash-register .os-field-h-double .v-datefield, .osbp-tea .os-cash-register .os-field-h-double .o-XSuggestBox {
+ width: 304px;
+}
+
+.osbp-tea .os-cash-register .os-field-h-double .o-XSuggestBox > .v-textfield, .osbp-tea .os-cash-register .os-field-h-double .o-XSuggestBox > .v-datefield {
+ width: 268.79999px !important;
+}
+
+.osbp-tea .os-cash-register .os-field-h-double .v-textarea, .osbp-tea .os-cash-register .os-field-h-double.v-textarea {
+ width: 304px;
+}
+
+.osbp-tea .os-cash-register .os-table-h-double .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .os-table-h-double .v-table-header-wrap, .osbp-tea .os-cash-register .v-table.os-span-h-double .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .v-table.os-span-h-double .v-table-header-wrap {
+ width: 460px !important;
+}
+
+.osbp-tea .os-cash-register .os-table-h-double.v-table.v-widget, .osbp-tea .os-cash-register .v-table.os-span-h-double.v-widget {
+ width: auto !important;
+}
+
+.osbp-tea .os-cash-register .os-button-h-double {
+ margin: 0px;
+}
+
+.osbp-tea .os-cash-register .os-button-h-double > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-h-double .v-button {
+ width: 148.8px;
+}
+
+.osbp-tea .os-cash-register .os-button-h-double > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-h-double .v-button img.v-icon {
+ max-width: 138.8px;
+}
+
+.osbp-tea .os-cash-register .os-field-h-triple .v-textfield, .osbp-tea .os-cash-register .os-field-h-triple .v-datefield, .osbp-tea .os-cash-register .os-field-h-triple .o-XSuggestBox {
+ width: 460px;
+}
+
+.osbp-tea .os-cash-register .os-field-h-triple .o-XSuggestBox > .v-textfield, .osbp-tea .os-cash-register .os-field-h-triple .o-XSuggestBox > .v-datefield {
+ width: 424.79999px !important;
+}
+
+.osbp-tea .os-cash-register .os-field-h-triple .v-textarea, .osbp-tea .os-cash-register .os-field-h-triple.v-textarea {
+ width: 460px;
+}
+
+.osbp-tea .os-cash-register .os-table-h-triple .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .os-table-h-triple .v-table-header-wrap, .osbp-tea .os-cash-register .v-table.os-span-h-triple .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .v-table.os-span-h-triple .v-table-header-wrap {
+ width: 702px !important;
+}
+
+.osbp-tea .os-cash-register .os-table-h-triple.v-table.v-widget, .osbp-tea .os-cash-register .v-table.os-span-h-triple.v-widget {
+ width: auto !important;
+}
+
+.osbp-tea .os-cash-register .os-button-h-triple {
+ margin: 0px;
+}
+
+.osbp-tea .os-cash-register .os-button-h-triple > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-h-triple .v-button {
+ width: 227.20001px;
+}
+
+.osbp-tea .os-cash-register .os-button-h-triple > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-h-triple .v-button img.v-icon {
+ max-width: 209.20001px;
+}
+
+.osbp-tea .os-cash-register .os-field-h-quad .v-textfield, .osbp-tea .os-cash-register .os-field-h-quad .v-datefield, .osbp-tea .os-cash-register .os-field-h-quad .o-XSuggestBox {
+ width: 616px;
+}
+
+.osbp-tea .os-cash-register .os-field-h-quad .o-XSuggestBox > .v-textfield, .osbp-tea .os-cash-register .os-field-h-quad .o-XSuggestBox > .v-datefield {
+ width: 580.79999px !important;
+}
+
+.osbp-tea .os-cash-register .os-field-h-quad .v-textarea, .osbp-tea .os-cash-register .os-field-h-quad.v-textarea {
+ width: 616px;
+}
+
+.osbp-tea .os-cash-register .os-table-h-quad .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .os-table-h-quad .v-table-header-wrap, .osbp-tea .os-cash-register .v-table.os-span-h-quad .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .v-table.os-span-h-quad .v-table-header-wrap {
+ width: 952px !important;
+}
+
+.osbp-tea .os-cash-register .os-table-h-quad.v-table.v-widget, .osbp-tea .os-cash-register .v-table.os-span-h-quad.v-widget {
+ width: auto !important;
+}
+
+.osbp-tea .os-cash-register .os-button-h-quad {
+ margin: 0px;
+}
+
+.osbp-tea .os-cash-register .os-button-h-quad > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-h-quad .v-button {
+ width: 305.60001px;
+}
+
+.osbp-tea .os-cash-register .os-button-h-quad > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-h-quad .v-button img.v-icon {
+ max-width: 279.60001px;
+}
+
+.osbp-tea .os-cash-register .os-field-v-single .v-textarea, .osbp-tea .os-cash-register .os-field-v-single.v-textarea {
+ height: 148.8px;
+}
+
+.osbp-tea .os-cash-register .os-table-v-single .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .os-span-v-single .v-table-body-wrapper.v-scrollable {
+ height: 124.8px !important;
+}
+
+.osbp-tea .os-cash-register .os-table-v-single.v-table.v-widget, .osbp-tea .os-cash-register .os-span-v-single.v-table.v-widget {
+ height: auto !important;
+}
+
+.osbp-tea .os-cash-register .os-table-v-single .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .v-caption-on-top .v-table.os-span-v-single .v-table-body-wrapper.v-scrollable {
+ height: 87.60001px !important;
+}
+
+.osbp-tea .os-cash-register .os-table-v-single .v-caption-on-top.v-table.v-widget, .osbp-tea .os-cash-register .v-caption-on-top .v-table.os-span-v-single.v-widget {
+ height: auto !important;
+}
+
+.osbp-tea .os-cash-register .os-button-v-single {
+ margin: 0px;
+}
+
+.osbp-tea .os-cash-register .os-button-v-single > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-v-single .v-button {
+ height: 31.2px;
+}
+
+.osbp-tea .os-cash-register .os-button-v-single > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-v-single .v-button img.v-icon {
+ max-height: 33.2px;
+}
+
+.osbp-tea .os-cash-register .os-button-v-single.os-font-flex > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-v-single .os-font-flex .v-button {
+ height: 31.2px;
+ font-size: 16px;
+}
+
+.osbp-tea .os-cash-register .os-button-v-single.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-v-single .os-font-flex .v-button img.v-icon {
+ max-height: 33.2px;
+}
+
+.osbp-tea .os-cash-register .os-button-v-single .os-font-flex.v-button {
+ height: 31.2px !important;
+ font-size: 16px;
+}
+
+.osbp-tea .os-cash-register .os-button-v-single .os-font-flex.v-button img.v-icon {
+ max-height: 33.2px !important;
+}
+
+.osbp-tea .os-cash-register .os-field-v-double .v-textarea, .osbp-tea .os-cash-register .os-field-v-double.v-textarea {
+ height: 305.60001px;
+}
+
+.osbp-tea .os-cash-register .os-field-v-double .v-caption-on-top .v-textarea, .osbp-tea .os-cash-register .os-field-v-double .v-caption-on-top.v-textarea {
+ height: 305.60001px;
+}
+
+.osbp-tea .os-cash-register .os-table-v-double .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .os-span-v-double .v-table-body-wrapper.v-scrollable {
+ height: 281.60001px !important;
+}
+
+.osbp-tea .os-cash-register .os-table-v-double.v-table.v-widget, .osbp-tea .os-cash-register .os-span-v-double.v-table.v-widget {
+ height: auto !important;
+}
+
+.osbp-tea .os-cash-register .os-table-v-double .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .v-caption-on-top .v-table.os-span-v-double .v-table-body-wrapper.v-scrollable {
+ height: 244.39999px !important;
+}
+
+.osbp-tea .os-cash-register .os-table-v-double .v-caption-on-top.v-table.v-widget, .osbp-tea .os-cash-register .v-caption-on-top .v-table.os-span-v-double.v-widget {
+ height: auto !important;
+}
+
+.osbp-tea .os-cash-register .os-button-v-double {
+ margin: 0px;
+}
+
+.osbp-tea .os-cash-register .os-button-v-double > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-v-double .v-button {
+ height: 70.4px;
+}
+
+.osbp-tea .os-cash-register .os-button-v-double > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-v-double .v-button img.v-icon {
+ max-height: 68.4px;
+}
+
+.osbp-tea .os-cash-register .os-button-v-double.os-font-flex > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-v-double .os-font-flex .v-button {
+ height: 70.4px;
+ font-size: 39.2px;
+}
+
+.osbp-tea .os-cash-register .os-button-v-double.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-v-double .os-font-flex .v-button img.v-icon {
+ max-height: 68.4px;
+}
+
+.osbp-tea .os-cash-register .os-button-v-double .os-font-flex.v-button {
+ height: 70.4px !important;
+ font-size: 39.2px;
+}
+
+.osbp-tea .os-cash-register .os-button-v-double .os-font-flex.v-button img.v-icon {
+ max-height: 68.4px !important;
+}
+
+.osbp-tea .os-cash-register .os-field-v-triple .v-textarea, .osbp-tea .os-cash-register .os-field-v-triple.v-textarea {
+ height: 462.40002px;
+}
+
+.osbp-tea .os-cash-register .os-field-v-triple .v-caption-on-top .v-textarea, .osbp-tea .os-cash-register .os-field-v-triple .v-caption-on-top.v-textarea {
+ height: 462.40002px;
+}
+
+.osbp-tea .os-cash-register .os-table-v-triple .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .os-span-v-triple .v-table-body-wrapper.v-scrollable {
+ height: 438.40002px !important;
+}
+
+.osbp-tea .os-cash-register .os-table-v-triple.v-table.v-widget, .osbp-tea .os-cash-register .os-span-v-triple.v-table.v-widget {
+ height: auto !important;
+}
+
+.osbp-tea .os-cash-register .os-table-v-triple .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .v-caption-on-top .v-table.os-span-v-triple .v-table-body-wrapper.v-scrollable {
+ height: 401.20001px !important;
+}
+
+.osbp-tea .os-cash-register .os-table-v-triple .v-caption-on-top.v-table.v-widget, .osbp-tea .os-cash-register .v-caption-on-top .v-table.os-span-v-triple.v-widget {
+ height: auto !important;
+}
+
+.osbp-tea .os-cash-register .os-button-v-triple {
+ margin: 0px;
+}
+
+.osbp-tea .os-cash-register .os-button-v-triple > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-v-triple .v-button {
+ height: 109.60001px;
+}
+
+.osbp-tea .os-cash-register .os-button-v-triple > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-v-triple .v-button img.v-icon {
+ max-height: 103.60001px;
+}
+
+.osbp-tea .os-cash-register .os-button-v-triple.os-font-flex > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-v-triple .os-font-flex .v-button {
+ height: 109.60001px;
+ font-size: 78.40001px;
+}
+
+.osbp-tea .os-cash-register .os-button-v-triple.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-v-triple .os-font-flex .v-button img.v-icon {
+ max-height: 103.60001px;
+}
+
+.osbp-tea .os-cash-register .os-button-v-triple .os-font-flex.v-button {
+ height: 109.60001px !important;
+ font-size: 78.40001px;
+}
+
+.osbp-tea .os-cash-register .os-button-v-triple .os-font-flex.v-button img.v-icon {
+ max-height: 103.60001px !important;
+}
+
+.osbp-tea .os-cash-register .os-field-v-quad .v-textarea, .osbp-tea .os-cash-register .os-field-v-quad.v-textarea {
+ height: 619.20001px;
+}
+
+.osbp-tea .os-cash-register .os-field-v-quad .v-caption-on-top .v-textarea, .osbp-tea .os-cash-register .os-field-v-quad .v-caption-on-top.v-textarea {
+ height: 619.20001px;
+}
+
+.osbp-tea .os-cash-register .os-table-v-quad .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .os-span-v-quad .v-table-body-wrapper.v-scrollable {
+ height: 595.20001px !important;
+}
+
+.osbp-tea .os-cash-register .os-table-v-quad.v-table.v-widget, .osbp-tea .os-cash-register .os-span-v-quad.v-table.v-widget {
+ height: auto !important;
+}
+
+.osbp-tea .os-cash-register .os-table-v-quad .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .v-caption-on-top .v-table.os-span-v-quad .v-table-body-wrapper.v-scrollable {
+ height: 558px !important;
+}
+
+.osbp-tea .os-cash-register .os-table-v-quad .v-caption-on-top.v-table.v-widget, .osbp-tea .os-cash-register .v-caption-on-top .v-table.os-span-v-quad.v-widget {
+ height: auto !important;
+}
+
+.osbp-tea .os-cash-register .os-button-v-quad {
+ margin: 0px;
+}
+
+.osbp-tea .os-cash-register .os-button-v-quad > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-v-quad .v-button {
+ height: 148.8px;
+}
+
+.osbp-tea .os-cash-register .os-button-v-quad > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-v-quad .v-button img.v-icon {
+ max-height: 138.8px;
+}
+
+.osbp-tea .os-cash-register .os-button-v-quad.os-font-flex > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-v-quad .os-font-flex .v-button {
+ height: 148.8px;
+ font-size: 117.60001px;
+}
+
+.osbp-tea .os-cash-register .os-button-v-quad.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-v-quad .os-font-flex .v-button img.v-icon {
+ max-height: 138.8px;
+}
+
+.osbp-tea .os-cash-register .os-button-v-quad .os-font-flex.v-button {
+ height: 148.8px !important;
+ font-size: 117.60001px;
+}
+
+.osbp-tea .os-cash-register .os-button-v-quad .os-font-flex.v-button img.v-icon {
+ max-height: 138.8px !important;
+}
+
+.osbp-tea .os-cash-register .os-cash-total .v-textfield, .osbp-tea .os-cash-register .os-cash-total .v-caption, .osbp-tea .os-cash-register .os-cash-xl .v-textfield, .osbp-tea .os-cash-register .os-cash-xl .v-caption {
font-weight: bold;
}
-.osbp-tea .os-cash-register .os-cash-total .v-formlayout > table {
+.osbp-tea .os-cash-register .os-cash-total .v-captiontext, .osbp-tea .os-cash-register .os-cash-xl .v-captiontext {
+ font-weight: normal;
+}
+
+.osbp-tea .os-cash-register .os-cash-total .v-formlayout > table, .osbp-tea .os-cash-register .os-cash-xl .v-formlayout > table {
width: 100%;
}
-.osbp-tea .os-cash-register .os-cash-total .v-textfield {
- width: auto;
+.osbp-tea .os-cash-register .os-cash-total .v-textfield, .osbp-tea .os-cash-register .os-cash-xl .v-textfield {
+ font-size: 28.8px !important;
+ height: 52.8px !important;
+ text-align: right;
}
-.osbp-tea .os-cash-register .v-caption, .osbp-tea .os-cash-register .v-captiontext, .osbp-tea .os-cash-register .v-caption-on-top > .v-caption-l-control > .v-captiontext {
- font-size: 18px;
- line-height: 32px;
+.osbp-tea .os-cash-register .os-cash-total .v-formlayout-row > .v-formlayout-captioncell > .v-caption, .osbp-tea .os-cash-register .os-cash-xl .v-formlayout-row > .v-formlayout-captioncell > .v-caption {
+ height: 51.8px !important;
+ line-height: 52.8px;
}
-.osbp-tea .os-cash-register .v-formlayout .v-caption, .osbp-tea .os-cash-register .v-formlayout .v-captiontext {
- font-size: 24px;
- line-height: 43px;
+.osbp-tea .os-cash-register .os-cash-total .os-span-h-half .v-textfield, .osbp-tea .os-cash-register .os-cash-xl .os-span-h-half .v-textfield {
+ width: 74px;
}
-.osbp-tea .os-cash-register .v-table-cell-content {
- height: 33px;
+.osbp-tea .os-cash-register .os-cash-total .v-button, .osbp-tea .os-cash-register .os-cash-xl .v-button {
+ background: #4caf6a;
+ border-color: #4caf6a;
+ color: #d2e4d7;
+ margin: 0px;
}
-.osbp-tea .os-cash-keypad .v-button {
- height: 88px;
- font-size: 24px;
- margin-bottom: 8px;
+.osbp-tea .os-cash-register .os-cash-total .v-button.v-pressed, .osbp-tea .os-cash-register .os-cash-xl .v-button.v-pressed {
+ color: #233929 !important;
+ background: #81c796 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
}
-.osbp-tea .os-cash-keypad .os-numkeys .v-button {
- height: 25px;
- padding: 0 10px;
- color: #c6c5c5;
- font-weight: 600;
-
-
- border-radius: 0px;
- border: #323031 #c3c3c3;
- background: #323031;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
- text-transform: uppercase;
- border-color: #323031;
- margin-left: 4px;
- font-size: 24px;
- margin-bottom: 8px;
- height: 88px;
- width: 88px;
- background: #434343;
- border-color: #434343;
- color: #cacaca;
+.osbp-tea .os-cash-register .os-cash-total .v-button.os-pushed, .osbp-tea .os-cash-register .os-cash-xl .v-button.os-pushed {
+ background: #40945a;
+ color: #1a3b24;
+ -webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
}
-.osbp-tea .os-cash-keypad .os-numkeys .v-button.v-pressed {
- background: #bbc278 !important;
- border-color: #bbc278 !important;
-}
-
-.osbp-tea .os-cash-keypad .os-numkeys .v-button:after {
- transition: none;
-}
-
-.osbp-tea .os-cash-keypad .os-numkeys .v-button:hover {
+.osbp-tea .os-cash-register .os-cash-total .v-button:hover, .osbp-tea .os-cash-register .os-cash-xl .v-button:hover {
background: #9ea93f;
border-color: #9ea93f;
color: #282a17;
}
-.osbp-tea .os-cash-keypad .os-numkeys .v-button:focus:after {
- border-color: transparent;
- transition: none;
+.osbp-tea .os-cash-register .os-cash-total .v-button.v-disabled, .osbp-tea .os-cash-register .os-cash-xl .v-button.v-disabled {
+ background: transparent;
}
-.osbp-tea .os-cash-keypad .os-numkeys .v-button.v-pressed {
- color: #353721 !important;
+.osbp-tea .os-cash-register .v-caption-on-top > .v-caption {
+ height: 23.2px;
+ padding-top: 12px;
+ padding-bottom: 0px;
}
-.osbp-tea .os-cash-keypad .os-funckeys .v-button, .osbp-tea .os-cash-keypad .os-extrakeys .v-button {
- min-width: 132px;
+.osbp-tea .os-cash-register .v-caption, .osbp-tea .os-cash-register .v-captiontext, .osbp-tea .os-cash-register .v-caption-on-top > .v-caption-l-control > .v-captiontext {
+ font-size: 14.4px;
+ line-height: 25.4px;
}
-.osbp-tea .os-cash-keypad .os-funckeys .v-button:before, .osbp-tea .os-cash-keypad .os-extrakeys .v-button:before {
- height: 100%;
+.osbp-tea .os-cash-register .v-formlayout .v-caption, .osbp-tea .os-cash-register .v-formlayout .v-captiontext {
+ font-size: 19.2px;
+ line-height: 34.2px;
}
-.osbp-tea .os-cash-keypad .os-funckeys .v-button img.v-icon, .osbp-tea .os-cash-keypad .os-extrakeys .v-button img.v-icon {
- height: 87px;
+.osbp-tea .os-cash-register .v-table-header-wrap, .osbp-tea .os-cash-register .v-table-caption-container, .osbp-tea .os-cash-register .v-table-sort-indicator, .osbp-tea .os-cash-register .v-table-resizer {
+ height: 24px;
+ font-size: 14.4px;
}
-.osbp-tea .os-cash-keypad .os-alphakeys .v-button {
- width: 55px;
- height: 55px;
+.osbp-tea .os-cash-register .v-table-cell-content {
+ height: 26px;
+ font-size: 14.4px;
+}
+
+.osbp-tea .os-cash-register .os-monospace {
+ font-family: monospace;
+}
+
+.osbp-tea .os-cash-register .os-spacer-top {
+ margin-top: 39.2px !important;
+}
+
+.osbp-tea .os-cash-register .os-spacer-left {
+ margin-left: 39.2px !important;
+}
+
+.osbp-tea .os-cash-register .os-spacer-right {
+ margin-right: 39.2px !important;
+}
+
+.osbp-tea .os-cash-register .os-spacer-bottom {
+ margin-bottom: 39.2px !important;
+}
+
+.osbp-tea .os-cash-register .os-spacer-top-double {
+ margin-top: 78.4px !important;
+}
+
+.osbp-tea .os-cash-register .os-spacer-left-double {
+ margin-left: 78.4px !important;
+}
+
+.osbp-tea .os-cash-register .os-spacer-right-double {
+ margin-right: 78.4px !important;
+}
+
+.osbp-tea .os-cash-register .os-spacer-bottom-double {
+ margin-bottom: 78.4px !important;
+}
+
+.osbp-tea .os-cash-register .os-spacer-top-triple {
+ margin-top: 117.60001px !important;
+}
+
+.osbp-tea .os-cash-register .os-spacer-left-triple {
+ margin-left: 117.60001px !important;
+}
+
+.osbp-tea .os-cash-register .os-spacer-right-triple {
+ margin-right: 117.60001px !important;
+}
+
+.osbp-tea .os-cash-register .os-spacer-bottom-triple {
+ margin-bottom: 117.60001px !important;
+}
+
+.osbp-tea .os-cash-register .os-spacer-top-quad {
+ margin-top: 156.8px !important;
+}
+
+.osbp-tea .os-cash-register .os-spacer-left-quad {
+ margin-left: 156.8px !important;
+}
+
+.osbp-tea .os-cash-register .os-spacer-right-quad {
+ margin-right: 156.8px !important;
+}
+
+.osbp-tea .os-cash-register .os-spacer-bottom-quad {
+ margin-bottom: 156.8px !important;
}
.osbp-tea .v-caption-initialization-progress .v-captiontext {
font-size: 10.2px !important;
- color: #434343 !important;
+ color: #474747 !important;
}
.osbp-tea h1[class^="v-Notification"] {
+ font-size: 16.8px;
background: none;
border: none;
}
@@ -21221,246 +22545,6 @@
opacity: 0.2;
}
-.osbp-tea .o-SuggestBoxPopup {
- z-index: 99999;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent {
- padding: 2px 2px;
- border-radius: 0px;
- background-color: white;
- color: #474747;
- -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.3), 0 3px 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.27294);
- box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.3), 0 3px 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.27294);
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- backface-visibility: hidden;
- margin-top: 3px !important;
- margin-bottom: 3px !important;
- margin-right: 3px !important;
- cursor: default;
- width: auto;
- color: #9ea93f;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent[class*="animate-in"] {
- -webkit-animation: valo-overlay-animate-in 120ms;
- -moz-animation: valo-overlay-animate-in 120ms;
- animation: valo-overlay-animate-in 120ms;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent[class*="animate-out"] {
- -webkit-animation: valo-animate-out-fade 120ms;
- -moz-animation: valo-animate-out-fade 120ms;
- animation: valo-animate-out-fade 120ms;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent table {
- border-collapse: collapse;
- border-spacing: 0;
- margin: 0 auto;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent td {
- padding: 1px;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel {
- font-size: 12px;
- text-align: center;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel:focus {
- outline: none;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- width: 18px;
- height: 15px;
- border: 1px solid transparent;
- line-height: 15px;
- text-align: center;
- font-size: 11px;
- background: #fafafa;
- -webkit-transition: color 200ms;
- -moz-transition: color 200ms;
- transition: color 200ms;
- display: inline-block;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- cursor: pointer;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day:hover {
- color: #9ea93f;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day-offmonth {
- color: #a0a0a0;
- background: transparent;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day-today {
- color: #191919;
- font-weight: 600;
- border-color: #afafaf;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover {
- color: #282a17;
- background: #9ea93f;
- border: none;
- font-weight: 600;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
- -webkit-box-shadow: 0 0 0 1px transparent;
- box-shadow: 0 0 0 1px transparent;
- position: relative;
-}
-
-.v-ie8 .osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
- border-color: #9ea93f;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover {
- color: #a0a0a0;
- cursor: not-allowed;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays {
- height: 15px;
- color: rgba(133, 133, 133, 0.85);
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays strong {
- font: inherit;
- font-size: 11px;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-header {
- white-space: nowrap;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent td[class*="year"] button, .osbp-tea .o-SuggestBoxPopup .popupContent td[class*="month"] button {
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- -o-appearance: none;
- appearance: none;
- border: none;
- background: transparent;
- padding: 0;
- margin: 0;
- cursor: pointer;
- color: transparent;
- font-size: 0;
- width: 11px;
- height: 15px;
- outline: none;
- position: relative;
- vertical-align: middle;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent td[class*="year"] button:before, .osbp-tea .o-SuggestBoxPopup .popupContent td[class*="month"] button:before {
- color: #a0a0a0;
- font-size: 16px;
- line-height: 18px;
- -webkit-transition: color 200ms;
- -moz-transition: color 200ms;
- transition: color 200ms;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent td[class*="year"] button:hover:before, .osbp-tea .o-SuggestBoxPopup .popupContent td[class*="month"] button:hover:before {
- color: #9ea93f;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent td[class*="year"] button.outside-range, .osbp-tea .o-SuggestBoxPopup .popupContent td[class*="month"] button.outside-range {
- cursor: default;
- opacity: 0.3;
- filter: alpha(opacity=30.0) ;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent td[class*="year"] button.outside-range:hover:before, .osbp-tea .o-SuggestBoxPopup .popupContent td[class*="month"] button.outside-range:hover:before {
- color: #a0a0a0;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent .v-button-prevyear:before {
- font-family: ThemeIcons;
- content: "\f100";
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent .v-button-prevmonth:before {
- font-family: ThemeIcons;
- content: "\f104";
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent .v-button-nextyear:before {
- font-family: ThemeIcons;
- content: "\f101";
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent .v-button-nextmonth:before {
- font-family: ThemeIcons;
- content: "\f105";
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-month {
- width: 88px;
- color: #9ea93f;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month {
- width: 44px;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumber, .osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child {
- width: 18px;
- color: rgba(133, 133, 133, 0.85);
- font-size: 11px;
- display: inline-block;
- text-align: left;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumber {
- position: relative;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumbers .v-first:before {
- content: "";
- position: absolute;
- top: 21px;
- bottom: 0;
- left: 0;
- width: 19px;
- border-top: 1px solid #c3c3c3;
- border-right: 1px solid #c3c3c3;
- border-top-right-radius: 0px;
- border-bottom-left-radius: 0px;
- background: #eee;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-time {
- width: 100%;
- font-size: 11px;
-}
-
-.osbp-tea .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-time .v-label {
- display: inline;
- margin: 0 0.1em;
- font-weight: 400;
-}
-
-.osbp-tea .o-SuggestBoxPopup .item-selected {
- background-color: darkgray;
- color: white;
-}
-
.osbp-tea .v-absolutelayout .o-alignmentLine {
background-color: green;
}
@@ -21531,12 +22615,12 @@
}
.osbp-tea .o-designer-active .l-control {
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
border-color: lightblue;
}
.osbp-tea .o-designer-active .l-control .v-gridlayout-slot {
- border: 1px solid #c3c3c3;
+ border: 1px solid #d4d4d4;
border-color: lightpink;
}
@@ -21544,9 +22628,9 @@
height: 36px;
width: 100%;
display: block;
- background-color: #434343;
+ background-color: #545454;
border-radius: 3px;
- border: 2px solid #434343;
+ border: 2px solid #545454;
}
.osbp-tea .o-designer-overlay .popupContent > div {
@@ -21562,7 +22646,7 @@
position: relative;
width: 30px;
height: 30px;
- background-color: #cacaca;
+ background-color: #cfcfcf;
float: left;
padding: 3px;
margin-right: 3px;
@@ -21590,7 +22674,7 @@
}
.osbp-tea .o-alignment-widget .singles .topleft, .osbp-tea .o-alignment-widget .singles .topcenter, .osbp-tea .o-alignment-widget .singles .topright, .osbp-tea .o-alignment-widget .singles .middleleft, .osbp-tea .o-alignment-widget .singles .middlecenter, .osbp-tea .o-alignment-widget .singles .middleright, .osbp-tea .o-alignment-widget .singles .bottomleft, .osbp-tea .o-alignment-widget .singles .bottomcenter, .osbp-tea .o-alignment-widget .singles .bottomright {
- background-color: #434343;
+ background-color: #545454;
height: 6px;
width: 6px;
display: block;
@@ -21660,7 +22744,7 @@
left: 0px;
width: 22px;
height: 6px;
- background-color: #434343;
+ background-color: #545454;
}
.osbp-tea .o-alignment-widget .alignment .vfill {
@@ -21669,7 +22753,7 @@
left: 24px;
width: 6px;
height: 22px;
- background-color: #434343;
+ background-color: #545454;
}
.osbp-tea .o-alignment-widget .alignment .vfill .o-selected, .osbp-tea .o-alignment-widget .alignment .hfill .o-selected {
@@ -21680,7 +22764,7 @@
position: relative;
overflow: hidden;
cursor: pointer;
- background-color: #434343;
+ background-color: #545454;
background-repeat: no-repeat;
background-position: center;
}
@@ -21700,15 +22784,16 @@
background: transparent;
border: 0px;
float: none;
- color: #cacaca;
+ color: #cfcfcf;
}
.osbp-tea .o-designer-overlay .switchEditable:before {
font-family: Vaadin-Icons;
font-size: 16px;
line-height: 16px;
- content: "\e771";
+ content: "\e771" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.osbp-tea .o-designer-overlay .removeChild {
@@ -21716,15 +22801,16 @@
background: transparent;
border: 0px;
float: none;
- color: #cacaca;
+ color: #cfcfcf;
}
.osbp-tea .o-designer-overlay .removeChild:before {
font-family: Vaadin-Icons;
font-size: 16px;
line-height: 16px;
- content: "\e80b";
+ content: "\e80b" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.osbp-tea .o-designer-overlay .addChild {
@@ -21732,15 +22818,16 @@
background: transparent;
border: 0px;
float: none;
- color: #cacaca;
+ color: #cfcfcf;
}
.osbp-tea .o-designer-overlay .addChild:before {
font-family: Vaadin-Icons;
font-size: 16px;
line-height: 16px;
- content: "\e801";
+ content: "\e801" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.osbp-tea .o-designer-overlay .openProperties {
@@ -21748,15 +22835,16 @@
background: transparent;
border: 0px;
float: none;
- color: #cacaca;
+ color: #cfcfcf;
}
.osbp-tea .o-designer-overlay .openProperties:before {
font-family: Vaadin-Icons;
font-size: 16px;
line-height: 16px;
- content: "\e6cf";
+ content: "\e6cf" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.osbp-tea .o-designer-overlay .switchMargin {
@@ -21764,15 +22852,16 @@
background: transparent;
border: 0px;
float: none;
- color: #cacaca;
+ color: #cfcfcf;
}
.osbp-tea .o-designer-overlay .switchMargin:before {
font-family: Vaadin-Icons;
font-size: 16px;
line-height: 16px;
- content: "\e65b";
+ content: "\e65b" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.osbp-tea .o-designer-overlay .switchSpacing {
@@ -21780,13 +22869,14 @@
background: transparent;
border: 0px;
float: none;
- color: #cacaca;
+ color: #cfcfcf;
}
.osbp-tea .o-designer-overlay .switchSpacing:before {
font-family: Vaadin-Icons;
font-size: 16px;
line-height: 16px;
- content: "\e665";
+ content: "\e665" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/favicon.ico b/org.eclipse.osbp.themes/VAADIN/themes/osbp/favicon.ico
new file mode 100644
index 0000000..562a161
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/favicon.ico
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/fonts/FontAwesome.otf b/org.eclipse.osbp.themes/VAADIN/themes/osbp/fonts/FontAwesome.otf
deleted file mode 100644
index 3ed7f8b4..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp/fonts/FontAwesome.otf
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/html/Welcome.html b/org.eclipse.osbp.themes/VAADIN/themes/osbp/html/Welcome.html
new file mode 100644
index 0000000..84798b4
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/html/Welcome.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<head>
+
+<meta charset="utf-8">
+
+<meta name="viewport" content="width=device-width, initial-scale=1">
+
+
+<link rel="stylesheet" type="text/css" href="screen.css" media="all">
+<link rel="stylesheet" type="text/css" href="typo-welcome-validated.css" media="all">
+
+
+<title>Compex - Welcomepage</title>
+
+</head>
+<body class="osbp typo-welcome">
+
+
+<header class="header" style="background:#0067b1; padding-top: 10px;">
+ <div style="background:#0067b1">
+ <div class="inner small">
+ <h2 class="headlineH2withoutUnderline versal">Welcome</h2>
+ <h3 class="align-center" style="color: rgb(255, 255, 255);">Here are some resources that will help you to get started</h3>
+ </div>
+ </div>
+</header>
+
+<div class="welcome-image" align="center" style="padding-top: 10px; padding-bottom: 10px;">
+</div>
+
+<main>
+ <div class="ce-twoCol-Box " id="c309">
+ <div class="inner small">
+
+ <div class="boxen withFontAwesome">
+
+ <div class="">
+ <div><h2 class="smallHeadlineWithUnderline">Watch tutorial videos</h2>
+ <p class="bodytext">Learn how to use My1App and learn more about OS.bee from step-by-step tutorial videos.</p></div>
+ </div>
+
+ <div class="">
+ <div><h2 class="smallHeadlineWithUnderline">Read documentation</h2>
+ <p class="bodytext">Need more insight? Detailed information can be found in our documentation.</p></div>
+ </div>
+
+ <div class="">
+ <div><h2 class="smallHeadlineWithUnderline">Visit our forum</h2>
+ <p class="bodytext">The OS.bee forum is a great place to find answers and ask questions, especially for newcommers.</p></div>
+ </div>
+
+ <div class="">
+ <div><h2 class="smallHeadlineWithUnderline">Register to join the community</h2>
+ <p class="bodytext">Register and benefit from special resources for community members.</p></div>
+ </div>
+
+ </div>
+
+ </div>
+ </div>
+
+</main>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/html/screen.css b/org.eclipse.osbp.themes/VAADIN/themes/osbp/html/screen.css
new file mode 100644
index 0000000..7fc1b95
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/html/screen.css
@@ -0,0 +1,27 @@
+i.fa{padding-left:5px;font-size:0.9rem}.bg-blue{background-color:#0067b1}.bg-darkblue{background-color:#002f58}.bg-red{background-color:#be1622}.bg-white{background-color:#fff}.button{display:inline-block;background:inherit;color:inherit;padding:15px;text-transform:uppercase;font-weight:700;font-size:15px;line-height:normal;text-decoration:none;cursor:pointer}.button i{padding-right:5px;transition:0.5s all;font-size:18px;line-height:normal}.button span+i{padding-left:5px;transition:0.5s all}.button:hover{text-decoration:none !important}.button:hover i{padding-right:10px;transition:0.5s all}.button:hover span+i{padding-left:10px;transition:0.5s all}span span{background:inherit;color:inherit}.redbutton,.bluebutton,.thirdSection .right a,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a,.darkbluebutton,.greybutton,.marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton,.whitebutton,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a,.marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a{display:inline-block;background:#be1622 none repeat scroll 0% 0%;color:#FFF;padding:15px;text-transform:uppercase;font-weight:700;font-size:15px;line-height:normal;text-decoration:none;cursor:pointer;border:none}.redbutton:hover,.bluebutton:hover,.thirdSection .right a:hover,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:hover,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:hover,.darkbluebutton:hover,.greybutton:hover,.marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover,.whitebutton:hover,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:hover,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:hover,.marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton:hover,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:hover,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:hover{text-decoration:none !important}.bluebutton,.thirdSection .right a,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a{background-color:#0067b1}.darkbluebutton{background-color:#002f58;text-align:left}.darkbluebutton.arrowlink:after,.thirdSection .right a.darkbluebutton:after{float:right}.darkbluebutton.arrowlink:hover:after,.thirdSection .right a.darkbluebutton:hover:after{padding-left:30px}.greybutton,.marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton{background-color:#f5f5f5;color:#333}.greybutton:hover,.marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover{background-color:#0067b1;color:#fff}.whitebutton,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a{background-color:#ffffff;color:#333}.arrowlink,.thirdSection .right a{font-weight:700;text-decoration:none;transition:0.5s all}.arrowlink:after,.thirdSection .right a:after{font-family:'FontAwesome';content:"\f178";padding-left:5px;font-size:15px;transition:0.7s all;display:inline-block}.arrowlink:hover,.thirdSection .right a:hover{text-decoration:none}.arrowlink:hover:after,.thirdSection .right a:hover:after{padding-left:15px;transition:0.5s all}.arrowlink.down:after,.thirdSection .right a.down:after{content:"\f078";vertical-align:bottom}.arrowlink.down.active:after,.thirdSection .right a.down.active:after{content:"\f077"}.keylink{text-align:center;color:#fff;font-weight:700;font-size:15px;line-height:normal}.keylink:before{content:"\f084";font-family:'FontAwesome';padding-right:5px;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}.downloadlink{text-align:center;font-weight:700;text-decoration:none;transition:0.5s all;min-height:54px}.downloadlink:after{font-family:'FontAwesome';content:"\f019";padding-left:5px;font-size:15px;transition:0.5s all}.downloadlink:hover{font-size:18px}.downloadlink:hover:after{font-size:17px;transition:0.5s all}.buttonContainer{text-align:center}.versal{text-transform:uppercase}.cf:before,.inner:before,body.contact .contactMain:before,.ce-twoCol-Box .boxen:before,.ce-twoCol-Box .boxen.withFontAwesome:before,.ce-twoCol-Box .boxen.withoutFontAwesome:before,.ce-twoCol-Box .boxen.withOtherFontAwesome:before,.ce-twoCol-Box .boxen.withOtherFontAwesome div:before,.text-slide:before,.toggleContainer h3:before,.ce-threeBoxesWithOption:before,.ce-threeBoxesWithOption .inner div:before,.fontAwesome-list.twocol ul:before,.ce-os-bee:before,.ce-table:before,.service-formular:before,.service-formular .powermail_check_outer:before,.secondSection div.inner:before,.thirdSection:before,.thirdSection .inner:before,.newsletter:before,.newsletter .firstrow:before,.newsletter .secondrow:before,.newsletter .secondrow .inner:before,.ce-youtube-text:before,.ce-youtube-slider:before,.marketplace-wrapper:before,.marketplace-wrapper .mp-sidebar .mp-category nav ul li:before,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:before,.marketplace-wrapper .mp-sidebar .mp-category nav ul li>a:before,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li>a:before,.marketplace-wrapper .mp-contentContainer .mp-filter ul:before,.marketplace-wrapper .mp-contentContainer .mp-content:before,.marketplace-wrapper .mp-contentContainer .mp-content article header:before,.marketplace-wrapper .mp-contentContainer .mp-content article footer:before,.mpdetail-content .mp-productInfo:before,.mpdetail-content .mp-productInfo>div .mpdetail-auszeichnung:before,.mpdetail-content .mp-productWrapper>ul:before,.tx-typo3forum-pi1 .forum_menu ul:before,.tx-typo3forum-pi1 .topic_list_menu ul:before,.tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:before,.tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:before,.tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:before,.tx-typo3forum-pi1 #topic fieldset div:before,.tx-typo3forum-pi1 #post fieldset div:before,.tx-typo3forum-pi1 #report fieldset div:before,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:before,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:before,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:before,.ce-osbee-forum-singlepost:before,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:before,.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:before,.blogSidebar .blog-subscribe .terms:before,.news-list-view .article:before,.news-list-view .news-content-wrap:before,.latest-news-container:before,.latest-news-container .startpage-latesnews:before,.latest-news-container .startpage-latesnews .news-img-wrap a:before,.shariff .orientation-horizontal:before,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:before,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:before,.tx-sy-osbeeproducts .os_cartSupport:before,.tx-sy-osbeeproducts .os_cartSupport>div .container:before,.tx-sy-osbeeproducts .os_carAppSupport:before,.tx-sy-osbeeproducts .os_carAppSupport>div .container:before,.tx-sy-osbeeproducts .checkoutOption:before,.tx-contentpackage-checkoutFormular div:before,.checkoutSteps:before,.tx-indexedsearch-browsebox:before,.tx-srfeuserregister-pi1 fieldset:before,.tx-srfeuserregister-pi1 fieldset .formwrap:before,.community-forum-news:before,.community-forum-news>.inner>div.news .latest-news-container:before,.zweispaltig-unterseiten-layout:before,header.header:before,header.header .topMeta:before,header.header .topMeta+div:before,header.header nav>ul:before,footer.footer div.inner.small:before,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:before,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:before,.ce-video:before,.ce-forum-latest-post:before,.ce-forum-latest-post>div:before,.ce-forum-latest-post>div div:before,.cf:after,.inner:after,body.contact .contactMain:after,.ce-twoCol-Box .boxen:after,.ce-twoCol-Box .boxen.withFontAwesome:after,.ce-twoCol-Box .boxen.withoutFontAwesome:after,.ce-twoCol-Box .boxen.withOtherFontAwesome:after,.ce-twoCol-Box .boxen.withOtherFontAwesome div:after,.text-slide:after,.toggleContainer h3:after,.ce-threeBoxesWithOption:after,.ce-threeBoxesWithOption .inner div:after,.fontAwesome-list.twocol ul:after,.ce-os-bee:after,.ce-table:after,.service-formular:after,.service-formular .powermail_check_outer:after,.secondSection div.inner:after,.thirdSection:after,.thirdSection .inner:after,.newsletter:after,.newsletter .firstrow:after,.newsletter .secondrow:after,.newsletter .secondrow .inner:after,.ce-youtube-text:after,.ce-youtube-slider:after,.marketplace-wrapper:after,.marketplace-wrapper .mp-sidebar .mp-category nav ul li:after,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after,.marketplace-wrapper .mp-sidebar .mp-category nav ul li>a:after,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li>a:after,.marketplace-wrapper .mp-contentContainer .mp-filter ul:after,.marketplace-wrapper .mp-contentContainer .mp-content:after,.marketplace-wrapper .mp-contentContainer .mp-content article header:after,.marketplace-wrapper .mp-contentContainer .mp-content article footer:after,.mpdetail-content .mp-productInfo:after,.mpdetail-content .mp-productInfo>div .mpdetail-auszeichnung:after,.mpdetail-content .mp-productWrapper>ul:after,.tx-typo3forum-pi1 .forum_menu ul:after,.tx-typo3forum-pi1 .topic_list_menu ul:after,.tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after,.tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after,.tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after,.tx-typo3forum-pi1 #topic fieldset div:after,.tx-typo3forum-pi1 #post fieldset div:after,.tx-typo3forum-pi1 #report fieldset div:after,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after,.ce-osbee-forum-singlepost:after,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after,.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after,.blogSidebar .blog-subscribe .terms:after,.news-list-view .article:after,.news-list-view .news-content-wrap:after,.latest-news-container:after,.latest-news-container .startpage-latesnews:after,.latest-news-container .startpage-latesnews .news-img-wrap a:after,.shariff .orientation-horizontal:after,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after,.tx-sy-osbeeproducts .os_cartSupport:after,.tx-sy-osbeeproducts .os_cartSupport>div .container:after,.tx-sy-osbeeproducts .os_carAppSupport:after,.tx-sy-osbeeproducts .os_carAppSupport>div .container:after,.tx-sy-osbeeproducts .checkoutOption:after,.tx-contentpackage-checkoutFormular div:after,.checkoutSteps:after,.tx-indexedsearch-browsebox:after,.tx-srfeuserregister-pi1 fieldset:after,.tx-srfeuserregister-pi1 fieldset .formwrap:after,.community-forum-news:after,.community-forum-news>.inner>div.news .latest-news-container:after,.zweispaltig-unterseiten-layout:after,header.header:after,header.header .topMeta:after,header.header .topMeta+div:after,header.header nav>ul:after,footer.footer div.inner.small:after,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after,.ce-video:after,.ce-forum-latest-post:after,.ce-forum-latest-post>div:after,.ce-forum-latest-post>div div:after{content:" ";display:table}.cf:after,.inner:after,body.contact .contactMain:after,.ce-twoCol-Box .boxen:after,.ce-twoCol-Box .boxen.withFontAwesome:after,.ce-twoCol-Box .boxen.withoutFontAwesome:after,.ce-twoCol-Box .boxen.withOtherFontAwesome:after,.ce-twoCol-Box .boxen.withOtherFontAwesome div:after,.text-slide:after,.toggleContainer h3:after,.ce-threeBoxesWithOption:after,.ce-threeBoxesWithOption .inner div:after,.fontAwesome-list.twocol ul:after,.ce-os-bee:after,.ce-table:after,.service-formular:after,.service-formular .powermail_check_outer:after,.secondSection div.inner:after,.thirdSection:after,.thirdSection .inner:after,.newsletter:after,.newsletter .firstrow:after,.newsletter .secondrow:after,.newsletter .secondrow .inner:after,.ce-youtube-text:after,.ce-youtube-slider:after,.marketplace-wrapper:after,.marketplace-wrapper .mp-sidebar .mp-category nav ul li:after,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after,.marketplace-wrapper .mp-sidebar .mp-category nav ul li>a:after,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li>a:after,.marketplace-wrapper .mp-contentContainer .mp-filter ul:after,.marketplace-wrapper .mp-contentContainer .mp-content:after,.marketplace-wrapper .mp-contentContainer .mp-content article header:after,.marketplace-wrapper .mp-contentContainer .mp-content article footer:after,.mpdetail-content .mp-productInfo:after,.mpdetail-content .mp-productInfo>div .mpdetail-auszeichnung:after,.mpdetail-content .mp-productWrapper>ul:after,.tx-typo3forum-pi1 .forum_menu ul:after,.tx-typo3forum-pi1 .topic_list_menu ul:after,.tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after,.tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after,.tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after,.tx-typo3forum-pi1 #topic fieldset div:after,.tx-typo3forum-pi1 #post fieldset div:after,.tx-typo3forum-pi1 #report fieldset div:after,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after,.ce-osbee-forum-singlepost:after,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after,.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after,.blogSidebar .blog-subscribe .terms:after,.news-list-view .article:after,.news-list-view .news-content-wrap:after,.latest-news-container:after,.latest-news-container .startpage-latesnews:after,.latest-news-container .startpage-latesnews .news-img-wrap a:after,.shariff .orientation-horizontal:after,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after,.tx-sy-osbeeproducts .os_cartSupport:after,.tx-sy-osbeeproducts .os_cartSupport>div .container:after,.tx-sy-osbeeproducts .os_carAppSupport:after,.tx-sy-osbeeproducts .os_carAppSupport>div .container:after,.tx-sy-osbeeproducts .checkoutOption:after,.tx-contentpackage-checkoutFormular div:after,.checkoutSteps:after,.tx-indexedsearch-browsebox:after,.tx-srfeuserregister-pi1 fieldset:after,.tx-srfeuserregister-pi1 fieldset .formwrap:after,.community-forum-news:after,.community-forum-news>.inner>div.news .latest-news-container:after,.zweispaltig-unterseiten-layout:after,header.header:after,header.header .topMeta:after,header.header .topMeta+div:after,header.header nav>ul:after,footer.footer div.inner.small:after,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after,.ce-video:after,.ce-forum-latest-post:after,.ce-forum-latest-post>div:after,.ce-forum-latest-post>div div:after{clear:both}html{margin:0;padding:0;font-size:15px;line-height:normal}html *{box-sizing:border-box;font-family:"Open Sans",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;counter-reset:olliste}section,main,footer,nav,aside,article{display:block}img{height:auto;max-width:100%}figure{margin:0;padding:0}input[type="submit"]{-webkit-appearance:none}ul{margin:0;padding:0;list-style:none}::-webkit-input-placeholder{color:#333333;opacity:1 !important}:-moz-placeholder{color:#333333}::-moz-placeholder{color:#333333}:-ms-input-placeholder{color:#333333}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#333333;opacity:1 !important}input:-moz-placeholder,textarea:-moz-placeholder{color:#333333}input::-moz-placeholder,textarea::-moz-placeholder{color:#333333}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#333333}.unorderedList li,.clients ul li,.ce-twoCol-Box .boxen.withFontAwesome>div ul li,.ce-twoCol-Box .boxen.withoutFontAwesome>div ul li,.text-slide .left ul li,.ce-Image-Text-Element .einspaltig ul li,.toggleContainer ul li,.ce-threeBoxesWithOption .inner div article ul li,.fontAwesome-list ul li ul li,.fontAwesome-list.twocol ul li ul li,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li,.ce-leftright>div figure+div ul li,.news ul li{position:relative;padding-left:15px}.unorderedList li:before,.clients ul li:before,.ce-twoCol-Box .boxen.withFontAwesome>div ul li:before,.ce-twoCol-Box .boxen.withoutFontAwesome>div ul li:before,.text-slide .left ul li:before,.ce-Image-Text-Element .einspaltig ul li:before,.toggleContainer ul li:before,.ce-threeBoxesWithOption .inner div article ul li:before,.fontAwesome-list ul li ul li:before,.fontAwesome-list.twocol ul li ul li:before,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li:before,.ce-leftright>div figure+div ul li:before,.news ul li:before{content:"\f054";content:"\f111";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;position:absolute;top:7px;left:0;color:#be1622;font-size:6px}.unorderedList li+li,.clients ul li+li,.ce-twoCol-Box .boxen.withFontAwesome>div ul li+li,.ce-twoCol-Box .boxen.withoutFontAwesome>div ul li+li,.text-slide .left ul li+li,.ce-Image-Text-Element .einspaltig ul li+li,.toggleContainer ul li+li,.ce-threeBoxesWithOption .inner div article ul li+li,.fontAwesome-list ul li ul li+li,.fontAwesome-list.twocol ul li ul li+li,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li+li,.ce-leftright>div figure+div ul li+li,.news ul li+li{margin-top:4px}.unorderedList li ul,.clients ul li ul,.ce-twoCol-Box .boxen.withFontAwesome>div ul li ul,.ce-twoCol-Box .boxen.withoutFontAwesome>div ul li ul,.text-slide .left ul li ul,.ce-Image-Text-Element .einspaltig ul li ul,.toggleContainer ul li ul,.ce-threeBoxesWithOption .inner div article ul li ul,.fontAwesome-list ul li ul li ul,.fontAwesome-list.twocol ul li ul li ul,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li ul,.ce-leftright>div figure+div ul li ul,.news ul li ul{margin-top:5px}.unorderedList+p,.clients ul+p,.ce-twoCol-Box .boxen.withFontAwesome>div ul+p,.ce-twoCol-Box .boxen.withoutFontAwesome>div ul+p,.text-slide .left ul+p,.ce-Image-Text-Element .einspaltig ul+p,.toggleContainer ul+p,.ce-threeBoxesWithOption .inner div article ul+p,.fontAwesome-list ul li ul+p,.fontAwesome-list.twocol ul li ul+p,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul+p,.ce-leftright>div figure+div ul+p,.news ul+p,.unorderedList+ul,.clients ul+ul,.ce-twoCol-Box .boxen.withFontAwesome>div ul+ul,.ce-twoCol-Box .boxen.withoutFontAwesome>div ul+ul,.text-slide .left ul+ul,.ce-Image-Text-Element .einspaltig ul+ul,.toggleContainer ul+ul,.ce-threeBoxesWithOption .inner div article ul+ul,.fontAwesome-list ul li ul+ul,.fontAwesome-list.twocol ul li ul+ul,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul+ul,.ce-leftright>div figure+div ul+ul,.news ul+ul{margin-top:15px}.inner{max-width:1325px;margin:0 auto}.inner.small,.tx-felogin-pi1 .tx-felogin-pi1-inner{max-width:1030px;margin:0 auto}@media screen and (max-width: 1100px){.inner.small,.tx-felogin-pi1 .tx-felogin-pi1-inner{padding:0 25px}}main{overflow:hidden}body.contact .contactMain{max-width:1030px;margin:0 auto 0 auto}h1,h2,.ce-table table caption,h3{margin:0;font-size:inherit;line-height:normal}.headlineH1,p.headlineH1,.sliderContainer p.headlineH1{font-family:"Quicksand",sans-serif;font-size:60px;line-height:normal;color:#333;margin:0 0 40px 0;text-transform:uppercase;font-weight:300;display:block}@media screen and (max-width: 1024px){.headlineH1,p.headlineH1,.sliderContainer p.headlineH1{font-size:45px;margin-bottom:30px}}@media screen and (max-width: 768px){.headlineH1,p.headlineH1,.sliderContainer p.headlineH1{font-size:35px;margin-bottom:25px}}@media screen and (max-width: 640px){.headlineH1,p.headlineH1,.sliderContainer p.headlineH1{font-size:28px;margin-bottom:20px}}.headlineH1Center,p.headlineH1Center,.sliderContainer p.headlineH1Center{font-family:"Quicksand",sans-serif;font-size:60px;line-height:normal;color:#333;margin:0 0 40px 0;text-transform:uppercase;text-align:center;font-weight:300;display:block}@media screen and (max-width: 1024px){.headlineH1Center,p.headlineH1Center,.sliderContainer p.headlineH1Center{font-size:45px}}@media screen and (max-width: 768px){.headlineH1Center,p.headlineH1Center,.sliderContainer p.headlineH1Center{font-size:35px}}@media screen and (max-width: 640px){.headlineH1Center,p.headlineH1Center,.sliderContainer p.headlineH1Center{font-size:28px}}.headlineH2Center,p.headlineH2Center,.service-formular fieldset .powermail_legend,.sliderContainer p.headlineH2Center,.latest-news-container h2,.latest-news-container .ce-table table caption,.ce-table table .latest-news-container caption,.mp-contentContainer.checkout h1{font-family:"Quicksand", sans-serif;font-weight:400;text-transform:uppercase;color:#333;font-size:24px;line-height:normal;text-align:center;display:block;margin:0 0 15px 0}.headlineH2Center:after,.service-formular fieldset .powermail_legend:after,.sliderContainer p.headlineH2Center:after,.latest-news-container h2:after,.latest-news-container .ce-table table caption:after,.ce-table table .latest-news-container caption:after,.mp-contentContainer.checkout h1:after{content:"";display:block;width:50px;height:5px;background:#fc0;margin:10px auto 0 auto}.headlineH2,p.headlineH2,.sliderContainer p.headlineH2,.tx-typo3forum-pi1 #topic fieldset legend,.tx-typo3forum-pi1 #post fieldset legend,.tx-typo3forum-pi1 #report fieldset legend,.mp-contentContainer.checkout .checkout_paymentOption h2,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption,.community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>h2,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box>caption,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>caption{font-family:"Quicksand", sans-serif;font-weight:400;text-transform:uppercase;color:#333;font-size:24px;line-height:normal;display:block;margin:0 0 15px 0}.headlineH2:after,.sliderContainer p.headlineH2:after,.tx-typo3forum-pi1 #topic fieldset legend:after,.tx-typo3forum-pi1 #post fieldset legend:after,.tx-typo3forum-pi1 #report fieldset legend:after,.mp-contentContainer.checkout .checkout_paymentOption h2:after,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after,.community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>h2:after,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box>caption:after,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>caption:after{content:"";display:block;width:50px;height:5px;background:#fc0;margin:10px 0 0 0}.headlineH2withoutUnderline,.headlineH2withoutUnderlineLeft,p.headlineH2withoutUnderline,.sliderContainer p.headlineH2withoutUnderline{font-size:36px;line-height:normal;font-family:"Quicksand",sans-serif;font-weight:400;color:#fff;display:block;margin:0 0 15px 0;text-align:center}.headlineH2withoutUnderlineLeft{text-align:left}.headlineH3,p.headlineH3,.sliderContainer p.headlineH3{font-weight:700;font-size:16px;line-height:normal;color:#333;margin:0 0 20px 0;display:block}.smallHeadlineWithUnderline,p.smallHeadlineWithUnderline,.sliderContainer p.smallHeadlineWithUnderline{font-size:18px;line-height:normal;font-weight:700;color:#333;margin-bottom:20px}.smallHeadlineWithUnderline:after,.sliderContainer p.smallHeadlineWithUnderline:after{content:"";display:block;width:50px;height:5px;background:#fc0;margin:5px 0 0 0}a{color:#0067b1;text-decoration:none;font-weight:700}a span{color:inherit}a:hover{text-decoration:underline}a.arrowlink:hover,.thirdSection .right a:hover{text-decoration:underline !important}a.arrowlink:hover:after,.thirdSection .right a:hover:after{text-decoration:none !important}a.button:hover{text-decoration:none !important}a.button:hover span{text-decoration:none !important}span a{color:inherit}.textlinkarrow:after,.ce-twoCol-Box .boxen.withFontAwesome>div.aWithArrow a:after,.ce-table table tr td a:after,.ce-leftright>div figure+div a:after,.ce-youtube-text .right a:after,.news-list-view .more:after{content:"\f178";transition:0.7s all;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;font-weight:700;font-family:'FontAwesome';padding-left:5px;transition:0.7s all}.textlinkarrow:hover,.ce-twoCol-Box .boxen.withFontAwesome>div.aWithArrow a:hover,.ce-table table tr td a:hover,.ce-leftright>div figure+div a:hover,.ce-youtube-text .right a:hover,.news-list-view .more:hover{text-decoration:none}.textlinkarrow:hover:after,.ce-twoCol-Box .boxen.withFontAwesome>div.aWithArrow a:hover:after,.ce-table table tr td a:hover:after,.ce-leftright>div figure+div a:hover:after,.ce-youtube-text .right a:hover:after,.news-list-view .more:hover:after{padding-left:10px}.textlinkarrow.whitetextlinkarrow,.ce-twoCol-Box .boxen.withFontAwesome>div.aWithArrow a.whitetextlinkarrow,.ce-twoCol-Box .boxen.withFontAwesome>div.aWithArrow .ce-leftright>div figure+div a,.ce-leftright>div figure+div .ce-twoCol-Box .boxen.withFontAwesome>div.aWithArrow a,.ce-table table tr td a.whitetextlinkarrow,.ce-leftright>div figure+div a,.ce-youtube-text .right a.whitetextlinkarrow,.ce-youtube-text .right .ce-leftright>div figure+div a,.ce-leftright>div figure+div .ce-youtube-text .right a,.news-list-view .whitetextlinkarrow.more,.news-list-view .ce-leftright>div figure+div a.more,.ce-leftright>div figure+div .news-list-view a.more{color:#fff}h1,h2,.ce-table table caption,h3,h4,h5,h6{font-size:15px;line-height:normal;margin:0;font-weight:400}p{font-size:15px;line-height:normal;margin:0}p+p,p+ul,p+ol{margin-top:15px}p+h1,p+h2,.ce-table table p+caption,p+h3,p+.headlineH3,.sliderContainer p+p.headlineH3,p+.headlineH2withoutUnderline,p+.headlineH2withoutUnderlineLeft,.sliderContainer p+p.headlineH2withoutUnderline,p+.smallHeadlineWithUnderline,.sliderContainer p+p.smallHeadlineWithUnderline,p+.headlineH2,.sliderContainer p+p.headlineH2,.tx-typo3forum-pi1 #topic fieldset p+legend,.tx-typo3forum-pi1 #post fieldset p+legend,.tx-typo3forum-pi1 #report fieldset p+legend,.mp-contentContainer.checkout .checkout_paymentOption p+h2,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table p+caption,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption p+caption,.community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>p+h2,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box>p+caption,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>p+caption,p+.headlineH2Center,.service-formular fieldset p+.powermail_legend,.sliderContainer p+p.headlineH2Center,.latest-news-container p+h2,.latest-news-container .ce-table table p+caption,.ce-table table .latest-news-container p+caption,.mp-contentContainer.checkout p+h1,p+.headlineH1Center,.sliderContainer p+p.headlineH1Center,p+.headlineH1,.sliderContainer p+p.headlineH1,p+.headlineH2withoutUnderline,p+.headlineH2withoutUnderlineLeft,.sliderContainer p+p.headlineH2withoutUnderline{margin-top:25px}p i{font-style:italic}p.bigText{font-size:18px;line-height:normal}p.bigText a{font-size:18px;line-height:normal}p.centeralign,p.align-center{text-align:center}p.leftalign,p.align-left{text-align:left}p.rightalign,p.align-right{text-align:right}ul li{font-size:15px;line-height:normal}a{font-size:15px;line-height:normal}.bigText{font-size:18px;line-height:normal}.centeralign,.align-center{text-align:center}.leftalign{text-align:left}.rightalign{text-align:right}/*!
+ * Hover.css (http://ianlunn.github.io/Hover/)
+ * Version: 2.0.2
+ * Author: Ian Lunn @IanLunn
+ * Author URL: http://ianlunn.co.uk/
+ * Github: https://github.com/IanLunn/Hover
+
+ * Made available under a MIT License:
+ * http://www.opensource.org/licenses/mit-license.php
+
+ * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
+ */.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-shrink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-shrink:hover,.hvr-shrink:focus,.hvr-shrink:active{-webkit-transform:scale(0.9);transform:scale(0.9)}@-webkit-keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-pulse:hover,.hvr-pulse:focus,.hvr-pulse:active{-webkit-animation-name:hvr-pulse;animation-name:hvr-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.hvr-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-pulse-grow:hover,.hvr-pulse-grow:focus,.hvr-pulse-grow:active{-webkit-animation-name:hvr-pulse-grow;animation-name:hvr-pulse-grow;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-pulse-shrink:hover,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:active{-webkit-animation-name:hvr-pulse-shrink;animation-name:hvr-pulse-shrink;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}.hvr-push{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-push:hover,.hvr-push:focus,.hvr-push:active{-webkit-animation-name:hvr-push;animation-name:hvr-push;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.hvr-pop{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-pop:hover,.hvr-pop:focus,.hvr-pop:active{-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-bounce-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-in:hover,.hvr-bounce-in:focus,.hvr-bounce-in:active{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36)}.hvr-bounce-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-out:hover,.hvr-bounce-out:focus,.hvr-bounce-out:active{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36)}.hvr-rotate{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-rotate:hover,.hvr-rotate:focus,.hvr-rotate:active{-webkit-transform:rotate(4deg);transform:rotate(4deg)}.hvr-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow-rotate:hover,.hvr-grow-rotate:focus,.hvr-grow-rotate:active{-webkit-transform:scale(1.1) rotate(4deg);transform:scale(1.1) rotate(4deg)}.hvr-float{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-float:hover,.hvr-float:focus,.hvr-float:active{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hvr-sink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sink:hover,.hvr-sink:focus,.hvr-sink:active{-webkit-transform:translateY(8px);transform:translateY(8px)}@-webkit-keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@-webkit-keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.hvr-bob{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-bob:hover,.hvr-bob:focus,.hvr-bob:active{-webkit-animation-name:hvr-bob-float, hvr-bob;animation-name:hvr-bob-float, hvr-bob;-webkit-animation-duration:.3s, 1.5s;animation-duration:.3s, 1.5s;-webkit-animation-delay:0s, .3s;animation-delay:0s, .3s;-webkit-animation-timing-function:ease-out, ease-in-out;animation-timing-function:ease-out, ease-in-out;-webkit-animation-iteration-count:1, infinite;animation-iteration-count:1, infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal, alternate;animation-direction:normal, alternate}@-webkit-keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@-webkit-keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}.hvr-hang{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-hang:hover,.hvr-hang:focus,.hvr-hang:active{-webkit-animation-name:hvr-hang-sink, hvr-hang;animation-name:hvr-hang-sink, hvr-hang;-webkit-animation-duration:.3s, 1.5s;animation-duration:.3s, 1.5s;-webkit-animation-delay:0s, .3s;animation-delay:0s, .3s;-webkit-animation-timing-function:ease-out, ease-in-out;animation-timing-function:ease-out, ease-in-out;-webkit-animation-iteration-count:1, infinite;animation-iteration-count:1, infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal, alternate;animation-direction:normal, alternate}.hvr-skew{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-skew:hover,.hvr-skew:focus,.hvr-skew:active{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-forward{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-forward:hover,.hvr-skew-forward:focus,.hvr-skew-forward:active{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-backward{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-backward:hover,.hvr-skew-backward:focus,.hvr-skew-backward:active{-webkit-transform:skew(10deg);transform:skew(10deg)}@-webkit-keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-vertical:hover,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:active{-webkit-animation-name:hvr-wobble-vertical;animation-name:hvr-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px, 8px);transform:translate(8px, 8px)}33.3%{-webkit-transform:translate(-6px, -6px);transform:translate(-6px, -6px)}49.95%{-webkit-transform:translate(4px, 4px);transform:translate(4px, 4px)}66.6%{-webkit-transform:translate(-2px, -2px);transform:translate(-2px, -2px)}83.25%{-webkit-transform:translate(1px, 1px);transform:translate(1px, 1px)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px, 8px);transform:translate(8px, 8px)}33.3%{-webkit-transform:translate(-6px, -6px);transform:translate(-6px, -6px)}49.95%{-webkit-transform:translate(4px, 4px);transform:translate(4px, 4px)}66.6%{-webkit-transform:translate(-2px, -2px);transform:translate(-2px, -2px)}83.25%{-webkit-transform:translate(1px, 1px);transform:translate(1px, 1px)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}.hvr-wobble-to-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-to-bottom-right:hover,.hvr-wobble-to-bottom-right:focus,.hvr-wobble-to-bottom-right:active{-webkit-animation-name:hvr-wobble-to-bottom-right;animation-name:hvr-wobble-to-bottom-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px, -8px);transform:translate(8px, -8px)}33.3%{-webkit-transform:translate(-6px, 6px);transform:translate(-6px, 6px)}49.95%{-webkit-transform:translate(4px, -4px);transform:translate(4px, -4px)}66.6%{-webkit-transform:translate(-2px, 2px);transform:translate(-2px, 2px)}83.25%{-webkit-transform:translate(1px, -1px);transform:translate(1px, -1px)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px, -8px);transform:translate(8px, -8px)}33.3%{-webkit-transform:translate(-6px, 6px);transform:translate(-6px, 6px)}49.95%{-webkit-transform:translate(4px, -4px);transform:translate(4px, -4px)}66.6%{-webkit-transform:translate(-2px, 2px);transform:translate(-2px, 2px)}83.25%{-webkit-transform:translate(1px, -1px);transform:translate(1px, -1px)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}.hvr-wobble-to-top-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-to-top-right:hover,.hvr-wobble-to-top-right:focus,.hvr-wobble-to-top-right:active{-webkit-animation-name:hvr-wobble-to-top-right;animation-name:hvr-wobble-to-top-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-wobble-top:hover,.hvr-wobble-top:focus,.hvr-wobble-top:active{-webkit-animation-name:hvr-wobble-top;animation-name:hvr-wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transform-origin:100% 0;transform-origin:100% 0}.hvr-wobble-bottom:hover,.hvr-wobble-bottom:focus,.hvr-wobble-bottom:active{-webkit-animation-name:hvr-wobble-bottom;animation-name:hvr-wobble-bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-skew{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-skew:hover,.hvr-wobble-skew:focus,.hvr-wobble-skew:active{-webkit-animation-name:hvr-wobble-skew;animation-name:hvr-wobble-skew;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-buzz{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-buzz:hover,.hvr-buzz:focus,.hvr-buzz:active{-webkit-animation-name:hvr-buzz;animation-name:hvr-buzz;-webkit-animation-duration:0.15s;animation-duration:0.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-buzz-out:hover,.hvr-buzz-out:focus,.hvr-buzz-out:active{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-fade{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;overflow:hidden;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:color, background-color;transition-property:color, background-color}.hvr-fade:hover,.hvr-fade:focus,.hvr-fade:active{background-color:#2098d1;color:white}@-webkit-keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,0.75)}}@keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,0.75)}}.hvr-back-pulse{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;overflow:hidden;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-property:color, background-color;transition-property:color, background-color}.hvr-back-pulse:hover,.hvr-back-pulse:focus,.hvr-back-pulse:active{-webkit-animation-name:hvr-back-pulse;animation-name:hvr-back-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#2098d1;background-color:#2098d1;color:white}.hvr-sweep-to-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-sweep-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-right:hover,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:active{color:white}.hvr-sweep-to-right:hover:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:active:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-sweep-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-left:hover,.hvr-sweep-to-left:focus,.hvr-sweep-to-left:active{color:white}.hvr-sweep-to-left:hover:before,.hvr-sweep-to-left:focus:before,.hvr-sweep-to-left:active:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-sweep-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-bottom:hover,.hvr-sweep-to-bottom:focus,.hvr-sweep-to-bottom:active{color:white}.hvr-sweep-to-bottom:hover:before,.hvr-sweep-to-bottom:focus:before,.hvr-sweep-to-bottom:active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-sweep-to-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-sweep-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-top:hover,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:active{color:white}.hvr-sweep-to-top:hover:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-bounce-to-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-right:hover,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:active{color:white}.hvr-bounce-to-right:hover:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:active:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66)}.hvr-bounce-to-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-left:hover,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:active{color:white}.hvr-bounce-to-left:hover:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:active:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66)}.hvr-bounce-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-bottom:hover,.hvr-bounce-to-bottom:focus,.hvr-bounce-to-bottom:active{color:white}.hvr-bounce-to-bottom:hover:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:active:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66)}.hvr-bounce-to-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-top:hover,.hvr-bounce-to-top:focus,.hvr-bounce-to-top:active{color:white}.hvr-bounce-to-top:hover:before,.hvr-bounce-to-top:focus:before,.hvr-bounce-to-top:active:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66)}.hvr-radial-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-radial-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-out:hover,.hvr-radial-out:focus,.hvr-radial-out:active{color:white}.hvr-radial-out:hover:before,.hvr-radial-out:focus:before,.hvr-radial-out:active:before{-webkit-transform:scale(2);transform:scale(2)}.hvr-radial-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;background:#2098d1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-radial-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;border-radius:100%;-webkit-transform:scale(2);transform:scale(2);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-in:hover,.hvr-radial-in:focus,.hvr-radial-in:active{color:white}.hvr-radial-in:hover:before,.hvr-radial-in:focus:before,.hvr-radial-in:active:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#2098d1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-rectangle-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-in:hover,.hvr-rectangle-in:focus,.hvr-rectangle-in:active{color:white}.hvr-rectangle-in:hover:before,.hvr-rectangle-in:focus:before,.hvr-rectangle-in:active:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-rectangle-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-out:hover,.hvr-rectangle-out:focus,.hvr-rectangle-out:active{color:white}.hvr-rectangle-out:hover:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:active:before{-webkit-transform:scale(1);transform:scale(1)}.hvr-shutter-in-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#2098d1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-shutter-in-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-horizontal:hover,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:active{color:white}.hvr-shutter-in-horizontal:hover:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:active:before{-webkit-transform:scaleX(0);transform:scaleX(0)}.hvr-shutter-out-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-shutter-out-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-horizontal:hover,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:active{color:white}.hvr-shutter-out-horizontal:hover:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:active:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-shutter-in-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#2098d1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-shutter-in-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-vertical:hover,.hvr-shutter-in-vertical:focus,.hvr-shutter-in-vertical:active{color:white}.hvr-shutter-in-vertical:hover:before,.hvr-shutter-in-vertical:focus:before,.hvr-shutter-in-vertical:active:before{-webkit-transform:scaleY(0);transform:scaleY(0)}.hvr-shutter-out-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-shutter-out-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-vertical:hover,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:active{color:white}.hvr-shutter-out-vertical:hover:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-border-fade{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px transparent}.hvr-border-fade:hover,.hvr-border-fade:focus,.hvr-border-fade:active{box-shadow:inset 0 0 0 4px #2098d1,0 0 1px transparent}.hvr-hollow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:background;transition-property:background;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px transparent}.hvr-hollow:hover,.hvr-hollow:focus,.hvr-hollow:active{background:none}.hvr-trim{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-trim:before{content:'';position:absolute;border:white solid 4px;top:4px;left:4px;right:4px;bottom:4px;opacity:0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-trim:hover:before,.hvr-trim:focus:before,.hvr-trim:active:before{opacity:1}@-webkit-keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}@keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}.hvr-ripple-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-ripple-out:before{content:'';position:absolute;border:#e1e1e1 solid 6px;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-out:hover:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:active:before{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out}@-webkit-keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}@keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}.hvr-ripple-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-ripple-in:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-in:hover:before,.hvr-ripple-in:focus:before,.hvr-ripple-in:active:before{-webkit-animation-name:hvr-ripple-in;animation-name:hvr-ripple-in}.hvr-outline-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-outline-out:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:top, right, bottom, left;transition-property:top, right, bottom, left}.hvr-outline-out:hover:before,.hvr-outline-out:focus:before,.hvr-outline-out:active:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.hvr-outline-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-outline-in:before{pointer-events:none;content:'';position:absolute;border:#e1e1e1 solid 4px;top:-16px;right:-16px;bottom:-16px;left:-16px;opacity:0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:top, right, bottom, left;transition-property:top, right, bottom, left}.hvr-outline-in:hover:before,.hvr-outline-in:focus:before,.hvr-outline-in:active:before{top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:1}.hvr-round-corners{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:border-radius;transition-property:border-radius}.hvr-round-corners:hover,.hvr-round-corners:focus,.hvr-round-corners:active{border-radius:1em}.hvr-underline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-underline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#2098d1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-left:hover:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:active:before{right:0}.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#2098d1;height:4px;-webkit-transition-property:left, right;transition-property:left, right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-center:hover:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:active:before{left:0;right:0}.hvr-underline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-underline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;bottom:0;background:#2098d1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-right:hover:before,.hvr-underline-from-right:focus:before,.hvr-underline-from-right:active:before{left:0}.hvr-overline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-overline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;top:0;background:#2098d1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-left:hover:before,.hvr-overline-from-left:focus:before,.hvr-overline-from-left:active:before{right:0}.hvr-overline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-overline-from-center:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;top:0;background:#2098d1;height:4px;-webkit-transition-property:left, right;transition-property:left, right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-center:hover:before,.hvr-overline-from-center:focus:before,.hvr-overline-from-center:active:before{left:0;right:0}.hvr-overline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-overline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;top:0;background:#2098d1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-right:hover:before,.hvr-overline-from-right:focus:before,.hvr-overline-from-right:active:before{left:0}.hvr-reveal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;border-color:#2098d1;border-style:solid;border-width:0;-webkit-transition-property:border-width;transition-property:border-width;-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-reveal:hover:before,.hvr-reveal:focus:before,.hvr-reveal:active:before{-webkit-transform:translateY(0);transform:translateY(0);border-width:4px}.hvr-underline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-underline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;background:#2098d1;height:4px;-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-reveal:hover:before,.hvr-underline-reveal:focus:before,.hvr-underline-reveal:active:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-overline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-overline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;background:#2098d1;height:4px;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-reveal:hover:before,.hvr-overline-reveal:focus:before,.hvr-overline-reveal:active:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-glow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-glow:hover,.hvr-glow:focus,.hvr-glow:active{box-shadow:0 0 8px rgba(0,0,0,0.6)}.hvr-shadow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-shadow:hover,.hvr-shadow:focus,.hvr-shadow:active{box-shadow:0 10px 10px -10px rgba(0,0,0,0.5)}.hvr-grow-shadow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow, transform;transition-property:box-shadow, transform}.hvr-grow-shadow:hover,.hvr-grow-shadow:focus,.hvr-grow-shadow:active{box-shadow:0 10px 10px -10px rgba(0,0,0,0.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-box-shadow-outset{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-box-shadow-outset:hover,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:active{box-shadow:2px 2px 2px rgba(0,0,0,0.6)}.hvr-box-shadow-inset{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 rgba(0,0,0,0.6),0 0 1px transparent}.hvr-box-shadow-inset:hover,.hvr-box-shadow-inset:focus,.hvr-box-shadow-inset:active{box-shadow:inset 2px 2px 2px rgba(0,0,0,0.6),0 0 1px transparent}.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center, ellipse, rgba(0,0,0,0.35) 0%, transparent 80%);background:radial-gradient(ellipse at center, rgba(0,0,0,0.35) 0%, transparent 80%);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform, opacity;transition-property:transform, opacity}.hvr-float-shadow:hover,.hvr-float-shadow:focus,.hvr-float-shadow:active{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.hvr-float-shadow:hover:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:active:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}.hvr-shadow-radial{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-shadow-radial:before,.hvr-shadow-radial:after{pointer-events:none;position:absolute;content:'';left:0;width:100%;box-sizing:border-box;background-repeat:no-repeat;height:5px;opacity:0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-shadow-radial:before{bottom:100%;background:-webkit-radial-gradient(50% 150%, ellipse, rgba(0,0,0,0.6) 0%, transparent 80%);background:radial-gradient(ellipse at 50% 150%, rgba(0,0,0,0.6) 0%, transparent 80%)}.hvr-shadow-radial:after{top:100%;background:-webkit-radial-gradient(50% -50%, ellipse, rgba(0,0,0,0.6) 0%, transparent 80%);background:radial-gradient(ellipse at 50% -50%, rgba(0,0,0,0.6) 0%, transparent 80%)}.hvr-shadow-radial:hover:before,.hvr-shadow-radial:focus:before,.hvr-shadow-radial:active:before,.hvr-shadow-radial:hover:after,.hvr-shadow-radial:focus:after,.hvr-shadow-radial:active:after{opacity:1}.hvr-bubble-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-bubble-top:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);top:0;border-width:0 10px 10px 10px;border-color:transparent transparent #e1e1e1 transparent}.hvr-bubble-top:hover:before,.hvr-bubble-top:focus:before,.hvr-bubble-top:active:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-bubble-right:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);right:0;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1}.hvr-bubble-right:hover:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:active:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0 10px;border-color:#e1e1e1 transparent transparent transparent}.hvr-bubble-bottom:hover:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:active:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-bubble-left:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);left:0;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent}.hvr-bubble-left:hover:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:active:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);top:0;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent #e1e1e1 transparent;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:hover,.hvr-bubble-float-top:focus,.hvr-bubble-float-top:active{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-top:hover:before,.hvr-bubble-float-top:focus:before,.hvr-bubble-float-top:active:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:before{position:absolute;z-index:-1;top:calc(50% - 10px);right:0;content:'';border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:hover,.hvr-bubble-float-right:focus,.hvr-bubble-float-right:active{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-right:hover:before,.hvr-bubble-float-right:focus:before,.hvr-bubble-float-right:active:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);bottom:0;border-style:solid;border-width:10px 10px 0 10px;border-color:#e1e1e1 transparent transparent transparent;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:hover,.hvr-bubble-float-bottom:focus,.hvr-bubble-float-bottom:active{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-bottom:hover:before,.hvr-bubble-float-bottom:focus:before,.hvr-bubble-float-bottom:active:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:'';top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-icon-back{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-left:2.2em;-webkit-transition-duration:0.1s;transition-duration:0.1s}.hvr-icon-back:before{content:"\f137";position:absolute;left:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-back:hover:before,.hvr-icon-back:focus:before,.hvr-icon-back:active:before{-webkit-transform:translateX(-4px);transform:translateX(-4px)}.hvr-icon-forward{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.1s;transition-duration:0.1s}.hvr-icon-forward:before{content:"\f138";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-forward:hover:before,.hvr-icon-forward:focus:before,.hvr-icon-forward:active:before{-webkit-transform:translateX(4px);transform:translateX(4px)}@-webkit-keyframes hvr-icon-down{0%,
+ 50%,
+ 100%{-webkit-transform:translateY(0);transform:translateY(0)}25%,
+ 75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-down{0%,
+ 50%,
+ 100%{-webkit-transform:translateY(0);transform:translateY(0)}25%,
+ 75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-down{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-down:before{content:"\f01a";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-down:hover:before,.hvr-icon-down:focus:before,.hvr-icon-down:active:before{-webkit-animation-name:hvr-icon-down;animation-name:hvr-icon-down;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-up{0%,
+ 50%,
+ 100%{-webkit-transform:translateY(0);transform:translateY(0)}25%,
+ 75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-up{0%,
+ 50%,
+ 100%{-webkit-transform:translateY(0);transform:translateY(0)}25%,
+ 75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-up{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-up:before{content:"\f01b";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-up:hover:before,.hvr-icon-up:focus:before,.hvr-icon-up:active:before{-webkit-animation-name:hvr-icon-up;animation-name:hvr-icon-up;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-spin{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-spin:before{content:"\f021";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.hvr-icon-spin:hover:before,.hvr-icon-spin:focus:before,.hvr-icon-spin:active:before{-webkit-transform:rotate(360deg);transform:rotate(360deg)}@-webkit-keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}51%,
+ 100%{opacity:1}}@keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}51%,
+ 100%{opacity:1}}.hvr-icon-drop{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-drop:before{content:"\f041";position:absolute;right:1em;opacity:1;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-drop:hover:before,.hvr-icon-drop:focus:before,.hvr-icon-drop:active:before{opacity:0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-animation-name:hvr-icon-drop;animation-name:hvr-icon-drop;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-delay:0.3s;animation-delay:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);animation-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66)}.hvr-icon-fade{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-fade:before{content:"\f00c";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-property:color;transition-property:color}.hvr-icon-fade:hover:before,.hvr-icon-fade:focus:before,.hvr-icon-fade:active:before{color:#0F9E5E}@-webkit-keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}@keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}.hvr-icon-float-away{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-float-away:before,.hvr-icon-float-away:after{content:"\f055";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome}.hvr-icon-float-away:after{opacity:0;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-float-away:hover:after,.hvr-icon-float-away:focus:after,.hvr-icon-float-away:active:after{-webkit-animation-name:hvr-icon-float-away;animation-name:hvr-icon-float-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}@keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}.hvr-icon-sink-away{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-sink-away:before,.hvr-icon-sink-away:after{content:"\f056";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-sink-away:after{opacity:0;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-sink-away:hover:after,.hvr-icon-sink-away:focus:after,.hvr-icon-sink-away:active:after{-webkit-animation-name:hvr-icon-sink-away;animation-name:hvr-icon-sink-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-grow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-grow:before{content:"\f118";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow:hover:before,.hvr-icon-grow:focus:before,.hvr-icon-grow:active:before{-webkit-transform:scale(1.3) translateZ(0);transform:scale(1.3) translateZ(0)}.hvr-icon-shrink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-shrink:before{content:"\f119";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-shrink:hover:before,.hvr-icon-shrink:focus:before,.hvr-icon-shrink:active:before{-webkit-transform:scale(0.8);transform:scale(0.8)}@-webkit-keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-pulse:before{content:"\f015";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse:hover:before,.hvr-icon-pulse:focus:before,.hvr-icon-pulse:active:before{-webkit-animation-name:hvr-icon-pulse;animation-name:hvr-icon-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}.hvr-icon-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-pulse-grow:before{content:"\f015";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-grow:hover:before,.hvr-icon-pulse-grow:focus:before,.hvr-icon-pulse-grow:active:before{-webkit-animation-name:hvr-icon-pulse-grow;animation-name:hvr-icon-pulse-grow;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-pulse-shrink:before{content:"\f015";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-shrink:hover:before,.hvr-icon-pulse-shrink:focus:before,.hvr-icon-pulse-shrink:active:before{-webkit-animation-name:hvr-icon-pulse-shrink;animation-name:hvr-icon-pulse-shrink;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}.hvr-icon-push{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-push:before{content:"\f006";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-push:hover:before,.hvr-icon-push:focus:before,.hvr-icon-push:active:before{-webkit-animation-name:hvr-icon-push;animation-name:hvr-icon-push;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}.hvr-icon-pop{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-pop:before{content:"\f005";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pop:hover:before,.hvr-icon-pop:focus:before,.hvr-icon-pop:active:before{-webkit-animation-name:hvr-icon-pop;animation-name:hvr-icon-pop;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-icon-bounce{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-bounce:before{content:"\f087";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-bounce:hover:before,.hvr-icon-bounce:focus:before,.hvr-icon-bounce:active:before{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36)}.hvr-icon-rotate{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-rotate:before{content:"\f0c6";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-rotate:hover:before,.hvr-icon-rotate:focus:before,.hvr-icon-rotate:active:before{-webkit-transform:rotate(20deg);transform:rotate(20deg)}.hvr-icon-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-grow-rotate:before{content:"\f095";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow-rotate:hover:before,.hvr-icon-grow-rotate:focus:before,.hvr-icon-grow-rotate:active:before{-webkit-transform:scale(1.5) rotate(12deg);transform:scale(1.5) rotate(12deg)}.hvr-icon-float{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-float:before{content:"\f01b";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-float:hover:before,.hvr-icon-float:focus:before,.hvr-icon-float:active:before{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.hvr-icon-sink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-sink:before{content:"\f01a";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-sink:hover:before,.hvr-icon-sink:focus:before,.hvr-icon-sink:active:before{-webkit-transform:translateY(4px);transform:translateY(4px)}@-webkit-keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-bob{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-bob:before{content:"\f077";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-bob:hover:before,.hvr-icon-bob:focus:before,.hvr-icon-bob:active:before{-webkit-animation-name:hvr-icon-bob-float, hvr-icon-bob;animation-name:hvr-icon-bob-float, hvr-icon-bob;-webkit-animation-duration:.3s, 1.5s;animation-duration:.3s, 1.5s;-webkit-animation-delay:0s, .3s;animation-delay:0s, .3s;-webkit-animation-timing-function:ease-out, ease-in-out;animation-timing-function:ease-out, ease-in-out;-webkit-animation-iteration-count:1, infinite;animation-iteration-count:1, infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal, alternate;animation-direction:normal, alternate}@-webkit-keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@-webkit-keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-hang{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-hang:before{content:"\f078";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-hang:hover:before,.hvr-icon-hang:focus:before,.hvr-icon-hang:active:before{-webkit-animation-name:hvr-icon-hang-sink, hvr-icon-hang;animation-name:hvr-icon-hang-sink, hvr-icon-hang;-webkit-animation-duration:.3s, 1.5s;animation-duration:.3s, 1.5s;-webkit-animation-delay:0s, .3s;animation-delay:0s, .3s;-webkit-animation-timing-function:ease-out, ease-in-out;animation-timing-function:ease-out, ease-in-out;-webkit-animation-iteration-count:1, infinite;animation-iteration-count:1, infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal, alternate;animation-direction:normal, alternate}@-webkit-keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-icon-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-wobble-horizontal:before{content:"\f061";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-horizontal:hover:before,.hvr-icon-wobble-horizontal:focus:before,.hvr-icon-wobble-horizontal:active:before{-webkit-animation-name:hvr-icon-wobble-horizontal;animation-name:hvr-icon-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-icon-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-wobble-vertical:before{content:"\f062";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-vertical:hover:before,.hvr-icon-wobble-vertical:focus:before,.hvr-icon-wobble-vertical:active:before{-webkit-animation-name:hvr-icon-wobble-vertical;animation-name:hvr-icon-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-icon-buzz{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-buzz:before{content:"\f017";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz:hover:before,.hvr-icon-buzz:focus:before,.hvr-icon-buzz:active:before{-webkit-animation-name:hvr-icon-buzz;animation-name:hvr-icon-buzz;-webkit-animation-duration:0.15s;animation-duration:0.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-icon-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-buzz-out:before{content:"\f023";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz-out:hover:before,.hvr-icon-buzz-out:focus:before,.hvr-icon-buzz-out:active:before{-webkit-animation-name:hvr-icon-buzz-out;animation-name:hvr-icon-buzz-out;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-curl-top-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-curl-top-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;left:0;background:white;background:linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');z-index:1000;box-shadow:1px 1px 1px rgba(0,0,0,0.4);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:width, height;transition-property:width, height}.hvr-curl-top-left:hover:before,.hvr-curl-top-left:focus:before,.hvr-curl-top-left:active:before{width:25px;height:25px}.hvr-curl-top-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-curl-top-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;right:0;background:white;background:linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);box-shadow:-1px 1px 1px rgba(0,0,0,0.4);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:width, height;transition-property:width, height}.hvr-curl-top-right:hover:before,.hvr-curl-top-right:focus:before,.hvr-curl-top-right:active:before{width:25px;height:25px}.hvr-curl-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-curl-bottom-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;right:0;background:white;background:linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);box-shadow:-1px -1px 1px rgba(0,0,0,0.4);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:width, height;transition-property:width, height}.hvr-curl-bottom-right:hover:before,.hvr-curl-bottom-right:focus:before,.hvr-curl-bottom-right:active:before{width:25px;height:25px}.hvr-curl-bottom-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-curl-bottom-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;left:0;background:white;background:linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);box-shadow:1px -1px 1px rgba(0,0,0,0.4);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:width, height;transition-property:width, height}.hvr-curl-bottom-left:hover:before,.hvr-curl-bottom-left:focus:before,.hvr-curl-bottom-left:active:before{width:25px;height:25px}.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);-moz-transform:translate3d(0px, 0, 0);-o-transform:translate(0px, 0px);-ms-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-prev,.swiper-button-next,.swiper-button-prev-clients,.swiper-button-next-clients,.swiper-button-prev-small-youtube,.swiper-button-next-small-youtube{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-button-prev-clients,.swiper-button-prev-small-youtube,.swiper-container-rtl .swiper-button-next{background-image:url("../img/prev.png");left:30px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-button-next-clients,.swiper-button-next-small-youtube,.swiper-container-rtl .swiper-button-prev{background-image:url("../img/next.png");right:30px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:0.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0px, -50%, 0);-moz-transform:translate3d(0px, -50%, 0);-o-transform:translate(0px, -50%);-ms-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(transparent));background-image:-webkit-linear-gradient(right, rgba(0,0,0,0.5), transparent);background-image:-moz-linear-gradient(right, rgba(0,0,0,0.5), transparent);background-image:-o-linear-gradient(right, rgba(0,0,0,0.5), transparent);background-image:linear-gradient(to left, rgba(0,0,0,0.5), transparent)}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.5)), to(transparent));background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.5), transparent);background-image:-moz-linear-gradient(left, rgba(0,0,0,0.5), transparent);background-image:-o-linear-gradient(left, rgba(0,0,0,0.5), transparent);background-image:linear-gradient(to right, rgba(0,0,0,0.5), transparent)}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(transparent));background-image:-webkit-linear-gradient(bottom, rgba(0,0,0,0.5), transparent);background-image:-moz-linear-gradient(bottom, rgba(0,0,0,0.5), transparent);background-image:-o-linear-gradient(bottom, rgba(0,0,0,0.5), transparent);background-image:linear-gradient(to top, rgba(0,0,0,0.5), transparent)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(transparent));background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.5), transparent);background-image:-moz-linear-gradient(top, rgba(0,0,0,0.5), transparent);background-image:-o-linear-gradient(top, rgba(0,0,0,0.5), transparent);background-image:linear-gradient(to bottom, rgba(0,0,0,0.5), transparent)}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;z-index:1}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-prev,.swiper-container-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:0.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,0.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,0.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12, end) infinite;animation:swiper-preloader-spin 1s steps(12, end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:99999;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:999999;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:9999999}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:999999}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:99999999;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:0.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width: 900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.slow{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.slower{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.slowest{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.delay-250{-webkit-animation-delay:0.25s;-moz-animation-delay:0.25s;-o-animation-delay:0.25s;animation-delay:0.25s}.delay-500{-webkit-animation-delay:0.5s;-moz-animation-delay:0.5s;-o-animation-delay:0.5s;animation-delay:0.5s}.delay-750{-webkit-animation-delay:0.75s;-moz-animation-delay:0.75s;-o-animation-delay:0.75s;animation-delay:0.75s}.delay-1000{-webkit-animation-delay:1.0s;-moz-animation-delay:1.0s;-o-animation-delay:1.0s;animation-delay:1.0s}.delay-1250{-webkit-animation-delay:1.25s;-moz-animation-delay:1.25s;-o-animation-delay:1.25s;animation-delay:1.25s}.delay-1500{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s}.delay-1750{-webkit-animation-delay:1.75s;-moz-animation-delay:1.75s;-o-animation-delay:1.75s;animation-delay:1.75s}.delay-2000{-webkit-animation-delay:2.0s;-moz-animation-delay:2.0s;-o-animation-delay:2.0s;animation-delay:2.0s}.delay-2500{-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s}.delay-2000{-webkit-animation-delay:2.0s;-moz-animation-delay:2.0s;-o-animation-delay:2.0s;animation-delay:2.0s}.delay-2500{-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s}.delay-3000{-webkit-animation-delay:3.0s;-moz-animation-delay:3.0s;-o-animation-delay:3.0s;animation-delay:3.0s}.delay-3500{-webkit-animation-delay:3.5s;-moz-animation-delay:3.5s;-o-animation-delay:3.5s;animation-delay:3.5s}.bounceInRight,.bounceInLeft,.bounceInUp,.bounceInDown{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}.fadeInRight,.fadeInLeft,.fadeInUp,.fadeInDown{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}.flipInX,.flipInY,.rotateIn,.rotateInUpLeft,.rotateInUpRight,.rotateInDownLeft,.rotateDownUpRight,.rollIn{opacity:0}.lightSpeedInRight,.lightSpeedInLeft{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(0.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(0.9)}100%{-webkit-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.9)}100%{transform:scale(1)}}.bounceIn.go{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(400px)}60%{-webkit-transform:translateX(-30px)}80%{-webkit-transform:translateX(10px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(400px)}60%{transform:translateX(-30px)}80%{transform:translateX(10px)}100%{opacity:1;transform:translateX(0)}}.bounceInRight.go{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-400px)}60%{-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-400px)}60%{transform:translateX(30px)}80%{transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}.bounceInLeft.go{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(400px)}60%{-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(400px)}60%{transform:translateY(-30px)}80%{transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}.bounceInUp.go{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-400px)}60%{-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-400px)}60%{transform:translateY(30px)}80%{transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}.bounceInDown.go{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1;display:block}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1;display:block}}.fadeIn{opacity:0}.fadeIn.go{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes growIn{0%{-webkit-transform:scale(0.2);opacity:0}50%{-webkit-transform:scale(1.2)}100%{-webkit-transform:scale(1);opacity:1}}@keyframes growIn{0%{transform:scale(0.2);opacity:0}50%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}.growIn{-webkit-transform:scale(0.2);transform:scale(0.2);opacity:0}.growIn.go{-webkit-animation-name:growIn;animation-name:growIn}@-webkit-keyframes shake{0%, 100%{-webkit-transform:translateX(0)}10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px)}20%, 40%, 60%, 80%{-webkit-transform:translateX(10px)}}@keyframes shake{0%, 100%{transform:translateX(0)}10%, 30%, 50%, 70%, 90%{transform:translateX(-10px)}20%, 40%, 60%, 80%{transform:translateX(10px)}}.shake.go{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes shakeUp{0%, 100%{-webkit-transform:translateX(0)}10%, 30%, 50%, 70%, 90%{-webkit-transform:translateY(-10px)}20%, 40%, 60%, 80%{-webkit-transform:translateY(10px)}}@keyframes shakeUp{0%, 100%{transform:translateY(0)}10%, 30%, 50%, 70%, 90%{transform:translateY(-10px)}20%, 40%, 60%, 80%{transform:translateY(10px)}}.shakeUp.go{-webkit-animation-name:shakeUp;animation-name:shakeUp}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-400px)}50%{opacity:0.3}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-400px)}50%{opacity:0.3}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{opacity:0;-webkit-transform:translateX(-400px);transform:translateX(-400px)}.fadeInLeft.go{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(400px)}50%{opacity:0.3}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(400px)}50%{opacity:0.3}100%{opacity:1;transform:translateX(0)}}.fadeInRight{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}.fadeInRight.go{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(400px)}50%{opacity:0.3}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(400px)}50%{opacity:0.3}100%{opacity:1;transform:translateY(0)}}.fadeInUp{opacity:0;-webkit-transform:translateY(400px);transform:translateY(400px)}.fadeInUp.go{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-400px)}50%{opacity:0.3}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-400px)}50%{opacity:0.3}100%{opacity:1;transform:translateY(0)}}.fadeInDown{opacity:0;-webkit-transform:translateY(-400px);transform:translateY(-400px)}.fadeInDown.go{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn.go{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInUpLeft.go{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInDownLeft.go{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInUpRight.go{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInDownRight.go{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}.rollIn.go{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg)}10%{-webkit-transform:skewX(-8deg)}20%{-webkit-transform:skewX(7deg)}30%{-webkit-transform:skewX(-6deg)}40%{-webkit-transform:skewX(5deg)}50%{-webkit-transform:skewX(-4deg)}60%{-webkit-transform:skewX(3deg)}70%{-webkit-transform:skewX(-2deg)}80%{-webkit-transform:skewX(1deg)}90%{-webkit-transform:skewX(0deg)}100%{-webkit-transform:skewX(0deg)}}@keyframes wiggle{0%{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)}100%{transform:skewX(0deg)}}.wiggle.go{-webkit-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes swing{20%, 40%, 60%, 80%, 100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.swing.go{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg)}40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%, 20%{transform:scale(0.9) rotate(-3deg)}30%, 50%, 70%, 90%{transform:scale(1.1) rotate(3deg)}40%, 60%, 80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada.go{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%)}}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}.wobble.go{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse.go{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedInRight{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0%) skewX(-15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedInRight.go{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translateX(-100%) skewX(30deg);opacity:0}60%{-webkit-transform:translateX(20%) skewX(-30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedInLeft{0%{transform:translateX(-100%) skewX(30deg);opacity:0}60%{transform:translateX(20%) skewX(-30deg);opacity:1}80%{transform:translateX(0%) skewX(15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedInLeft.go{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(0.95);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) rotateY(360deg) scale(0.95);animation-timing-function:ease-in}100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in}}.flip.go{-webkit-backface-visibility:visible !important;-webkit-animation-name:flip;backface-visibility:visible !important;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX.go{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInX;backface-visibility:visible !important;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY.go{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInY;backface-visibility:visible !important;animation-name:flipInY}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(0.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(0.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(0.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(0.3)}}.bounceOut.goAway{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}.bounceOutUp.goAway{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}.bounceOutDown.goAway{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft.goAway{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}.bounceOutRight.goAway{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut.goAway{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.fadeOutUp.goAway{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}.fadeOutDown.goAway{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.fadeOutLeft.goAway{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.fadeOutRight.goAway{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX.goAway{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible !important;animation-name:flipOutX;backface-visibility:visible !important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipOutY;backface-visibility:visible !important;animation-name:flipOutY}@-webkit-keyframes lightSpeedOutRight{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOutRight.goAway{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(-100%) skewX(30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(-100%) skewX(30deg);opacity:0}}.lightSpeedOutLeft.goAway{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}.rotateOut.goAway{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{-transform-origin:left bottom;-transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft.goAway{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.rotateOutDownLeft.goAway{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight.goAway{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut.goAway{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes fadeInUpShort{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInUpShort{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUpShort{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.fadeInUpShort.go{-webkit-animation-name:fadeInUpShort;animation-name:fadeInUpShort}@-webkit-keyframes fadeInDownShort{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInDownShort{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDownShort{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.fadeInDownShort.go{-webkit-animation-name:fadeInDownShort;animation-name:fadeInDownShort}@-webkit-keyframes fadeInRightShort{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInRightShort{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fadeInRightShort{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.fadeInRightShort.go{-webkit-animation-name:fadeInRightShort;animation-name:fadeInRightShort}@-webkit-keyframes fadeInLeftShort{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInLeftShort{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeftShort{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}.fadeInLeftShort.go{-webkit-animation-name:fadeInLeftShort;animation-name:fadeInLeftShort}.logo-slider{margin-bottom:50px}.logo-slider p{margin:0 0 40px 0}@media screen and (max-width: 420px){.logo-slider p{margin:0 0 25px 0}.logo-slider .swiper-slide{text-align:center}}.clients{background:url(../dummy/clients.jpg);padding:40px 0;margin-bottom:50px;background-size:cover !important}.clients .inner.small,.clients .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .clients .tx-felogin-pi1-inner{padding:0 60px}.clients h2,.clients .ce-table table caption,.ce-table table .clients caption{margin-bottom:50px;color:#fff}.clients p{color:#fff;text-align:center}.clients p strong{display:block;margin-bottom:3px}.clients p+p{margin-top:20px}@media screen and (max-width: 600px){.clients .inner.small,.clients .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .clients .tx-felogin-pi1-inner{padding:0 40px}.clients .swiper-button-next-clients{right:10px;height:26px;width:15px;margin-top:-13px;background-size:15px 26px}.clients .swiper-button-prev-clients{left:10px;height:26px;width:15px;margin-top:-13px;background-size:15px 26px}}.unterseiten-banner{text-align:center;padding:50px 0 50px 0;background:#767679 url(../dummy/banner.jpg) no-repeat;background-position:center !important;margin-bottom:50px;min-height:200px;background-repeat:no-repeat !important;background-size:cover !important}.unterseiten-banner+.breadcrumbContainer{margin-top:-50px;margin-bottom:50px}.unterseiten-banner p{color:#fff}.unterseiten-banner a{margin-top:20px}.unterseiten-banner.arrow{position:relative}.unterseiten-banner.arrow:after,.unterseiten-banner.arrow:before{top:0;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.unterseiten-banner.arrow:after{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:20px;margin-left:-20px}.unterseiten-banner.arrow:before{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:20px;margin-left:-20px}.unterseiten-banner.arrowGrey{position:relative}.unterseiten-banner.arrowGrey:after,.unterseiten-banner.arrowGrey:before{top:0;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.unterseiten-banner.arrowGrey:after{border-color:rgba(255,255,255,0);border-top-color:#333;border-width:20px;margin-left:-20px}.unterseiten-banner.arrowGrey:before{border-color:rgba(255,255,255,0);border-top-color:#333;border-width:20px;margin-left:-20px}.ce-twoCol-Box{padding:0;margin-bottom:50px}.ce-twoCol-Box.addPadding{padding:40px 0}.ce-twoCol-Box .texttop{margin-bottom:40px}.ce-twoCol-Box .texttop h1,.ce-twoCol-Box .texttop h2,.ce-twoCol-Box .texttop .ce-table table caption,.ce-table table .ce-twoCol-Box .texttop caption,.ce-twoCol-Box .texttop h3,.ce-twoCol-Box .texttop h4{margin-bottom:0}.ce-twoCol-Box .boxen .arrowlink:hover:after,.ce-twoCol-Box .boxen .thirdSection .right a:hover:after,.thirdSection .right .ce-twoCol-Box .boxen a:hover:after{display:inline-block;text-decoration:none !important}.ce-twoCol-Box .boxen.withFontAwesome>div{float:left;width:calc(100% / 2);padding-right:95px;position:relative;text-align:right}.ce-twoCol-Box .boxen.withFontAwesome>div .headlineH2:after,.ce-twoCol-Box .boxen.withFontAwesome>div .tx-typo3forum-pi1 #topic fieldset legend:after,.tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome>div legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div .tx-typo3forum-pi1 #post fieldset legend:after,.tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome>div legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div .tx-typo3forum-pi1 #report fieldset legend:after,.tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome>div legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div .mp-contentContainer.checkout .checkout_paymentOption h2:after,.mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome>div h2:after,.ce-twoCol-Box .boxen.withFontAwesome>div .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome>div caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome>div caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>h2:after,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome>div .tx-typo3forum-post-latest-box>h2:after,.ce-twoCol-Box .boxen.withFontAwesome>div .community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box>caption:after,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome>div .tx-typo3forum-post-latest-box>caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div .ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>caption:after,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome>div .tx-typo3forum-post-latest-box>caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div .headlineH2Center:after,.ce-twoCol-Box .boxen.withFontAwesome>div .service-formular fieldset .powermail_legend:after,.service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome>div .powermail_legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div .latest-news-container h2:after,.latest-news-container .ce-twoCol-Box .boxen.withFontAwesome>div h2:after,.ce-twoCol-Box .boxen.withFontAwesome>div .latest-news-container .ce-table table caption:after,.latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome>div caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div .ce-table table .latest-news-container caption:after,.ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome>div caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div .mp-contentContainer.checkout h1:after,.mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome>div h1:after{margin:10px 0 0 auto}.ce-twoCol-Box .boxen.withFontAwesome>div .smallHeadlineWithUnderline:after{margin:5px 0 0 auto}.ce-twoCol-Box .boxen.withFontAwesome>div>i{position:absolute;top:0;right:15px;padding:10px;padding-top:18px;background:#c6c6c6;border-radius:50px;height:60px;width:60px;text-align:center}.ce-twoCol-Box .boxen.withFontAwesome>div>i:before{vertical-align:middle;font-size:24px}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n)>i{right:auto;left:15px}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .smallHeadlineWithUnderline:after{margin:5px auto 0 0}.ce-twoCol-Box .boxen.withFontAwesome>div p i{padding-left:0}.ce-twoCol-Box .boxen.withFontAwesome>div p+ul{margin-top:15px}.ce-twoCol-Box .boxen.withFontAwesome>div p.align-left{text-align:left}.ce-twoCol-Box .boxen.withFontAwesome>div p.align-right{text-align:right}.ce-twoCol-Box .boxen.withFontAwesome>div p.align-center{text-align:center}.ce-twoCol-Box .boxen.withFontAwesome>div a{color:#0067b1;text-decoration:none}.ce-twoCol-Box .boxen.withFontAwesome>div a:hover{text-decoration:underline}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(n+3){margin-top:45px}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n){padding-right:0;padding-left:95px;text-align:left}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .headlineH2:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .tx-typo3forum-pi1 #topic fieldset legend:after,.tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .tx-typo3forum-pi1 #post fieldset legend:after,.tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .tx-typo3forum-pi1 #report fieldset legend:after,.tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption h2:after,.mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) h2:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>h2:after,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .tx-typo3forum-post-latest-box>h2:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box>caption:after,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .tx-typo3forum-post-latest-box>caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>caption:after,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .tx-typo3forum-post-latest-box>caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .headlineH2Center:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .service-formular fieldset .powermail_legend:after,.service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .powermail_legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .latest-news-container h2:after,.latest-news-container .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) h2:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .latest-news-container .ce-table table caption:after,.latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .ce-table table .latest-news-container caption:after,.ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .mp-contentContainer.checkout h1:after,.mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) h1:after{margin:10px auto 0 0}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) span{right:auto;left:15px}@media screen and (max-width: 800px){.ce-twoCol-Box .boxen.withFontAwesome>div{float:none;width:100%;margin-right:0}.ce-twoCol-Box .boxen.withFontAwesome>div+div{margin-top:40px !important}}@media screen and (max-width: 600px){.ce-twoCol-Box .boxen.withFontAwesome>div{padding-left:0;padding-right:0}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n){padding-left:0}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n)>i.fa{display:none}.ce-twoCol-Box .boxen.withFontAwesome>div>i.fa{display:none}}.ce-twoCol-Box .boxen.withoutFontAwesome>div{float:left;width:calc((100% - 25px) / 2)}.ce-twoCol-Box .boxen.withoutFontAwesome>div+div{margin-left:25px}.ce-twoCol-Box .boxen.withoutFontAwesome>div:nth-of-type(2n+3){margin-left:0}.ce-twoCol-Box .boxen.withoutFontAwesome>div:nth-of-type(n+3){margin-top:50px}@media screen and (max-width: 767px){.ce-twoCol-Box .boxen.withoutFontAwesome>div{float:none;width:100%}.ce-twoCol-Box .boxen.withoutFontAwesome>div:nth-of-type(n+3){margin-top:25px}.ce-twoCol-Box .boxen.withoutFontAwesome>div+div{margin-top:25px;margin-left:0 !important}}.ce-twoCol-Box .boxen.withOtherFontAwesome div{float:left;width:48%;position:relative;padding-left:120px;min-height:80px}.ce-twoCol-Box .boxen.withOtherFontAwesome div>i.fa{position:absolute;top:0;right:80%}.ce-twoCol-Box .boxen.withOtherFontAwesome div>i.fa:before{vertical-align:middle;font-size:80px;color:#0067b1}.ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n+3){margin-top:40px}@media screen and (max-width: 800px){.ce-twoCol-Box .boxen.withOtherFontAwesome div{float:none;width:100%;padding-left:0}.ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n+2){margin-top:40px}.ce-twoCol-Box .boxen.withOtherFontAwesome div>i.fa{position:relative;top:auto;left:auto;float:left;margin-right:15px;display:none}.ce-twoCol-Box .boxen.withOtherFontAwesome div>i.fa:before{font-size:50px}.ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(2n)>i.fa{left:auto}.ce-twoCol-Box .boxen.withOtherFontAwesome div+div{margin-top:30px}}.text-slide{margin-bottom:50px}.text-slide .openImgSubHeadline{font-size:15px;line-height:normal;color:#333;text-decoration:none;font-weight:400;margin:0 0 5px 0}.text-slide .left{float:left;width:40.77%;width:calc((100% - 25px) / 2)}.text-slide .left h3{font-family:"Open Sans",sans-serif;font-weight:700;color:#333;margin:0 0 20px 0}.text-slide .left p{color:#333}.text-slide .right{float:left;width:50%;width:calc((100% - 25px) / 2);margin-left:9.22%;margin-left:25px}.text-slide .right .openImage{position:relative;display:block}.text-slide .right .openImage i{font-size:1.5rem;color:#fff;position:absolute;left:0;right:0;z-index:20;top:50%;margin-top:-12px;text-align:center;color:#333}.text-slide .right .openImage i:before,.text-slide .right .openImage i:after{color:#333}.text-slide .right .openImage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:rgba(255,255,255,0.5);border:solid 1px rgba(0,0,0,0.2)}.text-slide .right .singleImage{display:block;max-height:250px;overflow:hidden}.text-slide .right .singleImage img{display:block}@media screen and (max-width: 768px){.text-slide .left{width:100%;float:none}.text-slide .right{float:none;width:100%;margin-left:0;margin-top:25px}}.ce-Image-Text-Element{margin-bottom:50px}.ce-Image-Text-Element .einspaltig .bigText{font-size:18px;line-height:normal}.ce-Image-Text-Element .einspaltig+figure{margin-top:25px}.ce-Image-Text-Element figure{margin:0}.ce-Image-Text-Element figure figcaption{font-size:12px;display:block;margin:0;padding:0;line-height:normal;text-align:right;color:#333}.ce-Image-Text-Element figure img{display:block;margin:0 auto}.ce-Image-Text-Element figure+.einspaltig{margin-top:25px}.toggleContainer{margin-bottom:50px !important}@media screen and (max-width: 1100px){.toggleContainer{padding:50px 25px 40px 25px !important}}.toggleContainer h2,.toggleContainer .ce-table table caption,.ce-table table .toggleContainer caption{margin:0 0 30px 0}.toggleContainer h3{padding:0 20px;background:#ececec;line-height:55px;margin:0 0 10px 0;font-weight:700;outline:none;cursor:pointer}.toggleContainer h3 i{color:#6c6c6c}.toggleContainer h3 i+strong{margin-left:25px}.toggleContainer h3 i+p{margin-left:5px}.toggleContainer h3 strong{font-family:"Quicksand",sans-serif;font-weight:700;font-size:24px;line-height:normal;display:inline-block;margin-right:10px;vertical-align:middle}.toggleContainer h3 p{display:inline-block;margin:0;font-family:"Quicksand",sans-serif;color:#333}.toggleContainer h3 span{float:right;display:inline-block;font-size:15px;line-height:normal;font-weight:700;font-family:"Quicksand",sans-serif;line-height:55px}.toggleContainer .ui-accordion-content{padding-bottom:20px}@media screen and (max-width: 600px){.toggleContainer h3 strong{font-size:16px;line-height:normal}.toggleContainer h3 span{font-size:14px;line-height:normal}}@media screen and (max-width: 480px){.toggleContainer h3 span{float:none;width:100%;line-height:16px;display:block;padding-bottom:15px;padding-left:44px;margin-top:-10px}}.ce-threeBoxesWithOption{margin-bottom:50px}.ce-threeBoxesWithOption.addPadding{padding:50px 0 50px 0}.ce-threeBoxesWithOption p{color:#fff}.ce-threeBoxesWithOption .inner>div{margin-top:40px}.ce-threeBoxesWithOption .inner div article{float:left;width:calc(100% / 3);text-align:center;padding:0 20px}.ce-threeBoxesWithOption .inner div article i.big{padding:25px;background:#fff;border-radius:50px;font-size:2rem;margin-bottom:15px}.ce-threeBoxesWithOption .inner div article i.small{border-radius:50px;padding:15px;text-align:center;vertical-align:middle;color:#0067b1;background:rgba(255,255,255,0.7);font-size:0.9rem;margin-bottom:15px;min-height:42px;min-width:42px}.ce-threeBoxesWithOption .inner div article p{color:#fff;text-align:center}@media screen and (max-width: 760px){.ce-threeBoxesWithOption .inner div article{float:none;width:100%}.ce-threeBoxesWithOption .inner div article+article{margin-top:20px}.ce-threeBoxesWithOption+.ce-threeBoxesWithOption{margin-top:2px}}.fontAwesome-list{margin-bottom:50px}.fontAwesome-list ul{margin:0;padding:0;list-style:none}.fontAwesome-list ul li{display:block;color:#333;position:relative;padding-left:30px}.fontAwesome-list ul li i{font-size:22px;border-radius:50px;padding:0;vertical-align:sub;position:absolute;left:0;top:2px}.fontAwesome-list ul li i.border{border:solid 1px #333;text-align:center;vertical-align:middle;height:30px;width:30px;line-height:30px;font-size:18px}.fontAwesome-list ul li.border{min-height:30px;padding-left:40px}.fontAwesome-list ul li.border span{padding-top:6px}.fontAwesome-list ul li ul{margin-top:5px}.fontAwesome-list ul li span{margin:0;font-weight:700;display:inline-block;vertical-align:middle}.fontAwesome-list ul li+li{margin-top:10px}.fontAwesome-list.twocol ul li{position:relative;float:left;width:48%;padding-left:30px}.fontAwesome-list.twocol ul li.border{padding-left:40px}.fontAwesome-list.twocol ul li+li{margin-left:4%;margin-top:0}.fontAwesome-list.twocol ul li:nth-of-type(n+3){margin-top:15px}.fontAwesome-list.twocol ul li:nth-of-type(2n+3){margin-left:0}.fontAwesome-list.twocol ul li ul li{float:none;width:100%}.fontAwesome-list.twocol ul li ul li:nth-of-type(n+3){margin-top:4px}.fontAwesome-list.twocol ul li ul li+li{margin-left:0;margin-top:4px}@media screen and (max-width: 640px){.fontAwesome-list.twocol ul li{width:100%;float:none}.fontAwesome-list.twocol ul li+li{margin-left:0}.fontAwesome-list.twocol ul li:nth-of-type(n+2){margin-top:15px}.fontAwesome-list.twocol ul li ul li:nth-of-type(n+2){margin-top:0}}.tx-contentpackage-historieContainer{margin-bottom:50px}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner{position:relative;border-left:3px solid #be1622;padding:44px 0 44px 22px}@media screen and (max-width: 1100px){.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner{padding:50px 25px 25px 25px}}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear{font-size:32px;line-height:normal;background:#be1622;color:#fff;padding:5px 10px;width:auto;display:inline-block;margin-left:-118px}@media screen and (max-width: 1260px){.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear{margin:0 0 15px -22px}}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent p{color:#333}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent *{color:#333}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement>span{display:block;position:relative;border:solid 1px inherit;background:url(../img/chevron-down.png) no-repeat}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement>span:before,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement>span:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement>span:before{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:20px;margin-left:-20px}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement>span:after{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:20px;margin-left:-20px}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement+.tx-contentpackage-historieElement .inner{padding-top:50px}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement:last-of-type>span{display:none}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground{background:#be1622}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner{border-left:3px solid #fff}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-historieYear{color:#be1622;background:#fff}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent p,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent *{color:#fff}.ce-os-bee{width:1030px;height:820px;margin-bottom:50px;position:relative}.ce-os-bee .base{width:314px;height:314px;border-radius:250px;margin:0 auto;display:block;background:#c6c6c6;padding:30px;position:relative;margin-top:261px;line-height:270px;text-align:center}.ce-os-bee .base img{position:relative;max-height:100px;width:auto;vertical-align:middle}.ce-os-bee .base span{font-size:24px;color:#be1622;font-weight:700;line-height:normal;display:inline-block}.ce-os-bee .child{display:block;width:100%;height:100%;vertical-align:middle;text-align:center;font-weight:400;font-size:18px;line-height:156px;color:#333;text-decoration:none;width:156px;height:156px;display:inline-block;border-radius:100px;background:#c6c6c6;position:relative;line-height:156px;padding:0 10px;position:absolute;top:0;left:0;transition:.5s all}.ce-os-bee .child:hover{background:#be1622;color:#fff;transition:.5s all;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}.ce-os-bee .child span{display:inline-block;line-height:20px;font-size:18px;top:50%;position:absolute;left:15px;right:15px}.ce-os-bee .child:after{content:"";border:solid 3px #fff;border-radius:100px;position:absolute;top:4px;right:4px;bottom:4px;left:4px;width:92%}@media screen and (max-width: 1000px){#sy_lines{display:none !important}.ce-os-bee{display:none}}.ce-table{margin-bottom:50px !important}.ce-table.alignleft table tr td{text-align:left}.ce-table.alignleft table tr td a{padding-left:10px}.ce-table.alignleft table tr td:first-of-type{width:auto}.ce-table.alignleft table tr td:first-of-type+td{width:auto}.ce-table.alignleft table tr td:last-of-type{padding-left:10px}.ce-table.alignleft table thead tr td:nth-of-type(2){padding-left:10px}.ce-table table{width:100%;border-collapse:collapse;border:none}.ce-table table caption{margin-bottom:40px}.ce-table table tr{height:40px}.ce-table table tr td{text-align:center;font-size:13px}.ce-table table tr td a{font-size:13px;text-decoration:none;line-height:40px;display:block;background:#0067b1;color:#fff;text-transform:uppercase;font-weight:400}.ce-table table tr td:first-of-type{width:290px;text-align:left;padding-left:10px}.ce-table table tr td:first-of-type+td{width:155px;font-weight:700}.ce-table table tr td:nth-of-type(4){width:155px}.ce-table table tr td:nth-of-type(2),.ce-table table tr td:nth-of-type(3),.ce-table table tr td:nth-of-type(4),.ce-table table tr td:nth-of-type(5),.ce-table table tr td:nth-of-type(6){border-left:solid 1px #cdcdcd;font-weight:700;font-size:13px;width:155px}.ce-table table tr td:nth-of-type(6){border-right:solid 1px #cdcdcd}.ce-table table tr th:nth-of-type(2),.ce-table table tr th:nth-of-type(3),.ce-table table tr th:nth-of-type(4),.ce-table table tr th:nth-of-type(5),.ce-table table tr th:nth-of-type(6){border-left:solid 1px #cdcdcd;border-top:solid 1px #cdcdcd;font-weight:400;font-size:13px;width:155px}.ce-table table tr th:nth-of-type(6){border-right:solid 1px #cdcdcd}.ce-table table tbody tr:nth-of-type(odd){background:#ededed}@media screen and (max-width: 1100px){.ce-table.inner.small,.tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner{padding:40px 25px}}@media screen and (max-width: 1000px){.ce-table.inner.small,.tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner{width:100%;overflow:scroll}.ce-table.inner.small table,.tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner table{width:1000px}}.service-formular{background:#ededed;padding:40px 0}.service-formular h3{display:none}.service-formular .required{float:right;margin-top:-100px;margin:-160px 0 0 0;font-size:12px}@media screen and (max-width: 960px){.service-formular .required{float:none;margin:0}}.service-formular fieldset{margin:0;padding:0;border:none}.service-formular fieldset .powermail_legend{margin-bottom:20px;width:100%;display:block}.service-formular label{display:none}.service-formular input[type="text"],.service-formular input[type="password"],.service-formular input[type="email"],.service-formular input[type="date"],.service-formular select{width:100%;height:55px;border:solid 1px #bbb;padding:10px;color:#cdcdcd;margin-top:15px;font-size:18px;color:#333}.service-formular input[type="submit"]{background:#0067b1;font-size:15px;line-height:normal;text-transform:uppercase;color:#fff;padding:15px 60px;margin-top:30px;border:none;outline:none;font-weight:700;cursor:pointer}.service-formular textarea{width:100%;resize:none;height:150px;border:solid 1px #bbb;color:#cdcdcd;padding:10px;font-size:18px;color:#333}.service-formular .powermail_fieldwrap_input{float:left;width:calc((100% - 30px) / 3)}.service-formular .powermail_fieldwrap_input+.powermail_fieldwrap_input{margin-left:15px}.service-formular .powermail_fieldwrap_check legend{float:left;margin:25px 15px 15px 0}.service-formular .powermail_fieldwrap_check input{width:20px;height:20px;margin:1px 3px 0px}.service-formular .powermail_fieldwrap_34 legend,.service-formular .powermail_fieldwrap_45 legend{display:none}.service-formular .powermail_fieldwrap_34 .powermail_check_outer,.service-formular .powermail_fieldwrap_45 .powermail_check_outer{margin-left:0}.service-formular .powermail_fieldwrap_34 .powermail_check_outer input,.service-formular .powermail_fieldwrap_45 .powermail_check_outer input{float:left}.service-formular .powermail_fieldwrap_34 .powermail_check_outer label,.service-formular .powermail_fieldwrap_45 .powermail_check_outer label{max-width:80%;float:left;margin-left:15px;font-size:12px;line-height:normal}.service-formular .powermail_fieldwrap_34 .powermail_check_outer label a,.service-formular .powermail_fieldwrap_45 .powermail_check_outer label a{font-size:12px;line-height:normal}.service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner,.service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner{margin-left:0;width:100%}.service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner+.powermail_check_inner,.service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner+.powermail_check_inner{margin-top:20px}.service-formular .powermail_check_outer label{display:inline-block;vertical-align:middle;float:right}.service-formular .parsley-required,.service-formular .parsley-custom-error-message{font-size:12px;line-height:normal;color:#be1622}.service-formular .powermail_field_error_container_checkbox{position:absolute}.service-formular .powermail_check_outer{margin:25px 15px 15px 15px}.service-formular .powermail_check_outer div{float:left}.service-formular .powermail_check_outer div+div{margin-left:15px}@media screen and (max-width: 760px){.service-formular .powermail_fieldwrap_input{width:100%;float:none}.service-formular .powermail_fieldwrap_input+.powermail_fieldwrap_input{margin-left:0}.service-formular .powermail_check_outer div{display:block;width:100%}.service-formular .powermail_check_outer div.powermail_check_inner input,.service-formular .powermail_check_outer div.powermail_check_inner label{float:left}.service-formular .powermail_check_outer div+div{margin-left:0}}.textOverSendButton{font-size:12px;margin-top:25px;margin-bottom:-10px}.tsaccordion .accordion-header{background:#ececec url(../img/akkordeon_zu.png) 20px 20px no-repeat;font-size:1.5rem;line-height:1.9rem;font-weight:normal;padding:9px 0 9px 64px;margin:0 0 2px 0}.tsaccordion .accordion-switcher{cursor:pointer}.tsaccordion .accordion-switcher-active{background-image:url(../img/akkordeon_offen.png)}.tsaccordion .accordion-content{display:none;padding:19px 10px 28px 10px;font-size:0.9rem;line-height:1.3rem}.tsaccordion .accordion-content .accordion-left{display:inline-block;float:left}@media screen and (min-width: 769px){.tsaccordion .accordion-content .accordion-left{max-width:70%}}@media screen and (max-width: 768px){.tsaccordion .accordion-content .accordion-left{max-width:auto;float:none;display:block}.tsaccordion .accordion-content .accordion-left>br{display:none}}.tsaccordion .accordion-content .accordion-left .accordion-name{display:inline-block;font-size:1.5rem;line-height:1.9rem}@media screen and (max-width: 768px){.tsaccordion .accordion-content .accordion-left .accordion-name{display:block}}.tsaccordion .accordion-content .accordion-left .accordion-thema{display:inline-block;font-size:0.9rem;line-height:1.3rem}@media screen and (max-width: 768px){.tsaccordion .accordion-content .accordion-left .accordion-thema{display:block}}.tsaccordion .accordion-content .accordion-logo{display:inline-block;float:right;margin:7px 0px 0 0}@media screen and (max-width: 768px){.tsaccordion .accordion-content .accordion-logo{float:none}}.tsaccordion .accordion-content .accordion-description{margin:20px 0 14px 0}.tsaccordion .accordion-content .accordion-more{color:#0067b1;font-weight:bold;text-decoration:none;display:inline-block}.tsaccordion .accordion-content .accordion-more img{margin-left:3px}.ce-leftright>div{padding:200px 0}.ce-leftright>div figure{float:left;max-width:600px;width:45.28%;margin:0;padding:0;margin-right:5.28%;padding-left:3.77%;position:relative}.ce-leftright>div figure img{display:block;position:relative;z-index:50}.ce-leftright>div figure img.small,.ce-leftright>div figure img.medium,.ce-leftright>div figure img.big{position:absolute;z-index:10}.ce-leftright>div figure img.small{top:20px;left:20px}.ce-leftright>div figure img.medium{top:0;right:20px}.ce-leftright>div figure img.big{left:25px;bottom:0}.ce-leftright>div figure+div{float:left;max-width:650px;width:49.05%}.ce-leftright>div figure+div p{margin:0;color:#fff}.ce-leftright>div figure+div p+*{margin-top:20px}.ce-leftright>div figure+div a.redbutton,.ce-leftright>div figure+div a.bluebutton,.ce-leftright>div figure+div .thirdSection .right a,.thirdSection .right .ce-leftright>div figure+div a,.ce-leftright>div figure+div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright>div figure+div a,.ce-leftright>div figure+div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright>div figure+div a,.ce-leftright>div figure+div a.darkbluebutton,.ce-leftright>div figure+div a.greybutton,.ce-leftright>div figure+div .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton,.marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright>div figure+div a.greybutton,.ce-leftright>div figure+div a.whitebutton,.ce-leftright>div figure+div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) .ce-leftright>div figure+div a,.ce-leftright>div figure+div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) .ce-leftright>div figure+div a,.ce-leftright>div figure+div .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton,.marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright>div figure+div a.redbutton,.ce-leftright>div figure+div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) .ce-leftright>div figure+div a,.ce-leftright>div figure+div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) .ce-leftright>div figure+div a,.ce-leftright>div figure+div a.bluebutton,.ce-leftright>div figure+div .thirdSection .right a,.thirdSection .right .ce-leftright>div figure+div a,.ce-leftright>div figure+div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright>div figure+div a,.ce-leftright>div figure+div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright>div figure+div a{min-width:0}.ce-leftright>div figure+div ul ul li{font-weight:400;padding-left:0}.ce-leftright>div figure+div ul ul li:before{display:none}.ce-leftright>div.right figure{float:right;margin-left:70px;padding-left:0;margin-right:0;padding-right:50px}@media screen and (max-width: 1180px){.ce-leftright>div figure img.small,.ce-leftright>div figure img.medium,.ce-leftright>div figure img.big{display:none}}@media screen and (max-width: 1024px){.ce-leftright .inner{padding:0 25px}.ce-leftright>div{padding:50px 0}.ce-leftright>div figure{float:none;max-width:none;width:100%;margin-right:0;padding-left:0;margin-bottom:25px}.ce-leftright>div figure img{margin:0 auto}.ce-leftright>div figure+div{float:none;max-width:none;width:100%;margin-top:40px;text-align:center}}.sliderContainer{margin-bottom:50px}.sliderContainer .inner.small,.sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner{padding-top:100px}.sliderContainer .swiper-container{height:600px}.sliderContainer .swiper-slide{background-size:cover !important;background-position:center center !important}.sliderContainer .slider-overlay{background:rgba(0,0,0,0.3);width:100%;height:100%}.sliderContainer p{font-size:24px;line-height:34px;color:#fff;margin:0;font-weight:600;text-align:center}.sliderContainer p+p{margin-top:30px}.sliderContainer .headlineH1Center,.sliderContainer p.headlineH1Center,.sliderContainer p.headlineH1Center,.sliderContainer .sliderContainer p.headlineH1Center{font-weight:600}@media screen and (max-width: 680px){.sliderContainer .headlineH1Center,.sliderContainer p.headlineH1Center,.sliderContainer p.headlineH1Center,.sliderContainer .sliderContainer p.headlineH1Center{font-weight:600 !important}}@media screen and (max-width: 1100px){.sliderContainer .inner.small,.sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner{padding:100px 60px}.sliderContainer p{font-size:22px;line-height:32px}}@media screen and (max-width: 800px){.sliderContainer{background-size:cover !important}.sliderContainer .inner.small,.sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner{padding:60px 60px}.sliderContainer .swiper-container{height:500px}.sliderContainer p{font-size:20px;line-height:30px}}@media screen and (max-width: 600px){.sliderContainer .inner.small,.sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner{padding:60px 40px}.sliderContainer p{font-size:18px;line-height:28px}.sliderContainer a{font-size:15px;line-height:normal}.sliderContainer .swiper-button-next{right:10px;height:26px;width:15px;margin-top:-13px;background-size:15px 26px}.sliderContainer .swiper-button-prev{left:10px;height:26px;width:15px;margin-top:-13px;background-size:15px 26px}}@media screen and (max-width: 480px){.sliderContainer .swiper-container{height:400px}.sliderContainer .inner.small,.sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner{padding:20px 35px}.sliderContainer a{font-size:15px;line-height:normal}}@media screen and (max-width: 420px){.sliderContainer .swiper-container{height:450px}}.mapsContainer{float:right;width:calc((100% - 40px) / 2)}@media screen and (max-width: 800px){.mapsContainer{float:none;width:100%;margin-top:25px}}.mapsContainer iframe{width:100% !important}.contactMain{margin-bottom:50px !important}@media screen and (max-width: 1100px){.contactMain{padding-left:25px;padding-right:25px}}.powermail_form_3,.powermail_form_4,.powermail_form_5,.powermail_form_6,.powermail_form_7{float:left;width:calc((100% - 40px) / 2)}@media screen and (max-width: 800px){.powermail_form_3,.powermail_form_4,.powermail_form_5,.powermail_form_6,.powermail_form_7{float:none;width:100%}}.powermail_form_3 fieldset,.powermail_form_4 fieldset,.powermail_form_5 fieldset,.powermail_form_6 fieldset,.powermail_form_7 fieldset{margin:0;padding:0;border:none}.powermail_form_3 fieldset legend,.powermail_form_4 fieldset legend,.powermail_form_5 fieldset legend,.powermail_form_6 fieldset legend,.powermail_form_7 fieldset legend{display:none}.powermail_form_3 fieldset>div+div,.powermail_form_4 fieldset>div+div,.powermail_form_5 fieldset>div+div,.powermail_form_6 fieldset>div+div,.powermail_form_7 fieldset>div+div{margin-top:15px}.powermail_form_3 h3,.powermail_form_4 h3,.powermail_form_5 h3,.powermail_form_6 h3,.powermail_form_7 h3{display:none}.powermail_form_3 div label,.powermail_form_4 div label,.powermail_form_5 div label,.powermail_form_6 div label,.powermail_form_7 div label{float:none;display:block;width:100%;margin-bottom:2px}.powermail_form_3 div input,.powermail_form_4 div input,.powermail_form_5 div input,.powermail_form_6 div input,.powermail_form_7 div input{display:block;border:solid 1px #c6c6c6;height:30px;width:400px;width:100%;padding:0 10px;color:#333}.powermail_form_3 div input[type=submit],.powermail_form_4 div input[type=submit],.powermail_form_5 div input[type=submit],.powermail_form_6 div input[type=submit],.powermail_form_7 div input[type=submit]{width:100px;cursor:pointer}.powermail_form_3 div textarea,.powermail_form_4 div textarea,.powermail_form_5 div textarea,.powermail_form_6 div textarea,.powermail_form_7 div textarea{display:block;margin-top:5px;resize:none;width:400px;width:100%;height:150px;border:solid 1px #c6c6c6;padding:5px 10px;color:#333}.powermail_form_3 div .parsley-required,.powermail_form_3 div .parsley-custom-error-message,.powermail_form_4 div .parsley-required,.powermail_form_4 div .parsley-custom-error-message,.powermail_form_5 div .parsley-required,.powermail_form_5 div .parsley-custom-error-message,.powermail_form_6 div .parsley-required,.powermail_form_6 div .parsley-custom-error-message,.powermail_form_7 div .parsley-required,.powermail_form_7 div .parsley-custom-error-message{font-size:12px;line-height:normal;color:#be1622}.powermail_form_3 div.powermail_fieldwrap_textarea label,.powermail_form_4 div.powermail_fieldwrap_textarea label,.powermail_form_5 div.powermail_fieldwrap_textarea label,.powermail_form_6 div.powermail_fieldwrap_textarea label,.powermail_form_7 div.powermail_fieldwrap_textarea label{width:auto}.powermail_form_3 div.powermail_fieldwrap_check,.powermail_form_4 div.powermail_fieldwrap_check,.powermail_form_5 div.powermail_fieldwrap_check,.powermail_form_6 div.powermail_fieldwrap_check,.powermail_form_7 div.powermail_fieldwrap_check{position:relative}.powermail_form_3 div.powermail_fieldwrap_check .powermail_check_inner,.powermail_form_4 div.powermail_fieldwrap_check .powermail_check_inner,.powermail_form_5 div.powermail_fieldwrap_check .powermail_check_inner,.powermail_form_6 div.powermail_fieldwrap_check .powermail_check_inner,.powermail_form_7 div.powermail_fieldwrap_check .powermail_check_inner{position:relative;padding-left:20px}.powermail_form_3 div.powermail_fieldwrap_check label,.powermail_form_4 div.powermail_fieldwrap_check label,.powermail_form_5 div.powermail_fieldwrap_check label,.powermail_form_6 div.powermail_fieldwrap_check label,.powermail_form_7 div.powermail_fieldwrap_check label{font-size:12px;line-height:normal;max-width:100%}.powermail_form_3 div.powermail_fieldwrap_check label a,.powermail_form_4 div.powermail_fieldwrap_check label a,.powermail_form_5 div.powermail_fieldwrap_check label a,.powermail_form_6 div.powermail_fieldwrap_check label a,.powermail_form_7 div.powermail_fieldwrap_check label a{font-size:12px;line-height:normal}.powermail_form_3 div.powermail_fieldwrap_check input,.powermail_form_4 div.powermail_fieldwrap_check input,.powermail_form_5 div.powermail_fieldwrap_check input,.powermail_form_6 div.powermail_fieldwrap_check input,.powermail_form_7 div.powermail_fieldwrap_check input{width:auto;height:auto;position:absolute;left:0;top:2px;margin:0}.powermail_form_3 div.powermail_fieldwrap_check+.powermail_fieldwrap_check,.powermail_form_4 div.powermail_fieldwrap_check+.powermail_fieldwrap_check,.powermail_form_5 div.powermail_fieldwrap_check+.powermail_fieldwrap_check,.powermail_form_6 div.powermail_fieldwrap_check+.powermail_fieldwrap_check,.powermail_form_7 div.powermail_fieldwrap_check+.powermail_fieldwrap_check{margin-top:0}.powermail_form_3 .textOverSendButton,.powermail_form_4 .textOverSendButton,.powermail_form_5 .textOverSendButton,.powermail_form_6 .textOverSendButton,.powermail_form_7 .textOverSendButton{font-size:12px;margin-top:25px;margin-bottom:0}.firstSection{max-height:870px;position:relative;overflow:hidden}.firstSection>a{display:block}.firstSection>a+div{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:rgba(0,0,0,0.4)}.firstSection>a+div img:first-of-type{position:absolute;z-index:150;top:50%;margin-top:-49px;text-align:center;left:50%;margin-left:-183px}@media screen and (max-width: 480px){.firstSection>a+div img:first-of-type{max-width:250px;margin-left:-125px;margin-top:-33px}}.firstSection>a+div img:first-of-type+img{position:absolute;left:50%;margin-left:-58px;bottom:40px}@media screen and (max-width: 600px){.firstSection>a+div img:first-of-type+img{display:none}}.firstSection video{width:100%;display:block}.firstSection figure{margin:0;padding:0;width:100%}.firstSection figure img{width:100%}.firstSection video+.linkLayout,.firstSection figure+.linkLayout{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:rgba(0,0,0,0.4)}.firstSection video+.linkLayout img:first-of-type,.firstSection figure+.linkLayout img:first-of-type{position:absolute;z-index:150;top:50%;margin-top:-49px;text-align:center;left:50%;margin-left:-183px}@media screen and (max-width: 480px){.firstSection video+.linkLayout img:first-of-type,.firstSection figure+.linkLayout img:first-of-type{max-width:250px;margin-left:-125px;margin-top:-33px}}.firstSection video+.linkLayout img:first-of-type+img,.firstSection figure+.linkLayout img:first-of-type+img{position:absolute;left:50%;margin-left:-58px;bottom:40px}@media screen and (max-width: 600px){.firstSection video+.linkLayout img:first-of-type+img,.firstSection figure+.linkLayout img:first-of-type+img{display:none}}.secondSection{background:#0067b1}.secondSection h2,.secondSection .ce-table table caption,.ce-table table .secondSection caption{font-size:40px;font-weight:400;color:#fff;line-height:normal;text-align:left;margin:0 0 26px 0}.secondSection h2:after,.secondSection .ce-table table caption:after,.ce-table table .secondSection caption:after{display:none}.secondSection p{color:#fff;max-width:540px}.secondSection div.inner{padding:0 25px 50px 25px}.secondSection div.inner:first-of-type{padding-top:130px}.secondSection div.inner:first-of-type .big{position:absolute;top:-70px;right:95px;z-index:5}.secondSection div.inner:first-of-type .medium{position:absolute;bottom:-85px;left:-5px}.secondSection div.inner:first-of-type .small{position:absolute;left:40px;top:-25px}.secondSection div.inner:nth-of-type(2) .big{position:absolute;top:-48px;left:16px;z-index:5}.secondSection div.inner:nth-of-type(2) .medium{position:absolute;bottom:-75px;left:40px}.secondSection div.inner:nth-of-type(2) .small{position:absolute;right:90px;top:115px}.secondSection div.inner:nth-of-type(3) h2,.secondSection div.inner:nth-of-type(3) .ce-table table caption,.ce-table table .secondSection div.inner:nth-of-type(3) caption{margin-top:0px}.secondSection div.inner:nth-of-type(3) .big{position:absolute;bottom:-75px;left:40px;z-index:5}.secondSection div.inner:nth-of-type(3) .medium{position:absolute;top:-48px;left:16px}.secondSection div.inner:nth-of-type(3) .small{position:absolute;right:90px;top:115px}.secondSection div.inner:nth-of-type(4) .big{position:absolute;top:-48px;left:16px;z-index:5}.secondSection div.inner:nth-of-type(4) .medium{position:absolute;bottom:-75px;left:40px}.secondSection div.inner:nth-of-type(4) .small{position:absolute;right:90px;top:115px}.secondSection div.inner:last-of-type{padding-bottom:130px;text-align:center}.secondSection div.inner .left{float:left;width:50%;position:relative}.secondSection div.inner .right{float:left;width:50%;position:relative}.secondSection div.inner .default{position:relative;z-index:15}@media screen and (max-width: 1180px){.secondSection div.inner .small,.secondSection div.inner .medium,.secondSection div.inner .big{display:none !important}.secondSection div.inner .right{padding-left:3%;padding-right:3%}.secondSection div.inner .left{padding-right:5%}}.secondSection div.inner+div{margin-top:130px}@media screen and (max-width: 1024px){.secondSection .animatedParent{display:none}.secondSection div.inner:first-of-type{padding-top:50px}.secondSection div.inner:last-of-type{padding-bottom:50px}.secondSection div.inner .right:not(.animatedParent){padding:0;margin:0 auto;float:none;width:100%}.secondSection div.inner .right:not(.animatedParent) h2,.secondSection div.inner .right:not(.animatedParent) .ce-table table caption,.ce-table table .secondSection div.inner .right:not(.animatedParent) caption{font-size:30px;line-height:normal;margin:0 0 15px 0}.secondSection div.inner .right:not(.animatedParent) p{max-width:none}.secondSection div.inner .left:not(.animatedParent){padding:0;margin:0 auto;float:none;width:100%}.secondSection div.inner .left:not(.animatedParent) h2,.secondSection div.inner .left:not(.animatedParent) .ce-table table caption,.ce-table table .secondSection div.inner .left:not(.animatedParent) caption{font-size:30px;line-height:normal;margin:0 0 15px 0}.secondSection div.inner .left:not(.animatedParent) p{max-width:none}.secondSection div.inner+div{margin-top:50px}}@media screen and (max-width: 768px){.secondSection div.inner .right:not(.animatedParent){width:100%}.secondSection div.inner .right:not(.animatedParent) p{max-width:none}.secondSection div.inner .left:not(.animatedParent){width:100%}.secondSection div.inner .left:not(.animatedParent) p{max-width:none}}@media screen and (max-width: 480px){.secondSection div.inner img{max-width:250px}}.thirdSection{text-align:center;background:#fc0;padding-top:100px}.thirdSection .inner{padding:100px 25px 170px 25px}.thirdSection .left{float:left;width:50%;position:relative}.thirdSection .right{float:left;width:50%;position:relative;padding-top:110px}.thirdSection .right a{margin-bottom:30px}.thirdSection h2,.thirdSection .ce-table table caption,.ce-table table .thirdSection caption{font-size:40px;text-align:center;margin:0 0 15px 0;color:#333}.thirdSection p{color:#333;text-align:center;margin:0 0 40px 0}.thirdSection .buttonContainer{text-align:center}.thirdSection .default{z-index:10;position:relative;left:55px;left:0}.thirdSection .big{position:absolute;bottom:50px;left:-40px;z-index:5}.thirdSection .medium{position:absolute;left:165px;top:-65px}.thirdSection .small{position:absolute;bottom:0;right:60px}@media screen and (max-width: 1250px){.thirdSection .default{left:25px}}@media screen and (max-width: 1180px){.thirdSection{padding-top:0}.thirdSection .default{left:0}.thirdSection .small,.thirdSection .medium,.thirdSection .big{display:none !important}.thirdSection .left{padding-right:5%}.thirdSection .right{padding-left:3%;padding-right:3%}}@media screen and (max-width: 1024px){.thirdSection{padding-top:0}.thirdSection .inner{padding-top:50px;padding-bottom:50px}.thirdSection .inner h2,.thirdSection .inner .ce-table table caption,.ce-table table .thirdSection .inner caption{font-size:30px;line-height:normal;margin:0 0 15px 0}.thirdSection .inner a{font-size:22px;line-height:normal}.thirdSection .left{display:none}.thirdSection .right{float:none;width:100%;padding:0}}.wrapsvg,.wrapsvg1,.wrapsvg4,.wrapsvg2,.wrapsvg3{float:left;border:1px solid transparent;position:relative}@media screen and (max-width: 1024px){.wrapsvg,.wrapsvg1,.wrapsvg4,.wrapsvg2,.wrapsvg3{display:none !important}}.wrapsvg1{left:-705px;top:128px}.wrapsvg4{left:-705px;top:128px}.wrapsvg2{left:-15px;top:-140px}.wrapsvg3{left:-700px;top:60px}.svg1{position:absolute}.svg2{position:absolute}.svg3{position:absolute}.svg4{position:absolute}nav.section{position:fixed;top:50%;right:20px;z-index:9999}@media screen and (max-width: 1024px){nav.section{display:none}}nav.section ul li{width:20px;height:20px;border-radius:25px;background:#fff;display:block;cursor:pointer;transition:.3s all}nav.section ul li a{z-index:100;display:none;padding:14px 10px;margin-top:-3px;right:48px;font-size:12px;text-decoration:none}nav.section ul li+li{margin-top:5px}nav.section ul li:hover a{display:inline;position:fixed;color:#fff;height:10px;line-height:2px;text-align:center;background:#be1622}nav.section ul li.active{width:15px;height:15px;transition:.3s all;margin:5px auto 0 auto}.newsletter{width:100%;padding:50px 0 0 0;background:#ececec;position:relative}.newsletter:after,.newsletter:before{top:0;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.newsletter:after{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:20px;margin-left:-20px}.newsletter:before{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:20px;margin-left:-20px}.newsletter .right{float:right;width:100%;max-width:463px;max-width:420px}@media screen and (max-width: 900px){.newsletter .right{float:none;width:100%;max-width:none;padding:0 25px}}.newsletter .firstrow{width:100%;max-width:840px;margin:0 auto}.newsletter .firstrow h2,.newsletter .firstrow .ce-table table caption,.ce-table table .newsletter .firstrow caption{text-align:left}.newsletter .firstrow h2:after,.newsletter .firstrow .ce-table table caption:after,.ce-table table .newsletter .firstrow caption:after{margin:10px 0 0 0}.newsletter .firstrow p{font-weight:700;color:#333;margin:0 0 30px 0}.newsletter .firstrow ul{margin:0;padding:0;list-style:none}.newsletter .firstrow ul li{display:block;color:#333;font-weight:700}.newsletter .firstrow ul li span{font-size:22px;margin-right:10px;border-radius:50px;border:solid 2px #333;padding:10px;vertical-align:sub}.newsletter .firstrow ul li p{margin:0;display:inline-block;vertical-align:middle}@media screen and (max-width: 440px){.newsletter .firstrow ul li p{width:80%}}@media screen and (max-width: 360px){.newsletter .firstrow ul li p{width:70%}}.newsletter .firstrow ul li+li{margin-top:10px}.newsletter .secondrow{background:#333;padding:60px 0;margin-top:30px}.newsletter .secondrow .inner{max-width:836px;position:relative}.newsletter .secondrow img{position:absolute;left:0;left:50px;bottom:0;box-shadow:1px 1px 5px rgba(0,0,0,0.4)}@media screen and (max-width: 900px){.newsletter .secondrow img{display:none}}.newsletter .secondrow .button{text-align:center}.newsletter .secondrow .button.animation span,.newsletter .secondrow .button.animation i{display:inline-block;padding-left:0;transition:0.7s all}.newsletter .secondrow .button.animation span+i{padding-left:5px;transition:0.7s all}.newsletter .secondrow .button.animation i+span{padding-left:5px;transition:0.7s all}.newsletter .secondrow .button.animation:hover span+i{padding-left:10px;transition:0.7s all}.newsletter .secondrow .button.animation:hover i+span{padding-left:10px;transition:0.7s all}.ce-download{float:left;width:42%;margin-bottom:50px}.ce-download h2,.ce-download .ce-table table caption,.ce-table table .ce-download caption{text-align:left}.ce-download h2:after,.ce-download .ce-table table caption:after,.ce-table table .ce-download caption:after{margin:10px 0 0 0}.ce-download strong{font-weight:700;font-size:72px;line-height:3.3rem;color:#333;margin:0 0 15px 0;display:block}.ce-download .date{margin:0 0 30px 0;font-size:14px;line-height:normal;color:#333}.ce-download .agbContainer{margin-top:30px;margin-bottom:25px;padding-left:30px;position:relative;font-size:14px;line-height:normal}.ce-download .agbContainer a{color:#0067b1;text-decoration:none}.ce-download .agbContainer a:hover{text-decoration:underline}.ce-download .agbContainer input{position:absolute;left:0;top:1px;width:20px;height:20px}.ce-download .shortDescription{margin-top:0;font-size:14px;line-height:normal}.ce-download .Dbutton{color:#fff;background:#df8e96;text-decoration:none;width:100%;max-width:280px;display:block;padding:15px;border:none;outline:none;text-align:left;font-size:22px;line-height:normal}.ce-download .Dbutton span{font-size:15px;line-height:normal;display:block;margin-top:5px}.ce-download .Dbutton.active{background:#be1622;cursor:pointer}.ce-download .Dbutton+div+.Dbutton,.ce-download .Dbutton+.Dbutton{margin-top:20px}.ce-download .Dbutton.github{background:#ececec;color:#333;padding:20px 15px}.ce-download .Dbutton.github span{font-size:45px;vertical-align:sub;margin-right:8px;margin-left:15px;display:inline-block}.downloadOverlayContainer{background:#fff;padding:25px 50px;max-width:720px;margin:0 auto;position:relative}.downloadOverlayContainer h1,.downloadOverlayContainer h2,.downloadOverlayContainer .ce-table table caption,.ce-table table .downloadOverlayContainer caption,.downloadOverlayContainer h3{font-size:16px;line-height:normal;color:#333;font-weight:400;text-align:center;margin:0 0 15px 0}.downloadOverlayContainer h3{font-weight:700}.downloadOverlayContainer .input{background:#ececec;padding:8px 12px;border:dotted 1px #333;display:inline-block;width:65%;color:#0067b1;overflow-x:auto;height:40px}.downloadOverlayContainer .copyButton{background:#0067b1;color:#fff;font-size:15px;line-height:normal;padding:8px 5px;display:inline-block;width:32%;text-align:center;vertical-align:top;border:none;outline:none;cursor:pointer;height:40px}.downloadOverlayContainer .copyButton i{margin-right:5px}@media screen and (max-width: 720px){.downloadOverlayContainer{padding:25px 25px}.downloadOverlayContainer .input{display:block;width:100%;height:auto}.downloadOverlayContainer .copyButton{display:block;width:100%;height:auto}}.mfp-wrap{overflow-x:scroll !important}.ce-downloadhinweis{float:right;width:50%;margin-bottom:50px}.ce-downloadhinweis h2,.ce-downloadhinweis .ce-table table caption,.ce-table table .ce-downloadhinweis caption{text-align:left}.ce-downloadhinweis h2:after,.ce-downloadhinweis .ce-table table caption:after,.ce-table table .ce-downloadhinweis caption:after{margin:10px 0 0 0}.ce-downloadhinweis p+p{margin-top:30px}.ce-downloadhinweis p+ol,.ce-downloadhinweis p+ul{margin-top:25px}.ce-downloadhinweis ul{margin:0;padding:0;list-style:none}.ce-downloadhinweis ul li{color:#333}.ce-downloadhinweis ul li a{text-decoration:none;color:#333;font-size:15px;line-height:normal}.ce-downloadhinweis ul li a:hover{text-decoration:underline}.ce-downloadhinweis ul li+li{margin-top:3px}.ce-downloadhinweis ul li:before{content:"\f178";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;margin-right:5px}.ce-downloadhinweis ol{margin:0;padding:0;list-style:none}.ce-downloadhinweis ol li{display:block;counter-increment:olliste}.ce-downloadhinweis ol li:before{content:counter(olliste) ".";font-weight:700;font-size:32px;line-height:normal;color:#bbbbbb;margin-right:5px}.ce-downloadhinweis ol li+li{margin-top:15px}.ce-downloadhinweis ol+p{margin-top:25px}@media screen and (max-width: 768px){.ce-download{float:none;width:100%}.ce-downloadhinweis{float:none;width:100%}}.ce-youtube-text{margin-bottom:50px}.ce-youtube-text h2,.ce-youtube-text .ce-table table caption,.ce-table table .ce-youtube-text caption{margin-top:0}.ce-youtube-text .left,.ce-youtube-text .right{float:left;width:calc((100% - 20px) / 2)}@media screen and (max-width: 767px){.ce-youtube-text .left,.ce-youtube-text .right{float:none;width:100%}}.ce-youtube-text .left iframe{width:100% !important;height:315px}.ce-youtube-text .right{margin-left:20px}.ce-youtube-text .right a{display:block;margin-top:15px}@media screen and (max-width: 767px){.ce-youtube-text .right{margin-left:0;margin-top:20px}}.ce-youtube-slider{margin-bottom:50px}.ce-youtube-slider .inner.small,.ce-youtube-slider .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .ce-youtube-slider .tx-felogin-pi1-inner{position:relative}.ce-youtube-slider a{text-decoration:none}.ce-youtube-slider p{margin:3px 0 0 0;color:#333}.ce-youtube-slider+div,.ce-youtube-slider+section{border-top:solid 1px #c6c6c6;padding-top:50px}.ce-youtube-slider .swiper-button-prev-small-youtube,.ce-youtube-slider .swiper-button-next-small-youtube{padding:12px 10px;background:#ececec;width:30px}.ce-youtube-slider .swiper-button-prev-small-youtube i.fa,.ce-youtube-slider .swiper-button-next-small-youtube i.fa{padding-left:0}.ce-youtube-slider .swiper-button-next-small-youtube{right:-30px}.ce-youtube-slider .swiper-button-prev-small-youtube{left:-30px}.ce-youtube-slider .swiper-slide a div{max-height:140px;height:auto;overflow:hidden}.ce-youtube-slider .swiper-slide a div img{width:100%}@media screen and (max-width: 640px){.ce-youtube-slider .swiper-slide a div{max-height:none}}.shopDetailsContainer{background:#ececec;padding:10px 0;margin-bottom:10px}.shopDetailsContainer .left{float:left;min-height:1px}.shopDetailsContainer .left a{color:#333;font-weight:600;font-size:14px;line-height:normal;text-decoration:none}.shopDetailsContainer .left a i{font-size:12px}.shopDetailsContainer .right{float:right;min-height:1px}.shopDetailsContainer .right ul li{display:inline-block}.shopDetailsContainer .right ul li a{color:#333;font-weight:600;font-size:14px;line-height:normal;text-decoration:none}.shopDetailsContainer .right ul li+li{margin-left:5px}.shopDetailsContainer .tx-sy-osbeeproducts{padding:0}.shopDetailsContainer .tx-sy-osbeeproducts ul{display:inline-block}.shopDetailsContainer .changeMoney span{position:relative;margin-right:5px;color:#333;font-weight:600;font-size:14px;line-height:normal}.shopDetailsContainer .changeMoney li{position:relative;margin-right:5px;color:#333;font-weight:600;font-size:14px;line-height:normal}.shopDetailsContainer .changeMoney li a{color:#333;font-weight:600;font-size:14px;line-height:normal;text-decoration:none}.shopDetailsContainer .changeMoney li ul{width:85px;display:none;position:absolute;background:#fff;padding:5px 10px;box-shadow:1px 1px 5px rgba(0,0,0,0.35);top:32px;left:0}.shopDetailsContainer .changeMoney li ul:before{content:"";height:15px;width:100%;position:absolute;top:-15px}.shopDetailsContainer .changeMoney li ul li a{padding-left:0}.shopDetailsContainer .changeMoney li:hover ul{display:block}.marketplace-wrapper{padding:50px 0}@media screen and (max-width: 1120px){.marketplace-wrapper.inner.small,.tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner{padding:50px 25px}}@media screen and (max-width: 767px){.marketplace-wrapper.inner.small,.tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner{padding:0px 25px}}.marketplace-wrapper .mp-mobile{display:none;margin-bottom:0;margin-top:25px;margin-bottom:25px}.marketplace-wrapper .mp-mobile button{width:100%;outline:none;border:none}@media screen and (max-width: 767px){.marketplace-wrapper .mp-mobile{display:block}}.marketplace-wrapper .mp-sidebar{float:left;width:24.27%;min-height:1px;margin-right:0.97%}.marketplace-wrapper .mp-sidebar.right{margin-right:0;margin-left:0.97%}.marketplace-wrapper .mp-sidebar.right>div{margin-bottom:0}.marketplace-wrapper .mp-sidebar.right>div+div{margin-top:30px}@media screen and (max-width: 767px){.marketplace-wrapper .mp-sidebar{float:none;width:100%;margin-right:0;display:none;margin-bottom:25px}.marketplace-wrapper .mp-sidebar.active{display:block}.marketplace-wrapper .mp-sidebar.right{margin-left:0;display:block}}.marketplace-wrapper .mp-sidebar>div{margin-bottom:99px}.marketplace-wrapper .mp-sidebar>div+div{margin-top:40px;margin-bottom:0}.marketplace-wrapper .mp-sidebar h2,.marketplace-wrapper .mp-sidebar .ce-table table caption,.ce-table table .marketplace-wrapper .mp-sidebar caption{text-align:left;color:#333;text-transform:uppercase;font-size:16px;line-height:normal;font-weight:700;margin:0 0 10px 0;font-family:"Open Sans",sans-serif;padding-bottom:3px;border-bottom:solid 2px #fc0}.marketplace-wrapper .mp-sidebar h2:after,.marketplace-wrapper .mp-sidebar .ce-table table caption:after,.ce-table table .marketplace-wrapper .mp-sidebar caption:after{display:none}.marketplace-wrapper .mp-sidebar .mp-suche input[type="text"],.marketplace-wrapper .mp-sidebar .mp-suche select{height:40px;border:solid 1px #818181;padding:5px 10px;width:100%;font-size:14px}.marketplace-wrapper .mp-sidebar .mp-suche input[type="text"]{margin-bottom:10px}.marketplace-wrapper .mp-sidebar .mp-suche input[type="submit"]{width:100%;height:40px;border:none;outline:none;font-size:16px;line-height:normal;font-weight:700;color:#fff;background:#0067b1;text-align:left;padding:10px;cursor:pointer;position:relative;margin-top:5px}.marketplace-wrapper .mp-sidebar .mp-suche form{position:relative}.marketplace-wrapper .mp-sidebar .mp-suche form:after{content:"\f105";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;margin-left:5px;position:absolute;right:10px;bottom:9px;color:#fff}.marketplace-wrapper .mp-sidebar .mp-category nav ul li,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li{display:block}.marketplace-wrapper .mp-sidebar .mp-category nav ul li a,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a{text-decoration:none;color:#333;font-size:16px;line-height:normal;font-weight:700}.marketplace-wrapper .mp-sidebar .mp-category nav ul li a:hover,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a:hover{text-decoration:underline}.marketplace-wrapper .mp-sidebar .mp-category nav ul li>a,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li>a{display:block}.marketplace-wrapper .mp-sidebar .mp-category nav ul li>a .mp-categoryteaser,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li>a .mp-categoryteaser{width:20px;height:20px;float:left;color:#fff;text-align:center;margin-right:10px}.marketplace-wrapper .mp-sidebar .mp-category nav ul li>a .mp-categoryteaser i,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li>a .mp-categoryteaser i{text-align:center;vertical-align:middle;color:#fff;font-size:10px;padding:0 0 3px 0}.marketplace-wrapper .mp-sidebar .mp-category nav ul li ul,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul{margin-top:8px;margin-left:20px}.marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li{padding-left:10px}.marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li a,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li a{font-weight:400}.marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li+li,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li+li{margin-top:5px}.marketplace-wrapper .mp-sidebar .mp-category nav ul li+li,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li+li{margin-top:12px}.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a{font-weight:400}.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li+li{margin-top:10px}.marketplace-wrapper .mp-sidebar .mp-info img{display:block}.marketplace-wrapper .mp-sidebar .mp-info img+p{font-size:13px;line-height:normal;margin:15px 0 0 0}.marketplace-wrapper .mp-sidebar .mp-info img+p+p{margin-top:15px}.marketplace-wrapper .mp-sidebar .mp-buttons a{text-decoration:none;color:#fff;background:#0067b1;width:100%;display:block;font-size:16px;line-height:normal;font-weight:700;text-transform:uppercase;text-align:center;padding:15px}.marketplace-wrapper .mp-sidebar .mp-buttons a+a{margin-top:10px}.marketplace-wrapper .mp-sidebar .mp-buttons a.blue{background:#0067b1}.marketplace-wrapper .mp-sidebar .mp-buttons a.nobutton{padding:0;color:#333;background:transparent}.marketplace-wrapper .mp-sidebar .mp-productspecifikation{background:#ececec;padding:15px 10px 30px 10px}.marketplace-wrapper .mp-sidebar .mp-productspecifikation p{margin:0;font-size:13px;line-height:normal}.marketplace-wrapper .mp-sidebar .mp-productspecifikation p+p{margin-top:30px}.marketplace-wrapper .mp-sidebar .mp-productspecifikation p a{color:#0067b1;font-weight:700;text-decoration:none}.marketplace-wrapper .mp-sidebar .mp-productShare p{margin:0;font-weight:700}.marketplace-wrapper .mp-sidebar .mp-productShare br{display:none}.marketplace-wrapper .mp-sidebar .mp-productShare .shariff .orientation-horizontal{text-align:left !important}.marketplace-wrapper .mp-contentContainer{float:left;width:74.76%;min-height:1px}.marketplace-wrapper .mp-contentContainer.detailseite{width:49.51%;padding-top:25px}@media screen and (max-width: 767px){.marketplace-wrapper .mp-contentContainer{float:none;width:100%;margin-bottom:25px}.marketplace-wrapper .mp-contentContainer.detailseite{width:100%}}.marketplace-wrapper .mp-contentContainer .mp-banner{width:100%;height:auto;margin-bottom:30px;position:relative}@media screen and (max-width: 480px){.marketplace-wrapper .mp-contentContainer .mp-banner{display:none}}.marketplace-wrapper .mp-contentContainer .mp-banner div{position:absolute;top:40px;left:40px}@media screen and (max-width: 1024px){.marketplace-wrapper .mp-contentContainer .mp-banner div{top:20px;left:20px}}.marketplace-wrapper .mp-contentContainer .mp-banner div h2,.marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption,.ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption{color:#fff;font-weight:700;text-align:left;font-size:32px;line-height:normal;text-transform:uppercase;margin-top:0;font-family:"Open Sans",sans-serif}.marketplace-wrapper .mp-contentContainer .mp-banner div h2:after,.marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption:after,.ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption:after{margin:0}.marketplace-wrapper .mp-contentContainer .mp-banner div p{color:#fff;margin:0;font-size:13px;line-height:normal}.marketplace-wrapper .mp-contentContainer .mp-banner div p+p{margin-top:15px}@media screen and (max-width: 767px){.marketplace-wrapper .mp-contentContainer .mp-banner div p{display:none}}.marketplace-wrapper .mp-contentContainer .mp-banner div a{color:#fff;text-decoration:none;font-size:13px;line-height:normal;display:block;margin-top:15px;text-transform:uppercase}.marketplace-wrapper .mp-contentContainer .mp-banner div a:after{content:"\f178";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;margin-left:5px}.marketplace-wrapper .mp-contentContainer .mp-banner div a:hover{text-decoration:underline}.marketplace-wrapper .mp-contentContainer .mp-filter{width:100%;margin-bottom:20px}@media screen and (min-width: 600px){.marketplace-wrapper .mp-contentContainer .mp-filter ul{display:flex;-ms-flex-flow:row wrap;flex-wrap:nowrap}}.marketplace-wrapper .mp-contentContainer .mp-filter ul li{background:#bbbbbb;color:#fff;cursor:pointer;padding:15px 0;font-weight:700;text-transform:uppercase;text-align:center}@media screen and (min-width: 600px){.marketplace-wrapper .mp-contentContainer .mp-filter ul li{flex-direction:column;order:4;flex-grow:4}}.marketplace-wrapper .mp-contentContainer .mp-filter ul li.active,.marketplace-wrapper .mp-contentContainer .mp-filter ul li:hover{background:#333}.marketplace-wrapper .mp-contentContainer .mp-filter ul li+li{margin-left:10px}@media screen and (max-width: 1024px){.marketplace-wrapper .mp-contentContainer .mp-filter ul li{font-size:13px;line-height:normal}}@media screen and (max-width: 768px){.marketplace-wrapper .mp-contentContainer .mp-filter ul li{font-size:12px;line-height:normal}}@media screen and (max-width: 600px){.marketplace-wrapper .mp-contentContainer .mp-filter ul li+li{margin-left:0;margin-top:10px}}.marketplace-wrapper .mp-contentContainer .mp-content article{float:left;width:250px;width:calc((100% - 21px) / 3);border:solid 1px #818181}.marketplace-wrapper .mp-contentContainer .mp-content article+article{margin-left:10px}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n+4){margin-left:0}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n+4){margin-top:10px}.marketplace-wrapper .mp-contentContainer .mp-content article>a{display:block;height:100%;position:relative;padding-bottom:50px}.marketplace-wrapper .mp-contentContainer .mp-content article header{position:relative;padding:10px 10px 0 10px}.marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage,.marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser{display:block;float:left;max-width:70px;margin-right:10px;width:54px;height:54px}.marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage i,.marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser i{text-align:center;vertical-align:middle;color:#fff;font-size:24px;padding:15px}.marketplace-wrapper .mp-contentContainer .mp-content article header h3{font-size:16px;line-height:normal;color:#333;font-weight:400;margin:0 0 10px 0;max-width:calc(100% - 70px);float:left}.marketplace-wrapper .mp-contentContainer .mp-content article header span{font-size:11px;line-height:normal;display:block;font-weight:400;color:#333;clear:both}.marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner{position:absolute;top:0;right:0;z-index:800}@media screen and (max-width: 1120px){.marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner{display:none}}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer{position:relative}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled,.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty{position:absolute;top:0;left:0;width:0%;overflow:hidden;height:22px}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span,.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span{color:#fc0;position:absolute;top:4px;font-size:9px}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span+span,.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span+span{left:12px}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span+span+span,.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span+span+span{left:23px}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span+span+span+span,.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span+span+span+span{left:34px}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span+span+span+span+span,.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span+span+span+span+span{left:45px}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty{position:relative;left:auto;right:auto;bottom:auto;width:100%}.marketplace-wrapper .mp-contentContainer .mp-content article main{margin-top:15px;padding:0 10px}.marketplace-wrapper .mp-contentContainer .mp-content article main p{font-size:13px;line-height:normal;margin:0}.marketplace-wrapper .mp-contentContainer .mp-content article main p+p{margin-top:10px}.marketplace-wrapper .mp-contentContainer .mp-content article main img{display:block;margin-top:15px;max-height:25px}.marketplace-wrapper .mp-contentContainer .mp-content article footer{margin-top:10px;border-top:solid 1px #818181;padding:10px 10px 10px 10px;position:absolute;left:0;right:0;bottom:0}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer{float:left;position:relative}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled{position:absolute;top:0;left:0;width:0%;overflow:hidden;height:22px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span{color:#fc0;position:absolute;top:4px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span+span{left:19px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span+span+span{left:38px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span+span+span+span{left:57px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span+span+span+span+span{left:76px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .price{float:none}@media screen and (max-width: 1100px){.marketplace-wrapper .mp-contentContainer .mp-content article footer .price{font-size:13px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .price span{font-size:10px !important}}.marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation{display:none;background:#0067b1;color:#fff;text-align:center;text-transform:uppercase;font-weight:700;font-size:16px;line-height:normal;padding:10px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation:after{content:"\f178";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;margin-left:5px}.marketplace-wrapper .mp-contentContainer .mp-content article a{text-decoration:none;color:#333}.marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer{padding:0}.marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .ratingContainer{display:none}.marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .price{display:none}.marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .moreInformation{display:block}@media screen and (max-width: 1023px){.marketplace-wrapper .mp-contentContainer .mp-content article{width:calc((100% - 11px) / 2)}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n+4){margin-left:10px}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n+3){margin-left:0}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n+3){margin-top:10px}}@media screen and (max-width: 560px){.marketplace-wrapper .mp-contentContainer .mp-content article{width:100%;margin-left:0 !important}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n+4){margin-left:0}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n+3){margin-left:0}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n+2){margin-top:10px}}.mpdetail-content .mp-productInfo{margin-bottom:60px}.mpdetail-content .mp-productInfo>img,.mpdetail-content .mp-productInfo>.mpdetail-productcategoryteaser{float:left;margin:0 10px;max-width:110px;display:block;text-align:center;height:100px;width:100px}.mpdetail-content .mp-productInfo>img i,.mpdetail-content .mp-productInfo>.mpdetail-productcategoryteaser i{font-size:40px;vertical-align:middle;color:#fff;display:inline-block;line-height:100px}.mpdetail-content .mp-productInfo>div{float:left;max-width:340px}.mpdetail-content .mp-productInfo>div h1{font-size:16px;line-height:normal;color:#333;font-weight:700;margin:0 0 5px 0}.mpdetail-content .mp-productInfo>div>span{font-size:11px;line-height:normal;display:block;font-weight:400;color:#333}.mpdetail-content .mp-productInfo>div .mpdetail-auszeichnung img{display:block;margin:15px 0;float:left}.mpdetail-content .mp-productInfo>div .mpdetail-auszeichnung img+img{margin-left:5px}.mpdetail-content .mp-productInfo>div .ratingContainer{position:relative;display:inline-block}.mpdetail-content .mp-productInfo>div .ratingContainer .filled{position:absolute;top:0;left:0;width:0%;overflow:hidden;height:22px}.mpdetail-content .mp-productInfo>div .ratingContainer .filled span{color:#fc0;position:absolute;top:4px}.mpdetail-content .mp-productInfo>div .ratingContainer .filled span+span{left:19px}.mpdetail-content .mp-productInfo>div .ratingContainer .filled span+span+span{left:38px}.mpdetail-content .mp-productInfo>div .ratingContainer .filled span+span+span+span{left:57px}.mpdetail-content .mp-productInfo>div .ratingContainer .filled span+span+span+span+span{left:76px}.mpdetail-content .mp-productWrapper>ul li{float:left;width:calc(100% / 3);background:#fff;text-align:center;border-top:solid 2px #ebebeb;border-left:solid 2px #ebebeb;cursor:pointer}.mpdetail-content .mp-productWrapper>ul li a{color:#333;font-size:13px;line-height:normal;cursor:pointer;text-decoration:none;font-weight:700;display:block;padding:15px}@media screen and (max-width: 360px){.mpdetail-content .mp-productWrapper>ul li a{font-size:11px;line-height:normal}}.mpdetail-content .mp-productWrapper>ul li.current,.mpdetail-content .mp-productWrapper>ul li:hover{background:#ececec;border-top:solid 2px #fc0}.mpdetail-content .mp-productWrapper>ul li.current i,.mpdetail-content .mp-productWrapper>ul li:hover i{color:#fc0}.mpdetail-content .mp-productWrapper>ul li.current{border-left:solid 2px transparent;border-right:solid 2px transparent}.mpdetail-content .mp-productWrapper>ul li.current+li{border-left:solid 2px #ebebeb}.mpdetail-content .mp-productWrapper>ul li:nth-of-type(2).current{border-left:solid 2px #ebebeb}.mpdetail-content .mp-productWrapper>ul li+li{border-right:solid 2px #ebebeb}.mpdetail-content .mp-productWrapper>ul li+li+li{border-left:solid 2px transparent}.mpdetail-content .mp-productWrapper .mp-productTab{display:none;background:#ececec;padding:15px 10px}.mpdetail-content .mp-productWrapper .mp-productTab:first-of-type{display:block}.mpdetail-content .mp-productWrapper .mp-productTab h3{color:#333;margin:0 0 10px 0;font-size:18px;line-height:normal;font-weight:700}.mpdetail-content .mp-productWrapper .mp-productTab a{font-size:13px;line-height:normal}.mpdetail-content .mp-productWrapper .mp-productTab p{margin:0;font-size:13px;line-height:normal;color:#333}.mpdetail-content .mp-productWrapper .mp-productTab p a{font-size:13px;line-height:normal}.mpdetail-content .mp-productWrapper .mp-productTab p+p{margin-top:15px}.mpdetail-content .mp-productWrapper .mp-productTab ul{margin:10px 0 0 0;padding:0;list-style-type:none}.mpdetail-content .mp-productWrapper .mp-productTab ul li{position:relative;padding-left:15px;font-size:13px;line-height:normal}.mpdetail-content .mp-productWrapper .mp-productTab ul li:before{content:"\f054";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;position:absolute;top:4px;left:0;color:#333;font-size:12px}.mpdetail-content .mp-productWrapper .mp-productTab ul li+li{margin-top:4px}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer>.ratingContainer span{color:#bbb;cursor:pointer}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer>.ratingContainer span:hover,.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer>.ratingContainer span:hover ~ span{color:#fc0}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer>.ratingContainer span:hover:before,.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer>.ratingContainer span:hover ~ span:before{content:"\f005"}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer>.ratingContainer p{font-size:18px;line-height:normal;color:#bbb;display:inline-block}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form{margin-bottom:20px;padding-bottom:30px;border-bottom:solid 1px #bbbbbb}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea{resize:none;height:105px;padding:10px;width:100%;margin-top:10px;color:#bbb;font-size:18px;line-height:normal}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea+p{font-size:13px;line-height:normal;color:#bbb;text-align:right}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form input[type="submit"]{display:inline-block;font-size:16px;line-height:normal;color:#fff;border:none;outline:none;text-align:center;background:#0067b1;text-transform:uppercase;padding:15px;min-width:160px;margin-top:-10px;font-weight:700;cursor:pointer}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment h3{margin-bottom:5px}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment+.mp-usercomment{margin-top:25px}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer .fa-star{color:#fc0}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer span{color:#bbb}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply{background:#fff;padding:15px 10px;margin-left:30px;position:relative}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before,.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:15px;margin-left:-200px}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:15px;margin-left:-200px}.forumWrapOuter{background:#ececec}.forumWrapOuter .ce-Image-Text-Element{margin-bottom:0;padding-bottom:40px}.tx-typo3forum-pi1{padding-top:50px;padding-bottom:50px}.tx-typo3forum-pi1 .forum_menu,.tx-typo3forum-pi1 .topic_list_menu{margin-bottom:40px}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1),.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1){float:left}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) i,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) i{display:none}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:before,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:before{content:"\f053";display:inline-block;margin-right:5px;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2),.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2){float:right;margin-left:15px}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) i,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) i{display:none}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:before,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:before{content:"\f0fe";display:inline-block;margin-right:5px;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3),.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3){float:right;display:none !important}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) i,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) i{display:none}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a{background:#fc0}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:before,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:before{content:"\f005";display:inline-block;margin-right:5px;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width: 640px){.tx-typo3forum-pi1 .forum_menu ul li,.tx-typo3forum-pi1 .topic_list_menu ul li{float:none !important;width:100% !important;margin-bottom:5px;margin-left:0 !important}.tx-typo3forum-pi1 .forum_menu ul li a,.tx-typo3forum-pi1 .topic_list_menu ul li a{width:100%;text-align:center}}.tx-typo3forum-pi1 #topic fieldset,.tx-typo3forum-pi1 #post fieldset,.tx-typo3forum-pi1 #report fieldset{border:none;padding:0;margin:0}.tx-typo3forum-pi1 #topic fieldset legend,.tx-typo3forum-pi1 #post fieldset legend,.tx-typo3forum-pi1 #report fieldset legend{margin-bottom:40px}.tx-typo3forum-pi1 #topic fieldset .control-group,.tx-typo3forum-pi1 #post fieldset .control-group,.tx-typo3forum-pi1 #report fieldset .control-group{margin-bottom:15px}.tx-typo3forum-pi1 #topic fieldset .control-group+.control-group>label,.tx-typo3forum-pi1 #post fieldset .control-group+.control-group>label,.tx-typo3forum-pi1 #report fieldset .control-group+.control-group>label{position:relative}.tx-typo3forum-pi1 #topic fieldset .markItUpContainer,.tx-typo3forum-pi1 #post fieldset .markItUpContainer,.tx-typo3forum-pi1 #report fieldset .markItUpContainer{width:100%;max-width:927px}.tx-typo3forum-pi1 #topic fieldset .markItUpHeader,.tx-typo3forum-pi1 #post fieldset .markItUpHeader,.tx-typo3forum-pi1 #report fieldset .markItUpHeader{float:right}.tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul .markItUpDropMenu,.tx-typo3forum-pi1 #post fieldset .markItUpHeader ul .markItUpDropMenu,.tx-typo3forum-pi1 #report fieldset .markItUpHeader ul .markItUpDropMenu{padding-right:0}.tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul a,.tx-typo3forum-pi1 #post fieldset .markItUpHeader ul a,.tx-typo3forum-pi1 #report fieldset .markItUpHeader ul a{width:18px;height:18px}.tx-typo3forum-pi1 #topic fieldset input[type="submit"],.tx-typo3forum-pi1 #post fieldset input[type="submit"],.tx-typo3forum-pi1 #report fieldset input[type="submit"]{display:block;float:left;border:solid 1px #c6c6c6;height:35px;padding:0 10px;background:#c6c6c6;font-size:14px;line-height:33px;cursor:pointer;font-family:"Open Sans",sans-serif}.tx-typo3forum-pi1 #topic fieldset input[type="submit"]+.btn,.tx-typo3forum-pi1 #post fieldset input[type="submit"]+.btn,.tx-typo3forum-pi1 #report fieldset input[type="submit"]+.btn{display:block;float:left;border:solid 1px #c6c6c6;height:35px;padding:0 10px;margin-left:10px;background:#c6c6c6;font-size:14px;line-height:35px;color:#000;font-weight:400;font-family:"Open Sans",sans-serif}.tx-typo3forum-pi1 #topic fieldset input[type="checkbox"],.tx-typo3forum-pi1 #post fieldset input[type="checkbox"],.tx-typo3forum-pi1 #report fieldset input[type="checkbox"]{margin-left:0;margin-top:0;vertical-align:bottom}.tx-typo3forum-pi1 #topic fieldset input[type="text"],.tx-typo3forum-pi1 #topic fieldset textarea,.tx-typo3forum-pi1 #post fieldset input[type="text"],.tx-typo3forum-pi1 #post fieldset textarea,.tx-typo3forum-pi1 #report fieldset input[type="text"],.tx-typo3forum-pi1 #report fieldset textarea{border:solid 1px #c6c6c6;padding:0 10px;height:30px;font-family:"Open Sans",sans-serif}.tx-typo3forum-pi1 #topic fieldset input[type="text"],.tx-typo3forum-pi1 #post fieldset input[type="text"],.tx-typo3forum-pi1 #report fieldset input[type="text"]{width:100%;max-width:927px}.tx-typo3forum-pi1 #topic fieldset textarea,.tx-typo3forum-pi1 #post fieldset textarea,.tx-typo3forum-pi1 #report fieldset textarea{padding-top:10px;padding-bottom:10px;margin-top:5px;min-height:200px;font-family:"Open Sans",sans-serif}.tx-typo3forum-pi1 #post fieldset .control-group>label{position:relative}.tx-typo3forum-pi1 #topic fieldset .control-group+.control-group>label{position:relative}.tx-typo3forum-pi1 #report .markItUp{margin-top:-20px}.tx-typo3forum-pi1 #report .markItUp .tx-typo3forum-miu-code,.tx-typo3forum-pi1 #report .markItUp .markItUpSeparator{display:none}.tx-typo3forum-pi1 ul.nav-pills-condensed{margin-bottom:5px}.tx-typo3forum-pi1>h2,.ce-table table .tx-typo3forum-pi1>caption{display:none}.tx-typo3forum-pi1>h2.enable,.ce-table table .tx-typo3forum-pi1>caption.enable{text-transform:none;text-align:left;padding-left:10px;background:#0067b1;padding:15px 0 15px 10px;margin:0;font-size:16px;line-height:normal;color:#fff}.tx-typo3forum-pi1>h2.enable:after,.ce-table table .tx-typo3forum-pi1>caption.enable:after{display:none}.tx-typo3forum-pi1 table tbody td{background:#fff !important;padding:10px 8px;line-height:60px;vertical-align:middle;height:60px;font-size:13px;line-height:normal}.tx-typo3forum-pi1 table tbody td div{font-size:13px;line-height:18.2px;font-size:.8125rem;line-height:1.1375rem;font-weight:300;color:#b4b4b4;font-size:13px;line-height:normal}.tx-typo3forum-pi1 table tbody td a{font-size:16px;line-height:normal;font-weight:700;text-decoration:none;color:#333}.tx-typo3forum-pi1 table tbody td:nth-of-type(n+3){text-align:center}.tx-typo3forum-pi1 .f3-widget-paginator{text-align:right}.tx-typo3forum-pi1 .f3-widget-paginator li{color:#0067b1;font-weight:700;font-size:13px;line-height:normal;display:inline-block}.tx-typo3forum-pi1 .f3-widget-paginator li a{font-size:13px}.tx-typo3forum-pi1 .f3-widget-paginator li.current{color:#fc0}.tx-typo3forum-pi1 .f3-widget-paginator li+li{margin-left:5px}.tx-typo3forum-pi1 .tx-typo3forum-postbutton{display:block;float:left;border:solid 1px #c6c6c6;height:35px;padding:0 10px;background:#c6c6c6;font-size:14px;line-height:33px;cursor:pointer;font-family:"Open Sans",sans-serif}.tx-typo3forum-pi1 .tx-typo3forum-postbutton+.btn{display:block;float:left;border:solid 1px #c6c6c6;height:35px;padding:0 10px;margin-left:10px;background:#c6c6c6;font-size:14px;line-height:35px;color:#000;font-weight:400;font-family:"Open Sans",sans-serif}.tx-typo3forum-pi1 .previewTitle{margin-bottom:40px}.tx-typo3forum-pi1 #tx-typo3forum-postpreview-wrap{display:none;padding-bottom:50px}.tx-typo3forum-pi1 #tx-typo3forum-postpreview{background-color:#ffffff;padding:20px;margin-bottom:15px;max-width:927px}.tx-typo3forum-pi1 #tx-typo3forum-postpreview .postsubject{font-size:16px;line-height:normal;font-weight:700;color:#333;margin:0 0 5px 0;display:block}.tx-typo3forum-pi1 #tx-typo3forum-postpreview ul{list-style-type:disc;padding:0 20px}.tx-typo3forum-pi1 .tx-typo3forum-postsubmit{margin-right:10px}.tx-typo3forum-pi1 #cke_typo3forum_editor{max-width:925px}code{background-color:#ececec;padding:10px;font-family:courier;display:block}.ce-osbee-forum h2,.ce-osbee-forum .ce-table table caption,.ce-table table .ce-osbee-forum caption{text-transform:none;text-align:left;padding-left:10px;background:#0067b1;padding:15px 0 15px 10px;margin:0;font-size:16px;line-height:normal;color:#fff}.ce-osbee-forum h2:after,.ce-osbee-forum .ce-table table caption:after,.ce-table table .ce-osbee-forum caption:after{display:none}.ce-osbee-forum .ce-osbee-forum-wrap{display:block;width:100%;background:#fff}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child{width:100%;padding:15px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon{float:left;max-width:70px;margin-right:15px;width:41px;height:41px;border-radius:25px;background:#c6c6c6}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic{background:#fff;text-align:center;vertical-align:middle;border:solid 1px #bbb;width:20px;height:20px;color:#bbb}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic i,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic i{padding:0;font-size:12px;padding-top:4px;display:block}@media screen and (max-width: 640px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon{display:none}}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left{float:left;width:55%}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3{margin:0;font-size:16px;line-height:normal}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a{font-size:16px;line-height:normal;font-weight:700;color:#333;margin:0 0 5px 0;display:block}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a{font-weight:400;font-size:12px;line-height:normal;margin:0;display:block;width:100%;max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span{display:block}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span+span,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span+span{color:#bbb}@media screen and (max-width: 1024px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left{width:40%}}@media screen and (max-width: 800px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left{width:36%}}@media screen and (max-width: 768px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left{float:none;width:100%}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a{margin-bottom:0}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p{margin-bottom:20px;max-width:85%}}@media screen and (max-width: 480px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p{margin-bottom:0;max-width:100%}}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right{float:right;width:36%;min-width:360px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p{display:none}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.topics,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.posts{display:block}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics{font-size:12px;line-height:14px;margin:0;font-weight:400;width:45px;text-align:center;float:left}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics span{display:block}@media screen and (max-width: 1024px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics{width:40px}}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts{font-size:12px;line-height:14px;margin:0;font-weight:400;float:left;width:45px;text-align:center;margin-left:25px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts a{font-size:12px;line-height:14px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts span{display:block}@media screen and (max-width: 1024px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts{width:40px}}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available{width:220px;position:relative;padding-left:40px;display:block;float:left;margin-left:25px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .tx-typo3forum-topic-show-post-user-icon,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .tx-typo3forum-topic-show-post-user-icon{max-height:30px;border-radius:25px;width:auto;margin-right:0;position:absolute;left:0;top:0}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost{font-size:12px;line-height:14px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a{font-size:12px;line-height:14px;text-decoration:none}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a:hover,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a:hover{text-decoration:underline}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor{font-size:12px;line-height:14px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a{font-size:12px;line-height:14px;text-decoration:none}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a:hover,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a:hover{text-decoration:underline}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor time,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor time{font-size:12px;line-height:14px;display:block;width:100%;color:#c6c6c6}@media screen and (max-width: 1024px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available{width:200px}}@media screen and (max-width: 420px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available{width:auto}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post img,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available img{display:none}}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available{margin-top:0}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available span{display:inline;vertical-align:middle;line-height:30px;font-size:12px;line-height:14px}@media screen and (max-width: 1024px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right{width:35%;min-width:330px}}@media screen and (max-width: 768px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right{float:none;width:100%}}@media screen and (max-width: 480px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right{display:none}}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div a{font-weight:400;color:#333;text-decoration:none}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child+.ce-osbee-forum-child{border-top:solid 1px #bbbbbb}ul.nav-pills li{display:inline-block}ul.nav-pills li a{font-size:12px;line-height:normal;color:#333;font-weight:400;text-decoration:none}ul.nav-pills li a:hover{text-decoration:underline}ul.nav-pills li:last-of-type a{font-weight:700;color:#333}ul.nav-pills li+li:before{content:"\f054";color:#fc0;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;font-size:10px;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul.nav-pills+.ce-osbee-forum{margin-top:20px}.ce-osbee-forum-singlepost{position:relative;background:#fff;padding:30px}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation{width:20%;float:left;padding-right:2%;border-right:solid 1px #bbb;text-align:center}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon{float:none;display:block;margin:0;background:#ececec;padding:10px;text-align:center;border-radius:150px;height:85px;width:85px;margin:15px auto;font-size:60px}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a{font-size:16px;line-height:normal;margin:0 0 10px 0;color:#333;font-weight:700;text-decoration:none}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a:hover{text-decoration:underline}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div span.screenname{font-size:16px;line-height:normal;margin:0 0 10px 0;color:#333;font-weight:700}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName{font-size:18px;line-height:normal;font-weight:600;color:#333}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered{font-size:14px;line-height:normal;color:#bbbbbb;margin-bottom:10px}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .membersince{font-size:12px;line-height:normal;color:#bbbbbb}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .postcounts{font-size:12px;line-height:normal;color:#bbbbbb}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p{font-size:14px;line-height:normal;font-weight:400;margin:0}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p+p{margin-top:2px}@media screen and (max-width: 1024px){.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation{width:25%}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a{font-size:14px;line-height:normal}}@media screen and (max-width: 768px){.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation{float:none;width:100%;border-right:none;padding-right:0}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon{display:none}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div{padding-bottom:15px;border-bottom:solid 1px #bbb}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div *{display:block;text-align:left}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a{font-size:14px;line-height:normal}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.membersince,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.postcounts,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.unregistered{margin-left:0}}@media screen and (max-width: 480px){.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div{padding-bottom:15px}}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content{width:77%;float:left;padding-left:2%;margin-left:3%}@media screen and (max-width: 1024px){.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content{width:70%}}@media screen and (max-width: 768px){.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content{float:none;margin-left:0;width:100%;margin-top:20px}}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text{padding:0;margin:0;font-size:12px;line-height:normal;padding-top:10px}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text p{font-size:12px;line-height:normal}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text ul{list-style-type:disc;padding:0 20px}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text ul li{font-size:12px;line-height:normal}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote{background:#fff;color:#333;border:none;margin:0 0 15px 0}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user{color:#333;font-size:12px;font-weight:400;line-height:normal}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user a{color:#333;font-size:12px;font-weight:400;line-height:normal}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text{margin-top:10px;font-style:italic;color:#bbb;font-size:12px}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text:before{content:"\f10e";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;font-size:30px;color:#0067b1;margin-right:10px;vertical-align:top}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote{margin:-30px 0 10px 35px;padding:0}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote .tx-typo3forum-quote-text:before{font-size:20px}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation{border-bottom:solid 1px #bbb;padding-bottom:5px}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu{float:right}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu a{font-weight:400;font-size:12px;line-height:normal}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu .quote-icon{padding-left:0;position:relative;top:-4px}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date{float:left;font-size:12px;line-height:normal;color:#333;font-style:normal;font-size:13px;color:#bbb}@media screen and (max-width: 768px){.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation{position:absolute;top:30px;right:30px;border-bottom:none}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date{float:none;display:inline-block}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu{float:none;margin-left:10px;display:inline-block}}@media screen and (max-width: 480px){.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation{position:relative;top:0;text-align:right;right:auto;border-bottom:none}}.ce-osbee-forum-singlepost+.ce-osbee-forum-singlepost{border-top:solid 1px #bbbbbb}.ce-osbee-forum-singlepost:first-of-type{margin-top:30px}.f3-widget-paginator{margin:40px 0 30px 0;text-align:right}.osbee-forum-empty{display:none}.osbee-forum-empty.enable{display:block}p.tx-srfeuserregister-pi1-error{font-size:13px;line-height:normal}.blogContentFullWidth{margin-top:25px}.blogContent{float:left;width:73.78%;width:calc(100% - 32.85%);display:block;max-width:740px;padding:50px 0;margin-right:4.85%;padding-top:0}.blogContent a{color:#0067b1}@media screen and (max-width: 1020px){.blogContent{width:100%;max-width:none;margin-right:0;float:none}}.blogSidebar{float:left;width:23.30%;width:calc(100% - 72%);max-width:240px;display:block;padding:50px 0;padding-top:0;margin-top:40px}@media screen and (max-width: 1020px){.blogSidebar{float:none;width:100%;max-width:none}}.blogSidebar .csc-header{width:100%;text-align:left}.blogSidebar h3,.blogSidebar h1,.blogSidebar h2,.blogSidebar .ce-table table caption,.ce-table table .blogSidebar caption{display:inline-block;width:100%;padding:0 0 3px 0;border-bottom:solid 2px #fc0;font-weight:bold;margin:0 0 10px 0;font-size:16px;line-height:normal;text-transform:none;text-align:left}.blogSidebar .news{padding:0;margin-bottom:40px}.blogSidebar .blog-subscribe h2,.blogSidebar .blog-subscribe .ce-table table caption,.ce-table table .blogSidebar .blog-subscribe caption{display:inline-block;width:100%;padding:0 0 3px 0;border-bottom:solid 2px #fc0;font-weight:bold;margin:0 0 10px 0;font-size:16px;line-height:normal;text-transform:none;text-align:left}.blogSidebar .blog-subscribe h2:after,.blogSidebar .blog-subscribe .ce-table table caption:after,.ce-table table .blogSidebar .blog-subscribe caption:after{display:none}.blogSidebar .blog-subscribe .tx-srfeuserregister-pi1-notice{font-style:normal;margin:0;font-size:15px;line-height:normal}.blogSidebar .blog-subscribe .terms{margin-top:15px}.blogSidebar .blog-subscribe .terms .termsInputContainer{float:left;width:10%;text-align:left}.blogSidebar .blog-subscribe .terms .termsInputContainer input{width:15px;height:15px;border:solid 1px #c6c6c6;background:#fff}.blogSidebar .blog-subscribe .terms p{float:left;width:90%;font-size:12px;line-height:normal}.blogSidebar .blog-subscribe .terms p a{padding-left:0;background-image:none;font-weight:400;font-size:12px;line-height:normal}.blogSidebar .blog-subscribe .terms p span{display:none}.blogSidebar .blog-subscribe .firstname input,.blogSidebar .blog-subscribe .email input{margin-top:0}.news-list-view h3{margin:0}.news-list-view h3 a{text-decoration:none}.news-list-view h3 a span{font-size:18px;color:#333;font-weight:normal}.news-list-view h3:after{content:"";display:block;width:50px;height:5px;background:#fc0;margin:10px 0 0 0}.news-list-view .header{display:inline-block;width:100%;max-width:470px;max-width:450px;margin-bottom:15px}.news-list-view .article{clear:both;height:210px;height:auto;border-bottom:1px solid #fc0}.news-list-view .article .footer{display:none}.news-list-view .no-media-element img{width:250px;height:187px}.news-list-view .more{font-size:15px;line-height:normal;vertical-align:bottom}.news-list-view .news-img-wrap{display:inline-block;margin:0 !important;padding:0;max-width:250px;height:100%;width:26%}.news-list-view .news-img-wrap img{max-width:100%;height:auto}.news-list-view .news-img-wrap a{margin:0;padding:0;border:0;max-width:100%}@media screen and (max-width: 640px){.news-list-view .news-img-wrap{display:none}}.news-list-view .news-content-wrap{width:72%;float:left;margin-left:2%}.news-list-view .news-content-wrap h3{margin-bottom:20px}@media screen and (max-width: 640px){.news-list-view .news-content-wrap{float:none;width:100%;margin-left:0}}.news-list-view .teaser-text>span{display:block}.news-list-view .teaser-text ul,.news-list-view .teaser-text ol{padding-left:0;margin-left:15px}.news-list-view .teaser-text .more{display:block;margin-top:15px}.news-single{padding:0;margin-top:40px}.news-single .header h3{font-size:18px;color:#333;font-weight:normal;margin-bottom:25px;margin-top:10px}.news-single .header h3:after{content:"";display:block;width:50px;height:5px;background:#fc0;margin:10px 0 0 0}.news-single .news-text-wrap p{color:#333}.news-single .footer{border-top:1px solid #fc0;margin-bottom:40px;padding:0;padding-top:20px;text-align:right}.news-single .footer p{font-weight:bold;color:#333;margin-bottom:0}.news-single .footer span span{padding-right:0;margin-right:0}.news-single .footer .socialmedia{display:none}.news-single .news-backlink-wrap a{font-size:15px;line-height:normal;font-weight:bold;color:#333;text-decoration:none}.news-single .article .news-img-wrap{width:100%;height:auto;margin-bottom:30px;float:none;margin:0;float:left;width:auto;margin-right:15px;margin-bottom:25px;max-width:350px}@media screen and (max-width: 768px){.news-single .article .news-img-wrap{max-width:none;float:none;margin-right:0;margin-bottom:15px;width:100%}}.news-single .article .news-img-wrap img{max-width:100%;height:auto}.news-single .shareThisPost{float:right;border-left:solid 1px #ddd;padding-left:10px}.news-single .news-list-category span{display:inline-block;font-size:13px;border-right:none}.news-single .news-list-category span+span:before{content:"|";display:inline-block;margin:0 5px 0 2px}@media screen and (max-width: 768px){.news-single .news-list-category{float:none;width:100%;display:block;margin-top:5px}.news-single .news-list-date{margin-top:5px}.news-single .shareThisPost{display:block;width:100%;float:none;padding-left:0;border-left:none}}.news p+ul{margin-top:15px}.blogSidebar .news ul li{padding-left:0;font-weight:700}.blogSidebar .news ul li ul li{font-weight:400}.blogSidebar .news ul li:before{display:none}.csc-header{margin:0;padding:0;display:inline-block}.blog-commentContainer{background:#ececec;padding:15px 10px}.blog-commentContainer form{margin-bottom:20px;padding-bottom:30px;border-bottom:solid 1px #bbbbbb}.blog-commentContainer form h3{margin:5px 0 0 0}.blog-commentContainer form textarea{resize:none;height:120px;padding:10px;width:100%;margin-top:10px;color:#bbb;font-size:18px;line-height:normal}.blog-commentContainer form textarea+p{font-size:14px;line-height:normal;color:#bbb;text-align:right}.blog-commentContainer form input[type="submit"]{display:inline-block;font-size:15px;line-height:normal;color:#fff;border:none;outline:none;text-align:center;background:#0067b1;text-transform:uppercase;padding:15px;min-width:160px;margin-top:-10px;font-weight:700;cursor:pointer}.toctoc-comments-pi1{border-bottom:1px solid transparent}.tx-tc-sortlistmenu .tx-tc-dsclmrlistmenutitle:first-child{display:none}.tx-tc-ct-ry-report-line{text-align:right;font-size:12px;line-height:normal}.tx-tc-cts-ct-box+.tx-tc-cts-ct-box{border-top:solid 1px #c6c6c6;padding-top:15px !important}.tx-tc-cts-ct-box+.tx-tc-cts-ct-box.replyAnswer{border-top:none}.blog-usercomment{margin-left:0 !important}.blog-usercomment h3{margin-bottom:5px;margin-top:0}.blog-usercomment h3 time{display:inline-block}.blog-usercomment h3 .tx-tc-popularity-pic{display:none}.blog-usercomment+.blog-usercomment{margin-top:25px}.tx-tc-indent-subcmt{background:#fff;padding:15px 10px !important;margin-left:30px;position:relative}.tx-tc-indent-subcmt h3{margin-bottom:10px;margin-top:0}.tx-tc-indent-subcmt h3 time{display:inline-block}.tx-tc-indent-subcmt h3 .tx-tc-popularity-pic{display:none}.tx-tc-indent-subcmt:before,.tx-tc-indent-subcmt:after{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.tx-tc-indent-subcmt:before{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:15px;margin-left:-200px}.tx-tc-indent-subcmt:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:15px;margin-left:-200px}.new-socialmedia{font-size:15px}.new-socialmedia i{font-size:22px}.tx-tc-dtadyn{padding:0 25px !important}.tx-tc-ct-form-field-upload{display:none !important}.tx-tc-width100-85{width:100%;float:none !important}.tx-tc-ct-form-gender{display:none}.tx-tc-ct-form-field{margin-top:5px}.tx-tc-ct-form-field input{background:#fff !important;border:solid 1px #c6c6c6;color:#333 !important}.tx-tcfh112{opacity:1 !important}.tx-tc-ct-reqhint{font-size:12px !important;line-height:normal !important}.latest-news-container{background:#ececec;padding:40px 0}.latest-news-container .startpage-latesnews{float:left;width:calc((100% - 60px) / 3);border-bottom:solid 1px #fc0;padding-bottom:20px;position:relative}.latest-news-container .startpage-latesnews .news-img-wrap{width:100%;margin-bottom:15px;max-width:none;vertical-align:bottom;display:table-cell}.latest-news-container .startpage-latesnews .news-img-wrap a{display:block}.latest-news-container .startpage-latesnews .news-img-wrap img{width:100%;display:block;height:auto}.latest-news-container .startpage-latesnews .header{width:100%;height:auto}.latest-news-container .startpage-latesnews .header h3{font-weight:400}.latest-news-container .startpage-latesnews .header h3 span{font-size:14px;line-height:19.6px;font-size:.875rem;line-height:1.225rem}.latest-news-container .startpage-latesnews .header h3:after{display:none}.latest-news-container .startpage-latesnews+.startpage-latesnews{margin-left:30px}@media screen and (max-width: 768px){.latest-news-container .startpage-latesnews{float:none;width:100%}.latest-news-container .startpage-latesnews .news-img-wrap{width:25%;margin-right:5%;float:left}.latest-news-container .startpage-latesnews .teaser-header-container{float:left;width:70%;padding-left:25px}.latest-news-container .startpage-latesnews .teaser-header-container .header{margin-bottom:0}.latest-news-container .startpage-latesnews .teaser-header-container .header h3 span{font-size:15px;line-height:normal}.latest-news-container .startpage-latesnews .teaser-header-container .teaser-text .more{margin-top:5px}.latest-news-container .startpage-latesnews+.startpage-latesnews{margin-left:0;margin-top:30px}}@media screen and (max-width: 520px){.latest-news-container .startpage-latesnews .news-img-wrap{display:none}.latest-news-container .startpage-latesnews .teaser-header-container{float:none;width:100%}}.rss-feed-button{padding-bottom:50px}.rss-feed-button a{width:100%;text-align:center}.rss-feed-button a i{font-size:16px}.new-socialmedia{padding-right:0 !important}.shariff .orientation-horizontal{display:block !important;-ms-flex-wrap:none !important;flex-wrap:none !important;text-align:right !important}.shariff .orientation-horizontal.col-5 li{-ms-flex:none !important;flex:none !important;min-width:0 !important;max-width:none;width:auto !important;margin-right:10px !important;margin-left:0 !important;padding:0;float:none;display:inline-block;margin-bottom:0}.shariff .orientation-horizontal.col-5 .fa{border-right:none !important;padding-right:0;margin-right:0;width:auto !important;line-height:normal;font-size:13px !important}.shariff .orientation-horizontal.col-5 .share_text{display:none}.shariff .theme-grey .shariff-button.info{border:none;padding-left:5px}.shariff .theme-grey .shariff-button.info .share_text{display:none !important}.shariff .theme-grey .shariff-button.info a{color:#000}.shariff .theme-grey .shariff-button a{background:transparent !important;background-color:transparent !important;height:auto;line-height:normal}.shariff .theme-grey .shariff-button a span{color:#333}.shariff .theme-grey .shariff-button a span:before{color:#333}.toctoc-comments-pi1.tx-tc-responsive{font-family:"Open Sans",sans-serif;border:none !important;padding:10px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu{border:none;margin-bottom:25px;font-size:15px;line-height:normal;border-bottom:solid 1px #0067b1;padding-bottom:10px;background:transparent}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu:hover{border-bottom:solid 1px #0067b1;background:transparent !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu .tx-tc-sortlistmenutitle{color:#333}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortind-pop{width:18px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-frmsqrhgt{height:auto !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-ctinput-textarea{height:150px;padding:10px 15px !important;font-size:15px;line-height:normal !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-ct-submit-loggedin{background:#be1622;color:#fff;font-size:15px;padding:5px 10px;margin-left:4.5% !important;font-family:"Open Sans",sans-serif;opacity:1;border-radius:0;border:none !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp{opacity:1 !important}.toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage{height:auto}.toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage div.tx-tc-emo-nav-frm{margin-bottom:20px}.toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emopage-emojis{height:auto;margin-bottom:20px}.toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emo-bot-nav{height:auto;width:100% !important;border:none !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-menutitle-hilight{background:transparent;border:none}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel{padding:10px;right:-2px;top:28px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox{font-size:14px;line-height:normal;font-weight:600;color:#0067b1}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink{color:#0067b1}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink-selected{color:#be1622}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortpopular{border:none}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box{margin:0;padding:0 10px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ctdate{font-size:12px;line-height:normal;color:#333;display:block;margin-top:2px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text{font-size:15px;line-height:normal;color:#333}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text img{display:none}@media screen and (max-width: 480px){.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text{font-size:12px;line-height:normal}}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box+.tx-tc-cts-ct-box{margin-top:25px;padding-top:25px !important;border-top:solid 1px #0067b1}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ct-box-cttxt-reply{border:none !important;padding:0 !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt{padding-left:25px !important;width:100% !important;background:#f6f7f8;padding-top:0px !important;border-top:none}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:before,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:after{display:none !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox{position:relative;background:#fff;border:4px solid #fff;padding:10px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before{bottom:100%;left:12%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after{border-color:rgba(191,30,46,0);border-bottom-color:#fff;border-width:25px;margin-left:-25px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before{border-color:rgba(191,30,46,0);border-bottom-color:#fff;border-width:20px;margin-left:-20px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-box-picturecrop32{padding:0;height:32px;margin-right:10px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-text{padding-top:0 !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ctdate{margin-left:42px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-tabledisp{margin-left:25px !important;width:calc(100% - 25px) !important}.tx-felogin-pi1{background-color:#ececec;padding:30px 17px 70px 17px;margin-bottom:50px}.tx-felogin-pi1 h3{font-family:"Quicksand",sans-serif;font-weight:700;text-transform:uppercase;color:#333;font-size:24px;line-height:normal;text-align:left;margin-bottom:20px}.tx-felogin-pi1 h3:after{content:"";display:block;width:50px;height:5px;background:#fc0;margin:10px 0 0 0}.tx-felogin-pi1 form fieldset{border:none;padding:0}.tx-felogin-pi1 form fieldset>div{width:400px}.tx-felogin-pi1 form fieldset>div>div{border:1px solid #c6c6c6;display:inline-block;float:left;width:49%;height:53px;line-height:53px;margin-top:20px;padding-left:10px}.tx-felogin-pi1 form fieldset>div>div:first-child{margin-right:2%}.tx-felogin-pi1 form fieldset>div label{display:inline-block}.tx-felogin-pi1 form fieldset>div input[type="text"],.tx-felogin-pi1 form fieldset>div input[type="password"]{width:100%;height:55px;border:1px solid #c6c6c6;padding:10px;color:#333;font-size:15px}.tx-felogin-pi1 form fieldset>div input[type="submit"]{background:#0067b1 none repeat scroll 0% 0%;font-size:1rem;line-height:1.4rem;text-transform:uppercase;color:#fff;padding:15px 60px;margin-top:20px;border:medium none;outline:medium none;font-weight:700;cursor:pointer;width:100%}@media screen and (max-width: 485px){.tx-felogin-pi1 form fieldset>div{width:100%}.tx-felogin-pi1 form fieldset>div>div{width:100%}.tx-felogin-pi1 form fieldset>div>div:first-child{margin-right:0}}.tx-felogin-pi1 .felogin-links{padding-top:4px;width:400px}.tx-felogin-pi1 .felogin-links>div{display:inline-block;float:right}.tx-felogin-pi1 .felogin-links>div:first-child{float:left}.tx-felogin-pi1 .felogin-links>div a{color:#333;font-weight:normal}@media screen and (max-width: 485px){.tx-felogin-pi1 .felogin-links{width:100%}.tx-felogin-pi1 .felogin-links>div{display:block;float:none;margin-top:5px}.tx-felogin-pi1 .felogin-links>div:first-child{float:none}}.tx-sy-osbeeproducts{padding:0 0 40px 0}.tx-sy-osbeeproducts h2,.tx-sy-osbeeproducts .ce-table table caption,.ce-table table .tx-sy-osbeeproducts caption{font-weight:700;color:#0067b1;font-size:18px;line-height:normal;display:block;margin:0 0 5px 0}.tx-sy-osbeeproducts .os_cartFactory,.tx-sy-osbeeproducts .os_cartApps{margin-bottom:40px}.tx-sy-osbeeproducts .os_cartFactory table,.tx-sy-osbeeproducts .os_cartApps table{border-spacing:0}.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type,.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type{border-left:solid 1px #c6c6c6;border-right:solid 1px #c6c6c6;border-top:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td,.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td{background:#ececec;padding:10px 0 10px 10px;height:40px;color:#313131;font-weight:700;border-bottom:solid 1px #c6c6c6;border-left:solid 1px #c6c6c6;border-top:solid 1px #c6c6c6;font-size:15px;line-height:normal}.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(2),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2),.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4){background:#d7d7d7;padding:10px}.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3){text-align:right;border-left:none}.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4){text-align:right;border-left:none}.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(6),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6){padding:10px 0;border-left:none;text-align:center;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartFactory table tr.row,.tx-sy-osbeeproducts .os_cartApps table tr.row{border-bottom:solid 1px #c6c6c6;border-left:solid 1px #c6c6c6;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartFactory table tr.row td,.tx-sy-osbeeproducts .os_cartApps table tr.row td{background:#fff;padding:10px 0 10px 10px;color:#313131;font-weight:400;border-left:solid 1px #c6c6c6;font-size:15px;line-height:normal}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:first-of-type,.tx-sy-osbeeproducts .os_cartApps table tr.row td:first-of-type{color:#0067b1;text-decoration:none;font-weight:700}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(2),.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(2){padding:0 10px}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(4),.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4){text-align:right;padding-right:10px}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6),.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6){padding:10px 0;text-align:center;padding-left:10px;padding-right:10px;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) i,.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) i{font-size:20px}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a,.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a{margin:0;padding:0;background:transparent;border:none;color:#be1622;font-size:20px;font-weight:700;text-decoration:none}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a:hover,.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a:hover{text-decoration:none}.tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td,.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td{font-size:15px;line-height:normal;border-left:solid 1px #c6c6c6;border-top:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:first-of-type,.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:first-of-type{font-size:15px;line-height:normal;font-weight:700;color:#333;text-align:left;padding:10px;background:#ececec;height:40px}.tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(2),.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(2){font-size:15px;line-height:normal;font-weight:700;text-align:right;padding:10px;background:#d7d7d7;height:40px}.tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(5),.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(5){font-weight:700;font-size:15px;line-height:normal;text-align:right;background:#ececec;padding:10px;height:40px}.tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:last-of-type,.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:last-of-type{min-height:1px;background:#ececec;height:40px;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td{padding:10px;font-size:15px;font-weight:700;line-height:normal;background:#ececec;border-top:solid 1px #c6c6c6;border-left:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2){background:#d7d7d7}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3){border-left:none}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7){text-align:right;padding-right:10px}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4){border-left:none}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8){border-left:none}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8){border-right:solid 1px #c6c6c6;text-align:center}.tx-sy-osbeeproducts .os_cartApps table tr.row td{border-left:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3){border-left:none;text-align:right}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4){border-left:none;text-align:right}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6),.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(7),.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8){border-left:none;text-align:right;padding-right:10px}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8){padding:10px 0;text-align:center;padding-left:10px;padding-right:10px;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) i{font-size:20px}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a{margin:0;padding:0;background:transparent;border:none;color:#be1622;font-size:20px;font-weight:700;text-decoration:none}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a:hover{text-decoration:none}.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td{padding:10px;border-top:none;font-weight:700}.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(4){background:#ececec}.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3){text-align:right}.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:last-of-type{border-left:none}.tx-sy-osbeeproducts .os_overviewModules{padding-bottom:80px;margin-bottom:80px;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_overviewModules table{border-spacing:0}.tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td{padding:10px;font-weight:700;font-size:15px;line-height:normal;background:#ececec;border-top:solid 1px #c6c6c6;border-left:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(2){background:#d7d7d7;text-align:right}.tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(3){text-align:right}.tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:last-of-type{border-left:none;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_overviewModules table tr.row td{font-size:15px;line-height:normal;padding:10px;border-left:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_overviewModules table tr.row td:first-of-type{color:#0067b1;font-weight:700;font-size:15px;line-height:normal}.tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(2){text-align:right}.tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(3){text-align:right}.tx-sy-osbeeproducts .os_overviewModules table tr.row td:last-of-type{border-right:solid 1px #c6c6c6;border-left:none}.tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td{font-weight:700;font-size:15px;line-height:normal;height:40px;padding:10px;border-left:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td div{font-size:15px;line-height:normal;font-weight:700}.tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(2){background:#d7d7d7;text-align:right}.tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(3){background:#ececec;text-align:right}.tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:last-of-type{background:#ececec;border-right:solid 1px #c6c6c6;border-left:none}.tx-sy-osbeeproducts .os_cartSupport{margin-bottom:40px}.tx-sy-osbeeproducts .os_cartSupport>div{float:left;width:calc((100% - 30px) / 4);background:#ececec;border:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartSupport>div .radioSupportName{margin-top:10px;margin-right:10px;padding:10px;font-size:18px;line-height:normal;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:3px}.tx-sy-osbeeproducts .os_cartSupport>div .container{padding:10px}.tx-sy-osbeeproducts .os_cartSupport>div .container .radioSupport{width:20px;height:20px;display:inline-block;margin:0 5px 0 0;vertical-align:bottom}.tx-sy-osbeeproducts .os_cartSupport>div .container div{display:inline-block;font-weight:700;font-size:15px;line-height:normal}.tx-sy-osbeeproducts .os_cartSupport>div .container a{color:#0067b1;font-size:15px;text-decoration:none;display:block}.tx-sy-osbeeproducts .os_cartSupport>div .container a:hover{text-decoration:underline}.tx-sy-osbeeproducts .os_cartSupport>div:first-of-type .radioSupportName{background:#d1d1d1}.tx-sy-osbeeproducts .os_cartSupport>div:nth-of-type(2) .radioSupportName{background:#fc0}.tx-sy-osbeeproducts .os_cartSupport>div:nth-of-type(3) .radioSupportName{background:#777372}.tx-sy-osbeeproducts .os_cartSupport>div:last-of-type .radioSupportName{background:#3a3a3a}.tx-sy-osbeeproducts .os_cartSupport>div+div{margin-left:10px}.tx-sy-osbeeproducts .os_carAppSupport{margin-bottom:40px}.tx-sy-osbeeproducts .os_carAppSupport>div{float:left;width:calc((100% - 20px) / 3);background:#ececec;border:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_carAppSupport>div .radioAppSupportName{margin-top:10px;margin-right:10px;padding:10px;font-size:18px;line-height:normal;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:1px}.tx-sy-osbeeproducts .os_carAppSupport>div .container{padding:10px}.tx-sy-osbeeproducts .os_carAppSupport>div .container .radioAppSupport{width:20px;height:20px;display:inline-block;margin:0 5px 0 0;vertical-align:bottom}.tx-sy-osbeeproducts .os_carAppSupport>div .container div{display:inline-block;font-weight:700;font-size:15px;line-height:normal}.tx-sy-osbeeproducts .os_carAppSupport>div .container a{color:#0067b1;font-size:15px;text-decoration:none;display:block}.tx-sy-osbeeproducts .os_carAppSupport>div .container a:hover{text-decoration:underline}.tx-sy-osbeeproducts .os_carAppSupport>div:first-of-type .radioAppSupportName{background:#88b3d6}.tx-sy-osbeeproducts .os_carAppSupport>div:nth-of-type(2) .radioAppSupportName{background:#3f83c0}.tx-sy-osbeeproducts .os_carAppSupport>div:nth-of-type(3) .radioAppSupportName{background:#105b9e}.tx-sy-osbeeproducts .os_carAppSupport>div+div{margin-left:10px}.tx-sy-osbeeproducts .overviewSupport{margin-bottom:80px;padding-bottom:80px;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table{border-spacing:0}.tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td{font-size:15px;line-height:normal;font-weight:700;padding:10px;background:#ececec;border-top:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:first-of-type{border-left:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(3){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(4){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:last-of-type{text-align:right;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td{font-size:15px;line-height:normal;padding:10px;border-bottom:solid 1px #c6c6c6;border-left:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:first-of-type .chosenSupport{font-weight:700;color:#0067b1;font-size:15px}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(2){border-left:none}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(3){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:last-of-type{border-left:none;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td{font-size:15px;line-height:normal;padding:10px;border-left:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(2){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(3){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(4){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:last-of-type{border-right:solid 1px #c6c6c6;border-left:none}.tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td{background:#ececec;height:40px;font-weight:700;font-size:15px;line-height:normal;padding:10px;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:first-of-type{border-left:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:nth-of-type(4){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:last-of-type{border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .lastStep{border:solid 1px #c6c6c6;background:#ececec}.tx-sy-osbeeproducts .lastStep table{border-spacing:0}.tx-sy-osbeeproducts .lastStep table tr td{padding:0 10px 2px 10px;font-size:15px;line-height:normal;text-align:right}.tx-sy-osbeeproducts .lastStep table tr:first-of-type td{padding-top:10px}.tx-sy-osbeeproducts .lastStep table tr:last-of-type td{font-weight:700;padding-bottom:10px}.tx-sy-osbeeproducts .linkInActive{background:#bbbbbb;color:#fff;padding:10px 20px;text-transform:uppercase;font-weight:700;font-size:18px;line-height:normal;float:left;margin-top:20px;border:none;cursor:pointer}.tx-sy-osbeeproducts .tooltipp{display:none;position:absolute;background-color:#dddddd;padding:10px 20px;color:black;font-size:18px;margin-left:120px;float:left;margin-top:20px}.tx-sy-osbeeproducts .checkoutOption{margin-top:20px}.tx-sy-osbeeproducts .checkoutOption .checkoutSubmit{background:#be1622;color:#fff;padding:10px 20px;text-transform:uppercase;font-weight:700;font-size:18px;line-height:normal;float:right;border:none;cursor:pointer}.tx-sy-osbeeproducts .checkoutOption .checkoutSubmit.blue{background:#0067b1;color:#fff;padding:10px 20px;text-transform:uppercase;font-weight:700;font-size:18px;line-height:normal;float:left;border:none;cursor:pointer}.step3YourData,.mp-contentContainer.checkout .step3YourOrder{padding-bottom:80px;margin-bottom:80px;border-bottom:solid 1px #bcbcbc;border-spacing:0;width:100%}.step3YourData caption,.mp-contentContainer.checkout .step3YourOrder caption{font-weight:700;color:#1268b3;font-size:18px;line-height:normal;display:block;margin:0 0 2px 0;text-align:left}.step3YourData tr:first-of-type td,.mp-contentContainer.checkout .step3YourOrder tr:first-of-type td{padding:10px;font-weight:700;font-size:14px;line-height:normal;background:#f5f5f5;border-top:solid 1px #bcbcbc;border-left:solid 1px #bcbcbc;border-bottom:solid 1px #bcbcbc}.step3YourData tr:first-of-type td:nth-of-type(2),.mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:nth-of-type(2){background:#d7d7d7}.step3YourData tr:first-of-type td:last-of-type,.mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:last-of-type{border-left:none;border-right:solid 1px #bcbcbc}.step3YourData tr.row td,.mp-contentContainer.checkout .step3YourOrder tr.row td{font-size:14px;line-height:normal;padding:10px;border-left:solid 1px #bcbcbc;border-bottom:solid 1px #bcbcbc;border-right:solid 1px #bcbcbc}.step3YourData tr.row td:first-of-type,.mp-contentContainer.checkout .step3YourOrder tr.row td:first-of-type{color:#1268b3;font-weight:700;font-size:14px;line-height:normal;border-right:none}.orderlist table{margin-bottom:80px;border-spacing:0;width:100%}.orderlist table caption{font-weight:700;color:#1268b3;font-size:18px;line-height:normal;display:block;margin:0 0 2px 0;text-align:left}.orderlist table tr:first-of-type th{padding:10px;font-weight:700;font-size:14px;line-height:normal;background:#f5f5f5;border-top:solid 1px #bcbcbc;border-left:solid 1px #bcbcbc;border-bottom:solid 1px #bcbcbc;text-align:left}.orderlist table tr:first-of-type th:nth-of-type(3){text-align:center}.orderlist table tr:first-of-type th:nth-of-type(4){text-align:right}.orderlist table tr:first-of-type th:last-of-type{border-right:solid 1px #bcbcbc}.orderlist table tr td{font-size:14px;line-height:normal;padding:10px;border-left:solid 1px #bcbcbc;border-bottom:solid 1px #bcbcbc}.orderlist table tr td:nth-of-type(3){text-align:center}.orderlist table tr td:nth-of-type(4){text-align:right}.orderlist table tr td:last-of-type{border-right:solid 1px #bcbcbc}.step3YourOrder{width:100%;border-spacing:0;margin-bottom:80px}.step3YourOrder caption{text-align:left;font-size:18px;color:#0067b1;font-weight:700;padding-bottom:5px}.step3YourOrder tr td{font-size:14px;line-height:normal;padding:10px;border-top:solid 1px #bcbcbc;border-right:solid 1px #bcbcbc}.step3YourOrder tr td:first-of-type{width:35%;font-weight:700;border-left:solid 1px #bcbcbc}.step3YourOrder tr:last-of-type td{border-bottom:solid 1px #bcbcbc}.step3YourOrder tr:nth-child(odd){background:#f5f5f5}.backToListButton{margin-bottom:40px}.mp-contentContainer.checkout h1{font-size:20px;line-height:normal;margin-bottom:80px;font-weight:700;text-transform:none}@media screen and (max-width: 480px){.mp-contentContainer.checkout h1{font-size:18px;margin-bottom:40px}}.mp-contentContainer.checkout .checkout_optionText{padding:25px 40px;border:solid 1px #bcbcbc}@media screen and (max-width: 480px){.mp-contentContainer.checkout .checkout_optionText{padding:15px 20px}}.mp-contentContainer.checkout .checkout_optionText strong{display:block;font-weight:700;color:#333;font-size:15px;line-height:normal}.mp-contentContainer.checkout .checkout_optionText p{margin:10px 0 0 0}.mp-contentContainer.checkout .checkout_paymentOption{padding:25px 40px;background:#f5f5f5;border:solid 1px #bcbcbc;margin-top:15px}@media screen and (max-width: 480px){.mp-contentContainer.checkout .checkout_paymentOption{padding:15px 20px}}.mp-contentContainer.checkout .checkout_paymentOption h2,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption{color:#333;margin-bottom:25px;font-size:24px;line-height:normal;text-transform:uppercase}@media screen and (max-width: 480px){.mp-contentContainer.checkout .checkout_paymentOption h2,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption{font-size:18px;line-height:normal}}.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2),.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3){padding:15px 20px;border:solid 1px #bcbcbc;background:#fff}.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) input,.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) input{display:inline-block}.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label,.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label{vertical-align:bottom;display:inline-block;margin-left:10px;font-size:20px;font-weight:700;line-height:normal}@media screen and (max-width: 480px){.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label,.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label{font-size:14px;line-height:normal;margin-left:5px}}.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2)+div,.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3)+div{margin-top:10px}.mp-contentContainer.checkout .checkout_paymentOption input[type="submit"]{display:inline-block;margin-top:20px;background:#0067b1;border:none;color:#fff;text-transform:uppercase;font-weight:700;font-size:18px;line-height:normal;padding:8px 16px;cursor:pointer}@media screen and (max-width: 480px){.mp-contentContainer.checkout .checkout_paymentOption input[type="submit"]{font-size:14px;line-height:normal}}.mp-contentContainer.checkout .step3YourData,.mp-contentContainer.checkout .step3YourOrder{width:100%;border-spacing:0}.mp-contentContainer.checkout .step3YourData caption,.mp-contentContainer.checkout .step3YourOrder caption{text-align:left;font-size:18px;color:#0067b1;font-weight:700;padding-bottom:5px}.mp-contentContainer.checkout .step3YourData tr td,.mp-contentContainer.checkout .step3YourOrder tr td{font-size:15px;line-height:normal;padding:10px;border-top:solid 1px #bcbcbc;border-right:solid 1px #bcbcbc}.mp-contentContainer.checkout .step3YourData tr td:first-of-type,.mp-contentContainer.checkout .step3YourOrder tr td:first-of-type{width:35%;font-weight:700;border-left:solid 1px #bcbcbc}.mp-contentContainer.checkout .step3YourData tr:last-of-type td,.mp-contentContainer.checkout .step3YourOrder tr:last-of-type td{border-bottom:solid 1px #bcbcbc}.mp-contentContainer.checkout .step3YourData tr:nth-child(odd),.mp-contentContainer.checkout .step3YourOrder tr:nth-child(odd){background:#f5f5f5}.mp-contentContainer.checkout .step3YourOrder{margin-top:40px}.mp-contentContainer.checkout .step3CheckoutButton{color:#fff;text-decoration:none;background:#0067b1;font-size:18px;line-height:normal;padding:8px 16px;border:none;cursor:pointer;display:inline-block;margin-top:20px}.checkout_thankyou{border:solid 1px #bcbcbc;padding:25px 40px;margin:40px 0}.checkout_thankyou strong{display:block;font-weight:700;color:#333;font-size:15px;line-height:normal}.checkout_thankyou p{margin:10px 0 0 0}.tx-contentpackage-checkoutFormular div{display:block}.tx-contentpackage-checkoutFormular div label{width:25%;text-align:right;padding-right:1em;float:left;height:55px;vertical-align:middle;line-height:55px}.tx-contentpackage-checkoutFormular div input{text-align:left;width:50%;float:left;height:55px;border:solid 1px #bbb;padding:10px}.tx-contentpackage-checkoutFormular div+div{margin-top:5px}@media screen and (max-width: 600px){.tx-contentpackage-checkoutFormular div label{display:block;width:100%;float:none;height:auto;text-align:left}.tx-contentpackage-checkoutFormular div input{float:none;display:block;width:100%}}.tx-contentpackage-checkoutFormular input[type="submit"]{background:#0067b1;font-size:15px;line-height:22.4px;font-size:1rem;line-height:1.4rem;text-transform:uppercase;color:#fff;padding:15px;margin-top:30px;border:none;outline:none;font-weight:700;cursor:pointer;margin-left:25%}@media screen and (max-width: 600px){.tx-contentpackage-checkoutFormular input[type="submit"]{margin-left:0}}.checkoutSteps{margin-bottom:40px;text-align:center}.checkoutSteps .step{display:inline-block;position:relative;background:#ccc;border:4px solid #fff;border-bottom:none;border-top:none;padding-left:10px;padding-right:10px;z-index:10;color:#fff;font-weight:700;font-size:16px;height:47px;line-height:46px}.checkoutSteps .step.active{background:#0067b1}.checkoutSteps .step.active:after{border-left-color:#0067b1}.checkoutSteps .step:after,.checkoutSteps .step:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.checkoutSteps .step:after{border-color:rgba(204,204,204,0);border-left-color:#ccc;border-width:23px;margin-top:-23px}.checkoutSteps .step:before{border-color:rgba(255,255,255,0);border-left-color:#fff;border-width:28px;margin-top:-28px}.checkoutSteps .step+.step{padding-left:30px;z-index:9;margin-left:-4px}.checkoutSteps .step+.step+.step{z-index:8}.checkoutSteps .step+.step+.step+.step{z-index:7}.checkoutError{background:#be1622;color:#fff;font-weight:700;font-size:15px;line-height:normal;text-align:center;margin-bottom:40px;display:block;padding:5px 10px}.tx-indexedsearch-searchbox{padding-top:50px;padding-bottom:50px}.tx-indexedsearch-searchbox form label{font-size:16px;line-height:normal;color:#333;display:block}.tx-indexedsearch-searchbox form input[type="text"]{height:25px;border:solid 1px #c6c6c6;font-size:12px;min-width:280px;padding:0 5px}.tx-indexedsearch-searchbox form input[type="submit"]{display:block;background:#be1622;color:#fff;border:none;font-size:15px;padding:5px 10px;margin-top:5px;min-width:280px}.suchergebnis{padding-bottom:50px}.tx-indexedsearch-browsebox{list-style-type:none;margin:0;padding:0}.tx-indexedsearch-browsebox ul{list-style-type:none;margin-top:15px;margin-bottom:15px}.tx-indexedsearch-browsebox li{float:left}.tx-indexedsearch-browsebox li a{color:#c6c6c6;text-decoration:none}.tx-indexedsearch-browsebox li+li{margin-left:10px}.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a{color:#be1622}.tx-indexedsearch-browsebox+.tx-indexedsearch-res{margin-top:40px}.tx-indexedsearch-res+.tx-indexedsearch-res{margin-top:25px;padding-top:25px;border-top:solid 1px #c6c6c6}.tx-indexedsearch-res+.tx-indexedsearch-browsebox{margin-top:40px}.tx-srfeuserregister-pi1{margin-bottom:50px;float:left;width:70%}.tx-srfeuserregister-pi1 p{padding:0}.tx-srfeuserregister-pi1 p.textOverSendButton{position:relative;margin:0;padding:0;clear:both;margin-bottom:-10px;padding-top:25px}.tx-srfeuserregister-pi1 p.textOverSendButton+dt{display:none}.tx-srfeuserregister-pi1 .customRegisterCheckbox{position:relative;padding-left:30px;margin-top:10px}.tx-srfeuserregister-pi1 .customRegisterCheckbox p,.tx-srfeuserregister-pi1 .customRegisterCheckbox a{font-size:12px;line-height:normal}.tx-srfeuserregister-pi1 .customRegisterCheckbox a{background:transparent;padding-left:0}.tx-srfeuserregister-pi1 .customRegisterCheckbox input{position:absolute;left:0;top:1px}.tx-srfeuserregister-pi1 fieldset{border:none;padding:0;margin:0}.tx-srfeuserregister-pi1 fieldset legend{display:none}.tx-srfeuserregister-pi1 fieldset h2,.tx-srfeuserregister-pi1 fieldset .ce-table table caption,.ce-table table .tx-srfeuserregister-pi1 fieldset caption{font-size:18px;line-height:normal;text-align:left;margin:0 0 5px 0}.tx-srfeuserregister-pi1 fieldset h2:after,.tx-srfeuserregister-pi1 fieldset .ce-table table caption:after,.ce-table table .tx-srfeuserregister-pi1 fieldset caption:after{margin:10px 0 0 0}.tx-srfeuserregister-pi1 fieldset h2+p,.tx-srfeuserregister-pi1 fieldset .ce-table table caption+p,.ce-table table .tx-srfeuserregister-pi1 fieldset caption+p{margin:0 0 25px 0}.tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file{padding:30px 0}.tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file label{font-size:15px;line-height:normal;display:block;margin-bottom:10px}.tx-srfeuserregister-pi1 fieldset label{height:55px;vertical-align:middle}.tx-srfeuserregister-pi1 fieldset dd{width:100%}.tx-srfeuserregister-pi1 fieldset dt{text-align:left}.tx-srfeuserregister-pi1 fieldset input[type="text"],.tx-srfeuserregister-pi1 fieldset input[type="password"],.tx-srfeuserregister-pi1 fieldset input[type="email"],.tx-srfeuserregister-pi1 fieldset input[type="date"],.tx-srfeuserregister-pi1 fieldset select{width:325px;width:100%;height:55px;border:solid 1px #bbb;padding:10px;color:#333;font-size:18px}.tx-srfeuserregister-pi1 fieldset input[type="submit"]{background:#0067b1;font-size:15px;line-height:normal;text-transform:uppercase;color:#fff;padding:15px;margin-top:30px;border:none;outline:none;font-weight:700;cursor:pointer;width:100%;text-align:center}.tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged{display:inline-block}.tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged+p{display:inline-block}.tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms{display:inline-block}.tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms+input[type="checkbox"]{float:left;margin-top:15px}.tx-srfeuserregister-pi1 fieldset input[type=password]{margin-right:0}.tx-srfeuserregister-pi1 fieldset .formwrap>div{float:left;width:48%}.tx-srfeuserregister-pi1 fieldset .formwrap>div.passwort input,.tx-srfeuserregister-pi1 fieldset .formwrap>div.passwortagain input,.tx-srfeuserregister-pi1 fieldset .formwrap>div.company input,.tx-srfeuserregister-pi1 fieldset .formwrap>div.jobrole input{width:100%}.tx-srfeuserregister-pi1 fieldset .formwrap>div+div{margin-left:3.5%}.tx-srfeuserregister-pi1 fieldset .jobrole input{margin-top:7px}.tx-srfeuserregister-pi1 fieldset .terms input{display:inline-block}.tx-srfeuserregister-pi1 fieldset .terms p{margin:0;display:inline-block}.tx-srfeuserregister-pi1 fieldset .terms p a{color:#0067b1;font-size:15px;line-height:normal;text-decoration:none}.tx-srfeuserregister-pi1 fieldset .terms p a:hover{text-decoration:underline}@media screen and (max-width: 800px){.tx-srfeuserregister-pi1{float:none;width:100%}.tx-srfeuserregister-pi1 dt{width:30%}.tx-srfeuserregister-pi1 dd{width:70%}}@media screen and (max-width: 600px){.tx-srfeuserregister-pi1 dt,.tx-srfeuserregister-pi1 dd{width:100%}.tx-srfeuserregister-pi1 dt{display:block;margin-top:5px;text-align:left}.tx-srfeuserregister-pi1 fieldset .formwrap>div{width:100%}.tx-srfeuserregister-pi1 fieldset .formwrap>div+div{margin-left:0}.tx-srfeuserregister-pi1 fieldset input[type="text"],.tx-srfeuserregister-pi1 fieldset input[type="password"],.tx-srfeuserregister-pi1 fieldset input[type="email"],.tx-srfeuserregister-pi1 fieldset input[type="date"],.tx-srfeuserregister-pi1 fieldset select{width:100%}}.editForm .leftMenu+.tx-srfeuserregister-pi1 dt,.leftMenu+* dt{padding-top:0}.community-forum-news{padding:25px 0;background:#ececec}.community-forum-news>.inner>div{float:left;width:calc((100% - 20px) / 2)}.community-forum-news>.inner>div.news{margin-left:20px;padding-top:8px}@media screen and (max-width: 1100px){.community-forum-news>.inner>div.news .inner.small,.community-forum-news>.inner>div.news .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .community-forum-news>.inner>div.news .tx-felogin-pi1-inner{padding:0 !important}}.community-forum-news>.inner>div.news .latest-news-container{padding:0;margin-top:42px;padding-top:44px;padding-left:84px}@media screen and (max-width: 980px){.community-forum-news>.inner>div.news .latest-news-container{padding-top:0;margin-top:0;padding-left:0}}.community-forum-news>.inner>div.news .latest-news-container>h2,.community-forum-news>.inner>div.news .ce-table table .latest-news-container>caption,.ce-table table .community-forum-news>.inner>div.news .latest-news-container>caption{text-align:left;position:relative;top:-44px}@media screen and (max-width: 768px){.community-forum-news>.inner>div.news .latest-news-container>h2,.community-forum-news>.inner>div.news .ce-table table .latest-news-container>caption,.ce-table table .community-forum-news>.inner>div.news .latest-news-container>caption{top:auto}}.community-forum-news>.inner>div.news .latest-news-container>h2:after,.community-forum-news>.inner>div.news .ce-table table .latest-news-container>caption:after,.ce-table table .community-forum-news>.inner>div.news .latest-news-container>caption:after{margin:10px 0 10px 0}.community-forum-news>.inner>div.news .latest-news-container .startpage-article{position:relative;top:-44px}@media screen and (max-width: 768px){.community-forum-news>.inner>div.news .latest-news-container .startpage-article{top:auto}}.community-forum-news>.inner>div.news .latest-news-container .startpage-article .more{position:relative;top:44px}@media screen and (max-width: 768px){.community-forum-news>.inner>div.news .latest-news-container .startpage-article .more{top:auto}}.community-forum-news>.inner>div.news .latest-news-container .startpage-latesnews{margin-top:20px;width:calc((100% - 30px) / 2)}.community-forum-news>.inner>div.news .latest-news-container .startpage-latesnews .header{margin-top:10px}.community-forum-news>.inner>div.news .latest-news-container .startpage-latesnews .header h3 span{font-size:15px;font-weight:600;line-height:normal}@media screen and (max-width: 768px){.community-forum-news>.inner>div.news .latest-news-container .startpage-latesnews{width:100%}}.community-forum-news>.inner>div.tx-typo3forum-pi1>h2,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1>caption{text-align:left;text-transform:none}.community-forum-news>.inner>div.tx-typo3forum-pi1>h2:after,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1>caption:after{margin:10px 0 10px 0}.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-forum-latest-post>div{padding:10px}@media screen and (max-width: 980px){.community-forum-news>.inner>div{float:none;width:100%;margin-left:0 !important;max-width:none}}.zweispaltig-unterseiten-layout{max-width:1030px;width:100%;margin-left:auto;margin-right:auto}@media screen and (max-width: 1100px){.zweispaltig-unterseiten-layout{padding:0 25px}}.leftSidebar{float:left;width:23.30%;width:calc(100% - 72%);max-width:240px;display:block;padding:50px 0;padding-top:0;margin-top:40px;min-height:1px}.leftSidebar .leftMenu{float:none;width:100%;margin-top:0}.leftSidebar .inner.small,.leftSidebar .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .leftSidebar .tx-felogin-pi1-inner,.leftSidebar .inner{padding:0 !important}@media screen and (max-width: 767px){.leftSidebar{float:none;width:100%;margin-left:0;max-width:none;padding-bottom:0}.leftSidebar .leftMenu{margin-bottom:0;padding-bottom:0;margin-top:25px}.leftSidebar .leftMenu .profile-sidebar-content{margin-top:15px}}.rightContent{float:left;width:73.78%;width:calc(100% - 32.85%);display:block;max-width:740px;padding:50px 0;margin-left:4.85%;padding-top:0;min-height:1px;margin-top:40px}.rightContent .tx-srfeuserregister-pi1{float:none;width:100%;display:block;margin-bottom:40px}.rightContent .tx-srfeuserregister-pi1 input{padding:10px 15px}.rightContent .inner.small,.rightContent .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .rightContent .tx-felogin-pi1-inner,.rightContent .inner{padding:0 !important}@media screen and (max-width: 767px){.rightContent{float:none;width:100%;margin-left:0;max-width:none;margin-top:25px}}header.header{padding:0px 0 25px 0;max-height:133px;border-bottom:solid 5px #fc0;position:fixed;top:0;z-index:9999;left:0;right:0;background:#fff}header.header.compexHeader{height:100px;padding-top:25px}header.header.compexHeader .topMeta{display:none}header.header.compexHeader+*{margin-top:100px;display:block}@media screen and (max-width: 480px){header.header.compexHeader{height:72px;padding-top:15px;padding-bottom:15px}header.header.compexHeader+*{margin-top:72px}}header.header+*{margin-top:133px;display:block}@media screen and (max-width: 860px){header.header{height:155px;max-height:155px}header.header+*{margin-top:155px}}@media screen and (max-width: 480px){header.header{height:200px;max-height:200px}header.header+*{margin-top:200px}}@media screen and (max-width: 460px){header.header{max-height:120px;height:120px}header.header+*{margin-top:120px}}header.header .topMeta{width:100%;background:#f5f5f5;margin-bottom:20px;height:30px;line-height:30px}@media screen and (max-width: 860px){header.header .topMeta{height:auto}}header.header .topMeta .left{float:left;color:#333;font-size:12px;font-weight:600;line-height:30px}@media screen and (max-width: 860px){header.header .topMeta .left{float:none;width:100%;text-align:center}}@media screen and (max-width: 460px){header.header .topMeta .left{display:none}}header.header .topMeta .right{float:right}header.header .topMeta .right form{position:relative;float:left;margin-right:5px}header.header .topMeta .right form input[type="text"]{border:0;background:#fff;padding:0 5px;height:24px;position:relative;padding-right:25px;font-size:12px;line-height:24px;top:-2px;margin-right:35px;margin-bottom:0}header.header .topMeta .right form button{position:absolute;right:5px;top:1px;background:transparent;border:none;font-size:18px;color:#333}header.header .topMeta .right form button:before{content:"\f002";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}@media screen and (max-width: 460px){header.header .topMeta .right form{display:none}}@media screen and (max-width: 860px){header.header .topMeta .right{float:none;width:100%;text-align:center;text-align:right}}header.header .topMeta a{text-decoration:none;text-transform:uppercase;color:#333;font-size:12px;line-height:normal;font-weight:600;padding:0 10px;border-left:solid 1px #333}header.header .topMeta a i{margin-right:3px}header.header .topMeta a:hover{text-decoration:underline}header.header .topMeta a:last-of-type{border-right:solid 1px #333}@media screen and (max-width: 860px){header.header .topMeta a{border-left:none}header.header .topMeta a:last-of-type{border-right:none;border-left:solid 1px #333;padding-left:14px}}@media screen and (max-width: 480px) and (min-width: 461px){header.header .topMeta a{display:block;float:none;margin-left:auto;margin-right:auto;width:100%;clear:both;padding-top:10px}header.header .topMeta a:last-of-type{border-left:none}}header.header .logo{float:left;display:block;max-width:215px}@media screen and (max-width: 480px){header.header .logo{max-width:180px}}header.header .logo img{max-height:50px}header.header nav{float:right}@media screen and (min-width: 1121px){header.header nav>ul>li{float:left;padding:14px 0;position:relative}header.header nav>ul>li>a{color:#333;text-decoration:none;font-weight:700;text-transform:uppercase;font-family:"Open Sans",sans-serif}header.header nav>ul>li>a i{display:none}header.header nav>ul>li+li{margin-left:25px}header.header nav>ul>li:last-of-type{margin-left:40px;background:#be1622;padding:14px 19px}header.header nav>ul>li:last-of-type a{color:#fff}header.header nav>ul>li:last-of-type:hover:before,header.header nav>ul>li:last-of-type.active:before{display:none !important}header.header nav>ul>li ul{display:none;position:absolute;width:170px;top:75px;background:#fff;z-index:99999;box-shadow:1px 1px 5px rgba(0,0,0,0.35)}header.header nav>ul>li ul li{display:block}header.header nav>ul>li ul li a{font-size:12px;font-weight:700;color:#333;text-decoration:none;line-height:14px;padding:14px 10px;display:block;text-transform:uppercase}header.header nav>ul>li ul li:hover,header.header nav>ul>li ul li.active{background:#be1622}header.header nav>ul>li ul li:hover a,header.header nav>ul>li ul li.active a{color:#fff}header.header nav>ul>li ul li+li{border-top:solid 1px #b7b7b7}header.header nav>ul>li:hover:after{content:"";position:absolute;left:0;right:0;bottom:-28px;width:100%;height:45px;cursor:pointer}header.header nav>ul>li:hover ul{display:block}header.header nav>ul>li:hover:before,header.header nav>ul>li.active:before{content:"";position:absolute;border-bottom:solid 2px #bf1e2e;height:2px;width:100%;top:38px}}@media screen and (max-width: 1120px){header.header nav{position:relative}header.header nav>ul{position:absolute;width:250px;right:0;box-shadow:1px 1px 5px rgba(0,0,0,0.5);z-index:999999;display:none}header.header nav>ul li{float:none;display:block;padding:0;width:100%;background:#fff}header.header nav>ul li.active{background:#be1622}header.header nav>ul li.active>a{color:#fff}header.header nav>ul li a{display:block;width:100%;padding:14px 60px 14px 10px;color:#333;text-decoration:none;font-weight:700;position:relative;text-transform:uppercase;font-family:"Open Sans",sans-serif}header.header nav>ul li a:hover{color:#fff;background:#be1622}header.header nav>ul li a i{display:inline-block;position:absolute;right:0;top:38%;margin-top:-18px;padding:16px}header.header nav>ul li a i.fa-chevron-up{display:none}header.header nav>ul li.open a i.fa-chevron-up{display:inline-block}header.header nav>ul li.open a i.fa-chevron-down{display:none}header.header nav>ul li+li{margin-left:0;border-top:solid 1px #b7b7b7}header.header nav>ul li>ul{display:none}header.header nav>ul li>ul li{background:#f9f9f9;border-top:solid 1px #b7b7b7}header.header nav>ul li>ul li a{font-size:13px;line-height:normal;padding:10px 10px 10px 30px}header.header nav>ul li>ul li.active a{color:#fff;background:#be1622}header.header nav>ul li.open>ul{display:block}header.header nav>ul>li:last-of-type{border-top:none}header.header nav>ul>li:last-of-type a{color:#fff;background:#be1622}header.header nav.active>ul{display:block;height:450px;overflow:scroll}}header.header .mobile-button{display:none;padding:10px 0;cursor:pointer}header.header .mobile-button i{font-size:40px}@media screen and (max-width: 640px){header.header .mobile-button{padding:5px 0 0 0}}@media screen and (max-width: 1120px){header.header .mobile-button{display:block}}body.compexCommerce header.header.compexHeader .topMeta{height:0px}body.compexCommerce header.header.compexHeader .topMeta .right{display:none}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type{margin-left:25px;background:transparent;padding:11px 0}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.languageSwitch:after{content:"\f107";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;position:relative;z-index:9600}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.languageSwitch:hover:after{left:auto;right:auto;bottom:auto;position:relative;width:auto;height:auto}@media screen and (max-width: 1120px){body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.languageSwitch{padding:0;margin:0}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.languageSwitch:after{display:none}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.languageSwitch ul{width:100%;padding:0 10px 15px 10px;background:#be1622}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.languageSwitch ul li{background:#be1622;border-top:none}}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type>a{color:#333;position:relative;z-index:9600;font-size:13px;line-height:normal}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type img{vertical-align:middle;position:relative;z-index:9600}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type:hover:before,body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.active:before{display:none !important}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type li a{color:#333;font-weight:700}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type li a:hover{color:#fff}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type ul{width:80px;padding-left:10px;top:0px;padding-top:47px;left:-10px;z-index:9500;padding-bottom:10px}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type ul li img{vertical-align:middle}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type ul li a{font-weight:700;padding:0;display:inline}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type ul li:hover{background:transparent}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type ul li:hover a{color:#333}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type ul li+li{border-top:none;padding-top:10px}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search:hover:before{display:none !important}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search .compexCommerce-openSearch i{display:block;font-size:18px;color:#333}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search form{position:absolute;top:38px;right:0;display:none}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search form.active{display:block;-webkit-animation:display-none-transition 1s both;animation:display-none-transition 1s both}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search form div{position:relative}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search form input[type="text"]{height:30px;padding:0 25px 0 5px;width:180px;border:solid 1px #be1622;outline:none}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search form button{border:none;background:transparent;position:absolute;right:5px;top:5px}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search form button i{font-size:15px;color:#be1622}@-webkit-keyframes display-none-transition{0%{opacity:0}100%{opacity:1}}@keyframes display-none-transition{0%{opacity:0}100%{opacity:1}}@media screen and (max-width: 1360px){header.header .topMeta,header.header .topMeta+div{padding:0 20px}}@media screen and (max-width: 1300px) and (min-width: 1121px){header.header nav>ul>li>a{font-size:13px;line-height:normal}header.header nav>ul>li:last-of-type{margin-left:20px}header.header nav>ul>li+li{margin-left:18px}}footer.footer{background:#333;padding:50px 0 15px 0}footer.footer div.inner.small,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner{margin-bottom:80px}footer.footer div.inner.small:nth-of-type(2),footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2),.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2){margin-bottom:0}footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element{margin-bottom:0;max-width:none;width:auto;float:left}footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .inner.small,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small,footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner{padding-left:0;padding-right:0}@media screen and (max-width: 860px){footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element{float:none}}footer.footer div.inner.small ul,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul{margin:0;padding:0;list-style:none;float:left;width:calc(100% / 6)}footer.footer div.inner.small ul>a,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul>a,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul>a{color:#fff;font-size:13px;line-height:normal;font-weight:700;text-decoration:none}footer.footer div.inner.small ul>a:after,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul>a:after,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul>a:after{content:"";display:block;width:75px;height:1px;background:#fc0;margin:10px 0 10px 0}footer.footer div.inner.small ul li,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li{display:block}footer.footer div.inner.small ul li a,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li a,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li a{display:block;color:#cecece;text-decoration:none;font-size:12px;line-height:normal;font-weight:400}footer.footer div.inner.small ul li+li,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li+li,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li+li{margin-top:5px}footer.footer div.inner.small ul.imprintList,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList{width:auto;float:right;margin-top:-4px}footer.footer div.inner.small ul.imprintList li,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li{display:inline-block}footer.footer div.inner.small ul.imprintList li+li,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li+li,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li+li{margin-left:10px}footer.footer div.inner.small ul.imprintList li:after,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li:after,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li:after{display:none}@media screen and (max-width: 860px){footer.footer div.inner.small ul.imprintList,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList{float:none !important;margin:10px 0 0 0;width:auto !important}}footer.footer div.inner.small p,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p{font-size:12px;line-height:normal;color:#fff;margin:0}@media screen and (max-width: 860px){footer.footer div.inner.small p,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p{float:none}}footer.footer div.inner.small+div.inner.small,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner+div.inner.small,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner+div.inner.small,footer.footer .tx-felogin-pi1 div.inner.small+div.tx-felogin-pi1-inner,.tx-felogin-pi1 footer.footer div.inner.small+div.tx-felogin-pi1-inner,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner+div.tx-felogin-pi1-inner,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner+div.tx-felogin-pi1-inner{margin-bottom:0}@media screen and (max-width: 800px){footer.footer div.inner.small ul,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul{width:calc(100% / 3)}footer.footer div.inner.small ul:nth-of-type(n+4),footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul:nth-of-type(n+4),.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul:nth-of-type(n+4){margin-top:20px}}@media screen and (max-width: 720px){footer.footer div.inner.small,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner{margin-bottom:50px}footer.footer div.inner.small ul,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul{float:none;width:100%}footer.footer div.inner.small ul li:first-of-type,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li:first-of-type,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li:first-of-type{display:block}footer.footer div.inner.small ul li+li,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li+li,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li+li{margin-right:10px;display:inline-block}footer.footer div.inner.small ul+ul,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul+ul,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul+ul{margin-top:20px}}.breadcrumbContainer{padding-top:11px;padding-bottom:11px}@media screen and (max-width: 1100px){.breadcrumbContainer{padding-top:11px !important;padding-bottom:11px !important}}.breadcrumbContainer ul li{color:#333;display:inline-block;font-size:13px;line-height:normal}.breadcrumbContainer ul li a{color:#999999;text-decoration:none;font-size:13px;line-height:normal}.breadcrumbContainer ul li:before{content:"\f015";color:#fc0;display:inline-block;margin-right:5px;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.breadcrumbContainer ul li+li{margin-left:5px}.breadcrumbContainer ul li+li:before{content:"\f054"}.breadcrumbContainer ul li:last-of-type a{color:#333}.mfp-image-holder .mfp-content{margin-top:50px;padding:0 25px}.mfp-image-holder .mfp-content figure{background:#fff}img.mfp-img{max-height:100% !important}.ce-video{padding:30px 0}.ce-video .left{float:left;max-width:500px;margin-right:30px}.ce-video .left video{max-width:100%;height:auto}.ce-video .right{float:left;max-width:500px}.ce-video .right h1,.ce-video .right h2,.ce-video .right .ce-table table caption,.ce-table table .ce-video .right caption,.ce-video .right h3{margin-top:0}.ce-video .right h2,.ce-video .right .ce-table table caption,.ce-table table .ce-video .right caption{text-align:left}.ce-video .right h2:after,.ce-video .right .ce-table table caption:after,.ce-table table .ce-video .right caption:after{margin:10px 0 0 0}.ce-forum-latest-post{margin-top:40px;max-width:83%}@media screen and (max-width: 980px){.ce-forum-latest-post{max-width:none}}.ce-forum-latest-post+.ce-forum-latest-post{margin-top:0}.ce-forum-latest-post:last-of-type{margin-bottom:40px;border-bottom:solid 1px #bbb}.ce-forum-latest-post h2,.ce-forum-latest-post .ce-table table caption,.ce-table table .ce-forum-latest-post caption{text-align:left}.ce-forum-latest-post h2:after,.ce-forum-latest-post .ce-table table caption:after,.ce-table table .ce-forum-latest-post caption:after{margin:10px 0 10px 0}.ce-forum-latest-post>div{display:block;width:100%;padding:12px;background:#fff;border-right:solid 1px #bbbbbb;border-left:solid 1px #bbbbbb;border-top:solid 1px #bbbbbb}.ce-forum-latest-post>div img{float:left;max-width:70px;margin-right:15px}.ce-forum-latest-post>div div h3{font-size:18px;line-height:normal;font-weight:700;color:#333;margin:0 0 0 0}.ce-forum-latest-post>div div h3 a{color:#333}.ce-forum-latest-post>div div p{font-weight:400;float:left}.ce-forum-latest-post>div div p+p{margin-left:10px}.tx-typo3forum-post-latest-box h2,.tx-typo3forum-post-latest-box .ce-table table caption,.ce-table table .tx-typo3forum-post-latest-box caption{text-align:left}.tx-typo3forum-post-latest-box h2:after,.tx-typo3forum-post-latest-box .ce-table table caption:after,.ce-table table .tx-typo3forum-post-latest-box caption:after{margin:10px 0 10px 0}.leftMenu{float:left;width:24.27%;margin-top:30px}@media screen and (max-width: 767px){.leftMenu{float:none;width:100%;margin-bottom:40px;padding-bottom:40px;border-bottom:solid 1px #bbbbbb}.leftMenu .profile-sidebar-content{display:none}.leftMenu .profile-sidebar-content.active{display:block}}.leftMenu h3{font-size:16px;line-height:normal;font-weight:700;color:#333;text-transform:uppercase;border-bottom:solid 2px #fc0;margin-bottom:15px}.leftMenu ul{margin:0;padding:0;list-style-type:none}.leftMenu ul li{display:block}.leftMenu ul li a{font-size:15px;line-height:normal;color:#333;text-decoration:none;font-weight:400;text-transform:uppercase}.leftMenu ul li.active a,.leftMenu ul li:hover a{font-weight:700;color:#333}.leftMenu ul li+li{margin-top:15px}.leftMenu+.tx-srfeuserregister-pi1,.leftMenu+*{width:74.75%;float:left;margin-left:0.97%;padding:30px 10px 0 10px}@media screen and (max-width: 767px){.leftMenu+.tx-srfeuserregister-pi1,.leftMenu+*{float:none;width:100%;margin-left:0;padding:0}}.leftMenu+.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice,.leftMenu+* .tx-srfeuserregister-pi1-notice{margin:0;font-style:normal;font-size:15px;line-height:normal}.leftMenu+.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash,.leftMenu+* .tx-srfeuserregister-pi1-trash{margin:0 0 10px 0}.leftMenu+.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash a,.leftMenu+* .tx-srfeuserregister-pi1-trash a{background:transparent;padding-left:0;font-size:15px;line-height:normal;font-weight:400}.leftMenu+.tx-srfeuserregister-pi1 dt,.leftMenu+* dt{float:left;width:32.46%;text-align:left;padding:17px 10px 16px 10px}@media screen and (max-width: 600px){.leftMenu+.tx-srfeuserregister-pi1 dt,.leftMenu+* dt{float:none;width:100%;padding:0 10px 0 0}}.leftMenu+.tx-srfeuserregister-pi1 dt label,.leftMenu+* dt label{font-size:15px;line-height:normal;color:#333}.leftMenu+.tx-srfeuserregister-pi1 dd,.leftMenu+* dd{float:left;width:66.23%;margin-left:1.29%}@media screen and (max-width: 600px){.leftMenu+.tx-srfeuserregister-pi1 dd,.leftMenu+* dd{float:none;width:100%;margin-left:0;margin-top:0}.leftMenu+.tx-srfeuserregister-pi1 dd input[type="text"],.leftMenu+.tx-srfeuserregister-pi1 dd input[type="password"],.leftMenu+.tx-srfeuserregister-pi1 dd input[type="email"],.leftMenu+* dd input[type="text"],.leftMenu+* dd input[type="password"],.leftMenu+* dd input[type="email"]{margin-top:0}.leftMenu+.tx-srfeuserregister-pi1 dd input[type="submit"],.leftMenu+* dd input[type="submit"]{margin-top:0}}.leftMenu+.tx-srfeuserregister-pi1 dd input[type="text"],.leftMenu+.tx-srfeuserregister-pi1 dd input[type="password"],.leftMenu+.tx-srfeuserregister-pi1 dd input[type="email"],.leftMenu+* dd input[type="text"],.leftMenu+* dd input[type="password"],.leftMenu+* dd input[type="email"]{width:100%;height:55px;vertical-align:middle;line-height:55px;padding:0 10px;font-size:15px;color:#333}.leftMenu+.tx-srfeuserregister-pi1 input[type="submit"],.leftMenu+* input[type="submit"]{float:right;margin-bottom:40px}.leftMenu .profile-sidebar{display:none;margin-top:15px}.leftMenu .profile-sidebar button{border:none;width:100%;display:block}@media screen and (max-width: 767px){.leftMenu .profile-sidebar{display:block}}.formular-sidebar{float:left;width:25%;margin-left:5%;padding-top:50px;padding-bottom:50px}.formular-sidebar .formular-sidebar-content{width:100%}.formular-sidebar .formular-sidebar-content+.formular-sidebar-content{margin-top:40px}.formular-sidebar h2,.formular-sidebar .ce-table table caption,.ce-table table .formular-sidebar caption{font-size:18px;line-height:normal;text-align:left;margin:0 0 5px 0}.formular-sidebar h2:after,.formular-sidebar .ce-table table caption:after,.ce-table table .formular-sidebar caption:after{margin:10px 0 0 0}.formular-sidebar img{margin-top:20px}.formular-sidebar p{font-size:13px;line-height:normal}.formular-sidebar .fontAwesome-list{margin-bottom:20px}.formular-sidebar .fontAwesome-list ul{margin:0;padding:0;list-style:none}.formular-sidebar .fontAwesome-list ul li{display:block;font-size:16px;line-height:normal;color:#333;font-weight:700}.formular-sidebar .fontAwesome-list ul li i{display:table-cell;font-size:22px;margin-right:10px;border-radius:50px;border:solid 2px #333;padding:10px;vertical-align:sub;float:left;height:46px;width:46px}.formular-sidebar .fontAwesome-list ul li span{margin:0;display:table-cell;vertical-align:middle;padding-left:10px;height:46px}@media screen and (max-width: 440px){.formular-sidebar .fontAwesome-list ul li span{width:80%}}@media screen and (max-width: 360px){.formular-sidebar .fontAwesome-list ul li span{width:70%}}.formular-sidebar .fontAwesome-list ul li+li{padding-top:10px;clear:both}@media screen and (max-width: 800px){.formular-sidebar{float:none;width:100%;margin-left:0;padding:0 0 50px 0}}.ui-icon{display:none !important}.compexCommerce .news-list-view .header{max-width:none}.cc_container .cc_btn{padding:8px 10px !important}body.compexCommerce main>*:first-child{margin-top:40px}body.compexCommerce main>.sliderContainer{margin-top:0 !important}body.compexCommerce main>.unterseiten-banner:first-child{margin-top:0}
+/*# sourceMappingURL=screen.css.map */
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/html/typo-welcome-validated.css b/org.eclipse.osbp.themes/VAADIN/themes/osbp/html/typo-welcome-validated.css
new file mode 100644
index 0000000..b9b4b15
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/html/typo-welcome-validated.css
@@ -0,0 +1,12703 @@
+ /*typo welcome test*/
+ .welcome-image::before {
+ content: url('../image/StartAppHere.png');
+ }
+
+ /* cyrillic-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
+ /*unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;*/
+ }
+ /* cyrillic */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
+/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
+ }
+ /* greek-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
+/* unicode-range: U+1F00-1FFF; */
+ }
+ /* greek */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
+/* unicode-range: U+0370-03FF; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* cyrillic-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */
+ }
+ /* cyrillic */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
+ }
+ /* greek-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+1F00-1FFF; */
+ }
+ /* greek */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0370-03FF; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* cyrillic-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
+/* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */
+ }
+ /* cyrillic */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
+/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
+ }
+ /* greek-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
+/* unicode-range: U+1F00-1FFF; */
+ }
+ /* greek */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
+/* unicode-range: U+0370-03FF; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* cyrillic-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
+/* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */
+ }
+ /* cyrillic */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
+/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
+ }
+ /* greek-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
+/* unicode-range: U+1F00-1FFF; */
+ }
+ /* greek */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
+/* unicode-range: U+0370-03FF; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/NUrn2XQrRfyGZp5MknntaRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/s2PXW4WrV3VLrOUpHiqsfRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/sKd0EMYPAh5PYCRKSryvW1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+
+ i.fa {
+ padding-left : 5px;
+ font-size : 0.9rem;
+ }
+ .bg-blue {
+ background-color : #0067b1;
+ }
+ .bg-darkblue {
+ background-color : #002f58;
+ }
+ .bg-red {
+ background-color : #be1622;
+ }
+ .bg-white {
+ background-color : #fff;
+ }
+ .button {
+ display : inline-block;
+ background : inherit;
+ color : inherit;
+ padding : 15px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ text-decoration : none;
+ cursor : pointer;
+ }
+ .button i {
+ padding-right : 5px;
+ transition : all 0.5s;
+ font-size : 18px;
+ line-height : normal;
+ }
+ .button span + i {
+ padding-left : 5px;
+ transition : all 0.5s;
+ }
+ .button:hover {
+ text-decoration : none !important ;
+ }
+ .button:hover i {
+ padding-right : 10px;
+ transition : all 0.5s;
+ }
+ .button:hover span + i {
+ padding-left : 10px;
+ transition : all 0.5s;
+ }
+ span span {
+ background : inherit;
+ color : inherit;
+ }
+ .redbutton, .bluebutton, .thirdSection .right a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .darkbluebutton, .greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton, .whitebutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a, .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a {
+ display : inline-block;
+ background : none 0% 0% repeat scroll #be1622;
+ color : #FFF;
+ padding : 15px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ text-decoration : none;
+ cursor : pointer;
+ border : none;
+ }
+ .redbutton:hover, .bluebutton:hover, .thirdSection .right a:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:hover, .darkbluebutton:hover, .greybutton:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover, .whitebutton:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:hover {
+ text-decoration : none !important ;
+ }
+ .bluebutton, .thirdSection .right a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a {
+ background-color : #0067b1;
+ }
+ .darkbluebutton {
+ background-color : #002f58;
+ text-align : left;
+ }
+ .darkbluebutton.arrowlink:after, .thirdSection .right a.darkbluebutton:after {
+ float : right;
+ }
+ .darkbluebutton.arrowlink:hover:after, .thirdSection .right a.darkbluebutton:hover:after {
+ padding-left : 30px;
+ }
+ .greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton {
+ background-color : #f5f5f5;
+ color : #333;
+ }
+ .greybutton:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover {
+ background-color : #0067b1;
+ color : #fff;
+ }
+ .whitebutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a {
+ background-color : #ffffff;
+ color : #333;
+ }
+ .arrowlink, .thirdSection .right a {
+ font-weight : 700;
+ text-decoration : none;
+ transition : all 0.5s;
+ }
+ .arrowlink:after, .thirdSection .right a:after {
+ font-family : 'FontAwesome';
+ content : "\f178";
+ padding-left : 5px;
+ font-size : 15px;
+ transition : all 0.7s;
+ display : inline-block;
+ }
+ .arrowlink:hover, .thirdSection .right a:hover {
+ text-decoration : none;
+ }
+ .arrowlink:hover:after, .thirdSection .right a:hover:after {
+ padding-left : 15px;
+ transition : all 0.5s;
+ }
+ .arrowlink.down:after, .thirdSection .right a.down:after {
+ content : "\f078";
+ vertical-align : bottom;
+ }
+ .arrowlink.down.active:after, .thirdSection .right a.down.active:after {
+ content : "\f077";
+ }
+ .keylink {
+ text-align : center;
+ color : #fff;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .keylink:before {
+ content : "\f084";
+ font-family : 'FontAwesome';
+ padding-right : 5px;
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ .downloadlink {
+ text-align : center;
+ font-weight : 700;
+ text-decoration : none;
+ transition : all 0.5s;
+ min-height : 54px;
+ }
+ .downloadlink:after {
+ font-family : 'FontAwesome';
+ content : "\f019";
+ padding-left : 5px;
+ font-size : 15px;
+ transition : all 0.5s;
+ }
+ .downloadlink:hover {
+ font-size : 18px;
+ }
+ .downloadlink:hover:after {
+ font-size : 17px;
+ transition : all 0.5s;
+ }
+ .buttonContainer {
+ text-align : center;
+ }
+ .versal {
+ text-transform : uppercase;
+ }
+ .cf:before, .inner:before, body.contact .contactMain:before, .ce-twoCol-Box .boxen:before, .ce-twoCol-Box .boxen.withFontAwesome:before, .ce-twoCol-Box .boxen.withoutFontAwesome:before, .ce-twoCol-Box .boxen.withOtherFontAwesome:before, .ce-twoCol-Box .boxen.withOtherFontAwesome div:before, .text-slide:before, .toggleContainer h3:before, .ce-threeBoxesWithOption:before, .ce-threeBoxesWithOption .inner div:before, .fontAwesome-list.twocol ul:before, .ce-os-bee:before, .ce-table:before, .service-formular:before, .service-formular .powermail_check_outer:before, .secondSection div.inner:before, .thirdSection:before, .thirdSection .inner:before, .newsletter:before, .newsletter .firstrow:before, .newsletter .secondrow:before, .newsletter .secondrow .inner:before, .ce-youtube-text:before, .ce-youtube-slider:before, .marketplace-wrapper:before, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:before, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:before, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:before, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:before, .marketplace-wrapper .mp-contentContainer .mp-filter ul:before, .marketplace-wrapper .mp-contentContainer .mp-content:before, .marketplace-wrapper .mp-contentContainer .mp-content article header:before, .marketplace-wrapper .mp-contentContainer .mp-content article footer:before, .mpdetail-content .mp-productInfo:before, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:before, .mpdetail-content .mp-productWrapper > ul:before, .tx-typo3forum-pi1 .forum_menu ul:before, .tx-typo3forum-pi1 .topic_list_menu ul:before, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #topic fieldset div:before, .tx-typo3forum-pi1 #post fieldset div:before, .tx-typo3forum-pi1 #report fieldset div:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:before, .ce-osbee-forum-singlepost:before, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:before, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:before, .blogSidebar .blog-subscribe .terms:before, .news-list-view .article:before, .news-list-view .news-content-wrap:before, .latest-news-container:before, .latest-news-container .startpage-latesnews:before, .latest-news-container .startpage-latesnews .news-img-wrap a:before, .shariff .orientation-horizontal:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:before, .tx-sy-osbeeproducts .os_cartSupport:before, .tx-sy-osbeeproducts .os_cartSupport > div .container:before, .tx-sy-osbeeproducts .os_carAppSupport:before, .tx-sy-osbeeproducts .os_carAppSupport > div .container:before, .tx-sy-osbeeproducts .checkoutOption:before, .tx-contentpackage-checkoutFormular div:before, .checkoutSteps:before, .tx-indexedsearch-browsebox:before, .tx-srfeuserregister-pi1 fieldset:before, .tx-srfeuserregister-pi1 fieldset .formwrap:before, .community-forum-news:before, .community-forum-news > .inner > div.news .latest-news-container:before, .zweispaltig-unterseiten-layout:before, header.header:before, header.header .topMeta:before, header.header .topMeta + div:before, header.header nav > ul:before, footer.footer div.inner.small:before, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:before, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:before, .ce-video:before, .ce-forum-latest-post:before, .ce-forum-latest-post > div:before, .ce-forum-latest-post > div div:before, .cf:after, .inner:after, body.contact .contactMain:after, .ce-twoCol-Box .boxen:after, .ce-twoCol-Box .boxen.withFontAwesome:after, .ce-twoCol-Box .boxen.withoutFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome div:after, .text-slide:after, .toggleContainer h3:after, .ce-threeBoxesWithOption:after, .ce-threeBoxesWithOption .inner div:after, .fontAwesome-list.twocol ul:after, .ce-os-bee:after, .ce-table:after, .service-formular:after, .service-formular .powermail_check_outer:after, .secondSection div.inner:after, .thirdSection:after, .thirdSection .inner:after, .newsletter:after, .newsletter .firstrow:after, .newsletter .secondrow:after, .newsletter .secondrow .inner:after, .ce-youtube-text:after, .ce-youtube-slider:after, .marketplace-wrapper:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:after, .marketplace-wrapper .mp-contentContainer .mp-filter ul:after, .marketplace-wrapper .mp-contentContainer .mp-content:after, .marketplace-wrapper .mp-contentContainer .mp-content article header:after, .marketplace-wrapper .mp-contentContainer .mp-content article footer:after, .mpdetail-content .mp-productInfo:after, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:after, .mpdetail-content .mp-productWrapper > ul:after, .tx-typo3forum-pi1 .forum_menu ul:after, .tx-typo3forum-pi1 .topic_list_menu ul:after, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #topic fieldset div:after, .tx-typo3forum-pi1 #post fieldset div:after, .tx-typo3forum-pi1 #report fieldset div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after, .ce-osbee-forum-singlepost:after, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after, .blogSidebar .blog-subscribe .terms:after, .news-list-view .article:after, .news-list-view .news-content-wrap:after, .latest-news-container:after, .latest-news-container .startpage-latesnews:after, .latest-news-container .startpage-latesnews .news-img-wrap a:after, .shariff .orientation-horizontal:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after, .tx-sy-osbeeproducts .os_cartSupport:after, .tx-sy-osbeeproducts .os_cartSupport > div .container:after, .tx-sy-osbeeproducts .os_carAppSupport:after, .tx-sy-osbeeproducts .os_carAppSupport > div .container:after, .tx-sy-osbeeproducts .checkoutOption:after, .tx-contentpackage-checkoutFormular div:after, .checkoutSteps:after, .tx-indexedsearch-browsebox:after, .tx-srfeuserregister-pi1 fieldset:after, .tx-srfeuserregister-pi1 fieldset .formwrap:after, .community-forum-news:after, .community-forum-news > .inner > div.news .latest-news-container:after, .zweispaltig-unterseiten-layout:after, header.header:after, header.header .topMeta:after, header.header .topMeta + div:after, header.header nav > ul:after, footer.footer div.inner.small:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after, .ce-video:after, .ce-forum-latest-post:after, .ce-forum-latest-post > div:after, .ce-forum-latest-post > div div:after {
+ content : " ";
+ display : table;
+ }
+ .cf:after, .inner:after, body.contact .contactMain:after, .ce-twoCol-Box .boxen:after, .ce-twoCol-Box .boxen.withFontAwesome:after, .ce-twoCol-Box .boxen.withoutFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome div:after, .text-slide:after, .toggleContainer h3:after, .ce-threeBoxesWithOption:after, .ce-threeBoxesWithOption .inner div:after, .fontAwesome-list.twocol ul:after, .ce-os-bee:after, .ce-table:after, .service-formular:after, .service-formular .powermail_check_outer:after, .secondSection div.inner:after, .thirdSection:after, .thirdSection .inner:after, .newsletter:after, .newsletter .firstrow:after, .newsletter .secondrow:after, .newsletter .secondrow .inner:after, .ce-youtube-text:after, .ce-youtube-slider:after, .marketplace-wrapper:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:after, .marketplace-wrapper .mp-contentContainer .mp-filter ul:after, .marketplace-wrapper .mp-contentContainer .mp-content:after, .marketplace-wrapper .mp-contentContainer .mp-content article header:after, .marketplace-wrapper .mp-contentContainer .mp-content article footer:after, .mpdetail-content .mp-productInfo:after, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:after, .mpdetail-content .mp-productWrapper > ul:after, .tx-typo3forum-pi1 .forum_menu ul:after, .tx-typo3forum-pi1 .topic_list_menu ul:after, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #topic fieldset div:after, .tx-typo3forum-pi1 #post fieldset div:after, .tx-typo3forum-pi1 #report fieldset div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after, .ce-osbee-forum-singlepost:after, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after, .blogSidebar .blog-subscribe .terms:after, .news-list-view .article:after, .news-list-view .news-content-wrap:after, .latest-news-container:after, .latest-news-container .startpage-latesnews:after, .latest-news-container .startpage-latesnews .news-img-wrap a:after, .shariff .orientation-horizontal:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after, .tx-sy-osbeeproducts .os_cartSupport:after, .tx-sy-osbeeproducts .os_cartSupport > div .container:after, .tx-sy-osbeeproducts .os_carAppSupport:after, .tx-sy-osbeeproducts .os_carAppSupport > div .container:after, .tx-sy-osbeeproducts .checkoutOption:after, .tx-contentpackage-checkoutFormular div:after, .checkoutSteps:after, .tx-indexedsearch-browsebox:after, .tx-srfeuserregister-pi1 fieldset:after, .tx-srfeuserregister-pi1 fieldset .formwrap:after, .community-forum-news:after, .community-forum-news > .inner > div.news .latest-news-container:after, .zweispaltig-unterseiten-layout:after, header.header:after, header.header .topMeta:after, header.header .topMeta + div:after, header.header nav > ul:after, footer.footer div.inner.small:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after, .ce-video:after, .ce-forum-latest-post:after, .ce-forum-latest-post > div:after, .ce-forum-latest-post > div div:after {
+ clear : both;
+ }
+ html {
+ margin : 0;
+ padding : 0;
+ font-size : 15px;
+ line-height : normal;
+ }
+ html * {
+ box-sizing : border-box;
+ font-family : "Open Sans", sans-serif;
+ }
+ body {
+ margin : 0;
+ padding : 0;
+ counter-reset : olliste;
+ }
+ section, main, footer, nav, aside, article {
+ display : block;
+ }
+ img {
+ height : auto;
+ max-width : 100%;
+ }
+ figure {
+ margin : 0;
+ padding : 0;
+ }
+ ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ ::-webkit-input-placeholder {
+ color : #333333;
+ opacity : 1 !important ;
+ }
+ :-moz-placeholder {
+ color : #333333;
+ }
+ ::-moz-placeholder {
+ color : #333333;
+ }
+ :-ms-input-placeholder {
+ color : #333333;
+ }
+ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
+ color : #333333;
+ opacity : 1 !important ;
+ }
+ input:-moz-placeholder, textarea:-moz-placeholder {
+ color : #333333;
+ }
+ input::-moz-placeholder, textarea::-moz-placeholder {
+ color : #333333;
+ }
+ input:-ms-input-placeholder, textarea:-ms-input-placeholder {
+ color : #333333;
+ }
+ .unorderedList li, .clients ul li, .ce-twoCol-Box .boxen.withFontAwesome > div ul li, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li, .text-slide .left ul li, .ce-Image-Text-Element .einspaltig ul li, .toggleContainer ul li, .ce-threeBoxesWithOption .inner div article ul li, .fontAwesome-list ul li ul li, .fontAwesome-list.twocol ul li ul li, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li, .ce-leftright > div figure + div ul li, .news ul li {
+ position : relative;
+ padding-left : 15px;
+ }
+ .unorderedList li:before, .clients ul li:before, .ce-twoCol-Box .boxen.withFontAwesome > div ul li:before, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li:before, .text-slide .left ul li:before, .ce-Image-Text-Element .einspaltig ul li:before, .toggleContainer ul li:before, .ce-threeBoxesWithOption .inner div article ul li:before, .fontAwesome-list ul li ul li:before, .fontAwesome-list.twocol ul li ul li:before, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li:before, .ce-leftright > div figure + div ul li:before, .news ul li:before {
+ content : "\f054";
+ content : "\f111";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ position : absolute;
+ top : 7px;
+ left : 0;
+ color : #be1622;
+ font-size : 6px;
+ }
+ .unorderedList li + li, .clients ul li + li, .ce-twoCol-Box .boxen.withFontAwesome > div ul li + li, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li + li, .text-slide .left ul li + li, .ce-Image-Text-Element .einspaltig ul li + li, .toggleContainer ul li + li, .ce-threeBoxesWithOption .inner div article ul li + li, .fontAwesome-list ul li ul li + li, .fontAwesome-list.twocol ul li ul li + li, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li + li, .ce-leftright > div figure + div ul li + li, .news ul li + li {
+ margin-top : 4px;
+ }
+ .unorderedList li ul, .clients ul li ul, .ce-twoCol-Box .boxen.withFontAwesome > div ul li ul, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li ul, .text-slide .left ul li ul, .ce-Image-Text-Element .einspaltig ul li ul, .toggleContainer ul li ul, .ce-threeBoxesWithOption .inner div article ul li ul, .fontAwesome-list ul li ul li ul, .fontAwesome-list.twocol ul li ul li ul, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li ul, .ce-leftright > div figure + div ul li ul, .news ul li ul {
+ margin-top : 5px;
+ }
+ .unorderedList + p, .clients ul + p, .ce-twoCol-Box .boxen.withFontAwesome > div ul + p, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul + p, .text-slide .left ul + p, .ce-Image-Text-Element .einspaltig ul + p, .toggleContainer ul + p, .ce-threeBoxesWithOption .inner div article ul + p, .fontAwesome-list ul li ul + p, .fontAwesome-list.twocol ul li ul + p, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul + p, .ce-leftright > div figure + div ul + p, .news ul + p, .unorderedList + ul, .clients ul + ul, .ce-twoCol-Box .boxen.withFontAwesome > div ul + ul, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul + ul, .text-slide .left ul + ul, .ce-Image-Text-Element .einspaltig ul + ul, .toggleContainer ul + ul, .ce-threeBoxesWithOption .inner div article ul + ul, .fontAwesome-list ul li ul + ul, .fontAwesome-list.twocol ul li ul + ul, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul + ul, .ce-leftright > div figure + div ul + ul, .news ul + ul {
+ margin-top : 15px;
+ }
+ .inner {
+ max-width : 1325px;
+ margin : 0 auto;
+ }
+ .inner.small, .tx-felogin-pi1 .tx-felogin-pi1-inner {
+ max-width : 1030px;
+ margin : 0 auto;
+ }
+ @media screen and (max-width:1100px) {
+ .inner.small, .tx-felogin-pi1 .tx-felogin-pi1-inner {
+ padding : 0 25px;
+ }
+ }
+ main {
+ overflow : hidden;
+ }
+ body.contact .contactMain {
+ max-width : 1030px;
+ margin : 0 auto 0 auto;
+ }
+ h1, h2, .ce-table table caption, h3 {
+ margin : 0;
+ font-size : inherit;
+ line-height : normal;
+ }
+ .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 {
+ font-family : "Quicksand", sans-serif;
+ font-size : 60px;
+ line-height : normal;
+ color : #333;
+ margin : 0 0 40px 0;
+ text-transform : uppercase;
+ font-weight : 300;
+ display : block;
+ }
+ @media screen and (max-width:1024px) {
+ .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 {
+ font-size : 45px;
+ margin-bottom : 30px;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 {
+ font-size : 35px;
+ margin-bottom : 25px;
+ }
+ }
+ @media screen and (max-width:640px) {
+ .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 {
+ font-size : 28px;
+ margin-bottom : 20px;
+ }
+ }
+ .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center {
+ font-family : "Quicksand", sans-serif;
+ font-size : 60px;
+ line-height : normal;
+ color : #333;
+ margin : 0 0 40px 0;
+ text-transform : uppercase;
+ text-align : center;
+ font-weight : 300;
+ display : block;
+ }
+ @media screen and (max-width:1024px) {
+ .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center {
+ font-size : 45px;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center {
+ font-size : 35px;
+ }
+ }
+ @media screen and (max-width:640px) {
+ .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center {
+ font-size : 28px;
+ }
+ }
+ .headlineH2Center, p.headlineH2Center, .service-formular fieldset .powermail_legend, .sliderContainer p.headlineH2Center, .latest-news-container h2, .latest-news-container .ce-table table caption, .ce-table table .latest-news-container caption, .mp-contentContainer.checkout h1 {
+ font-family : "Quicksand", sans-serif;
+ font-weight : 400;
+ text-transform : uppercase;
+ color : #333;
+ font-size : 24px;
+ line-height : normal;
+ text-align : center;
+ display : block;
+ margin : 0 0 15px 0;
+ }
+ .headlineH2Center:after, .service-formular fieldset .powermail_legend:after, .sliderContainer p.headlineH2Center:after, .latest-news-container h2:after, .latest-news-container .ce-table table caption:after, .ce-table table .latest-news-container caption:after, .mp-contentContainer.checkout h1:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px auto 0 auto;
+ }
+ .headlineH2, p.headlineH2, .sliderContainer p.headlineH2, .tx-typo3forum-pi1 #topic fieldset legend, .tx-typo3forum-pi1 #post fieldset legend, .tx-typo3forum-pi1 #report fieldset legend, .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption {
+ font-family : "Quicksand", sans-serif;
+ font-weight : 400;
+ text-transform : uppercase;
+ color : #333;
+ font-size : 24px;
+ line-height : normal;
+ display : block;
+ margin : 0 0 15px 0;
+ }
+ .headlineH2:after, .sliderContainer p.headlineH2:after, .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #report fieldset legend:after, .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px 0 0 0;
+ }
+ .headlineH2withoutUnderline, .headlineH2withoutUnderlineLeft, p.headlineH2withoutUnderline, .sliderContainer p.headlineH2withoutUnderline {
+ font-size : 36px;
+ line-height : normal;
+ font-family : "Quicksand", sans-serif;
+ font-weight : 400;
+ color : #fff;
+ display : block;
+ margin : 0 0 15px 0;
+ text-align : center;
+ }
+ .headlineH2withoutUnderlineLeft {
+ text-align : left;
+ }
+ .headlineH3, p.headlineH3, .sliderContainer p.headlineH3 {
+ font-weight : 700;
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ margin : 0 0 20px 0;
+ display : block;
+ }
+ .smallHeadlineWithUnderline, p.smallHeadlineWithUnderline, .sliderContainer p.smallHeadlineWithUnderline {
+ font-size : 18px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ margin-bottom : 20px;
+ }
+ .smallHeadlineWithUnderline:after, .sliderContainer p.smallHeadlineWithUnderline:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 5px 0 0 0;
+ }
+ a {
+ color : #0067b1;
+ text-decoration : none;
+ font-weight : 700;
+ }
+ a span {
+ color : inherit;
+ }
+ a:hover {
+ text-decoration : underline;
+ }
+ a.arrowlink:hover, .thirdSection .right a:hover {
+ text-decoration : underline !important ;
+ }
+ a.arrowlink:hover:after, .thirdSection .right a:hover:after {
+ text-decoration : none !important ;
+ }
+ a.button:hover {
+ text-decoration : none !important ;
+ }
+ a.button:hover span {
+ text-decoration : none !important ;
+ }
+ span a {
+ color : inherit;
+ }
+ .textlinkarrow:after, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:after, .ce-table table tr td a:after, .ce-leftright > div figure + div a:after, .ce-youtube-text .right a:after, .news-list-view .more:after {
+ content : "\f178";
+ transition : all 0.7s;
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ font-weight : 700;
+ font-family : 'FontAwesome';
+ padding-left : 5px;
+ transition : all 0.7s;
+ }
+ .textlinkarrow:hover, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:hover, .ce-table table tr td a:hover, .ce-leftright > div figure + div a:hover, .ce-youtube-text .right a:hover, .news-list-view .more:hover {
+ text-decoration : none;
+ }
+ .textlinkarrow:hover:after, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:hover:after, .ce-table table tr td a:hover:after, .ce-leftright > div figure + div a:hover:after, .ce-youtube-text .right a:hover:after, .news-list-view .more:hover:after {
+ padding-left : 10px;
+ }
+ .textlinkarrow.whitetextlinkarrow, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a.whitetextlinkarrow, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow .ce-leftright > div figure + div a, .ce-leftright > div figure + div .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a, .ce-table table tr td a.whitetextlinkarrow, .ce-leftright > div figure + div a, .ce-youtube-text .right a.whitetextlinkarrow, .ce-youtube-text .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .ce-youtube-text .right a, .news-list-view .whitetextlinkarrow.more, .news-list-view .ce-leftright > div figure + div a.more, .ce-leftright > div figure + div .news-list-view a.more {
+ color : #fff;
+ }
+ h1, h2, .ce-table table caption, h3, h4, h5, h6 {
+ font-size : 15px;
+ line-height : normal;
+ margin : 0;
+ font-weight : 400;
+ }
+ p {
+ font-size : 15px;
+ line-height : normal;
+ margin : 0;
+ }
+ p + p, p + ul, p + ol {
+ margin-top : 15px;
+ }
+ p + h1, p + h2, .ce-table table p + caption, p + h3, p + .headlineH3, .sliderContainer p + p.headlineH3, p + .headlineH2withoutUnderline, p + .headlineH2withoutUnderlineLeft, .sliderContainer p + p.headlineH2withoutUnderline, p + .smallHeadlineWithUnderline, .sliderContainer p + p.smallHeadlineWithUnderline, p + .headlineH2, .sliderContainer p + p.headlineH2, .tx-typo3forum-pi1 #topic fieldset p + legend, .tx-typo3forum-pi1 #post fieldset p + legend, .tx-typo3forum-pi1 #report fieldset p + legend, .mp-contentContainer.checkout .checkout_paymentOption p + h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table p + caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption p + caption, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > p + h2, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > p + caption, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > p + caption, p + .headlineH2Center, .service-formular fieldset p + .powermail_legend, .sliderContainer p + p.headlineH2Center, .latest-news-container p + h2, .latest-news-container .ce-table table p + caption, .ce-table table .latest-news-container p + caption, .mp-contentContainer.checkout p + h1, p + .headlineH1Center, .sliderContainer p + p.headlineH1Center, p + .headlineH1, .sliderContainer p + p.headlineH1, p + .headlineH2withoutUnderline, p + .headlineH2withoutUnderlineLeft, .sliderContainer p + p.headlineH2withoutUnderline {
+ margin-top : 25px;
+ }
+ p i {
+ font-style : italic;
+ }
+ p.bigText {
+ font-size : 18px;
+ line-height : normal;
+ }
+ p.bigText a {
+ font-size : 18px;
+ line-height : normal;
+ }
+ p.centeralign, p.align-center {
+ text-align : center;
+ }
+ p.leftalign, p.align-left {
+ text-align : left;
+ }
+ p.rightalign, p.align-right {
+ text-align : right;
+ }
+ ul li {
+ font-size : 15px;
+ line-height : normal;
+ }
+ a {
+ font-size : 15px;
+ line-height : normal;
+ }
+ .bigText {
+ font-size : 18px;
+ line-height : normal;
+ }
+ .centeralign, .align-center {
+ text-align : center;
+ }
+ .leftalign {
+ text-align : left;
+ }
+ .rightalign {
+ text-align : right;
+ }
+ .hvr-grow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
+ transform : scale(1.1);
+ }
+ .hvr-shrink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
+ transform : scale(0.9);
+ }
+ @keyframes hvr-pulse {
+ 25% {
+ transform : scale(1.1);
+ }
+ 75% {
+ transform : scale(0.9);
+ }
+ }
+ .hvr-pulse {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
+ animation-name : hvr-pulse;
+ animation-duration : 1s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ }
+ @keyframes hvr-pulse-grow {
+ to {
+ transform : scale(1.1);
+ }
+ }
+ .hvr-pulse-grow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
+ animation-name : hvr-pulse-grow;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ animation-direction : alternate;
+ }
+ @keyframes hvr-pulse-shrink {
+ to {
+ transform : scale(0.9);
+ }
+ }
+ .hvr-pulse-shrink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
+ animation-name : hvr-pulse-shrink;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ animation-direction : alternate;
+ }
+ @keyframes hvr-push {
+ 50% {
+ transform : scale(0.8);
+ }
+ 100% {
+ transform : scale(1);
+ }
+ }
+ .hvr-push {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-push:hover, .hvr-push:focus, .hvr-push:active {
+ animation-name : hvr-push;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-pop {
+ 50% {
+ transform : scale(1.2);
+ }
+ }
+ .hvr-pop {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
+ animation-name : hvr-pop;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ .hvr-bounce-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
+ transform : scale(1.2);
+ transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36);
+ }
+ .hvr-bounce-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
+ transform : scale(0.8);
+ transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36);
+ }
+ .hvr-rotate {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
+ transform : rotate(4deg);
+ }
+ .hvr-grow-rotate {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
+ transform : scale(1.1) rotate(4deg);
+ }
+ .hvr-float {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-float:hover, .hvr-float:focus, .hvr-float:active {
+ transform : translateY(-8px);
+ }
+ .hvr-sink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
+ transform : translateY(8px);
+ }
+ @keyframes hvr-bob {
+ 0% {
+ transform : translateY(-8px);
+ }
+ 50% {
+ transform : translateY(-4px);
+ }
+ 100% {
+ transform : translateY(-8px);
+ }
+ }
+ @keyframes hvr-bob-float {
+ 100% {
+ transform : translateY(-8px);
+ }
+ }
+ .hvr-bob {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
+ animation-name : hvr-bob-float, hvr-bob;
+ animation-duration : 0.3s, 1.5s;
+ animation-delay : 0s, 0.3s;
+ animation-timing-function : ease-out, ease-in-out;
+ animation-iteration-count : 1, infinite;
+ animation-fill-mode : forwards;
+ animation-direction : normal, alternate;
+ }
+ @keyframes hvr-hang {
+ 0% {
+ transform : translateY(8px);
+ }
+ 50% {
+ transform : translateY(4px);
+ }
+ 100% {
+ transform : translateY(8px);
+ }
+ }
+ @keyframes hvr-hang-sink {
+ 100% {
+ transform : translateY(8px);
+ }
+ }
+ .hvr-hang {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
+ animation-name : hvr-hang-sink, hvr-hang;
+ animation-duration : 0.3s, 1.5s;
+ animation-delay : 0s, 0.3s;
+ animation-timing-function : ease-out, ease-in-out;
+ animation-iteration-count : 1, infinite;
+ animation-fill-mode : forwards;
+ animation-direction : normal, alternate;
+ }
+ .hvr-skew {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
+ transform : skew(-10deg);
+ }
+ .hvr-skew-forward {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transform-origin : 0 100%;
+ }
+ .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
+ transform : skew(-10deg);
+ }
+ .hvr-skew-backward {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transform-origin : 0 100%;
+ }
+ .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
+ transform : skew(10deg);
+ }
+ @keyframes hvr-wobble-vertical {
+ 16.65% {
+ transform : translateY(8px);
+ }
+ 33.3% {
+ transform : translateY(-6px);
+ }
+ 49.95% {
+ transform : translateY(4px);
+ }
+ 66.6% {
+ transform : translateY(-2px);
+ }
+ 83.25% {
+ transform : translateY(1px);
+ }
+ 100% {
+ transform : translateY(0);
+ }
+ }
+ .hvr-wobble-vertical {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
+ animation-name : hvr-wobble-vertical;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-horizontal {
+ 16.65% {
+ transform : translateX(8px);
+ }
+ 33.3% {
+ transform : translateX(-6px);
+ }
+ 49.95% {
+ transform : translateX(4px);
+ }
+ 66.6% {
+ transform : translateX(-2px);
+ }
+ 83.25% {
+ transform : translateX(1px);
+ }
+ 100% {
+ transform : translateX(0);
+ }
+ }
+ .hvr-wobble-horizontal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
+ animation-name : hvr-wobble-horizontal;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-to-bottom-right {
+ 16.65% {
+ transform : translate(8px,8px);
+ }
+ 33.3% {
+ transform : translate(-6px,-6px);
+ }
+ 49.95% {
+ transform : translate(4px,4px);
+ }
+ 66.6% {
+ transform : translate(-2px,-2px);
+ }
+ 83.25% {
+ transform : translate(1px,1px);
+ }
+ 100% {
+ transform : translate(0,0);
+ }
+ }
+ .hvr-wobble-to-bottom-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
+ animation-name : hvr-wobble-to-bottom-right;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-to-top-right {
+ 16.65% {
+ transform : translate(8px,-8px);
+ }
+ 33.3% {
+ transform : translate(-6px,6px);
+ }
+ 49.95% {
+ transform : translate(4px,-4px);
+ }
+ 66.6% {
+ transform : translate(-2px,2px);
+ }
+ 83.25% {
+ transform : translate(1px,-1px);
+ }
+ 100% {
+ transform : translate(0,0);
+ }
+ }
+ .hvr-wobble-to-top-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
+ animation-name : hvr-wobble-to-top-right;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-top {
+ 16.65% {
+ transform : skew(-12deg);
+ }
+ 33.3% {
+ transform : skew(10deg);
+ }
+ 49.95% {
+ transform : skew(-6deg);
+ }
+ 66.6% {
+ transform : skew(4deg);
+ }
+ 83.25% {
+ transform : skew(-2deg);
+ }
+ 100% {
+ transform : skew(0);
+ }
+ }
+ .hvr-wobble-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transform-origin : 0 100%;
+ }
+ .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
+ animation-name : hvr-wobble-top;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-bottom {
+ 16.65% {
+ transform : skew(-12deg);
+ }
+ 33.3% {
+ transform : skew(10deg);
+ }
+ 49.95% {
+ transform : skew(-6deg);
+ }
+ 66.6% {
+ transform : skew(4deg);
+ }
+ 83.25% {
+ transform : skew(-2deg);
+ }
+ 100% {
+ transform : skew(0);
+ }
+ }
+ .hvr-wobble-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transform-origin : 100% 0;
+ }
+ .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
+ animation-name : hvr-wobble-bottom;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-skew {
+ 16.65% {
+ transform : skew(-12deg);
+ }
+ 33.3% {
+ transform : skew(10deg);
+ }
+ 49.95% {
+ transform : skew(-6deg);
+ }
+ 66.6% {
+ transform : skew(4deg);
+ }
+ 83.25% {
+ transform : skew(-2deg);
+ }
+ 100% {
+ transform : skew(0);
+ }
+ }
+ .hvr-wobble-skew {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
+ animation-name : hvr-wobble-skew;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-buzz {
+ 50% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 100% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ }
+ .hvr-buzz {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
+ animation-name : hvr-buzz;
+ animation-duration : 0.15s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ }
+ @keyframes hvr-buzz-out {
+ 10% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 20% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ 30% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 40% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ 50% {
+ transform : translateX(2px) rotate(1deg);
+ }
+ 60% {
+ transform : translateX(-2px) rotate(-1deg);
+ }
+ 70% {
+ transform : translateX(2px) rotate(1deg);
+ }
+ 80% {
+ transform : translateX(-2px) rotate(-1deg);
+ }
+ 90% {
+ transform : translateX(1px) rotate(0);
+ }
+ 100% {
+ transform : translateX(-1px) rotate(0);
+ }
+ }
+ .hvr-buzz-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
+ animation-name : hvr-buzz-out;
+ animation-duration : 0.75s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ .hvr-fade {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ overflow : hidden;
+ transition-duration : 0.3s;
+ transition-property : color, background-color;
+ }
+ .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
+ background-color : #2098d1;
+ color : white;
+ }
+ @keyframes hvr-back-pulse {
+ 50% {
+ background-color : rgba(32, 152, 209, 0.75);
+ }
+ }
+ .hvr-back-pulse {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ overflow : hidden;
+ transition-duration : 0.5s;
+ transition-property : color, background-color;
+ }
+ .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
+ animation-name : hvr-back-pulse;
+ animation-duration : 1s;
+ animation-delay : 0.5s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ background-color : #2098d1;
+ background-color : #2098d1;
+ color : white;
+ }
+ .hvr-sweep-to-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-sweep-to-right:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 0 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
+ color : white;
+ }
+ .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
+ transform : scaleX(1);
+ }
+ .hvr-sweep-to-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-sweep-to-left:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 100% 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
+ color : white;
+ }
+ .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
+ transform : scaleX(1);
+ }
+ .hvr-sweep-to-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-sweep-to-bottom:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50% 0;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
+ color : white;
+ }
+ .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
+ transform : scaleY(1);
+ }
+ .hvr-sweep-to-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-sweep-to-top:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50% 100%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
+ color : white;
+ }
+ .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
+ transform : scaleY(1);
+ }
+ .hvr-bounce-to-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-to-right:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 0 50%;
+ transition-property : transform;
+ transition-duration : 0.5s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
+ color : white;
+ }
+ .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
+ transform : scaleX(1);
+ transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-bounce-to-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-to-left:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 100% 50%;
+ transition-property : transform;
+ transition-duration : 0.5s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
+ color : white;
+ }
+ .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
+ transform : scaleX(1);
+ transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-bounce-to-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-to-bottom:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50% 0;
+ transition-property : transform;
+ transition-duration : 0.5s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
+ color : white;
+ }
+ .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
+ transform : scaleY(1);
+ transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-bounce-to-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-to-top:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50% 100%;
+ transition-property : transform;
+ transition-duration : 0.5s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
+ color : white;
+ }
+ .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
+ transform : scaleY(1);
+ transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-radial-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ background : #e1e1e1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-radial-out:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ border-radius : 100%;
+ transform : scale(0);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
+ color : white;
+ }
+ .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
+ transform : scale(2);
+ }
+ .hvr-radial-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ background : #2098d1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-radial-in:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #e1e1e1;
+ border-radius : 100%;
+ transform : scale(2);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
+ color : white;
+ }
+ .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
+ transform : scale(0);
+ }
+ .hvr-rectangle-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #2098d1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-rectangle-in:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #e1e1e1;
+ transform : scale(1);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
+ color : white;
+ }
+ .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
+ transform : scale(0);
+ }
+ .hvr-rectangle-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #e1e1e1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-rectangle-out:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scale(0);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
+ color : white;
+ }
+ .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
+ transform : scale(1);
+ }
+ .hvr-shutter-in-horizontal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #2098d1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-shutter-in-horizontal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ bottom : 0;
+ left : 0;
+ right : 0;
+ background : #e1e1e1;
+ transform : scaleX(1);
+ transform-origin : 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
+ color : white;
+ }
+ .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
+ transform : scaleX(0);
+ }
+ .hvr-shutter-out-horizontal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #e1e1e1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-shutter-out-horizontal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ bottom : 0;
+ left : 0;
+ right : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
+ color : white;
+ }
+ .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
+ transform : scaleX(1);
+ }
+ .hvr-shutter-in-vertical {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #2098d1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-shutter-in-vertical:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ bottom : 0;
+ left : 0;
+ right : 0;
+ background : #e1e1e1;
+ transform : scaleY(1);
+ transform-origin : 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
+ color : white;
+ }
+ .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
+ transform : scaleY(0);
+ }
+ .hvr-shutter-out-vertical {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #e1e1e1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-shutter-out-vertical:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ bottom : 0;
+ left : 0;
+ right : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
+ color : white;
+ }
+ .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
+ transform : scaleY(1);
+ }
+ .hvr-border-fade {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ box-shadow : 0 0 0 4px #e1e1e1 inset, 0 0 1px transparent;
+ }
+ .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
+ box-shadow : 0 0 0 4px #2098d1 inset, 0 0 1px transparent;
+ }
+ .hvr-hollow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : background;
+ box-shadow : 0 0 0 4px #e1e1e1 inset, 0 0 1px transparent;
+ }
+ .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
+ background : none;
+ }
+ .hvr-trim {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-trim:before {
+ content : '';
+ position : absolute;
+ border : white solid 4px;
+ top : 4px;
+ left : 4px;
+ right : 4px;
+ bottom : 4px;
+ opacity : 0;
+ transition-duration : 0.3s;
+ transition-property : opacity;
+ }
+ .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
+ opacity : 1;
+ }
+ @keyframes hvr-ripple-out {
+ 100% {
+ top : -12px;
+ right : -12px;
+ bottom : -12px;
+ left : -12px;
+ opacity : 0;
+ }
+ }
+ .hvr-ripple-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-ripple-out:before {
+ content : '';
+ position : absolute;
+ border : #e1e1e1 solid 6px;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ animation-duration : 1s;
+ }
+ .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
+ animation-name : hvr-ripple-out;
+ }
+ @keyframes hvr-ripple-in {
+ 100% {
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ opacity : 1;
+ }
+ }
+ .hvr-ripple-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-ripple-in:before {
+ content : '';
+ position : absolute;
+ border : #e1e1e1 solid 4px;
+ top : -12px;
+ right : -12px;
+ bottom : -12px;
+ left : -12px;
+ opacity : 0;
+ animation-duration : 1s;
+ }
+ .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
+ animation-name : hvr-ripple-in;
+ }
+ .hvr-outline-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-outline-out:before {
+ content : '';
+ position : absolute;
+ border : #e1e1e1 solid 4px;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ transition-duration : 0.3s;
+ transition-property : top, right, bottom, left;
+ }
+ .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
+ top : -8px;
+ right : -8px;
+ bottom : -8px;
+ left : -8px;
+ }
+ .hvr-outline-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-outline-in:before {
+ content : '';
+ position : absolute;
+ border : #e1e1e1 solid 4px;
+ top : -16px;
+ right : -16px;
+ bottom : -16px;
+ left : -16px;
+ opacity : 0;
+ transition-duration : 0.3s;
+ transition-property : top, right, bottom, left;
+ }
+ .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
+ top : -8px;
+ right : -8px;
+ bottom : -8px;
+ left : -8px;
+ opacity : 1;
+ }
+ .hvr-round-corners {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : border-radius;
+ }
+ .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
+ border-radius : 1em;
+ }
+ .hvr-underline-from-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-underline-from-left:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 100%;
+ bottom : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : right;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
+ right : 0;
+ }
+ .hvr-underline-from-center {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-underline-from-center:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 50%;
+ right : 50%;
+ bottom : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : left, right;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
+ left : 0;
+ right : 0;
+ }
+ .hvr-underline-from-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-underline-from-right:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 100%;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : left;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
+ left : 0;
+ }
+ .hvr-overline-from-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-overline-from-left:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 100%;
+ top : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : right;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
+ right : 0;
+ }
+ .hvr-overline-from-center {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-overline-from-center:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 50%;
+ right : 50%;
+ top : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : left, right;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
+ left : 0;
+ right : 0;
+ }
+ .hvr-overline-from-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-overline-from-right:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 100%;
+ right : 0;
+ top : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : left;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
+ left : 0;
+ }
+ .hvr-reveal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-reveal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 0;
+ top : 0;
+ bottom : 0;
+ border-color : #2098d1;
+ border-style : solid;
+ border-width : 0;
+ transition-property : border-width;
+ transition-duration : 0.1s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
+ transform : translateY(0);
+ border-width : 4px;
+ }
+ .hvr-underline-reveal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-underline-reveal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ height : 4px;
+ transform : translateY(4px);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
+ transform : translateY(0);
+ }
+ .hvr-overline-reveal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-overline-reveal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 0;
+ top : 0;
+ background : #2098d1;
+ height : 4px;
+ transform : translateY(-4px);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
+ transform : translateY(0);
+ }
+ .hvr-glow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ }
+ .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
+ box-shadow : 0 0 8px rgba(0, 0, 0, 0.6);
+ }
+ .hvr-shadow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ }
+ .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
+ box-shadow : 0 10px 10px -10px rgba(0, 0, 0, 0.5);
+ }
+ .hvr-grow-shadow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow, transform;
+ }
+ .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
+ box-shadow : 0 10px 10px -10px rgba(0, 0, 0, 0.5);
+ transform : scale(1.1);
+ }
+ .hvr-box-shadow-outset {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ }
+ .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
+ box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6);
+ }
+ .hvr-box-shadow-inset {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ box-shadow : 0 0 0 rgba(0, 0, 0, 0.6) inset, 0 0 1px transparent;
+ }
+ .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
+ box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6) inset, 0 0 1px transparent;
+ }
+ .hvr-float-shadow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-float-shadow:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ top : 100%;
+ left : 5%;
+ height : 10px;
+ width : 90%;
+ opacity : 0;
+ background : radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
+ transition-duration : 0.3s;
+ transition-property : transform, opacity;
+ }
+ .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
+ transform : translateY(-5px);
+ }
+ .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
+ opacity : 1;
+ transform : translateY(5px);
+ }
+ .hvr-shadow-radial {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-shadow-radial:before, .hvr-shadow-radial:after {
+ position : absolute;
+ content : '';
+ left : 0;
+ width : 100%;
+ box-sizing : border-box;
+ background-repeat : no-repeat;
+ height : 5px;
+ opacity : 0;
+ transition-duration : 0.3s;
+ transition-property : opacity;
+ }
+ .hvr-shadow-radial:before {
+ bottom : 100%;
+ background : radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
+ }
+ .hvr-shadow-radial:after {
+ top : 100%;
+ background : radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
+ }
+ .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
+ opacity : 1;
+ }
+ .hvr-bubble-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-bubble-top:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ border-style : solid;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ left : calc(50% - 10px);
+ top : 0;
+ border-width : 0 10px 10px 10px;
+ border-color : transparent transparent #e1e1e1 transparent;
+ }
+ .hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
+ transform : translateY(-10px);
+ }
+ .hvr-bubble-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-bubble-right:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ border-style : solid;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ top : calc(50% - 10px);
+ right : 0;
+ border-width : 10px 0 10px 10px;
+ border-color : transparent transparent transparent #e1e1e1;
+ }
+ .hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
+ transform : translateX(10px);
+ }
+ .hvr-bubble-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-bubble-bottom:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ border-style : solid;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ left : calc(50% - 10px);
+ bottom : 0;
+ border-width : 10px 10px 0 10px;
+ border-color : #e1e1e1 transparent transparent transparent;
+ }
+ .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
+ transform : translateY(10px);
+ }
+ .hvr-bubble-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-bubble-left:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ border-style : solid;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ top : calc(50% - 10px);
+ left : 0;
+ border-width : 10px 10px 10px 0;
+ border-color : transparent #e1e1e1 transparent transparent;
+ }
+ .hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
+ transform : translateX(-10px);
+ }
+ .hvr-bubble-float-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-top:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ left : calc(50% - 10px);
+ top : 0;
+ border-style : solid;
+ border-width : 0 10px 10px 10px;
+ border-color : transparent transparent #e1e1e1 transparent;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
+ transform : translateY(10px);
+ }
+ .hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
+ transform : translateY(-10px);
+ }
+ .hvr-bubble-float-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-right:before {
+ position : absolute;
+ z-index : -1;
+ top : calc(50% - 10px);
+ right : 0;
+ content : '';
+ border-style : solid;
+ border-width : 10px 0 10px 10px;
+ border-color : transparent transparent transparent #e1e1e1;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
+ transform : translateX(-10px);
+ }
+ .hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
+ transform : translateX(10px);
+ }
+ .hvr-bubble-float-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-bottom:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ left : calc(50% - 10px);
+ bottom : 0;
+ border-style : solid;
+ border-width : 10px 10px 0 10px;
+ border-color : #e1e1e1 transparent transparent transparent;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
+ transform : translateY(-10px);
+ }
+ .hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
+ transform : translateY(10px);
+ }
+ .hvr-bubble-float-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-left:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ top : calc(50% - 10px);
+ left : 0;
+ border-style : solid;
+ border-width : 10px 10px 10px 0;
+ border-color : transparent #e1e1e1 transparent transparent;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
+ transform : translateX(10px);
+ }
+ .hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
+ transform : translateX(-10px);
+ }
+ .hvr-icon-back {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-left : 2.2em;
+ transition-duration : 0.1s;
+ }
+ .hvr-icon-back:before {
+ content : "\f137";
+ position : absolute;
+ left : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.1s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
+ transform : translateX(-4px);
+ }
+ .hvr-icon-forward {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.1s;
+ }
+ .hvr-icon-forward:before {
+ content : "\f138";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.1s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
+ transform : translateX(4px);
+ }
+ @keyframes hvr-icon-down {
+ 0%, 50%, 100% {
+ transform : translateY(0);
+ }
+ 25%, 75% {
+ transform : translateY(6px);
+ }
+ }
+ .hvr-icon-down {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-down:before {
+ content : "\f01a";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {
+ animation-name : hvr-icon-down;
+ animation-duration : 0.75s;
+ animation-timing-function : ease-out;
+ }
+ @keyframes hvr-icon-up {
+ 0%, 50%, 100% {
+ transform : translateY(0);
+ }
+ 25%, 75% {
+ transform : translateY(-6px);
+ }
+ }
+ .hvr-icon-up {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-up:before {
+ content : "\f01b";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before {
+ animation-name : hvr-icon-up;
+ animation-duration : 0.75s;
+ animation-timing-function : ease-out;
+ }
+ .hvr-icon-spin {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-spin:before {
+ content : "\f021";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transition-duration : 1s;
+ transition-property : transform;
+ transition-timing-function : ease-in-out;
+ }
+ .hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {
+ transform : rotate(360deg);
+ }
+ @keyframes hvr-icon-drop {
+ 0% {
+ opacity : 0;
+ }
+ 50% {
+ opacity : 0;
+ transform : translateY(-100%);
+ }
+ 51%, 100% {
+ opacity : 1;
+ }
+ }
+ .hvr-icon-drop {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-drop:before {
+ content : "\f041";
+ position : absolute;
+ right : 1em;
+ opacity : 1;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
+ opacity : 0;
+ transition-duration : 0.3s;
+ animation-name : hvr-icon-drop;
+ animation-duration : 0.5s;
+ animation-delay : 0.3s;
+ animation-fill-mode : forwards;
+ animation-timing-function : ease-in-out;
+ animation-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-icon-fade {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-fade:before {
+ content : "\f00c";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.5s;
+ transition-property : color;
+ }
+ .hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {
+ color : #0F9E5E;
+ }
+ @keyframes hvr-icon-float-away {
+ 0% {
+ opacity : 1;
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(-1em);
+ }
+ }
+ .hvr-icon-float-away {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-float-away:before, .hvr-icon-float-away:after {
+ content : "\f055";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ }
+ .hvr-icon-float-away:after {
+ opacity : 0;
+ animation-duration : 0.5s;
+ animation-fill-mode : forwards;
+ }
+ .hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after {
+ animation-name : hvr-icon-float-away;
+ animation-timing-function : ease-out;
+ }
+ @keyframes hvr-icon-sink-away {
+ 0% {
+ opacity : 1;
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(1em);
+ }
+ }
+ .hvr-icon-sink-away {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
+ content : "\f056";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-sink-away:after {
+ opacity : 0;
+ animation-duration : 0.5s;
+ animation-fill-mode : forwards;
+ }
+ .hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {
+ animation-name : hvr-icon-sink-away;
+ animation-timing-function : ease-out;
+ }
+ .hvr-icon-grow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-grow:before {
+ content : "\f118";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before {
+ transform : scale(1.3) translateZ(0);
+ }
+ .hvr-icon-shrink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-shrink:before {
+ content : "\f119";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before {
+ transform : scale(0.8);
+ }
+ @keyframes hvr-icon-pulse {
+ 25% {
+ transform : scale(1.3);
+ }
+ 75% {
+ transform : scale(0.8);
+ }
+ }
+ .hvr-icon-pulse {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-pulse:before {
+ content : "\f015";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before {
+ animation-name : hvr-icon-pulse;
+ animation-duration : 1s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ }
+ @keyframes hvr-icon-pulse-grow {
+ to {
+ transform : scale(1.3);
+ }
+ }
+ .hvr-icon-pulse-grow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-pulse-grow:before {
+ content : "\f015";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {
+ animation-name : hvr-icon-pulse-grow;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ animation-direction : alternate;
+ }
+ @keyframes hvr-icon-pulse-shrink {
+ to {
+ transform : scale(0.8);
+ }
+ }
+ .hvr-icon-pulse-shrink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-pulse-shrink:before {
+ content : "\f015";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before {
+ animation-name : hvr-icon-pulse-shrink;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ animation-direction : alternate;
+ }
+ @keyframes hvr-icon-push {
+ 50% {
+ transform : scale(0.5);
+ }
+ }
+ .hvr-icon-push {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-push:before {
+ content : "\f006";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before {
+ animation-name : hvr-icon-push;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-icon-pop {
+ 50% {
+ transform : scale(1.5);
+ }
+ }
+ .hvr-icon-pop {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-pop:before {
+ content : "\f005";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before {
+ animation-name : hvr-icon-pop;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ .hvr-icon-bounce {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-bounce:before {
+ content : "\f087";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
+ transform : scale(1.5);
+ transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36);
+ }
+ .hvr-icon-rotate {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-rotate:before {
+ content : "\f0c6";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
+ transform : rotate(20deg);
+ }
+ .hvr-icon-grow-rotate {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-grow-rotate:before {
+ content : "\f095";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before {
+ transform : scale(1.5) rotate(12deg);
+ }
+ .hvr-icon-float {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-float:before {
+ content : "\f01b";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {
+ transform : translateY(-4px);
+ }
+ .hvr-icon-sink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-sink:before {
+ content : "\f01a";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before {
+ transform : translateY(4px);
+ }
+ @keyframes hvr-icon-bob {
+ 0% {
+ transform : translateY(-6px);
+ }
+ 50% {
+ transform : translateY(-2px);
+ }
+ 100% {
+ transform : translateY(-6px);
+ }
+ }
+ @keyframes hvr-icon-bob-float {
+ 100% {
+ transform : translateY(-6px);
+ }
+ }
+ .hvr-icon-bob {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-bob:before {
+ content : "\f077";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
+ animation-name : hvr-icon-bob-float, hvr-icon-bob;
+ animation-duration : 0.3s, 1.5s;
+ animation-delay : 0s, 0.3s;
+ animation-timing-function : ease-out, ease-in-out;
+ animation-iteration-count : 1, infinite;
+ animation-fill-mode : forwards;
+ animation-direction : normal, alternate;
+ }
+ @keyframes hvr-icon-hang {
+ 0% {
+ transform : translateY(6px);
+ }
+ 50% {
+ transform : translateY(2px);
+ }
+ 100% {
+ transform : translateY(6px);
+ }
+ }
+ @keyframes hvr-icon-hang-sink {
+ 100% {
+ transform : translateY(6px);
+ }
+ }
+ .hvr-icon-hang {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-hang:before {
+ content : "\f078";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {
+ animation-name : hvr-icon-hang-sink, hvr-icon-hang;
+ animation-duration : 0.3s, 1.5s;
+ animation-delay : 0s, 0.3s;
+ animation-timing-function : ease-out, ease-in-out;
+ animation-iteration-count : 1, infinite;
+ animation-fill-mode : forwards;
+ animation-direction : normal, alternate;
+ }
+ @keyframes hvr-icon-wobble-horizontal {
+ 16.65% {
+ transform : translateX(6px);
+ }
+ 33.3% {
+ transform : translateX(-5px);
+ }
+ 49.95% {
+ transform : translateX(4px);
+ }
+ 66.6% {
+ transform : translateX(-2px);
+ }
+ 83.25% {
+ transform : translateX(1px);
+ }
+ 100% {
+ transform : translateX(0);
+ }
+ }
+ .hvr-icon-wobble-horizontal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-wobble-horizontal:before {
+ content : "\f061";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
+ animation-name : hvr-icon-wobble-horizontal;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-icon-wobble-vertical {
+ 16.65% {
+ transform : translateY(6px);
+ }
+ 33.3% {
+ transform : translateY(-5px);
+ }
+ 49.95% {
+ transform : translateY(4px);
+ }
+ 66.6% {
+ transform : translateY(-2px);
+ }
+ 83.25% {
+ transform : translateY(1px);
+ }
+ 100% {
+ transform : translateY(0);
+ }
+ }
+ .hvr-icon-wobble-vertical {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-wobble-vertical:before {
+ content : "\f062";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before {
+ animation-name : hvr-icon-wobble-vertical;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-icon-buzz {
+ 50% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 100% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ }
+ .hvr-icon-buzz {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-buzz:before {
+ content : "\f017";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before {
+ animation-name : hvr-icon-buzz;
+ animation-duration : 0.15s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ }
+ @keyframes hvr-icon-buzz-out {
+ 10% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 20% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ 30% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 40% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ 50% {
+ transform : translateX(2px) rotate(1deg);
+ }
+ 60% {
+ transform : translateX(-2px) rotate(-1deg);
+ }
+ 70% {
+ transform : translateX(2px) rotate(1deg);
+ }
+ 80% {
+ transform : translateX(-2px) rotate(-1deg);
+ }
+ 90% {
+ transform : translateX(1px) rotate(0);
+ }
+ 100% {
+ transform : translateX(-1px) rotate(0);
+ }
+ }
+ .hvr-icon-buzz-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-buzz-out:before {
+ content : "\f023";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before {
+ animation-name : hvr-icon-buzz-out;
+ animation-duration : 0.75s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ .hvr-curl-top-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-curl-top-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-curl-top-right:before {
+ position : absolute;
+ content : '';
+ height : 0;
+ width : 0;
+ top : 0;
+ right : 0;
+ background : white;
+ background : linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
+ box-shadow : -1px 1px 1px rgba(0, 0, 0, 0.4);
+ transition-duration : 0.3s;
+ transition-property : width, height;
+ }
+ .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
+ width : 25px;
+ height : 25px;
+ }
+ .hvr-curl-bottom-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-curl-bottom-right:before {
+ position : absolute;
+ content : '';
+ height : 0;
+ width : 0;
+ bottom : 0;
+ right : 0;
+ background : white;
+ background : linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
+ box-shadow : -1px -1px 1px rgba(0, 0, 0, 0.4);
+ transition-duration : 0.3s;
+ transition-property : width, height;
+ }
+ .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
+ width : 25px;
+ height : 25px;
+ }
+ .hvr-curl-bottom-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-curl-bottom-left:before {
+ position : absolute;
+ content : '';
+ height : 0;
+ width : 0;
+ bottom : 0;
+ left : 0;
+ background : white;
+ background : linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
+ box-shadow : 1px -1px 1px rgba(0, 0, 0, 0.4);
+ transition-duration : 0.3s;
+ transition-property : width, height;
+ }
+ .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
+ width : 25px;
+ height : 25px;
+ }
+ .swiper-container {
+ margin : 0 auto;
+ position : relative;
+ overflow : hidden;
+ z-index : 1;
+ }
+ .swiper-container-no-flexbox .swiper-slide {
+ float : left;
+ }
+ .swiper-container-vertical > .swiper-wrapper {
+ flex-direction : column;
+ }
+ .swiper-wrapper {
+ position : relative;
+ width : 100%;
+ height : 100%;
+ z-index : 1;
+ display : flex;
+ transition-property : transform;
+ box-sizing : content-box;
+ }
+ .swiper-container-android .swiper-slide, .swiper-wrapper {
+ transform : translate3d(0,0,0);
+ }
+ .swiper-container-multirow > .swiper-wrapper {
+ flex-wrap : wrap;
+ }
+ .swiper-container-free-mode > .swiper-wrapper {
+ transition-timing-function : ease-out;
+ margin : 0 auto;
+ }
+ .swiper-slide {
+ flex-shrink : 0;
+ width : 100%;
+ height : 100%;
+ position : relative;
+ }
+ .swiper-container .swiper-notification {
+ position : absolute;
+ left : 0;
+ top : 0;
+ opacity : 0;
+ z-index : -1000;
+ }
+ .swiper-button-prev, .swiper-button-next, .swiper-button-prev-clients, .swiper-button-next-clients, .swiper-button-prev-small-youtube, .swiper-button-next-small-youtube {
+ position : absolute;
+ top : 50%;
+ width : 27px;
+ height : 44px;
+ margin-top : -22px;
+ z-index : 10;
+ cursor : pointer;
+ background-size : 27px 44px;
+ background-position : center;
+ background-repeat : no-repeat;
+ }
+ .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
+ opacity : 0.3499999940395355224609375;
+ cursor : auto;
+ }
+ .swiper-button-prev, .swiper-button-prev-clients, .swiper-button-prev-small-youtube, .swiper-container-rtl .swiper-button-next {
+ background-image : url("../img/prev.png");
+ left : 30px;
+ right : auto;
+ }
+ .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
+ }
+ .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
+ }
+ .swiper-button-next, .swiper-button-next-clients, .swiper-button-next-small-youtube, .swiper-container-rtl .swiper-button-prev {
+ background-image : url("../img/next.png");
+ right : 30px;
+ left : auto;
+ }
+ .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
+ }
+ .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
+ }
+ .swiper-pagination {
+ position : absolute;
+ text-align : center;
+ transition : 300ms;
+ transform : translate3d(0,0,0);
+ z-index : 10;
+ }
+ .swiper-pagination.swiper-pagination-hidden {
+ opacity : 0;
+ }
+ .swiper-pagination-bullet {
+ width : 8px;
+ height : 8px;
+ display : inline-block;
+ border-radius : 100%;
+ background : #000;
+ opacity : 0.20000000298023223876953125;
+ }
+ button.swiper-pagination-bullet {
+ border : none;
+ margin : 0;
+ padding : 0;
+ box-shadow : none;
+ }
+ .swiper-pagination-clickable .swiper-pagination-bullet {
+ cursor : pointer;
+ }
+ .swiper-pagination-white .swiper-pagination-bullet {
+ background : #fff;
+ }
+ .swiper-pagination-bullet-active {
+ opacity : 1;
+ background : #007aff;
+ }
+ .swiper-pagination-white .swiper-pagination-bullet-active {
+ background : #fff;
+ }
+ .swiper-pagination-black .swiper-pagination-bullet-active {
+ background : #000;
+ }
+ .swiper-container-vertical > .swiper-pagination {
+ right : 10px;
+ top : 50%;
+ transform : translate3d(0,-50%,0);
+ }
+ .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
+ margin : 5px 0;
+ display : block;
+ }
+ .swiper-container-horizontal > .swiper-pagination {
+ bottom : 10px;
+ left : 0;
+ width : 100%;
+ }
+ .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
+ margin : 0 5px;
+ }
+ .swiper-container-3d {
+ perspective : 1200px;
+ }
+ .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
+ transform-style : preserve-3d;
+ }
+ .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
+ position : absolute;
+ left : 0;
+ top : 0;
+ width : 100%;
+ height : 100%;
+ z-index : 10;
+ }
+ .swiper-container-3d .swiper-slide-shadow-left {
+ background-image : linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
+ }
+ .swiper-container-3d .swiper-slide-shadow-right {
+ background-image : linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
+ }
+ .swiper-container-3d .swiper-slide-shadow-top {
+ background-image : linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
+ }
+ .swiper-container-3d .swiper-slide-shadow-bottom {
+ background-image : linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
+ }
+ .swiper-container-fade.swiper-container-free-mode .swiper-slide {
+ transition-timing-function : ease-out;
+ }
+ .swiper-container-cube {
+ overflow : visible;
+ }
+ .swiper-container-cube .swiper-slide {
+ visibility : hidden;
+ transform-origin : 0 0;
+ backface-visibility : hidden;
+ width : 100%;
+ height : 100%;
+ z-index : 1;
+ }
+ .swiper-container-cube.swiper-container-rtl .swiper-slide {
+ transform-origin : 100% 0;
+ }
+ .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
+ visibility : visible;
+ }
+ .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right {
+ z-index : 0;
+ backface-visibility : hidden;
+ }
+ .swiper-container-cube .swiper-cube-shadow {
+ position : absolute;
+ left : 0;
+ bottom : 0;
+ width : 100%;
+ height : 100%;
+ background : #000;
+ opacity : 0.60000002384185791015625;
+ z-index : 0;
+ }
+ .swiper-scrollbar {
+ border-radius : 10px;
+ position : relative;
+ background : rgba(0, 0, 0, 0.1);
+ }
+ .swiper-container-horizontal > .swiper-scrollbar {
+ position : absolute;
+ left : 1%;
+ bottom : 3px;
+ z-index : 50;
+ height : 5px;
+ width : 98%;
+ }
+ .swiper-container-vertical > .swiper-scrollbar {
+ position : absolute;
+ right : 3px;
+ top : 1%;
+ z-index : 50;
+ width : 5px;
+ height : 98%;
+ }
+ .swiper-scrollbar-drag {
+ height : 100%;
+ width : 100%;
+ position : relative;
+ background : rgba(0, 0, 0, 0.5);
+ border-radius : 10px;
+ left : 0;
+ top : 0;
+ }
+ .swiper-scrollbar-cursor-drag {
+ cursor : move;
+ }
+ .swiper-lazy-preloader {
+ width : 42px;
+ height : 42px;
+ position : absolute;
+ left : 50%;
+ top : 50%;
+ margin-left : -21px;
+ margin-top : -21px;
+ z-index : 10;
+ transform-origin : 50%;
+ animation : swiper-preloader-spin 1s steps(12,end) infinite;
+ }
+ .swiper-lazy-preloader:after {
+ display : block;
+ content : "";
+ width : 100%;
+ height : 100%;
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+ background-position : 50%;
+ background-size : 100%;
+ background-repeat : no-repeat;
+ }
+ .swiper-lazy-preloader-white:after {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+ }
+ @keyframes swiper-preloader-spin {
+ 100% {
+ transform : rotate(360deg);
+ }
+ }
+ .mfp-bg {
+ top : 0;
+ left : 0;
+ width : 100%;
+ height : 100%;
+ z-index : 99999;
+ overflow : hidden;
+ position : fixed;
+ background : #0b0b0b;
+ opacity : 0.800000011920928955078125;
+ }
+ .mfp-wrap {
+ top : 0;
+ left : 0;
+ width : 100%;
+ height : 100%;
+ z-index : 999999;
+ position : fixed;
+ outline : none !important ;
+ }
+ .mfp-container {
+ text-align : center;
+ position : absolute;
+ width : 100%;
+ height : 100%;
+ left : 0;
+ top : 0;
+ padding : 0 8px;
+ box-sizing : border-box;
+ }
+ .mfp-container:before {
+ content : '';
+ display : inline-block;
+ height : 100%;
+ vertical-align : middle;
+ }
+ .mfp-align-top .mfp-container:before {
+ display : none;
+ }
+ .mfp-content {
+ position : relative;
+ display : inline-block;
+ vertical-align : middle;
+ margin : 0 auto;
+ text-align : left;
+ z-index : 9999999;
+ }
+ .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
+ width : 100%;
+ cursor : auto;
+ }
+ .mfp-ajax-cur {
+ cursor : progress;
+ }
+ .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
+ cursor : zoom-out;
+ }
+ .mfp-zoom {
+ cursor : pointer;
+ cursor : zoom-in;
+ }
+ .mfp-auto-cursor .mfp-content {
+ cursor : auto;
+ }
+ .mfp-loading.mfp-figure {
+ display : none;
+ }
+ .mfp-hide {
+ display : none !important ;
+ }
+ .mfp-preloader {
+ color : #CCC;
+ position : absolute;
+ top : 50%;
+ width : auto;
+ text-align : center;
+ margin-top : -0.8em;
+ left : 8px;
+ right : 8px;
+ z-index : 999999;
+ }
+ .mfp-preloader a {
+ color : #CCC;
+ }
+ .mfp-preloader a:hover {
+ color : #FFF;
+ }
+ .mfp-s-ready .mfp-preloader {
+ display : none;
+ }
+ .mfp-s-error .mfp-content {
+ display : none;
+ }
+ button.mfp-close, button.mfp-arrow {
+ overflow : visible;
+ cursor : pointer;
+ background : transparent;
+ border : 0;
+ display : block;
+ outline : none;
+ padding : 0;
+ z-index : 99999999;
+ box-shadow : none;
+ }
+ button::-moz-focus-inner {
+ padding : 0;
+ border : 0;
+ }
+ .mfp-close {
+ width : 44px;
+ height : 44px;
+ line-height : 44px;
+ position : absolute;
+ right : 0;
+ top : 0;
+ text-decoration : none;
+ text-align : center;
+ opacity : 0.64999997615814208984375;
+ padding : 0 0 18px 10px;
+ color : #FFF;
+ font-style : normal;
+ font-size : 28px;
+ font-family : Arial, Baskerville, monospace;
+ }
+ .mfp-close:hover, .mfp-close:focus {
+ opacity : 1;
+ }
+ .mfp-close:active {
+ top : 1px;
+ }
+ .mfp-close-btn-in .mfp-close {
+ color : #333;
+ }
+ .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
+ color : #FFF;
+ right : -6px;
+ text-align : right;
+ padding-right : 6px;
+ width : 100%;
+ }
+ .mfp-counter {
+ position : absolute;
+ top : 0;
+ right : 0;
+ color : #CCC;
+ font-size : 12px;
+ line-height : 18px;
+ white-space : nowrap;
+ }
+ .mfp-arrow {
+ position : absolute;
+ opacity : 0.64999997615814208984375;
+ margin : 0;
+ top : 50%;
+ margin-top : -55px;
+ padding : 0;
+ width : 90px;
+ height : 110px;
+ }
+ .mfp-arrow:active {
+ margin-top : -54px;
+ }
+ .mfp-arrow:hover, .mfp-arrow:focus {
+ opacity : 1;
+ }
+ .mfp-arrow:before, .mfp-arrow:after {
+ content : '';
+ display : block;
+ width : 0;
+ height : 0;
+ position : absolute;
+ left : 0;
+ top : 0;
+ margin-top : 35px;
+ margin-left : 35px;
+ border : transparent inset medium;
+ }
+ .mfp-arrow:after {
+ border-top-width : 13px;
+ border-bottom-width : 13px;
+ top : 8px;
+ }
+ .mfp-arrow:before {
+ border-top-width : 21px;
+ border-bottom-width : 21px;
+ opacity : 0.699999988079071044921875;
+ }
+ .mfp-arrow-left {
+ left : 0;
+ }
+ .mfp-arrow-left:after {
+ border-right : 17px solid #FFF;
+ margin-left : 31px;
+ }
+ .mfp-arrow-left:before {
+ margin-left : 25px;
+ border-right : 27px solid #3F3F3F;
+ }
+ .mfp-arrow-right {
+ right : 0;
+ }
+ .mfp-arrow-right:after {
+ border-left : 17px solid #FFF;
+ margin-left : 39px;
+ }
+ .mfp-arrow-right:before {
+ border-left : 27px solid #3F3F3F;
+ }
+ .mfp-iframe-holder {
+ padding-top : 40px;
+ padding-bottom : 40px;
+ }
+ .mfp-iframe-holder .mfp-content {
+ line-height : 0;
+ width : 100%;
+ max-width : 900px;
+ }
+ .mfp-iframe-holder .mfp-close {
+ top : -40px;
+ }
+ .mfp-iframe-scaler {
+ width : 100%;
+ height : 0;
+ overflow : hidden;
+ padding-top : 56.25%;
+ }
+ .mfp-iframe-scaler iframe {
+ position : absolute;
+ display : block;
+ top : 0;
+ left : 0;
+ width : 100%;
+ height : 100%;
+ box-shadow : 0 0 8px rgba(0, 0, 0, 0.6);
+ background : #000;
+ }
+ img.mfp-img {
+ width : auto;
+ max-width : 100%;
+ height : auto;
+ display : block;
+ line-height : 0;
+ box-sizing : border-box;
+ padding : 40px 0 40px;
+ margin : 0 auto;
+ }
+ .mfp-figure {
+ line-height : 0;
+ }
+ .mfp-figure:after {
+ content : '';
+ position : absolute;
+ left : 0;
+ top : 40px;
+ bottom : 40px;
+ display : block;
+ right : 0;
+ width : auto;
+ height : auto;
+ z-index : -1;
+ box-shadow : 0 0 8px rgba(0, 0, 0, 0.6);
+ background : #444;
+ }
+ .mfp-figure small {
+ color : #BDBDBD;
+ display : block;
+ font-size : 12px;
+ line-height : 14px;
+ }
+ .mfp-figure figure {
+ margin : 0;
+ }
+ .mfp-bottom-bar {
+ margin-top : -36px;
+ position : absolute;
+ top : 100%;
+ left : 0;
+ width : 100%;
+ cursor : auto;
+ }
+ .mfp-title {
+ text-align : left;
+ line-height : 18px;
+ color : #F3F3F3;
+ overflow-wrap : break-word;
+ padding-right : 36px;
+ }
+ .mfp-image-holder .mfp-content {
+ max-width : 100%;
+ }
+ .mfp-gallery .mfp-image-holder .mfp-figure {
+ cursor : pointer;
+ }
+ @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
+ .mfp-img-mobile .mfp-image-holder {
+ padding-left : 0;
+ padding-right : 0;
+ }
+ .mfp-img-mobile img.mfp-img {
+ padding : 0;
+ }
+ .mfp-img-mobile .mfp-figure:after {
+ top : 0;
+ bottom : 0;
+ }
+ .mfp-img-mobile .mfp-figure small {
+ display : inline;
+ margin-left : 5px;
+ }
+ .mfp-img-mobile .mfp-bottom-bar {
+ background : rgba(0, 0, 0, 0.6);
+ bottom : 0;
+ margin : 0;
+ top : auto;
+ padding : 3px 5px;
+ position : fixed;
+ box-sizing : border-box;
+ }
+ .mfp-img-mobile .mfp-bottom-bar:empty {
+ padding : 0;
+ }
+ .mfp-img-mobile .mfp-counter {
+ right : 5px;
+ top : 3px;
+ }
+ .mfp-img-mobile .mfp-close {
+ top : 0;
+ right : 0;
+ width : 35px;
+ height : 35px;
+ line-height : 35px;
+ background : rgba(0, 0, 0, 0.6);
+ position : fixed;
+ text-align : center;
+ padding : 0;
+ }
+ }
+ @media all and (max-width:900px) {
+ .mfp-arrow {
+ transform : scale(0.75);
+ }
+ .mfp-arrow-left {
+ transform-origin : 0;
+ }
+ .mfp-arrow-right {
+ transform-origin : 100%;
+ }
+ .mfp-container {
+ padding-left : 6px;
+ padding-right : 6px;
+ }
+ }
+ .animated {
+ animation-duration : 1s;
+ animation-fill-mode : both;
+ }
+ .slow {
+ animation-duration : 1.5s;
+ animation-fill-mode : both;
+ }
+ .slower {
+ animation-duration : 2s;
+ animation-fill-mode : both;
+ }
+ .slowest {
+ animation-duration : 3s;
+ animation-fill-mode : both;
+ }
+ .delay-250 {
+ animation-delay : 0.25s;
+ }
+ .delay-500 {
+ animation-delay : 0.5s;
+ }
+ .delay-750 {
+ animation-delay : 0.75s;
+ }
+ .delay-1000 {
+ animation-delay : 1.0s;
+ }
+ .delay-1250 {
+ animation-delay : 1.25s;
+ }
+ .delay-1500 {
+ animation-delay : 1.5s;
+ }
+ .delay-1750 {
+ animation-delay : 1.75s;
+ }
+ .delay-2000 {
+ animation-delay : 2.0s;
+ }
+ .delay-2500 {
+ animation-delay : 2.5s;
+ }
+ .delay-2000 {
+ animation-delay : 2.0s;
+ }
+ .delay-2500 {
+ animation-delay : 2.5s;
+ }
+ .delay-3000 {
+ animation-delay : 3.0s;
+ }
+ .delay-3500 {
+ animation-delay : 3.5s;
+ }
+ .bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ .fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ .flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn {
+ opacity : 0;
+ }
+ .lightSpeedInRight, .lightSpeedInLeft {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ @keyframes bounceIn {
+ 0% {
+ opacity : 0;
+ transform : scale(0.3);
+ }
+ 50% {
+ opacity : 1;
+ transform : scale(1.05);
+ }
+ 70% {
+ transform : scale(0.9);
+ }
+ 100% {
+ transform : scale(1);
+ }
+ }
+ .bounceIn.go {
+ animation-name : bounceIn;
+ }
+ @keyframes bounceInRight {
+ 0% {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ 60% {
+ transform : translateX(-30px);
+ }
+ 80% {
+ transform : translateX(10px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .bounceInRight.go {
+ animation-name : bounceInRight;
+ }
+ @keyframes bounceInLeft {
+ 0% {
+ opacity : 0;
+ transform : translateX(-400px);
+ }
+ 60% {
+ transform : translateX(30px);
+ }
+ 80% {
+ transform : translateX(-10px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .bounceInLeft.go {
+ animation-name : bounceInLeft;
+ }
+ @keyframes bounceInUp {
+ 0% {
+ opacity : 0;
+ transform : translateY(400px);
+ }
+ 60% {
+ transform : translateY(-30px);
+ }
+ 80% {
+ transform : translateY(10px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .bounceInUp.go {
+ animation-name : bounceInUp;
+ }
+ @keyframes bounceInDown {
+ 0% {
+ opacity : 0;
+ transform : translateY(-400px);
+ }
+ 60% {
+ transform : translateY(30px);
+ }
+ 80% {
+ transform : translateY(-10px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .bounceInDown.go {
+ animation-name : bounceInDown;
+ }
+ @keyframes fadeIn {
+ 0% {
+ opacity : 0;
+ }
+ 100% {
+ opacity : 1;
+ display : block;
+ }
+ }
+ .fadeIn {
+ opacity : 0;
+ }
+ .fadeIn.go {
+ animation-name : fadeIn;
+ }
+ @keyframes growIn {
+ 0% {
+ transform : scale(0.2);
+ opacity : 0;
+ }
+ 50% {
+ transform : scale(1.2);
+ }
+ 100% {
+ transform : scale(1);
+ opacity : 1;
+ }
+ }
+ .growIn {
+ transform : scale(0.2);
+ opacity : 0;
+ }
+ .growIn.go {
+ animation-name : growIn;
+ }
+ @keyframes shake {
+ 0%, 100% {
+ transform : translateX(0);
+ }
+ 10%, 30%, 50%, 70%, 90% {
+ transform : translateX(-10px);
+ }
+ 20%, 40%, 60%, 80% {
+ transform : translateX(10px);
+ }
+ }
+ .shake.go {
+ animation-name : shake;
+ }
+ @keyframes shakeUp {
+ 0%, 100% {
+ transform : translateY(0);
+ }
+ 10%, 30%, 50%, 70%, 90% {
+ transform : translateY(-10px);
+ }
+ 20%, 40%, 60%, 80% {
+ transform : translateY(10px);
+ }
+ }
+ .shakeUp.go {
+ animation-name : shakeUp;
+ }
+ @keyframes fadeInLeft {
+ 0% {
+ opacity : 0;
+ transform : translateX(-400px);
+ }
+ 50% {
+ opacity : 0.300000011920928955078125;
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .fadeInLeft {
+ opacity : 0;
+ transform : translateX(-400px);
+ }
+ .fadeInLeft.go {
+ animation-name : fadeInLeft;
+ }
+ @keyframes fadeInRight {
+ 0% {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ 50% {
+ opacity : 0.300000011920928955078125;
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .fadeInRight {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ .fadeInRight.go {
+ animation-name : fadeInRight;
+ }
+ @keyframes fadeInUp {
+ 0% {
+ opacity : 0;
+ transform : translateY(400px);
+ }
+ 50% {
+ opacity : 0.300000011920928955078125;
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .fadeInUp {
+ opacity : 0;
+ transform : translateY(400px);
+ }
+ .fadeInUp.go {
+ animation-name : fadeInUp;
+ }
+ @keyframes fadeInDown {
+ 0% {
+ opacity : 0;
+ transform : translateY(-400px);
+ }
+ 50% {
+ opacity : 0.300000011920928955078125;
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .fadeInDown {
+ opacity : 0;
+ transform : translateY(-400px);
+ }
+ .fadeInDown.go {
+ animation-name : fadeInDown;
+ }
+ @keyframes rotateIn {
+ 0% {
+ transform-origin : center center;
+ transform : rotate(-200deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : center center;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateIn.go {
+ animation-name : rotateIn;
+ }
+ @keyframes rotateInUpLeft {
+ 0% {
+ transform-origin : left bottom;
+ transform : rotate(90deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : left bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateInUpLeft.go {
+ animation-name : rotateInUpLeft;
+ }
+ @keyframes rotateInDownLeft {
+ 0% {
+ transform-origin : left bottom;
+ transform : rotate(-90deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : left bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateInDownLeft.go {
+ animation-name : rotateInDownLeft;
+ }
+ @keyframes rotateInUpRight {
+ 0% {
+ transform-origin : right bottom;
+ transform : rotate(-90deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : right bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateInUpRight.go {
+ animation-name : rotateInUpRight;
+ }
+ @keyframes rotateInDownRight {
+ 0% {
+ transform-origin : right bottom;
+ transform : rotate(90deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : right bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateInDownRight.go {
+ animation-name : rotateInDownRight;
+ }
+ @keyframes rollIn {
+ 0% {
+ opacity : 0;
+ transform : translateX(-100%) rotate(-120deg);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0) rotate(0deg);
+ }
+ }
+ .rollIn.go {
+ animation-name : rollIn;
+ }
+ @keyframes wiggle {
+ 0% {
+ transform : skewX(9deg);
+ }
+ 10% {
+ transform : skewX(-8deg);
+ }
+ 20% {
+ transform : skewX(7deg);
+ }
+ 30% {
+ transform : skewX(-6deg);
+ }
+ 40% {
+ transform : skewX(5deg);
+ }
+ 50% {
+ transform : skewX(-4deg);
+ }
+ 60% {
+ transform : skewX(3deg);
+ }
+ 70% {
+ transform : skewX(-2deg);
+ }
+ 80% {
+ transform : skewX(1deg);
+ }
+ 90% {
+ transform : skewX(0deg);
+ }
+ 100% {
+ transform : skewX(0deg);
+ }
+ }
+ .wiggle.go {
+ animation-name : wiggle;
+ animation-timing-function : ease-in;
+ }
+ @keyframes swing {
+ 20% {
+ transform : rotate(15deg);
+ }
+ 40% {
+ transform : rotate(-10deg);
+ }
+ 60% {
+ transform : rotate(5deg);
+ }
+ 80% {
+ transform : rotate(-5deg);
+ }
+ 100% {
+ transform : rotate(0deg);
+ }
+ }
+ .swing.go {
+ transform-origin : top center;
+ animation-name : swing;
+ }
+ @keyframes tada {
+ 0% {
+ transform : scale(1);
+ }
+ 10%, 20% {
+ transform : scale(0.9) rotate(-3deg);
+ }
+ 30%, 50%, 70%, 90% {
+ transform : scale(1.1) rotate(3deg);
+ }
+ 40%, 60%, 80% {
+ transform : scale(1.1) rotate(-3deg);
+ }
+ 100% {
+ transform : scale(1) rotate(0);
+ }
+ }
+ .tada.go {
+ animation-name : tada;
+ }
+ @keyframes wobble {
+ 0% {
+ transform : translateX(0%);
+ }
+ 15% {
+ transform : translateX(-25%) rotate(-5deg);
+ }
+ 30% {
+ transform : translateX(20%) rotate(3deg);
+ }
+ 45% {
+ transform : translateX(-15%) rotate(-3deg);
+ }
+ 60% {
+ transform : translateX(10%) rotate(2deg);
+ }
+ 75% {
+ transform : translateX(-5%) rotate(-1deg);
+ }
+ 100% {
+ transform : translateX(0%);
+ }
+ }
+ .wobble.go {
+ animation-name : wobble;
+ }
+ @keyframes pulse {
+ 0% {
+ transform : scale(1);
+ }
+ 50% {
+ transform : scale(1.1);
+ }
+ 100% {
+ transform : scale(1);
+ }
+ }
+ .pulse.go {
+ animation-name : pulse;
+ }
+ @keyframes lightSpeedInRight {
+ 0% {
+ transform : translateX(100%) skewX(-30deg);
+ opacity : 0;
+ }
+ 60% {
+ transform : translateX(-20%) skewX(30deg);
+ opacity : 1;
+ }
+ 80% {
+ transform : translateX(0%) skewX(-15deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : translateX(0%) skewX(0deg);
+ opacity : 1;
+ }
+ }
+ .lightSpeedInRight.go {
+ animation-name : lightSpeedInRight;
+ animation-timing-function : ease-out;
+ }
+ @keyframes lightSpeedInLeft {
+ 0% {
+ transform : translateX(-100%) skewX(30deg);
+ opacity : 0;
+ }
+ 60% {
+ transform : translateX(20%) skewX(-30deg);
+ opacity : 1;
+ }
+ 80% {
+ transform : translateX(0%) skewX(15deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : translateX(0%) skewX(0deg);
+ opacity : 1;
+ }
+ }
+ .lightSpeedInLeft.go {
+ animation-name : lightSpeedInLeft;
+ animation-timing-function : ease-out;
+ }
+ @keyframes flip {
+ 0% {
+ transform : perspective(400px) rotateY(0);
+ animation-timing-function : ease-out;
+ }
+ 40% {
+ transform : perspective(400px) translateZ(150px) rotateY(170deg);
+ animation-timing-function : ease-out;
+ }
+ 50% {
+ transform : perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
+ animation-timing-function : ease-in;
+ }
+ 80% {
+ transform : perspective(400px) rotateY(360deg) scale(0.95);
+ animation-timing-function : ease-in;
+ }
+ 100% {
+ transform : perspective(400px) scale(1);
+ animation-timing-function : ease-in;
+ }
+ }
+ .flip.go {
+ backface-visibility : visible !important ;
+ animation-name : flip;
+ }
+ @keyframes flipInX {
+ 0% {
+ transform : perspective(400px) rotateX(90deg);
+ opacity : 0;
+ }
+ 40% {
+ transform : perspective(400px) rotateX(-10deg);
+ }
+ 70% {
+ transform : perspective(400px) rotateX(10deg);
+ }
+ 100% {
+ transform : perspective(400px) rotateX(0deg);
+ opacity : 1;
+ }
+ }
+ .flipInX.go {
+ backface-visibility : visible !important ;
+ animation-name : flipInX;
+ }
+ @keyframes flipInY {
+ 0% {
+ transform : perspective(400px) rotateY(90deg);
+ opacity : 0;
+ }
+ 40% {
+ transform : perspective(400px) rotateY(-10deg);
+ }
+ 70% {
+ transform : perspective(400px) rotateY(10deg);
+ }
+ 100% {
+ transform : perspective(400px) rotateY(0deg);
+ opacity : 1;
+ }
+ }
+ .flipInY.go {
+ backface-visibility : visible !important ;
+ animation-name : flipInY;
+ }
+ @keyframes bounceOut {
+ 0% {
+ transform : scale(1);
+ }
+ 25% {
+ transform : scale(0.95);
+ }
+ 50% {
+ opacity : 1;
+ transform : scale(1.1);
+ }
+ 100% {
+ opacity : 0;
+ transform : scale(0.3);
+ }
+ }
+ .bounceOut.goAway {
+ animation-name : bounceOut;
+ }
+ @keyframes bounceOutUp {
+ 0% {
+ transform : translateY(0);
+ }
+ 20% {
+ opacity : 1;
+ transform : translateY(20px);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(-2000px);
+ }
+ }
+ .bounceOutUp.goAway {
+ animation-name : bounceOutUp;
+ }
+ @keyframes bounceOutDown {
+ 0% {
+ transform : translateY(0);
+ }
+ 20% {
+ opacity : 1;
+ transform : translateY(-20px);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(2000px);
+ }
+ }
+ .bounceOutDown.goAway {
+ animation-name : bounceOutDown;
+ }
+ @keyframes bounceOutLeft {
+ 0% {
+ transform : translateX(0);
+ }
+ 20% {
+ opacity : 1;
+ transform : translateX(20px);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(-2000px);
+ }
+ }
+ .bounceOutLeft.goAway {
+ animation-name : bounceOutLeft;
+ }
+ @keyframes bounceOutRight {
+ 0% {
+ transform : translateX(0);
+ }
+ 20% {
+ opacity : 1;
+ transform : translateX(-20px);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(2000px);
+ }
+ }
+ .bounceOutRight.goAway {
+ animation-name : bounceOutRight;
+ }
+ @keyframes fadeOut {
+ 0% {
+ opacity : 1;
+ }
+ 100% {
+ opacity : 0;
+ }
+ }
+ .fadeOut.goAway {
+ animation-name : fadeOut;
+ }
+ @keyframes fadeOutUp {
+ 0% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(-2000px);
+ }
+ }
+ .fadeOutUp.goAway {
+ animation-name : fadeOutUp;
+ }
+ @keyframes fadeOutDown {
+ 0% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(2000px);
+ }
+ }
+ .fadeOutDown.goAway {
+ animation-name : fadeOutDown;
+ }
+ @keyframes fadeOutLeft {
+ 0% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(-2000px);
+ }
+ }
+ .fadeOutLeft.goAway {
+ animation-name : fadeOutLeft;
+ }
+ @keyframes fadeOutRight {
+ 0% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(2000px);
+ }
+ }
+ .fadeOutRight.goAway {
+ animation-name : fadeOutRight;
+ }
+ @keyframes flipOutX {
+ 0% {
+ transform : perspective(400px) rotateX(0deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : perspective(400px) rotateX(90deg);
+ opacity : 0;
+ }
+ }
+ .flipOutX.goAway {
+ animation-name : flipOutX;
+ backface-visibility : visible !important ;
+ }
+ @keyframes flipOutY {
+ 0% {
+ transform : perspective(400px) rotateY(0deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : perspective(400px) rotateY(90deg);
+ opacity : 0;
+ }
+ }
+ .flipOutY {
+ backface-visibility : visible !important ;
+ animation-name : flipOutY;
+ }
+ @keyframes lightSpeedOutRight {
+ 0% {
+ transform : translateX(0%) skewX(0deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : translateX(100%) skewX(-30deg);
+ opacity : 0;
+ }
+ }
+ .lightSpeedOutRight.goAway {
+ animation-name : lightSpeedOutRight;
+ animation-timing-function : ease-in;
+ }
+ @keyframes lightSpeedOutLeft {
+ 0% {
+ transform : translateX(0%) skewX(0deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : translateX(-100%) skewX(30deg);
+ opacity : 0;
+ }
+ }
+ .lightSpeedOutLeft.goAway {
+ animation-name : lightSpeedOutLeft;
+ animation-timing-function : ease-in;
+ }
+ @keyframes rotateOut {
+ 0% {
+ transform-origin : center center;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ 100% {
+ transform-origin : center center;
+ transform : rotate(200deg);
+ opacity : 0;
+ }
+ }
+ .rotateOut.goAway {
+ animation-name : rotateOut;
+ }
+ @keyframes rotateOutUpLeft {
+ 0% {
+ transform-origin : left bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ 100% {
+ opacity : 0;
+ }
+ }
+ .rotateOutUpLeft.goAway {
+ animation-name : rotateOutUpLeft;
+ }
+ @keyframes rotateOutDownLeft {
+ 0% {
+ transform-origin : left bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ 100% {
+ transform-origin : left bottom;
+ transform : rotate(90deg);
+ opacity : 0;
+ }
+ }
+ .rotateOutDownLeft.goAway {
+ animation-name : rotateOutDownLeft;
+ }
+ @keyframes rotateOutUpRight {
+ 0% {
+ transform-origin : right bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ 100% {
+ transform-origin : right bottom;
+ transform : rotate(90deg);
+ opacity : 0;
+ }
+ }
+ .rotateOutUpRight.goAway {
+ animation-name : rotateOutUpRight;
+ }
+ @keyframes rollOut {
+ 0% {
+ opacity : 1;
+ transform : translateX(0) rotate(0deg);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(100%) rotate(120deg);
+ }
+ }
+ .rollOut.goAway {
+ animation-name : rollOut;
+ }
+ @keyframes fadeInUpShort {
+ 0% {
+ opacity : 0;
+ transform : translateY(20px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .fadeInUpShort {
+ opacity : 0;
+ transform : translateY(20px);
+ }
+ .fadeInUpShort.go {
+ animation-name : fadeInUpShort;
+ }
+ @keyframes fadeInDownShort {
+ 0% {
+ opacity : 0;
+ transform : translateY(-20px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .fadeInDownShort {
+ opacity : 0;
+ transform : translateY(-20px);
+ }
+ .fadeInDownShort.go {
+ animation-name : fadeInDownShort;
+ }
+ @keyframes fadeInRightShort {
+ 0% {
+ opacity : 0;
+ transform : translateX(20px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .fadeInRightShort {
+ opacity : 0;
+ transform : translateX(20px);
+ }
+ .fadeInRightShort.go {
+ animation-name : fadeInRightShort;
+ }
+ @keyframes fadeInLeftShort {
+ 0% {
+ opacity : 0;
+ transform : translateX(-20px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .fadeInLeftShort {
+ opacity : 0;
+ transform : translateX(-20px);
+ }
+ .fadeInLeftShort.go {
+ animation-name : fadeInLeftShort;
+ }
+ .logo-slider {
+ margin-bottom : 50px;
+ }
+ .logo-slider p {
+ margin : 0 0 40px 0;
+ }
+ @media screen and (max-width:420px) {
+ .logo-slider p {
+ margin : 0 0 25px 0;
+ }
+ .logo-slider .swiper-slide {
+ text-align : center;
+ }
+ }
+ .clients {
+ background : url(../dummy/clients.jpg);
+ padding : 40px 0;
+ margin-bottom : 50px;
+ background-size : cover !important ;
+ }
+ .clients .inner.small, .clients .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .clients .tx-felogin-pi1-inner {
+ padding : 0 60px;
+ }
+ .clients h2, .clients .ce-table table caption, .ce-table table .clients caption {
+ margin-bottom : 50px;
+ color : #fff;
+ }
+ .clients p {
+ color : #fff;
+ text-align : center;
+ }
+ .clients p strong {
+ display : block;
+ margin-bottom : 3px;
+ }
+ .clients p + p {
+ margin-top : 20px;
+ }
+ @media screen and (max-width:600px) {
+ .clients .inner.small, .clients .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .clients .tx-felogin-pi1-inner {
+ padding : 0 40px;
+ }
+ .clients .swiper-button-next-clients {
+ right : 10px;
+ height : 26px;
+ width : 15px;
+ margin-top : -13px;
+ background-size : 15px 26px;
+ }
+ .clients .swiper-button-prev-clients {
+ left : 10px;
+ height : 26px;
+ width : 15px;
+ margin-top : -13px;
+ background-size : 15px 26px;
+ }
+ }
+ .unterseiten-banner {
+ text-align : center;
+ padding : 50px 0 50px 0;
+ background : url(../dummy/banner.jpg) no-repeat #767679;
+ background-position : center !important ;
+ margin-bottom : 50px;
+ min-height : 200px;
+ background-repeat : no-repeat !important ;
+ background-size : cover !important ;
+ }
+ .unterseiten-banner + .breadcrumbContainer {
+ margin-top : -50px;
+ margin-bottom : 50px;
+ }
+ .unterseiten-banner p {
+ color : #fff;
+ }
+ .unterseiten-banner a {
+ margin-top : 20px;
+ }
+ .unterseiten-banner.arrow {
+ position : relative;
+ }
+ .unterseiten-banner.arrow:after, .unterseiten-banner.arrow:before {
+ top : 0;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .unterseiten-banner.arrow:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .unterseiten-banner.arrow:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .unterseiten-banner.arrowGrey {
+ position : relative;
+ }
+ .unterseiten-banner.arrowGrey:after, .unterseiten-banner.arrowGrey:before {
+ top : 0;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .unterseiten-banner.arrowGrey:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #333;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .unterseiten-banner.arrowGrey:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #333;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .ce-twoCol-Box {
+ padding : 0;
+ margin-bottom : 50px;
+ }
+ .ce-twoCol-Box.addPadding {
+ padding : 40px 0;
+ }
+ .ce-twoCol-Box .texttop {
+ margin-bottom : 40px;
+ }
+ .ce-twoCol-Box .texttop h1, .ce-twoCol-Box .texttop h2, .ce-twoCol-Box .texttop .ce-table table caption, .ce-table table .ce-twoCol-Box .texttop caption, .ce-twoCol-Box .texttop h3, .ce-twoCol-Box .texttop h4 {
+ margin-bottom : 0;
+ }
+ .ce-twoCol-Box .boxen .arrowlink:hover:after, .ce-twoCol-Box .boxen .thirdSection .right a:hover:after, .thirdSection .right .ce-twoCol-Box .boxen a:hover:after {
+ display : inline-block;
+ text-decoration : none !important ;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div {
+ float : left;
+ width : calc(100% / 2);
+ padding-right : 95px;
+ position : relative;
+ text-align : right;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div .headlineH2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #report fieldset legend:after, .tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .headlineH2Center:after, .ce-twoCol-Box .boxen.withFontAwesome > div .service-formular fieldset .powermail_legend:after, .service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome > div .powermail_legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .latest-news-container h2:after, .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .latest-news-container .ce-table table caption:after, .latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .latest-news-container caption:after, .ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout h1:after, .mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome > div h1:after {
+ margin : 10px 0 0 auto;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div .smallHeadlineWithUnderline:after {
+ margin : 5px 0 0 auto;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div > i {
+ position : absolute;
+ top : 0;
+ right : 15px;
+ padding : 10px;
+ padding-top : 18px;
+ background : #c6c6c6;
+ border-radius : 50px;
+ height : 60px;
+ width : 60px;
+ text-align : center;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div > i:before {
+ vertical-align : middle;
+ font-size : 24px;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) > i {
+ right : auto;
+ left : 15px;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .smallHeadlineWithUnderline:after {
+ margin : 5px auto 0 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p i {
+ padding-left : 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p + ul {
+ margin-top : 15px;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p.align-left {
+ text-align : left;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p.align-right {
+ text-align : right;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p.align-center {
+ text-align : center;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div a {
+ color : #0067b1;
+ text-decoration : none;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div a:hover {
+ text-decoration : underline;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(n 3) {
+ margin-top : 45px;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) {
+ padding-right : 0;
+ padding-left : 95px;
+ text-align : left;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .headlineH2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #report fieldset legend:after, .tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .headlineH2Center:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .service-formular fieldset .powermail_legend:after, .service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .powermail_legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .latest-news-container h2:after, .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .latest-news-container .ce-table table caption:after, .latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .latest-news-container caption:after, .ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout h1:after, .mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h1:after {
+ margin : 10px auto 0 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) span {
+ right : auto;
+ left : 15px;
+ }
+ @media screen and (max-width:800px) {
+ .ce-twoCol-Box .boxen.withFontAwesome > div {
+ float : none;
+ width : 100%;
+ margin-right : 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div + div {
+ margin-top : 40px !important ;
+ }
+ }
+ @media screen and (max-width:600px) {
+ .ce-twoCol-Box .boxen.withFontAwesome > div {
+ padding-left : 0;
+ padding-right : 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) {
+ padding-left : 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) > i.fa {
+ display : none;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div > i.fa {
+ display : none;
+ }
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div {
+ float : left;
+ width : calc((100% - 25px) / 2);
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div + div {
+ margin-left : 25px;
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(2n 3) {
+ margin-left : 0;
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(n 3) {
+ margin-top : 50px;
+ }
+ @media screen and (max-width:767px) {
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div {
+ float : none;
+ width : 100%;
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(n 3) {
+ margin-top : 25px;
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div + div {
+ margin-top : 25px;
+ margin-left : 0 !important ;
+ }
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div {
+ float : left;
+ width : 48%;
+ position : relative;
+ padding-left : 120px;
+ min-height : 80px;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa {
+ position : absolute;
+ top : 0;
+ right : 80%;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa:before {
+ vertical-align : middle;
+ font-size : 80px;
+ color : #0067b1;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n 3) {
+ margin-top : 40px;
+ }
+ @media screen and (max-width:800px) {
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div {
+ float : none;
+ width : 100%;
+ padding-left : 0;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n 2) {
+ margin-top : 40px;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa {
+ position : relative;
+ top : auto;
+ left : auto;
+ float : left;
+ margin-right : 15px;
+ display : none;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa:before {
+ font-size : 50px;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(2n) > i.fa {
+ left : auto;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div + div {
+ margin-top : 30px;
+ }
+ }
+ .text-slide {
+ margin-bottom : 50px;
+ }
+ .text-slide .openImgSubHeadline {
+ font-size : 15px;
+ line-height : normal;
+ color : #333;
+ text-decoration : none;
+ font-weight : 400;
+ margin : 0 0 5px 0;
+ }
+ .text-slide .left {
+ float : left;
+ width : 40.77%;
+ width : calc((100% - 25px) / 2);
+ }
+ .text-slide .left h3 {
+ font-family : "Open Sans", sans-serif;
+ font-weight : 700;
+ color : #333;
+ margin : 0 0 20px 0;
+ }
+ .text-slide .left p {
+ color : #333;
+ }
+ .text-slide .right {
+ float : left;
+ width : 50%;
+ width : calc((100% - 25px) / 2);
+ margin-left : 9.22%;
+ margin-left : 25px;
+ }
+ .text-slide .right .openImage {
+ position : relative;
+ display : block;
+ }
+ .text-slide .right .openImage i {
+ font-size : 1.5rem;
+ color : #fff;
+ position : absolute;
+ left : 0;
+ right : 0;
+ z-index : 20;
+ top : 50%;
+ margin-top : -12px;
+ text-align : center;
+ color : #333;
+ }
+ .text-slide .right .openImage i:before, .text-slide .right .openImage i:after {
+ color : #333;
+ }
+ .text-slide .right .openImage:after {
+ content : "";
+ position : absolute;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ z-index : 10;
+ background : rgba(255, 255, 255, 0.5);
+ border : rgba(0, 0, 0, 0.2) solid 1px;
+ }
+ .text-slide .right .singleImage {
+ display : block;
+ max-height : 250px;
+ overflow : hidden;
+ }
+ .text-slide .right .singleImage img {
+ display : block;
+ }
+ @media screen and (max-width:768px) {
+ .text-slide .left {
+ width : 100%;
+ float : none;
+ }
+ .text-slide .right {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ margin-top : 25px;
+ }
+ }
+ .ce-Image-Text-Element {
+ margin-bottom : 50px;
+ }
+ .ce-Image-Text-Element .einspaltig .bigText {
+ font-size : 18px;
+ line-height : normal;
+ }
+ .ce-Image-Text-Element .einspaltig + figure {
+ margin-top : 25px;
+ }
+ .ce-Image-Text-Element figure {
+ margin : 0;
+ }
+ .ce-Image-Text-Element figure figcaption {
+ font-size : 12px;
+ display : block;
+ margin : 0;
+ padding : 0;
+ line-height : normal;
+ text-align : right;
+ color : #333;
+ }
+ .ce-Image-Text-Element figure img {
+ display : block;
+ margin : 0 auto;
+ }
+ .ce-Image-Text-Element figure + .einspaltig {
+ margin-top : 25px;
+ }
+ .toggleContainer {
+ margin-bottom : 50px !important ;
+ }
+ @media screen and (max-width:1100px) {
+ .toggleContainer {
+ padding : 50px 25px 40px 25px !important ;
+ }
+ }
+ .toggleContainer h2, .toggleContainer .ce-table table caption, .ce-table table .toggleContainer caption {
+ margin : 0 0 30px 0;
+ }
+ .toggleContainer h3 {
+ padding : 0 20px;
+ background : #ececec;
+ line-height : 55px;
+ margin : 0 0 10px 0;
+ font-weight : 700;
+ outline : none;
+ cursor : pointer;
+ }
+ .toggleContainer h3 i {
+ color : #6c6c6c;
+ }
+ .toggleContainer h3 i + strong {
+ margin-left : 25px;
+ }
+ .toggleContainer h3 i + p {
+ margin-left : 5px;
+ }
+ .toggleContainer h3 strong {
+ font-family : "Quicksand", sans-serif;
+ font-weight : 700;
+ font-size : 24px;
+ line-height : normal;
+ display : inline-block;
+ margin-right : 10px;
+ vertical-align : middle;
+ }
+ .toggleContainer h3 p {
+ display : inline-block;
+ margin : 0;
+ font-family : "Quicksand", sans-serif;
+ color : #333;
+ }
+ .toggleContainer h3 span {
+ float : right;
+ display : inline-block;
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ font-family : "Quicksand", sans-serif;
+ line-height : 55px;
+ }
+ .toggleContainer .ui-accordion-content {
+ padding-bottom : 20px;
+ }
+ @media screen and (max-width:600px) {
+ .toggleContainer h3 strong {
+ font-size : 16px;
+ line-height : normal;
+ }
+ .toggleContainer h3 span {
+ font-size : 14px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .toggleContainer h3 span {
+ float : none;
+ width : 100%;
+ line-height : 16px;
+ display : block;
+ padding-bottom : 15px;
+ padding-left : 44px;
+ margin-top : -10px;
+ }
+ }
+ .ce-threeBoxesWithOption {
+ margin-bottom : 50px;
+ }
+ .ce-threeBoxesWithOption.addPadding {
+ padding : 50px 0 50px 0;
+ }
+ .ce-threeBoxesWithOption p {
+ color : #fff;
+ }
+ .ce-threeBoxesWithOption .inner > div {
+ margin-top : 40px;
+ }
+ .ce-threeBoxesWithOption .inner div article {
+ float : left;
+ width : calc(100% / 3);
+ text-align : center;
+ padding : 0 20px;
+ }
+ .ce-threeBoxesWithOption .inner div article i.big {
+ padding : 25px;
+ background : #fff;
+ border-radius : 50px;
+ font-size : 2rem;
+ margin-bottom : 15px;
+ }
+ .ce-threeBoxesWithOption .inner div article i.small {
+ border-radius : 50px;
+ padding : 15px;
+ text-align : center;
+ vertical-align : middle;
+ color : #0067b1;
+ background : rgba(255, 255, 255, 0.7);
+ font-size : 0.9rem;
+ margin-bottom : 15px;
+ min-height : 42px;
+ min-width : 42px;
+ }
+ .ce-threeBoxesWithOption .inner div article p {
+ color : #fff;
+ text-align : center;
+ }
+ @media screen and (max-width:760px) {
+ .ce-threeBoxesWithOption .inner div article {
+ float : none;
+ width : 100%;
+ }
+ .ce-threeBoxesWithOption .inner div article + article {
+ margin-top : 20px;
+ }
+ .ce-threeBoxesWithOption + .ce-threeBoxesWithOption {
+ margin-top : 2px;
+ }
+ }
+ .fontAwesome-list {
+ margin-bottom : 50px;
+ }
+ .fontAwesome-list ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .fontAwesome-list ul li {
+ display : block;
+ color : #333;
+ position : relative;
+ padding-left : 30px;
+ }
+ .fontAwesome-list ul li i {
+ font-size : 22px;
+ border-radius : 50px;
+ padding : 0;
+ vertical-align : sub;
+ position : absolute;
+ left : 0;
+ top : 2px;
+ }
+ .fontAwesome-list ul li i.border {
+ border : #333 solid 1px;
+ text-align : center;
+ vertical-align : middle;
+ height : 30px;
+ width : 30px;
+ line-height : 30px;
+ font-size : 18px;
+ }
+ .fontAwesome-list ul li.border {
+ min-height : 30px;
+ padding-left : 40px;
+ }
+ .fontAwesome-list ul li.border span {
+ padding-top : 6px;
+ }
+ .fontAwesome-list ul li ul {
+ margin-top : 5px;
+ }
+ .fontAwesome-list ul li span {
+ margin : 0;
+ font-weight : 700;
+ display : inline-block;
+ vertical-align : middle;
+ }
+ .fontAwesome-list ul li + li {
+ margin-top : 10px;
+ }
+ .fontAwesome-list.twocol ul li {
+ position : relative;
+ float : left;
+ width : 48%;
+ padding-left : 30px;
+ }
+ .fontAwesome-list.twocol ul li.border {
+ padding-left : 40px;
+ }
+ .fontAwesome-list.twocol ul li + li {
+ margin-left : 4%;
+ margin-top : 0;
+ }
+ .fontAwesome-list.twocol ul li:nth-of-type(n 3) {
+ margin-top : 15px;
+ }
+ .fontAwesome-list.twocol ul li:nth-of-type(2n 3) {
+ margin-left : 0;
+ }
+ .fontAwesome-list.twocol ul li ul li {
+ float : none;
+ width : 100%;
+ }
+ .fontAwesome-list.twocol ul li ul li:nth-of-type(n 3) {
+ margin-top : 4px;
+ }
+ .fontAwesome-list.twocol ul li ul li + li {
+ margin-left : 0;
+ margin-top : 4px;
+ }
+ @media screen and (max-width:640px) {
+ .fontAwesome-list.twocol ul li {
+ width : 100%;
+ float : none;
+ }
+ .fontAwesome-list.twocol ul li + li {
+ margin-left : 0;
+ }
+ .fontAwesome-list.twocol ul li:nth-of-type(n 2) {
+ margin-top : 15px;
+ }
+ .fontAwesome-list.twocol ul li ul li:nth-of-type(n 2) {
+ margin-top : 0;
+ }
+ }
+ .tx-contentpackage-historieContainer {
+ margin-bottom : 50px;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner {
+ position : relative;
+ border-left : 3px solid #be1622;
+ padding : 44px 0 44px 22px;
+ }
+ @media screen and (max-width:1100px) {
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner {
+ padding : 50px 25px 25px 25px;
+ }
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear {
+ font-size : 32px;
+ line-height : normal;
+ background : #be1622;
+ color : #fff;
+ padding : 5px 10px;
+ width : auto;
+ display : inline-block;
+ margin-left : -118px;
+ }
+ @media screen and (max-width:1260px) {
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear {
+ margin : 0 0 15px -22px;
+ }
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent p {
+ color : #333;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent * {
+ color : #333;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span {
+ display : block;
+ position : relative;
+ background : url(../img/chevron-down.png) no-repeat;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:before, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:after {
+ top : 100%;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement + .tx-contentpackage-historieElement .inner {
+ padding-top : 50px;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement:last-of-type > span {
+ display : none;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground {
+ background : #be1622;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner {
+ border-left : 3px solid #fff;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-historieYear {
+ color : #be1622;
+ background : #fff;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent p, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent * {
+ color : #fff;
+ }
+ .ce-os-bee {
+ width : 1030px;
+ height : 820px;
+ margin-bottom : 50px;
+ position : relative;
+ }
+ .ce-os-bee .base {
+ width : 314px;
+ height : 314px;
+ border-radius : 250px;
+ margin : 0 auto;
+ display : block;
+ background : #c6c6c6;
+ padding : 30px;
+ position : relative;
+ margin-top : 261px;
+ line-height : 270px;
+ text-align : center;
+ }
+ .ce-os-bee .base img {
+ position : relative;
+ max-height : 100px;
+ width : auto;
+ vertical-align : middle;
+ }
+ .ce-os-bee .base span {
+ font-size : 24px;
+ color : #be1622;
+ font-weight : 700;
+ line-height : normal;
+ display : inline-block;
+ }
+ .ce-os-bee .child {
+ display : block;
+ width : 100%;
+ height : 100%;
+ vertical-align : middle;
+ text-align : center;
+ font-weight : 400;
+ font-size : 18px;
+ line-height : 156px;
+ color : #333;
+ text-decoration : none;
+ width : 156px;
+ height : 156px;
+ display : inline-block;
+ border-radius : 100px;
+ background : #c6c6c6;
+ position : relative;
+ line-height : 156px;
+ padding : 0 10px;
+ position : absolute;
+ top : 0;
+ left : 0;
+ transition : all 0.5s;
+ }
+ .ce-os-bee .child:hover {
+ background : #be1622;
+ color : #fff;
+ transition : all 0.5s;
+ transform : scale(1.2);
+ }
+ .ce-os-bee .child span {
+ display : inline-block;
+ line-height : 20px;
+ font-size : 18px;
+ top : 50%;
+ position : absolute;
+ left : 15px;
+ right : 15px;
+ }
+ .ce-os-bee .child:after {
+ content : "";
+ border : #fff solid 3px;
+ border-radius : 100px;
+ position : absolute;
+ top : 4px;
+ right : 4px;
+ bottom : 4px;
+ left : 4px;
+ width : 92%;
+ }
+ @media screen and (max-width:1000px) {
+ #sy_lines {
+ display : none !important ;
+ }
+ .ce-os-bee {
+ display : none;
+ }
+ }
+ .ce-table {
+ margin-bottom : 50px !important ;
+ }
+ .ce-table.alignleft table tr td {
+ text-align : left;
+ }
+ .ce-table.alignleft table tr td a {
+ padding-left : 10px;
+ }
+ .ce-table.alignleft table tr td:first-of-type {
+ width : auto;
+ }
+ .ce-table.alignleft table tr td:first-of-type + td {
+ width : auto;
+ }
+ .ce-table.alignleft table tr td:last-of-type {
+ padding-left : 10px;
+ }
+ .ce-table.alignleft table thead tr td:nth-of-type(2) {
+ padding-left : 10px;
+ }
+ .ce-table table {
+ width : 100%;
+ border-collapse : collapse;
+ border : none;
+ }
+ .ce-table table caption {
+ margin-bottom : 40px;
+ }
+ .ce-table table tr {
+ height : 40px;
+ }
+ .ce-table table tr td {
+ text-align : center;
+ font-size : 13px;
+ }
+ .ce-table table tr td a {
+ font-size : 13px;
+ text-decoration : none;
+ line-height : 40px;
+ display : block;
+ background : #0067b1;
+ color : #fff;
+ text-transform : uppercase;
+ font-weight : 400;
+ }
+ .ce-table table tr td:first-of-type {
+ width : 290px;
+ text-align : left;
+ padding-left : 10px;
+ }
+ .ce-table table tr td:first-of-type + td {
+ width : 155px;
+ font-weight : 700;
+ }
+ .ce-table table tr td:nth-of-type(4) {
+ width : 155px;
+ }
+ .ce-table table tr td:nth-of-type(2), .ce-table table tr td:nth-of-type(3), .ce-table table tr td:nth-of-type(4), .ce-table table tr td:nth-of-type(5), .ce-table table tr td:nth-of-type(6) {
+ border-left : 1px solid #cdcdcd;
+ font-weight : 700;
+ font-size : 13px;
+ width : 155px;
+ }
+ .ce-table table tr td:nth-of-type(6) {
+ border-right : 1px solid #cdcdcd;
+ }
+ .ce-table table tr th:nth-of-type(2), .ce-table table tr th:nth-of-type(3), .ce-table table tr th:nth-of-type(4), .ce-table table tr th:nth-of-type(5), .ce-table table tr th:nth-of-type(6) {
+ border-left : 1px solid #cdcdcd;
+ border-top : 1px solid #cdcdcd;
+ font-weight : 400;
+ font-size : 13px;
+ width : 155px;
+ }
+ .ce-table table tr th:nth-of-type(6) {
+ border-right : 1px solid #cdcdcd;
+ }
+ .ce-table table tbody tr:nth-of-type(odd) {
+ background : #ededed;
+ }
+ @media screen and (max-width:1100px) {
+ .ce-table.inner.small, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner {
+ padding : 40px 25px;
+ }
+ }
+ @media screen and (max-width:1000px) {
+ .ce-table.inner.small, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner {
+ width : 100%;
+ overflow : scroll;
+ }
+ .ce-table.inner.small table, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner table {
+ width : 1000px;
+ }
+ }
+ .service-formular {
+ background : #ededed;
+ padding : 40px 0;
+ }
+ .service-formular h3 {
+ display : none;
+ }
+ .service-formular .required {
+ float : right;
+ margin-top : -100px;
+ margin : -160px 0 0 0;
+ font-size : 12px;
+ }
+ @media screen and (max-width:960px) {
+ .service-formular .required {
+ float : none;
+ margin : 0;
+ }
+ }
+ .service-formular fieldset {
+ margin : 0;
+ padding : 0;
+ border : none;
+ }
+ .service-formular fieldset .powermail_legend {
+ margin-bottom : 20px;
+ width : 100%;
+ display : block;
+ }
+ .service-formular label {
+ display : none;
+ }
+ .service-formular input[type="text"], .service-formular input[type="password"], .service-formular input[type="email"], .service-formular input[type="date"], .service-formular select {
+ width : 100%;
+ height : 55px;
+ border : #bbb solid 1px;
+ padding : 10px;
+ color : #cdcdcd;
+ margin-top : 15px;
+ font-size : 18px;
+ color : #333;
+ }
+ .service-formular input[type="submit"] {
+ background : #0067b1;
+ font-size : 15px;
+ line-height : normal;
+ text-transform : uppercase;
+ color : #fff;
+ padding : 15px 60px;
+ margin-top : 30px;
+ border : none;
+ outline : none;
+ font-weight : 700;
+ cursor : pointer;
+ }
+ .service-formular textarea {
+ width : 100%;
+ resize : none;
+ height : 150px;
+ border : #bbb solid 1px;
+ color : #cdcdcd;
+ padding : 10px;
+ font-size : 18px;
+ color : #333;
+ }
+ .service-formular .powermail_fieldwrap_input {
+ float : left;
+ width : calc((100% - 30px) / 3);
+ }
+ .service-formular .powermail_fieldwrap_input + .powermail_fieldwrap_input {
+ margin-left : 15px;
+ }
+ .service-formular .powermail_fieldwrap_check legend {
+ float : left;
+ margin : 25px 15px 15px 0;
+ }
+ .service-formular .powermail_fieldwrap_check input {
+ width : 20px;
+ height : 20px;
+ margin : 1px 3px 0;
+ }
+ .service-formular .powermail_fieldwrap_34 legend, .service-formular .powermail_fieldwrap_45 legend {
+ display : none;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer, .service-formular .powermail_fieldwrap_45 .powermail_check_outer {
+ margin-left : 0;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer input, .service-formular .powermail_fieldwrap_45 .powermail_check_outer input {
+ float : left;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer label, .service-formular .powermail_fieldwrap_45 .powermail_check_outer label {
+ max-width : 80%;
+ float : left;
+ margin-left : 15px;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer label a, .service-formular .powermail_fieldwrap_45 .powermail_check_outer label a {
+ font-size : 12px;
+ line-height : normal;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner, .service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner {
+ margin-left : 0;
+ width : 100%;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner + .powermail_check_inner, .service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner + .powermail_check_inner {
+ margin-top : 20px;
+ }
+ .service-formular .powermail_check_outer label {
+ display : inline-block;
+ vertical-align : middle;
+ float : right;
+ }
+ .service-formular .parsley-required, .service-formular .parsley-custom-error-message {
+ font-size : 12px;
+ line-height : normal;
+ color : #be1622;
+ }
+ .service-formular .powermail_field_error_container_checkbox {
+ position : absolute;
+ }
+ .service-formular .powermail_check_outer {
+ margin : 25px 15px 15px 15px;
+ }
+ .service-formular .powermail_check_outer div {
+ float : left;
+ }
+ .service-formular .powermail_check_outer div + div {
+ margin-left : 15px;
+ }
+ @media screen and (max-width:760px) {
+ .service-formular .powermail_fieldwrap_input {
+ width : 100%;
+ float : none;
+ }
+ .service-formular .powermail_fieldwrap_input + .powermail_fieldwrap_input {
+ margin-left : 0;
+ }
+ .service-formular .powermail_check_outer div {
+ display : block;
+ width : 100%;
+ }
+ .service-formular .powermail_check_outer div.powermail_check_inner input, .service-formular .powermail_check_outer div.powermail_check_inner label {
+ float : left;
+ }
+ .service-formular .powermail_check_outer div + div {
+ margin-left : 0;
+ }
+ }
+ .textOverSendButton {
+ font-size : 12px;
+ margin-top : 25px;
+ margin-bottom : -10px;
+ }
+ .tsaccordion .accordion-header {
+ background : url(../img/akkordeon_zu.png) 20px 20px no-repeat #ececec;
+ font-size : 1.5rem;
+ line-height : 1.9rem;
+ font-weight : normal;
+ padding : 9px 0 9px 64px;
+ margin : 0 0 2px 0;
+ }
+ .tsaccordion .accordion-switcher {
+ cursor : pointer;
+ }
+ .tsaccordion .accordion-switcher-active {
+ background-image : url(../img/akkordeon_offen.png);
+ }
+ .tsaccordion .accordion-content {
+ display : none;
+ padding : 19px 10px 28px 10px;
+ font-size : 0.9rem;
+ line-height : 1.3rem;
+ }
+ .tsaccordion .accordion-content .accordion-left {
+ display : inline-block;
+ float : left;
+ }
+ @media screen and (min-width:769px) {
+ .tsaccordion .accordion-content .accordion-left {
+ max-width : 70%;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .tsaccordion .accordion-content .accordion-left {
+ float : none;
+ display : block;
+ }
+ .tsaccordion .accordion-content .accordion-left > br {
+ display : none;
+ }
+ }
+ .tsaccordion .accordion-content .accordion-left .accordion-name {
+ display : inline-block;
+ font-size : 1.5rem;
+ line-height : 1.9rem;
+ }
+ @media screen and (max-width:768px) {
+ .tsaccordion .accordion-content .accordion-left .accordion-name {
+ display : block;
+ }
+ }
+ .tsaccordion .accordion-content .accordion-left .accordion-thema {
+ display : inline-block;
+ font-size : 0.9rem;
+ line-height : 1.3rem;
+ }
+ @media screen and (max-width:768px) {
+ .tsaccordion .accordion-content .accordion-left .accordion-thema {
+ display : block;
+ }
+ }
+ .tsaccordion .accordion-content .accordion-logo {
+ display : inline-block;
+ float : right;
+ margin : 7px 0 0 0;
+ }
+ @media screen and (max-width:768px) {
+ .tsaccordion .accordion-content .accordion-logo {
+ float : none;
+ }
+ }
+ .tsaccordion .accordion-content .accordion-description {
+ margin : 20px 0 14px 0;
+ }
+ .tsaccordion .accordion-content .accordion-more {
+ color : #0067b1;
+ font-weight : bold;
+ text-decoration : none;
+ display : inline-block;
+ }
+ .tsaccordion .accordion-content .accordion-more img {
+ margin-left : 3px;
+ }
+ .ce-leftright > div {
+ padding : 200px 0;
+ }
+ .ce-leftright > div figure {
+ float : left;
+ max-width : 600px;
+ width : 45.28%;
+ margin : 0;
+ padding : 0;
+ margin-right : 5.28%;
+ padding-left : 3.77%;
+ position : relative;
+ }
+ .ce-leftright > div figure img {
+ display : block;
+ position : relative;
+ z-index : 50;
+ }
+ .ce-leftright > div figure img.small, .ce-leftright > div figure img.medium, .ce-leftright > div figure img.big {
+ position : absolute;
+ z-index : 10;
+ }
+ .ce-leftright > div figure img.small {
+ top : 20px;
+ left : 20px;
+ }
+ .ce-leftright > div figure img.medium {
+ top : 0;
+ right : 20px;
+ }
+ .ce-leftright > div figure img.big {
+ left : 25px;
+ bottom : 0;
+ }
+ .ce-leftright > div figure + div {
+ float : left;
+ max-width : 650px;
+ width : 49.05%;
+ }
+ .ce-leftright > div figure + div p {
+ margin : 0;
+ color : #fff;
+ }
+ .ce-leftright > div figure + div p + * {
+ margin-top : 20px;
+ }
+ .ce-leftright > div figure + div a.redbutton, .ce-leftright > div figure + div a.bluebutton, .ce-leftright > div figure + div .thirdSection .right a, .thirdSection .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div a.darkbluebutton, .ce-leftright > div figure + div a.greybutton, .ce-leftright > div figure + div .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright > div figure + div a.greybutton, .ce-leftright > div figure + div a.whitebutton, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton, .marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright > div figure + div a.redbutton, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) .ce-leftright > div figure + div a, .ce-leftright > div figure + div a.bluebutton, .ce-leftright > div figure + div .thirdSection .right a, .thirdSection .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a {
+ min-width : 0;
+ }
+ .ce-leftright > div figure + div ul ul li {
+ font-weight : 400;
+ padding-left : 0;
+ }
+ .ce-leftright > div figure + div ul ul li:before {
+ display : none;
+ }
+ .ce-leftright > div.right figure {
+ float : right;
+ margin-left : 70px;
+ padding-left : 0;
+ margin-right : 0;
+ padding-right : 50px;
+ }
+ @media screen and (max-width:1180px) {
+ .ce-leftright > div figure img.small, .ce-leftright > div figure img.medium, .ce-leftright > div figure img.big {
+ display : none;
+ }
+ }
+ @media screen and (max-width:1024px) {
+ .ce-leftright .inner {
+ padding : 0 25px;
+ }
+ .ce-leftright > div {
+ padding : 50px 0;
+ }
+ .ce-leftright > div figure {
+ float : none;
+ max-width : none;
+ width : 100%;
+ margin-right : 0;
+ padding-left : 0;
+ margin-bottom : 25px;
+ }
+ .ce-leftright > div figure img {
+ margin : 0 auto;
+ }
+ .ce-leftright > div figure + div {
+ float : none;
+ max-width : none;
+ width : 100%;
+ margin-top : 40px;
+ text-align : center;
+ }
+ }
+ .sliderContainer {
+ margin-bottom : 50px;
+ }
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding-top : 100px;
+ }
+ .sliderContainer .swiper-container {
+ height : 600px;
+ }
+ .sliderContainer .swiper-slide {
+ background-size : cover !important ;
+ background-position : center center !important ;
+ }
+ .sliderContainer .slider-overlay {
+ background : rgba(0, 0, 0, 0.3);
+ width : 100%;
+ height : 100%;
+ }
+ .sliderContainer p {
+ font-size : 24px;
+ line-height : 34px;
+ color : #fff;
+ margin : 0;
+ font-weight : 600;
+ text-align : center;
+ }
+ .sliderContainer p + p {
+ margin-top : 30px;
+ }
+ @media screen and (max-width:680px) {
+ .sliderContainer .headlineH1Center, .sliderContainer p.headlineH1Center, .sliderContainer p.headlineH1Center, .sliderContainer .sliderContainer p.headlineH1Center {
+ font-weight : 600 !important ;
+ }
+ }
+ @media screen and (max-width:1100px) {
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding : 100px 60px;
+ }
+ .sliderContainer p {
+ font-size : 22px;
+ line-height : 32px;
+ }
+ }
+ @media screen and (max-width:800px) {
+ .sliderContainer {
+ background-size : cover !important ;
+ }
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding : 60px 60px;
+ }
+ .sliderContainer .swiper-container {
+ height : 500px;
+ }
+ .sliderContainer p {
+ font-size : 20px;
+ line-height : 30px;
+ }
+ }
+ @media screen and (max-width:600px) {
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding : 60px 40px;
+ }
+ .sliderContainer p {
+ font-size : 18px;
+ line-height : 28px;
+ }
+ .sliderContainer a {
+ font-size : 15px;
+ line-height : normal;
+ }
+ .sliderContainer .swiper-button-next {
+ right : 10px;
+ height : 26px;
+ width : 15px;
+ margin-top : -13px;
+ background-size : 15px 26px;
+ }
+ .sliderContainer .swiper-button-prev {
+ left : 10px;
+ height : 26px;
+ width : 15px;
+ margin-top : -13px;
+ background-size : 15px 26px;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .sliderContainer .swiper-container {
+ height : 400px;
+ }
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding : 20px 35px;
+ }
+ .sliderContainer a {
+ font-size : 15px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:420px) {
+ .sliderContainer .swiper-container {
+ height : 450px;
+ }
+ }
+ .mapsContainer {
+ float : right;
+ width : calc((100% - 40px) / 2);
+ }
+ @media screen and (max-width:800px) {
+ .mapsContainer {
+ float : none;
+ width : 100%;
+ margin-top : 25px;
+ }
+ }
+ .mapsContainer iframe {
+ width : 100% !important ;
+ }
+ .contactMain {
+ margin-bottom : 50px !important ;
+ }
+ @media screen and (max-width:1100px) {
+ .contactMain {
+ padding-left : 25px;
+ padding-right : 25px;
+ }
+ }
+ .powermail_form_3, .powermail_form_4, .powermail_form_5, .powermail_form_6, .powermail_form_7 {
+ float : left;
+ width : calc((100% - 40px) / 2);
+ }
+ @media screen and (max-width:800px) {
+ .powermail_form_3, .powermail_form_4, .powermail_form_5, .powermail_form_6, .powermail_form_7 {
+ float : none;
+ width : 100%;
+ }
+ }
+ .powermail_form_3 fieldset, .powermail_form_4 fieldset, .powermail_form_5 fieldset, .powermail_form_6 fieldset, .powermail_form_7 fieldset {
+ margin : 0;
+ padding : 0;
+ border : none;
+ }
+ .powermail_form_3 fieldset legend, .powermail_form_4 fieldset legend, .powermail_form_5 fieldset legend, .powermail_form_6 fieldset legend, .powermail_form_7 fieldset legend {
+ display : none;
+ }
+ .powermail_form_3 fieldset > div + div, .powermail_form_4 fieldset > div + div, .powermail_form_5 fieldset > div + div, .powermail_form_6 fieldset > div + div, .powermail_form_7 fieldset > div + div {
+ margin-top : 15px;
+ }
+ .powermail_form_3 h3, .powermail_form_4 h3, .powermail_form_5 h3, .powermail_form_6 h3, .powermail_form_7 h3 {
+ display : none;
+ }
+ .powermail_form_3 div label, .powermail_form_4 div label, .powermail_form_5 div label, .powermail_form_6 div label, .powermail_form_7 div label {
+ float : none;
+ display : block;
+ width : 100%;
+ margin-bottom : 2px;
+ }
+ .powermail_form_3 div input, .powermail_form_4 div input, .powermail_form_5 div input, .powermail_form_6 div input, .powermail_form_7 div input {
+ display : block;
+ border : #c6c6c6 solid 1px;
+ height : 30px;
+ width : 400px;
+ width : 100%;
+ padding : 0 10px;
+ color : #333;
+ }
+ .powermail_form_3 div input[type="submit"], .powermail_form_4 div input[type="submit"], .powermail_form_5 div input[type="submit"], .powermail_form_6 div input[type="submit"], .powermail_form_7 div input[type="submit"] {
+ width : 100px;
+ cursor : pointer;
+ }
+ .powermail_form_3 div textarea, .powermail_form_4 div textarea, .powermail_form_5 div textarea, .powermail_form_6 div textarea, .powermail_form_7 div textarea {
+ display : block;
+ margin-top : 5px;
+ resize : none;
+ width : 400px;
+ width : 100%;
+ height : 150px;
+ border : #c6c6c6 solid 1px;
+ padding : 5px 10px;
+ color : #333;
+ }
+ .powermail_form_3 div .parsley-required, .powermail_form_3 div .parsley-custom-error-message, .powermail_form_4 div .parsley-required, .powermail_form_4 div .parsley-custom-error-message, .powermail_form_5 div .parsley-required, .powermail_form_5 div .parsley-custom-error-message, .powermail_form_6 div .parsley-required, .powermail_form_6 div .parsley-custom-error-message, .powermail_form_7 div .parsley-required, .powermail_form_7 div .parsley-custom-error-message {
+ font-size : 12px;
+ line-height : normal;
+ color : #be1622;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_textarea label, .powermail_form_4 div.powermail_fieldwrap_textarea label, .powermail_form_5 div.powermail_fieldwrap_textarea label, .powermail_form_6 div.powermail_fieldwrap_textarea label, .powermail_form_7 div.powermail_fieldwrap_textarea label {
+ width : auto;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check, .powermail_form_4 div.powermail_fieldwrap_check, .powermail_form_5 div.powermail_fieldwrap_check, .powermail_form_6 div.powermail_fieldwrap_check, .powermail_form_7 div.powermail_fieldwrap_check {
+ position : relative;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_4 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_5 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_6 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_7 div.powermail_fieldwrap_check .powermail_check_inner {
+ position : relative;
+ padding-left : 20px;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check label, .powermail_form_4 div.powermail_fieldwrap_check label, .powermail_form_5 div.powermail_fieldwrap_check label, .powermail_form_6 div.powermail_fieldwrap_check label, .powermail_form_7 div.powermail_fieldwrap_check label {
+ font-size : 12px;
+ line-height : normal;
+ max-width : 100%;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check label a, .powermail_form_4 div.powermail_fieldwrap_check label a, .powermail_form_5 div.powermail_fieldwrap_check label a, .powermail_form_6 div.powermail_fieldwrap_check label a, .powermail_form_7 div.powermail_fieldwrap_check label a {
+ font-size : 12px;
+ line-height : normal;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check input, .powermail_form_4 div.powermail_fieldwrap_check input, .powermail_form_5 div.powermail_fieldwrap_check input, .powermail_form_6 div.powermail_fieldwrap_check input, .powermail_form_7 div.powermail_fieldwrap_check input {
+ width : auto;
+ height : auto;
+ position : absolute;
+ left : 0;
+ top : 2px;
+ margin : 0;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_4 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_5 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_6 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_7 div.powermail_fieldwrap_check + .powermail_fieldwrap_check {
+ margin-top : 0;
+ }
+ .powermail_form_3 .textOverSendButton, .powermail_form_4 .textOverSendButton, .powermail_form_5 .textOverSendButton, .powermail_form_6 .textOverSendButton, .powermail_form_7 .textOverSendButton {
+ font-size : 12px;
+ margin-top : 25px;
+ margin-bottom : 0;
+ }
+ .firstSection {
+ max-height : 870px;
+ position : relative;
+ overflow : hidden;
+ }
+ .firstSection > a {
+ display : block;
+ }
+ .firstSection > a + div {
+ position : absolute;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ z-index : 100;
+ background : rgba(0, 0, 0, 0.4);
+ }
+ .firstSection > a + div img:first-of-type {
+ position : absolute;
+ z-index : 150;
+ top : 50%;
+ margin-top : -49px;
+ text-align : center;
+ left : 50%;
+ margin-left : -183px;
+ }
+ @media screen and (max-width:480px) {
+ .firstSection > a + div img:first-of-type {
+ max-width : 250px;
+ margin-left : -125px;
+ margin-top : -33px;
+ }
+ }
+ .firstSection > a + div img:first-of-type + img {
+ position : absolute;
+ left : 50%;
+ margin-left : -58px;
+ bottom : 40px;
+ }
+ @media screen and (max-width:600px) {
+ .firstSection > a + div img:first-of-type + img {
+ display : none;
+ }
+ }
+ .firstSection video {
+ width : 100%;
+ display : block;
+ }
+ .firstSection figure {
+ margin : 0;
+ padding : 0;
+ width : 100%;
+ }
+ .firstSection figure img {
+ width : 100%;
+ }
+ .firstSection video + .linkLayout, .firstSection figure + .linkLayout {
+ position : absolute;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ z-index : 100;
+ background : rgba(0, 0, 0, 0.4);
+ }
+ .firstSection video + .linkLayout img:first-of-type, .firstSection figure + .linkLayout img:first-of-type {
+ position : absolute;
+ z-index : 150;
+ top : 50%;
+ margin-top : -49px;
+ text-align : center;
+ left : 50%;
+ margin-left : -183px;
+ }
+ @media screen and (max-width:480px) {
+ .firstSection video + .linkLayout img:first-of-type, .firstSection figure + .linkLayout img:first-of-type {
+ max-width : 250px;
+ margin-left : -125px;
+ margin-top : -33px;
+ }
+ }
+ .firstSection video + .linkLayout img:first-of-type + img, .firstSection figure + .linkLayout img:first-of-type + img {
+ position : absolute;
+ left : 50%;
+ margin-left : -58px;
+ bottom : 40px;
+ }
+ @media screen and (max-width:600px) {
+ .firstSection video + .linkLayout img:first-of-type + img, .firstSection figure + .linkLayout img:first-of-type + img {
+ display : none;
+ }
+ }
+ .secondSection {
+ background : #0067b1;
+ }
+ .secondSection h2, .secondSection .ce-table table caption, .ce-table table .secondSection caption {
+ font-size : 40px;
+ font-weight : 400;
+ color : #fff;
+ line-height : normal;
+ text-align : left;
+ margin : 0 0 26px 0;
+ }
+ .secondSection h2:after, .secondSection .ce-table table caption:after, .ce-table table .secondSection caption:after {
+ display : none;
+ }
+ .secondSection p {
+ color : #fff;
+ max-width : 540px;
+ }
+ .secondSection div.inner {
+ padding : 0 25px 50px 25px;
+ }
+ .secondSection div.inner:first-of-type {
+ padding-top : 130px;
+ }
+ .secondSection div.inner:first-of-type .big {
+ position : absolute;
+ top : -70px;
+ right : 95px;
+ z-index : 5;
+ }
+ .secondSection div.inner:first-of-type .medium {
+ position : absolute;
+ bottom : -85px;
+ left : -5px;
+ }
+ .secondSection div.inner:first-of-type .small {
+ position : absolute;
+ left : 40px;
+ top : -25px;
+ }
+ .secondSection div.inner:nth-of-type(2) .big {
+ position : absolute;
+ top : -48px;
+ left : 16px;
+ z-index : 5;
+ }
+ .secondSection div.inner:nth-of-type(2) .medium {
+ position : absolute;
+ bottom : -75px;
+ left : 40px;
+ }
+ .secondSection div.inner:nth-of-type(2) .small {
+ position : absolute;
+ right : 90px;
+ top : 115px;
+ }
+ .secondSection div.inner:nth-of-type(3) h2, .secondSection div.inner:nth-of-type(3) .ce-table table caption, .ce-table table .secondSection div.inner:nth-of-type(3) caption {
+ margin-top : 0;
+ }
+ .secondSection div.inner:nth-of-type(3) .big {
+ position : absolute;
+ bottom : -75px;
+ left : 40px;
+ z-index : 5;
+ }
+ .secondSection div.inner:nth-of-type(3) .medium {
+ position : absolute;
+ top : -48px;
+ left : 16px;
+ }
+ .secondSection div.inner:nth-of-type(3) .small {
+ position : absolute;
+ right : 90px;
+ top : 115px;
+ }
+ .secondSection div.inner:nth-of-type(4) .big {
+ position : absolute;
+ top : -48px;
+ left : 16px;
+ z-index : 5;
+ }
+ .secondSection div.inner:nth-of-type(4) .medium {
+ position : absolute;
+ bottom : -75px;
+ left : 40px;
+ }
+ .secondSection div.inner:nth-of-type(4) .small {
+ position : absolute;
+ right : 90px;
+ top : 115px;
+ }
+ .secondSection div.inner:last-of-type {
+ padding-bottom : 130px;
+ text-align : center;
+ }
+ .secondSection div.inner .left {
+ float : left;
+ width : 50%;
+ position : relative;
+ }
+ .secondSection div.inner .right {
+ float : left;
+ width : 50%;
+ position : relative;
+ }
+ .secondSection div.inner .default {
+ position : relative;
+ z-index : 15;
+ }
+ @media screen and (max-width:1180px) {
+ .secondSection div.inner .small, .secondSection div.inner .medium, .secondSection div.inner .big {
+ display : none !important ;
+ }
+ .secondSection div.inner .right {
+ padding-left : 3%;
+ padding-right : 3%;
+ }
+ .secondSection div.inner .left {
+ padding-right : 5%;
+ }
+ }
+ .secondSection div.inner + div {
+ margin-top : 130px;
+ }
+ @media screen and (max-width:1024px) {
+ .secondSection .animatedParent {
+ display : none;
+ }
+ .secondSection div.inner:first-of-type {
+ padding-top : 50px;
+ }
+ .secondSection div.inner:last-of-type {
+ padding-bottom : 50px;
+ }
+ .secondSection div.inner .right:not(.animatedParent) {
+ padding : 0;
+ margin : 0 auto;
+ float : none;
+ width : 100%;
+ }
+ .secondSection div.inner .right:not(.animatedParent) h2, .secondSection div.inner .right:not(.animatedParent) .ce-table table caption, .ce-table table .secondSection div.inner .right:not(.animatedParent) caption {
+ font-size : 30px;
+ line-height : normal;
+ margin : 0 0 15px 0;
+ }
+ .secondSection div.inner .right:not(.animatedParent) p {
+ max-width : none;
+ }
+ .secondSection div.inner .left:not(.animatedParent) {
+ padding : 0;
+ margin : 0 auto;
+ float : none;
+ width : 100%;
+ }
+ .secondSection div.inner .left:not(.animatedParent) h2, .secondSection div.inner .left:not(.animatedParent) .ce-table table caption, .ce-table table .secondSection div.inner .left:not(.animatedParent) caption {
+ font-size : 30px;
+ line-height : normal;
+ margin : 0 0 15px 0;
+ }
+ .secondSection div.inner .left:not(.animatedParent) p {
+ max-width : none;
+ }
+ .secondSection div.inner + div {
+ margin-top : 50px;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .secondSection div.inner .right:not(.animatedParent) {
+ width : 100%;
+ }
+ .secondSection div.inner .right:not(.animatedParent) p {
+ max-width : none;
+ }
+ .secondSection div.inner .left:not(.animatedParent) {
+ width : 100%;
+ }
+ .secondSection div.inner .left:not(.animatedParent) p {
+ max-width : none;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .secondSection div.inner img {
+ max-width : 250px;
+ }
+ }
+ .thirdSection {
+ text-align : center;
+ background : #fc0;
+ padding-top : 100px;
+ }
+ .thirdSection .inner {
+ padding : 100px 25px 170px 25px;
+ }
+ .thirdSection .left {
+ float : left;
+ width : 50%;
+ position : relative;
+ }
+ .thirdSection .right {
+ float : left;
+ width : 50%;
+ position : relative;
+ padding-top : 110px;
+ }
+ .thirdSection .right a {
+ margin-bottom : 30px;
+ }
+ .thirdSection h2, .thirdSection .ce-table table caption, .ce-table table .thirdSection caption {
+ font-size : 40px;
+ text-align : center;
+ margin : 0 0 15px 0;
+ color : #333;
+ }
+ .thirdSection p {
+ color : #333;
+ text-align : center;
+ margin : 0 0 40px 0;
+ }
+ .thirdSection .buttonContainer {
+ text-align : center;
+ }
+ .thirdSection .default {
+ z-index : 10;
+ position : relative;
+ left : 55px;
+ left : 0;
+ }
+ .thirdSection .big {
+ position : absolute;
+ bottom : 50px;
+ left : -40px;
+ z-index : 5;
+ }
+ .thirdSection .medium {
+ position : absolute;
+ left : 165px;
+ top : -65px;
+ }
+ .thirdSection .small {
+ position : absolute;
+ bottom : 0;
+ right : 60px;
+ }
+ @media screen and (max-width:1250px) {
+ .thirdSection .default {
+ left : 25px;
+ }
+ }
+ @media screen and (max-width:1180px) {
+ .thirdSection {
+ padding-top : 0;
+ }
+ .thirdSection .default {
+ left : 0;
+ }
+ .thirdSection .small, .thirdSection .medium, .thirdSection .big {
+ display : none !important ;
+ }
+ .thirdSection .left {
+ padding-right : 5%;
+ }
+ .thirdSection .right {
+ padding-left : 3%;
+ padding-right : 3%;
+ }
+ }
+ @media screen and (max-width:1024px) {
+ .thirdSection {
+ padding-top : 0;
+ }
+ .thirdSection .inner {
+ padding-top : 50px;
+ padding-bottom : 50px;
+ }
+ .thirdSection .inner h2, .thirdSection .inner .ce-table table caption, .ce-table table .thirdSection .inner caption {
+ font-size : 30px;
+ line-height : normal;
+ margin : 0 0 15px 0;
+ }
+ .thirdSection .inner a {
+ font-size : 22px;
+ line-height : normal;
+ }
+ .thirdSection .left {
+ display : none;
+ }
+ .thirdSection .right {
+ float : none;
+ width : 100%;
+ padding : 0;
+ }
+ }
+ .wrapsvg, .wrapsvg1, .wrapsvg4, .wrapsvg2, .wrapsvg3 {
+ float : left;
+ border : transparent solid 1px;
+ position : relative;
+ }
+ @media screen and (max-width:1024px) {
+ .wrapsvg, .wrapsvg1, .wrapsvg4, .wrapsvg2, .wrapsvg3 {
+ display : none !important ;
+ }
+ }
+ .wrapsvg1 {
+ left : -705px;
+ top : 128px;
+ }
+ .wrapsvg4 {
+ left : -705px;
+ top : 128px;
+ }
+ .wrapsvg2 {
+ left : -15px;
+ top : -140px;
+ }
+ .wrapsvg3 {
+ left : -700px;
+ top : 60px;
+ }
+ .svg1 {
+ position : absolute;
+ }
+ .svg2 {
+ position : absolute;
+ }
+ .svg3 {
+ position : absolute;
+ }
+ .svg4 {
+ position : absolute;
+ }
+ nav.section {
+ position : fixed;
+ top : 50%;
+ right : 20px;
+ z-index : 9999;
+ }
+ @media screen and (max-width:1024px) {
+ nav.section {
+ display : none;
+ }
+ }
+ nav.section ul li {
+ width : 20px;
+ height : 20px;
+ border-radius : 25px;
+ background : #fff;
+ display : block;
+ cursor : pointer;
+ transition : all 0.3s;
+ }
+ nav.section ul li a {
+ z-index : 100;
+ display : none;
+ padding : 14px 10px;
+ margin-top : -3px;
+ right : 48px;
+ font-size : 12px;
+ text-decoration : none;
+ }
+ nav.section ul li + li {
+ margin-top : 5px;
+ }
+ nav.section ul li:hover a {
+ display : inline;
+ position : fixed;
+ color : #fff;
+ height : 10px;
+ line-height : 2px;
+ text-align : center;
+ background : #be1622;
+ }
+ nav.section ul li.active {
+ width : 15px;
+ height : 15px;
+ transition : all 0.3s;
+ margin : 5px auto 0 auto;
+ }
+ .newsletter {
+ width : 100%;
+ padding : 50px 0 0 0;
+ background : #ececec;
+ position : relative;
+ }
+ .newsletter:after, .newsletter:before {
+ top : 0;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .newsletter:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .newsletter:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .newsletter .right {
+ float : right;
+ width : 100%;
+ max-width : 463px;
+ max-width : 420px;
+ }
+ @media screen and (max-width:900px) {
+ .newsletter .right {
+ float : none;
+ width : 100%;
+ max-width : none;
+ padding : 0 25px;
+ }
+ }
+ .newsletter .firstrow {
+ width : 100%;
+ max-width : 840px;
+ margin : 0 auto;
+ }
+ .newsletter .firstrow h2, .newsletter .firstrow .ce-table table caption, .ce-table table .newsletter .firstrow caption {
+ text-align : left;
+ }
+ .newsletter .firstrow h2:after, .newsletter .firstrow .ce-table table caption:after, .ce-table table .newsletter .firstrow caption:after {
+ margin : 10px 0 0 0;
+ }
+ .newsletter .firstrow p {
+ font-weight : 700;
+ color : #333;
+ margin : 0 0 30px 0;
+ }
+ .newsletter .firstrow ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .newsletter .firstrow ul li {
+ display : block;
+ color : #333;
+ font-weight : 700;
+ }
+ .newsletter .firstrow ul li span {
+ font-size : 22px;
+ margin-right : 10px;
+ border-radius : 50px;
+ border : #333 solid 2px;
+ padding : 10px;
+ vertical-align : sub;
+ }
+ .newsletter .firstrow ul li p {
+ margin : 0;
+ display : inline-block;
+ vertical-align : middle;
+ }
+ @media screen and (max-width:440px) {
+ .newsletter .firstrow ul li p {
+ width : 80%;
+ }
+ }
+ @media screen and (max-width:360px) {
+ .newsletter .firstrow ul li p {
+ width : 70%;
+ }
+ }
+ .newsletter .firstrow ul li + li {
+ margin-top : 10px;
+ }
+ .newsletter .secondrow {
+ background : #333;
+ padding : 60px 0;
+ margin-top : 30px;
+ }
+ .newsletter .secondrow .inner {
+ max-width : 836px;
+ position : relative;
+ }
+ .newsletter .secondrow img {
+ position : absolute;
+ left : 0;
+ left : 50px;
+ bottom : 0;
+ box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.4);
+ }
+ @media screen and (max-width:900px) {
+ .newsletter .secondrow img {
+ display : none;
+ }
+ }
+ .newsletter .secondrow .button {
+ text-align : center;
+ }
+ .newsletter .secondrow .button.animation span, .newsletter .secondrow .button.animation i {
+ display : inline-block;
+ padding-left : 0;
+ transition : all 0.7s;
+ }
+ .newsletter .secondrow .button.animation span + i {
+ padding-left : 5px;
+ transition : all 0.7s;
+ }
+ .newsletter .secondrow .button.animation i + span {
+ padding-left : 5px;
+ transition : all 0.7s;
+ }
+ .newsletter .secondrow .button.animation:hover span + i {
+ padding-left : 10px;
+ transition : all 0.7s;
+ }
+ .newsletter .secondrow .button.animation:hover i + span {
+ padding-left : 10px;
+ transition : all 0.7s;
+ }
+ .ce-download {
+ float : left;
+ width : 42%;
+ margin-bottom : 50px;
+ }
+ .ce-download h2, .ce-download .ce-table table caption, .ce-table table .ce-download caption {
+ text-align : left;
+ }
+ .ce-download h2:after, .ce-download .ce-table table caption:after, .ce-table table .ce-download caption:after {
+ margin : 10px 0 0 0;
+ }
+ .ce-download strong {
+ font-weight : 700;
+ font-size : 72px;
+ line-height : 3.3rem;
+ color : #333;
+ margin : 0 0 15px 0;
+ display : block;
+ }
+ .ce-download .date {
+ margin : 0 0 30px 0;
+ font-size : 14px;
+ line-height : normal;
+ color : #333;
+ }
+ .ce-download .agbContainer {
+ margin-top : 30px;
+ margin-bottom : 25px;
+ padding-left : 30px;
+ position : relative;
+ font-size : 14px;
+ line-height : normal;
+ }
+ .ce-download .agbContainer a {
+ color : #0067b1;
+ text-decoration : none;
+ }
+ .ce-download .agbContainer a:hover {
+ text-decoration : underline;
+ }
+ .ce-download .agbContainer input {
+ position : absolute;
+ left : 0;
+ top : 1px;
+ width : 20px;
+ height : 20px;
+ }
+ .ce-download .shortDescription {
+ margin-top : 0;
+ font-size : 14px;
+ line-height : normal;
+ }
+ .ce-download .Dbutton {
+ color : #fff;
+ background : #df8e96;
+ text-decoration : none;
+ width : 100%;
+ max-width : 280px;
+ display : block;
+ padding : 15px;
+ border : none;
+ outline : none;
+ text-align : left;
+ font-size : 22px;
+ line-height : normal;
+ }
+ .ce-download .Dbutton span {
+ font-size : 15px;
+ line-height : normal;
+ display : block;
+ margin-top : 5px;
+ }
+ .ce-download .Dbutton.active {
+ background : #be1622;
+ cursor : pointer;
+ }
+ .ce-download .Dbutton + div + .Dbutton, .ce-download .Dbutton + .Dbutton {
+ margin-top : 20px;
+ }
+ .ce-download .Dbutton.github {
+ background : #ececec;
+ color : #333;
+ padding : 20px 15px;
+ }
+ .ce-download .Dbutton.github span {
+ font-size : 45px;
+ vertical-align : sub;
+ margin-right : 8px;
+ margin-left : 15px;
+ display : inline-block;
+ }
+ .downloadOverlayContainer {
+ background : #fff;
+ padding : 25px 50px;
+ max-width : 720px;
+ margin : 0 auto;
+ position : relative;
+ }
+ .downloadOverlayContainer h1, .downloadOverlayContainer h2, .downloadOverlayContainer .ce-table table caption, .ce-table table .downloadOverlayContainer caption, .downloadOverlayContainer h3 {
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ font-weight : 400;
+ text-align : center;
+ margin : 0 0 15px 0;
+ }
+ .downloadOverlayContainer h3 {
+ font-weight : 700;
+ }
+ .downloadOverlayContainer .input {
+ background : #ececec;
+ padding : 8px 12px;
+ border : #333 dotted 1px;
+ display : inline-block;
+ width : 65%;
+ color : #0067b1;
+ overflow-x : auto;
+ height : 40px;
+ }
+ .downloadOverlayContainer .copyButton {
+ background : #0067b1;
+ color : #fff;
+ font-size : 15px;
+ line-height : normal;
+ padding : 8px 5px;
+ display : inline-block;
+ width : 32%;
+ text-align : center;
+ vertical-align : top;
+ border : none;
+ outline : none;
+ cursor : pointer;
+ height : 40px;
+ }
+ .downloadOverlayContainer .copyButton i {
+ margin-right : 5px;
+ }
+ @media screen and (max-width:720px) {
+ .downloadOverlayContainer {
+ padding : 25px 25px;
+ }
+ .downloadOverlayContainer .input {
+ display : block;
+ width : 100%;
+ height : auto;
+ }
+ .downloadOverlayContainer .copyButton {
+ display : block;
+ width : 100%;
+ height : auto;
+ }
+ }
+ .mfp-wrap {
+ overflow-x : scroll !important ;
+ }
+ .ce-downloadhinweis {
+ float : right;
+ width : 50%;
+ margin-bottom : 50px;
+ }
+ .ce-downloadhinweis h2, .ce-downloadhinweis .ce-table table caption, .ce-table table .ce-downloadhinweis caption {
+ text-align : left;
+ }
+ .ce-downloadhinweis h2:after, .ce-downloadhinweis .ce-table table caption:after, .ce-table table .ce-downloadhinweis caption:after {
+ margin : 10px 0 0 0;
+ }
+ .ce-downloadhinweis p + p {
+ margin-top : 30px;
+ }
+ .ce-downloadhinweis p + ol, .ce-downloadhinweis p + ul {
+ margin-top : 25px;
+ }
+ .ce-downloadhinweis ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .ce-downloadhinweis ul li {
+ color : #333;
+ }
+ .ce-downloadhinweis ul li a {
+ text-decoration : none;
+ color : #333;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .ce-downloadhinweis ul li a:hover {
+ text-decoration : underline;
+ }
+ .ce-downloadhinweis ul li + li {
+ margin-top : 3px;
+ }
+ .ce-downloadhinweis ul li:before {
+ content : "\f178";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ margin-right : 5px;
+ }
+ .ce-downloadhinweis ol {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .ce-downloadhinweis ol li {
+ display : block;
+ counter-increment : olliste;
+ }
+ .ce-downloadhinweis ol li:before {
+ content : counter(olliste) ".";
+ font-weight : 700;
+ font-size : 32px;
+ line-height : normal;
+ color : #bbbbbb;
+ margin-right : 5px;
+ }
+ .ce-downloadhinweis ol li + li {
+ margin-top : 15px;
+ }
+ .ce-downloadhinweis ol + p {
+ margin-top : 25px;
+ }
+ @media screen and (max-width:768px) {
+ .ce-download {
+ float : none;
+ width : 100%;
+ }
+ .ce-downloadhinweis {
+ float : none;
+ width : 100%;
+ }
+ }
+ .ce-youtube-text {
+ margin-bottom : 50px;
+ }
+ .ce-youtube-text h2, .ce-youtube-text .ce-table table caption, .ce-table table .ce-youtube-text caption {
+ margin-top : 0;
+ }
+ .ce-youtube-text .left, .ce-youtube-text .right {
+ float : left;
+ width : calc((100% - 20px) / 2);
+ }
+ @media screen and (max-width:767px) {
+ .ce-youtube-text .left, .ce-youtube-text .right {
+ float : none;
+ width : 100%;
+ }
+ }
+ .ce-youtube-text .left iframe {
+ width : 100% !important ;
+ height : 315px;
+ }
+ .ce-youtube-text .right {
+ margin-left : 20px;
+ }
+ .ce-youtube-text .right a {
+ display : block;
+ margin-top : 15px;
+ }
+ @media screen and (max-width:767px) {
+ .ce-youtube-text .right {
+ margin-left : 0;
+ margin-top : 20px;
+ }
+ }
+ .ce-youtube-slider {
+ margin-bottom : 50px;
+ }
+ .ce-youtube-slider .inner.small, .ce-youtube-slider .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .ce-youtube-slider .tx-felogin-pi1-inner {
+ position : relative;
+ }
+ .ce-youtube-slider a {
+ text-decoration : none;
+ }
+ .ce-youtube-slider p {
+ margin : 3px 0 0 0;
+ color : #333;
+ }
+ .ce-youtube-slider + div, .ce-youtube-slider + section {
+ border-top : 1px solid #c6c6c6;
+ padding-top : 50px;
+ }
+ .ce-youtube-slider .swiper-button-prev-small-youtube, .ce-youtube-slider .swiper-button-next-small-youtube {
+ padding : 12px 10px;
+ background : #ececec;
+ width : 30px;
+ }
+ .ce-youtube-slider .swiper-button-prev-small-youtube i.fa, .ce-youtube-slider .swiper-button-next-small-youtube i.fa {
+ padding-left : 0;
+ }
+ .ce-youtube-slider .swiper-button-next-small-youtube {
+ right : -30px;
+ }
+ .ce-youtube-slider .swiper-button-prev-small-youtube {
+ left : -30px;
+ }
+ .ce-youtube-slider .swiper-slide a div {
+ max-height : 140px;
+ height : auto;
+ overflow : hidden;
+ }
+ .ce-youtube-slider .swiper-slide a div img {
+ width : 100%;
+ }
+ @media screen and (max-width:640px) {
+ .ce-youtube-slider .swiper-slide a div {
+ max-height : none;
+ }
+ }
+ .shopDetailsContainer {
+ background : #ececec;
+ padding : 10px 0;
+ margin-bottom : 10px;
+ }
+ .shopDetailsContainer .left {
+ float : left;
+ min-height : 1px;
+ }
+ .shopDetailsContainer .left a {
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ text-decoration : none;
+ }
+ .shopDetailsContainer .left a i {
+ font-size : 12px;
+ }
+ .shopDetailsContainer .right {
+ float : right;
+ min-height : 1px;
+ }
+ .shopDetailsContainer .right ul li {
+ display : inline-block;
+ }
+ .shopDetailsContainer .right ul li a {
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ text-decoration : none;
+ }
+ .shopDetailsContainer .right ul li + li {
+ margin-left : 5px;
+ }
+ .shopDetailsContainer .tx-sy-osbeeproducts {
+ padding : 0;
+ }
+ .shopDetailsContainer .tx-sy-osbeeproducts ul {
+ display : inline-block;
+ }
+ .shopDetailsContainer .changeMoney span {
+ position : relative;
+ margin-right : 5px;
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ }
+ .shopDetailsContainer .changeMoney li {
+ position : relative;
+ margin-right : 5px;
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ }
+ .shopDetailsContainer .changeMoney li a {
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ text-decoration : none;
+ }
+ .shopDetailsContainer .changeMoney li ul {
+ width : 85px;
+ display : none;
+ position : absolute;
+ background : #fff;
+ padding : 5px 10px;
+ box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.35);
+ top : 32px;
+ left : 0;
+ }
+ .shopDetailsContainer .changeMoney li ul:before {
+ content : "";
+ height : 15px;
+ width : 100%;
+ position : absolute;
+ top : -15px;
+ }
+ .shopDetailsContainer .changeMoney li ul li a {
+ padding-left : 0;
+ }
+ .shopDetailsContainer .changeMoney li:hover ul {
+ display : block;
+ }
+ .marketplace-wrapper {
+ padding : 50px 0;
+ }
+ @media screen and (max-width:1120px) {
+ .marketplace-wrapper.inner.small, .tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner {
+ padding : 50px 25px;
+ }
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper.inner.small, .tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner {
+ padding : 0 25px;
+ }
+ }
+ .marketplace-wrapper .mp-mobile {
+ display : none;
+ margin-bottom : 0;
+ margin-top : 25px;
+ margin-bottom : 25px;
+ }
+ .marketplace-wrapper .mp-mobile button {
+ width : 100%;
+ outline : none;
+ border : none;
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper .mp-mobile {
+ display : block;
+ }
+ }
+ .marketplace-wrapper .mp-sidebar {
+ float : left;
+ width : 24.27%;
+ min-height : 1px;
+ margin-right : 0.97%;
+ }
+ .marketplace-wrapper .mp-sidebar.right {
+ margin-right : 0;
+ margin-left : 0.97%;
+ }
+ .marketplace-wrapper .mp-sidebar.right > div {
+ margin-bottom : 0;
+ }
+ .marketplace-wrapper .mp-sidebar.right > div + div {
+ margin-top : 30px;
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper .mp-sidebar {
+ float : none;
+ width : 100%;
+ margin-right : 0;
+ display : none;
+ margin-bottom : 25px;
+ }
+ .marketplace-wrapper .mp-sidebar.active {
+ display : block;
+ }
+ .marketplace-wrapper .mp-sidebar.right {
+ margin-left : 0;
+ display : block;
+ }
+ }
+ .marketplace-wrapper .mp-sidebar > div {
+ margin-bottom : 99px;
+ }
+ .marketplace-wrapper .mp-sidebar > div + div {
+ margin-top : 40px;
+ margin-bottom : 0;
+ }
+ .marketplace-wrapper .mp-sidebar h2, .marketplace-wrapper .mp-sidebar .ce-table table caption, .ce-table table .marketplace-wrapper .mp-sidebar caption {
+ text-align : left;
+ color : #333;
+ text-transform : uppercase;
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ margin : 0 0 10px 0;
+ font-family : "Open Sans", sans-serif;
+ padding-bottom : 3px;
+ border-bottom : 2px solid #fc0;
+ }
+ .marketplace-wrapper .mp-sidebar h2:after, .marketplace-wrapper .mp-sidebar .ce-table table caption:after, .ce-table table .marketplace-wrapper .mp-sidebar caption:after {
+ display : none;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche input[type="text"], .marketplace-wrapper .mp-sidebar .mp-suche select {
+ height : 40px;
+ border : #818181 solid 1px;
+ padding : 5px 10px;
+ width : 100%;
+ font-size : 14px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche input[type="text"] {
+ margin-bottom : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche input[type="submit"] {
+ width : 100%;
+ height : 40px;
+ border : none;
+ outline : none;
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ color : #fff;
+ background : #0067b1;
+ text-align : left;
+ padding : 10px;
+ cursor : pointer;
+ position : relative;
+ margin-top : 5px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche form {
+ position : relative;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche form:after {
+ content : "\f105";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ margin-left : 5px;
+ position : absolute;
+ right : 10px;
+ bottom : 9px;
+ color : #fff;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li {
+ display : block;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a {
+ text-decoration : none;
+ color : #333;
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li a:hover, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a:hover {
+ text-decoration : underline;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a {
+ display : block;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a .mp-categoryteaser, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a .mp-categoryteaser {
+ width : 20px;
+ height : 20px;
+ float : left;
+ color : #fff;
+ text-align : center;
+ margin-right : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a .mp-categoryteaser i, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a .mp-categoryteaser i {
+ text-align : center;
+ vertical-align : middle;
+ color : #fff;
+ font-size : 10px;
+ padding : 0 0 3px 0;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul {
+ margin-top : 8px;
+ margin-left : 20px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li {
+ padding-left : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li a {
+ font-weight : 400;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li + li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li + li {
+ margin-top : 5px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li + li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li + li {
+ margin-top : 12px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a {
+ font-weight : 400;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li + li {
+ margin-top : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-info img {
+ display : block;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-info img + p {
+ font-size : 13px;
+ line-height : normal;
+ margin : 15px 0 0 0;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-info img + p + p {
+ margin-top : 15px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-buttons a {
+ text-decoration : none;
+ color : #fff;
+ background : #0067b1;
+ width : 100%;
+ display : block;
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ text-transform : uppercase;
+ text-align : center;
+ padding : 15px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-buttons a + a {
+ margin-top : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-buttons a.blue {
+ background : #0067b1;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-buttons a.nobutton {
+ padding : 0;
+ color : #333;
+ background : transparent;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productspecifikation {
+ background : #ececec;
+ padding : 15px 10px 30px 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productspecifikation p {
+ margin : 0;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productspecifikation p + p {
+ margin-top : 30px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productspecifikation p a {
+ color : #0067b1;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productShare p {
+ margin : 0;
+ font-weight : 700;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productShare br {
+ display : none;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productShare .shariff .orientation-horizontal {
+ text-align : left !important ;
+ }
+ .marketplace-wrapper .mp-contentContainer {
+ float : left;
+ width : 74.76%;
+ min-height : 1px;
+ }
+ .marketplace-wrapper .mp-contentContainer.detailseite {
+ width : 49.51%;
+ padding-top : 25px;
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper .mp-contentContainer {
+ float : none;
+ width : 100%;
+ margin-bottom : 25px;
+ }
+ .marketplace-wrapper .mp-contentContainer.detailseite {
+ width : 100%;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner {
+ width : 100%;
+ height : auto;
+ margin-bottom : 30px;
+ position : relative;
+ }
+ @media screen and (max-width:480px) {
+ .marketplace-wrapper .mp-contentContainer .mp-banner {
+ display : none;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div {
+ position : absolute;
+ top : 40px;
+ left : 40px;
+ }
+ @media screen and (max-width:1024px) {
+ .marketplace-wrapper .mp-contentContainer .mp-banner div {
+ top : 20px;
+ left : 20px;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div h2, .marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption, .ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption {
+ color : #fff;
+ font-weight : 700;
+ text-align : left;
+ font-size : 32px;
+ line-height : normal;
+ text-transform : uppercase;
+ margin-top : 0;
+ font-family : "Open Sans", sans-serif;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div h2:after, .marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption:after, .ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption:after {
+ margin : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div p {
+ color : #fff;
+ margin : 0;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div p + p {
+ margin-top : 15px;
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper .mp-contentContainer .mp-banner div p {
+ display : none;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div a {
+ color : #fff;
+ text-decoration : none;
+ font-size : 13px;
+ line-height : normal;
+ display : block;
+ margin-top : 15px;
+ text-transform : uppercase;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div a:after {
+ content : "\f178";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ margin-left : 5px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div a:hover {
+ text-decoration : underline;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-filter {
+ width : 100%;
+ margin-bottom : 20px;
+ }
+ @media screen and (min-width:600px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul {
+ display : flex;
+ flex-wrap : nowrap;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li {
+ background : #bbbbbb;
+ color : #fff;
+ cursor : pointer;
+ padding : 15px 0;
+ font-weight : 700;
+ text-transform : uppercase;
+ text-align : center;
+ }
+ @media screen and (min-width:600px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li {
+ flex-direction : column;
+ order : 4;
+ flex-grow : 4;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li.active, .marketplace-wrapper .mp-contentContainer .mp-filter ul li:hover {
+ background : #333;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li + li {
+ margin-left : 10px;
+ }
+ @media screen and (max-width:1024px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li {
+ font-size : 13px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li {
+ font-size : 12px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:600px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li + li {
+ margin-left : 0;
+ margin-top : 10px;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article {
+ float : left;
+ width : 250px;
+ width : calc((100% - 21px) / 3);
+ border : #818181 solid 1px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article + article {
+ margin-left : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) {
+ margin-left : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 4) {
+ margin-top : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article > a {
+ display : block;
+ height : 100%;
+ position : relative;
+ padding-bottom : 50px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header {
+ position : relative;
+ padding : 10px 10px 0 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage, .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser {
+ display : block;
+ float : left;
+ max-width : 70px;
+ margin-right : 10px;
+ width : 54px;
+ height : 54px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage i, .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser i {
+ text-align : center;
+ vertical-align : middle;
+ color : #fff;
+ font-size : 24px;
+ padding : 15px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header h3 {
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ font-weight : 400;
+ margin : 0 0 10px 0;
+ max-width : calc(100% - 70px);
+ float : left;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header span {
+ font-size : 11px;
+ line-height : normal;
+ display : block;
+ font-weight : 400;
+ color : #333;
+ clear : both;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner {
+ position : absolute;
+ top : 0;
+ right : 0;
+ z-index : 800;
+ }
+ @media screen and (max-width:1120px) {
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner {
+ display : none;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer {
+ position : relative;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty {
+ position : absolute;
+ top : 0;
+ left : 0;
+ width : 0%;
+ overflow : hidden;
+ height : 22px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span {
+ color : #fc0;
+ position : absolute;
+ top : 4px;
+ font-size : 9px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span {
+ left : 12px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span {
+ left : 23px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span + span {
+ left : 34px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span + span + span {
+ left : 45px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty {
+ position : relative;
+ left : auto;
+ right : auto;
+ bottom : auto;
+ width : 100%;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article main {
+ margin-top : 15px;
+ padding : 0 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article main p {
+ font-size : 13px;
+ line-height : normal;
+ margin : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article main p + p {
+ margin-top : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article main img {
+ display : block;
+ margin-top : 15px;
+ max-height : 25px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer {
+ margin-top : 10px;
+ border-top : 1px solid #818181;
+ padding : 10px 10px 10px 10px;
+ position : absolute;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer {
+ float : left;
+ position : relative;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled {
+ position : absolute;
+ top : 0;
+ left : 0;
+ width : 0%;
+ overflow : hidden;
+ height : 22px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span {
+ color : #fc0;
+ position : absolute;
+ top : 4px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span {
+ left : 19px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span {
+ left : 38px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span + span {
+ left : 57px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span + span + span {
+ left : 76px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .price {
+ float : none;
+ }
+ @media screen and (max-width:1100px) {
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .price {
+ font-size : 13px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .price span {
+ font-size : 10px !important ;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation {
+ display : none;
+ background : #0067b1;
+ color : #fff;
+ text-align : center;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 16px;
+ line-height : normal;
+ padding : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation:after {
+ content : "\f178";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ margin-left : 5px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a {
+ text-decoration : none;
+ color : #333;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer {
+ padding : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .ratingContainer {
+ display : none;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .price {
+ display : none;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .moreInformation {
+ display : block;
+ }
+ @media screen and (max-width:1023px) {
+ .marketplace-wrapper .mp-contentContainer .mp-content article {
+ width : calc((100% - 11px) / 2);
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) {
+ margin-left : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n 3) {
+ margin-left : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 3) {
+ margin-top : 10px;
+ }
+ }
+ @media screen and (max-width:560px) {
+ .marketplace-wrapper .mp-contentContainer .mp-content article {
+ width : 100%;
+ margin-left : 0 !important ;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) {
+ margin-left : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n 3) {
+ margin-left : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 2) {
+ margin-top : 10px;
+ }
+ }
+ .mpdetail-content .mp-productInfo {
+ margin-bottom : 60px;
+ }
+ .mpdetail-content .mp-productInfo > img, .mpdetail-content .mp-productInfo > .mpdetail-productcategoryteaser {
+ float : left;
+ margin : 0 10px;
+ max-width : 110px;
+ display : block;
+ text-align : center;
+ height : 100px;
+ width : 100px;
+ }
+ .mpdetail-content .mp-productInfo > img i, .mpdetail-content .mp-productInfo > .mpdetail-productcategoryteaser i {
+ font-size : 40px;
+ vertical-align : middle;
+ color : #fff;
+ display : inline-block;
+ line-height : 100px;
+ }
+ .mpdetail-content .mp-productInfo > div {
+ float : left;
+ max-width : 340px;
+ }
+ .mpdetail-content .mp-productInfo > div h1 {
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ font-weight : 700;
+ margin : 0 0 5px 0;
+ }
+ .mpdetail-content .mp-productInfo > div > span {
+ font-size : 11px;
+ line-height : normal;
+ display : block;
+ font-weight : 400;
+ color : #333;
+ }
+ .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung img {
+ display : block;
+ margin : 15px 0;
+ float : left;
+ }
+ .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung img + img {
+ margin-left : 5px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer {
+ position : relative;
+ display : inline-block;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled {
+ position : absolute;
+ top : 0;
+ left : 0;
+ width : 0%;
+ overflow : hidden;
+ height : 22px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span {
+ color : #fc0;
+ position : absolute;
+ top : 4px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span {
+ left : 19px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span {
+ left : 38px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span + span {
+ left : 57px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span + span + span {
+ left : 76px;
+ }
+ .mpdetail-content .mp-productWrapper > ul li {
+ float : left;
+ width : calc(100% / 3);
+ background : #fff;
+ text-align : center;
+ border-top : 2px solid #ebebeb;
+ border-left : 2px solid #ebebeb;
+ cursor : pointer;
+ }
+ .mpdetail-content .mp-productWrapper > ul li a {
+ color : #333;
+ font-size : 13px;
+ line-height : normal;
+ cursor : pointer;
+ text-decoration : none;
+ font-weight : 700;
+ display : block;
+ padding : 15px;
+ }
+ @media screen and (max-width:360px) {
+ .mpdetail-content .mp-productWrapper > ul li a {
+ font-size : 11px;
+ line-height : normal;
+ }
+ }
+ .mpdetail-content .mp-productWrapper > ul li.current, .mpdetail-content .mp-productWrapper > ul li:hover {
+ background : #ececec;
+ border-top : 2px solid #fc0;
+ }
+ .mpdetail-content .mp-productWrapper > ul li.current i, .mpdetail-content .mp-productWrapper > ul li:hover i {
+ color : #fc0;
+ }
+ .mpdetail-content .mp-productWrapper > ul li.current {
+ border-left : 2px solid transparent;
+ border-right : 2px solid transparent;
+ }
+ .mpdetail-content .mp-productWrapper > ul li.current + li {
+ border-left : 2px solid #ebebeb;
+ }
+ .mpdetail-content .mp-productWrapper > ul li:nth-of-type(2).current {
+ border-left : 2px solid #ebebeb;
+ }
+ .mpdetail-content .mp-productWrapper > ul li + li {
+ border-right : 2px solid #ebebeb;
+ }
+ .mpdetail-content .mp-productWrapper > ul li + li + li {
+ border-left : 2px solid transparent;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab {
+ display : none;
+ background : #ececec;
+ padding : 15px 10px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab:first-of-type {
+ display : block;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab h3 {
+ color : #333;
+ margin : 0 0 10px 0;
+ font-size : 18px;
+ line-height : normal;
+ font-weight : 700;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab a {
+ font-size : 13px;
+ line-height : normal;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab p {
+ margin : 0;
+ font-size : 13px;
+ line-height : normal;
+ color : #333;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab p a {
+ font-size : 13px;
+ line-height : normal;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab p + p {
+ margin-top : 15px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab ul {
+ margin : 10px 0 0 0;
+ padding : 0;
+ list-style-type : none;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab ul li {
+ position : relative;
+ padding-left : 15px;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab ul li:before {
+ content : "\f054";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ position : absolute;
+ top : 4px;
+ left : 0;
+ color : #333;
+ font-size : 12px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab ul li + li {
+ margin-top : 4px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span {
+ color : #bbb;
+ cursor : pointer;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover ~ span {
+ color : #fc0;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover:before, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover ~ span:before {
+ content : "\f005";
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer p {
+ font-size : 18px;
+ line-height : normal;
+ color : #bbb;
+ display : inline-block;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form {
+ margin-bottom : 20px;
+ padding-bottom : 30px;
+ border-bottom : 1px solid #bbbbbb;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea {
+ resize : none;
+ height : 105px;
+ padding : 10px;
+ width : 100%;
+ margin-top : 10px;
+ color : #bbb;
+ font-size : 18px;
+ line-height : normal;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea + p {
+ font-size : 13px;
+ line-height : normal;
+ color : #bbb;
+ text-align : right;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form input[type="submit"] {
+ display : inline-block;
+ font-size : 16px;
+ line-height : normal;
+ color : #fff;
+ border : none;
+ outline : none;
+ text-align : center;
+ background : #0067b1;
+ text-transform : uppercase;
+ padding : 15px;
+ min-width : 160px;
+ margin-top : -10px;
+ font-weight : 700;
+ cursor : pointer;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment h3 {
+ margin-bottom : 5px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment + .mp-usercomment {
+ margin-top : 25px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer .fa-star {
+ color : #fc0;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer span {
+ color : #bbb;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply {
+ background : #fff;
+ padding : 15px 10px;
+ margin-left : 30px;
+ position : relative;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after {
+ bottom : 100%;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-bottom-color : #fff;
+ border-width : 15px;
+ margin-left : -200px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-bottom-color : #fff;
+ border-width : 15px;
+ margin-left : -200px;
+ }
+ .forumWrapOuter {
+ background : #ececec;
+ }
+ .forumWrapOuter .ce-Image-Text-Element {
+ margin-bottom : 0;
+ padding-bottom : 40px;
+ }
+ .tx-typo3forum-pi1 {
+ padding-top : 50px;
+ padding-bottom : 50px;
+ }
+ .tx-typo3forum-pi1 .forum_menu, .tx-typo3forum-pi1 .topic_list_menu {
+ margin-bottom : 40px;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) {
+ float : left;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) i {
+ display : none;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:before {
+ content : "\f053";
+ display : inline-block;
+ margin-right : 5px;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) {
+ float : right;
+ margin-left : 15px;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) i {
+ display : none;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:before {
+ content : "\f0fe";
+ display : inline-block;
+ margin-right : 5px;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) {
+ float : right;
+ display : none !important ;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) i {
+ display : none;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a {
+ background : #fc0;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:before {
+ content : "\f005";
+ display : inline-block;
+ margin-right : 5px;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ @media screen and (max-width:640px) {
+ .tx-typo3forum-pi1 .forum_menu ul li, .tx-typo3forum-pi1 .topic_list_menu ul li {
+ float : none !important ;
+ width : 100% !important ;
+ margin-bottom : 5px;
+ margin-left : 0 !important ;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li a, .tx-typo3forum-pi1 .topic_list_menu ul li a {
+ width : 100%;
+ text-align : center;
+ }
+ }
+ .tx-typo3forum-pi1 #topic fieldset, .tx-typo3forum-pi1 #post fieldset, .tx-typo3forum-pi1 #report fieldset {
+ border : none;
+ padding : 0;
+ margin : 0;
+ }
+ .tx-typo3forum-pi1 #topic fieldset legend, .tx-typo3forum-pi1 #post fieldset legend, .tx-typo3forum-pi1 #report fieldset legend {
+ margin-bottom : 40px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .control-group, .tx-typo3forum-pi1 #post fieldset .control-group, .tx-typo3forum-pi1 #report fieldset .control-group {
+ margin-bottom : 15px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .control-group + .control-group > label, .tx-typo3forum-pi1 #post fieldset .control-group + .control-group > label, .tx-typo3forum-pi1 #report fieldset .control-group + .control-group > label {
+ position : relative;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .markItUpContainer, .tx-typo3forum-pi1 #post fieldset .markItUpContainer, .tx-typo3forum-pi1 #report fieldset .markItUpContainer {
+ width : 100%;
+ max-width : 927px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .markItUpHeader, .tx-typo3forum-pi1 #post fieldset .markItUpHeader, .tx-typo3forum-pi1 #report fieldset .markItUpHeader {
+ float : right;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul .markItUpDropMenu, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul .markItUpDropMenu, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul .markItUpDropMenu {
+ padding-right : 0;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul a, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul a, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul a {
+ width : 18px;
+ height : 18px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="submit"], .tx-typo3forum-pi1 #post fieldset input[type="submit"], .tx-typo3forum-pi1 #report fieldset input[type="submit"] {
+ display : block;
+ float : left;
+ border : #c6c6c6 solid 1px;
+ height : 35px;
+ padding : 0 10px;
+ background : #c6c6c6;
+ font-size : 14px;
+ line-height : 33px;
+ cursor : pointer;
+ font-family : "Open Sans", sans-serif;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="submit"] + .btn, .tx-typo3forum-pi1 #post fieldset input[type="submit"] + .btn, .tx-typo3forum-pi1 #report fieldset input[type="submit"] + .btn {
+ display : block;
+ float : left;
+ border : #c6c6c6 solid 1px;
+ height : 35px;
+ padding : 0 10px;
+ margin-left : 10px;
+ background : #c6c6c6;
+ font-size : 14px;
+ line-height : 35px;
+ color : #000;
+ font-weight : 400;
+ font-family : "Open Sans", sans-serif;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="checkbox"], .tx-typo3forum-pi1 #post fieldset input[type="checkbox"], .tx-typo3forum-pi1 #report fieldset input[type="checkbox"] {
+ margin-left : 0;
+ margin-top : 0;
+ vertical-align : bottom;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="text"], .tx-typo3forum-pi1 #topic fieldset textarea, .tx-typo3forum-pi1 #post fieldset input[type="text"], .tx-typo3forum-pi1 #post fieldset textarea, .tx-typo3forum-pi1 #report fieldset input[type="text"], .tx-typo3forum-pi1 #report fieldset textarea {
+ border : #c6c6c6 solid 1px;
+ padding : 0 10px;
+ height : 30px;
+ font-family : "Open Sans", sans-serif;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="text"], .tx-typo3forum-pi1 #post fieldset input[type="text"], .tx-typo3forum-pi1 #report fieldset input[type="text"] {
+ width : 100%;
+ max-width : 927px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset textarea, .tx-typo3forum-pi1 #post fieldset textarea, .tx-typo3forum-pi1 #report fieldset textarea {
+ padding-top : 10px;
+ padding-bottom : 10px;
+ margin-top : 5px;
+ min-height : 200px;
+ font-family : "Open Sans", sans-serif;
+ }
+ .tx-typo3forum-pi1 #post fieldset .control-group > label {
+ position : relative;
+ bottom : -25px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .control-group + .control-group > label {
+ position : relative;
+ bottom : -25px;
+ }
+ .tx-typo3forum-pi1 #report .markItUp {
+ margin-top : -20px;
+ }
+ .tx-typo3forum-pi1 #report .markItUp .tx-typo3forum-miu-code, .tx-typo3forum-pi1 #report .markItUp .markItUpSeparator {
+ display : none;
+ }
+ .tx-typo3forum-pi1 ul.nav-pills-condensed {
+ margin-bottom : 5px;
+ }
+ .tx-typo3forum-pi1 > h2, .ce-table table .tx-typo3forum-pi1 > caption {
+ display : none;
+ }
+ .tx-typo3forum-pi1 > h2.enable, .ce-table table .tx-typo3forum-pi1 > caption.enable {
+ text-transform : none;
+ text-align : left;
+ padding-left : 10px;
+ background : #0067b1;
+ padding : 15px 0 15px 10px;
+ margin : 0;
+ font-size : 16px;
+ line-height : normal;
+ color : #fff;
+ }
+ .tx-typo3forum-pi1 > h2.enable:after, .ce-table table .tx-typo3forum-pi1 > caption.enable:after {
+ display : none;
+ }
+ .tx-typo3forum-pi1 table tbody td {
+ background : #fff !important ;
+ padding : 10px 8px;
+ line-height : 60px;
+ vertical-align : middle;
+ height : 60px;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .tx-typo3forum-pi1 table tbody td div {
+ font-size : 13px;
+ line-height : 18.2px;
+ font-size : 0.8125rem;
+ line-height : 1.1375rem;
+ font-weight : 300;
+ color : #b4b4b4;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .tx-typo3forum-pi1 table tbody td a {
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ text-decoration : none;
+ color : #333;
+ }
+ .tx-typo3forum-pi1 table tbody td:nth-of-type(n 3) {
+ text-align : center;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator {
+ text-align : right;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator li {
+ color : #0067b1;
+ font-weight : 700;
+ font-size : 13px;
+ line-height : normal;
+ display : inline-block;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator li a {
+ font-size : 13px;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator li.current {
+ color : #fc0;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator li + li {
+ margin-left : 5px;
+ }
+ .ce-osbee-forum h2, .ce-osbee-forum .ce-table table caption, .ce-table table .ce-osbee-forum caption {
+ text-transform : none;
+ text-align : left;
+ padding-left : 10px;
+ background : #0067b1;
+ padding : 15px 0 15px 10px;
+ margin : 0;
+ font-size : 16px;
+ line-height : normal;
+ color : #fff;
+ }
+ .ce-osbee-forum h2:after, .ce-osbee-forum .ce-table table caption:after, .ce-table table .ce-osbee-forum caption:after {
+ display : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap {
+ display : block;
+ width : 100%;
+ background : #fff;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child {
+ width : 100%;
+ padding : 15px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon {
+ float : left;
+ max-width : 70px;
+ margin-right : 15px;
+ width : 41px;
+ height : 41px;
+ border-radius : 25px;
+ background : #c6c6c6;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic {
+ background : #fff;
+ text-align : center;
+ vertical-align : middle;
+ border : #bbb solid 1px;
+ width : 20px;
+ height : 20px;
+ color : #bbb;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic i, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic i {
+ padding : 0;
+ font-size : 12px;
+ padding-top : 4px;
+ display : block;
+ }
+ @media screen and (max-width:640px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon {
+ display : none;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left {
+ float : left;
+ width : 55%;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 {
+ margin : 0;
+ font-size : 16px;
+ line-height : normal;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a {
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ margin : 0 0 5px 0;
+ display : block;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a {
+ font-weight : 400;
+ font-size : 12px;
+ line-height : normal;
+ margin : 0;
+ display : block;
+ width : 100%;
+ max-width : 500px;
+ overflow : hidden;
+ text-overflow : ellipsis;
+ white-space : nowrap;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span {
+ display : block;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span + span, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span + span {
+ color : #bbb;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left {
+ width : 40%;
+ }
+ }
+ @media screen and (max-width:800px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left {
+ width : 36%;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left {
+ float : none;
+ width : 100%;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a {
+ margin-bottom : 0;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p {
+ margin-bottom : 20px;
+ max-width : 85%;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p {
+ margin-bottom : 0;
+ max-width : 100%;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right {
+ float : right;
+ width : 36%;
+ min-width : 360px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p {
+ display : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.topics, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.posts {
+ display : block;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics {
+ font-size : 12px;
+ line-height : 14px;
+ margin : 0;
+ font-weight : 400;
+ width : 45px;
+ text-align : center;
+ float : left;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics span {
+ display : block;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics {
+ width : 40px;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts {
+ font-size : 12px;
+ line-height : 14px;
+ margin : 0;
+ font-weight : 400;
+ float : left;
+ width : 45px;
+ text-align : center;
+ margin-left : 25px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts a {
+ font-size : 12px;
+ line-height : 14px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts span {
+ display : block;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts {
+ width : 40px;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available {
+ width : 220px;
+ position : relative;
+ padding-left : 40px;
+ display : block;
+ float : left;
+ margin-left : 25px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .tx-typo3forum-topic-show-post-user-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .tx-typo3forum-topic-show-post-user-icon {
+ max-height : 30px;
+ border-radius : 25px;
+ width : auto;
+ margin-right : 0;
+ position : absolute;
+ left : 0;
+ top : 0;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost {
+ font-size : 12px;
+ line-height : 14px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a {
+ font-size : 12px;
+ line-height : 14px;
+ text-decoration : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a:hover, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a:hover {
+ text-decoration : underline;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor {
+ font-size : 12px;
+ line-height : 14px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a {
+ font-size : 12px;
+ line-height : 14px;
+ text-decoration : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a:hover, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a:hover {
+ text-decoration : underline;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor time, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor time {
+ font-size : 12px;
+ line-height : 14px;
+ display : block;
+ width : 100%;
+ color : #c6c6c6;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available {
+ width : 200px;
+ }
+ }
+ @media screen and (max-width:420px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available {
+ width : auto;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post img, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available img {
+ display : none;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available {
+ margin-top : 0;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available span {
+ display : inline;
+ vertical-align : middle;
+ line-height : 30px;
+ font-size : 12px;
+ line-height : 14px;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right {
+ width : 35%;
+ min-width : 330px;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right {
+ float : none;
+ width : 100%;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right {
+ display : none;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div a {
+ font-weight : 400;
+ color : #333;
+ text-decoration : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child + .ce-osbee-forum-child {
+ border-top : 1px solid #bbbbbb;
+ }
+ ul.nav-pills li {
+ display : inline-block;
+ }
+ ul.nav-pills li a {
+ font-size : 12px;
+ line-height : normal;
+ color : #333;
+ font-weight : 400;
+ text-decoration : none;
+ }
+ ul.nav-pills li a:hover {
+ text-decoration : underline;
+ }
+ ul.nav-pills li:last-of-type a {
+ font-weight : 700;
+ color : #333;
+ }
+ ul.nav-pills li + li:before {
+ content : "\f054";
+ color : #fc0;
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ font-size : 10px;
+ }
+ ul.nav-pills + .ce-osbee-forum {
+ margin-top : 20px;
+ }
+ .ce-osbee-forum-singlepost {
+ position : relative;
+ background : #fff;
+ padding : 30px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation {
+ width : 20%;
+ float : left;
+ padding-right : 2%;
+ border-right : 1px solid #bbb;
+ text-align : center;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon {
+ float : none;
+ display : block;
+ margin : 0;
+ background : #ececec;
+ padding : 10px;
+ text-align : center;
+ border-radius : 150px;
+ height : 85px;
+ width : 85px;
+ margin : 15px auto;
+ font-size : 60px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a {
+ font-size : 16px;
+ line-height : normal;
+ margin : 0 0 10px 0;
+ color : #333;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a:hover {
+ text-decoration : underline;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div span.screenname {
+ font-size : 16px;
+ line-height : normal;
+ margin : 0 0 10px 0;
+ color : #333;
+ font-weight : 700;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName {
+ font-size : 18px;
+ line-height : normal;
+ font-weight : 600;
+ color : #333;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered {
+ font-size : 14px;
+ line-height : normal;
+ color : #bbbbbb;
+ margin-bottom : 10px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .membersince {
+ font-size : 12px;
+ line-height : normal;
+ color : #bbbbbb;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .postcounts {
+ font-size : 12px;
+ line-height : normal;
+ color : #bbbbbb;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p {
+ font-size : 14px;
+ line-height : normal;
+ font-weight : 400;
+ margin : 0;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p + p {
+ margin-top : 2px;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation {
+ width : 25%;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a {
+ font-size : 14px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation {
+ float : none;
+ width : 100%;
+ border-right : none;
+ padding-right : 0;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon {
+ display : none;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div {
+ padding-bottom : 15px;
+ border-bottom : 1px solid #bbb;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div * {
+ display : block;
+ text-align : left;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a {
+ font-size : 14px;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.membersince, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.postcounts, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.unregistered {
+ margin-left : 0;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div {
+ padding-bottom : 15px;
+ }
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content {
+ width : 77%;
+ float : left;
+ padding-left : 2%;
+ margin-left : 3%;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content {
+ width : 70%;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content {
+ float : none;
+ margin-left : 0;
+ width : 100%;
+ margin-top : 20px;
+ }
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text {
+ padding : 0;
+ margin : 0;
+ font-size : 12px;
+ line-height : normal;
+ padding-top : 10px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text p {
+ font-size : 12px;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote {
+ background : #fff;
+ color : #333;
+ border : none;
+ margin : 0 0 15px 0;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user {
+ color : #333;
+ font-size : 12px;
+ font-weight : 400;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user a {
+ color : #333;
+ font-size : 12px;
+ font-weight : 400;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text {
+ margin-top : 10px;
+ font-style : italic;
+ color : #bbb;
+ font-size : 12px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text:before {
+ content : "\f10e";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ font-size : 30px;
+ color : #0067b1;
+ margin-right : 10px;
+ vertical-align : top;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote {
+ margin : -30px 0 10px 35px;
+ padding : 0;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote .tx-typo3forum-quote-text:before {
+ font-size : 20px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation {
+ border-bottom : 1px solid #bbb;
+ padding-bottom : 5px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu {
+ float : right;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu a {
+ font-weight : 400;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu .quote-icon {
+ padding-left : 0;
+ position : relative;
+ top : -4px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date {
+ float : left;
+ font-size : 12px;
+ line-height : normal;
+ color : #333;
+ font-style : normal;
+ font-size : 13px;
+ color : #bbb;
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation {
+ position : absolute;
+ top : 30px;
+ right : 30px;
+ border-bottom : none;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date {
+ float : none;
+ display : inline-block;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu {
+ float : none;
+ margin-left : 10px;
+ display : inline-block;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation {
+ position : relative;
+ top : 0;
+ text-align : right;
+ right : auto;
+ border-bottom : none;
+ }
+ }
+ .ce-osbee-forum-singlepost + .ce-osbee-forum-singlepost {
+ border-top : 1px solid #bbbbbb;
+ }
+ .ce-osbee-forum-singlepost:first-of-type {
+ margin-top : 30px;
+ }
+ .f3-widget-paginator {
+ margin : 40px 0 30px 0;
+ text-align : right;
+ }
+ .osbee-forum-empty {
+ display : none;
+ }
+ .osbee-forum-empty.enable {
+ display : block;
+ }
+ p.tx-srfeuserregister-pi1-error {
+ font-size : 13px;
+ line-height : normal;
+ }
+ .blogContentFullWidth {
+ margin-top : 25px;
+ }
+ .blogContent {
+ float : left;
+ width : 73.78%;
+ width : calc(100% - 32.85%);
+ display : block;
+ max-width : 740px;
+ padding : 50px 0;
+ margin-right : 4.85%;
+ padding-top : 0;
+ }
+ .blogContent a {
+ color : #0067b1;
+ }
+ @media screen and (max-width:1020px) {
+ .blogContent {
+ width : 100%;
+ max-width : none;
+ margin-right : 0;
+ float : none;
+ }
+ }
+ .blogSidebar {
+ float : left;
+ width : 23.30%;
+ width : calc(100% - 72%);
+ max-width : 240px;
+ display : block;
+ padding : 50px 0;
+ padding-top : 0;
+ margin-top : 40px;
+ }
+ @media screen and (max-width:1020px) {
+ .blogSidebar {
+ float : none;
+ width : 100%;
+ max-width : none;
+ }
+ }
+ .blogSidebar .csc-header {
+ width : 100%;
+ text-align : left;
+ }
+ .blogSidebar h3, .blogSidebar h1, .blogSidebar h2, .blogSidebar .ce-table table caption, .ce-table table .blogSidebar caption {
+ display : inline-block;
+ width : 100%;
+ padding : 0 0 3px 0;
+ border-bottom : 2px solid #fc0;
+ font-weight : bold;
+ margin : 0 0 10px 0;
+ font-size : 16px;
+ line-height : normal;
+ text-transform : none;
+ text-align : left;
+ }
+ .blogSidebar .news {
+ padding : 0;
+ margin-bottom : 40px;
+ }
+ .blogSidebar .blog-subscribe h2, .blogSidebar .blog-subscribe .ce-table table caption, .ce-table table .blogSidebar .blog-subscribe caption {
+ display : inline-block;
+ width : 100%;
+ padding : 0 0 3px 0;
+ border-bottom : 2px solid #fc0;
+ font-weight : bold;
+ margin : 0 0 10px 0;
+ font-size : 16px;
+ line-height : normal;
+ text-transform : none;
+ text-align : left;
+ }
+ .blogSidebar .blog-subscribe h2:after, .blogSidebar .blog-subscribe .ce-table table caption:after, .ce-table table .blogSidebar .blog-subscribe caption:after {
+ display : none;
+ }
+ .blogSidebar .blog-subscribe .tx-srfeuserregister-pi1-notice {
+ font-style : normal;
+ margin : 0;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .blogSidebar .blog-subscribe .terms {
+ margin-top : 15px;
+ }
+ .blogSidebar .blog-subscribe .terms .termsInputContainer {
+ float : left;
+ width : 10%;
+ text-align : left;
+ }
+ .blogSidebar .blog-subscribe .terms .termsInputContainer input {
+ width : 15px;
+ height : 15px;
+ border : #c6c6c6 solid 1px;
+ background : #fff;
+ }
+ .blogSidebar .blog-subscribe .terms p {
+ float : left;
+ width : 90%;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .blogSidebar .blog-subscribe .terms p a {
+ padding-left : 0;
+ background-image : none;
+ font-weight : 400;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .blogSidebar .blog-subscribe .terms p span {
+ display : none;
+ }
+ .blogSidebar .blog-subscribe .firstname input, .blogSidebar .blog-subscribe .email input {
+ margin-top : 0;
+ }
+ .news-list-view h3 {
+ margin : 0;
+ }
+ .news-list-view h3 a {
+ text-decoration : none;
+ }
+ .news-list-view h3 a span {
+ font-size : 18px;
+ color : #333;
+ font-weight : normal;
+ }
+ .news-list-view h3:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px 0 0 0;
+ }
+ .news-list-view .header {
+ display : inline-block;
+ width : 100%;
+ max-width : 470px;
+ max-width : 450px;
+ margin-bottom : 15px;
+ }
+ .news-list-view .article {
+ clear : both;
+ height : 210px;
+ height : auto;
+ border-bottom : 1px solid #fc0;
+ }
+ .news-list-view .article .footer {
+ display : none;
+ }
+ .news-list-view .no-media-element img {
+ width : 250px;
+ height : 187px;
+ }
+ .news-list-view .more {
+ font-size : 15px;
+ line-height : normal;
+ vertical-align : bottom;
+ }
+ .news-list-view .news-img-wrap {
+ display : inline-block;
+ margin : 0 !important ;
+ padding : 0;
+ max-width : 250px;
+ height : 100%;
+ width : 26%;
+ }
+ .news-list-view .news-img-wrap img {
+ max-width : 100%;
+ height : auto;
+ }
+ .news-list-view .news-img-wrap a {
+ margin : 0;
+ padding : 0;
+ border : 0;
+ max-width : 100%;
+ }
+ @media screen and (max-width:640px) {
+ .news-list-view .news-img-wrap {
+ display : none;
+ }
+ }
+ .news-list-view .news-content-wrap {
+ width : 72%;
+ float : left;
+ margin-left : 2%;
+ }
+ .news-list-view .news-content-wrap h3 {
+ margin-bottom : 20px;
+ }
+ @media screen and (max-width:640px) {
+ .news-list-view .news-content-wrap {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ }
+ }
+ .news-list-view .teaser-text > span {
+ display : block;
+ }
+ .news-list-view .teaser-text ul, .news-list-view .teaser-text ol {
+ padding-left : 0;
+ margin-left : 15px;
+ }
+ .news-list-view .teaser-text .more {
+ display : block;
+ margin-top : 15px;
+ }
+ .news-single {
+ padding : 0;
+ margin-top : 40px;
+ }
+ .news-single .header h3 {
+ font-size : 18px;
+ color : #333;
+ font-weight : normal;
+ margin-bottom : 25px;
+ margin-top : 10px;
+ }
+ .news-single .header h3:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px 0 0 0;
+ }
+ .news-single .news-text-wrap p {
+ color : #333;
+ }
+ .news-single .footer {
+ border-top : 1px solid #fc0;
+ margin-bottom : 40px;
+ padding : 0;
+ padding-top : 20px;
+ text-align : right;
+ }
+ .news-single .footer p {
+ font-weight : bold;
+ color : #333;
+ margin-bottom : 0;
+ }
+ .news-single .footer span span {
+ padding-right : 0;
+ margin-right : 0;
+ }
+ .news-single .footer .socialmedia {
+ display : none;
+ }
+ .news-single .news-backlink-wrap a {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : bold;
+ color : #333;
+ text-decoration : none;
+ }
+ .news-single .article .news-img-wrap {
+ width : 100%;
+ height : auto;
+ margin-bottom : 30px;
+ float : none;
+ margin : 0;
+ float : left;
+ width : auto;
+ margin-right : 15px;
+ margin-bottom : 25px;
+ max-width : 350px;
+ }
+ @media screen and (max-width:768px) {
+ .news-single .article .news-img-wrap {
+ max-width : none;
+ float : none;
+ margin-right : 0;
+ margin-bottom : 15px;
+ width : 100%;
+ }
+ }
+ .news-single .article .news-img-wrap img {
+ max-width : 100%;
+ height : auto;
+ }
+ .news-single .shareThisPost {
+ float : right;
+ border-left : 1px solid #ddd;
+ padding-left : 10px;
+ }
+ .news-single .news-list-category span {
+ display : inline-block;
+ font-size : 13px;
+ border-right : none;
+ }
+ .news-single .news-list-category span + span:before {
+ content : "|";
+ display : inline-block;
+ margin : 0 5px 0 2px;
+ }
+ @media screen and (max-width:768px) {
+ .news-single .news-list-category {
+ float : none;
+ width : 100%;
+ display : block;
+ margin-top : 5px;
+ }
+ .news-single .news-list-date {
+ margin-top : 5px;
+ }
+ .news-single .shareThisPost {
+ display : block;
+ width : 100%;
+ float : none;
+ padding-left : 0;
+ border-left : none;
+ }
+ }
+ .news p + ul {
+ margin-top : 15px;
+ }
+ .blogSidebar .news ul li {
+ padding-left : 0;
+ font-weight : 700;
+ }
+ .blogSidebar .news ul li ul li {
+ font-weight : 400;
+ }
+ .blogSidebar .news ul li:before {
+ display : none;
+ }
+ .csc-header {
+ margin : 0;
+ padding : 0;
+ display : inline-block;
+ }
+ .blog-commentContainer {
+ background : #ececec;
+ padding : 15px 10px;
+ }
+ .blog-commentContainer form {
+ margin-bottom : 20px;
+ padding-bottom : 30px;
+ border-bottom : 1px solid #bbbbbb;
+ }
+ .blog-commentContainer form h3 {
+ margin : 5px 0 0 0;
+ }
+ .blog-commentContainer form textarea {
+ resize : none;
+ height : 120px;
+ padding : 10px;
+ width : 100%;
+ margin-top : 10px;
+ color : #bbb;
+ font-size : 18px;
+ line-height : normal;
+ }
+ .blog-commentContainer form textarea + p {
+ font-size : 14px;
+ line-height : normal;
+ color : #bbb;
+ text-align : right;
+ }
+ .blog-commentContainer form input[type="submit"] {
+ display : inline-block;
+ font-size : 15px;
+ line-height : normal;
+ color : #fff;
+ border : none;
+ outline : none;
+ text-align : center;
+ background : #0067b1;
+ text-transform : uppercase;
+ padding : 15px;
+ min-width : 160px;
+ margin-top : -10px;
+ font-weight : 700;
+ cursor : pointer;
+ }
+ .toctoc-comments-pi1 {
+ border-bottom : 1px solid transparent;
+ }
+ .tx-tc-sortlistmenu .tx-tc-dsclmrlistmenutitle:first-child {
+ display : none;
+ }
+ .tx-tc-ct-ry-report-line {
+ text-align : right;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .tx-tc-cts-ct-box + .tx-tc-cts-ct-box {
+ border-top : 1px solid #c6c6c6;
+ padding-top : 15px !important ;
+ }
+ .tx-tc-cts-ct-box + .tx-tc-cts-ct-box.replyAnswer {
+ border-top : none;
+ }
+ .blog-usercomment {
+ margin-left : 0 !important ;
+ }
+ .blog-usercomment h3 {
+ margin-bottom : 5px;
+ margin-top : 0;
+ }
+ .blog-usercomment h3 time {
+ display : inline-block;
+ }
+ .blog-usercomment h3 .tx-tc-popularity-pic {
+ display : none;
+ }
+ .blog-usercomment + .blog-usercomment {
+ margin-top : 25px;
+ }
+ .tx-tc-indent-subcmt {
+ background : #fff;
+ padding : 15px 10px !important ;
+ margin-left : 30px;
+ position : relative;
+ }
+ .tx-tc-indent-subcmt h3 {
+ margin-bottom : 10px;
+ margin-top : 0;
+ }
+ .tx-tc-indent-subcmt h3 time {
+ display : inline-block;
+ }
+ .tx-tc-indent-subcmt h3 .tx-tc-popularity-pic {
+ display : none;
+ }
+ .tx-tc-indent-subcmt:before, .tx-tc-indent-subcmt:after {
+ bottom : 100%;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .tx-tc-indent-subcmt:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-bottom-color : #fff;
+ border-width : 15px;
+ margin-left : -200px;
+ }
+ .tx-tc-indent-subcmt:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-bottom-color : #fff;
+ border-width : 15px;
+ margin-left : -200px;
+ }
+ .new-socialmedia {
+ font-size : 15px;
+ }
+ .new-socialmedia i {
+ font-size : 22px;
+ }
+ .tx-tc-dtadyn {
+ padding : 0 25px !important ;
+ }
+ .tx-tc-ct-form-field-upload {
+ display : none !important ;
+ }
+ .tx-tc-width100-85 {
+ width : 100%;
+ float : none !important ;
+ }
+ .tx-tc-ct-form-gender {
+ display : none;
+ }
+ .tx-tc-ct-form-field {
+ margin-top : 5px;
+ }
+ .tx-tc-ct-form-field input {
+ background : #fff !important ;
+ border : #c6c6c6 solid 1px;
+ color : #333 !important ;
+ }
+ .tx-tcfh112 {
+ opacity : 1 !important ;
+ }
+ .tx-tc-ct-reqhint {
+ font-size : 12px !important ;
+ line-height : normal !important ;
+ }
+ .latest-news-container {
+ background : #ececec;
+ padding : 40px 0;
+ }
+ .latest-news-container .startpage-latesnews {
+ float : left;
+ width : calc((100% - 60px) / 3);
+ border-bottom : 1px solid #fc0;
+ padding-bottom : 20px;
+ position : relative;
+ }
+ .latest-news-container .startpage-latesnews .news-img-wrap {
+ width : 100%;
+ margin-bottom : 15px;
+ max-width : none;
+ vertical-align : bottom;
+ display : table-cell;
+ }
+ .latest-news-container .startpage-latesnews .news-img-wrap a {
+ display : block;
+ }
+ .latest-news-container .startpage-latesnews .news-img-wrap img {
+ width : 100%;
+ display : block;
+ height : auto;
+ }
+ .latest-news-container .startpage-latesnews .header {
+ width : 100%;
+ height : auto;
+ }
+ .latest-news-container .startpage-latesnews .header h3 {
+ font-weight : 400;
+ }
+ .latest-news-container .startpage-latesnews .header h3 span {
+ font-size : 14px;
+ line-height : 19.6px;
+ font-size : 0.875rem;
+ line-height : 1.225rem;
+ }
+ .latest-news-container .startpage-latesnews .header h3:after {
+ display : none;
+ }
+ .latest-news-container .startpage-latesnews + .startpage-latesnews {
+ margin-left : 30px;
+ }
+ @media screen and (max-width:768px) {
+ .latest-news-container .startpage-latesnews {
+ float : none;
+ width : 100%;
+ }
+ .latest-news-container .startpage-latesnews .news-img-wrap {
+ width : 25%;
+ margin-right : 5%;
+ float : left;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container {
+ float : left;
+ width : 70%;
+ padding-left : 25px;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container .header {
+ margin-bottom : 0;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container .header h3 span {
+ font-size : 15px;
+ line-height : normal;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container .teaser-text .more {
+ margin-top : 5px;
+ }
+ .latest-news-container .startpage-latesnews + .startpage-latesnews {
+ margin-left : 0;
+ margin-top : 30px;
+ }
+ }
+ @media screen and (max-width:520px) {
+ .latest-news-container .startpage-latesnews .news-img-wrap {
+ display : none;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container {
+ float : none;
+ width : 100%;
+ }
+ }
+ .rss-feed-button {
+ padding-bottom : 50px;
+ }
+ .rss-feed-button a {
+ width : 100%;
+ text-align : center;
+ }
+ .rss-feed-button a i {
+ font-size : 16px;
+ }
+ .new-socialmedia {
+ padding-right : 0 !important ;
+ }
+ .shariff .orientation-horizontal {
+ display : block !important ;
+ text-align : right !important ;
+ }
+ .shariff .orientation-horizontal.col-5 li {
+ flex : none !important ;
+ min-width : 0 !important ;
+ max-width : none;
+ width : auto !important ;
+ margin-right : 10px !important ;
+ margin-left : 0 !important ;
+ padding : 0;
+ float : none;
+ display : inline-block;
+ margin-bottom : 0;
+ }
+ .shariff .orientation-horizontal.col-5 .fa {
+ border-right : none !important ;
+ padding-right : 0;
+ margin-right : 0;
+ width : auto !important ;
+ line-height : normal;
+ font-size : 13px !important ;
+ }
+ .shariff .orientation-horizontal.col-5 .share_text {
+ display : none;
+ }
+ .shariff .theme-grey .shariff-button.info {
+ border : none;
+ padding-left : 5px;
+ }
+ .shariff .theme-grey .shariff-button.info .share_text {
+ display : none !important ;
+ }
+ .shariff .theme-grey .shariff-button.info a {
+ color : #000;
+ }
+ .shariff .theme-grey .shariff-button a {
+ background : transparent !important ;
+ background-color : transparent !important ;
+ height : auto;
+ line-height : normal;
+ }
+ .shariff .theme-grey .shariff-button a span {
+ color : #333;
+ }
+ .shariff .theme-grey .shariff-button a span:before {
+ color : #333;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive {
+ font-family : "Open Sans", sans-serif;
+ border : none !important ;
+ padding : 10px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu {
+ border : none;
+ margin-bottom : 25px;
+ font-size : 15px;
+ line-height : normal;
+ border-bottom : 1px solid #0067b1;
+ padding-bottom : 10px;
+ background : transparent;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu:hover {
+ border-bottom : 1px solid #0067b1;
+ background : transparent !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu .tx-tc-sortlistmenutitle {
+ color : #333;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortind-pop {
+ width : 18px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-frmsqrhgt {
+ height : auto !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-ctinput-textarea {
+ height : 150px;
+ padding : 10px 15px !important ;
+ font-size : 15px;
+ line-height : normal !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-ct-submit-loggedin {
+ background : #be1622;
+ color : #fff;
+ font-size : 15px;
+ padding : 5px 10px;
+ margin-left : 4.5% !important ;
+ font-family : "Open Sans", sans-serif;
+ opacity : 1;
+ border-radius : 0;
+ border : none !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp {
+ opacity : 1 !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage {
+ height : auto;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage div.tx-tc-emo-nav-frm {
+ margin-bottom : 20px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emopage-emojis {
+ height : auto;
+ margin-bottom : 20px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emo-bot-nav {
+ height : auto;
+ width : 100% !important ;
+ border : none !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-menutitle-hilight {
+ background : transparent;
+ border : none;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel {
+ padding : 10px;
+ right : -2px;
+ top : 28px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox {
+ font-size : 14px;
+ line-height : normal;
+ font-weight : 600;
+ color : #0067b1;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink {
+ color : #0067b1;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink-selected {
+ color : #be1622;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortpopular {
+ border : none;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box {
+ margin : 0;
+ padding : 0 10px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ctdate {
+ font-size : 12px;
+ line-height : normal;
+ color : #333;
+ display : block;
+ margin-top : 2px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text {
+ font-size : 15px;
+ line-height : normal;
+ color : #333;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text img {
+ display : none;
+ }
+ @media screen and (max-width:480px) {
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text {
+ font-size : 12px;
+ line-height : normal;
+ }
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box + .tx-tc-cts-ct-box {
+ margin-top : 25px;
+ padding-top : 25px !important ;
+ border-top : 1px solid #0067b1;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ct-box-cttxt-reply {
+ border : none !important ;
+ padding : 0 !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt {
+ padding-left : 25px !important ;
+ width : 100% !important ;
+ background : #f6f7f8;
+ padding-top : 0 !important ;
+ border-top : none;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:after {
+ display : none !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox {
+ position : relative;
+ background : #fff;
+ border : #fff solid 4px;
+ padding : 10px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before {
+ bottom : 100%;
+ left : 12%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after {
+ border-color : rgba(191, 30, 46, 0);
+ border-bottom-color : #fff;
+ border-width : 25px;
+ margin-left : -25px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before {
+ border-color : rgba(191, 30, 46, 0);
+ border-bottom-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-box-picturecrop32 {
+ padding : 0;
+ height : 32px;
+ margin-right : 10px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-text {
+ padding-top : 0 !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ctdate {
+ margin-left : 42px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-tabledisp {
+ margin-left : 25px !important ;
+ width : calc(100% - 25px) !important ;
+ }
+ .tx-felogin-pi1 {
+ background-color : #ececec;
+ padding : 30px 17px 70px 17px;
+ margin-bottom : 50px;
+ }
+ .tx-felogin-pi1 h3 {
+ font-family : "Quicksand", sans-serif;
+ font-weight : 700;
+ text-transform : uppercase;
+ color : #333;
+ font-size : 24px;
+ line-height : normal;
+ text-align : left;
+ margin-bottom : 20px;
+ }
+ .tx-felogin-pi1 h3:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px 0 0 0;
+ }
+ .tx-felogin-pi1 form fieldset {
+ border : none;
+ padding : 0;
+ }
+ .tx-felogin-pi1 form fieldset > div {
+ width : 400px;
+ }
+ .tx-felogin-pi1 form fieldset > div > div {
+ border : #c6c6c6 solid 1px;
+ display : inline-block;
+ float : left;
+ width : 49%;
+ height : 53px;
+ line-height : 53px;
+ margin-top : 20px;
+ padding-left : 10px;
+ }
+ .tx-felogin-pi1 form fieldset > div > div:first-child {
+ margin-right : 2%;
+ }
+ .tx-felogin-pi1 form fieldset > div label {
+ display : inline-block;
+ }
+ .tx-felogin-pi1 form fieldset > div input[type="text"], .tx-felogin-pi1 form fieldset > div input[type="password"] {
+ width : 100%;
+ height : 55px;
+ border : #c6c6c6 solid 1px;
+ padding : 10px;
+ color : #333;
+ font-size : 15px;
+ }
+ .tx-felogin-pi1 form fieldset > div input[type="submit"] {
+ background : none 0% 0% repeat scroll #0067b1;
+ font-size : 1rem;
+ line-height : 1.4rem;
+ text-transform : uppercase;
+ color : #fff;
+ padding : 15px 60px;
+ margin-top : 20px;
+ border : none medium;
+ outline : medium none;
+ font-weight : 700;
+ cursor : pointer;
+ width : 100%;
+ }
+ @media screen and (max-width:485px) {
+ .tx-felogin-pi1 form fieldset > div {
+ width : 100%;
+ }
+ .tx-felogin-pi1 form fieldset > div > div {
+ width : 100%;
+ }
+ .tx-felogin-pi1 form fieldset > div > div:first-child {
+ margin-right : 0;
+ }
+ }
+ .tx-felogin-pi1 .felogin-links {
+ padding-top : 4px;
+ width : 400px;
+ }
+ .tx-felogin-pi1 .felogin-links > div {
+ display : inline-block;
+ float : right;
+ }
+ .tx-felogin-pi1 .felogin-links > div:first-child {
+ float : left;
+ }
+ .tx-felogin-pi1 .felogin-links > div a {
+ color : #333;
+ font-weight : normal;
+ }
+ @media screen and (max-width:485px) {
+ .tx-felogin-pi1 .felogin-links {
+ width : 100%;
+ }
+ .tx-felogin-pi1 .felogin-links > div {
+ display : block;
+ float : none;
+ margin-top : 5px;
+ }
+ .tx-felogin-pi1 .felogin-links > div:first-child {
+ float : none;
+ }
+ }
+ .tx-sy-osbeeproducts {
+ padding : 0 0 40px 0;
+ }
+ .tx-sy-osbeeproducts h2, .tx-sy-osbeeproducts .ce-table table caption, .ce-table table .tx-sy-osbeeproducts caption {
+ font-weight : 700;
+ color : #0067b1;
+ font-size : 18px;
+ line-height : normal;
+ display : block;
+ margin : 0 0 5px 0;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory, .tx-sy-osbeeproducts .os_cartApps {
+ margin-bottom : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table, .tx-sy-osbeeproducts .os_cartApps table {
+ border-spacing : 0;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type {
+ border-left : 1px solid #c6c6c6;
+ border-right : 1px solid #c6c6c6;
+ border-top : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td, .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td {
+ background : #ececec;
+ padding : 10px 0 10px 10px;
+ height : 40px;
+ color : #313131;
+ font-weight : 700;
+ border-bottom : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ border-top : 1px solid #c6c6c6;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) {
+ background : #d7d7d7;
+ padding : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3) {
+ text-align : right;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) {
+ text-align : right;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6) {
+ padding : 10px 0;
+ border-left : none;
+ text-align : center;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row, .tx-sy-osbeeproducts .os_cartApps table tr.row {
+ border-bottom : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td, .tx-sy-osbeeproducts .os_cartApps table tr.row td {
+ background : #fff;
+ padding : 10px 0 10px 10px;
+ color : #313131;
+ font-weight : 400;
+ border-left : 1px solid #c6c6c6;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr.row td:first-of-type {
+ color : #0067b1;
+ text-decoration : none;
+ font-weight : 700;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(2) {
+ padding : 0 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4) {
+ text-align : right;
+ padding-right : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) {
+ padding : 10px 0;
+ text-align : center;
+ padding-left : 10px;
+ padding-right : 10px;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) i, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) i {
+ font-size : 20px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a {
+ margin : 0;
+ padding : 0;
+ background : transparent;
+ border : none;
+ color : #be1622;
+ font-size : 20px;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a:hover, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a:hover {
+ text-decoration : none;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td {
+ font-size : 15px;
+ line-height : normal;
+ border-left : 1px solid #c6c6c6;
+ border-top : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:first-of-type {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ text-align : left;
+ padding : 10px;
+ background : #ececec;
+ height : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(2) {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ text-align : right;
+ padding : 10px;
+ background : #d7d7d7;
+ height : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(5), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(5) {
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ text-align : right;
+ background : #ececec;
+ padding : 10px;
+ height : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:last-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:last-of-type {
+ min-height : 1px;
+ background : #ececec;
+ height : 40px;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td {
+ padding : 10px;
+ font-size : 15px;
+ font-weight : 700;
+ line-height : normal;
+ background : #ececec;
+ border-top : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2) {
+ background : #d7d7d7;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3) {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7) {
+ text-align : right;
+ padding-right : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8) {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8) {
+ border-right : 1px solid #c6c6c6;
+ text-align : center;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td {
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3) {
+ border-left : none;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4) {
+ border-left : none;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(7), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) {
+ border-left : none;
+ text-align : right;
+ padding-right : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) {
+ padding : 10px 0;
+ text-align : center;
+ padding-left : 10px;
+ padding-right : 10px;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) i {
+ font-size : 20px;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a {
+ margin : 0;
+ padding : 0;
+ background : transparent;
+ border : none;
+ color : #be1622;
+ font-size : 20px;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a:hover {
+ text-decoration : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td {
+ padding : 10px;
+ border-top : none;
+ font-weight : 700;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(4) {
+ background : #ececec;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:last-of-type {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules {
+ padding-bottom : 80px;
+ margin-bottom : 80px;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table {
+ border-spacing : 0;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td {
+ padding : 10px;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ background : #ececec;
+ border-top : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(2) {
+ background : #d7d7d7;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:last-of-type {
+ border-left : none;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td {
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td:first-of-type {
+ color : #0067b1;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(2) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td:last-of-type {
+ border-right : 1px solid #c6c6c6;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td {
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ height : 40px;
+ padding : 10px;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td div {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(2) {
+ background : #d7d7d7;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(3) {
+ background : #ececec;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:last-of-type {
+ background : #ececec;
+ border-right : 1px solid #c6c6c6;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport {
+ margin-bottom : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div {
+ float : left;
+ width : calc((100% - 30px) / 4);
+ background : #ececec;
+ border : #c6c6c6 solid 1px;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .radioSupportName {
+ margin-top : 10px;
+ margin-right : 10px;
+ padding : 10px;
+ font-size : 18px;
+ line-height : normal;
+ color : #fff;
+ font-weight : 700;
+ text-transform : uppercase;
+ letter-spacing : 3px;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container {
+ padding : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container .radioSupport {
+ width : 20px;
+ height : 20px;
+ display : inline-block;
+ margin : 0 5px 0 0;
+ vertical-align : bottom;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container div {
+ display : inline-block;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container a {
+ color : #0067b1;
+ font-size : 15px;
+ text-decoration : none;
+ display : block;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container a:hover {
+ text-decoration : underline;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div:first-of-type .radioSupportName {
+ background : #d1d1d1;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div:nth-of-type(2) .radioSupportName {
+ background : #fc0;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div:nth-of-type(3) .radioSupportName {
+ background : #777372;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div:last-of-type .radioSupportName {
+ background : #3a3a3a;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div + div {
+ margin-left : 10px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport {
+ margin-bottom : 40px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div {
+ float : left;
+ width : calc((100% - 20px) / 3);
+ background : #ececec;
+ border : #c6c6c6 solid 1px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .radioAppSupportName {
+ margin-top : 10px;
+ margin-right : 10px;
+ padding : 10px;
+ font-size : 18px;
+ line-height : normal;
+ color : #fff;
+ font-weight : 700;
+ text-transform : uppercase;
+ letter-spacing : 1px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container {
+ padding : 10px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container .radioAppSupport {
+ width : 20px;
+ height : 20px;
+ display : inline-block;
+ margin : 0 5px 0 0;
+ vertical-align : bottom;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container div {
+ display : inline-block;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container a {
+ color : #0067b1;
+ font-size : 15px;
+ text-decoration : none;
+ display : block;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container a:hover {
+ text-decoration : underline;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div:first-of-type .radioAppSupportName {
+ background : #88b3d6;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div:nth-of-type(2) .radioAppSupportName {
+ background : #3f83c0;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div:nth-of-type(3) .radioAppSupportName {
+ background : #105b9e;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div + div {
+ margin-left : 10px;
+ }
+ .tx-sy-osbeeproducts .overviewSupport {
+ margin-bottom : 80px;
+ padding-bottom : 80px;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table {
+ border-spacing : 0;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ padding : 10px;
+ background : #ececec;
+ border-top : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:first-of-type {
+ border-left : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(4) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:last-of-type {
+ text-align : right;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td {
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-bottom : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:first-of-type .chosenSupport {
+ font-weight : 700;
+ color : #0067b1;
+ font-size : 15px;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(2) {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:last-of-type {
+ border-left : none;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td {
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(2) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(4) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:last-of-type {
+ border-right : 1px solid #c6c6c6;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td {
+ background : #ececec;
+ height : 40px;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:first-of-type {
+ border-left : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:nth-of-type(4) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:last-of-type {
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .lastStep {
+ border : #c6c6c6 solid 1px;
+ background : #ececec;
+ }
+ .tx-sy-osbeeproducts .lastStep table {
+ border-spacing : 0;
+ }
+ .tx-sy-osbeeproducts .lastStep table tr td {
+ padding : 0 10px 2px 10px;
+ font-size : 15px;
+ line-height : normal;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .lastStep table tr:first-of-type td {
+ padding-top : 10px;
+ }
+ .tx-sy-osbeeproducts .lastStep table tr:last-of-type td {
+ font-weight : 700;
+ padding-bottom : 10px;
+ }
+ .tx-sy-osbeeproducts .linkInActive {
+ background : #bbbbbb;
+ color : #fff;
+ padding : 10px 20px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 18px;
+ line-height : normal;
+ float : left;
+ margin-top : 20px;
+ border : none;
+ cursor : pointer;
+ }
+ .tx-sy-osbeeproducts .tooltipp {
+ display : none;
+ position : absolute;
+ background-color : #dddddd;
+ padding : 10px 20px;
+ color : black;
+ font-size : 18px;
+ margin-left : 120px;
+ float : left;
+ margin-top : 20px;
+ }
+ .tx-sy-osbeeproducts .checkoutOption {
+ margin-top : 20px;
+ }
+ .tx-sy-osbeeproducts .checkoutOption .checkoutSubmit {
+ background : #be1622;
+ color : #fff;
+ padding : 10px 20px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 18px;
+ line-height : normal;
+ float : right;
+ border : none;
+ cursor : pointer;
+ }
+ .tx-sy-osbeeproducts .checkoutOption .checkoutSubmit.blue {
+ background : #0067b1;
+ color : #fff;
+ padding : 10px 20px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 18px;
+ line-height : normal;
+ float : left;
+ border : none;
+ cursor : pointer;
+ }
+ .step3YourData, .mp-contentContainer.checkout .step3YourOrder {
+ padding-bottom : 80px;
+ margin-bottom : 80px;
+ border-bottom : 1px solid #bcbcbc;
+ border-spacing : 0;
+ width : 100%;
+ }
+ .step3YourData caption, .mp-contentContainer.checkout .step3YourOrder caption {
+ font-weight : 700;
+ color : #1268b3;
+ font-size : 18px;
+ line-height : normal;
+ display : block;
+ margin : 0 0 2px 0;
+ text-align : left;
+ }
+ .step3YourData tr:first-of-type td, .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td {
+ padding : 10px;
+ font-weight : 700;
+ font-size : 14px;
+ line-height : normal;
+ background : #f5f5f5;
+ border-top : 1px solid #bcbcbc;
+ border-left : 1px solid #bcbcbc;
+ border-bottom : 1px solid #bcbcbc;
+ }
+ .step3YourData tr:first-of-type td:nth-of-type(2), .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:nth-of-type(2) {
+ background : #d7d7d7;
+ }
+ .step3YourData tr:first-of-type td:last-of-type, .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:last-of-type {
+ border-left : none;
+ border-right : 1px solid #bcbcbc;
+ }
+ .step3YourData tr.row td, .mp-contentContainer.checkout .step3YourOrder tr.row td {
+ font-size : 14px;
+ line-height : normal;
+ padding : 10px;
+ border-left : 1px solid #bcbcbc;
+ border-bottom : 1px solid #bcbcbc;
+ border-right : 1px solid #bcbcbc;
+ }
+ .step3YourData tr.row td:first-of-type, .mp-contentContainer.checkout .step3YourOrder tr.row td:first-of-type {
+ color : #1268b3;
+ font-weight : 700;
+ font-size : 14px;
+ line-height : normal;
+ border-right : none;
+ }
+ .orderlist table {
+ margin-bottom : 80px;
+ border-spacing : 0;
+ width : 100%;
+ }
+ .orderlist table caption {
+ font-weight : 700;
+ color : #1268b3;
+ font-size : 18px;
+ line-height : normal;
+ display : block;
+ margin : 0 0 2px 0;
+ text-align : left;
+ }
+ .orderlist table tr:first-of-type th {
+ padding : 10px;
+ font-weight : 700;
+ font-size : 14px;
+ line-height : normal;
+ background : #f5f5f5;
+ border-top : 1px solid #bcbcbc;
+ border-left : 1px solid #bcbcbc;
+ border-bottom : 1px solid #bcbcbc;
+ text-align : left;
+ }
+ .orderlist table tr:first-of-type th:nth-of-type(3) {
+ text-align : center;
+ }
+ .orderlist table tr:first-of-type th:nth-of-type(4) {
+ text-align : right;
+ }
+ .orderlist table tr:first-of-type th:last-of-type {
+ border-right : 1px solid #bcbcbc;
+ }
+ .orderlist table tr td {
+ font-size : 14px;
+ line-height : normal;
+ padding : 10px;
+ border-left : 1px solid #bcbcbc;
+ border-bottom : 1px solid #bcbcbc;
+ }
+ .orderlist table tr td:nth-of-type(3) {
+ text-align : center;
+ }
+ .orderlist table tr td:nth-of-type(4) {
+ text-align : right;
+ }
+ .orderlist table tr td:last-of-type {
+ border-right : 1px solid #bcbcbc;
+ }
+ .step3YourOrder {
+ width : 100%;
+ border-spacing : 0;
+ margin-bottom : 80px;
+ }
+ .step3YourOrder caption {
+ text-align : left;
+ font-size : 18px;
+ color : #0067b1;
+ font-weight : 700;
+ padding-bottom : 5px;
+ }
+ .step3YourOrder tr td {
+ font-size : 14px;
+ line-height : normal;
+ padding : 10px;
+ border-top : 1px solid #bcbcbc;
+ border-right : 1px solid #bcbcbc;
+ }
+ .step3YourOrder tr td:first-of-type {
+ width : 35%;
+ font-weight : 700;
+ border-left : 1px solid #bcbcbc;
+ }
+ .step3YourOrder tr:last-of-type td {
+ border-bottom : 1px solid #bcbcbc;
+ }
+ .step3YourOrder tr:nth-child(odd) {
+ background : #f5f5f5;
+ }
+ .backToListButton {
+ margin-bottom : 40px;
+ }
+ .mp-contentContainer.checkout h1 {
+ font-size : 20px;
+ line-height : normal;
+ margin-bottom : 80px;
+ font-weight : 700;
+ text-transform : none;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout h1 {
+ font-size : 18px;
+ margin-bottom : 40px;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_optionText {
+ padding : 25px 40px;
+ border : #bcbcbc solid 1px;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_optionText {
+ padding : 15px 20px;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_optionText strong {
+ display : block;
+ font-weight : 700;
+ color : #333;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .mp-contentContainer.checkout .checkout_optionText p {
+ margin : 10px 0 0 0;
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption {
+ padding : 25px 40px;
+ background : #f5f5f5;
+ border : #bcbcbc solid 1px;
+ margin-top : 15px;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_paymentOption {
+ padding : 15px 20px;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption {
+ color : #333;
+ margin-bottom : 25px;
+ font-size : 24px;
+ line-height : normal;
+ text-transform : uppercase;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption {
+ font-size : 18px;
+ line-height : normal;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2), .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) {
+ padding : 15px 20px;
+ border : #bcbcbc solid 1px;
+ background : #fff;
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) input, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) input {
+ display : inline-block;
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label {
+ vertical-align : bottom;
+ display : inline-block;
+ margin-left : 10px;
+ font-size : 20px;
+ font-weight : 700;
+ line-height : normal;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label {
+ font-size : 14px;
+ line-height : normal;
+ margin-left : 5px;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) + div, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) + div {
+ margin-top : 10px;
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption input[type="submit"] {
+ display : inline-block;
+ margin-top : 20px;
+ background : #0067b1;
+ border : none;
+ color : #fff;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 18px;
+ line-height : normal;
+ padding : 8px 16px;
+ cursor : pointer;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_paymentOption input[type="submit"] {
+ font-size : 14px;
+ line-height : normal;
+ }
+ }
+ .mp-contentContainer.checkout .step3YourData, .mp-contentContainer.checkout .step3YourOrder {
+ width : 100%;
+ border-spacing : 0;
+ }
+ .mp-contentContainer.checkout .step3YourData caption, .mp-contentContainer.checkout .step3YourOrder caption {
+ text-align : left;
+ font-size : 18px;
+ color : #0067b1;
+ font-weight : 700;
+ padding-bottom : 5px;
+ }
+ .mp-contentContainer.checkout .step3YourData tr td, .mp-contentContainer.checkout .step3YourOrder tr td {
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-top : 1px solid #bcbcbc;
+ border-right : 1px solid #bcbcbc;
+ }
+ .mp-contentContainer.checkout .step3YourData tr td:first-of-type, .mp-contentContainer.checkout .step3YourOrder tr td:first-of-type {
+ width : 35%;
+ font-weight : 700;
+ border-left : 1px solid #bcbcbc;
+ }
+ .mp-contentContainer.checkout .step3YourData tr:last-of-type td, .mp-contentContainer.checkout .step3YourOrder tr:last-of-type td {
+ border-bottom : 1px solid #bcbcbc;
+ }
+ .mp-contentContainer.checkout .step3YourData tr:nth-child(odd), .mp-contentContainer.checkout .step3YourOrder tr:nth-child(odd) {
+ background : #f5f5f5;
+ }
+ .mp-contentContainer.checkout .step3YourOrder {
+ margin-top : 40px;
+ }
+ .mp-contentContainer.checkout .step3CheckoutButton {
+ color : #fff;
+ text-decoration : none;
+ background : #0067b1;
+ font-size : 18px;
+ line-height : normal;
+ padding : 8px 16px;
+ border : none;
+ cursor : pointer;
+ display : inline-block;
+ margin-top : 20px;
+ }
+ .checkout_thankyou {
+ border : #bcbcbc solid 1px;
+ padding : 25px 40px;
+ margin : 40px 0;
+ }
+ .checkout_thankyou strong {
+ display : block;
+ font-weight : 700;
+ color : #333;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .checkout_thankyou p {
+ margin : 10px 0 0 0;
+ }
+ .tx-contentpackage-checkoutFormular div {
+ display : block;
+ }
+ .tx-contentpackage-checkoutFormular div label {
+ width : 25%;
+ text-align : right;
+ padding-right : 1em;
+ float : left;
+ height : 55px;
+ vertical-align : middle;
+ line-height : 55px;
+ }
+ .tx-contentpackage-checkoutFormular div input {
+ text-align : left;
+ width : 50%;
+ float : left;
+ height : 55px;
+ border : #bbb solid 1px;
+ padding : 10px;
+ }
+ .tx-contentpackage-checkoutFormular div + div {
+ margin-top : 5px;
+ }
+ @media screen and (max-width:600px) {
+ .tx-contentpackage-checkoutFormular div label {
+ display : block;
+ width : 100%;
+ float : none;
+ height : auto;
+ text-align : left;
+ }
+ .tx-contentpackage-checkoutFormular div input {
+ float : none;
+ display : block;
+ width : 100%;
+ }
+ }
+ .tx-contentpackage-checkoutFormular input[type="submit"] {
+ background : #0067b1;
+ font-size : 15px;
+ line-height : 22.4px;
+ font-size : 1rem;
+ line-height : 1.4rem;
+ text-transform : uppercase;
+ color : #fff;
+ padding : 15px;
+ margin-top : 30px;
+ border : none;
+ outline : none;
+ font-weight : 700;
+ cursor : pointer;
+ margin-left : 25%;
+ }
+ @media screen and (max-width:600px) {
+ .tx-contentpackage-checkoutFormular input[type="submit"] {
+ margin-left : 0;
+ }
+ }
+ .checkoutSteps {
+ margin-bottom : 40px;
+ text-align : center;
+ }
+ .checkoutSteps .step {
+ display : inline-block;
+ position : relative;
+ background : #ccc;
+ border : #fff solid 4px;
+ border-bottom : none;
+ border-top : none;
+ padding-left : 10px;
+ padding-right : 10px;
+ z-index : 10;
+ color : #fff;
+ font-weight : 700;
+ font-size : 16px;
+ height : 47px;
+ line-height : 46px;
+ }
+ .checkoutSteps .step.active {
+ background : #0067b1;
+ }
+ .checkoutSteps .step.active:after {
+ border-left-color : #0067b1;
+ }
+ .checkoutSteps .step:after, .checkoutSteps .step:before {
+ left : 100%;
+ top : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .checkoutSteps .step:after {
+ border-color : rgba(204, 204, 204, 0);
+ border-left-color : #ccc;
+ border-width : 23px;
+ margin-top : -23px;
+ }
+ .checkoutSteps .step:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-left-color : #fff;
+ border-width : 28px;
+ margin-top : -28px;
+ }
+ .checkoutSteps .step + .step {
+ padding-left : 30px;
+ z-index : 9;
+ margin-left : -4px;
+ }
+ .checkoutSteps .step + .step + .step {
+ z-index : 8;
+ }
+ .checkoutSteps .step + .step + .step + .step {
+ z-index : 7;
+ }
+ .checkoutError {
+ background : #be1622;
+ color : #fff;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ text-align : center;
+ margin-bottom : 40px;
+ display : block;
+ padding : 5px 10px;
+ }
+ .tx-indexedsearch-searchbox {
+ padding-top : 50px;
+ padding-bottom : 50px;
+ }
+ .tx-indexedsearch-searchbox form label {
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ display : block;
+ }
+ .tx-indexedsearch-searchbox form input[type="text"] {
+ height : 25px;
+ border : #c6c6c6 solid 1px;
+ font-size : 12px;
+ min-width : 280px;
+ padding : 0 5px;
+ }
+ .tx-indexedsearch-searchbox form input[type="submit"] {
+ display : block;
+ background : #be1622;
+ color : #fff;
+ border : none;
+ font-size : 15px;
+ padding : 5px 10px;
+ margin-top : 5px;
+ min-width : 280px;
+ }
+ .suchergebnis {
+ padding-bottom : 50px;
+ }
+ .tx-indexedsearch-browsebox {
+ list-style-type : none;
+ margin : 0;
+ padding : 0;
+ }
+ .tx-indexedsearch-browsebox ul {
+ list-style-type : none;
+ margin-top : 15px;
+ margin-bottom : 15px;
+ }
+ .tx-indexedsearch-browsebox li {
+ float : left;
+ }
+ .tx-indexedsearch-browsebox li a {
+ color : #c6c6c6;
+ text-decoration : none;
+ }
+ .tx-indexedsearch-browsebox li + li {
+ margin-left : 10px;
+ }
+ .tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a {
+ color : #be1622;
+ }
+ .tx-indexedsearch-browsebox + .tx-indexedsearch-res {
+ margin-top : 40px;
+ }
+ .tx-indexedsearch-res + .tx-indexedsearch-res {
+ margin-top : 25px;
+ padding-top : 25px;
+ border-top : 1px solid #c6c6c6;
+ }
+ .tx-indexedsearch-res + .tx-indexedsearch-browsebox {
+ margin-top : 40px;
+ }
+ .tx-srfeuserregister-pi1 {
+ margin-bottom : 50px;
+ float : left;
+ width : 70%;
+ }
+ .tx-srfeuserregister-pi1 p {
+ padding : 0;
+ }
+ .tx-srfeuserregister-pi1 p.textOverSendButton {
+ position : relative;
+ margin : 0;
+ padding : 0;
+ clear : both;
+ margin-bottom : -10px;
+ padding-top : 25px;
+ }
+ .tx-srfeuserregister-pi1 p.textOverSendButton + dt {
+ display : none;
+ }
+ .tx-srfeuserregister-pi1 .customRegisterCheckbox {
+ position : relative;
+ padding-left : 30px;
+ margin-top : 10px;
+ }
+ .tx-srfeuserregister-pi1 .customRegisterCheckbox p, .tx-srfeuserregister-pi1 .customRegisterCheckbox a {
+ font-size : 12px;
+ line-height : normal;
+ }
+ .tx-srfeuserregister-pi1 .customRegisterCheckbox a {
+ background : transparent;
+ padding-left : 0;
+ }
+ .tx-srfeuserregister-pi1 .customRegisterCheckbox input {
+ position : absolute;
+ left : 0;
+ top : 1px;
+ }
+ .tx-srfeuserregister-pi1 fieldset {
+ border : none;
+ padding : 0;
+ margin : 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset legend {
+ display : none;
+ }
+ .tx-srfeuserregister-pi1 fieldset h2, .tx-srfeuserregister-pi1 fieldset .ce-table table caption, .ce-table table .tx-srfeuserregister-pi1 fieldset caption {
+ font-size : 18px;
+ line-height : normal;
+ text-align : left;
+ margin : 0 0 5px 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset h2:after, .tx-srfeuserregister-pi1 fieldset .ce-table table caption:after, .ce-table table .tx-srfeuserregister-pi1 fieldset caption:after {
+ margin : 10px 0 0 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset h2 + p, .tx-srfeuserregister-pi1 fieldset .ce-table table caption + p, .ce-table table .tx-srfeuserregister-pi1 fieldset caption + p {
+ margin : 0 0 25px 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file {
+ padding : 30px 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file label {
+ font-size : 15px;
+ line-height : normal;
+ display : block;
+ margin-bottom : 10px;
+ }
+ .tx-srfeuserregister-pi1 fieldset label {
+ height : 55px;
+ vertical-align : middle;
+ }
+ .tx-srfeuserregister-pi1 fieldset dd {
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 fieldset dt {
+ text-align : left;
+ }
+ .tx-srfeuserregister-pi1 fieldset input[type="text"], .tx-srfeuserregister-pi1 fieldset input[type="password"], .tx-srfeuserregister-pi1 fieldset input[type="email"], .tx-srfeuserregister-pi1 fieldset input[type="date"], .tx-srfeuserregister-pi1 fieldset select {
+ width : 325px;
+ width : 100%;
+ height : 55px;
+ border : #bbb solid 1px;
+ padding : 10px;
+ color : #333;
+ font-size : 18px;
+ }
+ .tx-srfeuserregister-pi1 fieldset input[type="submit"] {
+ background : #0067b1;
+ font-size : 15px;
+ line-height : normal;
+ text-transform : uppercase;
+ color : #fff;
+ padding : 15px;
+ margin-top : 30px;
+ border : none;
+ outline : none;
+ font-weight : 700;
+ cursor : pointer;
+ width : 100%;
+ text-align : center;
+ }
+ .tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged {
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged + p {
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms {
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms + input[type="checkbox"] {
+ float : left;
+ margin-top : 15px;
+ }
+ .tx-srfeuserregister-pi1 fieldset input[type="password"] {
+ margin-right : 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div {
+ float : left;
+ width : 48%;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div.passwort input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.passwortagain input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.company input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.jobrole input {
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div + div {
+ margin-left : 3.5%;
+ }
+ .tx-srfeuserregister-pi1 fieldset .jobrole input {
+ margin-top : 7px;
+ }
+ .tx-srfeuserregister-pi1 fieldset .terms input {
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset .terms p {
+ margin : 0;
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset .terms p a {
+ color : #0067b1;
+ font-size : 15px;
+ line-height : normal;
+ text-decoration : none;
+ }
+ .tx-srfeuserregister-pi1 fieldset .terms p a:hover {
+ text-decoration : underline;
+ }
+ @media screen and (max-width:800px) {
+ .tx-srfeuserregister-pi1 {
+ float : none;
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 dt {
+ width : 30%;
+ }
+ .tx-srfeuserregister-pi1 dd {
+ width : 70%;
+ }
+ }
+ @media screen and (max-width:600px) {
+ .tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd {
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 dt {
+ display : block;
+ margin-top : 5px;
+ text-align : left;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div {
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div + div {
+ margin-left : 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset input[type="text"], .tx-srfeuserregister-pi1 fieldset input[type="password"], .tx-srfeuserregister-pi1 fieldset input[type="email"], .tx-srfeuserregister-pi1 fieldset input[type="date"], .tx-srfeuserregister-pi1 fieldset select {
+ width : 100%;
+ }
+ }
+ .editForm .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt {
+ padding-top : 0;
+ }
+ .community-forum-news {
+ padding : 25px 0;
+ background : #ececec;
+ }
+ .community-forum-news > .inner > div {
+ float : left;
+ width : calc((100% - 20px) / 2);
+ }
+ .community-forum-news > .inner > div.news {
+ margin-left : 20px;
+ padding-top : 8px;
+ }
+ @media screen and (max-width:1100px) {
+ .community-forum-news > .inner > div.news .inner.small, .community-forum-news > .inner > div.news .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .community-forum-news > .inner > div.news .tx-felogin-pi1-inner {
+ padding : 0 !important ;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container {
+ padding : 0;
+ margin-top : 42px;
+ padding-top : 44px;
+ padding-left : 84px;
+ }
+ @media screen and (max-width:980px) {
+ .community-forum-news > .inner > div.news .latest-news-container {
+ padding-top : 0;
+ margin-top : 0;
+ padding-left : 0;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container > h2, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption {
+ text-align : left;
+ position : relative;
+ top : -44px;
+ }
+ @media screen and (max-width:768px) {
+ .community-forum-news > .inner > div.news .latest-news-container > h2, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption {
+ top : auto;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container > h2:after, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption:after, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption:after {
+ margin : 10px 0 10px 0;
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-article {
+ position : relative;
+ top : -44px;
+ }
+ @media screen and (max-width:768px) {
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-article {
+ top : auto;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-article .more {
+ position : relative;
+ top : 44px;
+ }
+ @media screen and (max-width:768px) {
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-article .more {
+ top : auto;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews {
+ margin-top : 20px;
+ width : calc((100% - 30px) / 2);
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews .header {
+ margin-top : 10px;
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews .header h3 span {
+ font-size : 15px;
+ font-weight : 600;
+ line-height : normal;
+ }
+ @media screen and (max-width:768px) {
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews {
+ width : 100%;
+ }
+ }
+ .community-forum-news > .inner > div.tx-typo3forum-pi1 > h2, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 > caption {
+ text-align : left;
+ text-transform : none;
+ }
+ .community-forum-news > .inner > div.tx-typo3forum-pi1 > h2:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 > caption:after {
+ margin : 10px 0 10px 0;
+ }
+ .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-forum-latest-post > div {
+ padding : 10px;
+ }
+ @media screen and (max-width:980px) {
+ .community-forum-news > .inner > div {
+ float : none;
+ width : 100%;
+ margin-left : 0 !important ;
+ max-width : none;
+ }
+ }
+ .zweispaltig-unterseiten-layout {
+ max-width : 1030px;
+ width : 100%;
+ margin-left : auto;
+ margin-right : auto;
+ }
+ @media screen and (max-width:1100px) {
+ .zweispaltig-unterseiten-layout {
+ padding : 0 25px;
+ }
+ }
+ .leftSidebar {
+ float : left;
+ width : 23.30%;
+ width : calc(100% - 72%);
+ max-width : 240px;
+ display : block;
+ padding : 50px 0;
+ padding-top : 0;
+ margin-top : 40px;
+ min-height : 1px;
+ }
+ .leftSidebar .leftMenu {
+ float : none;
+ width : 100%;
+ margin-top : 0;
+ }
+ .leftSidebar .inner.small, .leftSidebar .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .leftSidebar .tx-felogin-pi1-inner, .leftSidebar .inner {
+ padding : 0 !important ;
+ }
+ @media screen and (max-width:767px) {
+ .leftSidebar {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ max-width : none;
+ padding-bottom : 0;
+ }
+ .leftSidebar .leftMenu {
+ margin-bottom : 0;
+ padding-bottom : 0;
+ margin-top : 25px;
+ }
+ .leftSidebar .leftMenu .profile-sidebar-content {
+ margin-top : 15px;
+ }
+ }
+ .rightContent {
+ float : left;
+ width : 73.78%;
+ width : calc(100% - 32.85%);
+ display : block;
+ max-width : 740px;
+ padding : 50px 0;
+ margin-left : 4.85%;
+ padding-top : 0;
+ min-height : 1px;
+ margin-top : 40px;
+ }
+ .rightContent .tx-srfeuserregister-pi1 {
+ float : none;
+ width : 100%;
+ display : block;
+ margin-bottom : 40px;
+ }
+ .rightContent .tx-srfeuserregister-pi1 input {
+ padding : 10px 15px;
+ }
+ .rightContent .inner.small, .rightContent .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .rightContent .tx-felogin-pi1-inner, .rightContent .inner {
+ padding : 0 !important ;
+ }
+ @media screen and (max-width:767px) {
+ .rightContent {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ max-width : none;
+ margin-top : 25px;
+ }
+ }
+ header.header {
+ padding : 0 0 25px 0;
+ max-height : 133px;
+ border-bottom : 5px solid #fc0;
+ position : fixed;
+ top : 0;
+ z-index : 9999;
+ left : 0;
+ right : 0;
+ background : #fff;
+ }
+ header.header.compexHeader {
+ height : 100px;
+ padding-top : 25px;
+ }
+ header.header.compexHeader .topMeta {
+ display : none;
+ }
+ header.header.compexHeader + * {
+ margin-top : 100px;
+ display : block;
+ }
+ @media screen and (max-width:480px) {
+ header.header.compexHeader {
+ height : 72px;
+ padding-top : 15px;
+ padding-bottom : 15px;
+ }
+ header.header.compexHeader + * {
+ margin-top : 72px;
+ }
+ }
+ header.header + * {
+ margin-top : 133px;
+ display : block;
+ }
+ @media screen and (max-width:860px) {
+ header.header {
+ height : 155px;
+ max-height : 155px;
+ }
+ header.header + * {
+ margin-top : 155px;
+ }
+ }
+ @media screen and (max-width:480px) {
+ header.header {
+ height : 200px;
+ max-height : 200px;
+ }
+ header.header + * {
+ margin-top : 200px;
+ }
+ }
+ @media screen and (max-width:460px) {
+ header.header {
+ max-height : 120px;
+ height : 120px;
+ }
+ header.header + * {
+ margin-top : 120px;
+ }
+ }
+ header.header .topMeta {
+ width : 100%;
+ background : #f5f5f5;
+ margin-bottom : 20px;
+ height : 30px;
+ line-height : 30px;
+ }
+ @media screen and (max-width:860px) {
+ header.header .topMeta {
+ height : auto;
+ }
+ }
+ header.header .topMeta .left {
+ float : left;
+ color : #333;
+ font-size : 12px;
+ font-weight : 600;
+ line-height : 30px;
+ }
+ @media screen and (max-width:860px) {
+ header.header .topMeta .left {
+ float : none;
+ width : 100%;
+ text-align : center;
+ }
+ }
+ @media screen and (max-width:460px) {
+ header.header .topMeta .left {
+ display : none;
+ }
+ }
+ header.header .topMeta .right {
+ float : right;
+ }
+ header.header .topMeta .right form {
+ position : relative;
+ float : left;
+ margin-right : 5px;
+ }
+ header.header .topMeta .right form input[type="text"] {
+ border : 0;
+ background : #fff;
+ padding : 0 5px;
+ height : 24px;
+ position : relative;
+ padding-right : 25px;
+ font-size : 12px;
+ line-height : 24px;
+ top : -2px;
+ margin-right : 35px;
+ margin-bottom : 0;
+ }
+ header.header .topMeta .right form button {
+ position : absolute;
+ right : 5px;
+ top : 1px;
+ background : transparent;
+ border : none;
+ font-size : 18px;
+ color : #333;
+ }
+ header.header .topMeta .right form button:before {
+ content : "\f002";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ @media screen and (max-width:460px) {
+ header.header .topMeta .right form {
+ display : none;
+ }
+ }
+ @media screen and (max-width:860px) {
+ header.header .topMeta .right {
+ float : none;
+ width : 100%;
+ text-align : center;
+ text-align : right;
+ }
+ }
+ header.header .topMeta a {
+ text-decoration : none;
+ text-transform : uppercase;
+ color : #333;
+ font-size : 12px;
+ line-height : normal;
+ font-weight : 600;
+ padding : 0 10px;
+ border-left : 1px solid #333;
+ }
+ header.header .topMeta a i {
+ margin-right : 3px;
+ }
+ header.header .topMeta a:hover {
+ text-decoration : underline;
+ }
+ header.header .topMeta a:last-of-type {
+ border-right : 1px solid #333;
+ }
+ @media screen and (max-width:860px) {
+ header.header .topMeta a {
+ border-left : none;
+ }
+ header.header .topMeta a:last-of-type {
+ border-right : none;
+ border-left : 1px solid #333;
+ padding-left : 14px;
+ }
+ }
+ @media screen and (max-width:480px) and (min-width:461px) {
+ header.header .topMeta a {
+ display : block;
+ float : none;
+ margin-left : auto;
+ margin-right : auto;
+ width : 100%;
+ clear : both;
+ padding-top : 10px;
+ }
+ header.header .topMeta a:last-of-type {
+ border-left : none;
+ }
+ }
+ header.header .logo {
+ float : left;
+ display : block;
+ max-width : 215px;
+ }
+ @media screen and (max-width:480px) {
+ header.header .logo {
+ max-width : 180px;
+ }
+ }
+ header.header .logo img {
+ max-height : 50px;
+ }
+ header.header nav {
+ float : right;
+ }
+ @media screen and (min-width:1121px) {
+ header.header nav > ul > li {
+ float : left;
+ padding : 14px 0;
+ position : relative;
+ }
+ header.header nav > ul > li > a {
+ color : #333;
+ text-decoration : none;
+ font-weight : 700;
+ text-transform : uppercase;
+ font-family : "Open Sans", sans-serif;
+ }
+ header.header nav > ul > li > a i {
+ display : none;
+ }
+ header.header nav > ul > li + li {
+ margin-left : 25px;
+ }
+ header.header nav > ul > li:last-of-type {
+ margin-left : 40px;
+ background : #be1622;
+ padding : 14px 19px;
+ }
+ header.header nav > ul > li:last-of-type a {
+ color : #fff;
+ }
+ header.header nav > ul > li:last-of-type:hover:before, header.header nav > ul > li:last-of-type.active:before {
+ display : none !important ;
+ }
+ header.header nav > ul > li ul {
+ display : none;
+ position : absolute;
+ width : 170px;
+ top : 75px;
+ background : #fff;
+ z-index : 99999;
+ box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.35);
+ }
+ header.header nav > ul > li ul li {
+ display : block;
+ }
+ header.header nav > ul > li ul li a {
+ font-size : 12px;
+ font-weight : 700;
+ color : #333;
+ text-decoration : none;
+ line-height : 14px;
+ padding : 14px 10px;
+ display : block;
+ text-transform : uppercase;
+ }
+ header.header nav > ul > li ul li:hover, header.header nav > ul > li ul li.active {
+ background : #be1622;
+ }
+ header.header nav > ul > li ul li:hover a, header.header nav > ul > li ul li.active a {
+ color : #fff;
+ }
+ header.header nav > ul > li ul li + li {
+ border-top : 1px solid #b7b7b7;
+ }
+ header.header nav > ul > li:hover:after {
+ content : "";
+ position : absolute;
+ left : 0;
+ right : 0;
+ bottom : -28px;
+ width : 100%;
+ height : 45px;
+ cursor : pointer;
+ }
+ header.header nav > ul > li:hover ul {
+ display : block;
+ }
+ header.header nav > ul > li:hover:before, header.header nav > ul > li.active:before {
+ content : "";
+ position : absolute;
+ border-bottom : 2px solid #bf1e2e;
+ height : 2px;
+ width : 100%;
+ top : 38px;
+ }
+ }
+ @media screen and (max-width:1120px) {
+ header.header nav {
+ position : relative;
+ }
+ header.header nav > ul {
+ position : absolute;
+ width : 250px;
+ right : 0;
+ box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.5);
+ z-index : 999999;
+ display : none;
+ }
+ header.header nav > ul li {
+ float : none;
+ display : block;
+ padding : 0;
+ width : 100%;
+ background : #fff;
+ }
+ header.header nav > ul li.active {
+ background : #be1622;
+ }
+ header.header nav > ul li.active > a {
+ color : #fff;
+ }
+ header.header nav > ul li a {
+ display : block;
+ width : 100%;
+ padding : 14px 60px 14px 10px;
+ color : #333;
+ text-decoration : none;
+ font-weight : 700;
+ position : relative;
+ text-transform : uppercase;
+ font-family : "Open Sans", sans-serif;
+ }
+ header.header nav > ul li a:hover {
+ color : #fff;
+ background : #be1622;
+ }
+ header.header nav > ul li a i {
+ display : inline-block;
+ position : absolute;
+ right : 0;
+ top : 38%;
+ margin-top : -18px;
+ padding : 16px;
+ }
+ header.header nav > ul li a i.fa-chevron-up {
+ display : none;
+ }
+ header.header nav > ul li.open a i.fa-chevron-up {
+ display : inline-block;
+ }
+ header.header nav > ul li.open a i.fa-chevron-down {
+ display : none;
+ }
+ header.header nav > ul li + li {
+ margin-left : 0;
+ border-top : 1px solid #b7b7b7;
+ }
+ header.header nav > ul li > ul {
+ display : none;
+ }
+ header.header nav > ul li > ul li {
+ background : #f9f9f9;
+ border-top : 1px solid #b7b7b7;
+ }
+ header.header nav > ul li > ul li a {
+ font-size : 13px;
+ line-height : normal;
+ padding : 10px 10px 10px 30px;
+ }
+ header.header nav > ul li > ul li.active a {
+ color : #fff;
+ background : #be1622;
+ }
+ header.header nav > ul li.open > ul {
+ display : block;
+ }
+ header.header nav > ul > li:last-of-type {
+ border-top : none;
+ }
+ header.header nav > ul > li:last-of-type a {
+ color : #fff;
+ background : #be1622;
+ }
+ header.header nav.active > ul {
+ display : block;
+ height : 450px;
+ overflow : scroll;
+ }
+ }
+ header.header .mobile-button {
+ display : none;
+ padding : 10px 0;
+ cursor : pointer;
+ }
+ header.header .mobile-button i {
+ font-size : 40px;
+ }
+ @media screen and (max-width:640px) {
+ header.header .mobile-button {
+ padding : 5px 0 0 0;
+ }
+ }
+ @media screen and (max-width:1120px) {
+ header.header .mobile-button {
+ display : block;
+ }
+ }
+ body.compexCommerce header.header.compexHeader .topMeta {
+ height : 0;
+ }
+ body.compexCommerce header.header.compexHeader .topMeta .right {
+ display : none;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type {
+ margin-left : 25px;
+ background : transparent;
+ padding : 11px 0;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:after {
+ content : "\f107";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ position : relative;
+ z-index : 9600;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:hover:after {
+ left : auto;
+ right : auto;
+ bottom : auto;
+ position : relative;
+ width : auto;
+ height : auto;
+ }
+ @media screen and (max-width:1120px) {
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch {
+ padding : 0;
+ margin : 0;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:after {
+ display : none;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch ul {
+ width : 100%;
+ padding : 0 10px 15px 10px;
+ background : #be1622;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch ul li {
+ background : #be1622;
+ border-top : none;
+ }
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type > a {
+ color : #333;
+ position : relative;
+ z-index : 9600;
+ font-size : 13px;
+ line-height : normal;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type img {
+ vertical-align : middle;
+ position : relative;
+ z-index : 9600;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type:hover:before, body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.active:before {
+ display : none !important ;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type li a {
+ color : #333;
+ font-weight : 700;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type li a:hover {
+ color : #fff;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul {
+ width : 80px;
+ padding-left : 10px;
+ top : 0;
+ padding-top : 47px;
+ left : -10px;
+ z-index : 9500;
+ padding-bottom : 10px;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li img {
+ vertical-align : middle;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li a {
+ font-weight : 700;
+ padding : 0;
+ display : inline;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li:hover {
+ background : transparent;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li:hover a {
+ color : #333;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li + li {
+ border-top : none;
+ padding-top : 10px;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search:hover:before {
+ display : none !important ;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search .compexCommerce-openSearch i {
+ display : block;
+ font-size : 18px;
+ color : #333;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form {
+ position : absolute;
+ top : 38px;
+ right : 0;
+ display : none;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form.active {
+ display : block;
+ animation : display-none-transition 1s both;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form div {
+ position : relative;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form input[type="text"] {
+ height : 30px;
+ padding : 0 25px 0 5px;
+ width : 180px;
+ border : #be1622 solid 1px;
+ outline : none;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form button {
+ border : none;
+ background : transparent;
+ position : absolute;
+ right : 5px;
+ top : 5px;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form button i {
+ font-size : 15px;
+ color : #be1622;
+ }
+ @keyframes display-none-transition {
+ 0% {
+ opacity : 0;
+ }
+ 100% {
+ opacity : 1;
+ }
+ }
+ @media screen and (max-width:1360px) {
+ header.header .topMeta, header.header .topMeta + div {
+ padding : 0 20px;
+ }
+ }
+ @media screen and (max-width:1300px) and (min-width:1121px) {
+ header.header nav > ul > li > a {
+ font-size : 13px;
+ line-height : normal;
+ }
+ header.header nav > ul > li:last-of-type {
+ margin-left : 20px;
+ }
+ header.header nav > ul > li + li {
+ margin-left : 18px;
+ }
+ }
+ footer.footer {
+ background : #333;
+ padding : 50px 0 15px 0;
+ }
+ footer.footer div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner {
+ margin-bottom : 80px;
+ }
+ footer.footer div.inner.small:nth-of-type(2), footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2), .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) {
+ margin-bottom : 0;
+ }
+ footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element {
+ margin-bottom : 0;
+ max-width : none;
+ width : auto;
+ float : left;
+ }
+ footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small, footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner {
+ padding-left : 0;
+ padding-right : 0;
+ }
+ @media screen and (max-width:860px) {
+ footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element {
+ float : none;
+ }
+ }
+ footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ float : left;
+ width : calc(100% / 6);
+ }
+ footer.footer div.inner.small ul > a, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul > a, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul > a {
+ color : #fff;
+ font-size : 13px;
+ line-height : normal;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ footer.footer div.inner.small ul > a:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul > a:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul > a:after {
+ content : "";
+ display : block;
+ width : 75px;
+ height : 1px;
+ background : #fc0;
+ margin : 10px 0 10px 0;
+ }
+ footer.footer div.inner.small ul li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li {
+ display : block;
+ }
+ footer.footer div.inner.small ul li a, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li a, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li a {
+ display : block;
+ color : #cecece;
+ text-decoration : none;
+ font-size : 12px;
+ line-height : normal;
+ font-weight : 400;
+ }
+ footer.footer div.inner.small ul li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li + li {
+ margin-top : 5px;
+ }
+ footer.footer div.inner.small ul.imprintList, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList {
+ width : auto;
+ float : right;
+ margin-top : -4px;
+ }
+ footer.footer div.inner.small ul.imprintList li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li {
+ display : inline-block;
+ }
+ footer.footer div.inner.small ul.imprintList li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li + li {
+ margin-left : 10px;
+ }
+ footer.footer div.inner.small ul.imprintList li:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li:after {
+ display : none;
+ }
+ @media screen and (max-width:860px) {
+ footer.footer div.inner.small ul.imprintList, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList {
+ float : none !important ;
+ margin : 10px 0 0 0;
+ width : auto !important ;
+ }
+ }
+ footer.footer div.inner.small p, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p {
+ font-size : 12px;
+ line-height : normal;
+ color : #fff;
+ margin : 0;
+ }
+ @media screen and (max-width:860px) {
+ footer.footer div.inner.small p, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p {
+ float : none;
+ }
+ }
+ footer.footer div.inner.small + div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner + div.inner.small, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner + div.inner.small, footer.footer .tx-felogin-pi1 div.inner.small + div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.inner.small + div.tx-felogin-pi1-inner, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner + div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner + div.tx-felogin-pi1-inner {
+ margin-bottom : 0;
+ }
+ @media screen and (max-width:800px) {
+ footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul {
+ width : calc(100% / 3);
+ }
+ footer.footer div.inner.small ul:nth-of-type(n 4), footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul:nth-of-type(n 4), .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul:nth-of-type(n 4) {
+ margin-top : 20px;
+ }
+ }
+ @media screen and (max-width:720px) {
+ footer.footer div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner {
+ margin-bottom : 50px;
+ }
+ footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul {
+ float : none;
+ width : 100%;
+ }
+ footer.footer div.inner.small ul li:first-of-type, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li:first-of-type, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li:first-of-type {
+ display : block;
+ }
+ footer.footer div.inner.small ul li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li + li {
+ margin-right : 10px;
+ display : inline-block;
+ }
+ footer.footer div.inner.small ul + ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul + ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul + ul {
+ margin-top : 20px;
+ }
+ }
+ .breadcrumbContainer {
+ padding-top : 11px;
+ padding-bottom : 11px;
+ }
+ @media screen and (max-width:1100px) {
+ .breadcrumbContainer {
+ padding-top : 11px !important ;
+ padding-bottom : 11px !important ;
+ }
+ }
+ .breadcrumbContainer ul li {
+ color : #333;
+ display : inline-block;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .breadcrumbContainer ul li a {
+ color : #999999;
+ text-decoration : none;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .breadcrumbContainer ul li:before {
+ content : "\f015";
+ color : #fc0;
+ display : inline-block;
+ margin-right : 5px;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ .breadcrumbContainer ul li + li {
+ margin-left : 5px;
+ }
+ .breadcrumbContainer ul li + li:before {
+ content : "\f054";
+ }
+ .breadcrumbContainer ul li:last-of-type a {
+ color : #333;
+ }
+ .mfp-image-holder .mfp-content {
+ margin-top : 50px;
+ padding : 0 25px;
+ }
+ .mfp-image-holder .mfp-content figure {
+ background : #fff;
+ }
+ img.mfp-img {
+ max-height : 100% !important ;
+ }
+ .ce-video {
+ padding : 30px 0;
+ }
+ .ce-video .left {
+ float : left;
+ max-width : 500px;
+ margin-right : 30px;
+ }
+ .ce-video .left video {
+ max-width : 100%;
+ height : auto;
+ }
+ .ce-video .right {
+ float : left;
+ max-width : 500px;
+ }
+ .ce-video .right h1, .ce-video .right h2, .ce-video .right .ce-table table caption, .ce-table table .ce-video .right caption, .ce-video .right h3 {
+ margin-top : 0;
+ }
+ .ce-video .right h2, .ce-video .right .ce-table table caption, .ce-table table .ce-video .right caption {
+ text-align : left;
+ }
+ .ce-video .right h2:after, .ce-video .right .ce-table table caption:after, .ce-table table .ce-video .right caption:after {
+ margin : 10px 0 0 0;
+ }
+ .ce-forum-latest-post {
+ margin-top : 40px;
+ max-width : 83%;
+ }
+ @media screen and (max-width:980px) {
+ .ce-forum-latest-post {
+ max-width : none;
+ }
+ }
+ .ce-forum-latest-post + .ce-forum-latest-post {
+ margin-top : 0;
+ }
+ .ce-forum-latest-post:last-of-type {
+ margin-bottom : 40px;
+ border-bottom : 1px solid #bbb;
+ }
+ .ce-forum-latest-post h2, .ce-forum-latest-post .ce-table table caption, .ce-table table .ce-forum-latest-post caption {
+ text-align : left;
+ }
+ .ce-forum-latest-post h2:after, .ce-forum-latest-post .ce-table table caption:after, .ce-table table .ce-forum-latest-post caption:after {
+ margin : 10px 0 10px 0;
+ }
+ .ce-forum-latest-post > div {
+ display : block;
+ width : 100%;
+ padding : 12px;
+ background : #fff;
+ border-right : 1px solid #bbbbbb;
+ border-left : 1px solid #bbbbbb;
+ border-top : 1px solid #bbbbbb;
+ }
+ .ce-forum-latest-post > div img {
+ float : left;
+ max-width : 70px;
+ margin-right : 15px;
+ }
+ .ce-forum-latest-post > div div h3 {
+ font-size : 18px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ margin : 0 0 0 0;
+ }
+ .ce-forum-latest-post > div div h3 a {
+ color : #333;
+ }
+ .ce-forum-latest-post > div div p {
+ font-weight : 400;
+ float : left;
+ }
+ .ce-forum-latest-post > div div p + p {
+ margin-left : 10px;
+ }
+ .tx-typo3forum-post-latest-box h2, .tx-typo3forum-post-latest-box .ce-table table caption, .ce-table table .tx-typo3forum-post-latest-box caption {
+ text-align : left;
+ }
+ .tx-typo3forum-post-latest-box h2:after, .tx-typo3forum-post-latest-box .ce-table table caption:after, .ce-table table .tx-typo3forum-post-latest-box caption:after {
+ margin : 10px 0 10px 0;
+ }
+ .leftMenu {
+ float : left;
+ width : 24.27%;
+ margin-top : 30px;
+ }
+ @media screen and (max-width:767px) {
+ .leftMenu {
+ float : none;
+ width : 100%;
+ margin-bottom : 40px;
+ padding-bottom : 40px;
+ border-bottom : 1px solid #bbbbbb;
+ }
+ .leftMenu .profile-sidebar-content {
+ display : none;
+ }
+ .leftMenu .profile-sidebar-content.active {
+ display : block;
+ }
+ }
+ .leftMenu h3 {
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ text-transform : uppercase;
+ border-bottom : 2px solid #fc0;
+ margin-bottom : 15px;
+ }
+ .leftMenu ul {
+ margin : 0;
+ padding : 0;
+ list-style-type : none;
+ }
+ .leftMenu ul li {
+ display : block;
+ }
+ .leftMenu ul li a {
+ font-size : 15px;
+ line-height : normal;
+ color : #333;
+ text-decoration : none;
+ font-weight : 400;
+ text-transform : uppercase;
+ }
+ .leftMenu ul li.active a, .leftMenu ul li:hover a {
+ font-weight : 700;
+ color : #333;
+ }
+ .leftMenu ul li + li {
+ margin-top : 15px;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1, .leftMenu + * {
+ width : 74.75%;
+ float : left;
+ margin-left : 0.97%;
+ padding : 30px 10px 0 10px;
+ }
+ @media screen and (max-width:767px) {
+ .leftMenu + .tx-srfeuserregister-pi1, .leftMenu + * {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ padding : 0;
+ }
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice, .leftMenu + * .tx-srfeuserregister-pi1-notice {
+ margin : 0;
+ font-style : normal;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash, .leftMenu + * .tx-srfeuserregister-pi1-trash {
+ margin : 0 0 10px 0;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash a, .leftMenu + * .tx-srfeuserregister-pi1-trash a {
+ background : transparent;
+ padding-left : 0;
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 400;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt {
+ float : left;
+ width : 32.46%;
+ text-align : left;
+ padding : 17px 10px 16px 10px;
+ }
+ @media screen and (max-width:600px) {
+ .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt {
+ float : none;
+ width : 100%;
+ padding : 0 10px 0 0;
+ }
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dt label, .leftMenu + * dt label {
+ font-size : 15px;
+ line-height : normal;
+ color : #333;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dd, .leftMenu + * dd {
+ float : left;
+ width : 66.23%;
+ margin-left : 1.29%;
+ }
+ @media screen and (max-width:600px) {
+ .leftMenu + .tx-srfeuserregister-pi1 dd, .leftMenu + * dd {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ margin-top : 0;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dd input[type="text"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="password"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="email"], .leftMenu + * dd input[type="text"], .leftMenu + * dd input[type="password"], .leftMenu + * dd input[type="email"] {
+ margin-top : 0;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dd input[type="submit"], .leftMenu + * dd input[type="submit"] {
+ margin-top : 0;
+ }
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dd input[type="text"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="password"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="email"], .leftMenu + * dd input[type="text"], .leftMenu + * dd input[type="password"], .leftMenu + * dd input[type="email"] {
+ width : 100%;
+ height : 55px;
+ vertical-align : middle;
+ line-height : 55px;
+ padding : 0 10px;
+ font-size : 15px;
+ color : #333;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 input[type="submit"], .leftMenu + * input[type="submit"] {
+ float : right;
+ margin-bottom : 40px;
+ }
+ .leftMenu .profile-sidebar {
+ display : none;
+ margin-top : 15px;
+ }
+ .leftMenu .profile-sidebar button {
+ border : none;
+ width : 100%;
+ display : block;
+ }
+ @media screen and (max-width:767px) {
+ .leftMenu .profile-sidebar {
+ display : block;
+ }
+ }
+ .formular-sidebar {
+ float : left;
+ width : 25%;
+ margin-left : 5%;
+ padding-top : 50px;
+ padding-bottom : 50px;
+ }
+ .formular-sidebar .formular-sidebar-content {
+ width : 100%;
+ }
+ .formular-sidebar .formular-sidebar-content + .formular-sidebar-content {
+ margin-top : 40px;
+ }
+ .formular-sidebar h2, .formular-sidebar .ce-table table caption, .ce-table table .formular-sidebar caption {
+ font-size : 18px;
+ line-height : normal;
+ text-align : left;
+ margin : 0 0 5px 0;
+ }
+ .formular-sidebar h2:after, .formular-sidebar .ce-table table caption:after, .ce-table table .formular-sidebar caption:after {
+ margin : 10px 0 0 0;
+ }
+ .formular-sidebar img {
+ margin-top : 20px;
+ }
+ .formular-sidebar p {
+ font-size : 13px;
+ line-height : normal;
+ }
+ .formular-sidebar .fontAwesome-list {
+ margin-bottom : 20px;
+ }
+ .formular-sidebar .fontAwesome-list ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .formular-sidebar .fontAwesome-list ul li {
+ display : block;
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ font-weight : 700;
+ }
+ .formular-sidebar .fontAwesome-list ul li i {
+ display : table-cell;
+ font-size : 22px;
+ margin-right : 10px;
+ border-radius : 50px;
+ border : #333 solid 2px;
+ padding : 10px;
+ vertical-align : sub;
+ float : left;
+ height : 46px;
+ width : 46px;
+ }
+ .formular-sidebar .fontAwesome-list ul li span {
+ margin : 0;
+ display : table-cell;
+ vertical-align : middle;
+ padding-left : 10px;
+ height : 46px;
+ }
+ @media screen and (max-width:440px) {
+ .formular-sidebar .fontAwesome-list ul li span {
+ width : 80%;
+ }
+ }
+ @media screen and (max-width:360px) {
+ .formular-sidebar .fontAwesome-list ul li span {
+ width : 70%;
+ }
+ }
+ .formular-sidebar .fontAwesome-list ul li + li {
+ padding-top : 10px;
+ clear : both;
+ }
+ @media screen and (max-width:800px) {
+ .formular-sidebar {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ padding : 0 0 50px 0;
+ }
+ }
+ .ui-icon {
+ display : none !important ;
+ }
+ .compexCommerce .news-list-view .header {
+ max-width : none;
+ }
+ .cc_container .cc_btn {
+ padding : 8px 10px !important ;
+ }
+ body.compexCommerce main > *:first-child {
+ margin-top : 40px;
+ }
+ body.compexCommerce main > .sliderContainer {
+ margin-top : 0 !important ;
+ }
+ body.compexCommerce main > .unterseiten-banner:first-child {
+ margin-top : 0;
+ }
+
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/closedrawer.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/closedrawer.png
new file mode 100644
index 0000000..3899990
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/closedrawer.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/cxmaskaw_s.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/cxmaskaw_s.png
new file mode 100644
index 0000000..01ca641
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/cxmaskaw_s.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/cxscrdn.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/cxscrdn.png
new file mode 100644
index 0000000..7b5f444
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/cxscrdn.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/cxscrup.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/cxscrup.png
new file mode 100644
index 0000000..c92c142
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/cxscrup.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/down.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/down.gif
new file mode 100644
index 0000000..4528b38
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/down.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dsnext.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dsnext.png
new file mode 100644
index 0000000..45ecff8
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dsnext.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dsprev.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dsprev.png
new file mode 100644
index 0000000..4753696
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dsprev.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/eq.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/eq.png
new file mode 100644
index 0000000..4156e65
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/eq.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/fireemployee.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/fireemployee.png
new file mode 100644
index 0000000..e5593f5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/fireemployee.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/ge.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/ge.png
new file mode 100644
index 0000000..f4b0199
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/ge.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/gt.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/gt.png
new file mode 100644
index 0000000..ca13ccb
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/gt.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/le.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/le.png
new file mode 100644
index 0000000..33ea0af
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/le.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/license.txt b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/license.txt
index 897ccf5..d1e91c0 100644
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/license.txt
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/license.txt
@@ -55,7 +55,7 @@
_________________________________________
Mark James
-http://www.famfamfam.com/lab/icons/flags/
+http://www.famfamfam.com/lab/icons/silk/
_________________________________________
This work is licensed under a
@@ -88,6 +88,9 @@
+
+
+
(C) 2014 Loetz GmbH&Co.KG,
License: EPL 1.0:
------------------------------------
@@ -228,3 +231,12 @@
welcome.png
xmi.png
xml.png
+
+
+
+
+Other icons:
+------------------------------------
+pdf-export.png from https://www.iconfinder.com/icons/37271/export_pdf_icon#size=24 under https://creativecommons.org/licenses/by-sa/3.0/
+
+
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/like.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/like.png
new file mode 100644
index 0000000..54616ea
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/like.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/loosingdata.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/loosingdata.png
new file mode 100644
index 0000000..fe3cb7d
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/loosingdata.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/lpfeilgrau.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/lpfeilgrau.png
new file mode 100644
index 0000000..51c3665
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/lpfeilgrau.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/lt.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/lt.png
new file mode 100644
index 0000000..a2ae64b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/lt.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/ne.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/ne.png
new file mode 100644
index 0000000..07a7db3
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/ne.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/osbee.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/osbee.png
new file mode 100644
index 0000000..e12f341
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/osbee.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/payment_signing.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/payment_signing.png
new file mode 100644
index 0000000..871c207
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/payment_signing.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/pdf-export.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/pdf-export.png
new file mode 100644
index 0000000..55653c5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/pdf-export.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/reload.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/reload.png
new file mode 100644
index 0000000..442df37
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/reload.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/rpfeilgrau.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/rpfeilgrau.png
new file mode 100644
index 0000000..0c24ced
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/rpfeilgrau.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/spargel.jpg b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/spargel.jpg
new file mode 100644
index 0000000..a1a97c0
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/spargel.jpg
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/splash.bmp b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/splash.bmp
new file mode 100644
index 0000000..1c2a33b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/splash.bmp
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/up.gif b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/up.gif
new file mode 100644
index 0000000..38f1b67
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/up.gif
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/warning.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/warning.png
new file mode 100644
index 0000000..414fedb
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/warning.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/StartAppHere.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/StartAppHere.png
new file mode 100644
index 0000000..6524f97
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/StartAppHere.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/architecture.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/architecture.png
new file mode 100644
index 0000000..0da1723
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/architecture.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/bugatti.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/bugatti.png
new file mode 100644
index 0000000..4f28c9e
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/bugatti.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/innovation.jpg b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/innovation.jpg
new file mode 100644
index 0000000..a6ba27b
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/innovation.jpg
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/lamborghini.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/lamborghini.png
new file mode 100644
index 0000000..2382b26
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/lamborghini.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/license.txt b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/license.txt
deleted file mode 100644
index c7751b7..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/license.txt
+++ /dev/null
@@ -1,53 +0,0 @@
-
-
-Pictures from StockSnap/pixabay:
--------------------------------
-
- 2M1AXEU9Q2.jpg
- grid-684983_1920.jpg
- binary-797263_1920
- binary-797274_1920.jpg
- bkgnd1.jpg
- cpu-564789_1920.jpg
- grid-871475_1920.jpg
- padlock.png
- personal-95715_1920.jpg
- rain-455120_640.jpg
- statistics-706383_1920.jpg
- Top_view.jpg
- U68NITW3EI.jpg
- U68NITW3EI_s.jpg
-
-
-
-
- CC0 License https://stocksnap.io/license
- -----------
- All photos on StockSnap fall under the Creative Commons CC0 license.
- That means you can copy, modify, distribute any photo on the site, even for commercial purposes, all without asking permission!
-
- Pixabay:
- --------
- https://pixabay.com/de/service/terms/#usage
-
- https://creativecommons.org/publicdomain/zero/1.0/legalcode
-
-
-
-Created / Manipulated by Eclipse OSBP project
----------------------------------------------
-
- app-loading.jpg - derived from grid-684983_1920.jpg
-
-
- created with http://www.ajaxload.info/
- license: http://www.wtfpl.net/about/
-
- load_bar_1.gif
- load_bar_2.gif
- load_spinner_1.gif
- load_spinner_2.gif
- load_spinner_3.gif
-
-
-
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/locked.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/locked.png
new file mode 100644
index 0000000..19b2d17
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/locked.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/logo_osbee.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/logo_osbee.png
new file mode 100644
index 0000000..8f53f5c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/logo_osbee.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/os-bee-logo-2016-cmyk_transparent.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/os-bee-logo-2016-cmyk_transparent.png
new file mode 100644
index 0000000..d4788f1
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/os-bee-logo-2016-cmyk_transparent.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/paper-clip-98520_960_36.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/paper-clip-98520_960_36.png
new file mode 100644
index 0000000..b7171a5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/paper-clip-98520_960_36.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/paper-clip-98520_960_72.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/paper-clip-98520_960_72.png
new file mode 100644
index 0000000..556c371
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/paper-clip-98520_960_72.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/paper-clip-98520_960_720.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/paper-clip-98520_960_720.png
new file mode 100644
index 0000000..ffd578a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/paper-clip-98520_960_720.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/unlocked.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/unlocked.png
new file mode 100644
index 0000000..7ec8ba9
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/unlocked.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/userExperience.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/userExperience.png
new file mode 100644
index 0000000..c2b782a
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/userExperience.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/styles.css b/org.eclipse.osbp.themes/VAADIN/themes/osbp/styles.css
index 880f29c..aa8816e 100644
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp/styles.css
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/styles.css
@@ -1,22 +1,3 @@
-/******************************************************************
- * *
- * Copyright (C) - Sample Corp., Smalltown, Sampleland
- * *
- * This source was generated via the OS.bee toolset! *
- * *
- * OS.bee is (C) - Loetz GmbH&Co.KG, 69115 Heidelberg, Germany *
- * *
- *================================================================*
- * *
- * @file $HeadURL$
- * @version $Revision$
- * @date $Date$
- * @author $Author$
- * *
- ******************************************************************/
-
-/***************/
-
/**
* Checks if a list contains a certain value.
*
@@ -2282,8 +2263,8 @@
@font-face {
font-family: "FontAwesome";
- src: url(fonts/FontAwesome.eot);
- src: url(fonts/FontAwesome.eot?#iefix) format("embedded-opentype"), url(fonts/FontAwesome.woff) format("woff"), url(fonts/FontAwesome.ttf) format("truetype"), url(fonts/FontAwesome.svg#icomoon) format("svg");
+ src: url(fonts/fontawesome-webfont.eot);
+ src: url(fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/fontawesome-webfont.woff) format("woff"), url(fonts/fontawesome-webfont.ttf) format("truetype"), url(fonts/fontawesome-webfont.svg#icomoon) format("svg");
}
[class^="fa-"], [class*=" fa-"] {
@@ -2295,6 +2276,7 @@
text-transform: none;
line-height: 1;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@@ -2308,2783 +2290,2784 @@
text-transform: none;
line-height: 1;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
-.fa-glass:before {
+.fa-glass .v-button-caption:before {
content: "\f000";
}
-.fa-music:before {
+.fa-music .v-button-caption:before {
content: "\f001";
}
-.fa-search:before {
+.fa-search .v-button-caption:before {
content: "\f002";
}
-.fa-envelope-o:before {
+.fa-envelope-o .v-button-caption:before {
content: "\f003";
}
-.fa-heart:before {
+.fa-heart .v-button-caption:before {
content: "\f004";
}
-.fa-star:before {
+.fa-star .v-button-caption:before {
content: "\f005";
}
-.fa-star-o:before {
+.fa-star-o .v-button-caption:before {
content: "\f006";
}
-.fa-user:before {
+.fa-user .v-button-caption:before {
content: "\f007";
}
-.fa-film:before {
+.fa-film .v-button-caption:before {
content: "\f008";
}
-.fa-th-large:before {
+.fa-th-large .v-button-caption:before {
content: "\f009";
}
-.fa-th:before {
+.fa-th .v-button-caption:before {
content: "\f00a";
}
-.fa-th-list:before {
+.fa-th-list .v-button-caption:before {
content: "\f00b";
}
-.fa-check:before {
+.fa-check .v-button-caption:before {
content: "\f00c";
}
-.fa-close:before {
+.fa-close .v-button-caption:before {
content: "\f00d";
}
-.fa-remove:before {
+.fa-remove .v-button-caption:before {
content: "\f00d";
}
-.fa-times:before {
+.fa-times .v-button-caption:before {
content: "\f00d";
}
-.fa-search-plus:before {
+.fa-search-plus .v-button-caption:before {
content: "\f00e";
}
-.fa-search-minus:before {
+.fa-search-minus .v-button-caption:before {
content: "\f010";
}
-.fa-power-off:before {
+.fa-power-off .v-button-caption:before {
content: "\f011";
}
-.fa-signal:before {
+.fa-signal .v-button-caption:before {
content: "\f012";
}
-.fa-cog:before {
+.fa-cog .v-button-caption:before {
content: "\f013";
}
-.fa-gear:before {
+.fa-gear .v-button-caption:before {
content: "\f013";
}
-.fa-trash-o:before {
+.fa-trash-o .v-button-caption:before {
content: "\f014";
}
-.fa-home:before {
+.fa-home .v-button-caption:before {
content: "\f015";
}
-.fa-file-o:before {
+.fa-file-o .v-button-caption:before {
content: "\f016";
}
-.fa-clock-o:before {
+.fa-clock-o .v-button-caption:before {
content: "\f017";
}
-.fa-road:before {
+.fa-road .v-button-caption:before {
content: "\f018";
}
-.fa-download:before {
+.fa-download .v-button-caption:before {
content: "\f019";
}
-.fa-arrow-circle-o-down:before {
+.fa-arrow-circle-o-down .v-button-caption:before {
content: "\f01a";
}
-.fa-arrow-circle-o-up:before {
+.fa-arrow-circle-o-up .v-button-caption:before {
content: "\f01b";
}
-.fa-inbox:before {
+.fa-inbox .v-button-caption:before {
content: "\f01c";
}
-.fa-play-circle-o:before {
+.fa-play-circle-o .v-button-caption:before {
content: "\f01d";
}
-.fa-repeat:before {
+.fa-repeat .v-button-caption:before {
content: "\f01e";
}
-.fa-rotate-right:before {
+.fa-rotate-right .v-button-caption:before {
content: "\f01e";
}
-.fa-refresh:before {
+.fa-refresh .v-button-caption:before {
content: "\f021";
}
-.fa-list-alt:before {
+.fa-list-alt .v-button-caption:before {
content: "\f022";
}
-.fa-lock:before {
+.fa-lock .v-button-caption:before {
content: "\f023";
}
-.fa-flag:before {
+.fa-flag .v-button-caption:before {
content: "\f024";
}
-.fa-headphones:before {
+.fa-headphones .v-button-caption:before {
content: "\f025";
}
-.fa-volume-off:before {
+.fa-volume-off .v-button-caption:before {
content: "\f026";
}
-.fa-volume-down:before {
+.fa-volume-down .v-button-caption:before {
content: "\f027";
}
-.fa-volume-up:before {
+.fa-volume-up .v-button-caption:before {
content: "\f028";
}
-.fa-qrcode:before {
+.fa-qrcode .v-button-caption:before {
content: "\f029";
}
-.fa-barcode:before {
+.fa-barcode .v-button-caption:before {
content: "\f02a";
}
-.fa-tag:before {
+.fa-tag .v-button-caption:before {
content: "\f02b";
}
-.fa-tags:before {
+.fa-tags .v-button-caption:before {
content: "\f02c";
}
-.fa-book2:before {
+.fa-book2 .v-button-caption:before {
content: "\f02d";
}
-.fa-bookmark:before {
+.fa-bookmark .v-button-caption:before {
content: "\f02e";
}
-.fa-print:before {
+.fa-print .v-button-caption:before {
content: "\f02f";
}
-.fa-camera:before {
+.fa-camera .v-button-caption:before {
content: "\f030";
}
-.fa-font:before {
+.fa-font .v-button-caption:before {
content: "\f031";
}
-.fa-bold:before {
+.fa-bold .v-button-caption:before {
content: "\f032";
}
-.fa-italic:before {
+.fa-italic .v-button-caption:before {
content: "\f033";
}
-.fa-text-height:before {
+.fa-text-height .v-button-caption:before {
content: "\f034";
}
-.fa-text-width:before {
+.fa-text-width .v-button-caption:before {
content: "\f035";
}
-.fa-align-left:before {
+.fa-align-left .v-button-caption:before {
content: "\f036";
}
-.fa-align-center:before {
+.fa-align-center .v-button-caption:before {
content: "\f037";
}
-.fa-align-right:before {
+.fa-align-right .v-button-caption:before {
content: "\f038";
}
-.fa-align-justify:before {
+.fa-align-justify .v-button-caption:before {
content: "\f039";
}
-.fa-list:before {
+.fa-list .v-button-caption:before {
content: "\f03a";
}
-.fa-dedent:before {
+.fa-dedent .v-button-caption:before {
content: "\f03b";
}
-.fa-outdent:before {
+.fa-outdent .v-button-caption:before {
content: "\f03b";
}
-.fa-indent:before {
+.fa-indent .v-button-caption:before {
content: "\f03c";
}
-.fa-video-camera:before {
+.fa-video-camera .v-button-caption:before {
content: "\f03d";
}
-.fa-image:before {
+.fa-image .v-button-caption:before {
content: "\f03e";
}
-.fa-photo:before {
+.fa-photo .v-button-caption:before {
content: "\f03e";
}
-.fa-picture-o:before {
+.fa-picture-o .v-button-caption:before {
content: "\f03e";
}
-.fa-pencil:before {
+.fa-pencil .v-button-caption:before {
content: "\f040";
}
-.fa-map-marker:before {
+.fa-map-marker .v-button-caption:before {
content: "\f041";
}
-.fa-adjust:before {
+.fa-adjust .v-button-caption:before {
content: "\f042";
}
-.fa-tint:before {
+.fa-tint .v-button-caption:before {
content: "\f043";
}
-.fa-edit:before {
+.fa-edit .v-button-caption:before {
content: "\f044";
}
-.fa-pencil-square-o:before {
+.fa-pencil-square-o .v-button-caption:before {
content: "\f044";
}
-.fa-share-square-o:before {
+.fa-share-square-o .v-button-caption:before {
content: "\f045";
}
-.fa-check-square-o:before {
+.fa-check-square-o .v-button-caption:before {
content: "\f046";
}
-.fa-arrows:before {
+.fa-arrows .v-button-caption:before {
content: "\f047";
}
-.fa-step-backward:before {
+.fa-step-backward .v-button-caption:before {
content: "\f048";
}
-.fa-fast-backward:before {
+.fa-fast-backward .v-button-caption:before {
content: "\f049";
}
-.fa-backward:before {
+.fa-backward .v-button-caption:before {
content: "\f04a";
}
-.fa-play:before {
+.fa-play .v-button-caption:before {
content: "\f04b";
}
-.fa-pause:before {
+.fa-pause .v-button-caption:before {
content: "\f04c";
}
-.fa-stop:before {
+.fa-stop .v-button-caption:before {
content: "\f04d";
}
-.fa-forward:before {
+.fa-forward .v-button-caption:before {
content: "\f04e";
}
-.fa-fast-forward:before {
+.fa-fast-forward .v-button-caption:before {
content: "\f050";
}
-.fa-step-forward:before {
+.fa-step-forward .v-button-caption:before {
content: "\f051";
}
-.fa-eject:before {
+.fa-eject .v-button-caption:before {
content: "\f052";
}
-.fa-chevron-left:before {
+.fa-chevron-left .v-button-caption:before {
content: "\f053";
}
-.fa-chevron-right:before {
+.fa-chevron-right .v-button-caption:before {
content: "\f054";
}
-.fa-plus-circle:before {
+.fa-plus-circle .v-button-caption:before {
content: "\f055";
}
-.fa-minus-circle:before {
+.fa-minus-circle .v-button-caption:before {
content: "\f056";
}
-.fa-times-circle:before {
+.fa-times-circle .v-button-caption:before {
content: "\f057";
}
-.fa-check-circle:before {
+.fa-check-circle .v-button-caption:before {
content: "\f058";
}
-.fa-question-circle:before {
+.fa-question-circle .v-button-caption:before {
content: "\f059";
}
-.fa-info-circle:before {
+.fa-info-circle .v-button-caption:before {
content: "\f05a";
}
-.fa-crosshairs:before {
+.fa-crosshairs .v-button-caption:before {
content: "\f05b";
}
-.fa-times-circle-o:before {
+.fa-times-circle-o .v-button-caption:before {
content: "\f05c";
}
-.fa-check-circle-o:before {
+.fa-check-circle-o .v-button-caption:before {
content: "\f05d";
}
-.fa-ban:before {
+.fa-ban .v-button-caption:before {
content: "\f05e";
}
-.fa-arrow-left:before {
+.fa-arrow-left .v-button-caption:before {
content: "\f060";
}
-.fa-arrow-right:before {
+.fa-arrow-right .v-button-caption:before {
content: "\f061";
}
-.fa-arrow-up:before {
+.fa-arrow-up .v-button-caption:before {
content: "\f062";
}
-.fa-arrow-down:before {
+.fa-arrow-down .v-button-caption:before {
content: "\f063";
}
-.fa-mail-forward:before {
+.fa-mail-forward .v-button-caption:before {
content: "\f064";
}
-.fa-share:before {
+.fa-share .v-button-caption:before {
content: "\f064";
}
-.fa-expand:before {
+.fa-expand .v-button-caption:before {
content: "\f065";
}
-.fa-compress:before {
+.fa-compress .v-button-caption:before {
content: "\f066";
}
-.fa-plus:before {
+.fa-plus .v-button-caption:before {
content: "\f067";
}
-.fa-minus:before {
+.fa-minus .v-button-caption:before {
content: "\f068";
}
-.fa-asterisk:before {
+.fa-asterisk .v-button-caption:before {
content: "\f069";
}
-.fa-exclamation-circle:before {
+.fa-exclamation-circle .v-button-caption:before {
content: "\f06a";
}
-.fa-gift:before {
+.fa-gift .v-button-caption:before {
content: "\f06b";
}
-.fa-leaf:before {
+.fa-leaf .v-button-caption:before {
content: "\f06c";
}
-.fa-fire:before {
+.fa-fire .v-button-caption:before {
content: "\f06d";
}
-.fa-eye:before {
+.fa-eye .v-button-caption:before {
content: "\f06e";
}
-.fa-eye-slash:before {
+.fa-eye-slash .v-button-caption:before {
content: "\f070";
}
-.fa-exclamation-triangle:before {
+.fa-exclamation-triangle .v-button-caption:before {
content: "\f071";
}
-.fa-warning:before {
+.fa-warning .v-button-caption:before {
content: "\f071";
}
-.fa-plane:before {
+.fa-plane .v-button-caption:before {
content: "\f072";
}
-.fa-calendar:before {
+.fa-calendar .v-button-caption:before {
content: "\f073";
}
-.fa-random2:before {
+.fa-random2 .v-button-caption:before {
content: "\f074";
}
-.fa-comment2:before {
+.fa-comment2 .v-button-caption:before {
content: "\f075";
}
-.fa-magnet:before {
+.fa-magnet .v-button-caption:before {
content: "\f076";
}
-.fa-chevron-up:before {
+.fa-chevron-up .v-button-caption:before {
content: "\f077";
}
-.fa-chevron-down:before {
+.fa-chevron-down .v-button-caption:before {
content: "\f078";
}
-.fa-retweet2:before {
+.fa-retweet2 .v-button-caption:before {
content: "\f079";
}
-.fa-shopping-cart:before {
+.fa-shopping-cart .v-button-caption:before {
content: "\f07a";
}
-.fa-folder:before {
+.fa-folder .v-button-caption:before {
content: "\f07b";
}
-.fa-folder-open:before {
+.fa-folder-open .v-button-caption:before {
content: "\f07c";
}
-.fa-arrows-v:before {
+.fa-arrows-v .v-button-caption:before {
content: "\f07d";
}
-.fa-arrows-h:before {
+.fa-arrows-h .v-button-caption:before {
content: "\f07e";
}
-.fa-bar-chart2:before {
+.fa-bar-chart2 .v-button-caption:before {
content: "\f080";
}
-.fa-bar-chart-o:before {
+.fa-bar-chart-o .v-button-caption:before {
content: "\f080";
}
-.fa-twitter-square:before {
+.fa-twitter-square .v-button-caption:before {
content: "\f081";
}
-.fa-facebook-square:before {
+.fa-facebook-square .v-button-caption:before {
content: "\f082";
}
-.fa-camera-retro:before {
+.fa-camera-retro .v-button-caption:before {
content: "\f083";
}
-.fa-key:before {
+.fa-key .v-button-caption:before {
content: "\f084";
}
-.fa-cogs:before {
+.fa-cogs .v-button-caption:before {
content: "\f085";
}
-.fa-gears:before {
+.fa-gears .v-button-caption:before {
content: "\f085";
}
-.fa-comments:before {
+.fa-comments .v-button-caption:before {
content: "\f086";
}
-.fa-thumbs-o-up:before {
+.fa-thumbs-o-up .v-button-caption:before {
content: "\f087";
}
-.fa-thumbs-o-down:before {
+.fa-thumbs-o-down .v-button-caption:before {
content: "\f088";
}
-.fa-star-half:before {
+.fa-star-half .v-button-caption:before {
content: "\f089";
}
-.fa-heart-o:before {
+.fa-heart-o .v-button-caption:before {
content: "\f08a";
}
-.fa-sign-out:before {
+.fa-sign-out .v-button-caption:before {
content: "\f08b";
}
-.fa-linkedin-square:before {
+.fa-linkedin-square .v-button-caption:before {
content: "\f08c";
}
-.fa-thumb-tack:before {
+.fa-thumb-tack .v-button-caption:before {
content: "\f08d";
}
-.fa-external-link:before {
+.fa-external-link .v-button-caption:before {
content: "\f08e";
}
-.fa-sign-in2:before {
+.fa-sign-in2 .v-button-caption:before {
content: "\f090";
}
-.fa-trophy:before {
+.fa-trophy .v-button-caption:before {
content: "\f091";
}
-.fa-github-square:before {
+.fa-github-square .v-button-caption:before {
content: "\f092";
}
-.fa-upload3:before {
+.fa-upload3 .v-button-caption:before {
content: "\f093";
}
-.fa-lemon-o:before {
+.fa-lemon-o .v-button-caption:before {
content: "\f094";
}
-.fa-phone:before {
+.fa-phone .v-button-caption:before {
content: "\f095";
}
-.fa-square-o:before {
+.fa-square-o .v-button-caption:before {
content: "\f096";
}
-.fa-bookmark-o:before {
+.fa-bookmark-o .v-button-caption:before {
content: "\f097";
}
-.fa-phone-square:before {
+.fa-phone-square .v-button-caption:before {
content: "\f098";
}
-.fa-twitter:before {
+.fa-twitter .v-button-caption:before {
content: "\f099";
}
-.fa-facebook:before {
+.fa-facebook .v-button-caption:before {
content: "\f09a";
}
-.fa-facebook-f:before {
+.fa-facebook-f .v-button-caption:before {
content: "\f09a";
}
-.fa-github:before {
+.fa-github .v-button-caption:before {
content: "\f09b";
}
-.fa-unlock:before {
+.fa-unlock .v-button-caption:before {
content: "\f09c";
}
-.fa-credit-card:before {
+.fa-credit-card .v-button-caption:before {
content: "\f09d";
}
-.fa-feed:before {
+.fa-feed .v-button-caption:before {
content: "\f09e";
}
-.fa-rss:before {
+.fa-rss .v-button-caption:before {
content: "\f09e";
}
-.fa-hdd-o:before {
+.fa-hdd-o .v-button-caption:before {
content: "\f0a0";
}
-.fa-bullhorn:before {
+.fa-bullhorn .v-button-caption:before {
content: "\f0a1";
}
-.fa-bell-o:before {
+.fa-bell-o .v-button-caption:before {
content: "\f0a2";
}
-.fa-certificate:before {
+.fa-certificate .v-button-caption:before {
content: "\f0a3";
}
-.fa-hand-o-right:before {
+.fa-hand-o-right .v-button-caption:before {
content: "\f0a4";
}
-.fa-hand-o-left:before {
+.fa-hand-o-left .v-button-caption:before {
content: "\f0a5";
}
-.fa-hand-o-up:before {
+.fa-hand-o-up .v-button-caption:before {
content: "\f0a6";
}
-.fa-hand-o-down:before {
+.fa-hand-o-down .v-button-caption:before {
content: "\f0a7";
}
-.fa-arrow-circle-left:before {
+.fa-arrow-circle-left .v-button-caption:before {
content: "\f0a8";
}
-.fa-arrow-circle-right:before {
+.fa-arrow-circle-right .v-button-caption:before {
content: "\f0a9";
}
-.fa-arrow-circle-up:before {
+.fa-arrow-circle-up .v-button-caption:before {
content: "\f0aa";
}
-.fa-arrow-circle-down:before {
+.fa-arrow-circle-down .v-button-caption:before {
content: "\f0ab";
}
-.fa-globe:before {
+.fa-globe .v-button-caption:before {
content: "\f0ac";
}
-.fa-wrench:before {
+.fa-wrench .v-button-caption:before {
content: "\f0ad";
}
-.fa-tasks2:before {
+.fa-tasks2 .v-button-caption:before {
content: "\f0ae";
}
-.fa-filter2:before {
+.fa-filter2 .v-button-caption:before {
content: "\f0b0";
}
-.fa-briefcase:before {
+.fa-briefcase .v-button-caption:before {
content: "\f0b1";
}
-.fa-arrows-alt:before {
+.fa-arrows-alt .v-button-caption:before {
content: "\f0b2";
}
-.fa-group:before {
+.fa-group .v-button-caption:before {
content: "\f0c0";
}
-.fa-users:before {
+.fa-users .v-button-caption:before {
content: "\f0c0";
}
-.fa-chain:before {
+.fa-chain .v-button-caption:before {
content: "\f0c1";
}
-.fa-link:before {
+.fa-link .v-button-caption:before {
content: "\f0c1";
}
-.fa-cloud:before {
+.fa-cloud .v-button-caption:before {
content: "\f0c2";
}
-.fa-flask:before {
+.fa-flask .v-button-caption:before {
content: "\f0c3";
}
-.fa-cut:before {
+.fa-cut .v-button-caption:before {
content: "\f0c4";
}
-.fa-scissors:before {
+.fa-scissors .v-button-caption:before {
content: "\f0c4";
}
-.fa-copy:before {
+.fa-copy .v-button-caption:before {
content: "\f0c5";
}
-.fa-files-o:before {
+.fa-files-o .v-button-caption:before {
content: "\f0c5";
}
-.fa-paperclip:before {
+.fa-paperclip .v-button-caption:before {
content: "\f0c6";
}
-.fa-floppy-o:before {
+.fa-floppy-o .v-button-caption:before {
content: "\f0c7";
}
-.fa-save:before {
+.fa-save .v-button-caption:before {
content: "\f0c7";
}
-.fa-square:before {
+.fa-square .v-button-caption:before {
content: "\f0c8";
}
-.fa-bars:before {
+.fa-bars .v-button-caption:before {
content: "\f0c9";
}
-.fa-navicon:before {
+.fa-navicon .v-button-caption:before {
content: "\f0c9";
}
-.fa-reorder:before {
+.fa-reorder .v-button-caption:before {
content: "\f0c9";
}
-.fa-list-ul:before {
+.fa-list-ul .v-button-caption:before {
content: "\f0ca";
}
-.fa-list-ol:before {
+.fa-list-ol .v-button-caption:before {
content: "\f0cb";
}
-.fa-strikethrough:before {
+.fa-strikethrough .v-button-caption:before {
content: "\f0cc";
}
-.fa-underline:before {
+.fa-underline .v-button-caption:before {
content: "\f0cd";
}
-.fa-table2:before {
+.fa-table2 .v-button-caption:before {
content: "\f0ce";
}
-.fa-magic:before {
+.fa-magic .v-button-caption:before {
content: "\f0d0";
}
-.fa-truck:before {
+.fa-truck .v-button-caption:before {
content: "\f0d1";
}
-.fa-pinterest:before {
+.fa-pinterest .v-button-caption:before {
content: "\f0d2";
}
-.fa-pinterest-square:before {
+.fa-pinterest-square .v-button-caption:before {
content: "\f0d3";
}
-.fa-google-plus-square:before {
+.fa-google-plus-square .v-button-caption:before {
content: "\f0d4";
}
-.fa-google-plus:before {
+.fa-google-plus .v-button-caption:before {
content: "\f0d5";
}
-.fa-money:before {
+.fa-money .v-button-caption:before {
content: "\f0d6";
}
-.fa-caret-down:before {
+.fa-caret-down .v-button-caption:before {
content: "\f0d7";
}
-.fa-caret-up:before {
+.fa-caret-up .v-button-caption:before {
content: "\f0d8";
}
-.fa-caret-left:before {
+.fa-caret-left .v-button-caption:before {
content: "\f0d9";
}
-.fa-caret-right:before {
+.fa-caret-right .v-button-caption:before {
content: "\f0da";
}
-.fa-columns:before {
+.fa-columns .v-button-caption:before {
content: "\f0db";
}
-.fa-sort:before {
+.fa-sort .v-button-caption:before {
content: "\f0dc";
}
-.fa-unsorted:before {
+.fa-unsorted .v-button-caption:before {
content: "\f0dc";
}
-.fa-sort-desc:before {
+.fa-sort-desc .v-button-caption:before {
content: "\f0dd";
}
-.fa-sort-down:before {
+.fa-sort-down .v-button-caption:before {
content: "\f0dd";
}
-.fa-sort-asc:before {
+.fa-sort-asc .v-button-caption:before {
content: "\f0de";
}
-.fa-sort-up:before {
+.fa-sort-up .v-button-caption:before {
content: "\f0de";
}
-.fa-envelope:before {
+.fa-envelope .v-button-caption:before {
content: "\f0e0";
}
-.fa-linkedin:before {
+.fa-linkedin .v-button-caption:before {
content: "\f0e1";
}
-.fa-rotate-left:before {
+.fa-rotate-left .v-button-caption:before {
content: "\f0e2";
}
-.fa-undo:before {
+.fa-undo .v-button-caption:before {
content: "\f0e2";
}
-.fa-gavel:before {
+.fa-gavel .v-button-caption:before {
content: "\f0e3";
}
-.fa-legal:before {
+.fa-legal .v-button-caption:before {
content: "\f0e3";
}
-.fa-dashboard:before {
+.fa-dashboard .v-button-caption:before {
content: "\f0e4";
}
-.fa-tachometer:before {
+.fa-tachometer .v-button-caption:before {
content: "\f0e4";
}
-.fa-comment-o2:before {
+.fa-comment-o2 .v-button-caption:before {
content: "\f0e5";
}
-.fa-comments-o:before {
+.fa-comments-o .v-button-caption:before {
content: "\f0e6";
}
-.fa-bolt:before {
+.fa-bolt .v-button-caption:before {
content: "\f0e7";
}
-.fa-flash:before {
+.fa-flash .v-button-caption:before {
content: "\f0e7";
}
-.fa-sitemap2:before {
+.fa-sitemap2 .v-button-caption:before {
content: "\f0e8";
}
-.fa-umbrella:before {
+.fa-umbrella .v-button-caption:before {
content: "\f0e9";
}
-.fa-clipboard:before {
+.fa-clipboard .v-button-caption:before {
content: "\f0ea";
}
-.fa-paste:before {
+.fa-paste .v-button-caption:before {
content: "\f0ea";
}
-.fa-lightbulb-o:before {
+.fa-lightbulb-o .v-button-caption:before {
content: "\f0eb";
}
-.fa-exchange:before {
+.fa-exchange .v-button-caption:before {
content: "\f0ec";
}
-.fa-cloud-download:before {
+.fa-cloud-download .v-button-caption:before {
content: "\f0ed";
}
-.fa-cloud-upload:before {
+.fa-cloud-upload .v-button-caption:before {
content: "\f0ee";
}
-.fa-user-md:before {
+.fa-user-md .v-button-caption:before {
content: "\f0f0";
}
-.fa-stethoscope:before {
+.fa-stethoscope .v-button-caption:before {
content: "\f0f1";
}
-.fa-suitcase:before {
+.fa-suitcase .v-button-caption:before {
content: "\f0f2";
}
-.fa-bell:before {
+.fa-bell .v-button-caption:before {
content: "\f0f3";
}
-.fa-coffee:before {
+.fa-coffee .v-button-caption:before {
content: "\f0f4";
}
-.fa-cutlery:before {
+.fa-cutlery .v-button-caption:before {
content: "\f0f5";
}
-.fa-file-text-o2:before {
+.fa-file-text-o2 .v-button-caption:before {
content: "\f0f6";
}
-.fa-building-o:before {
+.fa-building-o .v-button-caption:before {
content: "\f0f7";
}
-.fa-hospital-o:before {
+.fa-hospital-o .v-button-caption:before {
content: "\f0f8";
}
-.fa-ambulance:before {
+.fa-ambulance .v-button-caption:before {
content: "\f0f9";
}
-.fa-medkit:before {
+.fa-medkit .v-button-caption:before {
content: "\f0fa";
}
-.fa-fighter-jet:before {
+.fa-fighter-jet .v-button-caption:before {
content: "\f0fb";
}
-.fa-beer:before {
+.fa-beer .v-button-caption:before {
content: "\f0fc";
}
-.fa-h-square:before {
+.fa-h-square .v-button-caption:before {
content: "\f0fd";
}
-.fa-plus-square:before {
+.fa-plus-square .v-button-caption:before {
content: "\f0fe";
}
-.fa-angle-double-left:before {
+.fa-angle-double-left .v-button-caption:before {
content: "\f100";
}
-.fa-angle-double-right:before {
+.fa-angle-double-right .v-button-caption:before {
content: "\f101";
}
-.fa-angle-double-up:before {
+.fa-angle-double-up .v-button-caption:before {
content: "\f102";
}
-.fa-angle-double-down:before {
+.fa-angle-double-down .v-button-caption:before {
content: "\f103";
}
-.fa-angle-left:before {
+.fa-angle-left .v-button-caption:before {
content: "\f104";
}
-.fa-angle-right:before {
+.fa-angle-right .v-button-caption:before {
content: "\f105";
}
-.fa-angle-up:before {
+.fa-angle-up .v-button-caption:before {
content: "\f106";
}
-.fa-angle-down:before {
+.fa-angle-down .v-button-caption:before {
content: "\f107";
}
-.fa-desktop:before {
+.fa-desktop .v-button-caption:before {
content: "\f108";
}
-.fa-laptop:before {
+.fa-laptop .v-button-caption:before {
content: "\f109";
}
-.fa-tablet:before {
+.fa-tablet .v-button-caption:before {
content: "\f10a";
}
-.fa-mobile:before {
+.fa-mobile .v-button-caption:before {
content: "\f10b";
}
-.fa-mobile-phone:before {
+.fa-mobile-phone .v-button-caption:before {
content: "\f10b";
}
-.fa-circle-o:before {
+.fa-circle-o .v-button-caption:before {
content: "\f10c";
}
-.fa-quote-left:before {
+.fa-quote-left .v-button-caption:before {
content: "\f10d";
}
-.fa-quote-right:before {
+.fa-quote-right .v-button-caption:before {
content: "\f10e";
}
-.fa-spinner:before {
+.fa-spinner .v-button-caption:before {
content: "\f110";
}
-.fa-circle:before {
+.fa-circle .v-button-caption:before {
content: "\f111";
}
-.fa-mail-reply:before {
+.fa-mail-reply .v-button-caption:before {
content: "\f112";
}
-.fa-reply:before {
+.fa-reply .v-button-caption:before {
content: "\f112";
}
-.fa-github-alt:before {
+.fa-github-alt .v-button-caption:before {
content: "\f113";
}
-.fa-folder-o:before {
+.fa-folder-o .v-button-caption:before {
content: "\f114";
}
-.fa-folder-open-o:before {
+.fa-folder-open-o .v-button-caption:before {
content: "\f115";
}
-.fa-smile-o:before {
+.fa-smile-o .v-button-caption:before {
content: "\f118";
}
-.fa-frown-o:before {
+.fa-frown-o .v-button-caption:before {
content: "\f119";
}
-.fa-meh-o:before {
+.fa-meh-o .v-button-caption:before {
content: "\f11a";
}
-.fa-gamepad:before {
+.fa-gamepad .v-button-caption:before {
content: "\f11b";
}
-.fa-keyboard-o:before {
+.fa-keyboard-o .v-button-caption:before {
content: "\f11c";
}
-.fa-flag-o:before {
+.fa-flag-o .v-button-caption:before {
content: "\f11d";
}
-.fa-flag-checkered:before {
+.fa-flag-checkered .v-button-caption:before {
content: "\f11e";
}
-.fa-terminal:before {
+.fa-terminal .v-button-caption:before {
content: "\f120";
}
-.fa-code:before {
+.fa-code .v-button-caption:before {
content: "\f121";
}
-.fa-mail-reply-all:before {
+.fa-mail-reply-all .v-button-caption:before {
content: "\f122";
}
-.fa-reply-all:before {
+.fa-reply-all .v-button-caption:before {
content: "\f122";
}
-.fa-star-half-empty:before {
+.fa-star-half-empty .v-button-caption:before {
content: "\f123";
}
-.fa-star-half-full:before {
+.fa-star-half-full .v-button-caption:before {
content: "\f123";
}
-.fa-star-half-o:before {
+.fa-star-half-o .v-button-caption:before {
content: "\f123";
}
-.fa-location-arrow:before {
+.fa-location-arrow .v-button-caption:before {
content: "\f124";
}
-.fa-crop:before {
+.fa-crop .v-button-caption:before {
content: "\f125";
}
-.fa-code-fork:before {
+.fa-code-fork .v-button-caption:before {
content: "\f126";
}
-.fa-chain-broken:before {
+.fa-chain-broken .v-button-caption:before {
content: "\f127";
}
-.fa-unlink:before {
+.fa-unlink .v-button-caption:before {
content: "\f127";
}
-.fa-question:before {
+.fa-question .v-button-caption:before {
content: "\f128";
}
-.fa-info:before {
+.fa-info .v-button-caption:before {
content: "\f129";
}
-.fa-exclamation:before {
+.fa-exclamation .v-button-caption:before {
content: "\f12a";
}
-.fa-superscript:before {
+.fa-superscript .v-button-caption:before {
content: "\f12b";
}
-.fa-subscript:before {
+.fa-subscript .v-button-caption:before {
content: "\f12c";
}
-.fa-eraser:before {
+.fa-eraser .v-button-caption:before {
content: "\f12d";
}
-.fa-puzzle-piece2:before {
+.fa-puzzle-piece2 .v-button-caption:before {
content: "\f12e";
}
-.fa-microphone:before {
+.fa-microphone .v-button-caption:before {
content: "\f130";
}
-.fa-microphone-slash:before {
+.fa-microphone-slash .v-button-caption:before {
content: "\f131";
}
-.fa-shield:before {
+.fa-shield .v-button-caption:before {
content: "\f132";
}
-.fa-calendar-o:before {
+.fa-calendar-o .v-button-caption:before {
content: "\f133";
}
-.fa-fire-extinguisher:before {
+.fa-fire-extinguisher .v-button-caption:before {
content: "\f134";
}
-.fa-rocket:before {
+.fa-rocket .v-button-caption:before {
content: "\f135";
}
-.fa-maxcdn:before {
+.fa-maxcdn .v-button-caption:before {
content: "\f136";
}
-.fa-chevron-circle-left:before {
+.fa-chevron-circle-left .v-button-caption:before {
content: "\f137";
}
-.fa-chevron-circle-right:before {
+.fa-chevron-circle-right .v-button-caption:before {
content: "\f138";
}
-.fa-chevron-circle-up:before {
+.fa-chevron-circle-up .v-button-caption:before {
content: "\f139";
}
-.fa-chevron-circle-down:before {
+.fa-chevron-circle-down .v-button-caption:before {
content: "\f13a";
}
-.fa-html5:before {
+.fa-html5 .v-button-caption:before {
content: "\f13b";
}
-.fa-css3:before {
+.fa-css3 .v-button-caption:before {
content: "\f13c";
}
-.fa-anchor:before {
+.fa-anchor .v-button-caption:before {
content: "\f13d";
}
-.fa-unlock-alt:before {
+.fa-unlock-alt .v-button-caption:before {
content: "\f13e";
}
-.fa-bullseye:before {
+.fa-bullseye .v-button-caption:before {
content: "\f140";
}
-.fa-ellipsis-h:before {
+.fa-ellipsis-h .v-button-caption:before {
content: "\f141";
}
-.fa-ellipsis-v:before {
+.fa-ellipsis-v .v-button-caption:before {
content: "\f142";
}
-.fa-rss-square:before {
+.fa-rss-square .v-button-caption:before {
content: "\f143";
}
-.fa-play-circle:before {
+.fa-play-circle .v-button-caption:before {
content: "\f144";
}
-.fa-ticket:before {
+.fa-ticket .v-button-caption:before {
content: "\f145";
}
-.fa-minus-square:before {
+.fa-minus-square .v-button-caption:before {
content: "\f146";
}
-.fa-minus-square-o:before {
+.fa-minus-square-o .v-button-caption:before {
content: "\f147";
}
-.fa-level-up:before {
+.fa-level-up .v-button-caption:before {
content: "\f148";
}
-.fa-level-down:before {
+.fa-level-down .v-button-caption:before {
content: "\f149";
}
-.fa-check-square:before {
+.fa-check-square .v-button-caption:before {
content: "\f14a";
}
-.fa-pencil-square:before {
+.fa-pencil-square .v-button-caption:before {
content: "\f14b";
}
-.fa-external-link-square:before {
+.fa-external-link-square .v-button-caption:before {
content: "\f14c";
}
-.fa-share-square:before {
+.fa-share-square .v-button-caption:before {
content: "\f14d";
}
-.fa-compass:before {
+.fa-compass .v-button-caption:before {
content: "\f14e";
}
-.fa-caret-square-o-down:before {
+.fa-caret-square-o-down .v-button-caption:before {
content: "\f150";
}
-.fa-toggle-down:before {
+.fa-toggle-down .v-button-caption:before {
content: "\f150";
}
-.fa-caret-square-o-up:before {
+.fa-caret-square-o-up .v-button-caption:before {
content: "\f151";
}
-.fa-toggle-up:before {
+.fa-toggle-up .v-button-caption:before {
content: "\f151";
}
-.fa-caret-square-o-right:before {
+.fa-caret-square-o-right .v-button-caption:before {
content: "\f152";
}
-.fa-toggle-right:before {
+.fa-toggle-right .v-button-caption:before {
content: "\f152";
}
-.fa-eur:before {
+.fa-eur .v-button-caption:before {
content: "\f153";
}
-.fa-euro:before {
+.fa-euro .v-button-caption:before {
content: "\f153";
}
-.fa-gbp:before {
+.fa-gbp .v-button-caption:before {
content: "\f154";
}
-.fa-dollar:before {
+.fa-dollar .v-button-caption:before {
content: "\f155";
}
-.fa-usd:before {
+.fa-usd .v-button-caption:before {
content: "\f155";
}
-.fa-inr:before {
+.fa-inr .v-button-caption:before {
content: "\f156";
}
-.fa-rupee:before {
+.fa-rupee .v-button-caption:before {
content: "\f156";
}
-.fa-cny:before {
+.fa-cny .v-button-caption:before {
content: "\f157";
}
-.fa-jpy:before {
+.fa-jpy .v-button-caption:before {
content: "\f157";
}
-.fa-rmb:before {
+.fa-rmb .v-button-caption:before {
content: "\f157";
}
-.fa-yen:before {
+.fa-yen .v-button-caption:before {
content: "\f157";
}
-.fa-rouble:before {
+.fa-rouble .v-button-caption:before {
content: "\f158";
}
-.fa-rub:before {
+.fa-rub .v-button-caption:before {
content: "\f158";
}
-.fa-ruble:before {
+.fa-ruble .v-button-caption:before {
content: "\f158";
}
-.fa-krw:before {
+.fa-krw .v-button-caption:before {
content: "\f159";
}
-.fa-won:before {
+.fa-won .v-button-caption:before {
content: "\f159";
}
-.fa-bitcoin:before {
+.fa-bitcoin .v-button-caption:before {
content: "\f15a";
}
-.fa-btc:before {
+.fa-btc .v-button-caption:before {
content: "\f15a";
}
-.fa-file:before {
+.fa-file .v-button-caption:before {
content: "\f15b";
}
-.fa-file-text:before {
+.fa-file-text .v-button-caption:before {
content: "\f15c";
}
-.fa-sort-alpha-asc:before {
+.fa-sort-alpha-asc .v-button-caption:before {
content: "\f15d";
}
-.fa-sort-alpha-desc:before {
+.fa-sort-alpha-desc .v-button-caption:before {
content: "\f15e";
}
-.fa-sort-amount-asc:before {
+.fa-sort-amount-asc .v-button-caption:before {
content: "\f160";
}
-.fa-sort-amount-desc:before {
+.fa-sort-amount-desc .v-button-caption:before {
content: "\f161";
}
-.fa-sort-numeric-asc:before {
+.fa-sort-numeric-asc .v-button-caption:before {
content: "\f162";
}
-.fa-sort-numeric-desc:before {
+.fa-sort-numeric-desc .v-button-caption:before {
content: "\f163";
}
-.fa-thumbs-up:before {
+.fa-thumbs-up .v-button-caption:before {
content: "\f164";
}
-.fa-thumbs-down:before {
+.fa-thumbs-down .v-button-caption:before {
content: "\f165";
}
-.fa-youtube-square:before {
+.fa-youtube-square .v-button-caption:before {
content: "\f166";
}
-.fa-youtube:before {
+.fa-youtube .v-button-caption:before {
content: "\f167";
}
-.fa-xing:before {
+.fa-xing .v-button-caption:before {
content: "\f168";
}
-.fa-xing-square:before {
+.fa-xing-square .v-button-caption:before {
content: "\f169";
}
-.fa-youtube-play:before {
+.fa-youtube-play .v-button-caption:before {
content: "\f16a";
}
-.fa-dropbox:before {
+.fa-dropbox .v-button-caption:before {
content: "\f16b";
}
-.fa-stack-overflow:before {
+.fa-stack-overflow .v-button-caption:before {
content: "\f16c";
}
-.fa-instagram:before {
+.fa-instagram .v-button-caption:before {
content: "\f16d";
}
-.fa-flickr:before {
+.fa-flickr .v-button-caption:before {
content: "\f16e";
}
-.fa-adn:before {
+.fa-adn .v-button-caption:before {
content: "\f170";
}
-.fa-bitbucket:before {
+.fa-bitbucket .v-button-caption:before {
content: "\f171";
}
-.fa-bitbucket-square:before {
+.fa-bitbucket-square .v-button-caption:before {
content: "\f172";
}
-.fa-tumblr:before {
+.fa-tumblr .v-button-caption:before {
content: "\f173";
}
-.fa-tumblr-square:before {
+.fa-tumblr-square .v-button-caption:before {
content: "\f174";
}
-.fa-long-arrow-down:before {
+.fa-long-arrow-down .v-button-caption:before {
content: "\f175";
}
-.fa-long-arrow-up:before {
+.fa-long-arrow-up .v-button-caption:before {
content: "\f176";
}
-.fa-long-arrow-left:before {
+.fa-long-arrow-left .v-button-caption:before {
content: "\f177";
}
-.fa-long-arrow-right:before {
+.fa-long-arrow-right .v-button-caption:before {
content: "\f178";
}
-.fa-apple:before {
+.fa-apple .v-button-caption:before {
content: "\f179";
}
-.fa-windows:before {
+.fa-windows .v-button-caption:before {
content: "\f17a";
}
-.fa-android:before {
+.fa-android .v-button-caption:before {
content: "\f17b";
}
-.fa-linux:before {
+.fa-linux .v-button-caption:before {
content: "\f17c";
}
-.fa-dribbble:before {
+.fa-dribbble .v-button-caption:before {
content: "\f17d";
}
-.fa-skype:before {
+.fa-skype .v-button-caption:before {
content: "\f17e";
}
-.fa-foursquare:before {
+.fa-foursquare .v-button-caption:before {
content: "\f180";
}
-.fa-trello:before {
+.fa-trello .v-button-caption:before {
content: "\f181";
}
-.fa-female:before {
+.fa-female .v-button-caption:before {
content: "\f182";
}
-.fa-male:before {
+.fa-male .v-button-caption:before {
content: "\f183";
}
-.fa-gittip:before {
+.fa-gittip .v-button-caption:before {
content: "\f184";
}
-.fa-gratipay:before {
+.fa-gratipay .v-button-caption:before {
content: "\f184";
}
-.fa-sun-o:before {
+.fa-sun-o .v-button-caption:before {
content: "\f185";
}
-.fa-moon-o:before {
+.fa-moon-o .v-button-caption:before {
content: "\f186";
}
-.fa-archive2:before {
+.fa-archive2 .v-button-caption:before {
content: "\f187";
}
-.fa-bug:before {
+.fa-bug .v-button-caption:before {
content: "\f188";
}
-.fa-vk:before {
+.fa-vk .v-button-caption:before {
content: "\f189";
}
-.fa-weibo:before {
+.fa-weibo .v-button-caption:before {
content: "\f18a";
}
-.fa-renren:before {
+.fa-renren .v-button-caption:before {
content: "\f18b";
}
-.fa-pagelines:before {
+.fa-pagelines .v-button-caption:before {
content: "\f18c";
}
-.fa-stack-exchange:before {
+.fa-stack-exchange .v-button-caption:before {
content: "\f18d";
}
-.fa-arrow-circle-o-right:before {
+.fa-arrow-circle-o-right .v-button-caption:before {
content: "\f18e";
}
-.fa-arrow-circle-o-left:before {
+.fa-arrow-circle-o-left .v-button-caption:before {
content: "\f190";
}
-.fa-caret-square-o-left:before {
+.fa-caret-square-o-left .v-button-caption:before {
content: "\f191";
}
-.fa-toggle-left:before {
+.fa-toggle-left .v-button-caption:before {
content: "\f191";
}
-.fa-dot-circle-o:before {
+.fa-dot-circle-o .v-button-caption:before {
content: "\f192";
}
-.fa-wheelchair:before {
+.fa-wheelchair .v-button-caption:before {
content: "\f193";
}
-.fa-vimeo-square:before {
+.fa-vimeo-square .v-button-caption:before {
content: "\f194";
}
-.fa-try:before {
+.fa-try .v-button-caption:before {
content: "\f195";
}
-.fa-turkish-lira:before {
+.fa-turkish-lira .v-button-caption:before {
content: "\f195";
}
-.fa-plus-square-o:before {
+.fa-plus-square-o .v-button-caption:before {
content: "\f196";
}
-.fa-space-shuttle:before {
+.fa-space-shuttle .v-button-caption:before {
content: "\f197";
}
-.fa-slack:before {
+.fa-slack .v-button-caption:before {
content: "\f198";
}
-.fa-envelope-square:before {
+.fa-envelope-square .v-button-caption:before {
content: "\f199";
}
-.fa-wordpress:before {
+.fa-wordpress .v-button-caption:before {
content: "\f19a";
}
-.fa-openid:before {
+.fa-openid .v-button-caption:before {
content: "\f19b";
}
-.fa-bank:before {
+.fa-bank .v-button-caption:before {
content: "\f19c";
}
-.fa-institution:before {
+.fa-institution .v-button-caption:before {
content: "\f19c";
}
-.fa-university:before {
+.fa-university .v-button-caption:before {
content: "\f19c";
}
-.fa-graduation-cap:before {
+.fa-graduation-cap .v-button-caption:before {
content: "\f19d";
}
-.fa-mortar-board:before {
+.fa-mortar-board .v-button-caption:before {
content: "\f19d";
}
-.fa-yahoo:before {
+.fa-yahoo .v-button-caption:before {
content: "\f19e";
}
-.fa-google:before {
+.fa-google .v-button-caption:before {
content: "\f1a0";
}
-.fa-reddit:before {
+.fa-reddit .v-button-caption:before {
content: "\f1a1";
}
-.fa-reddit-square:before {
+.fa-reddit-square .v-button-caption:before {
content: "\f1a2";
}
-.fa-stumbleupon-circle:before {
+.fa-stumbleupon-circle .v-button-caption:before {
content: "\f1a3";
}
-.fa-stumbleupon:before {
+.fa-stumbleupon .v-button-caption:before {
content: "\f1a4";
}
-.fa-delicious:before {
+.fa-delicious .v-button-caption:before {
content: "\f1a5";
}
-.fa-digg:before {
+.fa-digg .v-button-caption:before {
content: "\f1a6";
}
-.fa-pied-piper:before {
+.fa-pied-piper .v-button-caption:before {
content: "\f1a7";
}
-.fa-pied-piper-alt:before {
+.fa-pied-piper-alt .v-button-caption:before {
content: "\f1a8";
}
-.fa-drupal:before {
+.fa-drupal .v-button-caption:before {
content: "\f1a9";
}
-.fa-joomla:before {
+.fa-joomla .v-button-caption:before {
content: "\f1aa";
}
-.fa-language:before {
+.fa-language .v-button-caption:before {
content: "\f1ab";
}
-.fa-fax:before {
+.fa-fax .v-button-caption:before {
content: "\f1ac";
}
-.fa-building:before {
+.fa-building .v-button-caption:before {
content: "\f1ad";
}
-.fa-child:before {
+.fa-child .v-button-caption:before {
content: "\f1ae";
}
-.fa-paw:before {
+.fa-paw .v-button-caption:before {
content: "\f1b0";
}
-.fa-spoon:before {
+.fa-spoon .v-button-caption:before {
content: "\f1b1";
}
-.fa-cube2:before {
+.fa-cube2 .v-button-caption:before {
content: "\f1b2";
}
-.fa-cubes:before {
+.fa-cubes .v-button-caption:before {
content: "\f1b3";
}
-.fa-behance:before {
+.fa-behance .v-button-caption:before {
content: "\f1b4";
}
-.fa-behance-square:before {
+.fa-behance-square .v-button-caption:before {
content: "\f1b5";
}
-.fa-steam:before {
+.fa-steam .v-button-caption:before {
content: "\f1b6";
}
-.fa-steam-square:before {
+.fa-steam-square .v-button-caption:before {
content: "\f1b7";
}
-.fa-recycle:before {
+.fa-recycle .v-button-caption:before {
content: "\f1b8";
}
-.fa-automobile:before {
+.fa-automobile .v-button-caption:before {
content: "\f1b9";
}
-.fa-car:before {
+.fa-car .v-button-caption:before {
content: "\f1b9";
}
-.fa-cab:before {
+.fa-cab .v-button-caption:before {
content: "\f1ba";
}
-.fa-taxi:before {
+.fa-taxi .v-button-caption:before {
content: "\f1ba";
}
-.fa-tree:before {
+.fa-tree .v-button-caption:before {
content: "\f1bb";
}
-.fa-spotify:before {
+.fa-spotify .v-button-caption:before {
content: "\f1bc";
}
-.fa-deviantart:before {
+.fa-deviantart .v-button-caption:before {
content: "\f1bd";
}
-.fa-soundcloud:before {
+.fa-soundcloud .v-button-caption:before {
content: "\f1be";
}
-.fa-database2:before {
+.fa-database2 .v-button-caption:before {
content: "\f1c0";
}
-.fa-file-pdf-o:before {
+.fa-file-pdf-o .v-button-caption:before {
content: "\f1c1";
}
-.fa-file-word-o:before {
+.fa-file-word-o .v-button-caption:before {
content: "\f1c2";
}
-.fa-file-excel-o:before {
+.fa-file-excel-o .v-button-caption:before {
content: "\f1c3";
}
-.fa-file-powerpoint-o:before {
+.fa-file-powerpoint-o .v-button-caption:before {
content: "\f1c4";
}
-.fa-file-image-o:before {
+.fa-file-image-o .v-button-caption:before {
content: "\f1c5";
}
-.fa-file-photo-o:before {
+.fa-file-photo-o .v-button-caption:before {
content: "\f1c5";
}
-.fa-file-picture-o:before {
+.fa-file-picture-o .v-button-caption:before {
content: "\f1c5";
}
-.fa-file-archive-o:before {
+.fa-file-archive-o .v-button-caption:before {
content: "\f1c6";
}
-.fa-file-zip-o:before {
+.fa-file-zip-o .v-button-caption:before {
content: "\f1c6";
}
-.fa-file-audio-o:before {
+.fa-file-audio-o .v-button-caption:before {
content: "\f1c7";
}
-.fa-file-sound-o:before {
+.fa-file-sound-o .v-button-caption:before {
content: "\f1c7";
}
-.fa-file-movie-o:before {
+.fa-file-movie-o .v-button-caption:before {
content: "\f1c8";
}
-.fa-file-video-o:before {
+.fa-file-video-o .v-button-caption:before {
content: "\f1c8";
}
-.fa-file-code-o:before {
+.fa-file-code-o .v-button-caption:before {
content: "\f1c9";
}
-.fa-vine:before {
+.fa-vine .v-button-caption:before {
content: "\f1ca";
}
-.fa-codepen:before {
+.fa-codepen .v-button-caption:before {
content: "\f1cb";
}
-.fa-jsfiddle:before {
+.fa-jsfiddle .v-button-caption:before {
content: "\f1cc";
}
-.fa-life-bouy:before {
+.fa-life-bouy .v-button-caption:before {
content: "\f1cd";
}
-.fa-life-buoy:before {
+.fa-life-buoy .v-button-caption:before {
content: "\f1cd";
}
-.fa-life-ring:before {
+.fa-life-ring .v-button-caption:before {
content: "\f1cd";
}
-.fa-life-saver:before {
+.fa-life-saver .v-button-caption:before {
content: "\f1cd";
}
-.fa-support:before {
+.fa-support .v-button-caption:before {
content: "\f1cd";
}
-.fa-circle-o-notch:before {
+.fa-circle-o-notch .v-button-caption:before {
content: "\f1ce";
}
-.fa-ra:before {
+.fa-ra .v-button-caption:before {
content: "\f1d0";
}
-.fa-rebel:before {
+.fa-rebel .v-button-caption:before {
content: "\f1d0";
}
-.fa-empire:before {
+.fa-empire .v-button-caption:before {
content: "\f1d1";
}
-.fa-ge:before {
+.fa-ge .v-button-caption:before {
content: "\f1d1";
}
-.fa-git-square:before {
+.fa-git-square .v-button-caption:before {
content: "\f1d2";
}
-.fa-git:before {
+.fa-git .v-button-caption:before {
content: "\f1d3";
}
-.fa-hacker-news:before {
+.fa-hacker-news .v-button-caption:before {
content: "\f1d4";
}
-.fa-y-combinator-square:before {
+.fa-y-combinator-square .v-button-caption:before {
content: "\f1d4";
}
-.fa-yc-square:before {
+.fa-yc-square .v-button-caption:before {
content: "\f1d4";
}
-.fa-tencent-weibo:before {
+.fa-tencent-weibo .v-button-caption:before {
content: "\f1d5";
}
-.fa-qq:before {
+.fa-qq .v-button-caption:before {
content: "\f1d6";
}
-.fa-wechat:before {
+.fa-wechat .v-button-caption:before {
content: "\f1d7";
}
-.fa-weixin:before {
+.fa-weixin .v-button-caption:before {
content: "\f1d7";
}
-.fa-paper-plane:before {
+.fa-paper-plane .v-button-caption:before {
content: "\f1d8";
}
-.fa-send:before {
+.fa-send .v-button-caption:before {
content: "\f1d8";
}
-.fa-paper-plane-o:before {
+.fa-paper-plane-o .v-button-caption:before {
content: "\f1d9";
}
-.fa-send-o:before {
+.fa-send-o .v-button-caption:before {
content: "\f1d9";
}
-.fa-history:before {
+.fa-history .v-button-caption:before {
content: "\f1da";
}
-.fa-circle-thin:before {
+.fa-circle-thin .v-button-caption:before {
content: "\f1db";
}
-.fa-header:before {
+.fa-header .v-button-caption:before {
content: "\f1dc";
}
-.fa-paragraph:before {
+.fa-paragraph .v-button-caption:before {
content: "\f1dd";
}
-.fa-sliders2:before {
+.fa-sliders2 .v-button-caption:before {
content: "\f1de";
}
-.fa-share-alt:before {
+.fa-share-alt .v-button-caption:before {
content: "\f1e0";
}
-.fa-share-alt-square:before {
+.fa-share-alt-square .v-button-caption:before {
content: "\f1e1";
}
-.fa-bomb:before {
+.fa-bomb .v-button-caption:before {
content: "\f1e2";
}
-.fa-futbol-o:before {
+.fa-futbol-o .v-button-caption:before {
content: "\f1e3";
}
-.fa-soccer-ball-o:before {
+.fa-soccer-ball-o .v-button-caption:before {
content: "\f1e3";
}
-.fa-tty:before {
+.fa-tty .v-button-caption:before {
content: "\f1e4";
}
-.fa-binoculars:before {
+.fa-binoculars .v-button-caption:before {
content: "\f1e5";
}
-.fa-plug:before {
+.fa-plug .v-button-caption:before {
content: "\f1e6";
}
-.fa-slideshare:before {
+.fa-slideshare .v-button-caption:before {
content: "\f1e7";
}
-.fa-twitch:before {
+.fa-twitch .v-button-caption:before {
content: "\f1e8";
}
-.fa-yelp:before {
+.fa-yelp .v-button-caption:before {
content: "\f1e9";
}
-.fa-newspaper-o:before {
+.fa-newspaper-o .v-button-caption:before {
content: "\f1ea";
}
-.fa-wifi:before {
+.fa-wifi .v-button-caption:before {
content: "\f1eb";
}
-.fa-calculator:before {
+.fa-calculator .v-button-caption:before {
content: "\f1ec";
}
-.fa-paypal:before {
+.fa-paypal .v-button-caption:before {
content: "\f1ed";
}
-.fa-google-wallet:before {
+.fa-google-wallet .v-button-caption:before {
content: "\f1ee";
}
-.fa-cc-visa:before {
+.fa-cc-visa .v-button-caption:before {
content: "\f1f0";
}
-.fa-cc-mastercard:before {
+.fa-cc-mastercard .v-button-caption:before {
content: "\f1f1";
}
-.fa-cc-discover:before {
+.fa-cc-discover .v-button-caption:before {
content: "\f1f2";
}
-.fa-cc-amex:before {
+.fa-cc-amex .v-button-caption:before {
content: "\f1f3";
}
-.fa-cc-paypal:before {
+.fa-cc-paypal .v-button-caption:before {
content: "\f1f4";
}
-.fa-cc-stripe:before {
+.fa-cc-stripe .v-button-caption:before {
content: "\f1f5";
}
-.fa-bell-slash:before {
+.fa-bell-slash .v-button-caption:before {
content: "\f1f6";
}
-.fa-bell-slash-o:before {
+.fa-bell-slash-o .v-button-caption:before {
content: "\f1f7";
}
-.fa-trash:before {
+.fa-trash .v-button-caption:before {
content: "\f1f8";
}
-.fa-copyright:before {
+.fa-copyright .v-button-caption:before {
content: "\f1f9";
}
-.fa-at:before {
+.fa-at .v-button-caption:before {
content: "\f1fa";
}
-.fa-eyedropper:before {
+.fa-eyedropper .v-button-caption:before {
content: "\f1fb";
}
-.fa-paint-brush:before {
+.fa-paint-brush .v-button-caption:before {
content: "\f1fc";
}
-.fa-birthday-cake:before {
+.fa-birthday-cake .v-button-caption:before {
content: "\f1fd";
}
-.fa-area-chart:before {
+.fa-area-chart .v-button-caption:before {
content: "\f1fe";
}
-.fa-pie-chart:before {
+.fa-pie-chart .v-button-caption:before {
content: "\f200";
}
-.fa-line-chart:before {
+.fa-line-chart .v-button-caption:before {
content: "\f201";
}
-.fa-lastfm:before {
+.fa-lastfm .v-button-caption:before {
content: "\f202";
}
-.fa-lastfm-square:before {
+.fa-lastfm-square .v-button-caption:before {
content: "\f203";
}
-.fa-toggle-off:before {
+.fa-toggle-off .v-button-caption:before {
content: "\f204";
}
-.fa-toggle-on:before {
+.fa-toggle-on .v-button-caption:before {
content: "\f205";
}
-.fa-bicycle:before {
+.fa-bicycle .v-button-caption:before {
content: "\f206";
}
-.fa-bus:before {
+.fa-bus .v-button-caption:before {
content: "\f207";
}
-.fa-ioxhost:before {
+.fa-ioxhost .v-button-caption:before {
content: "\f208";
}
-.fa-angellist:before {
+.fa-angellist .v-button-caption:before {
content: "\f209";
}
-.fa-cc:before {
+.fa-cc .v-button-caption:before {
content: "\f20a";
}
-.fa-ils:before {
+.fa-ils .v-button-caption:before {
content: "\f20b";
}
-.fa-shekel:before {
+.fa-shekel .v-button-caption:before {
content: "\f20b";
}
-.fa-sheqel:before {
+.fa-sheqel .v-button-caption:before {
content: "\f20b";
}
-.fa-meanpath:before {
+.fa-meanpath .v-button-caption:before {
content: "\f20c";
}
-.fa-buysellads:before {
+.fa-buysellads .v-button-caption:before {
content: "\f20d";
}
-.fa-connectdevelop:before {
+.fa-connectdevelop .v-button-caption:before {
content: "\f20e";
}
-.fa-dashcube:before {
+.fa-dashcube .v-button-caption:before {
content: "\f210";
}
-.fa-forumbee:before {
+.fa-forumbee .v-button-caption:before {
content: "\f211";
}
-.fa-leanpub:before {
+.fa-leanpub .v-button-caption:before {
content: "\f212";
}
-.fa-sellsy:before {
+.fa-sellsy .v-button-caption:before {
content: "\f213";
}
-.fa-shirtsinbulk:before {
+.fa-shirtsinbulk .v-button-caption:before {
content: "\f214";
}
-.fa-simplybuilt:before {
+.fa-simplybuilt .v-button-caption:before {
content: "\f215";
}
-.fa-skyatlas:before {
+.fa-skyatlas .v-button-caption:before {
content: "\f216";
}
-.fa-cart-plus:before {
+.fa-cart-plus .v-button-caption:before {
content: "\f217";
}
-.fa-cart-arrow-down:before {
+.fa-cart-arrow-down .v-button-caption:before {
content: "\f218";
}
-.fa-diamond:before {
+.fa-diamond .v-button-caption:before {
content: "\f219";
}
-.fa-ship:before {
+.fa-ship .v-button-caption:before {
content: "\f21a";
}
-.fa-user-secret:before {
+.fa-user-secret .v-button-caption:before {
content: "\f21b";
}
-.fa-motorcycle:before {
+.fa-motorcycle .v-button-caption:before {
content: "\f21c";
}
-.fa-street-view:before {
+.fa-street-view .v-button-caption:before {
content: "\f21d";
}
-.fa-heartbeat:before {
+.fa-heartbeat .v-button-caption:before {
content: "\f21e";
}
-.fa-venus:before {
+.fa-venus .v-button-caption:before {
content: "\f221";
}
-.fa-mars:before {
+.fa-mars .v-button-caption:before {
content: "\f222";
}
-.fa-mercury:before {
+.fa-mercury .v-button-caption:before {
content: "\f223";
}
-.fa-intersex:before {
+.fa-intersex .v-button-caption:before {
content: "\f224";
}
-.fa-transgender:before {
+.fa-transgender .v-button-caption:before {
content: "\f224";
}
-.fa-transgender-alt:before {
+.fa-transgender-alt .v-button-caption:before {
content: "\f225";
}
-.fa-venus-double:before {
+.fa-venus-double .v-button-caption:before {
content: "\f226";
}
-.fa-mars-double:before {
+.fa-mars-double .v-button-caption:before {
content: "\f227";
}
-.fa-venus-mars:before {
+.fa-venus-mars .v-button-caption:before {
content: "\f228";
}
-.fa-mars-stroke:before {
+.fa-mars-stroke .v-button-caption:before {
content: "\f229";
}
-.fa-mars-stroke-v:before {
+.fa-mars-stroke-v .v-button-caption:before {
content: "\f22a";
}
-.fa-mars-stroke-h:before {
+.fa-mars-stroke-h .v-button-caption:before {
content: "\f22b";
}
-.fa-neuter:before {
+.fa-neuter .v-button-caption:before {
content: "\f22c";
}
-.fa-genderless:before {
+.fa-genderless .v-button-caption:before {
content: "\f22d";
}
-.fa-facebook-official:before {
+.fa-facebook-official .v-button-caption:before {
content: "\f230";
}
-.fa-pinterest-p:before {
+.fa-pinterest-p .v-button-caption:before {
content: "\f231";
}
-.fa-whatsapp:before {
+.fa-whatsapp .v-button-caption:before {
content: "\f232";
}
-.fa-server:before {
+.fa-server .v-button-caption:before {
content: "\f233";
}
-.fa-user-plus:before {
+.fa-user-plus .v-button-caption:before {
content: "\f234";
}
-.fa-user-times:before {
+.fa-user-times .v-button-caption:before {
content: "\f235";
}
-.fa-bed:before {
+.fa-bed .v-button-caption:before {
content: "\f236";
}
-.fa-hotel:before {
+.fa-hotel .v-button-caption:before {
content: "\f236";
}
-.fa-viacoin:before {
+.fa-viacoin .v-button-caption:before {
content: "\f237";
}
-.fa-train:before {
+.fa-train .v-button-caption:before {
content: "\f238";
}
-.fa-subway:before {
+.fa-subway .v-button-caption:before {
content: "\f239";
}
-.fa-medium:before {
+.fa-medium .v-button-caption:before {
content: "\f23a";
}
-.fa-y-combinator:before {
+.fa-y-combinator .v-button-caption:before {
content: "\f23b";
}
-.fa-yc:before {
+.fa-yc .v-button-caption:before {
content: "\f23b";
}
-.fa-optin-monster:before {
+.fa-optin-monster .v-button-caption:before {
content: "\f23c";
}
-.fa-opencart:before {
+.fa-opencart .v-button-caption:before {
content: "\f23d";
}
-.fa-expeditedssl:before {
+.fa-expeditedssl .v-button-caption:before {
content: "\f23e";
}
-.fa-battery-4:before {
+.fa-battery-4 .v-button-caption:before {
content: "\f240";
}
-.fa-battery-full:before {
+.fa-battery-full .v-button-caption:before {
content: "\f240";
}
-.fa-battery-3:before {
+.fa-battery-3 .v-button-caption:before {
content: "\f241";
}
-.fa-battery-three-quarters:before {
+.fa-battery-three-quarters .v-button-caption:before {
content: "\f241";
}
-.fa-battery-2:before {
+.fa-battery-2 .v-button-caption:before {
content: "\f242";
}
-.fa-battery-half:before {
+.fa-battery-half .v-button-caption:before {
content: "\f242";
}
-.fa-battery-1:before {
+.fa-battery-1 .v-button-caption:before {
content: "\f243";
}
-.fa-battery-quarter:before {
+.fa-battery-quarter .v-button-caption:before {
content: "\f243";
}
-.fa-battery-0:before {
+.fa-battery-0 .v-button-caption:before {
content: "\f244";
}
-.fa-battery-empty:before {
+.fa-battery-empty .v-button-caption:before {
content: "\f244";
}
-.fa-mouse-pointer:before {
+.fa-mouse-pointer .v-button-caption:before {
content: "\f245";
}
-.fa-i-cursor:before {
+.fa-i-cursor .v-button-caption:before {
content: "\f246";
}
-.fa-object-group:before {
+.fa-object-group .v-button-caption:before {
content: "\f247";
}
-.fa-object-ungroup:before {
+.fa-object-ungroup .v-button-caption:before {
content: "\f248";
}
-.fa-sticky-note:before {
+.fa-sticky-note .v-button-caption:before {
content: "\f249";
}
-.fa-sticky-note-o:before {
+.fa-sticky-note-o .v-button-caption:before {
content: "\f24a";
}
-.fa-cc-jcb:before {
+.fa-cc-jcb .v-button-caption:before {
content: "\f24b";
}
-.fa-cc-diners-club:before {
+.fa-cc-diners-club .v-button-caption:before {
content: "\f24c";
}
-.fa-clone:before {
+.fa-clone .v-button-caption:before {
content: "\f24d";
}
-.fa-balance-scale:before {
+.fa-balance-scale .v-button-caption:before {
content: "\f24e";
}
-.fa-hourglass-o:before {
+.fa-hourglass-o .v-button-caption:before {
content: "\f250";
}
-.fa-hourglass-1:before {
+.fa-hourglass-1 .v-button-caption:before {
content: "\f251";
}
-.fa-hourglass-start:before {
+.fa-hourglass-start .v-button-caption:before {
content: "\f251";
}
-.fa-hourglass-2:before {
+.fa-hourglass-2 .v-button-caption:before {
content: "\f252";
}
-.fa-hourglass-half:before {
+.fa-hourglass-half .v-button-caption:before {
content: "\f252";
}
-.fa-hourglass-3:before {
+.fa-hourglass-3 .v-button-caption:before {
content: "\f253";
}
-.fa-hourglass-end:before {
+.fa-hourglass-end .v-button-caption:before {
content: "\f253";
}
-.fa-hourglass:before {
+.fa-hourglass .v-button-caption:before {
content: "\f254";
}
-.fa-hand-grab-o:before {
+.fa-hand-grab-o .v-button-caption:before {
content: "\f255";
}
-.fa-hand-rock-o:before {
+.fa-hand-rock-o .v-button-caption:before {
content: "\f255";
}
-.fa-hand-paper-o:before {
+.fa-hand-paper-o .v-button-caption:before {
content: "\f256";
}
-.fa-hand-stop-o:before {
+.fa-hand-stop-o .v-button-caption:before {
content: "\f256";
}
-.fa-hand-scissors-o:before {
+.fa-hand-scissors-o .v-button-caption:before {
content: "\f257";
}
-.fa-hand-lizard-o:before {
+.fa-hand-lizard-o .v-button-caption:before {
content: "\f258";
}
-.fa-hand-spock-o:before {
+.fa-hand-spock-o .v-button-caption:before {
content: "\f259";
}
-.fa-hand-pointer-o:before {
+.fa-hand-pointer-o .v-button-caption:before {
content: "\f25a";
}
-.fa-hand-peace-o:before {
+.fa-hand-peace-o .v-button-caption:before {
content: "\f25b";
}
-.fa-trademark:before {
+.fa-trademark .v-button-caption:before {
content: "\f25c";
}
-.fa-registered:before {
+.fa-registered .v-button-caption:before {
content: "\f25d";
}
-.fa-creative-commons:before {
+.fa-creative-commons .v-button-caption:before {
content: "\f25e";
}
-.fa-gg:before {
+.fa-gg .v-button-caption:before {
content: "\f260";
}
-.fa-gg-circle:before {
+.fa-gg-circle .v-button-caption:before {
content: "\f261";
}
-.fa-tripadvisor:before {
+.fa-tripadvisor .v-button-caption:before {
content: "\f262";
}
-.fa-odnoklassniki:before {
+.fa-odnoklassniki .v-button-caption:before {
content: "\f263";
}
-.fa-odnoklassniki-square:before {
+.fa-odnoklassniki-square .v-button-caption:before {
content: "\f264";
}
-.fa-get-pocket:before {
+.fa-get-pocket .v-button-caption:before {
content: "\f265";
}
-.fa-wikipedia-w:before {
+.fa-wikipedia-w .v-button-caption:before {
content: "\f266";
}
-.fa-safari:before {
+.fa-safari .v-button-caption:before {
content: "\f267";
}
-.fa-chrome:before {
+.fa-chrome .v-button-caption:before {
content: "\f268";
}
-.fa-firefox:before {
+.fa-firefox .v-button-caption:before {
content: "\f269";
}
-.fa-opera:before {
+.fa-opera .v-button-caption:before {
content: "\f26a";
}
-.fa-internet-explorer:before {
+.fa-internet-explorer .v-button-caption:before {
content: "\f26b";
}
-.fa-television:before {
+.fa-television .v-button-caption:before {
content: "\f26c";
}
-.fa-tv:before {
+.fa-tv .v-button-caption:before {
content: "\f26c";
}
-.fa-contao:before {
+.fa-contao .v-button-caption:before {
content: "\f26d";
}
-.fa-500px:before {
+.fa-500px .v-button-caption:before {
content: "\f26e";
}
-.fa-amazon:before {
+.fa-amazon .v-button-caption:before {
content: "\f270";
}
-.fa-calendar-plus-o:before {
+.fa-calendar-plus-o .v-button-caption:before {
content: "\f271";
}
-.fa-calendar-minus-o:before {
+.fa-calendar-minus-o .v-button-caption:before {
content: "\f272";
}
-.fa-calendar-times-o:before {
+.fa-calendar-times-o .v-button-caption:before {
content: "\f273";
}
-.fa-calendar-check-o:before {
+.fa-calendar-check-o .v-button-caption:before {
content: "\f274";
}
-.fa-industry:before {
+.fa-industry .v-button-caption:before {
content: "\f275";
}
-.fa-map-pin:before {
+.fa-map-pin .v-button-caption:before {
content: "\f276";
}
-.fa-map-signs:before {
+.fa-map-signs .v-button-caption:before {
content: "\f277";
}
-.fa-map-o:before {
+.fa-map-o .v-button-caption:before {
content: "\f278";
}
-.fa-map2:before {
+.fa-map2 .v-button-caption:before {
content: "\f279";
}
-.fa-commenting:before {
+.fa-commenting .v-button-caption:before {
content: "\f27a";
}
-.fa-commenting-o:before {
+.fa-commenting-o .v-button-caption:before {
content: "\f27b";
}
-.fa-houzz:before {
+.fa-houzz .v-button-caption:before {
content: "\f27c";
}
-.fa-vimeo:before {
+.fa-vimeo .v-button-caption:before {
content: "\f27d";
}
-.fa-black-tie:before {
+.fa-black-tie .v-button-caption:before {
content: "\f27e";
}
-.fa-fonticons:before {
+.fa-fonticons .v-button-caption:before {
content: "\f280";
}
-.fa-reddit-alien:before {
+.fa-reddit-alien .v-button-caption:before {
content: "\f281";
}
-.fa-edge:before {
+.fa-edge .v-button-caption:before {
content: "\f282";
}
-.fa-credit-card-alt:before {
+.fa-credit-card-alt .v-button-caption:before {
content: "\f283";
}
-.fa-codiepie:before {
+.fa-codiepie .v-button-caption:before {
content: "\f284";
}
-.fa-modx:before {
+.fa-modx .v-button-caption:before {
content: "\f285";
}
-.fa-fort-awesome:before {
+.fa-fort-awesome .v-button-caption:before {
content: "\f286";
}
-.fa-usb:before {
+.fa-usb .v-button-caption:before {
content: "\f287";
}
-.fa-product-hunt:before {
+.fa-product-hunt .v-button-caption:before {
content: "\f288";
}
-.fa-mixcloud:before {
+.fa-mixcloud .v-button-caption:before {
content: "\f289";
}
-.fa-scribd:before {
+.fa-scribd .v-button-caption:before {
content: "\f28a";
}
-.fa-pause-circle:before {
+.fa-pause-circle .v-button-caption:before {
content: "\f28b";
}
-.fa-pause-circle-o:before {
+.fa-pause-circle-o .v-button-caption:before {
content: "\f28c";
}
-.fa-stop-circle:before {
+.fa-stop-circle .v-button-caption:before {
content: "\f28d";
}
-.fa-stop-circle-o:before {
+.fa-stop-circle-o .v-button-caption:before {
content: "\f28e";
}
-.fa-shopping-bag:before {
+.fa-shopping-bag .v-button-caption:before {
content: "\f290";
}
-.fa-shopping-basket:before {
+.fa-shopping-basket .v-button-caption:before {
content: "\f291";
}
-.fa-hashtag:before {
+.fa-hashtag .v-button-caption:before {
content: "\f292";
}
-.fa-bluetooth:before {
+.fa-bluetooth .v-button-caption:before {
content: "\f293";
}
-.fa-bluetooth-b:before {
+.fa-bluetooth-b .v-button-caption:before {
content: "\f294";
}
-.fa-percent:before {
+.fa-percent .v-button-caption:before {
content: "\f295";
}
@@ -7852,8 +7835,8 @@
.osbp .v-reconnect-dialog {
color: white;
- top: 0px;
- right: 7px;
+ top: 8px;
+ right: 8px;
max-width: 100%;
border-radius: 0;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
@@ -7939,8 +7922,8 @@
}
.osbp .v-spacing {
- width: 7px;
- height: 0px;
+ width: 8px;
+ height: 8px;
}
.osbp .v-verticallayout-well, .osbp .v-horizontallayout-well {
@@ -8004,7 +7987,7 @@
}
.osbp .v-horizontallayout-wrapping > .v-spacing + .v-slot, .osbp .v-horizontallayout-wrapping > .v-slot:first-child {
- margin-bottom: 0px;
+ margin-bottom: 8px;
}
.osbp .v-horizontallayout-wrapping > .v-slot:first-child:last-child {
@@ -8357,11 +8340,11 @@
}
.osbp .v-button-large {
- height: 26px;
- padding: 0 11px;
+ height: 31px;
+ padding: 0 13px;
- font-size: 15px;
+ font-size: 17px;
border-radius: 0px;
}
@@ -8375,11 +8358,11 @@
}
.osbp .v-button-huge {
- height: 35px;
- padding: 0 15px;
+ height: 40px;
+ padding: 0 17px;
- font-size: 20px;
+ font-size: 22px;
border-radius: 0px;
}
@@ -8440,11 +8423,11 @@
}
.osbp .v-button-icon-only.v-button-large {
- width: 26px;
+ width: 31px;
}
.osbp .v-button-icon-only.v-button-huge {
- width: 35px;
+ width: 40px;
}
.osbp .v-button-icon-only .v-button-caption {
@@ -8702,9 +8685,9 @@
.osbp .v-checkbox-large {
position: relative;
- line-height: 13px;
+ line-height: 16px;
white-space: nowrap;
- font-size: 15px;
+ font-size: 17px;
}
.osbp .v-checkbox-large.v-has-width label {
@@ -8712,7 +8695,7 @@
}
:root .osbp .v-checkbox-large {
- padding-left: 17px;
+ padding-left: 21px;
}
:root .osbp .v-checkbox-large label {
@@ -8745,19 +8728,19 @@
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
- width: 13px;
- height: 13px;
+ width: 16px;
+ height: 16px;
position: absolute;
top: 0;
left: 0;
border-radius: 0px;
- font-size: 11px;
+ font-size: 14px;
text-align: center;
}
:root .osbp .v-checkbox-large > input ~ label:before {
- height: 13px;
- padding: 0 5px;
+ height: 15.5px;
+ padding: 0 6px;
color: #191919;
font-weight: 400;
@@ -8768,7 +8751,7 @@
-webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
padding: 0;
- height: 13px;
+ height: 16px;
}
:root .osbp .v-checkbox-large > input ~ label:after {
@@ -8789,7 +8772,7 @@
}
.osbp .v-checkbox-large > .v-icon, .osbp .v-checkbox-large > label .v-icon {
- margin: 0 4px 0 2px;
+ margin: 0 5px 0 3px;
min-width: 1em;
cursor: pointer;
}
@@ -9535,9 +9518,9 @@
}
.osbp .v-filterselect-large {
- height: 26px;
+ height: 31px;
- font-size: 15px;
+ font-size: 17px;
}
.osbp .v-filterselect-large [class*="input"] {
@@ -9558,9 +9541,9 @@
font-weight: 400;
line-height: normal;
- height: 26px;
+ height: 31px;
- padding: 3px 5px;
+ padding: 3px 6px;
-webkit-transition: box-shadow 180ms, border 180ms;
@@ -9568,28 +9551,28 @@
transition: box-shadow 180ms, border 180ms;
width: 100% !important;
height: 100%;
- padding-right: 27px;
+ padding-right: 32px;
border-radius: inherit;
}
.v-ie8 .osbp .v-filterselect-large [class*="input"], .v-ie9 .osbp .v-filterselect-large [class*="input"] {
- line-height: 26px;
+ line-height: 31px;
padding-top: 0;
padding-bottom: 0;
}
.osbp .v-filterselect-large .v-icon + [class*="input"] {
- padding-left: 26px;
+ padding-left: 31px;
}
.osbp .v-filterselect-large img.v-icon {
- max-height: 26px;
- margin-left: 5px;
+ max-height: 31px;
+ margin-left: 6px;
}
.osbp .v-filterselect-large span.v-icon {
- width: 26px;
+ width: 31px;
line-height: 1;
padding-top: 0.12em;
}
@@ -9599,7 +9582,7 @@
-webkit-touch-callout: none;
cursor: pointer;
position: absolute;
- width: 26px;
+ width: 31px;
}
.osbp .v-filterselect-large [class$="button"]:before {
@@ -9609,7 +9592,7 @@
-moz-transition: color 140ms;
transition: color 140ms;
position: absolute;
- width: 26px;
+ width: 31px;
text-align: center;
top: 50%;
line-height: 1;
@@ -9662,9 +9645,9 @@
}
.osbp .v-filterselect-huge {
- height: 35px;
+ height: 40px;
- font-size: 20px;
+ font-size: 22px;
}
.osbp .v-filterselect-huge [class*="input"] {
@@ -9685,9 +9668,9 @@
font-weight: 400;
line-height: normal;
- height: 35px;
+ height: 40px;
- padding: 4px 6px;
+ padding: 4px 7px;
-webkit-transition: box-shadow 180ms, border 180ms;
@@ -9695,28 +9678,28 @@
transition: box-shadow 180ms, border 180ms;
width: 100% !important;
height: 100%;
- padding-right: 36px;
+ padding-right: 41px;
border-radius: inherit;
}
.v-ie8 .osbp .v-filterselect-huge [class*="input"], .v-ie9 .osbp .v-filterselect-huge [class*="input"] {
- line-height: 35px;
+ line-height: 40px;
padding-top: 0;
padding-bottom: 0;
}
.osbp .v-filterselect-huge .v-icon + [class*="input"] {
- padding-left: 35px;
+ padding-left: 40px;
}
.osbp .v-filterselect-huge img.v-icon {
- max-height: 35px;
- margin-left: 6px;
+ max-height: 40px;
+ margin-left: 7px;
}
.osbp .v-filterselect-huge span.v-icon {
- width: 35px;
+ width: 40px;
line-height: 1;
padding-top: 0.12em;
}
@@ -9726,7 +9709,7 @@
-webkit-touch-callout: none;
cursor: pointer;
position: absolute;
- width: 35px;
+ width: 40px;
}
.osbp .v-filterselect-huge [class$="button"]:before {
@@ -9736,7 +9719,7 @@
-moz-transition: color 140ms;
transition: color 140ms;
position: absolute;
- width: 35px;
+ width: 40px;
text-align: center;
top: 50%;
line-height: 1;
@@ -9878,7 +9861,7 @@
}
.osbp [class*="spacing"] > tbody > [class*="row"] > td {
- padding-top: 0px;
+ padding-top: 8px;
}
.osbp [class*="spacing"] > tbody > [class*="firstrow"] > td {
@@ -10854,7 +10837,7 @@
text-decoration: none;
border: none;
background: transparent;
- padding: 0px 4px;
+ padding: 4px 4px;
margin: 0;
outline: none;
}
@@ -11077,19 +11060,19 @@
font-weight: 400;
line-height: normal;
- height: 26px;
+ height: 31px;
border-radius: 0px;
- padding: 3px 5px;
+ padding: 3px 6px;
-webkit-transition: box-shadow 180ms, border 180ms;
-moz-transition: box-shadow 180ms, border 180ms;
transition: box-shadow 180ms, border 180ms;
- font-size: 15px;
+ font-size: 17px;
}
.v-ie8 .osbp .v-textfield-large, .v-ie9 .osbp .v-textfield-large {
- line-height: 26px;
+ line-height: 31px;
padding-top: 0;
padding-bottom: 0;
}
@@ -11109,19 +11092,19 @@
font-weight: 400;
line-height: normal;
- height: 35px;
+ height: 40px;
border-radius: 0px;
- padding: 4px 6px;
+ padding: 4px 7px;
-webkit-transition: box-shadow 180ms, border 180ms;
-moz-transition: box-shadow 180ms, border 180ms;
transition: box-shadow 180ms, border 180ms;
- font-size: 20px;
+ font-size: 22px;
}
.v-ie8 .osbp .v-textfield-huge, .v-ie9 .osbp .v-textfield-huge {
- line-height: 35px;
+ line-height: 40px;
padding-top: 0;
padding-bottom: 0;
}
@@ -11301,19 +11284,19 @@
.osbp .v-caption-inline-icon.v-caption-large span.v-icon {
left: 1px;
bottom: 1px;
- width: 26px;
- line-height: 24px;
+ width: 31px;
+ line-height: 29px;
text-align: center;
- font-size: 15px;
+ font-size: 17px;
}
.osbp .v-caption-inline-icon.v-caption-large img.v-icon {
- left: 5px;
- bottom: 5px;
+ left: 8px;
+ bottom: 8px;
}
.osbp .v-textfield-inline-icon.v-textfield-large {
- padding-left: 26px;
+ padding-left: 31px;
}
.osbp .v-slot-inline-icon.v-slot-huge {
@@ -11339,19 +11322,19 @@
.osbp .v-caption-inline-icon.v-caption-huge span.v-icon {
left: 1px;
bottom: 1px;
- width: 35px;
- line-height: 33px;
+ width: 40px;
+ line-height: 38px;
text-align: center;
- font-size: 20px;
+ font-size: 22px;
}
.osbp .v-caption-inline-icon.v-caption-huge img.v-icon {
- left: 10px;
- bottom: 10px;
+ left: 12px;
+ bottom: 12px;
}
.osbp .v-textfield-inline-icon.v-textfield-huge {
- padding-left: 35px;
+ padding-left: 40px;
}
.osbp .v-textfield-align-right {
@@ -11564,7 +11547,7 @@
font-weight: 400;
line-height: normal;
- height: 26px;
+ height: 31px;
border-radius: 0px;
padding: 4px;
@@ -11576,11 +11559,11 @@
height: auto;
resize: none;
white-space: pre-wrap;
- font-size: 15px;
+ font-size: 17px;
}
.v-ie8 .osbp .v-textarea-large, .v-ie9 .osbp .v-textarea-large {
- line-height: 26px;
+ line-height: 31px;
padding-top: 0;
padding-bottom: 0;
}
@@ -11606,7 +11589,7 @@
font-weight: 400;
line-height: normal;
- height: 35px;
+ height: 40px;
border-radius: 0px;
padding: 4px;
@@ -11618,11 +11601,11 @@
height: auto;
resize: none;
white-space: pre-wrap;
- font-size: 20px;
+ font-size: 22px;
}
.v-ie8 .osbp .v-textarea-huge, .v-ie9 .osbp .v-textarea-huge {
- line-height: 35px;
+ line-height: 40px;
padding-top: 0;
padding-bottom: 0;
}
@@ -12511,9 +12494,9 @@
}
.osbp .v-datefield-large {
- height: 26px;
+ height: 31px;
border-radius: 0px;
- font-size: 15px;
+ font-size: 17px;
}
.osbp .v-datefield-large [class*="textfield"] {
@@ -12534,23 +12517,23 @@
font-weight: 400;
line-height: normal;
- height: 26px;
+ height: 31px;
border-radius: 0px;
- padding: 3px 5px;
+ padding: 3px 6px;
-webkit-transition: box-shadow 180ms, border 180ms;
-moz-transition: box-shadow 180ms, border 180ms;
transition: box-shadow 180ms, border 180ms;
- padding-left: 31.2px;
+ padding-left: 37.2px;
width: 100%;
height: 100%;
border-radius: inherit;
}
.v-ie8 .osbp .v-datefield-large [class*="textfield"], .v-ie9 .osbp .v-datefield-large [class*="textfield"] {
- line-height: 26px;
+ line-height: 31px;
padding-top: 0;
padding-bottom: 0;
}
@@ -12564,8 +12547,8 @@
padding: 0;
position: absolute;
z-index: 10;
- width: 26px;
- line-height: 26px;
+ width: 31px;
+ line-height: 31px;
text-align: center;
font: inherit;
outline: none;
@@ -12626,9 +12609,9 @@
}
.osbp .v-datefield-huge {
- height: 35px;
+ height: 40px;
border-radius: 0px;
- font-size: 20px;
+ font-size: 22px;
}
.osbp .v-datefield-huge [class*="textfield"] {
@@ -12649,23 +12632,23 @@
font-weight: 400;
line-height: normal;
- height: 35px;
+ height: 40px;
border-radius: 0px;
- padding: 4px 6px;
+ padding: 4px 7px;
-webkit-transition: box-shadow 180ms, border 180ms;
-moz-transition: box-shadow 180ms, border 180ms;
transition: box-shadow 180ms, border 180ms;
- padding-left: 42px;
+ padding-left: 48px;
width: 100%;
height: 100%;
border-radius: inherit;
}
.v-ie8 .osbp .v-datefield-huge [class*="textfield"], .v-ie9 .osbp .v-datefield-huge [class*="textfield"] {
- line-height: 35px;
+ line-height: 40px;
padding-top: 0;
padding-bottom: 0;
}
@@ -12679,8 +12662,8 @@
padding: 0;
position: absolute;
z-index: 10;
- width: 35px;
- line-height: 35px;
+ width: 40px;
+ line-height: 40px;
text-align: center;
font: inherit;
outline: none;
@@ -12953,8 +12936,8 @@
}
.osbp .v-gridlayout-spacing-on {
- padding-left: 7px;
- padding-top: 0px;
+ padding-left: 8px;
+ padding-top: 8px;
}
.osbp .v-menubar {
@@ -13807,12 +13790,12 @@
}
.osbp .v-select-optiongroup-large {
- font-size: 15px;
+ font-size: 17px;
}
.osbp .v-select-optiongroup-large .v-checkbox {
position: relative;
- line-height: 13px;
+ line-height: 16px;
white-space: nowrap;
}
@@ -13821,7 +13804,7 @@
}
:root .osbp .v-select-optiongroup-large .v-checkbox {
- padding-left: 17px;
+ padding-left: 21px;
}
:root .osbp .v-select-optiongroup-large .v-checkbox label {
@@ -13854,19 +13837,19 @@
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
- width: 13px;
- height: 13px;
+ width: 16px;
+ height: 16px;
position: absolute;
top: 0;
left: 0;
border-radius: 0px;
- font-size: 11px;
+ font-size: 14px;
text-align: center;
}
:root .osbp .v-select-optiongroup-large .v-checkbox > input ~ label:before {
- height: 13px;
- padding: 0 5px;
+ height: 15.5px;
+ padding: 0 6px;
color: #191919;
font-weight: 400;
@@ -13877,7 +13860,7 @@
-webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
padding: 0;
- height: 13px;
+ height: 16px;
}
:root .osbp .v-select-optiongroup-large .v-checkbox > input ~ label:after {
@@ -13898,7 +13881,7 @@
}
.osbp .v-select-optiongroup-large .v-checkbox > .v-icon, .osbp .v-select-optiongroup-large .v-checkbox > label .v-icon {
- margin: 0 4px 0 2px;
+ margin: 0 5px 0 3px;
min-width: 1em;
cursor: pointer;
}
@@ -13936,7 +13919,7 @@
.osbp .v-select-optiongroup-large .v-radiobutton {
position: relative;
- line-height: 13px;
+ line-height: 16px;
white-space: nowrap;
}
@@ -13945,7 +13928,7 @@
}
:root .osbp .v-select-optiongroup-large .v-radiobutton {
- padding-left: 17px;
+ padding-left: 21px;
}
:root .osbp .v-select-optiongroup-large .v-radiobutton label {
@@ -13978,19 +13961,19 @@
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
- width: 13px;
- height: 13px;
+ width: 16px;
+ height: 16px;
position: absolute;
top: 0;
left: 0;
border-radius: 0px;
- font-size: 11px;
+ font-size: 14px;
text-align: center;
}
:root .osbp .v-select-optiongroup-large .v-radiobutton > input ~ label:before {
- height: 13px;
- padding: 0 5px;
+ height: 15.5px;
+ padding: 0 6px;
color: #191919;
font-weight: 400;
@@ -14001,7 +13984,7 @@
-webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
padding: 0;
- height: 13px;
+ height: 16px;
}
:root .osbp .v-select-optiongroup-large .v-radiobutton > input ~ label:after {
@@ -14022,7 +14005,7 @@
}
.osbp .v-select-optiongroup-large .v-radiobutton > .v-icon, .osbp .v-select-optiongroup-large .v-radiobutton > label .v-icon {
- margin: 0 4px 0 2px;
+ margin: 0 5px 0 3px;
min-width: 1em;
cursor: pointer;
}
@@ -14059,10 +14042,10 @@
}
:root .osbp .v-select-optiongroup-large .v-radiobutton > input:checked ~ label:after {
- width: 5px;
- height: 5px;
- top: 4px;
- left: 4px;
+ width: 6px;
+ height: 6px;
+ top: 5px;
+ left: 5px;
background: #f5863c;
}
@@ -14073,15 +14056,15 @@
.osbp .v-select-optiongroup-large .v-radiobutton, .osbp .v-select-optiongroup-large .v-checkbox {
display: block;
- margin: 7px 12px 0 0;
+ margin: 8px 12px 0 0;
}
.osbp .v-select-optiongroup-large .v-radiobutton:first-child, .osbp .v-select-optiongroup-large .v-checkbox:first-child {
- margin-top: 4px;
+ margin-top: 5px;
}
.osbp .v-select-optiongroup-large .v-radiobutton:last-child, .osbp .v-select-optiongroup-large .v-checkbox:last-child {
- margin-bottom: 4px;
+ margin-bottom: 5px;
}
.osbp .v-select-optiongroup-large.v-has-width label {
@@ -14141,7 +14124,7 @@
}
.osbp .v-link-large {
- font-size: 15px;
+ font-size: 17px;
}
.osbp .v-window {
@@ -16058,7 +16041,7 @@
.osbp .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-caption {
margin-left: 2px;
- padding: 0 7px;
+ padding: 0 8px;
background-color: #fff;
border: 1px solid transparent;
line-height: 21px;
@@ -16079,7 +16062,7 @@
}
.osbp .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-caption-closable {
- padding-right: 20px;
+ padding-right: 21px;
}
.osbp .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-tabsheet-caption-close {
@@ -16150,7 +16133,7 @@
}
.osbp .v-tabsheet-icons-on-top > .v-tabsheet-tabcontainer .v-caption-closable {
- padding-right: 7px;
+ padding-right: 8px;
}
.osbp .v-tabsheet-icons-on-top > .v-tabsheet-tabcontainer .v-tabsheet-caption-close {
@@ -17143,7 +17126,7 @@
}
.osbp .v-label-large {
- font-size: 15px;
+ font-size: 17px;
}
.osbp .v-label-small {
@@ -17155,7 +17138,7 @@
}
.osbp .v-label-huge {
- font-size: 20px;
+ font-size: 22px;
}
.osbp .v-label-bold {
@@ -17418,7 +17401,7 @@
}
.osbp .v-popupview-loading {
- margin: 0px 7px;
+ margin: 8px 8px;
height: 24px !important;
width: 24px !important;
-webkit-box-sizing: border-box;
@@ -17639,19 +17622,19 @@
}
.osbp .v-Notification.v-position-top {
- top: 0px;
+ top: 8px;
}
.osbp .v-Notification.v-position-right {
- right: 7px;
+ right: 8px;
}
.osbp .v-Notification.v-position-bottom {
- bottom: 0px;
+ bottom: 8px;
}
.osbp .v-Notification.v-position-left {
- left: 7px;
+ left: 8px;
}
.osbp .v-Notification.v-position-assistive {
@@ -18594,6 +18577,26 @@
overflow: hidden;
}
+.osbp .v-Notification .v-Notification-caption {
+ font-size: 24px;
+}
+
+.osbp .v-Notification .v-Notification-description {
+ font-size: 14.4px;
+ display: block;
+ text-align: center;
+ margin-left: 0px;
+ margin: 0 auto;
+}
+
+.osbp .v-verticallayout-os-welcome {
+ padding: 0px !important;
+}
+
+.osbp iframe {
+ border-width: 0px;
+}
+
:root .osbp .v-checkbox {
line-height: 22px;
padding-top: inherit;
@@ -18621,6 +18624,11 @@
box-shadow: none;
}
+:root .osbp .v-checkbox > input:focus ~ label:before {
+ background-color: #fac29d;
+ border-bottom-color: #f5863c;
+}
+
:root .osbp .v-checkbox > input ~ label:before, :root .osbp .v-checkbox > input ~ label:after {
margin-top: inherit;
}
@@ -18641,7 +18649,7 @@
.osbp .popupContent .v-window-header {
font-size: 16.8px;
- margin: 7px;
+ padding: 7px;
font-weight: bold;
text-overflow: ellipsis;
overflow: hidden;
@@ -18666,9 +18674,10 @@
.osbp .popupContent .v-window-closebox:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\2715";
+ line-height: 14px;
+ content: "\2715" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.osbp .popupContent .v-window-maximizebox {
@@ -18682,9 +18691,10 @@
.osbp .popupContent .v-window-maximizebox:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f096";
+ line-height: 14px;
+ content: "\f096" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.osbp .popupContent .v-window-restorebox {
@@ -18703,9 +18713,10 @@
.osbp .popupContent .v-window-restorebox:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f24d";
+ line-height: 14px;
+ content: "\f24d" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.osbp .popupContent .v-window-closebox, .osbp .popupContent .v-window-maximizebox, .osbp .popupContent .v-window-restorebox {
@@ -18728,7 +18739,7 @@
border-width: 0px;
}
-.osbp .v-button {
+.osbp .v-button, .osbp .v-nativebutton {
height: 29px;
padding: 0 12px;
color: #bad1e1;
@@ -18736,31 +18747,30 @@
border-radius: 0px;
- border: #1f567d #d4d4d4;
+ border: 0px;
background: #1f567d;
-webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
text-transform: uppercase;
- border-color: #1f567d;
margin-left: 4px;
}
-.osbp .v-button.v-pressed {
- background: #f8aa76 !important;
+.osbp .v-button.v-pressed, .osbp .v-nativebutton.v-pressed {
+ background-color: #f8aa76 !important;
border-color: #f8aa76 !important;
}
-.osbp .v-button:after {
+.osbp .v-button:after, .osbp .v-nativebutton:after {
transition: none;
}
-.osbp .v-button:hover {
- background: #f5863c;
+.osbp .v-button:hover, .osbp .v-button:focus, .osbp .v-button:active, .osbp .v-nativebutton:hover, .osbp .v-nativebutton:focus, .osbp .v-nativebutton:active {
+ background-color: #f5863c;
border-color: #f5863c;
color: #f3dfd2;
}
-.osbp .v-button:focus:after {
+.osbp .v-button:focus:after, .osbp .v-nativebutton:focus:after {
border-color: transparent;
transition: none;
}
@@ -18817,26 +18827,9 @@
border-bottom-color: #f5863c;
}
-.osbp .o-XSuggestBox, .osbp .o-XSuggestBox > .v-textfield {
- background-color: #ededed;
- border-top: transparent;
- border-left: transparent;
- border-right: transparent;
- height: 22px;
-}
-
-.osbp .o-XSuggestBox:focus, .osbp .o-XSuggestBox > .v-textfield:focus {
- background-color: #fac29d;
- color: #5a3218;
-}
-
-.osbp .o-XSuggestBox:hover, .osbp .o-XSuggestBox > .v-textfield:hover {
- border-bottom-color: #f5863c;
-}
-
.osbp .os-view-header-h2, .osbp .v-label-h2 {
font-size: 16.8px;
- margin: 7px;
+ padding: 7px;
font-weight: bold;
text-overflow: ellipsis;
overflow: hidden;
@@ -18851,10 +18844,6 @@
background: transparent !important;
}
-.osbp .os-data-area {
- margin: 7px;
-}
-
.osbp .os-multi-area .os-data-area {
overflow: inherit !important;
}
@@ -18959,10 +18948,11 @@
.osbp .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before {
border: transparent;
background-color: #ededed;
+ background-image: none;
}
.osbp .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:after {
- border-color: #8f8f8f;
+ border-color: #ededed;
}
.osbp .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter {
@@ -19039,14 +19029,15 @@
.osbp .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before {
border: transparent;
background-color: #ededed;
+ background-image: none;
}
.osbp .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:after {
- border-color: #8f8f8f;
+ border-color: #ededed;
}
.osbp .os-important .v-progressbar-indicator {
- background: #be1e2d none;
+ background: #ed473b none;
}
.osbp .v-loading-indicator {
@@ -19109,17 +19100,6 @@
.osbp .toptrimbar .v-button {
border: none;
- background: transparent;
- padding: 0px;
-}
-
-.osbp .toptrimbar .v-filterselect, .osbp .toptrimbar .v-filterselect-input {
- background-color: #ededed !important;
- color: #424242 !important;
-}
-
-.osbp .toptrimbar .v-filterselect.v-widget.os-combobox-with-icon .v-icon {
- z-index: 999;
}
.osbp .toptrimbar td.v-formlayout-errorcell, .osbp .toptrimbar td.v-formlayout-captioncell {
@@ -19127,8 +19107,8 @@
}
.osbp .perspectivepanel {
- margin-right: 22px;
position: absolute;
+ margin-right: 22px;
bottom: 5px;
}
@@ -19147,15 +19127,18 @@
}
.osbp .v-slot-loginPanelArea {
- background-image: url('U68NITW3EI_s.jpg');
+ background-image: url('os-bee-logo-2016-cmyk_transparent.png');
background-repeat: no-repeat;
- background-size: cover;
background-color: #ededed;
+ background-size: 450px 120px;
+ background-position: 50% 100px;
}
.osbp .loginPanelArea.v-panel {
border: 0px !important;
background: transparent;
+ position: relative;
+ top: 300px;
}
.osbp .loginFullArea {
@@ -19174,6 +19157,10 @@
border-top: 1px solid #d4d4d4;
}
+.osbp .v-slot-loginTitleArea .os-view-header-h2 {
+ text-align: center;
+}
+
.osbp .v-slot-loginTextArea {
background: transparent;
width: 100% !important;
@@ -19215,7 +19202,7 @@
background: transparent;
border-left: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4;
- padding: 0px 44px 22px 44px;
+ padding: 0px 44px 11px 44px;
}
.osbp div#loginTextArea > .v-expand {
@@ -19223,6 +19210,10 @@
margin: 0 auto;
}
+.osbp div#loginTextArea img.v-image.v-widget {
+ margin-top: -11px;
+}
+
.osbp div#loginImageArea {
padding: 0px;
width: 0px !important;
@@ -19245,6 +19236,9 @@
background: transparent;
color: #f5863c;
font-weight: bold;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ white-space: nowrap;
}
.osbp div#loginRegisterArea .v-expand {
@@ -19253,12 +19247,20 @@
.osbp .loginCopyrightArea .v-label.v-widget.v-has-width {
padding: 6.6px;
+ padding-bottom: 1px;
text-align: center;
background-color: rgba(255, 255, 255, 0.25);
color: #1f567d;
font-weight: bold;
}
+.osbp .loginCopyrightArea .v-label.v-widget.loginVersionField {
+ padding: 2.2px;
+ padding-right: 10px;
+ text-align: right;
+ font-size: 10px;
+}
+
.osbp .v-table-table td {
border-top: 0px;
}
@@ -19290,23 +19292,6 @@
border-bottom: 1px solid #d4d4d4;
}
-.osbp .v-table-header-wrap .v-table-column-selector {
- border: 0px;
- width: auto !important;
- right: 1px;
- background: transparent;
- border: 0px;
- float: right;
-}
-
-.osbp .v-table-header-wrap .v-table-column-selector:before {
- font-family: FontAwesome;
- font-size: 14px;
- line-height: 21px;
- content: "\f0c9";
- text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
-}
-
.osbp .v-align-right > .v-table-cell-wrapper {
text-align: right !important;
}
@@ -19386,11 +19371,14 @@
text-transform: none;
}
-.osbp .filters-panel .datefilterpopup > .v-button:focus, .osbp .filters-panel .numberfilterpopup > .v-button:focus {
+.osbp .filters-panel .datefilterpopup > .v-button:after, .osbp .filters-panel .numberfilterpopup > .v-button:after {
+ border-bottom-width: 0px;
+}
+
+.osbp .filters-panel .datefilterpopup > .v-button:focus, .osbp .filters-panel .datefilterpopup > .v-button:hover, .osbp .filters-panel .numberfilterpopup > .v-button:focus, .osbp .filters-panel .numberfilterpopup > .v-button:hover {
background-color: #fac29d;
color: #5a3218;
border-bottom-color: #f5863c;
- border-bottom-width: 1px;
border-left: 1px solid #d4d4d4;
border-left-color: #fff;
}
@@ -19400,11 +19388,9 @@
border-top-width: 0px;
border-left: 1px solid #d4d4d4;
border-left-color: #fff;
- border-bottom-width: 1px;
}
.osbp .filters-panel .datefilterpopup > .v-button:hover:after, .osbp .filters-panel .numberfilterpopup > .v-button:hover:after {
- border-bottom-width: 1px;
border-left: 1px solid #d4d4d4;
border-left-color: #fff;
}
@@ -19423,9 +19409,10 @@
.osbp .filters-panel .datefilterpopup > .v-button .v-button-caption:after, .osbp .filters-panel .numberfilterpopup > .v-button .v-button-caption:after {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
+ line-height: 14px;
content: "\F078";
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.osbp .filters-panel .datefilterpopup > .v-button .v-button-caption:after, .osbp .filters-panel .numberfilterpopup > .v-button .v-button-caption:after {
@@ -19433,17 +19420,13 @@
padding-left: 6px;
}
-.osbp .v-tabsheet-tabsheetpanel .v-panel .v-verticallayout-part {
- border-top: 0px;
-}
-
.osbp .vaadock-tabsheet-button-panel {
float: right;
position: absolute;
- height: 100%;
top: 0px;
right: 0px;
- width: 55px;
+ width: 48px;
+ height: 100%;
background-color: #ededed;
}
@@ -19451,38 +19434,50 @@
background: transparent;
border: 0px;
float: right;
- color: #424242;
}
.osbp .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-maximize-button:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f096";
+ line-height: 22px;
+ content: "\f096" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
+}
+
+.osbp .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-maximize-button:hover:before {
+ color: inherit;
}
.osbp .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-maximize-button:before {
vertical-align: middle;
+ color: #424242;
+ opacity: 0.3;
}
.osbp .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-minimize-button {
background: transparent;
border: 0px;
float: right;
- color: #424242;
}
.osbp .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-minimize-button:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f147";
+ line-height: 22px;
+ content: "\f147" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
+}
+
+.osbp .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-minimize-button:hover:before {
+ color: inherit;
}
.osbp .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-minimize-button:before {
vertical-align: middle;
+ color: #424242;
+ opacity: 0.3;
}
.osbp .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-restore-button {
@@ -19494,27 +19489,31 @@
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
- color: #424242;
}
.osbp .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-restore-button:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f24d";
+ line-height: 22px;
+ content: "\f24d" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
+}
+
+.osbp .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-restore-button:hover:before {
+ color: inherit;
}
.osbp .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-restore-button:before {
vertical-align: middle;
+ color: #424242;
+ opacity: 0.3;
}
.osbp .v-tabsheet-scroller {
position: absolute;
top: 0px;
- height: 100%;
- right: 55px;
- border-bottom: 0px;
+ right: 48px;
padding-left: 11px;
background-color: #ededed;
background-image: -webkit-linear-gradient(right, #ededed 70%, rgba(250, 250, 250, 0) 100%);
@@ -19522,49 +19521,68 @@
background-color: transparent;
}
+.osbp .v-tabsheet-scroller button {
+ color: #424242;
+ opacity: 0.3;
+}
+
.osbp .v-tabsheet-scroller:after {
display: none;
}
.osbp .v-tabsheet-tabcontainer {
background: #ededed;
- padding: 0px;
}
.osbp .v-tabsheet-tabcontainer:before {
- border: 0px;
+ display: none;
+}
+
+.osbp .v-tabsheet-tabcontainer-l-control {
+ border: none;
+}
+
+.osbp .v-tabsheet-tabcontainer-l-control .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem {
+ border-top-left-radius: 0px;
}
.osbp .v-tabsheet-tabitemcell .v-tabsheet-tabitem {
- background-color: #545454;
- color: #cfcfcf;
- border-top: 2px solid #545454;
-}
-
-.osbp .v-tabsheet-tabitemcell .v-tabsheet-tabitem .v-icon {
- width: 16px !important;
+ background: #545454;
}
.osbp .v-tabsheet-tabitemcell .v-tabsheet-tabitem .v-caption {
- font-size: 12px;
color: #cfcfcf;
padding-right: 11px;
padding-left: 11px;
+ font-size: 12px;
margin-left: 0px;
+ -moz-transition: unset;
+ -o-transition: unset;
+ -webkit-transition: unset;
+ transition: unset;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border-top: 2px solid #545454;
+ border-bottom: 0px;
}
-.osbp .v-tabsheet-tabitemcell .v-tabsheet-tabitem .v-caption-closable {
- margin-left: 0px;
+.osbp .v-tabsheet-tabitemcell .v-tabsheet-tabitem .v-caption:hover {
+ border-top-color: #f5863c;
+ color: #f3dfd2;
+}
+
+.osbp .v-tabsheet-tabitemcell .v-tabsheet-tabitem:hover {
+ background: #f5863c;
}
.osbp .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected {
- border-top: 2px solid #f5863c;
background-color: white;
}
.osbp .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected > .v-caption, .osbp .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected > .v-caption.v-caption {
- border-bottom-color: white;
- color: #474747;
+ border-top: 2px solid #f5863c;
+ border-bottom: 0px;
}
.osbp .v-caption-on-top > .v-caption > .v-captiontext {
@@ -19602,6 +19620,11 @@
box-shadow: none;
}
+:root .osbp .v-formlayout-row .v-checkbox > input:focus ~ label:before {
+ background-color: #fac29d;
+ border-bottom-color: #f5863c;
+}
+
:root .osbp .v-formlayout-row .v-checkbox > input ~ label:before, :root .osbp .v-formlayout-row .v-checkbox > input ~ label:after {
margin-top: inherit;
}
@@ -19637,6 +19660,11 @@
box-shadow: none;
}
+.osbp .v-gridlayout-slot .v-checkbox-os-box > input:focus ~ label:before {
+ background-color: #fac29d;
+ border-bottom-color: #f5863c;
+}
+
.osbp .v-gridlayout-slot .v-checkbox-os-box > input ~ label:before, .osbp .v-gridlayout-slot .v-checkbox-os-box > input ~ label:after {
margin-top: 26px;
}
@@ -19661,6 +19689,7 @@
.osbp .v-panel-os-has-focus {
border-color: #f5863c;
+ border-width: 1px;
}
.osbp .l-control .v-table {
@@ -19689,8 +19718,8 @@
}
.osbp .l-control .v-caption-on-top > .v-caption, .osbp .l-control .v-gridlayout-slot > .v-caption, .osbp .toptrimbar .v-caption-on-top > .v-caption, .osbp .toptrimbar .v-gridlayout-slot > .v-caption, .osbp .os-selection-area .v-caption-on-top > .v-caption, .osbp .os-selection-area .v-gridlayout-slot > .v-caption {
- padding-bottom: 1.1px;
- padding-top: 6.6px;
+ padding-bottom: 1px;
+ padding-top: 11px;
}
.osbp .l-control .v-caption-os-has-focus, .osbp .toptrimbar .v-caption-os-has-focus, .osbp .os-selection-area .v-caption-os-has-focus {
@@ -19703,6 +19732,19 @@
vertical-align: bottom;
}
+.osbp .l-control .v-formlayout-captioncell, .osbp .l-control .v-formlayout-errorcell, .osbp .l-control .v-formlayout-contentcell, .osbp .toptrimbar .v-formlayout-captioncell, .osbp .toptrimbar .v-formlayout-errorcell, .osbp .toptrimbar .v-formlayout-contentcell, .osbp .os-selection-area .v-formlayout-captioncell, .osbp .os-selection-area .v-formlayout-errorcell, .osbp .os-selection-area .v-formlayout-contentcell {
+ padding-top: 0px !important;
+}
+
+.osbp .l-control .v-formlayout-contentcell > .v-customcomponent, .osbp .toptrimbar .v-formlayout-contentcell > .v-customcomponent, .osbp .os-selection-area .v-formlayout-contentcell > .v-customcomponent {
+ width: 100%;
+ border-bottom: 1px solid #d4d4d4;
+}
+
+.osbp .l-control .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp .l-control .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"], .osbp .toptrimbar .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp .toptrimbar .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"], .osbp .os-selection-area .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp .os-selection-area .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"] {
+ border-bottom-width: 0px;
+}
+
.osbp .l-control .v-textfield, .osbp .toptrimbar .v-textfield, .osbp .os-selection-area .v-textfield {
width: 220px;
background-color: #ededed;
@@ -19725,6 +19767,7 @@
border-top: transparent;
border-left: transparent;
border-right: transparent;
+ border-bottom: 1px solid #d4d4d4;
-webkit-box-shadow: none;
box-shadow: none;
}
@@ -19738,7 +19781,7 @@
border-bottom-color: #f5863c;
}
-.osbp .l-control .v-filterselect-os-box .v-icon, .osbp .toptrimbar .v-filterselect-os-box .v-icon, .osbp .os-selection-area .v-filterselect-os-box .v-icon {
+.osbp .l-control .v-filterselect.v-widget.os-combobox-with-icon .v-icon, .osbp .l-control .v-filterselect-os-box .v-icon, .osbp .toptrimbar .v-filterselect.v-widget.os-combobox-with-icon .v-icon, .osbp .toptrimbar .v-filterselect-os-box .v-icon, .osbp .os-selection-area .v-filterselect.v-widget.os-combobox-with-icon .v-icon, .osbp .os-selection-area .v-filterselect-os-box .v-icon {
z-index: 999;
}
@@ -19766,9 +19809,10 @@
.osbp .l-control .l-beansearchfield button:before, .osbp .toptrimbar .l-beansearchfield button:before, .osbp .os-selection-area .l-beansearchfield button:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f0b0";
+ line-height: 14px;
+ content: "\f0b0" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.osbp .l-control .l-beansearchfield button img, .osbp .toptrimbar .l-beansearchfield button img, .osbp .os-selection-area .l-beansearchfield button img {
@@ -19798,8 +19842,8 @@
height: 22px;
}
-.osbp .l-control .v-upload-immediate .v-button .v-upload-immediate .v-button, .osbp .toptrimbar .v-upload-immediate .v-button .v-upload-immediate .v-button, .osbp .os-selection-area .v-upload-immediate .v-button .v-upload-immediate .v-button {
- margin-left: 0px;
+.osbp .l-control .v-upload-immediate .v-button, .osbp .toptrimbar .v-upload-immediate .v-button, .osbp .os-selection-area .v-upload-immediate .v-button {
+ height: 22px;
}
.osbp .l-control [class*="margin-bottom"] > tbody > [class*="lastrow"] > td, .osbp .toptrimbar [class*="margin-bottom"] > tbody > [class*="lastrow"] > td, .osbp .os-selection-area [class*="margin-bottom"] > tbody > [class*="lastrow"] > td {
@@ -19845,25 +19889,17 @@
padding-right: 4px;
}
-.osbp .v-slot-os-username, .osbp .v-slot-os-userposition, .osbp .v-slot-os-useremail {
- font-size: 12px;
-}
-
.osbp .v-slot-os-username .os-username, .osbp .v-slot-os-userposition .os-username, .osbp .v-slot-os-useremail .os-username {
color: #424242;
font-weight: bold;
- font-size: 16.8px;
- padding-left: 24px;
+ padding-left: 12px;
line-height: 22px;
- font-size: 12px;
}
.osbp .v-slot-os-username .os-userposition, .osbp .v-slot-os-userposition .os-userposition, .osbp .v-slot-os-useremail .os-userposition {
color: #424242;
- font-size: 16.8px;
- padding-left: 24px;
+ padding-left: 12px;
line-height: 22px;
- font-size: 12px;
}
.osbp .v-slot-os-username .os-useremail, .osbp .v-slot-os-userposition .os-useremail, .osbp .v-slot-os-useremail .os-useremail {
@@ -19875,47 +19911,34 @@
display: none;
}
-.osbp .os-userlogoutbutton, .osbp .os-usermenubutton {
- content: " ";
+.osbp .os-userlogoutbutton .v-icon, .osbp .os-usermenubutton .v-icon {
+ display: none;
}
.osbp .os-userlogoutbutton {
- background: transparent;
+ border: none;
+ padding: 0px;
+ height: 20px !important;
+ width: 20px !important;
+ margin: 1px;
+ border-radius: 50% !important;
+ background: #a1a1a1;
+}
+
+.osbp .os-userlogoutbutton.v-button {
+ -webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
border: 0px;
float: right;
- color: #424242;
}
-.osbp .os-userlogoutbutton:after {
- transition: none;
-}
-
-.osbp .os-userlogoutbutton:hover, .osbp .os-userlogoutbutton:focus, .osbp .os-userlogoutbutton:active {
- color: #f5863c;
-}
-
-.osbp .os-userlogoutbutton:hover:after {
- transition: none;
-}
-
-.osbp .os-userlogoutbutton:focus:after {
- transition: none;
-}
-
-.osbp .os-userlogoutbutton:active:after {
- transition: none;
-}
-
-.osbp .os-userlogoutbutton:after {
+.osbp .os-userlogoutbutton.v-button:after {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
+ line-height: 22px;
content: "\f08b";
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
-}
-
-.osbp .os-userlogoutbutton:after {
- line-height: 22px;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.osbp .os-userlogoutbutton .v-icon {
@@ -19923,46 +19946,28 @@
}
.osbp .os-usermenubutton {
- background: transparent;
+ border: none;
+ padding: 0px;
+ height: 20px !important;
+ width: 20px !important;
+ margin: 1px;
+ border-radius: 50% !important;
+}
+
+.osbp .os-usermenubutton.v-button {
+ -webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+ box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
border: 0px;
float: right;
- color: #424242;
}
-.osbp .os-usermenubutton:after {
- transition: none;
-}
-
-.osbp .os-usermenubutton:hover, .osbp .os-usermenubutton:focus, .osbp .os-usermenubutton:active {
- color: #f5863c;
-}
-
-.osbp .os-usermenubutton:hover:after {
- transition: none;
-}
-
-.osbp .os-usermenubutton:focus:after {
- transition: none;
-}
-
-.osbp .os-usermenubutton:active:after {
- transition: none;
-}
-
-.osbp .os-usermenubutton:after {
+.osbp .os-usermenubutton.v-button:after {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
+ line-height: 22px;
content: "\f0c9";
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
-}
-
-.osbp .os-usermenubutton:after {
- line-height: 22px;
-}
-
-.osbp .os-usermenubutton .v-popup-indicator {
- display: none;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.osbp .v-accordion {
@@ -20015,9 +20020,10 @@
.osbp .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-caption > .v-caption > .v-captiontext:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f138";
+ line-height: 14px;
+ content: "\f138" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.osbp .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-caption > .v-caption > .v-captiontext::before {
@@ -20047,9 +20053,10 @@
.osbp .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-open .v-accordion-item-caption > .v-caption > .v-captiontext:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f13a";
+ line-height: 14px;
+ content: "\f13a" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.osbp .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-open .v-accordion-item-caption > .v-caption > .v-captiontext::before {
@@ -20065,9 +20072,10 @@
.osbp .icon-download:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f019";
+ line-height: 14px;
+ content: "\f019" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.osbp .icon-upload {
@@ -20079,9 +20087,10 @@
.osbp .icon-upload:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f093";
+ line-height: 14px;
+ content: "\f093" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.osbp .icon-chart {
@@ -20096,17 +20105,19 @@
.osbp .icon-chart:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f080";
+ line-height: 14px;
+ content: "\f080" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.osbp .icon-chart:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f201";
+ line-height: 14px;
+ content: "\f201" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.osbp .icon-user {
@@ -20118,9 +20129,10 @@
.osbp .icon-user:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f007";
+ line-height: 14px;
+ content: "\f007" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.osbp .icon-attention {
@@ -20132,9 +20144,10 @@
.osbp .icon-attention:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f071";
+ line-height: 14px;
+ content: "\f071" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.osbp .icon-cancel {
@@ -20146,9 +20159,10 @@
.osbp .icon-cancel:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f08b";
+ line-height: 14px;
+ content: "\f08b" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.osbp .icon-cog {
@@ -20160,9 +20174,10 @@
.osbp .icon-cog:before {
font-family: FontAwesome;
font-size: 14px;
- line-height: 21px;
- content: "\f013";
+ line-height: 14px;
+ content: "\f013" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.osbp .v-slot-osbpsidebar .v-slot-branding {
@@ -20258,7 +20273,7 @@
.osbp .v-slot-osbpsidebar .user .v-label {
font-size: 16.8px;
- margin: 7px;
+ padding: 7px;
font-weight: bold;
text-overflow: ellipsis;
overflow: hidden;
@@ -20291,8 +20306,9 @@
font-family: FontAwesome;
font-size: 21px;
line-height: 29.4px;
- content: "\f013";
+ content: "\f013" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.osbp .v-slot-osbpsidebar .user .v-menubar-submenu-indicator + .v-menubar-menuitem-caption:after {
@@ -20364,34 +20380,24 @@
width: 5%;
}
-.osbp .v-grid .v-grid-tablewrapper .v-grid-header {
- border: 0px;
- height: 22px;
- background-image: none !important;
- font-weight: bold;
-}
-
-.osbp .v-grid .v-grid-tablewrapper .v-grid-header .v-grid-row .v-grid-cell {
+.osbp .v-grid .v-grid-header .v-grid-row .v-grid-cell {
font-size: 12px;
font-weight: bold;
}
-.osbp .v-grid .v-grid-tablewrapper .v-grid-header .v-grid-row .v-grid-cell.filter-header {
- padding: 0px !important;
+.osbp .v-grid .v-grid-cell.filter-header {
height: 22px !important;
+ padding: 0px;
}
-.osbp .v-grid .v-grid-tablewrapper .v-grid-body .v-progressbar .v-progressbar-wrapper {
- outline: 1px solid #d4d4d4;
- outline-color: #fff;
+.osbp .v-grid .v-textfield, .osbp .v-grid .v-datefield > .v-textfield {
+ float: left;
+ width: 100%;
+ height: 22px;
}
-.osbp .v-grid .v-grid-tablewrapper .v-grid-body .v-progressbar .v-progressbar-wrapper .v-progressbar-indicator {
- border: 0px;
-}
-
-.osbp .v-grid .v-grid-scroller::-webkit-scrollbar-thumb {
- border-radius: 0px;
+.osbp .v-grid .v-datefield {
+ top: -1px;
}
.osbp .v-icon.v-grid-cell-boolean {
@@ -20528,7 +20534,7 @@
}
.osbp .orgchart {
- background: #919293 url(layout/img/sidebar-gradient.png) repeat-y top right;
+ background: #919293 url(external/img/sidebar-gradient.png) repeat-y top right;
border: 1px solid grey;
color: grey;
font-weight: bold;
@@ -20537,7 +20543,7 @@
}
.osbp .orgchartNode {
- background: #e1e2e3 url(layout/img/sidebar-gradient.png) repeat-y top right;
+ background: #e1e2e3 url(external/img/sidebar-gradient.png) repeat-y top right;
border-radius: 18px;
border: 4px solid #9edbfb;
padding: 10px !important;
@@ -20555,7 +20561,7 @@
font-weight: normal;
padding: 0.5em 0.5em 1em;
-webkit-font-smoothing: antialiased;
- background: #414243 url(layout/img/sidebar-gradient.png) repeat-y top right;
+ background: #414243 url(external/img/sidebar-gradient.png) repeat-y top right;
overflow: visible;
position: relative;
z-index: 2;
@@ -20730,216 +20736,1481 @@
height: 100%;
}
+.osbp .o-SuggestBoxPopup {
+ z-index: 99999;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent {
+ padding: 2px 2px;
+ border-radius: 0px;
+ background-color: white;
+ color: #474747;
+ -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.18196);
+ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.18196);
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ margin-top: 3px !important;
+ margin-bottom: 3px !important;
+ margin-right: 3px !important;
+ cursor: default;
+ width: auto;
+ color: #f5863c;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent[class*="animate-in"] {
+ -webkit-animation: valo-overlay-animate-in 120ms;
+ -moz-animation: valo-overlay-animate-in 120ms;
+ animation: valo-overlay-animate-in 120ms;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent[class*="animate-out"] {
+ -webkit-animation: valo-animate-out-fade 120ms;
+ -moz-animation: valo-animate-out-fade 120ms;
+ animation: valo-animate-out-fade 120ms;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ margin: 0 auto;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent td {
+ padding: 1px;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel {
+ font-size: 12px;
+ text-align: center;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel:focus {
+ outline: none;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 18px;
+ height: 15px;
+ border: 1px solid transparent;
+ line-height: 15px;
+ text-align: center;
+ font-size: 11px;
+ background: #fafafa;
+ -webkit-transition: color 200ms;
+ -moz-transition: color 200ms;
+ transition: color 200ms;
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day:hover {
+ color: #f5863c;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day-offmonth {
+ color: #a0a0a0;
+ background: transparent;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day-today {
+ color: #191919;
+ font-weight: 600;
+ border-color: #afafaf;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover {
+ color: #f3dfd2;
+ background: #f5863c;
+ border: none;
+ font-weight: 600;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+ position: relative;
+}
+
+.v-ie8 .osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
+ border-color: #f5863c;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover {
+ color: #a0a0a0;
+ cursor: not-allowed;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays {
+ height: 15px;
+ color: rgba(133, 133, 133, 0.85);
+}
+
+.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays strong {
+ font: inherit;
+ font-size: 11px;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-header {
+ white-space: nowrap;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent td[class*="year"] button, .osbp .o-SuggestBoxPopup .popupContent td[class*="month"] button {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ border: none;
+ background: transparent;
+ padding: 0;
+ margin: 0;
+ cursor: pointer;
+ color: transparent;
+ font-size: 0;
+ width: 11px;
+ height: 15px;
+ outline: none;
+ position: relative;
+ vertical-align: middle;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent td[class*="year"] button:before, .osbp .o-SuggestBoxPopup .popupContent td[class*="month"] button:before {
+ color: #a0a0a0;
+ font-size: 16px;
+ line-height: 18px;
+ -webkit-transition: color 200ms;
+ -moz-transition: color 200ms;
+ transition: color 200ms;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent td[class*="year"] button:hover:before, .osbp .o-SuggestBoxPopup .popupContent td[class*="month"] button:hover:before {
+ color: #f5863c;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent td[class*="year"] button.outside-range, .osbp .o-SuggestBoxPopup .popupContent td[class*="month"] button.outside-range {
+ cursor: default;
+ opacity: 0.3;
+ filter: alpha(opacity=30.0) ;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent td[class*="year"] button.outside-range:hover:before, .osbp .o-SuggestBoxPopup .popupContent td[class*="month"] button.outside-range:hover:before {
+ color: #a0a0a0;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent .v-button-prevyear:before {
+ font-family: ThemeIcons;
+ content: "\f100";
+}
+
+.osbp .o-SuggestBoxPopup .popupContent .v-button-prevmonth:before {
+ font-family: ThemeIcons;
+ content: "\f104";
+}
+
+.osbp .o-SuggestBoxPopup .popupContent .v-button-nextyear:before {
+ font-family: ThemeIcons;
+ content: "\f101";
+}
+
+.osbp .o-SuggestBoxPopup .popupContent .v-button-nextmonth:before {
+ font-family: ThemeIcons;
+ content: "\f105";
+}
+
+.osbp .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-month {
+ width: 88px;
+ color: #f5863c;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month {
+ width: 44px;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumber, .osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child {
+ width: 18px;
+ color: rgba(133, 133, 133, 0.85);
+ font-size: 11px;
+ display: inline-block;
+ text-align: left;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumber {
+ position: relative;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumbers .v-first:before {
+ content: "";
+ position: absolute;
+ top: 21px;
+ bottom: 0;
+ left: 0;
+ width: 19px;
+ border-top: 1px solid #d4d4d4;
+ border-right: 1px solid #d4d4d4;
+ border-top-right-radius: 0px;
+ border-bottom-left-radius: 0px;
+ background: #fff;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-time {
+ width: 100%;
+ font-size: 11px;
+}
+
+.osbp .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-time .v-label {
+ display: inline;
+ margin: 0 0.1em;
+ font-weight: 400;
+}
+
+.osbp .o-SuggestBoxPopup table {
+ width: 198px;
+}
+
+.osbp .item {
+ color: #474747;
+}
+
+.osbp .item-selected {
+ background-color: #f5863c;
+ color: #f3dfd2;
+}
+
+.osbp .o-XSuggestBox {
+ background-color: #ededed;
+ height: 22px;
+}
+
+.osbp .o-XSuggestBox > .v-textfield {
+ background-color: #ededed;
+ border-top: transparent;
+ border-left: transparent;
+ border-right: transparent;
+ width: 198px;
+}
+
+.osbp .o-XSuggestBox > .v-textfield:focus {
+ background-color: #fac29d;
+ color: #5a3218;
+}
+
+.osbp .o-XSuggestBox > .v-textfield:hover {
+ border-bottom-color: #f5863c;
+}
+
+.osbp .o-XSuggestBox .enableSuggestions {
+ cursor: pointer;
+ border-bottom: 1px solid #d4d4d4 !important;
+ height: 21px;
+ text-align: center;
+ width: 22px;
+ background: transparent;
+ border: 0px;
+ float: none;
+ float: right;
+}
+
+.osbp .o-XSuggestBox .enableSuggestions:focus {
+ background-color: #fac29d !important;
+ color: #f5863c;
+}
+
+.osbp .o-XSuggestBox .enableSuggestions:hover {
+ border-bottom-color: #f5863c !important;
+}
+
+.osbp .o-XSuggestBox .enableSuggestions:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 14px;
+ content: "\f08d" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
+}
+
+.osbp .o-XSuggestBox .enableSuggestions.selected {
+ background: transparent;
+ border: 0px;
+ float: none;
+ float: right;
+}
+
+.osbp .o-XSuggestBox .enableSuggestions.selected:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 14px;
+ content: "\f002" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
+}
+
.osbp .os-cash-register {
- font-size: 24px !important;
- height: 44px !important;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+ margin: 0px;
+}
+
+.osbp .os-cash-register .v-gridlayout-slot, .osbp .os-cash-register .v-slot-l-control {
+ line-height: 12px;
+}
+
+.osbp .os-cash-register .v-verticallayout, .osbp .os-cash-register .v-horizontallayout, .osbp .os-cash-register .v-gridlayout {
+ padding: 0px;
+ left: 0px !important;
}
.osbp .os-cash-register .v-button {
- height: 46.2px;
- font-size: 24px;
- margin-bottom: 8px;
+ height: 18px;
+ white-space: normal;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-transform: none;
+ min-width: 44px;
+ padding: 4px;
+ font-size: 12px;
}
-.osbp .os-cash-register .os-numkeys .v-button {
- height: 29px;
- padding: 0 12px;
- color: #bad1e1;
- font-weight: 600;
-
-
- border-radius: 0px;
- border: #1f567d #d4d4d4;
- background: #1f567d;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
- text-transform: uppercase;
- border-color: #1f567d;
- margin-left: 4px;
- font-size: 24px;
- margin-bottom: 8px;
- height: 88px;
- width: 88px;
- background: #545454;
- border-color: #545454;
- color: #cfcfcf;
+.osbp .os-cash-register .v-button:before {
+ content: none;
}
-.osbp .os-cash-register .os-numkeys .v-button.v-pressed {
- background: #f8aa76 !important;
- border-color: #f8aa76 !important;
+.osbp .os-cash-register .v-button .v-button-caption {
+ line-height: 12px;
}
-.osbp .os-cash-register .os-numkeys .v-button:after {
- transition: none;
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-1, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-1, .osbp .os-cash-register .os-color-1 .v-button {
+ background: #cc5454;
+ border-color: #cc5454;
+ color: #ebd5d5;
+ margin: 0px;
}
-.osbp .os-cash-register .os-numkeys .v-button:hover {
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-1.v-pressed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-1.v-pressed, .osbp .os-cash-register .os-color-1 .v-button.v-pressed {
+ color: #432020 !important;
+ background: #db8787 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-1.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-1.os-pushed, .osbp .os-cash-register .os-color-1 .v-button.os-pushed {
+ background: #ad4747;
+ color: #532222;
+ -webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-1:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-1:hover, .osbp .os-cash-register .os-color-1 .v-button:hover {
background: #f5863c;
border-color: #f5863c;
color: #f3dfd2;
}
-.osbp .os-cash-register .os-numkeys .v-button:focus:after {
- border-color: transparent;
- transition: none;
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-2, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-2, .osbp .os-cash-register .os-color-2 .v-button {
+ background: #ffc15f;
+ border-color: #ffc15f;
+ color: #503812;
+ margin: 0px;
}
-.osbp .os-cash-register .os-numkeys .v-button.v-pressed {
- color: #512d16 !important;
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-2.v-pressed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-2.v-pressed, .osbp .os-cash-register .os-color-2 .v-button.v-pressed {
+ color: #5b3f14 !important;
+ background: #ffd38f !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
}
-.osbp .os-cash-register .os-funckeys .v-button, .osbp .os-cash-register .os-extrakeys .v-button {
- min-width: 132px;
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-2.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-2.os-pushed, .osbp .os-cash-register .os-color-2 .v-button.os-pushed {
+ background: #d8a450;
+ color: #8a611f;
+ -webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
}
-.osbp .os-cash-register .os-funckeys .v-button:before, .osbp .os-cash-register .os-extrakeys .v-button:before {
- height: 100%;
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-2:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-2:hover, .osbp .os-cash-register .os-color-2 .v-button:hover {
+ background: #f5863c;
+ border-color: #f5863c;
+ color: #f3dfd2;
}
-.osbp .os-cash-register .os-funckeys .v-button img.v-icon, .osbp .os-cash-register .os-extrakeys .v-button img.v-icon {
- height: 87px;
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-3, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-3, .osbp .os-cash-register .os-color-3 .v-button {
+ background: #ff7d42;
+ border-color: #ff7d42;
+ color: #f5ded4;
+ margin: 0px;
}
-.osbp .os-cash-register .os-alphakeys .v-button {
- width: 55px;
- height: 55px;
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-3.v-pressed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-3.v-pressed, .osbp .os-cash-register .os-color-3 .v-button.v-pressed {
+ color: #572813 !important;
+ background: #ffa47a !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
}
-.osbp .os-cash-register.v-disabled {
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-3.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-3.os-pushed, .osbp .os-cash-register .os-color-3 .v-button.os-pushed {
+ background: #d86a38;
+ color: #793618;
+ -webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-3:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-3:hover, .osbp .os-cash-register .os-color-3 .v-button:hover {
+ background: #f5863c;
+ border-color: #f5863c;
+ color: #f3dfd2;
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-4, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-4, .osbp .os-cash-register .os-color-4 .v-button {
+ background: #ec64a5;
+ border-color: #ec64a5;
+ color: #f3dae6;
+ margin: 0px;
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-4.v-pressed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-4.v-pressed, .osbp .os-cash-register .os-color-4 .v-button.v-pressed {
+ color: #511b35 !important;
+ background: #f192c0 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-4.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-4.os-pushed, .osbp .os-cash-register .os-color-4 .v-button.os-pushed {
+ background: #c8558c;
+ color: #77274d;
+ -webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-4:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-4:hover, .osbp .os-cash-register .os-color-4 .v-button:hover {
+ background: #f5863c;
+ border-color: #f5863c;
+ color: #f3dfd2;
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-5, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-5, .osbp .os-cash-register .os-color-5 .v-button {
+ background: #24dcd4;
+ border-color: #24dcd4;
+ color: #133433;
+ margin: 0px;
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-5.v-pressed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-5.v-pressed, .osbp .os-cash-register .os-color-5 .v-button.v-pressed {
+ color: #194442 !important;
+ background: #65e6e0 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-5.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-5.os-pushed, .osbp .os-cash-register .os-color-5 .v-button.os-pushed {
+ background: #1ebbb4;
+ color: #0c4d4a;
+ -webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-5:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-5:hover, .osbp .os-cash-register .os-color-5 .v-button:hover {
+ background: #f5863c;
+ border-color: #f5863c;
+ color: #f3dfd2;
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-6, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-6, .osbp .os-cash-register .os-color-6 .v-button {
+ background: #3090f0;
+ border-color: #3090f0;
+ color: #cfe0f1;
+ margin: 0px;
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-6.v-pressed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-6.v-pressed, .osbp .os-cash-register .os-color-6 .v-button.v-pressed {
+ color: #dde9f5 !important;
+ background: #6eb1f4 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-6.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-6.os-pushed, .osbp .os-cash-register .os-color-6 .v-button.os-pushed {
+ background: #287acc;
+ color: #133a61;
+ -webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-6:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-6:hover, .osbp .os-cash-register .os-color-6 .v-button:hover {
+ background: #f5863c;
+ border-color: #f5863c;
+ color: #f3dfd2;
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-7, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-7, .osbp .os-cash-register .os-color-7 .v-button {
+ background: #685cb0;
+ border-color: #685cb0;
+ color: #d8d6e5;
+ margin: 0px;
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-7.v-pressed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-7.v-pressed, .osbp .os-cash-register .os-color-7 .v-button.v-pressed {
+ color: #e3e2ec !important;
+ background: #958cc7 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-7.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-7.os-pushed, .osbp .os-cash-register .os-color-7 .v-button.os-pushed {
+ background: #584e95;
+ color: #272241;
+ -webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-7:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-7:hover, .osbp .os-cash-register .os-color-7 .v-button:hover {
+ background: #f5863c;
+ border-color: #f5863c;
+ color: #f3dfd2;
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-8, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-8, .osbp .os-cash-register .os-color-8 .v-button {
+ background: #4caf6a;
+ border-color: #4caf6a;
+ color: #d2e4d7;
+ margin: 0px;
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-8.v-pressed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-8.v-pressed, .osbp .os-cash-register .os-color-8 .v-button.v-pressed {
+ color: #233929 !important;
+ background: #81c796 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-8.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-8.os-pushed, .osbp .os-cash-register .os-color-8 .v-button.os-pushed {
+ background: #40945a;
+ color: #1a3b24;
+ -webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-8:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-8:hover, .osbp .os-cash-register .os-color-8 .v-button:hover {
+ background: #f5863c;
+ border-color: #f5863c;
+ color: #f3dfd2;
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-9, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-9, .osbp .os-cash-register .os-color-9 .v-button {
+ background: #99df58;
+ border-color: #99df58;
+ color: #2b3e19;
+ margin: 0px;
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-9.v-pressed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-9.v-pressed, .osbp .os-cash-register .os-color-9 .v-button.v-pressed {
+ color: #334a1e !important;
+ background: #b7e88a !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-9.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-9.os-pushed, .osbp .os-cash-register .os-color-9 .v-button.os-pushed {
+ background: #82bd4a;
+ color: #436324;
+ -webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-9:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-9:hover, .osbp .os-cash-register .os-color-9 .v-button:hover {
+ background: #f5863c;
+ border-color: #f5863c;
+ color: #f3dfd2;
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-10, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-10, .osbp .os-cash-register .os-color-10 .v-button {
+ background: #ededed;
+ border-color: #ededed;
+ color: #424242;
+ margin: 0px;
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-10.v-pressed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-10.v-pressed, .osbp .os-cash-register .os-color-10 .v-button.v-pressed {
+ color: #444444 !important;
+ background: #f2f2f2 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-10.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-10.os-pushed, .osbp .os-cash-register .os-color-10 .v-button.os-pushed {
+ background: #c9c9c9;
+ color: #898989;
+ -webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-10:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-10:hover, .osbp .os-cash-register .os-color-10 .v-button:hover {
+ background: #f5863c;
+ border-color: #f5863c;
+ color: #f3dfd2;
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-11, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-11, .osbp .os-cash-register .os-color-11 .v-button {
+ background: #a1a1a1;
+ border-color: #a1a1a1;
+ color: #2d2d2d;
+ margin: 0px;
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-11.v-pressed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-11.v-pressed, .osbp .os-cash-register .os-color-11 .v-button.v-pressed {
+ color: #353535 !important;
+ background: #bdbdbd !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-11.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-11.os-pushed, .osbp .os-cash-register .os-color-11 .v-button.os-pushed {
+ background: #888888;
+ color: #484848;
+ -webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-11:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-11:hover, .osbp .os-cash-register .os-color-11 .v-button:hover {
+ background: #f5863c;
+ border-color: #f5863c;
+ color: #f3dfd2;
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-12, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-12, .osbp .os-cash-register .os-color-12 .v-button {
+ background: #545454;
+ border-color: #545454;
+ color: #cfcfcf;
+ margin: 0px;
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-12.v-pressed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-12.v-pressed, .osbp .os-cash-register .os-color-12 .v-button.v-pressed {
+ color: #dddddd !important;
+ background: #878787 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-12.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-12.os-pushed, .osbp .os-cash-register .os-color-12 .v-button.os-pushed {
+ background: #474747;
+ color: #878787;
+ -webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-12:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-12:hover, .osbp .os-cash-register .os-color-12 .v-button:hover {
+ background: #f5863c;
+ border-color: #f5863c;
+ color: #f3dfd2;
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-13, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-13, .osbp .os-cash-register .os-color-13 .v-button {
+ background: white;
+ border-color: white;
+ color: #474747;
+ margin: 0px;
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-13.v-pressed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-13.v-pressed, .osbp .os-cash-register .os-color-13 .v-button.v-pressed {
+ color: !important;
+ background: white !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-13.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-13.os-pushed, .osbp .os-cash-register .os-color-13 .v-button.os-pushed {
+ background: #d8d8d8;
+ color: #989898;
+ -webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-13:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-13:hover, .osbp .os-cash-register .os-color-13 .v-button:hover {
+ background: #f5863c;
+ border-color: #f5863c;
+ color: #f3dfd2;
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-14, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-14, .osbp .os-cash-register .os-color-14 .v-button {
+ background: #1f567d;
+ border-color: #1f567d;
+ color: #bad1e1;
+ margin: 0px;
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-14.v-pressed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-14.v-pressed, .osbp .os-cash-register .os-color-14 .v-button.v-pressed {
+ color: #d6dde2 !important;
+ background: #6288a4 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-14.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-14.os-pushed, .osbp .os-cash-register .os-color-14 .v-button.os-pushed {
+ background: #1a496a;
+ color: #368fce;
+ -webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-14:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-14:hover, .osbp .os-cash-register .os-color-14 .v-button:hover {
+ background: #f5863c;
+ border-color: #f5863c;
+ color: #f3dfd2;
+}
+
+.osbp .os-cash-register .os-button-with-image .v-button {
+ background: #cc5353;
+ border-color: #cc5353;
+ color: #ebd5d5;
+ margin: 0px;
+}
+
+.osbp .os-cash-register .os-button-with-image .v-button.v-pressed {
+ color: #432020 !important;
+ background: #db8686 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .os-button-with-image .v-button.os-pushed {
+ background: #ad4646;
+ color: #522121;
+ -webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+}
+
+.osbp .os-cash-register .os-button-with-image .v-button:hover {
+ background: #f5863c;
+ border-color: #f5863c;
+ color: #f3dfd2;
+}
+
+.osbp .os-cash-register .v-textfield, .osbp .os-cash-register .v-datefield, .osbp .os-cash-register .o-XSuggestBox {
+ font-size: 12px;
+ height: 22px;
+}
+
+.osbp .os-cash-register .v-textfield.v-disabled, .osbp .os-cash-register .v-textfield.v-disabled > .v-textfield, .osbp .os-cash-register .v-datefield.v-disabled, .osbp .os-cash-register .v-datefield.v-disabled > .v-textfield, .osbp .os-cash-register .o-XSuggestBox.v-disabled, .osbp .os-cash-register .o-XSuggestBox.v-disabled > .v-textfield {
background-color: transparent;
opacity: 0.75;
}
-.osbp .os-cash-register .os-no-padding {
- padding: 0px;
+.osbp .os-cash-register .v-textarea {
+ font-size: 12px;
}
-.osbp .os-cash-register .o-XSuggestBox {
- font-size: 24px !important;
+.osbp .os-cash-register .v-textarea.v-disabled, .osbp .os-cash-register .v-textarea.v-disabled > .v-textfield {
+ background-color: transparent;
+ opacity: 0.75;
+}
+
+.osbp .os-cash-register .v-textarea.os-monospace {
+ font-size: 6px;
+}
+
+.osbp .os-cash-register .o-XSuggestBox .enableSuggestions {
+ height: 21px;
+ width: 22px;
+ background: transparent;
+ border: 0px;
+ float: none;
+ float: right;
+}
+
+.osbp .os-cash-register .o-XSuggestBox .enableSuggestions:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 22px;
+ content: "\f08d" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
+}
+
+.osbp .os-cash-register .o-XSuggestBox .enableSuggestions.selected {
+ background: transparent;
+ border: 0px;
+ float: none;
+ float: right;
+}
+
+.osbp .os-cash-register .o-XSuggestBox .enableSuggestions.selected:before {
+ font-family: FontAwesome;
+ font-size: 14px;
+ line-height: 22px;
+ content: "\f002" !important;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
+}
+
+.osbp .os-cash-register .v-textfield, .osbp .os-cash-register .v-datefield, .osbp .os-cash-register .o-XSuggestBox {
+ width: 96px;
+}
+
+.osbp .os-cash-register .o-XSuggestBox > .v-textfield, .osbp .os-cash-register .o-XSuggestBox > .v-datefield {
+ width: 74px !important;
+}
+
+.osbp .os-cash-register .v-textfield, .osbp .os-cash-register .v-datefield, .osbp .os-cash-register .o-XSuggestBox {
+ width: 96px;
+}
+
+.osbp .os-cash-register .o-XSuggestBox > .v-textfield, .osbp .os-cash-register .o-XSuggestBox > .v-datefield {
+ width: 74px !important;
+}
+
+.osbp .os-cash-register .os-span-h-half.v-textfield, .osbp .os-cash-register .os-span-h-half.v-datefield, .osbp .os-cash-register .os-span-h-half.o-XSuggestBox {
+ width: 44px;
+}
+
+.osbp .os-cash-register .os-span-h-half.o-XSuggestBox > .v-textfield, .osbp .os-cash-register .os-span-h-half.o-XSuggestBox > .v-datefield {
+ width: 22px !important;
+}
+
+.osbp .os-cash-register .os-span-h-single.v-textfield, .osbp .os-cash-register .os-span-h-single.v-datefield, .osbp .os-cash-register .os-span-h-single.o-XSuggestBox {
+ width: 96px;
+}
+
+.osbp .os-cash-register .os-span-h-single.o-XSuggestBox > .v-textfield, .osbp .os-cash-register .os-span-h-single.o-XSuggestBox > .v-datefield {
+ width: 74px !important;
+}
+
+.osbp .os-cash-register .os-span-h-double.v-textfield, .osbp .os-cash-register .os-span-h-double.v-datefield, .osbp .os-cash-register .os-span-h-double.o-XSuggestBox {
+ width: 200px;
+}
+
+.osbp .os-cash-register .os-span-h-double.o-XSuggestBox > .v-textfield, .osbp .os-cash-register .os-span-h-double.o-XSuggestBox > .v-datefield {
+ width: 178px !important;
+}
+
+.osbp .os-cash-register .os-span-h-triple.v-textfield, .osbp .os-cash-register .os-span-h-triple.v-datefield, .osbp .os-cash-register .os-span-h-triple.o-XSuggestBox {
+ width: 304px;
+}
+
+.osbp .os-cash-register .os-span-h-triple.o-XSuggestBox > .v-textfield, .osbp .os-cash-register .os-span-h-triple.o-XSuggestBox > .v-datefield {
+ width: 282px !important;
+}
+
+.osbp .os-cash-register .os-span-h-quad.v-textfield, .osbp .os-cash-register .os-span-h-quad.v-datefield, .osbp .os-cash-register .os-span-h-quad.o-XSuggestBox {
+ width: 408px;
+}
+
+.osbp .os-cash-register .os-span-h-quad.o-XSuggestBox > .v-textfield, .osbp .os-cash-register .os-span-h-quad.o-XSuggestBox > .v-datefield {
+ width: 386px !important;
+}
+
+.osbp .os-cash-register .v-button.os-span-h-single {
+ width: 44px !important;
+}
+
+.osbp .os-cash-register .v-button.os-span-h-single img.v-icon {
+ max-width: 42px !important;
+}
+
+.osbp .os-cash-register .v-button.os-span-h-odd {
+ width: 70px !important;
+}
+
+.osbp .os-cash-register .v-button.os-span-h-odd img.v-icon {
+ max-width: 64px !important;
+}
+
+.osbp .os-cash-register .v-button.os-span-h-double {
+ width: 96px !important;
+}
+
+.osbp .os-cash-register .v-button.os-span-h-double img.v-icon {
+ max-width: 86px !important;
+}
+
+.osbp .os-cash-register .v-button.os-span-h-triple {
+ width: 148px !important;
+}
+
+.osbp .os-cash-register .v-button.os-span-h-triple img.v-icon {
+ max-width: 130px !important;
+}
+
+.osbp .os-cash-register .v-button.os-span-h-quad {
+ width: 200px !important;
+}
+
+.osbp .os-cash-register .v-button.os-span-h-quad img.v-icon {
+ max-width: 174px !important;
+}
+
+.osbp .os-cash-register .v-button.os-span-v-single {
+ height: 18px !important;
+}
+
+.osbp .os-cash-register .v-button.os-span-v-single img.v-icon {
+ max-height: 20px !important;
+}
+
+.osbp .os-cash-register .v-button.os-span-v-double {
height: 44px !important;
}
-.osbp .os-cash-register .o-XSuggestBox.v-disabled {
- background-color: transparent;
- opacity: 0.75;
+.osbp .os-cash-register .v-button.os-span-v-double img.v-icon {
+ max-height: 42px !important;
}
-.osbp .os-cash-register .o-SuggestBoxPopup .popupContent table td.item {
- font-size: 24px !important;
+.osbp .os-cash-register .v-button.os-span-v-triple {
+ height: 70px !important;
+}
+
+.osbp .os-cash-register .v-button.os-span-v-triple img.v-icon {
+ max-height: 64px !important;
+}
+
+.osbp .os-cash-register .v-button.os-span-v-quad {
+ height: 96px !important;
+}
+
+.osbp .os-cash-register .v-button.os-span-v-quad img.v-icon {
+ max-height: 86px !important;
+}
+
+.osbp .os-cash-register .os-field-h-half .v-textfield, .osbp .os-cash-register .os-field-h-half .v-datefield, .osbp .os-cash-register .os-field-h-half .o-XSuggestBox {
+ width: 44px;
+}
+
+.osbp .os-cash-register .os-field-h-half .o-XSuggestBox > .v-textfield, .osbp .os-cash-register .os-field-h-half .o-XSuggestBox > .v-datefield {
+ width: 22px !important;
+}
+
+.osbp .os-cash-register .os-button-h-single {
+ margin: 0px;
+}
+
+.osbp .os-cash-register .os-button-h-single > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-h-single .v-button {
+ width: 44px;
+}
+
+.osbp .os-cash-register .os-button-h-single > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-h-single .v-button img.v-icon {
+ max-width: 42px;
+}
+
+.osbp .os-cash-register .os-table-h-single .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .os-table-h-single .v-table-header-wrap, .osbp .os-cash-register .v-table.os-span-h-single .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .v-table.os-span-h-single .v-table-header-wrap {
+ width: 148px !important;
+}
+
+.osbp .os-cash-register .os-table-h-single.v-table.v-widget, .osbp .os-cash-register .v-table.os-span-h-single.v-widget {
+ width: auto !important;
+}
+
+.osbp .os-cash-register .os-button-h-odd {
+ margin: 0px;
+}
+
+.osbp .os-cash-register .os-button-h-odd > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-h-odd .v-button {
+ width: 70px;
+}
+
+.osbp .os-cash-register .os-button-h-odd > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-h-odd .v-button img.v-icon {
+ max-width: 64px;
+}
+
+.osbp .os-cash-register .os-field-h-double .v-textfield, .osbp .os-cash-register .os-field-h-double .v-datefield, .osbp .os-cash-register .os-field-h-double .o-XSuggestBox {
+ width: 200px;
+}
+
+.osbp .os-cash-register .os-field-h-double .o-XSuggestBox > .v-textfield, .osbp .os-cash-register .os-field-h-double .o-XSuggestBox > .v-datefield {
+ width: 178px !important;
+}
+
+.osbp .os-cash-register .os-field-h-double .v-textarea, .osbp .os-cash-register .os-field-h-double.v-textarea {
+ width: 200px;
+}
+
+.osbp .os-cash-register .os-table-h-double .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .os-table-h-double .v-table-header-wrap, .osbp .os-cash-register .v-table.os-span-h-double .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .v-table.os-span-h-double .v-table-header-wrap {
+ width: 304px !important;
+}
+
+.osbp .os-cash-register .os-table-h-double.v-table.v-widget, .osbp .os-cash-register .v-table.os-span-h-double.v-widget {
+ width: auto !important;
+}
+
+.osbp .os-cash-register .os-button-h-double {
+ margin: 0px;
+}
+
+.osbp .os-cash-register .os-button-h-double > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-h-double .v-button {
+ width: 96px;
+}
+
+.osbp .os-cash-register .os-button-h-double > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-h-double .v-button img.v-icon {
+ max-width: 86px;
+}
+
+.osbp .os-cash-register .os-field-h-triple .v-textfield, .osbp .os-cash-register .os-field-h-triple .v-datefield, .osbp .os-cash-register .os-field-h-triple .o-XSuggestBox {
+ width: 304px;
+}
+
+.osbp .os-cash-register .os-field-h-triple .o-XSuggestBox > .v-textfield, .osbp .os-cash-register .os-field-h-triple .o-XSuggestBox > .v-datefield {
+ width: 282px !important;
+}
+
+.osbp .os-cash-register .os-field-h-triple .v-textarea, .osbp .os-cash-register .os-field-h-triple.v-textarea {
+ width: 304px;
+}
+
+.osbp .os-cash-register .os-table-h-triple .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .os-table-h-triple .v-table-header-wrap, .osbp .os-cash-register .v-table.os-span-h-triple .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .v-table.os-span-h-triple .v-table-header-wrap {
+ width: 468px !important;
+}
+
+.osbp .os-cash-register .os-table-h-triple.v-table.v-widget, .osbp .os-cash-register .v-table.os-span-h-triple.v-widget {
+ width: auto !important;
+}
+
+.osbp .os-cash-register .os-button-h-triple {
+ margin: 0px;
+}
+
+.osbp .os-cash-register .os-button-h-triple > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-h-triple .v-button {
+ width: 148px;
+}
+
+.osbp .os-cash-register .os-button-h-triple > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-h-triple .v-button img.v-icon {
+ max-width: 130px;
+}
+
+.osbp .os-cash-register .os-field-h-quad .v-textfield, .osbp .os-cash-register .os-field-h-quad .v-datefield, .osbp .os-cash-register .os-field-h-quad .o-XSuggestBox {
+ width: 408px;
+}
+
+.osbp .os-cash-register .os-field-h-quad .o-XSuggestBox > .v-textfield, .osbp .os-cash-register .os-field-h-quad .o-XSuggestBox > .v-datefield {
+ width: 386px !important;
+}
+
+.osbp .os-cash-register .os-field-h-quad .v-textarea, .osbp .os-cash-register .os-field-h-quad.v-textarea {
+ width: 408px;
+}
+
+.osbp .os-cash-register .os-table-h-quad .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .os-table-h-quad .v-table-header-wrap, .osbp .os-cash-register .v-table.os-span-h-quad .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .v-table.os-span-h-quad .v-table-header-wrap {
+ width: 640px !important;
+}
+
+.osbp .os-cash-register .os-table-h-quad.v-table.v-widget, .osbp .os-cash-register .v-table.os-span-h-quad.v-widget {
+ width: auto !important;
+}
+
+.osbp .os-cash-register .os-button-h-quad {
+ margin: 0px;
+}
+
+.osbp .os-cash-register .os-button-h-quad > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-h-quad .v-button {
+ width: 200px;
+}
+
+.osbp .os-cash-register .os-button-h-quad > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-h-quad .v-button img.v-icon {
+ max-width: 174px;
+}
+
+.osbp .os-cash-register .os-field-v-single .v-textarea, .osbp .os-cash-register .os-field-v-single.v-textarea {
+ height: 96px;
+}
+
+.osbp .os-cash-register .os-table-v-single .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .os-span-v-single .v-table-body-wrapper.v-scrollable {
+ height: 76px !important;
+}
+
+.osbp .os-cash-register .os-table-v-single.v-table.v-widget, .osbp .os-cash-register .os-span-v-single.v-table.v-widget {
+ height: auto !important;
+}
+
+.osbp .os-cash-register .os-table-v-single .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .v-caption-on-top .v-table.os-span-v-single .v-table-body-wrapper.v-scrollable {
+ height: 52px !important;
+}
+
+.osbp .os-cash-register .os-table-v-single .v-caption-on-top.v-table.v-widget, .osbp .os-cash-register .v-caption-on-top .v-table.os-span-v-single.v-widget {
+ height: auto !important;
+}
+
+.osbp .os-cash-register .os-button-v-single {
+ margin: 0px;
+}
+
+.osbp .os-cash-register .os-button-v-single > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-v-single .v-button {
+ height: 18px;
+}
+
+.osbp .os-cash-register .os-button-v-single > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-v-single .v-button img.v-icon {
+ max-height: 20px;
+}
+
+.osbp .os-cash-register .os-button-v-single.os-font-flex > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-v-single .os-font-flex .v-button {
+ height: 18px;
+ font-size: 10px;
+}
+
+.osbp .os-cash-register .os-button-v-single.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-v-single .os-font-flex .v-button img.v-icon {
+ max-height: 20px;
+}
+
+.osbp .os-cash-register .os-button-v-single .os-font-flex.v-button {
+ height: 18px !important;
+ font-size: 10px;
+}
+
+.osbp .os-cash-register .os-button-v-single .os-font-flex.v-button img.v-icon {
+ max-height: 20px !important;
+}
+
+.osbp .os-cash-register .os-field-v-double .v-textarea, .osbp .os-cash-register .os-field-v-double.v-textarea {
+ height: 200px;
+}
+
+.osbp .os-cash-register .os-field-v-double .v-caption-on-top .v-textarea, .osbp .os-cash-register .os-field-v-double .v-caption-on-top.v-textarea {
+ height: 200px;
+}
+
+.osbp .os-cash-register .os-table-v-double .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .os-span-v-double .v-table-body-wrapper.v-scrollable {
+ height: 180px !important;
+}
+
+.osbp .os-cash-register .os-table-v-double.v-table.v-widget, .osbp .os-cash-register .os-span-v-double.v-table.v-widget {
+ height: auto !important;
+}
+
+.osbp .os-cash-register .os-table-v-double .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .v-caption-on-top .v-table.os-span-v-double .v-table-body-wrapper.v-scrollable {
+ height: 156px !important;
+}
+
+.osbp .os-cash-register .os-table-v-double .v-caption-on-top.v-table.v-widget, .osbp .os-cash-register .v-caption-on-top .v-table.os-span-v-double.v-widget {
+ height: auto !important;
+}
+
+.osbp .os-cash-register .os-button-v-double {
+ margin: 0px;
+}
+
+.osbp .os-cash-register .os-button-v-double > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-v-double .v-button {
+ height: 44px;
+}
+
+.osbp .os-cash-register .os-button-v-double > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-v-double .v-button img.v-icon {
+ max-height: 42px;
+}
+
+.osbp .os-cash-register .os-button-v-double.os-font-flex > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-v-double .os-font-flex .v-button {
+ height: 44px;
+ font-size: 26px;
+}
+
+.osbp .os-cash-register .os-button-v-double.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-v-double .os-font-flex .v-button img.v-icon {
+ max-height: 42px;
+}
+
+.osbp .os-cash-register .os-button-v-double .os-font-flex.v-button {
height: 44px !important;
+ font-size: 26px;
}
-.osbp .os-cash-register .o-SuggestBoxPopup .popupContent table td.item.v-disabled {
- background-color: transparent;
- opacity: 0.75;
+.osbp .os-cash-register .os-button-v-double .os-font-flex.v-button img.v-icon {
+ max-height: 42px !important;
}
-.osbp .os-cash-register .v-textfield {
- font-size: 24px !important;
- height: 44px !important;
+.osbp .os-cash-register .os-field-v-triple .v-textarea, .osbp .os-cash-register .os-field-v-triple.v-textarea {
+ height: 304px;
}
-.osbp .os-cash-register .v-textfield.v-disabled {
- background-color: transparent;
- opacity: 0.75;
+.osbp .os-cash-register .os-field-v-triple .v-caption-on-top .v-textarea, .osbp .os-cash-register .os-field-v-triple .v-caption-on-top.v-textarea {
+ height: 304px;
}
-.osbp .os-cash-register .os-cash-total .v-textfield, .osbp .os-cash-register .os-cash-total .v-caption {
+.osbp .os-cash-register .os-table-v-triple .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .os-span-v-triple .v-table-body-wrapper.v-scrollable {
+ height: 284px !important;
+}
+
+.osbp .os-cash-register .os-table-v-triple.v-table.v-widget, .osbp .os-cash-register .os-span-v-triple.v-table.v-widget {
+ height: auto !important;
+}
+
+.osbp .os-cash-register .os-table-v-triple .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .v-caption-on-top .v-table.os-span-v-triple .v-table-body-wrapper.v-scrollable {
+ height: 260px !important;
+}
+
+.osbp .os-cash-register .os-table-v-triple .v-caption-on-top.v-table.v-widget, .osbp .os-cash-register .v-caption-on-top .v-table.os-span-v-triple.v-widget {
+ height: auto !important;
+}
+
+.osbp .os-cash-register .os-button-v-triple {
+ margin: 0px;
+}
+
+.osbp .os-cash-register .os-button-v-triple > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-v-triple .v-button {
+ height: 70px;
+}
+
+.osbp .os-cash-register .os-button-v-triple > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-v-triple .v-button img.v-icon {
+ max-height: 64px;
+}
+
+.osbp .os-cash-register .os-button-v-triple.os-font-flex > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-v-triple .os-font-flex .v-button {
+ height: 70px;
+ font-size: 52px;
+}
+
+.osbp .os-cash-register .os-button-v-triple.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-v-triple .os-font-flex .v-button img.v-icon {
+ max-height: 64px;
+}
+
+.osbp .os-cash-register .os-button-v-triple .os-font-flex.v-button {
+ height: 70px !important;
+ font-size: 52px;
+}
+
+.osbp .os-cash-register .os-button-v-triple .os-font-flex.v-button img.v-icon {
+ max-height: 64px !important;
+}
+
+.osbp .os-cash-register .os-field-v-quad .v-textarea, .osbp .os-cash-register .os-field-v-quad.v-textarea {
+ height: 408px;
+}
+
+.osbp .os-cash-register .os-field-v-quad .v-caption-on-top .v-textarea, .osbp .os-cash-register .os-field-v-quad .v-caption-on-top.v-textarea {
+ height: 408px;
+}
+
+.osbp .os-cash-register .os-table-v-quad .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .os-span-v-quad .v-table-body-wrapper.v-scrollable {
+ height: 388px !important;
+}
+
+.osbp .os-cash-register .os-table-v-quad.v-table.v-widget, .osbp .os-cash-register .os-span-v-quad.v-table.v-widget {
+ height: auto !important;
+}
+
+.osbp .os-cash-register .os-table-v-quad .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .v-caption-on-top .v-table.os-span-v-quad .v-table-body-wrapper.v-scrollable {
+ height: 364px !important;
+}
+
+.osbp .os-cash-register .os-table-v-quad .v-caption-on-top.v-table.v-widget, .osbp .os-cash-register .v-caption-on-top .v-table.os-span-v-quad.v-widget {
+ height: auto !important;
+}
+
+.osbp .os-cash-register .os-button-v-quad {
+ margin: 0px;
+}
+
+.osbp .os-cash-register .os-button-v-quad > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-v-quad .v-button {
+ height: 96px;
+}
+
+.osbp .os-cash-register .os-button-v-quad > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-v-quad .v-button img.v-icon {
+ max-height: 86px;
+}
+
+.osbp .os-cash-register .os-button-v-quad.os-font-flex > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-v-quad .os-font-flex .v-button {
+ height: 96px;
+ font-size: 78px;
+}
+
+.osbp .os-cash-register .os-button-v-quad.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-v-quad .os-font-flex .v-button img.v-icon {
+ max-height: 86px;
+}
+
+.osbp .os-cash-register .os-button-v-quad .os-font-flex.v-button {
+ height: 96px !important;
+ font-size: 78px;
+}
+
+.osbp .os-cash-register .os-button-v-quad .os-font-flex.v-button img.v-icon {
+ max-height: 86px !important;
+}
+
+.osbp .os-cash-register .os-cash-total .v-textfield, .osbp .os-cash-register .os-cash-total .v-caption, .osbp .os-cash-register .os-cash-xl .v-textfield, .osbp .os-cash-register .os-cash-xl .v-caption {
font-weight: bold;
}
-.osbp .os-cash-register .os-cash-total .v-formlayout > table {
+.osbp .os-cash-register .os-cash-total .v-captiontext, .osbp .os-cash-register .os-cash-xl .v-captiontext {
+ font-weight: normal;
+}
+
+.osbp .os-cash-register .os-cash-total .v-formlayout > table, .osbp .os-cash-register .os-cash-xl .v-formlayout > table {
width: 100%;
}
-.osbp .os-cash-register .os-cash-total .v-textfield {
- width: auto;
+.osbp .os-cash-register .os-cash-total .v-textfield, .osbp .os-cash-register .os-cash-xl .v-textfield {
+ font-size: 18px !important;
+ height: 33px !important;
+ text-align: right;
}
-.osbp .os-cash-register .v-caption, .osbp .os-cash-register .v-captiontext, .osbp .os-cash-register .v-caption-on-top > .v-caption-l-control > .v-captiontext {
- font-size: 18px;
- line-height: 32px;
+.osbp .os-cash-register .os-cash-total .v-formlayout-row > .v-formlayout-captioncell > .v-caption, .osbp .os-cash-register .os-cash-xl .v-formlayout-row > .v-formlayout-captioncell > .v-caption {
+ height: 32px !important;
+ line-height: 33px;
}
-.osbp .os-cash-register .v-formlayout .v-caption, .osbp .os-cash-register .v-formlayout .v-captiontext {
- font-size: 24px;
- line-height: 43px;
+.osbp .os-cash-register .os-cash-total .os-span-h-half .v-textfield, .osbp .os-cash-register .os-cash-xl .os-span-h-half .v-textfield {
+ width: 48px;
}
-.osbp .os-cash-register .v-table-cell-content {
- height: 33px;
+.osbp .os-cash-register .os-cash-total .v-button, .osbp .os-cash-register .os-cash-xl .v-button {
+ background: #4caf6a;
+ border-color: #4caf6a;
+ color: #d2e4d7;
+ margin: 0px;
}
-.osbp .os-cash-keypad .v-button {
- height: 88px;
- font-size: 24px;
- margin-bottom: 8px;
+.osbp .os-cash-register .os-cash-total .v-button.v-pressed, .osbp .os-cash-register .os-cash-xl .v-button.v-pressed {
+ color: #233929 !important;
+ background: #81c796 !important;
+ border-color: rgba(255, 255, 255, 0.8);
+ border-left-color: rgba(0, 0, 0, 0.5);
+ border-top-color: rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5);
}
-.osbp .os-cash-keypad .os-numkeys .v-button {
- height: 29px;
- padding: 0 12px;
- color: #bad1e1;
- font-weight: 600;
-
-
- border-radius: 0px;
- border: #1f567d #d4d4d4;
- background: #1f567d;
- -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
- box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
- text-transform: uppercase;
- border-color: #1f567d;
- margin-left: 4px;
- font-size: 24px;
- margin-bottom: 8px;
- height: 88px;
- width: 88px;
- background: #545454;
- border-color: #545454;
- color: #cfcfcf;
+.osbp .os-cash-register .os-cash-total .v-button.os-pushed, .osbp .os-cash-register .os-cash-xl .v-button.os-pushed {
+ background: #40945a;
+ color: #1a3b24;
+ -webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
}
-.osbp .os-cash-keypad .os-numkeys .v-button.v-pressed {
- background: #f8aa76 !important;
- border-color: #f8aa76 !important;
-}
-
-.osbp .os-cash-keypad .os-numkeys .v-button:after {
- transition: none;
-}
-
-.osbp .os-cash-keypad .os-numkeys .v-button:hover {
+.osbp .os-cash-register .os-cash-total .v-button:hover, .osbp .os-cash-register .os-cash-xl .v-button:hover {
background: #f5863c;
border-color: #f5863c;
color: #f3dfd2;
}
-.osbp .os-cash-keypad .os-numkeys .v-button:focus:after {
- border-color: transparent;
- transition: none;
+.osbp .os-cash-register .os-cash-total .v-button.v-disabled, .osbp .os-cash-register .os-cash-xl .v-button.v-disabled {
+ background: transparent;
}
-.osbp .os-cash-keypad .os-numkeys .v-button.v-pressed {
- color: #512d16 !important;
+.osbp .os-cash-register .v-caption-on-top > .v-caption {
+ padding-top: 0px;
}
-.osbp .os-cash-keypad .os-funckeys .v-button, .osbp .os-cash-keypad .os-extrakeys .v-button {
- min-width: 132px;
+.osbp .os-cash-register .v-caption, .osbp .os-cash-register .v-captiontext, .osbp .os-cash-register .v-caption-on-top > .v-caption-l-control > .v-captiontext {
+ font-size: 12px;
+ line-height: 21px;
}
-.osbp .os-cash-keypad .os-funckeys .v-button:before, .osbp .os-cash-keypad .os-extrakeys .v-button:before {
- height: 100%;
+.osbp .os-cash-register .v-formlayout .v-caption, .osbp .os-cash-register .v-formlayout .v-captiontext {
+ font-size: 12px;
+ line-height: 21px;
}
-.osbp .os-cash-keypad .os-funckeys .v-button img.v-icon, .osbp .os-cash-keypad .os-extrakeys .v-button img.v-icon {
- height: 87px;
+.osbp .os-cash-register .v-table-header-wrap, .osbp .os-cash-register .v-table-caption-container, .osbp .os-cash-register .v-table-sort-indicator, .osbp .os-cash-register .v-table-resizer {
+ height: 20px;
+ font-size: 12px;
}
-.osbp .os-cash-keypad .os-alphakeys .v-button {
- width: 55px;
- height: 55px;
+.osbp .os-cash-register .v-table-cell-content {
+ height: 22px;
+ font-size: 12px;
+}
+
+.osbp .os-cash-register .os-monospace {
+ font-family: monospace;
+}
+
+.osbp .os-cash-register .os-spacer-top {
+ margin-top: 26px !important;
+}
+
+.osbp .os-cash-register .os-spacer-left {
+ margin-left: 26px !important;
+}
+
+.osbp .os-cash-register .os-spacer-right {
+ margin-right: 26px !important;
+}
+
+.osbp .os-cash-register .os-spacer-bottom {
+ margin-bottom: 26px !important;
+}
+
+.osbp .os-cash-register .os-spacer-top-double {
+ margin-top: 52px !important;
+}
+
+.osbp .os-cash-register .os-spacer-left-double {
+ margin-left: 52px !important;
+}
+
+.osbp .os-cash-register .os-spacer-right-double {
+ margin-right: 52px !important;
+}
+
+.osbp .os-cash-register .os-spacer-bottom-double {
+ margin-bottom: 52px !important;
+}
+
+.osbp .os-cash-register .os-spacer-top-triple {
+ margin-top: 78px !important;
+}
+
+.osbp .os-cash-register .os-spacer-left-triple {
+ margin-left: 78px !important;
+}
+
+.osbp .os-cash-register .os-spacer-right-triple {
+ margin-right: 78px !important;
+}
+
+.osbp .os-cash-register .os-spacer-bottom-triple {
+ margin-bottom: 78px !important;
+}
+
+.osbp .os-cash-register .os-spacer-top-quad {
+ margin-top: 104px !important;
+}
+
+.osbp .os-cash-register .os-spacer-left-quad {
+ margin-left: 104px !important;
+}
+
+.osbp .os-cash-register .os-spacer-right-quad {
+ margin-right: 104px !important;
+}
+
+.osbp .os-cash-register .os-spacer-bottom-quad {
+ margin-bottom: 104px !important;
}
.osbp .v-caption-initialization-progress .v-captiontext {
@@ -20948,6 +22219,7 @@
}
.osbp h1[class^="v-Notification"] {
+ font-size: 16.8px;
background: none;
border: none;
}
@@ -21218,246 +22490,6 @@
opacity: 0.2;
}
-.osbp .o-SuggestBoxPopup {
- z-index: 99999;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent {
- padding: 2px 2px;
- border-radius: 0px;
- background-color: white;
- color: #474747;
- -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.18196);
- box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.18196);
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- backface-visibility: hidden;
- margin-top: 3px !important;
- margin-bottom: 3px !important;
- margin-right: 3px !important;
- cursor: default;
- width: auto;
- color: #f5863c;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent[class*="animate-in"] {
- -webkit-animation: valo-overlay-animate-in 120ms;
- -moz-animation: valo-overlay-animate-in 120ms;
- animation: valo-overlay-animate-in 120ms;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent[class*="animate-out"] {
- -webkit-animation: valo-animate-out-fade 120ms;
- -moz-animation: valo-animate-out-fade 120ms;
- animation: valo-animate-out-fade 120ms;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent table {
- border-collapse: collapse;
- border-spacing: 0;
- margin: 0 auto;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent td {
- padding: 1px;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel {
- font-size: 12px;
- text-align: center;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel:focus {
- outline: none;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- width: 18px;
- height: 15px;
- border: 1px solid transparent;
- line-height: 15px;
- text-align: center;
- font-size: 11px;
- background: #fafafa;
- -webkit-transition: color 200ms;
- -moz-transition: color 200ms;
- transition: color 200ms;
- display: inline-block;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- cursor: pointer;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day:hover {
- color: #f5863c;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day-offmonth {
- color: #a0a0a0;
- background: transparent;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day-today {
- color: #191919;
- font-weight: 600;
- border-color: #afafaf;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover {
- color: #f3dfd2;
- background: #f5863c;
- border: none;
- font-weight: 600;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
- -webkit-box-shadow: 0 0 0 1px transparent;
- box-shadow: 0 0 0 1px transparent;
- position: relative;
-}
-
-.v-ie8 .osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
- border-color: #f5863c;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover {
- color: #a0a0a0;
- cursor: not-allowed;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays {
- height: 15px;
- color: rgba(133, 133, 133, 0.85);
-}
-
-.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays strong {
- font: inherit;
- font-size: 11px;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-header {
- white-space: nowrap;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent td[class*="year"] button, .osbp .o-SuggestBoxPopup .popupContent td[class*="month"] button {
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- -o-appearance: none;
- appearance: none;
- border: none;
- background: transparent;
- padding: 0;
- margin: 0;
- cursor: pointer;
- color: transparent;
- font-size: 0;
- width: 11px;
- height: 15px;
- outline: none;
- position: relative;
- vertical-align: middle;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent td[class*="year"] button:before, .osbp .o-SuggestBoxPopup .popupContent td[class*="month"] button:before {
- color: #a0a0a0;
- font-size: 16px;
- line-height: 18px;
- -webkit-transition: color 200ms;
- -moz-transition: color 200ms;
- transition: color 200ms;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent td[class*="year"] button:hover:before, .osbp .o-SuggestBoxPopup .popupContent td[class*="month"] button:hover:before {
- color: #f5863c;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent td[class*="year"] button.outside-range, .osbp .o-SuggestBoxPopup .popupContent td[class*="month"] button.outside-range {
- cursor: default;
- opacity: 0.3;
- filter: alpha(opacity=30.0) ;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent td[class*="year"] button.outside-range:hover:before, .osbp .o-SuggestBoxPopup .popupContent td[class*="month"] button.outside-range:hover:before {
- color: #a0a0a0;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent .v-button-prevyear:before {
- font-family: ThemeIcons;
- content: "\f100";
-}
-
-.osbp .o-SuggestBoxPopup .popupContent .v-button-prevmonth:before {
- font-family: ThemeIcons;
- content: "\f104";
-}
-
-.osbp .o-SuggestBoxPopup .popupContent .v-button-nextyear:before {
- font-family: ThemeIcons;
- content: "\f101";
-}
-
-.osbp .o-SuggestBoxPopup .popupContent .v-button-nextmonth:before {
- font-family: ThemeIcons;
- content: "\f105";
-}
-
-.osbp .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-month {
- width: 88px;
- color: #f5863c;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month {
- width: 44px;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumber, .osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child {
- width: 18px;
- color: rgba(133, 133, 133, 0.85);
- font-size: 11px;
- display: inline-block;
- text-align: left;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumber {
- position: relative;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumbers .v-first:before {
- content: "";
- position: absolute;
- top: 21px;
- bottom: 0;
- left: 0;
- width: 19px;
- border-top: 1px solid #d4d4d4;
- border-right: 1px solid #d4d4d4;
- border-top-right-radius: 0px;
- border-bottom-left-radius: 0px;
- background: #fff;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-time {
- width: 100%;
- font-size: 11px;
-}
-
-.osbp .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-time .v-label {
- display: inline;
- margin: 0 0.1em;
- font-weight: 400;
-}
-
-.osbp .o-SuggestBoxPopup .item-selected {
- background-color: darkgray;
- color: white;
-}
-
.osbp .v-absolutelayout .o-alignmentLine {
background-color: green;
}
@@ -21704,8 +22736,9 @@
font-family: Vaadin-Icons;
font-size: 16px;
line-height: 16px;
- content: "\e771";
+ content: "\e771" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.osbp .o-designer-overlay .removeChild {
@@ -21720,8 +22753,9 @@
font-family: Vaadin-Icons;
font-size: 16px;
line-height: 16px;
- content: "\e80b";
+ content: "\e80b" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.osbp .o-designer-overlay .addChild {
@@ -21736,8 +22770,9 @@
font-family: Vaadin-Icons;
font-size: 16px;
line-height: 16px;
- content: "\e801";
+ content: "\e801" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.osbp .o-designer-overlay .openProperties {
@@ -21752,8 +22787,9 @@
font-family: Vaadin-Icons;
font-size: 16px;
line-height: 16px;
- content: "\e6cf";
+ content: "\e6cf" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.osbp .o-designer-overlay .switchMargin {
@@ -21768,8 +22804,9 @@
font-family: Vaadin-Icons;
font-size: 16px;
line-height: 16px;
- content: "\e65b";
+ content: "\e65b" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.osbp .o-designer-overlay .switchSpacing {
@@ -21784,246 +22821,7 @@
font-family: Vaadin-Icons;
font-size: 16px;
line-height: 16px;
- content: "\e665";
+ content: "\e665" !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
-}
-
-.o-SuggestBoxPopup {
- z-index: 99999;
-}
-
-.o-SuggestBoxPopup .popupContent {
- padding: 2px 2px;
- border-radius: 0px;
- background-color: white;
- color: #474747;
- -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.18196);
- box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.18196);
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- backface-visibility: hidden;
- margin-top: 3px !important;
- margin-bottom: 3px !important;
- margin-right: 3px !important;
- cursor: default;
- width: auto;
- color: #f5863c;
-}
-
-.o-SuggestBoxPopup .popupContent[class*="animate-in"] {
- -webkit-animation: valo-overlay-animate-in 120ms;
- -moz-animation: valo-overlay-animate-in 120ms;
- animation: valo-overlay-animate-in 120ms;
-}
-
-.o-SuggestBoxPopup .popupContent[class*="animate-out"] {
- -webkit-animation: valo-animate-out-fade 120ms;
- -moz-animation: valo-animate-out-fade 120ms;
- animation: valo-animate-out-fade 120ms;
-}
-
-.o-SuggestBoxPopup .popupContent table {
- border-collapse: collapse;
- border-spacing: 0;
- margin: 0 auto;
-}
-
-.o-SuggestBoxPopup .popupContent td {
- padding: 1px;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel {
- font-size: 12px;
- text-align: center;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel:focus {
- outline: none;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- width: 18px;
- height: 15px;
- border: 1px solid transparent;
- line-height: 15px;
- text-align: center;
- font-size: 11px;
- background: #fafafa;
- -webkit-transition: color 200ms;
- -moz-transition: color 200ms;
- transition: color 200ms;
- display: inline-block;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- cursor: pointer;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day:hover {
- color: #f5863c;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day-offmonth {
- color: #a0a0a0;
- background: transparent;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day-today {
- color: #191919;
- font-weight: 600;
- border-color: #afafaf;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover {
- color: #f3dfd2;
- background: #f5863c;
- border: none;
- font-weight: 600;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
- -webkit-box-shadow: 0 0 0 1px transparent;
- box-shadow: 0 0 0 1px transparent;
- position: relative;
-}
-
-.v-ie8 .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
- border-color: #f5863c;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover {
- color: #a0a0a0;
- cursor: not-allowed;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays {
- height: 15px;
- color: rgba(133, 133, 133, 0.85);
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays strong {
- font: inherit;
- font-size: 11px;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-header {
- white-space: nowrap;
-}
-
-.o-SuggestBoxPopup .popupContent td[class*="year"] button, .o-SuggestBoxPopup .popupContent td[class*="month"] button {
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- -o-appearance: none;
- appearance: none;
- border: none;
- background: transparent;
- padding: 0;
- margin: 0;
- cursor: pointer;
- color: transparent;
- font-size: 0;
- width: 11px;
- height: 15px;
- outline: none;
- position: relative;
- vertical-align: middle;
-}
-
-.o-SuggestBoxPopup .popupContent td[class*="year"] button:before, .o-SuggestBoxPopup .popupContent td[class*="month"] button:before {
- color: #a0a0a0;
- font-size: 16px;
- line-height: 18px;
- -webkit-transition: color 200ms;
- -moz-transition: color 200ms;
- transition: color 200ms;
-}
-
-.o-SuggestBoxPopup .popupContent td[class*="year"] button:hover:before, .o-SuggestBoxPopup .popupContent td[class*="month"] button:hover:before {
- color: #f5863c;
-}
-
-.o-SuggestBoxPopup .popupContent td[class*="year"] button.outside-range, .o-SuggestBoxPopup .popupContent td[class*="month"] button.outside-range {
- cursor: default;
- opacity: 0.3;
- filter: alpha(opacity=30.0) ;
-}
-
-.o-SuggestBoxPopup .popupContent td[class*="year"] button.outside-range:hover:before, .o-SuggestBoxPopup .popupContent td[class*="month"] button.outside-range:hover:before {
- color: #a0a0a0;
-}
-
-.o-SuggestBoxPopup .popupContent .v-button-prevyear:before {
- font-family: ThemeIcons;
- content: "\f100";
-}
-
-.o-SuggestBoxPopup .popupContent .v-button-prevmonth:before {
- font-family: ThemeIcons;
- content: "\f104";
-}
-
-.o-SuggestBoxPopup .popupContent .v-button-nextyear:before {
- font-family: ThemeIcons;
- content: "\f101";
-}
-
-.o-SuggestBoxPopup .popupContent .v-button-nextmonth:before {
- font-family: ThemeIcons;
- content: "\f105";
-}
-
-.o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-month {
- width: 88px;
- color: #f5863c;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month {
- width: 44px;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumber, .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child {
- width: 18px;
- color: rgba(133, 133, 133, 0.85);
- font-size: 11px;
- display: inline-block;
- text-align: left;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumber {
- position: relative;
-}
-
-.o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumbers .v-first:before {
- content: "";
- position: absolute;
- top: 21px;
- bottom: 0;
- left: 0;
- width: 19px;
- border-top: 1px solid #d4d4d4;
- border-right: 1px solid #d4d4d4;
- border-top-right-radius: 0px;
- border-bottom-left-radius: 0px;
- background: #fff;
-}
-
-.o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-time {
- width: 100%;
- font-size: 11px;
-}
-
-.o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-time .v-label {
- display: inline;
- margin: 0 0.1em;
- font-weight: 400;
-}
-
-.o-SuggestBoxPopup .item-selected {
- background-color: darkgray;
- color: white;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/welcome/typo-welcome-styles.css b/org.eclipse.osbp.themes/VAADIN/themes/osbp/welcome/typo-welcome-styles.css
new file mode 100644
index 0000000..12fd74e
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/welcome/typo-welcome-styles.css
@@ -0,0 +1,12700 @@
+
+ /* cyrillic-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
+ /*unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;*/
+ }
+ /* cyrillic */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
+/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
+ }
+ /* greek-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
+/* unicode-range: U+1F00-1FFF; */
+ }
+ /* greek */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
+/* unicode-range: U+0370-03FF; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* cyrillic-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */
+ }
+ /* cyrillic */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
+ }
+ /* greek-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+1F00-1FFF; */
+ }
+ /* greek */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0370-03FF; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* cyrillic-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
+/* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */
+ }
+ /* cyrillic */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
+/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
+ }
+ /* greek-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
+/* unicode-range: U+1F00-1FFF; */
+ }
+ /* greek */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
+/* unicode-range: U+0370-03FF; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* cyrillic-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
+/* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */
+ }
+ /* cyrillic */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
+/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
+ }
+ /* greek-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
+/* unicode-range: U+1F00-1FFF; */
+ }
+ /* greek */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
+/* unicode-range: U+0370-03FF; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+
+ /* vietnamese */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/NUrn2XQrRfyGZp5MknntaRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/s2PXW4WrV3VLrOUpHiqsfRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/sKd0EMYPAh5PYCRKSryvW1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
+/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
+/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */
+ }
+ /* latin */
+ @font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
+/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */
+ }
+
+ i.fa {
+ padding-left : 5px;
+ font-size : 0.9rem;
+ }
+ .bg-blue {
+ background-color : #0067b1;
+ }
+ .bg-darkblue {
+ background-color : #002f58;
+ }
+ .bg-red {
+ background-color : #be1622;
+ }
+ .bg-white {
+ background-color : #fff;
+ }
+ .button {
+ display : inline-block;
+ background : inherit;
+ color : inherit;
+ padding : 15px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ text-decoration : none;
+ cursor : pointer;
+ }
+ .button i {
+ padding-right : 5px;
+ transition : all 0.5s;
+ font-size : 18px;
+ line-height : normal;
+ }
+ .button span + i {
+ padding-left : 5px;
+ transition : all 0.5s;
+ }
+ .button:hover {
+ text-decoration : none !important ;
+ }
+ .button:hover i {
+ padding-right : 10px;
+ transition : all 0.5s;
+ }
+ .button:hover span + i {
+ padding-left : 10px;
+ transition : all 0.5s;
+ }
+ span span {
+ background : inherit;
+ color : inherit;
+ }
+ .redbutton, .bluebutton, .thirdSection .right a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .darkbluebutton, .greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton, .whitebutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a, .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a {
+ display : inline-block;
+ background : none 0% 0% repeat scroll #be1622;
+ color : #FFF;
+ padding : 15px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ text-decoration : none;
+ cursor : pointer;
+ border : none;
+ }
+ .redbutton:hover, .bluebutton:hover, .thirdSection .right a:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:hover, .darkbluebutton:hover, .greybutton:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover, .whitebutton:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:hover {
+ text-decoration : none !important ;
+ }
+ .bluebutton, .thirdSection .right a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a {
+ background-color : #0067b1;
+ }
+ .darkbluebutton {
+ background-color : #002f58;
+ text-align : left;
+ }
+ .darkbluebutton.arrowlink:after, .thirdSection .right a.darkbluebutton:after {
+ float : right;
+ }
+ .darkbluebutton.arrowlink:hover:after, .thirdSection .right a.darkbluebutton:hover:after {
+ padding-left : 30px;
+ }
+ .greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton {
+ background-color : #f5f5f5;
+ color : #333;
+ }
+ .greybutton:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover {
+ background-color : #0067b1;
+ color : #fff;
+ }
+ .whitebutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a {
+ background-color : #ffffff;
+ color : #333;
+ }
+ .arrowlink, .thirdSection .right a {
+ font-weight : 700;
+ text-decoration : none;
+ transition : all 0.5s;
+ }
+ .arrowlink:after, .thirdSection .right a:after {
+ font-family : 'FontAwesome';
+ content : "\f178";
+ padding-left : 5px;
+ font-size : 15px;
+ transition : all 0.7s;
+ display : inline-block;
+ }
+ .arrowlink:hover, .thirdSection .right a:hover {
+ text-decoration : none;
+ }
+ .arrowlink:hover:after, .thirdSection .right a:hover:after {
+ padding-left : 15px;
+ transition : all 0.5s;
+ }
+ .arrowlink.down:after, .thirdSection .right a.down:after {
+ content : "\f078";
+ vertical-align : bottom;
+ }
+ .arrowlink.down.active:after, .thirdSection .right a.down.active:after {
+ content : "\f077";
+ }
+ .keylink {
+ text-align : center;
+ color : #fff;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .keylink:before {
+ content : "\f084";
+ font-family : 'FontAwesome';
+ padding-right : 5px;
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ .downloadlink {
+ text-align : center;
+ font-weight : 700;
+ text-decoration : none;
+ transition : all 0.5s;
+ min-height : 54px;
+ }
+ .downloadlink:after {
+ font-family : 'FontAwesome';
+ content : "\f019";
+ padding-left : 5px;
+ font-size : 15px;
+ transition : all 0.5s;
+ }
+ .downloadlink:hover {
+ font-size : 18px;
+ }
+ .downloadlink:hover:after {
+ font-size : 17px;
+ transition : all 0.5s;
+ }
+ .buttonContainer {
+ text-align : center;
+ }
+ .versal {
+ text-transform : uppercase;
+ }
+ .cf:before, .inner:before, body.contact .contactMain:before, .ce-twoCol-Box .boxen:before, .ce-twoCol-Box .boxen.withFontAwesome:before, .ce-twoCol-Box .boxen.withoutFontAwesome:before, .ce-twoCol-Box .boxen.withOtherFontAwesome:before, .ce-twoCol-Box .boxen.withOtherFontAwesome div:before, .text-slide:before, .toggleContainer h3:before, .ce-threeBoxesWithOption:before, .ce-threeBoxesWithOption .inner div:before, .fontAwesome-list.twocol ul:before, .ce-os-bee:before, .ce-table:before, .service-formular:before, .service-formular .powermail_check_outer:before, .secondSection div.inner:before, .thirdSection:before, .thirdSection .inner:before, .newsletter:before, .newsletter .firstrow:before, .newsletter .secondrow:before, .newsletter .secondrow .inner:before, .ce-youtube-text:before, .ce-youtube-slider:before, .marketplace-wrapper:before, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:before, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:before, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:before, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:before, .marketplace-wrapper .mp-contentContainer .mp-filter ul:before, .marketplace-wrapper .mp-contentContainer .mp-content:before, .marketplace-wrapper .mp-contentContainer .mp-content article header:before, .marketplace-wrapper .mp-contentContainer .mp-content article footer:before, .mpdetail-content .mp-productInfo:before, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:before, .mpdetail-content .mp-productWrapper > ul:before, .tx-typo3forum-pi1 .forum_menu ul:before, .tx-typo3forum-pi1 .topic_list_menu ul:before, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #topic fieldset div:before, .tx-typo3forum-pi1 #post fieldset div:before, .tx-typo3forum-pi1 #report fieldset div:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:before, .ce-osbee-forum-singlepost:before, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:before, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:before, .blogSidebar .blog-subscribe .terms:before, .news-list-view .article:before, .news-list-view .news-content-wrap:before, .latest-news-container:before, .latest-news-container .startpage-latesnews:before, .latest-news-container .startpage-latesnews .news-img-wrap a:before, .shariff .orientation-horizontal:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:before, .tx-sy-osbeeproducts .os_cartSupport:before, .tx-sy-osbeeproducts .os_cartSupport > div .container:before, .tx-sy-osbeeproducts .os_carAppSupport:before, .tx-sy-osbeeproducts .os_carAppSupport > div .container:before, .tx-sy-osbeeproducts .checkoutOption:before, .tx-contentpackage-checkoutFormular div:before, .checkoutSteps:before, .tx-indexedsearch-browsebox:before, .tx-srfeuserregister-pi1 fieldset:before, .tx-srfeuserregister-pi1 fieldset .formwrap:before, .community-forum-news:before, .community-forum-news > .inner > div.news .latest-news-container:before, .zweispaltig-unterseiten-layout:before, header.header:before, header.header .topMeta:before, header.header .topMeta + div:before, header.header nav > ul:before, footer.footer div.inner.small:before, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:before, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:before, .ce-video:before, .ce-forum-latest-post:before, .ce-forum-latest-post > div:before, .ce-forum-latest-post > div div:before, .cf:after, .inner:after, body.contact .contactMain:after, .ce-twoCol-Box .boxen:after, .ce-twoCol-Box .boxen.withFontAwesome:after, .ce-twoCol-Box .boxen.withoutFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome div:after, .text-slide:after, .toggleContainer h3:after, .ce-threeBoxesWithOption:after, .ce-threeBoxesWithOption .inner div:after, .fontAwesome-list.twocol ul:after, .ce-os-bee:after, .ce-table:after, .service-formular:after, .service-formular .powermail_check_outer:after, .secondSection div.inner:after, .thirdSection:after, .thirdSection .inner:after, .newsletter:after, .newsletter .firstrow:after, .newsletter .secondrow:after, .newsletter .secondrow .inner:after, .ce-youtube-text:after, .ce-youtube-slider:after, .marketplace-wrapper:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:after, .marketplace-wrapper .mp-contentContainer .mp-filter ul:after, .marketplace-wrapper .mp-contentContainer .mp-content:after, .marketplace-wrapper .mp-contentContainer .mp-content article header:after, .marketplace-wrapper .mp-contentContainer .mp-content article footer:after, .mpdetail-content .mp-productInfo:after, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:after, .mpdetail-content .mp-productWrapper > ul:after, .tx-typo3forum-pi1 .forum_menu ul:after, .tx-typo3forum-pi1 .topic_list_menu ul:after, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #topic fieldset div:after, .tx-typo3forum-pi1 #post fieldset div:after, .tx-typo3forum-pi1 #report fieldset div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after, .ce-osbee-forum-singlepost:after, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after, .blogSidebar .blog-subscribe .terms:after, .news-list-view .article:after, .news-list-view .news-content-wrap:after, .latest-news-container:after, .latest-news-container .startpage-latesnews:after, .latest-news-container .startpage-latesnews .news-img-wrap a:after, .shariff .orientation-horizontal:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after, .tx-sy-osbeeproducts .os_cartSupport:after, .tx-sy-osbeeproducts .os_cartSupport > div .container:after, .tx-sy-osbeeproducts .os_carAppSupport:after, .tx-sy-osbeeproducts .os_carAppSupport > div .container:after, .tx-sy-osbeeproducts .checkoutOption:after, .tx-contentpackage-checkoutFormular div:after, .checkoutSteps:after, .tx-indexedsearch-browsebox:after, .tx-srfeuserregister-pi1 fieldset:after, .tx-srfeuserregister-pi1 fieldset .formwrap:after, .community-forum-news:after, .community-forum-news > .inner > div.news .latest-news-container:after, .zweispaltig-unterseiten-layout:after, header.header:after, header.header .topMeta:after, header.header .topMeta + div:after, header.header nav > ul:after, footer.footer div.inner.small:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after, .ce-video:after, .ce-forum-latest-post:after, .ce-forum-latest-post > div:after, .ce-forum-latest-post > div div:after {
+ content : " ";
+ display : table;
+ }
+ .cf:after, .inner:after, body.contact .contactMain:after, .ce-twoCol-Box .boxen:after, .ce-twoCol-Box .boxen.withFontAwesome:after, .ce-twoCol-Box .boxen.withoutFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome div:after, .text-slide:after, .toggleContainer h3:after, .ce-threeBoxesWithOption:after, .ce-threeBoxesWithOption .inner div:after, .fontAwesome-list.twocol ul:after, .ce-os-bee:after, .ce-table:after, .service-formular:after, .service-formular .powermail_check_outer:after, .secondSection div.inner:after, .thirdSection:after, .thirdSection .inner:after, .newsletter:after, .newsletter .firstrow:after, .newsletter .secondrow:after, .newsletter .secondrow .inner:after, .ce-youtube-text:after, .ce-youtube-slider:after, .marketplace-wrapper:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:after, .marketplace-wrapper .mp-contentContainer .mp-filter ul:after, .marketplace-wrapper .mp-contentContainer .mp-content:after, .marketplace-wrapper .mp-contentContainer .mp-content article header:after, .marketplace-wrapper .mp-contentContainer .mp-content article footer:after, .mpdetail-content .mp-productInfo:after, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:after, .mpdetail-content .mp-productWrapper > ul:after, .tx-typo3forum-pi1 .forum_menu ul:after, .tx-typo3forum-pi1 .topic_list_menu ul:after, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #topic fieldset div:after, .tx-typo3forum-pi1 #post fieldset div:after, .tx-typo3forum-pi1 #report fieldset div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after, .ce-osbee-forum-singlepost:after, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after, .blogSidebar .blog-subscribe .terms:after, .news-list-view .article:after, .news-list-view .news-content-wrap:after, .latest-news-container:after, .latest-news-container .startpage-latesnews:after, .latest-news-container .startpage-latesnews .news-img-wrap a:after, .shariff .orientation-horizontal:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after, .tx-sy-osbeeproducts .os_cartSupport:after, .tx-sy-osbeeproducts .os_cartSupport > div .container:after, .tx-sy-osbeeproducts .os_carAppSupport:after, .tx-sy-osbeeproducts .os_carAppSupport > div .container:after, .tx-sy-osbeeproducts .checkoutOption:after, .tx-contentpackage-checkoutFormular div:after, .checkoutSteps:after, .tx-indexedsearch-browsebox:after, .tx-srfeuserregister-pi1 fieldset:after, .tx-srfeuserregister-pi1 fieldset .formwrap:after, .community-forum-news:after, .community-forum-news > .inner > div.news .latest-news-container:after, .zweispaltig-unterseiten-layout:after, header.header:after, header.header .topMeta:after, header.header .topMeta + div:after, header.header nav > ul:after, footer.footer div.inner.small:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after, .ce-video:after, .ce-forum-latest-post:after, .ce-forum-latest-post > div:after, .ce-forum-latest-post > div div:after {
+ clear : both;
+ }
+ html {
+ margin : 0;
+ padding : 0;
+ font-size : 15px;
+ line-height : normal;
+ }
+ html * {
+ box-sizing : border-box;
+ font-family : "Open Sans", sans-serif;
+ }
+ body {
+ margin : 0;
+ padding : 0;
+ counter-reset : olliste;
+ }
+ section, main, footer, nav, aside, article {
+ display : block;
+ }
+ img {
+ height : auto;
+ max-width : 100%;
+ }
+ figure {
+ margin : 0;
+ padding : 0;
+ }
+ ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ ::-webkit-input-placeholder {
+ color : #333333;
+ opacity : 1 !important ;
+ }
+ :-moz-placeholder {
+ color : #333333;
+ }
+ ::-moz-placeholder {
+ color : #333333;
+ }
+ :-ms-input-placeholder {
+ color : #333333;
+ }
+ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
+ color : #333333;
+ opacity : 1 !important ;
+ }
+ input:-moz-placeholder, textarea:-moz-placeholder {
+ color : #333333;
+ }
+ input::-moz-placeholder, textarea::-moz-placeholder {
+ color : #333333;
+ }
+ input:-ms-input-placeholder, textarea:-ms-input-placeholder {
+ color : #333333;
+ }
+ .unorderedList li, .clients ul li, .ce-twoCol-Box .boxen.withFontAwesome > div ul li, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li, .text-slide .left ul li, .ce-Image-Text-Element .einspaltig ul li, .toggleContainer ul li, .ce-threeBoxesWithOption .inner div article ul li, .fontAwesome-list ul li ul li, .fontAwesome-list.twocol ul li ul li, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li, .ce-leftright > div figure + div ul li, .news ul li {
+ position : relative;
+ padding-left : 15px;
+ }
+ .unorderedList li:before, .clients ul li:before, .ce-twoCol-Box .boxen.withFontAwesome > div ul li:before, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li:before, .text-slide .left ul li:before, .ce-Image-Text-Element .einspaltig ul li:before, .toggleContainer ul li:before, .ce-threeBoxesWithOption .inner div article ul li:before, .fontAwesome-list ul li ul li:before, .fontAwesome-list.twocol ul li ul li:before, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li:before, .ce-leftright > div figure + div ul li:before, .news ul li:before {
+ content : "\f054";
+ content : "\f111";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ position : absolute;
+ top : 7px;
+ left : 0;
+ color : #be1622;
+ font-size : 6px;
+ }
+ .unorderedList li + li, .clients ul li + li, .ce-twoCol-Box .boxen.withFontAwesome > div ul li + li, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li + li, .text-slide .left ul li + li, .ce-Image-Text-Element .einspaltig ul li + li, .toggleContainer ul li + li, .ce-threeBoxesWithOption .inner div article ul li + li, .fontAwesome-list ul li ul li + li, .fontAwesome-list.twocol ul li ul li + li, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li + li, .ce-leftright > div figure + div ul li + li, .news ul li + li {
+ margin-top : 4px;
+ }
+ .unorderedList li ul, .clients ul li ul, .ce-twoCol-Box .boxen.withFontAwesome > div ul li ul, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li ul, .text-slide .left ul li ul, .ce-Image-Text-Element .einspaltig ul li ul, .toggleContainer ul li ul, .ce-threeBoxesWithOption .inner div article ul li ul, .fontAwesome-list ul li ul li ul, .fontAwesome-list.twocol ul li ul li ul, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li ul, .ce-leftright > div figure + div ul li ul, .news ul li ul {
+ margin-top : 5px;
+ }
+ .unorderedList + p, .clients ul + p, .ce-twoCol-Box .boxen.withFontAwesome > div ul + p, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul + p, .text-slide .left ul + p, .ce-Image-Text-Element .einspaltig ul + p, .toggleContainer ul + p, .ce-threeBoxesWithOption .inner div article ul + p, .fontAwesome-list ul li ul + p, .fontAwesome-list.twocol ul li ul + p, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul + p, .ce-leftright > div figure + div ul + p, .news ul + p, .unorderedList + ul, .clients ul + ul, .ce-twoCol-Box .boxen.withFontAwesome > div ul + ul, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul + ul, .text-slide .left ul + ul, .ce-Image-Text-Element .einspaltig ul + ul, .toggleContainer ul + ul, .ce-threeBoxesWithOption .inner div article ul + ul, .fontAwesome-list ul li ul + ul, .fontAwesome-list.twocol ul li ul + ul, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul + ul, .ce-leftright > div figure + div ul + ul, .news ul + ul {
+ margin-top : 15px;
+ }
+ .inner {
+ max-width : 1325px;
+ margin : 0 auto;
+ }
+ .inner.small, .tx-felogin-pi1 .tx-felogin-pi1-inner {
+ max-width : 1030px;
+ margin : 0 auto;
+ }
+ @media screen and (max-width:1100px) {
+ .inner.small, .tx-felogin-pi1 .tx-felogin-pi1-inner {
+ padding : 0 25px;
+ }
+ }
+ main {
+ overflow : hidden;
+ }
+ body.contact .contactMain {
+ max-width : 1030px;
+ margin : 0 auto 0 auto;
+ }
+ h1, h2, .ce-table table caption, h3 {
+ margin : 0;
+ font-size : inherit;
+ line-height : normal;
+ }
+ .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 {
+ font-family : "Quicksand", sans-serif;
+ font-size : 60px;
+ line-height : normal;
+ color : #333;
+ margin : 0 0 40px 0;
+ text-transform : uppercase;
+ font-weight : 300;
+ display : block;
+ }
+ @media screen and (max-width:1024px) {
+ .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 {
+ font-size : 45px;
+ margin-bottom : 30px;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 {
+ font-size : 35px;
+ margin-bottom : 25px;
+ }
+ }
+ @media screen and (max-width:640px) {
+ .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 {
+ font-size : 28px;
+ margin-bottom : 20px;
+ }
+ }
+ .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center {
+ font-family : "Quicksand", sans-serif;
+ font-size : 60px;
+ line-height : normal;
+ color : #333;
+ margin : 0 0 40px 0;
+ text-transform : uppercase;
+ text-align : center;
+ font-weight : 300;
+ display : block;
+ }
+ @media screen and (max-width:1024px) {
+ .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center {
+ font-size : 45px;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center {
+ font-size : 35px;
+ }
+ }
+ @media screen and (max-width:640px) {
+ .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center {
+ font-size : 28px;
+ }
+ }
+ .headlineH2Center, p.headlineH2Center, .service-formular fieldset .powermail_legend, .sliderContainer p.headlineH2Center, .latest-news-container h2, .latest-news-container .ce-table table caption, .ce-table table .latest-news-container caption, .mp-contentContainer.checkout h1 {
+ font-family : "Quicksand", sans-serif;
+ font-weight : 400;
+ text-transform : uppercase;
+ color : #333;
+ font-size : 24px;
+ line-height : normal;
+ text-align : center;
+ display : block;
+ margin : 0 0 15px 0;
+ }
+ .headlineH2Center:after, .service-formular fieldset .powermail_legend:after, .sliderContainer p.headlineH2Center:after, .latest-news-container h2:after, .latest-news-container .ce-table table caption:after, .ce-table table .latest-news-container caption:after, .mp-contentContainer.checkout h1:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px auto 0 auto;
+ }
+ .headlineH2, p.headlineH2, .sliderContainer p.headlineH2, .tx-typo3forum-pi1 #topic fieldset legend, .tx-typo3forum-pi1 #post fieldset legend, .tx-typo3forum-pi1 #report fieldset legend, .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption {
+ font-family : "Quicksand", sans-serif;
+ font-weight : 400;
+ text-transform : uppercase;
+ color : #333;
+ font-size : 24px;
+ line-height : normal;
+ display : block;
+ margin : 0 0 15px 0;
+ }
+ .headlineH2:after, .sliderContainer p.headlineH2:after, .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #report fieldset legend:after, .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px 0 0 0;
+ }
+ .headlineH2withoutUnderline, .headlineH2withoutUnderlineLeft, p.headlineH2withoutUnderline, .sliderContainer p.headlineH2withoutUnderline {
+ font-size : 36px;
+ line-height : normal;
+ font-family : "Quicksand", sans-serif;
+ font-weight : 400;
+ color : #fff;
+ display : block;
+ margin : 0 0 15px 0;
+ text-align : center;
+ }
+ .headlineH2withoutUnderlineLeft {
+ text-align : left;
+ }
+ .headlineH3, p.headlineH3, .sliderContainer p.headlineH3 {
+ font-weight : 700;
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ margin : 0 0 20px 0;
+ display : block;
+ }
+ .smallHeadlineWithUnderline, p.smallHeadlineWithUnderline, .sliderContainer p.smallHeadlineWithUnderline {
+ font-size : 18px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ margin-bottom : 20px;
+ }
+ .smallHeadlineWithUnderline:after, .sliderContainer p.smallHeadlineWithUnderline:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 5px 0 0 0;
+ }
+ a {
+ color : #0067b1;
+ text-decoration : none;
+ font-weight : 700;
+ }
+ a span {
+ color : inherit;
+ }
+ a:hover {
+ text-decoration : underline;
+ }
+ a.arrowlink:hover, .thirdSection .right a:hover {
+ text-decoration : underline !important ;
+ }
+ a.arrowlink:hover:after, .thirdSection .right a:hover:after {
+ text-decoration : none !important ;
+ }
+ a.button:hover {
+ text-decoration : none !important ;
+ }
+ a.button:hover span {
+ text-decoration : none !important ;
+ }
+ span a {
+ color : inherit;
+ }
+ .textlinkarrow:after, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:after, .ce-table table tr td a:after, .ce-leftright > div figure + div a:after, .ce-youtube-text .right a:after, .news-list-view .more:after {
+ content : "\f178";
+ transition : all 0.7s;
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ font-weight : 700;
+ font-family : 'FontAwesome';
+ padding-left : 5px;
+ transition : all 0.7s;
+ }
+ .textlinkarrow:hover, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:hover, .ce-table table tr td a:hover, .ce-leftright > div figure + div a:hover, .ce-youtube-text .right a:hover, .news-list-view .more:hover {
+ text-decoration : none;
+ }
+ .textlinkarrow:hover:after, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:hover:after, .ce-table table tr td a:hover:after, .ce-leftright > div figure + div a:hover:after, .ce-youtube-text .right a:hover:after, .news-list-view .more:hover:after {
+ padding-left : 10px;
+ }
+ .textlinkarrow.whitetextlinkarrow, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a.whitetextlinkarrow, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow .ce-leftright > div figure + div a, .ce-leftright > div figure + div .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a, .ce-table table tr td a.whitetextlinkarrow, .ce-leftright > div figure + div a, .ce-youtube-text .right a.whitetextlinkarrow, .ce-youtube-text .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .ce-youtube-text .right a, .news-list-view .whitetextlinkarrow.more, .news-list-view .ce-leftright > div figure + div a.more, .ce-leftright > div figure + div .news-list-view a.more {
+ color : #fff;
+ }
+ h1, h2, .ce-table table caption, h3, h4, h5, h6 {
+ font-size : 15px;
+ line-height : normal;
+ margin : 0;
+ font-weight : 400;
+ }
+ p {
+ font-size : 15px;
+ line-height : normal;
+ margin : 0;
+ }
+ p + p, p + ul, p + ol {
+ margin-top : 15px;
+ }
+ p + h1, p + h2, .ce-table table p + caption, p + h3, p + .headlineH3, .sliderContainer p + p.headlineH3, p + .headlineH2withoutUnderline, p + .headlineH2withoutUnderlineLeft, .sliderContainer p + p.headlineH2withoutUnderline, p + .smallHeadlineWithUnderline, .sliderContainer p + p.smallHeadlineWithUnderline, p + .headlineH2, .sliderContainer p + p.headlineH2, .tx-typo3forum-pi1 #topic fieldset p + legend, .tx-typo3forum-pi1 #post fieldset p + legend, .tx-typo3forum-pi1 #report fieldset p + legend, .mp-contentContainer.checkout .checkout_paymentOption p + h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table p + caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption p + caption, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > p + h2, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > p + caption, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > p + caption, p + .headlineH2Center, .service-formular fieldset p + .powermail_legend, .sliderContainer p + p.headlineH2Center, .latest-news-container p + h2, .latest-news-container .ce-table table p + caption, .ce-table table .latest-news-container p + caption, .mp-contentContainer.checkout p + h1, p + .headlineH1Center, .sliderContainer p + p.headlineH1Center, p + .headlineH1, .sliderContainer p + p.headlineH1, p + .headlineH2withoutUnderline, p + .headlineH2withoutUnderlineLeft, .sliderContainer p + p.headlineH2withoutUnderline {
+ margin-top : 25px;
+ }
+ p i {
+ font-style : italic;
+ }
+ p.bigText {
+ font-size : 18px;
+ line-height : normal;
+ }
+ p.bigText a {
+ font-size : 18px;
+ line-height : normal;
+ }
+ p.centeralign, p.align-center {
+ text-align : center;
+ }
+ p.leftalign, p.align-left {
+ text-align : left;
+ }
+ p.rightalign, p.align-right {
+ text-align : right;
+ }
+ ul li {
+ font-size : 15px;
+ line-height : normal;
+ }
+ a {
+ font-size : 15px;
+ line-height : normal;
+ }
+ .bigText {
+ font-size : 18px;
+ line-height : normal;
+ }
+ .centeralign, .align-center {
+ text-align : center;
+ }
+ .leftalign {
+ text-align : left;
+ }
+ .rightalign {
+ text-align : right;
+ }
+ .hvr-grow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
+ transform : scale(1.1);
+ }
+ .hvr-shrink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
+ transform : scale(0.9);
+ }
+ @keyframes hvr-pulse {
+ 25% {
+ transform : scale(1.1);
+ }
+ 75% {
+ transform : scale(0.9);
+ }
+ }
+ .hvr-pulse {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
+ animation-name : hvr-pulse;
+ animation-duration : 1s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ }
+ @keyframes hvr-pulse-grow {
+ to {
+ transform : scale(1.1);
+ }
+ }
+ .hvr-pulse-grow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
+ animation-name : hvr-pulse-grow;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ animation-direction : alternate;
+ }
+ @keyframes hvr-pulse-shrink {
+ to {
+ transform : scale(0.9);
+ }
+ }
+ .hvr-pulse-shrink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
+ animation-name : hvr-pulse-shrink;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ animation-direction : alternate;
+ }
+ @keyframes hvr-push {
+ 50% {
+ transform : scale(0.8);
+ }
+ 100% {
+ transform : scale(1);
+ }
+ }
+ .hvr-push {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-push:hover, .hvr-push:focus, .hvr-push:active {
+ animation-name : hvr-push;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-pop {
+ 50% {
+ transform : scale(1.2);
+ }
+ }
+ .hvr-pop {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
+ animation-name : hvr-pop;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ .hvr-bounce-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
+ transform : scale(1.2);
+ transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36);
+ }
+ .hvr-bounce-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
+ transform : scale(0.8);
+ transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36);
+ }
+ .hvr-rotate {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
+ transform : rotate(4deg);
+ }
+ .hvr-grow-rotate {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
+ transform : scale(1.1) rotate(4deg);
+ }
+ .hvr-float {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-float:hover, .hvr-float:focus, .hvr-float:active {
+ transform : translateY(-8px);
+ }
+ .hvr-sink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
+ transform : translateY(8px);
+ }
+ @keyframes hvr-bob {
+ 0% {
+ transform : translateY(-8px);
+ }
+ 50% {
+ transform : translateY(-4px);
+ }
+ 100% {
+ transform : translateY(-8px);
+ }
+ }
+ @keyframes hvr-bob-float {
+ 100% {
+ transform : translateY(-8px);
+ }
+ }
+ .hvr-bob {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
+ animation-name : hvr-bob-float, hvr-bob;
+ animation-duration : 0.3s, 1.5s;
+ animation-delay : 0s, 0.3s;
+ animation-timing-function : ease-out, ease-in-out;
+ animation-iteration-count : 1, infinite;
+ animation-fill-mode : forwards;
+ animation-direction : normal, alternate;
+ }
+ @keyframes hvr-hang {
+ 0% {
+ transform : translateY(8px);
+ }
+ 50% {
+ transform : translateY(4px);
+ }
+ 100% {
+ transform : translateY(8px);
+ }
+ }
+ @keyframes hvr-hang-sink {
+ 100% {
+ transform : translateY(8px);
+ }
+ }
+ .hvr-hang {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
+ animation-name : hvr-hang-sink, hvr-hang;
+ animation-duration : 0.3s, 1.5s;
+ animation-delay : 0s, 0.3s;
+ animation-timing-function : ease-out, ease-in-out;
+ animation-iteration-count : 1, infinite;
+ animation-fill-mode : forwards;
+ animation-direction : normal, alternate;
+ }
+ .hvr-skew {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
+ transform : skew(-10deg);
+ }
+ .hvr-skew-forward {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transform-origin : 0 100%;
+ }
+ .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
+ transform : skew(-10deg);
+ }
+ .hvr-skew-backward {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transform-origin : 0 100%;
+ }
+ .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
+ transform : skew(10deg);
+ }
+ @keyframes hvr-wobble-vertical {
+ 16.65% {
+ transform : translateY(8px);
+ }
+ 33.3% {
+ transform : translateY(-6px);
+ }
+ 49.95% {
+ transform : translateY(4px);
+ }
+ 66.6% {
+ transform : translateY(-2px);
+ }
+ 83.25% {
+ transform : translateY(1px);
+ }
+ 100% {
+ transform : translateY(0);
+ }
+ }
+ .hvr-wobble-vertical {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
+ animation-name : hvr-wobble-vertical;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-horizontal {
+ 16.65% {
+ transform : translateX(8px);
+ }
+ 33.3% {
+ transform : translateX(-6px);
+ }
+ 49.95% {
+ transform : translateX(4px);
+ }
+ 66.6% {
+ transform : translateX(-2px);
+ }
+ 83.25% {
+ transform : translateX(1px);
+ }
+ 100% {
+ transform : translateX(0);
+ }
+ }
+ .hvr-wobble-horizontal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
+ animation-name : hvr-wobble-horizontal;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-to-bottom-right {
+ 16.65% {
+ transform : translate(8px,8px);
+ }
+ 33.3% {
+ transform : translate(-6px,-6px);
+ }
+ 49.95% {
+ transform : translate(4px,4px);
+ }
+ 66.6% {
+ transform : translate(-2px,-2px);
+ }
+ 83.25% {
+ transform : translate(1px,1px);
+ }
+ 100% {
+ transform : translate(0,0);
+ }
+ }
+ .hvr-wobble-to-bottom-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
+ animation-name : hvr-wobble-to-bottom-right;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-to-top-right {
+ 16.65% {
+ transform : translate(8px,-8px);
+ }
+ 33.3% {
+ transform : translate(-6px,6px);
+ }
+ 49.95% {
+ transform : translate(4px,-4px);
+ }
+ 66.6% {
+ transform : translate(-2px,2px);
+ }
+ 83.25% {
+ transform : translate(1px,-1px);
+ }
+ 100% {
+ transform : translate(0,0);
+ }
+ }
+ .hvr-wobble-to-top-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
+ animation-name : hvr-wobble-to-top-right;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-top {
+ 16.65% {
+ transform : skew(-12deg);
+ }
+ 33.3% {
+ transform : skew(10deg);
+ }
+ 49.95% {
+ transform : skew(-6deg);
+ }
+ 66.6% {
+ transform : skew(4deg);
+ }
+ 83.25% {
+ transform : skew(-2deg);
+ }
+ 100% {
+ transform : skew(0);
+ }
+ }
+ .hvr-wobble-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transform-origin : 0 100%;
+ }
+ .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
+ animation-name : hvr-wobble-top;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-bottom {
+ 16.65% {
+ transform : skew(-12deg);
+ }
+ 33.3% {
+ transform : skew(10deg);
+ }
+ 49.95% {
+ transform : skew(-6deg);
+ }
+ 66.6% {
+ transform : skew(4deg);
+ }
+ 83.25% {
+ transform : skew(-2deg);
+ }
+ 100% {
+ transform : skew(0);
+ }
+ }
+ .hvr-wobble-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transform-origin : 100% 0;
+ }
+ .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
+ animation-name : hvr-wobble-bottom;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-wobble-skew {
+ 16.65% {
+ transform : skew(-12deg);
+ }
+ 33.3% {
+ transform : skew(10deg);
+ }
+ 49.95% {
+ transform : skew(-6deg);
+ }
+ 66.6% {
+ transform : skew(4deg);
+ }
+ 83.25% {
+ transform : skew(-2deg);
+ }
+ 100% {
+ transform : skew(0);
+ }
+ }
+ .hvr-wobble-skew {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
+ animation-name : hvr-wobble-skew;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-buzz {
+ 50% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 100% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ }
+ .hvr-buzz {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
+ animation-name : hvr-buzz;
+ animation-duration : 0.15s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ }
+ @keyframes hvr-buzz-out {
+ 10% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 20% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ 30% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 40% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ 50% {
+ transform : translateX(2px) rotate(1deg);
+ }
+ 60% {
+ transform : translateX(-2px) rotate(-1deg);
+ }
+ 70% {
+ transform : translateX(2px) rotate(1deg);
+ }
+ 80% {
+ transform : translateX(-2px) rotate(-1deg);
+ }
+ 90% {
+ transform : translateX(1px) rotate(0);
+ }
+ 100% {
+ transform : translateX(-1px) rotate(0);
+ }
+ }
+ .hvr-buzz-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ }
+ .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
+ animation-name : hvr-buzz-out;
+ animation-duration : 0.75s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ .hvr-fade {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ overflow : hidden;
+ transition-duration : 0.3s;
+ transition-property : color, background-color;
+ }
+ .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
+ background-color : #2098d1;
+ color : white;
+ }
+ @keyframes hvr-back-pulse {
+ 50% {
+ background-color : rgba(32, 152, 209, 0.75);
+ }
+ }
+ .hvr-back-pulse {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ overflow : hidden;
+ transition-duration : 0.5s;
+ transition-property : color, background-color;
+ }
+ .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
+ animation-name : hvr-back-pulse;
+ animation-duration : 1s;
+ animation-delay : 0.5s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ background-color : #2098d1;
+ background-color : #2098d1;
+ color : white;
+ }
+ .hvr-sweep-to-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-sweep-to-right:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 0 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
+ color : white;
+ }
+ .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
+ transform : scaleX(1);
+ }
+ .hvr-sweep-to-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-sweep-to-left:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 100% 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
+ color : white;
+ }
+ .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
+ transform : scaleX(1);
+ }
+ .hvr-sweep-to-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-sweep-to-bottom:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50% 0;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
+ color : white;
+ }
+ .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
+ transform : scaleY(1);
+ }
+ .hvr-sweep-to-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-sweep-to-top:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50% 100%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
+ color : white;
+ }
+ .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
+ transform : scaleY(1);
+ }
+ .hvr-bounce-to-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-to-right:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 0 50%;
+ transition-property : transform;
+ transition-duration : 0.5s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
+ color : white;
+ }
+ .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
+ transform : scaleX(1);
+ transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-bounce-to-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-to-left:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 100% 50%;
+ transition-property : transform;
+ transition-duration : 0.5s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
+ color : white;
+ }
+ .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
+ transform : scaleX(1);
+ transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-bounce-to-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-to-bottom:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50% 0;
+ transition-property : transform;
+ transition-duration : 0.5s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
+ color : white;
+ }
+ .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
+ transform : scaleY(1);
+ transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-bounce-to-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-property : color;
+ transition-duration : 0.5s;
+ }
+ .hvr-bounce-to-top:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50% 100%;
+ transition-property : transform;
+ transition-duration : 0.5s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
+ color : white;
+ }
+ .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
+ transform : scaleY(1);
+ transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-radial-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ background : #e1e1e1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-radial-out:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ border-radius : 100%;
+ transform : scale(0);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
+ color : white;
+ }
+ .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
+ transform : scale(2);
+ }
+ .hvr-radial-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ background : #2098d1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-radial-in:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #e1e1e1;
+ border-radius : 100%;
+ transform : scale(2);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
+ color : white;
+ }
+ .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
+ transform : scale(0);
+ }
+ .hvr-rectangle-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #2098d1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-rectangle-in:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #e1e1e1;
+ transform : scale(1);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
+ color : white;
+ }
+ .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
+ transform : scale(0);
+ }
+ .hvr-rectangle-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #e1e1e1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-rectangle-out:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ transform : scale(0);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
+ color : white;
+ }
+ .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
+ transform : scale(1);
+ }
+ .hvr-shutter-in-horizontal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #2098d1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-shutter-in-horizontal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ bottom : 0;
+ left : 0;
+ right : 0;
+ background : #e1e1e1;
+ transform : scaleX(1);
+ transform-origin : 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
+ color : white;
+ }
+ .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
+ transform : scaleX(0);
+ }
+ .hvr-shutter-out-horizontal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #e1e1e1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-shutter-out-horizontal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ bottom : 0;
+ left : 0;
+ right : 0;
+ background : #2098d1;
+ transform : scaleX(0);
+ transform-origin : 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
+ color : white;
+ }
+ .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
+ transform : scaleX(1);
+ }
+ .hvr-shutter-in-vertical {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #2098d1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-shutter-in-vertical:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ bottom : 0;
+ left : 0;
+ right : 0;
+ background : #e1e1e1;
+ transform : scaleY(1);
+ transform-origin : 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
+ color : white;
+ }
+ .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
+ transform : scaleY(0);
+ }
+ .hvr-shutter-out-vertical {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ background : #e1e1e1;
+ transition-property : color;
+ transition-duration : 0.3s;
+ }
+ .hvr-shutter-out-vertical:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ top : 0;
+ bottom : 0;
+ left : 0;
+ right : 0;
+ background : #2098d1;
+ transform : scaleY(0);
+ transform-origin : 50%;
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
+ color : white;
+ }
+ .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
+ transform : scaleY(1);
+ }
+ .hvr-border-fade {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ box-shadow : 0 0 0 4px #e1e1e1 inset, 0 0 1px transparent;
+ }
+ .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
+ box-shadow : 0 0 0 4px #2098d1 inset, 0 0 1px transparent;
+ }
+ .hvr-hollow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : background;
+ box-shadow : 0 0 0 4px #e1e1e1 inset, 0 0 1px transparent;
+ }
+ .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
+ background : none;
+ }
+ .hvr-trim {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-trim:before {
+ content : '';
+ position : absolute;
+ border : white solid 4px;
+ top : 4px;
+ left : 4px;
+ right : 4px;
+ bottom : 4px;
+ opacity : 0;
+ transition-duration : 0.3s;
+ transition-property : opacity;
+ }
+ .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
+ opacity : 1;
+ }
+ @keyframes hvr-ripple-out {
+ 100% {
+ top : -12px;
+ right : -12px;
+ bottom : -12px;
+ left : -12px;
+ opacity : 0;
+ }
+ }
+ .hvr-ripple-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-ripple-out:before {
+ content : '';
+ position : absolute;
+ border : #e1e1e1 solid 6px;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ animation-duration : 1s;
+ }
+ .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
+ animation-name : hvr-ripple-out;
+ }
+ @keyframes hvr-ripple-in {
+ 100% {
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ opacity : 1;
+ }
+ }
+ .hvr-ripple-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-ripple-in:before {
+ content : '';
+ position : absolute;
+ border : #e1e1e1 solid 4px;
+ top : -12px;
+ right : -12px;
+ bottom : -12px;
+ left : -12px;
+ opacity : 0;
+ animation-duration : 1s;
+ }
+ .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
+ animation-name : hvr-ripple-in;
+ }
+ .hvr-outline-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-outline-out:before {
+ content : '';
+ position : absolute;
+ border : #e1e1e1 solid 4px;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ transition-duration : 0.3s;
+ transition-property : top, right, bottom, left;
+ }
+ .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
+ top : -8px;
+ right : -8px;
+ bottom : -8px;
+ left : -8px;
+ }
+ .hvr-outline-in {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-outline-in:before {
+ content : '';
+ position : absolute;
+ border : #e1e1e1 solid 4px;
+ top : -16px;
+ right : -16px;
+ bottom : -16px;
+ left : -16px;
+ opacity : 0;
+ transition-duration : 0.3s;
+ transition-property : top, right, bottom, left;
+ }
+ .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
+ top : -8px;
+ right : -8px;
+ bottom : -8px;
+ left : -8px;
+ opacity : 1;
+ }
+ .hvr-round-corners {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : border-radius;
+ }
+ .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
+ border-radius : 1em;
+ }
+ .hvr-underline-from-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-underline-from-left:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 100%;
+ bottom : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : right;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
+ right : 0;
+ }
+ .hvr-underline-from-center {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-underline-from-center:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 50%;
+ right : 50%;
+ bottom : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : left, right;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
+ left : 0;
+ right : 0;
+ }
+ .hvr-underline-from-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-underline-from-right:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 100%;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : left;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
+ left : 0;
+ }
+ .hvr-overline-from-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-overline-from-left:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 100%;
+ top : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : right;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
+ right : 0;
+ }
+ .hvr-overline-from-center {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-overline-from-center:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 50%;
+ right : 50%;
+ top : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : left, right;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
+ left : 0;
+ right : 0;
+ }
+ .hvr-overline-from-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-overline-from-right:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 100%;
+ right : 0;
+ top : 0;
+ background : #2098d1;
+ height : 4px;
+ transition-property : left;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
+ left : 0;
+ }
+ .hvr-reveal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-reveal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 0;
+ top : 0;
+ bottom : 0;
+ border-color : #2098d1;
+ border-style : solid;
+ border-width : 0;
+ transition-property : border-width;
+ transition-duration : 0.1s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
+ transform : translateY(0);
+ border-width : 4px;
+ }
+ .hvr-underline-reveal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-underline-reveal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ background : #2098d1;
+ height : 4px;
+ transform : translateY(4px);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
+ transform : translateY(0);
+ }
+ .hvr-overline-reveal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ overflow : hidden;
+ }
+ .hvr-overline-reveal:before {
+ content : "";
+ position : absolute;
+ z-index : -1;
+ left : 0;
+ right : 0;
+ top : 0;
+ background : #2098d1;
+ height : 4px;
+ transform : translateY(-4px);
+ transition-property : transform;
+ transition-duration : 0.3s;
+ transition-timing-function : ease-out;
+ }
+ .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
+ transform : translateY(0);
+ }
+ .hvr-glow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ }
+ .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
+ box-shadow : 0 0 8px rgba(0, 0, 0, 0.6);
+ }
+ .hvr-shadow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ }
+ .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
+ box-shadow : 0 10px 10px -10px rgba(0, 0, 0, 0.5);
+ }
+ .hvr-grow-shadow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow, transform;
+ }
+ .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
+ box-shadow : 0 10px 10px -10px rgba(0, 0, 0, 0.5);
+ transform : scale(1.1);
+ }
+ .hvr-box-shadow-outset {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ }
+ .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
+ box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6);
+ }
+ .hvr-box-shadow-inset {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ transition-duration : 0.3s;
+ transition-property : box-shadow;
+ box-shadow : 0 0 0 rgba(0, 0, 0, 0.6) inset, 0 0 1px transparent;
+ }
+ .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
+ box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6) inset, 0 0 1px transparent;
+ }
+ .hvr-float-shadow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-float-shadow:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ top : 100%;
+ left : 5%;
+ height : 10px;
+ width : 90%;
+ opacity : 0;
+ background : radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
+ transition-duration : 0.3s;
+ transition-property : transform, opacity;
+ }
+ .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
+ transform : translateY(-5px);
+ }
+ .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
+ opacity : 1;
+ transform : translateY(5px);
+ }
+ .hvr-shadow-radial {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-shadow-radial:before, .hvr-shadow-radial:after {
+ position : absolute;
+ content : '';
+ left : 0;
+ width : 100%;
+ box-sizing : border-box;
+ background-repeat : no-repeat;
+ height : 5px;
+ opacity : 0;
+ transition-duration : 0.3s;
+ transition-property : opacity;
+ }
+ .hvr-shadow-radial:before {
+ bottom : 100%;
+ background : radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
+ }
+ .hvr-shadow-radial:after {
+ top : 100%;
+ background : radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
+ }
+ .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
+ opacity : 1;
+ }
+ .hvr-bubble-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-bubble-top:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ border-style : solid;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ left : calc(50% - 10px);
+ top : 0;
+ border-width : 0 10px 10px 10px;
+ border-color : transparent transparent #e1e1e1 transparent;
+ }
+ .hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
+ transform : translateY(-10px);
+ }
+ .hvr-bubble-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-bubble-right:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ border-style : solid;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ top : calc(50% - 10px);
+ right : 0;
+ border-width : 10px 0 10px 10px;
+ border-color : transparent transparent transparent #e1e1e1;
+ }
+ .hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
+ transform : translateX(10px);
+ }
+ .hvr-bubble-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-bubble-bottom:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ border-style : solid;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ left : calc(50% - 10px);
+ bottom : 0;
+ border-width : 10px 10px 0 10px;
+ border-color : #e1e1e1 transparent transparent transparent;
+ }
+ .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
+ transform : translateY(10px);
+ }
+ .hvr-bubble-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-bubble-left:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ border-style : solid;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ top : calc(50% - 10px);
+ left : 0;
+ border-width : 10px 10px 10px 0;
+ border-color : transparent #e1e1e1 transparent transparent;
+ }
+ .hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
+ transform : translateX(-10px);
+ }
+ .hvr-bubble-float-top {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-top:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ left : calc(50% - 10px);
+ top : 0;
+ border-style : solid;
+ border-width : 0 10px 10px 10px;
+ border-color : transparent transparent #e1e1e1 transparent;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
+ transform : translateY(10px);
+ }
+ .hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
+ transform : translateY(-10px);
+ }
+ .hvr-bubble-float-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-right:before {
+ position : absolute;
+ z-index : -1;
+ top : calc(50% - 10px);
+ right : 0;
+ content : '';
+ border-style : solid;
+ border-width : 10px 0 10px 10px;
+ border-color : transparent transparent transparent #e1e1e1;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
+ transform : translateX(-10px);
+ }
+ .hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
+ transform : translateX(10px);
+ }
+ .hvr-bubble-float-bottom {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-bottom:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ left : calc(50% - 10px);
+ bottom : 0;
+ border-style : solid;
+ border-width : 10px 10px 0 10px;
+ border-color : #e1e1e1 transparent transparent transparent;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
+ transform : translateY(-10px);
+ }
+ .hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
+ transform : translateY(10px);
+ }
+ .hvr-bubble-float-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-left:before {
+ position : absolute;
+ z-index : -1;
+ content : '';
+ top : calc(50% - 10px);
+ left : 0;
+ border-style : solid;
+ border-width : 10px 10px 10px 0;
+ border-color : transparent #e1e1e1 transparent transparent;
+ transition-duration : 0.3s;
+ transition-property : transform;
+ }
+ .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
+ transform : translateX(10px);
+ }
+ .hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
+ transform : translateX(-10px);
+ }
+ .hvr-icon-back {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-left : 2.2em;
+ transition-duration : 0.1s;
+ }
+ .hvr-icon-back:before {
+ content : "\f137";
+ position : absolute;
+ left : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.1s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
+ transform : translateX(-4px);
+ }
+ .hvr-icon-forward {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.1s;
+ }
+ .hvr-icon-forward:before {
+ content : "\f138";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.1s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
+ transform : translateX(4px);
+ }
+ @keyframes hvr-icon-down {
+ 0%, 50%, 100% {
+ transform : translateY(0);
+ }
+ 25%, 75% {
+ transform : translateY(6px);
+ }
+ }
+ .hvr-icon-down {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-down:before {
+ content : "\f01a";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {
+ animation-name : hvr-icon-down;
+ animation-duration : 0.75s;
+ animation-timing-function : ease-out;
+ }
+ @keyframes hvr-icon-up {
+ 0%, 50%, 100% {
+ transform : translateY(0);
+ }
+ 25%, 75% {
+ transform : translateY(-6px);
+ }
+ }
+ .hvr-icon-up {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-up:before {
+ content : "\f01b";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before {
+ animation-name : hvr-icon-up;
+ animation-duration : 0.75s;
+ animation-timing-function : ease-out;
+ }
+ .hvr-icon-spin {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-spin:before {
+ content : "\f021";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transition-duration : 1s;
+ transition-property : transform;
+ transition-timing-function : ease-in-out;
+ }
+ .hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {
+ transform : rotate(360deg);
+ }
+ @keyframes hvr-icon-drop {
+ 0% {
+ opacity : 0;
+ }
+ 50% {
+ opacity : 0;
+ transform : translateY(-100%);
+ }
+ 51%, 100% {
+ opacity : 1;
+ }
+ }
+ .hvr-icon-drop {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-drop:before {
+ content : "\f041";
+ position : absolute;
+ right : 1em;
+ opacity : 1;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
+ opacity : 0;
+ transition-duration : 0.3s;
+ animation-name : hvr-icon-drop;
+ animation-duration : 0.5s;
+ animation-delay : 0.3s;
+ animation-fill-mode : forwards;
+ animation-timing-function : ease-in-out;
+ animation-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
+ }
+ .hvr-icon-fade {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-fade:before {
+ content : "\f00c";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.5s;
+ transition-property : color;
+ }
+ .hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {
+ color : #0F9E5E;
+ }
+ @keyframes hvr-icon-float-away {
+ 0% {
+ opacity : 1;
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(-1em);
+ }
+ }
+ .hvr-icon-float-away {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-float-away:before, .hvr-icon-float-away:after {
+ content : "\f055";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ }
+ .hvr-icon-float-away:after {
+ opacity : 0;
+ animation-duration : 0.5s;
+ animation-fill-mode : forwards;
+ }
+ .hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after {
+ animation-name : hvr-icon-float-away;
+ animation-timing-function : ease-out;
+ }
+ @keyframes hvr-icon-sink-away {
+ 0% {
+ opacity : 1;
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(1em);
+ }
+ }
+ .hvr-icon-sink-away {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
+ content : "\f056";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-sink-away:after {
+ opacity : 0;
+ animation-duration : 0.5s;
+ animation-fill-mode : forwards;
+ }
+ .hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {
+ animation-name : hvr-icon-sink-away;
+ animation-timing-function : ease-out;
+ }
+ .hvr-icon-grow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-grow:before {
+ content : "\f118";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before {
+ transform : scale(1.3) translateZ(0);
+ }
+ .hvr-icon-shrink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-shrink:before {
+ content : "\f119";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before {
+ transform : scale(0.8);
+ }
+ @keyframes hvr-icon-pulse {
+ 25% {
+ transform : scale(1.3);
+ }
+ 75% {
+ transform : scale(0.8);
+ }
+ }
+ .hvr-icon-pulse {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-pulse:before {
+ content : "\f015";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before {
+ animation-name : hvr-icon-pulse;
+ animation-duration : 1s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ }
+ @keyframes hvr-icon-pulse-grow {
+ to {
+ transform : scale(1.3);
+ }
+ }
+ .hvr-icon-pulse-grow {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-pulse-grow:before {
+ content : "\f015";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {
+ animation-name : hvr-icon-pulse-grow;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ animation-direction : alternate;
+ }
+ @keyframes hvr-icon-pulse-shrink {
+ to {
+ transform : scale(0.8);
+ }
+ }
+ .hvr-icon-pulse-shrink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ }
+ .hvr-icon-pulse-shrink:before {
+ content : "\f015";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before {
+ animation-name : hvr-icon-pulse-shrink;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ animation-direction : alternate;
+ }
+ @keyframes hvr-icon-push {
+ 50% {
+ transform : scale(0.5);
+ }
+ }
+ .hvr-icon-push {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-push:before {
+ content : "\f006";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before {
+ animation-name : hvr-icon-push;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-icon-pop {
+ 50% {
+ transform : scale(1.5);
+ }
+ }
+ .hvr-icon-pop {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-pop:before {
+ content : "\f005";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before {
+ animation-name : hvr-icon-pop;
+ animation-duration : 0.3s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ .hvr-icon-bounce {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-bounce:before {
+ content : "\f087";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
+ transform : scale(1.5);
+ transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36);
+ }
+ .hvr-icon-rotate {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-rotate:before {
+ content : "\f0c6";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
+ transform : rotate(20deg);
+ }
+ .hvr-icon-grow-rotate {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-grow-rotate:before {
+ content : "\f095";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before {
+ transform : scale(1.5) rotate(12deg);
+ }
+ .hvr-icon-float {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-float:before {
+ content : "\f01b";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {
+ transform : translateY(-4px);
+ }
+ .hvr-icon-sink {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-sink:before {
+ content : "\f01a";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ transition-duration : 0.3s;
+ transition-property : transform;
+ transition-timing-function : ease-out;
+ }
+ .hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before {
+ transform : translateY(4px);
+ }
+ @keyframes hvr-icon-bob {
+ 0% {
+ transform : translateY(-6px);
+ }
+ 50% {
+ transform : translateY(-2px);
+ }
+ 100% {
+ transform : translateY(-6px);
+ }
+ }
+ @keyframes hvr-icon-bob-float {
+ 100% {
+ transform : translateY(-6px);
+ }
+ }
+ .hvr-icon-bob {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-bob:before {
+ content : "\f077";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
+ animation-name : hvr-icon-bob-float, hvr-icon-bob;
+ animation-duration : 0.3s, 1.5s;
+ animation-delay : 0s, 0.3s;
+ animation-timing-function : ease-out, ease-in-out;
+ animation-iteration-count : 1, infinite;
+ animation-fill-mode : forwards;
+ animation-direction : normal, alternate;
+ }
+ @keyframes hvr-icon-hang {
+ 0% {
+ transform : translateY(6px);
+ }
+ 50% {
+ transform : translateY(2px);
+ }
+ 100% {
+ transform : translateY(6px);
+ }
+ }
+ @keyframes hvr-icon-hang-sink {
+ 100% {
+ transform : translateY(6px);
+ }
+ }
+ .hvr-icon-hang {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-hang:before {
+ content : "\f078";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {
+ animation-name : hvr-icon-hang-sink, hvr-icon-hang;
+ animation-duration : 0.3s, 1.5s;
+ animation-delay : 0s, 0.3s;
+ animation-timing-function : ease-out, ease-in-out;
+ animation-iteration-count : 1, infinite;
+ animation-fill-mode : forwards;
+ animation-direction : normal, alternate;
+ }
+ @keyframes hvr-icon-wobble-horizontal {
+ 16.65% {
+ transform : translateX(6px);
+ }
+ 33.3% {
+ transform : translateX(-5px);
+ }
+ 49.95% {
+ transform : translateX(4px);
+ }
+ 66.6% {
+ transform : translateX(-2px);
+ }
+ 83.25% {
+ transform : translateX(1px);
+ }
+ 100% {
+ transform : translateX(0);
+ }
+ }
+ .hvr-icon-wobble-horizontal {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-wobble-horizontal:before {
+ content : "\f061";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
+ animation-name : hvr-icon-wobble-horizontal;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-icon-wobble-vertical {
+ 16.65% {
+ transform : translateY(6px);
+ }
+ 33.3% {
+ transform : translateY(-5px);
+ }
+ 49.95% {
+ transform : translateY(4px);
+ }
+ 66.6% {
+ transform : translateY(-2px);
+ }
+ 83.25% {
+ transform : translateY(1px);
+ }
+ 100% {
+ transform : translateY(0);
+ }
+ }
+ .hvr-icon-wobble-vertical {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-wobble-vertical:before {
+ content : "\f062";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before {
+ animation-name : hvr-icon-wobble-vertical;
+ animation-duration : 1s;
+ animation-timing-function : ease-in-out;
+ animation-iteration-count : 1;
+ }
+ @keyframes hvr-icon-buzz {
+ 50% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 100% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ }
+ .hvr-icon-buzz {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-buzz:before {
+ content : "\f017";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before {
+ animation-name : hvr-icon-buzz;
+ animation-duration : 0.15s;
+ animation-timing-function : linear;
+ animation-iteration-count : infinite;
+ }
+ @keyframes hvr-icon-buzz-out {
+ 10% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 20% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ 30% {
+ transform : translateX(3px) rotate(2deg);
+ }
+ 40% {
+ transform : translateX(-3px) rotate(-2deg);
+ }
+ 50% {
+ transform : translateX(2px) rotate(1deg);
+ }
+ 60% {
+ transform : translateX(-2px) rotate(-1deg);
+ }
+ 70% {
+ transform : translateX(2px) rotate(1deg);
+ }
+ 80% {
+ transform : translateX(-2px) rotate(-1deg);
+ }
+ 90% {
+ transform : translateX(1px) rotate(0);
+ }
+ 100% {
+ transform : translateX(-1px) rotate(0);
+ }
+ }
+ .hvr-icon-buzz-out {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ padding-right : 2.2em;
+ transition-duration : 0.3s;
+ }
+ .hvr-icon-buzz-out:before {
+ content : "\f023";
+ position : absolute;
+ right : 1em;
+ padding : 0 1px;
+ font-family : FontAwesome;
+ transform : translateZ(0);
+ }
+ .hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before {
+ animation-name : hvr-icon-buzz-out;
+ animation-duration : 0.75s;
+ animation-timing-function : linear;
+ animation-iteration-count : 1;
+ }
+ .hvr-curl-top-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-curl-top-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-curl-top-right:before {
+ position : absolute;
+ content : '';
+ height : 0;
+ width : 0;
+ top : 0;
+ right : 0;
+ background : white;
+ background : linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
+ box-shadow : -1px 1px 1px rgba(0, 0, 0, 0.4);
+ transition-duration : 0.3s;
+ transition-property : width, height;
+ }
+ .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
+ width : 25px;
+ height : 25px;
+ }
+ .hvr-curl-bottom-right {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-curl-bottom-right:before {
+ position : absolute;
+ content : '';
+ height : 0;
+ width : 0;
+ bottom : 0;
+ right : 0;
+ background : white;
+ background : linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
+ box-shadow : -1px -1px 1px rgba(0, 0, 0, 0.4);
+ transition-duration : 0.3s;
+ transition-property : width, height;
+ }
+ .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
+ width : 25px;
+ height : 25px;
+ }
+ .hvr-curl-bottom-left {
+ display : inline-block;
+ vertical-align : middle;
+ transform : translateZ(0);
+ box-shadow : 0 0 1px transparent;
+ backface-visibility : hidden;
+ position : relative;
+ }
+ .hvr-curl-bottom-left:before {
+ position : absolute;
+ content : '';
+ height : 0;
+ width : 0;
+ bottom : 0;
+ left : 0;
+ background : white;
+ background : linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
+ box-shadow : 1px -1px 1px rgba(0, 0, 0, 0.4);
+ transition-duration : 0.3s;
+ transition-property : width, height;
+ }
+ .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
+ width : 25px;
+ height : 25px;
+ }
+ .swiper-container {
+ margin : 0 auto;
+ position : relative;
+ overflow : hidden;
+ z-index : 1;
+ }
+ .swiper-container-no-flexbox .swiper-slide {
+ float : left;
+ }
+ .swiper-container-vertical > .swiper-wrapper {
+ flex-direction : column;
+ }
+ .swiper-wrapper {
+ position : relative;
+ width : 100%;
+ height : 100%;
+ z-index : 1;
+ display : flex;
+ transition-property : transform;
+ box-sizing : content-box;
+ }
+ .swiper-container-android .swiper-slide, .swiper-wrapper {
+ transform : translate3d(0,0,0);
+ }
+ .swiper-container-multirow > .swiper-wrapper {
+ flex-wrap : wrap;
+ }
+ .swiper-container-free-mode > .swiper-wrapper {
+ transition-timing-function : ease-out;
+ margin : 0 auto;
+ }
+ .swiper-slide {
+ flex-shrink : 0;
+ width : 100%;
+ height : 100%;
+ position : relative;
+ }
+ .swiper-container .swiper-notification {
+ position : absolute;
+ left : 0;
+ top : 0;
+ opacity : 0;
+ z-index : -1000;
+ }
+ .swiper-button-prev, .swiper-button-next, .swiper-button-prev-clients, .swiper-button-next-clients, .swiper-button-prev-small-youtube, .swiper-button-next-small-youtube {
+ position : absolute;
+ top : 50%;
+ width : 27px;
+ height : 44px;
+ margin-top : -22px;
+ z-index : 10;
+ cursor : pointer;
+ background-size : 27px 44px;
+ background-position : center;
+ background-repeat : no-repeat;
+ }
+ .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
+ opacity : 0.3499999940395355224609375;
+ cursor : auto;
+ }
+ .swiper-button-prev, .swiper-button-prev-clients, .swiper-button-prev-small-youtube, .swiper-container-rtl .swiper-button-next {
+ background-image : url("../img/prev.png");
+ left : 30px;
+ right : auto;
+ }
+ .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
+ }
+ .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
+ }
+ .swiper-button-next, .swiper-button-next-clients, .swiper-button-next-small-youtube, .swiper-container-rtl .swiper-button-prev {
+ background-image : url("../img/next.png");
+ right : 30px;
+ left : auto;
+ }
+ .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
+ }
+ .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
+ }
+ .swiper-pagination {
+ position : absolute;
+ text-align : center;
+ transition : 300ms;
+ transform : translate3d(0,0,0);
+ z-index : 10;
+ }
+ .swiper-pagination.swiper-pagination-hidden {
+ opacity : 0;
+ }
+ .swiper-pagination-bullet {
+ width : 8px;
+ height : 8px;
+ display : inline-block;
+ border-radius : 100%;
+ background : #000;
+ opacity : 0.20000000298023223876953125;
+ }
+ button.swiper-pagination-bullet {
+ border : none;
+ margin : 0;
+ padding : 0;
+ box-shadow : none;
+ }
+ .swiper-pagination-clickable .swiper-pagination-bullet {
+ cursor : pointer;
+ }
+ .swiper-pagination-white .swiper-pagination-bullet {
+ background : #fff;
+ }
+ .swiper-pagination-bullet-active {
+ opacity : 1;
+ background : #007aff;
+ }
+ .swiper-pagination-white .swiper-pagination-bullet-active {
+ background : #fff;
+ }
+ .swiper-pagination-black .swiper-pagination-bullet-active {
+ background : #000;
+ }
+ .swiper-container-vertical > .swiper-pagination {
+ right : 10px;
+ top : 50%;
+ transform : translate3d(0,-50%,0);
+ }
+ .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
+ margin : 5px 0;
+ display : block;
+ }
+ .swiper-container-horizontal > .swiper-pagination {
+ bottom : 10px;
+ left : 0;
+ width : 100%;
+ }
+ .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
+ margin : 0 5px;
+ }
+ .swiper-container-3d {
+ perspective : 1200px;
+ }
+ .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
+ transform-style : preserve-3d;
+ }
+ .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
+ position : absolute;
+ left : 0;
+ top : 0;
+ width : 100%;
+ height : 100%;
+ z-index : 10;
+ }
+ .swiper-container-3d .swiper-slide-shadow-left {
+ background-image : linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
+ }
+ .swiper-container-3d .swiper-slide-shadow-right {
+ background-image : linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
+ }
+ .swiper-container-3d .swiper-slide-shadow-top {
+ background-image : linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
+ }
+ .swiper-container-3d .swiper-slide-shadow-bottom {
+ background-image : linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
+ }
+ .swiper-container-fade.swiper-container-free-mode .swiper-slide {
+ transition-timing-function : ease-out;
+ }
+ .swiper-container-cube {
+ overflow : visible;
+ }
+ .swiper-container-cube .swiper-slide {
+ visibility : hidden;
+ transform-origin : 0 0;
+ backface-visibility : hidden;
+ width : 100%;
+ height : 100%;
+ z-index : 1;
+ }
+ .swiper-container-cube.swiper-container-rtl .swiper-slide {
+ transform-origin : 100% 0;
+ }
+ .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
+ visibility : visible;
+ }
+ .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right {
+ z-index : 0;
+ backface-visibility : hidden;
+ }
+ .swiper-container-cube .swiper-cube-shadow {
+ position : absolute;
+ left : 0;
+ bottom : 0;
+ width : 100%;
+ height : 100%;
+ background : #000;
+ opacity : 0.60000002384185791015625;
+ z-index : 0;
+ }
+ .swiper-scrollbar {
+ border-radius : 10px;
+ position : relative;
+ background : rgba(0, 0, 0, 0.1);
+ }
+ .swiper-container-horizontal > .swiper-scrollbar {
+ position : absolute;
+ left : 1%;
+ bottom : 3px;
+ z-index : 50;
+ height : 5px;
+ width : 98%;
+ }
+ .swiper-container-vertical > .swiper-scrollbar {
+ position : absolute;
+ right : 3px;
+ top : 1%;
+ z-index : 50;
+ width : 5px;
+ height : 98%;
+ }
+ .swiper-scrollbar-drag {
+ height : 100%;
+ width : 100%;
+ position : relative;
+ background : rgba(0, 0, 0, 0.5);
+ border-radius : 10px;
+ left : 0;
+ top : 0;
+ }
+ .swiper-scrollbar-cursor-drag {
+ cursor : move;
+ }
+ .swiper-lazy-preloader {
+ width : 42px;
+ height : 42px;
+ position : absolute;
+ left : 50%;
+ top : 50%;
+ margin-left : -21px;
+ margin-top : -21px;
+ z-index : 10;
+ transform-origin : 50%;
+ animation : swiper-preloader-spin 1s steps(12,end) infinite;
+ }
+ .swiper-lazy-preloader:after {
+ display : block;
+ content : "";
+ width : 100%;
+ height : 100%;
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+ background-position : 50%;
+ background-size : 100%;
+ background-repeat : no-repeat;
+ }
+ .swiper-lazy-preloader-white:after {
+ background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+ }
+ @keyframes swiper-preloader-spin {
+ 100% {
+ transform : rotate(360deg);
+ }
+ }
+ .mfp-bg {
+ top : 0;
+ left : 0;
+ width : 100%;
+ height : 100%;
+ z-index : 99999;
+ overflow : hidden;
+ position : fixed;
+ background : #0b0b0b;
+ opacity : 0.800000011920928955078125;
+ }
+ .mfp-wrap {
+ top : 0;
+ left : 0;
+ width : 100%;
+ height : 100%;
+ z-index : 999999;
+ position : fixed;
+ outline : none !important ;
+ }
+ .mfp-container {
+ text-align : center;
+ position : absolute;
+ width : 100%;
+ height : 100%;
+ left : 0;
+ top : 0;
+ padding : 0 8px;
+ box-sizing : border-box;
+ }
+ .mfp-container:before {
+ content : '';
+ display : inline-block;
+ height : 100%;
+ vertical-align : middle;
+ }
+ .mfp-align-top .mfp-container:before {
+ display : none;
+ }
+ .mfp-content {
+ position : relative;
+ display : inline-block;
+ vertical-align : middle;
+ margin : 0 auto;
+ text-align : left;
+ z-index : 9999999;
+ }
+ .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
+ width : 100%;
+ cursor : auto;
+ }
+ .mfp-ajax-cur {
+ cursor : progress;
+ }
+ .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
+ cursor : zoom-out;
+ }
+ .mfp-zoom {
+ cursor : pointer;
+ cursor : zoom-in;
+ }
+ .mfp-auto-cursor .mfp-content {
+ cursor : auto;
+ }
+ .mfp-loading.mfp-figure {
+ display : none;
+ }
+ .mfp-hide {
+ display : none !important ;
+ }
+ .mfp-preloader {
+ color : #CCC;
+ position : absolute;
+ top : 50%;
+ width : auto;
+ text-align : center;
+ margin-top : -0.8em;
+ left : 8px;
+ right : 8px;
+ z-index : 999999;
+ }
+ .mfp-preloader a {
+ color : #CCC;
+ }
+ .mfp-preloader a:hover {
+ color : #FFF;
+ }
+ .mfp-s-ready .mfp-preloader {
+ display : none;
+ }
+ .mfp-s-error .mfp-content {
+ display : none;
+ }
+ button.mfp-close, button.mfp-arrow {
+ overflow : visible;
+ cursor : pointer;
+ background : transparent;
+ border : 0;
+ display : block;
+ outline : none;
+ padding : 0;
+ z-index : 99999999;
+ box-shadow : none;
+ }
+ button::-moz-focus-inner {
+ padding : 0;
+ border : 0;
+ }
+ .mfp-close {
+ width : 44px;
+ height : 44px;
+ line-height : 44px;
+ position : absolute;
+ right : 0;
+ top : 0;
+ text-decoration : none;
+ text-align : center;
+ opacity : 0.64999997615814208984375;
+ padding : 0 0 18px 10px;
+ color : #FFF;
+ font-style : normal;
+ font-size : 28px;
+ font-family : Arial, Baskerville, monospace;
+ }
+ .mfp-close:hover, .mfp-close:focus {
+ opacity : 1;
+ }
+ .mfp-close:active {
+ top : 1px;
+ }
+ .mfp-close-btn-in .mfp-close {
+ color : #333;
+ }
+ .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
+ color : #FFF;
+ right : -6px;
+ text-align : right;
+ padding-right : 6px;
+ width : 100%;
+ }
+ .mfp-counter {
+ position : absolute;
+ top : 0;
+ right : 0;
+ color : #CCC;
+ font-size : 12px;
+ line-height : 18px;
+ white-space : nowrap;
+ }
+ .mfp-arrow {
+ position : absolute;
+ opacity : 0.64999997615814208984375;
+ margin : 0;
+ top : 50%;
+ margin-top : -55px;
+ padding : 0;
+ width : 90px;
+ height : 110px;
+ }
+ .mfp-arrow:active {
+ margin-top : -54px;
+ }
+ .mfp-arrow:hover, .mfp-arrow:focus {
+ opacity : 1;
+ }
+ .mfp-arrow:before, .mfp-arrow:after {
+ content : '';
+ display : block;
+ width : 0;
+ height : 0;
+ position : absolute;
+ left : 0;
+ top : 0;
+ margin-top : 35px;
+ margin-left : 35px;
+ border : transparent inset medium;
+ }
+ .mfp-arrow:after {
+ border-top-width : 13px;
+ border-bottom-width : 13px;
+ top : 8px;
+ }
+ .mfp-arrow:before {
+ border-top-width : 21px;
+ border-bottom-width : 21px;
+ opacity : 0.699999988079071044921875;
+ }
+ .mfp-arrow-left {
+ left : 0;
+ }
+ .mfp-arrow-left:after {
+ border-right : 17px solid #FFF;
+ margin-left : 31px;
+ }
+ .mfp-arrow-left:before {
+ margin-left : 25px;
+ border-right : 27px solid #3F3F3F;
+ }
+ .mfp-arrow-right {
+ right : 0;
+ }
+ .mfp-arrow-right:after {
+ border-left : 17px solid #FFF;
+ margin-left : 39px;
+ }
+ .mfp-arrow-right:before {
+ border-left : 27px solid #3F3F3F;
+ }
+ .mfp-iframe-holder {
+ padding-top : 40px;
+ padding-bottom : 40px;
+ }
+ .mfp-iframe-holder .mfp-content {
+ line-height : 0;
+ width : 100%;
+ max-width : 900px;
+ }
+ .mfp-iframe-holder .mfp-close {
+ top : -40px;
+ }
+ .mfp-iframe-scaler {
+ width : 100%;
+ height : 0;
+ overflow : hidden;
+ padding-top : 56.25%;
+ }
+ .mfp-iframe-scaler iframe {
+ position : absolute;
+ display : block;
+ top : 0;
+ left : 0;
+ width : 100%;
+ height : 100%;
+ box-shadow : 0 0 8px rgba(0, 0, 0, 0.6);
+ background : #000;
+ }
+ img.mfp-img {
+ width : auto;
+ max-width : 100%;
+ height : auto;
+ display : block;
+ line-height : 0;
+ box-sizing : border-box;
+ padding : 40px 0 40px;
+ margin : 0 auto;
+ }
+ .mfp-figure {
+ line-height : 0;
+ }
+ .mfp-figure:after {
+ content : '';
+ position : absolute;
+ left : 0;
+ top : 40px;
+ bottom : 40px;
+ display : block;
+ right : 0;
+ width : auto;
+ height : auto;
+ z-index : -1;
+ box-shadow : 0 0 8px rgba(0, 0, 0, 0.6);
+ background : #444;
+ }
+ .mfp-figure small {
+ color : #BDBDBD;
+ display : block;
+ font-size : 12px;
+ line-height : 14px;
+ }
+ .mfp-figure figure {
+ margin : 0;
+ }
+ .mfp-bottom-bar {
+ margin-top : -36px;
+ position : absolute;
+ top : 100%;
+ left : 0;
+ width : 100%;
+ cursor : auto;
+ }
+ .mfp-title {
+ text-align : left;
+ line-height : 18px;
+ color : #F3F3F3;
+ overflow-wrap : break-word;
+ padding-right : 36px;
+ }
+ .mfp-image-holder .mfp-content {
+ max-width : 100%;
+ }
+ .mfp-gallery .mfp-image-holder .mfp-figure {
+ cursor : pointer;
+ }
+ @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
+ .mfp-img-mobile .mfp-image-holder {
+ padding-left : 0;
+ padding-right : 0;
+ }
+ .mfp-img-mobile img.mfp-img {
+ padding : 0;
+ }
+ .mfp-img-mobile .mfp-figure:after {
+ top : 0;
+ bottom : 0;
+ }
+ .mfp-img-mobile .mfp-figure small {
+ display : inline;
+ margin-left : 5px;
+ }
+ .mfp-img-mobile .mfp-bottom-bar {
+ background : rgba(0, 0, 0, 0.6);
+ bottom : 0;
+ margin : 0;
+ top : auto;
+ padding : 3px 5px;
+ position : fixed;
+ box-sizing : border-box;
+ }
+ .mfp-img-mobile .mfp-bottom-bar:empty {
+ padding : 0;
+ }
+ .mfp-img-mobile .mfp-counter {
+ right : 5px;
+ top : 3px;
+ }
+ .mfp-img-mobile .mfp-close {
+ top : 0;
+ right : 0;
+ width : 35px;
+ height : 35px;
+ line-height : 35px;
+ background : rgba(0, 0, 0, 0.6);
+ position : fixed;
+ text-align : center;
+ padding : 0;
+ }
+ }
+ @media all and (max-width:900px) {
+ .mfp-arrow {
+ transform : scale(0.75);
+ }
+ .mfp-arrow-left {
+ transform-origin : 0;
+ }
+ .mfp-arrow-right {
+ transform-origin : 100%;
+ }
+ .mfp-container {
+ padding-left : 6px;
+ padding-right : 6px;
+ }
+ }
+ .animated {
+ animation-duration : 1s;
+ animation-fill-mode : both;
+ }
+ .slow {
+ animation-duration : 1.5s;
+ animation-fill-mode : both;
+ }
+ .slower {
+ animation-duration : 2s;
+ animation-fill-mode : both;
+ }
+ .slowest {
+ animation-duration : 3s;
+ animation-fill-mode : both;
+ }
+ .delay-250 {
+ animation-delay : 0.25s;
+ }
+ .delay-500 {
+ animation-delay : 0.5s;
+ }
+ .delay-750 {
+ animation-delay : 0.75s;
+ }
+ .delay-1000 {
+ animation-delay : 1.0s;
+ }
+ .delay-1250 {
+ animation-delay : 1.25s;
+ }
+ .delay-1500 {
+ animation-delay : 1.5s;
+ }
+ .delay-1750 {
+ animation-delay : 1.75s;
+ }
+ .delay-2000 {
+ animation-delay : 2.0s;
+ }
+ .delay-2500 {
+ animation-delay : 2.5s;
+ }
+ .delay-2000 {
+ animation-delay : 2.0s;
+ }
+ .delay-2500 {
+ animation-delay : 2.5s;
+ }
+ .delay-3000 {
+ animation-delay : 3.0s;
+ }
+ .delay-3500 {
+ animation-delay : 3.5s;
+ }
+ .bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ .fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ .flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn {
+ opacity : 0;
+ }
+ .lightSpeedInRight, .lightSpeedInLeft {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ @keyframes bounceIn {
+ 0% {
+ opacity : 0;
+ transform : scale(0.3);
+ }
+ 50% {
+ opacity : 1;
+ transform : scale(1.05);
+ }
+ 70% {
+ transform : scale(0.9);
+ }
+ 100% {
+ transform : scale(1);
+ }
+ }
+ .bounceIn.go {
+ animation-name : bounceIn;
+ }
+ @keyframes bounceInRight {
+ 0% {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ 60% {
+ transform : translateX(-30px);
+ }
+ 80% {
+ transform : translateX(10px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .bounceInRight.go {
+ animation-name : bounceInRight;
+ }
+ @keyframes bounceInLeft {
+ 0% {
+ opacity : 0;
+ transform : translateX(-400px);
+ }
+ 60% {
+ transform : translateX(30px);
+ }
+ 80% {
+ transform : translateX(-10px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .bounceInLeft.go {
+ animation-name : bounceInLeft;
+ }
+ @keyframes bounceInUp {
+ 0% {
+ opacity : 0;
+ transform : translateY(400px);
+ }
+ 60% {
+ transform : translateY(-30px);
+ }
+ 80% {
+ transform : translateY(10px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .bounceInUp.go {
+ animation-name : bounceInUp;
+ }
+ @keyframes bounceInDown {
+ 0% {
+ opacity : 0;
+ transform : translateY(-400px);
+ }
+ 60% {
+ transform : translateY(30px);
+ }
+ 80% {
+ transform : translateY(-10px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .bounceInDown.go {
+ animation-name : bounceInDown;
+ }
+ @keyframes fadeIn {
+ 0% {
+ opacity : 0;
+ }
+ 100% {
+ opacity : 1;
+ display : block;
+ }
+ }
+ .fadeIn {
+ opacity : 0;
+ }
+ .fadeIn.go {
+ animation-name : fadeIn;
+ }
+ @keyframes growIn {
+ 0% {
+ transform : scale(0.2);
+ opacity : 0;
+ }
+ 50% {
+ transform : scale(1.2);
+ }
+ 100% {
+ transform : scale(1);
+ opacity : 1;
+ }
+ }
+ .growIn {
+ transform : scale(0.2);
+ opacity : 0;
+ }
+ .growIn.go {
+ animation-name : growIn;
+ }
+ @keyframes shake {
+ 0%, 100% {
+ transform : translateX(0);
+ }
+ 10%, 30%, 50%, 70%, 90% {
+ transform : translateX(-10px);
+ }
+ 20%, 40%, 60%, 80% {
+ transform : translateX(10px);
+ }
+ }
+ .shake.go {
+ animation-name : shake;
+ }
+ @keyframes shakeUp {
+ 0%, 100% {
+ transform : translateY(0);
+ }
+ 10%, 30%, 50%, 70%, 90% {
+ transform : translateY(-10px);
+ }
+ 20%, 40%, 60%, 80% {
+ transform : translateY(10px);
+ }
+ }
+ .shakeUp.go {
+ animation-name : shakeUp;
+ }
+ @keyframes fadeInLeft {
+ 0% {
+ opacity : 0;
+ transform : translateX(-400px);
+ }
+ 50% {
+ opacity : 0.300000011920928955078125;
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .fadeInLeft {
+ opacity : 0;
+ transform : translateX(-400px);
+ }
+ .fadeInLeft.go {
+ animation-name : fadeInLeft;
+ }
+ @keyframes fadeInRight {
+ 0% {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ 50% {
+ opacity : 0.300000011920928955078125;
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .fadeInRight {
+ opacity : 0;
+ transform : translateX(400px);
+ }
+ .fadeInRight.go {
+ animation-name : fadeInRight;
+ }
+ @keyframes fadeInUp {
+ 0% {
+ opacity : 0;
+ transform : translateY(400px);
+ }
+ 50% {
+ opacity : 0.300000011920928955078125;
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .fadeInUp {
+ opacity : 0;
+ transform : translateY(400px);
+ }
+ .fadeInUp.go {
+ animation-name : fadeInUp;
+ }
+ @keyframes fadeInDown {
+ 0% {
+ opacity : 0;
+ transform : translateY(-400px);
+ }
+ 50% {
+ opacity : 0.300000011920928955078125;
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .fadeInDown {
+ opacity : 0;
+ transform : translateY(-400px);
+ }
+ .fadeInDown.go {
+ animation-name : fadeInDown;
+ }
+ @keyframes rotateIn {
+ 0% {
+ transform-origin : center center;
+ transform : rotate(-200deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : center center;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateIn.go {
+ animation-name : rotateIn;
+ }
+ @keyframes rotateInUpLeft {
+ 0% {
+ transform-origin : left bottom;
+ transform : rotate(90deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : left bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateInUpLeft.go {
+ animation-name : rotateInUpLeft;
+ }
+ @keyframes rotateInDownLeft {
+ 0% {
+ transform-origin : left bottom;
+ transform : rotate(-90deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : left bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateInDownLeft.go {
+ animation-name : rotateInDownLeft;
+ }
+ @keyframes rotateInUpRight {
+ 0% {
+ transform-origin : right bottom;
+ transform : rotate(-90deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : right bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateInUpRight.go {
+ animation-name : rotateInUpRight;
+ }
+ @keyframes rotateInDownRight {
+ 0% {
+ transform-origin : right bottom;
+ transform : rotate(90deg);
+ opacity : 0;
+ }
+ 100% {
+ transform-origin : right bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ }
+ .rotateInDownRight.go {
+ animation-name : rotateInDownRight;
+ }
+ @keyframes rollIn {
+ 0% {
+ opacity : 0;
+ transform : translateX(-100%) rotate(-120deg);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0) rotate(0deg);
+ }
+ }
+ .rollIn.go {
+ animation-name : rollIn;
+ }
+ @keyframes wiggle {
+ 0% {
+ transform : skewX(9deg);
+ }
+ 10% {
+ transform : skewX(-8deg);
+ }
+ 20% {
+ transform : skewX(7deg);
+ }
+ 30% {
+ transform : skewX(-6deg);
+ }
+ 40% {
+ transform : skewX(5deg);
+ }
+ 50% {
+ transform : skewX(-4deg);
+ }
+ 60% {
+ transform : skewX(3deg);
+ }
+ 70% {
+ transform : skewX(-2deg);
+ }
+ 80% {
+ transform : skewX(1deg);
+ }
+ 90% {
+ transform : skewX(0deg);
+ }
+ 100% {
+ transform : skewX(0deg);
+ }
+ }
+ .wiggle.go {
+ animation-name : wiggle;
+ animation-timing-function : ease-in;
+ }
+ @keyframes swing {
+ 20% {
+ transform : rotate(15deg);
+ }
+ 40% {
+ transform : rotate(-10deg);
+ }
+ 60% {
+ transform : rotate(5deg);
+ }
+ 80% {
+ transform : rotate(-5deg);
+ }
+ 100% {
+ transform : rotate(0deg);
+ }
+ }
+ .swing.go {
+ transform-origin : top center;
+ animation-name : swing;
+ }
+ @keyframes tada {
+ 0% {
+ transform : scale(1);
+ }
+ 10%, 20% {
+ transform : scale(0.9) rotate(-3deg);
+ }
+ 30%, 50%, 70%, 90% {
+ transform : scale(1.1) rotate(3deg);
+ }
+ 40%, 60%, 80% {
+ transform : scale(1.1) rotate(-3deg);
+ }
+ 100% {
+ transform : scale(1) rotate(0);
+ }
+ }
+ .tada.go {
+ animation-name : tada;
+ }
+ @keyframes wobble {
+ 0% {
+ transform : translateX(0%);
+ }
+ 15% {
+ transform : translateX(-25%) rotate(-5deg);
+ }
+ 30% {
+ transform : translateX(20%) rotate(3deg);
+ }
+ 45% {
+ transform : translateX(-15%) rotate(-3deg);
+ }
+ 60% {
+ transform : translateX(10%) rotate(2deg);
+ }
+ 75% {
+ transform : translateX(-5%) rotate(-1deg);
+ }
+ 100% {
+ transform : translateX(0%);
+ }
+ }
+ .wobble.go {
+ animation-name : wobble;
+ }
+ @keyframes pulse {
+ 0% {
+ transform : scale(1);
+ }
+ 50% {
+ transform : scale(1.1);
+ }
+ 100% {
+ transform : scale(1);
+ }
+ }
+ .pulse.go {
+ animation-name : pulse;
+ }
+ @keyframes lightSpeedInRight {
+ 0% {
+ transform : translateX(100%) skewX(-30deg);
+ opacity : 0;
+ }
+ 60% {
+ transform : translateX(-20%) skewX(30deg);
+ opacity : 1;
+ }
+ 80% {
+ transform : translateX(0%) skewX(-15deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : translateX(0%) skewX(0deg);
+ opacity : 1;
+ }
+ }
+ .lightSpeedInRight.go {
+ animation-name : lightSpeedInRight;
+ animation-timing-function : ease-out;
+ }
+ @keyframes lightSpeedInLeft {
+ 0% {
+ transform : translateX(-100%) skewX(30deg);
+ opacity : 0;
+ }
+ 60% {
+ transform : translateX(20%) skewX(-30deg);
+ opacity : 1;
+ }
+ 80% {
+ transform : translateX(0%) skewX(15deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : translateX(0%) skewX(0deg);
+ opacity : 1;
+ }
+ }
+ .lightSpeedInLeft.go {
+ animation-name : lightSpeedInLeft;
+ animation-timing-function : ease-out;
+ }
+ @keyframes flip {
+ 0% {
+ transform : perspective(400px) rotateY(0);
+ animation-timing-function : ease-out;
+ }
+ 40% {
+ transform : perspective(400px) translateZ(150px) rotateY(170deg);
+ animation-timing-function : ease-out;
+ }
+ 50% {
+ transform : perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
+ animation-timing-function : ease-in;
+ }
+ 80% {
+ transform : perspective(400px) rotateY(360deg) scale(0.95);
+ animation-timing-function : ease-in;
+ }
+ 100% {
+ transform : perspective(400px) scale(1);
+ animation-timing-function : ease-in;
+ }
+ }
+ .flip.go {
+ backface-visibility : visible !important ;
+ animation-name : flip;
+ }
+ @keyframes flipInX {
+ 0% {
+ transform : perspective(400px) rotateX(90deg);
+ opacity : 0;
+ }
+ 40% {
+ transform : perspective(400px) rotateX(-10deg);
+ }
+ 70% {
+ transform : perspective(400px) rotateX(10deg);
+ }
+ 100% {
+ transform : perspective(400px) rotateX(0deg);
+ opacity : 1;
+ }
+ }
+ .flipInX.go {
+ backface-visibility : visible !important ;
+ animation-name : flipInX;
+ }
+ @keyframes flipInY {
+ 0% {
+ transform : perspective(400px) rotateY(90deg);
+ opacity : 0;
+ }
+ 40% {
+ transform : perspective(400px) rotateY(-10deg);
+ }
+ 70% {
+ transform : perspective(400px) rotateY(10deg);
+ }
+ 100% {
+ transform : perspective(400px) rotateY(0deg);
+ opacity : 1;
+ }
+ }
+ .flipInY.go {
+ backface-visibility : visible !important ;
+ animation-name : flipInY;
+ }
+ @keyframes bounceOut {
+ 0% {
+ transform : scale(1);
+ }
+ 25% {
+ transform : scale(0.95);
+ }
+ 50% {
+ opacity : 1;
+ transform : scale(1.1);
+ }
+ 100% {
+ opacity : 0;
+ transform : scale(0.3);
+ }
+ }
+ .bounceOut.goAway {
+ animation-name : bounceOut;
+ }
+ @keyframes bounceOutUp {
+ 0% {
+ transform : translateY(0);
+ }
+ 20% {
+ opacity : 1;
+ transform : translateY(20px);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(-2000px);
+ }
+ }
+ .bounceOutUp.goAway {
+ animation-name : bounceOutUp;
+ }
+ @keyframes bounceOutDown {
+ 0% {
+ transform : translateY(0);
+ }
+ 20% {
+ opacity : 1;
+ transform : translateY(-20px);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(2000px);
+ }
+ }
+ .bounceOutDown.goAway {
+ animation-name : bounceOutDown;
+ }
+ @keyframes bounceOutLeft {
+ 0% {
+ transform : translateX(0);
+ }
+ 20% {
+ opacity : 1;
+ transform : translateX(20px);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(-2000px);
+ }
+ }
+ .bounceOutLeft.goAway {
+ animation-name : bounceOutLeft;
+ }
+ @keyframes bounceOutRight {
+ 0% {
+ transform : translateX(0);
+ }
+ 20% {
+ opacity : 1;
+ transform : translateX(-20px);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(2000px);
+ }
+ }
+ .bounceOutRight.goAway {
+ animation-name : bounceOutRight;
+ }
+ @keyframes fadeOut {
+ 0% {
+ opacity : 1;
+ }
+ 100% {
+ opacity : 0;
+ }
+ }
+ .fadeOut.goAway {
+ animation-name : fadeOut;
+ }
+ @keyframes fadeOutUp {
+ 0% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(-2000px);
+ }
+ }
+ .fadeOutUp.goAway {
+ animation-name : fadeOutUp;
+ }
+ @keyframes fadeOutDown {
+ 0% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateY(2000px);
+ }
+ }
+ .fadeOutDown.goAway {
+ animation-name : fadeOutDown;
+ }
+ @keyframes fadeOutLeft {
+ 0% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(-2000px);
+ }
+ }
+ .fadeOutLeft.goAway {
+ animation-name : fadeOutLeft;
+ }
+ @keyframes fadeOutRight {
+ 0% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(2000px);
+ }
+ }
+ .fadeOutRight.goAway {
+ animation-name : fadeOutRight;
+ }
+ @keyframes flipOutX {
+ 0% {
+ transform : perspective(400px) rotateX(0deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : perspective(400px) rotateX(90deg);
+ opacity : 0;
+ }
+ }
+ .flipOutX.goAway {
+ animation-name : flipOutX;
+ backface-visibility : visible !important ;
+ }
+ @keyframes flipOutY {
+ 0% {
+ transform : perspective(400px) rotateY(0deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : perspective(400px) rotateY(90deg);
+ opacity : 0;
+ }
+ }
+ .flipOutY {
+ backface-visibility : visible !important ;
+ animation-name : flipOutY;
+ }
+ @keyframes lightSpeedOutRight {
+ 0% {
+ transform : translateX(0%) skewX(0deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : translateX(100%) skewX(-30deg);
+ opacity : 0;
+ }
+ }
+ .lightSpeedOutRight.goAway {
+ animation-name : lightSpeedOutRight;
+ animation-timing-function : ease-in;
+ }
+ @keyframes lightSpeedOutLeft {
+ 0% {
+ transform : translateX(0%) skewX(0deg);
+ opacity : 1;
+ }
+ 100% {
+ transform : translateX(-100%) skewX(30deg);
+ opacity : 0;
+ }
+ }
+ .lightSpeedOutLeft.goAway {
+ animation-name : lightSpeedOutLeft;
+ animation-timing-function : ease-in;
+ }
+ @keyframes rotateOut {
+ 0% {
+ transform-origin : center center;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ 100% {
+ transform-origin : center center;
+ transform : rotate(200deg);
+ opacity : 0;
+ }
+ }
+ .rotateOut.goAway {
+ animation-name : rotateOut;
+ }
+ @keyframes rotateOutUpLeft {
+ 0% {
+ transform-origin : left bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ 100% {
+ opacity : 0;
+ }
+ }
+ .rotateOutUpLeft.goAway {
+ animation-name : rotateOutUpLeft;
+ }
+ @keyframes rotateOutDownLeft {
+ 0% {
+ transform-origin : left bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ 100% {
+ transform-origin : left bottom;
+ transform : rotate(90deg);
+ opacity : 0;
+ }
+ }
+ .rotateOutDownLeft.goAway {
+ animation-name : rotateOutDownLeft;
+ }
+ @keyframes rotateOutUpRight {
+ 0% {
+ transform-origin : right bottom;
+ transform : rotate(0);
+ opacity : 1;
+ }
+ 100% {
+ transform-origin : right bottom;
+ transform : rotate(90deg);
+ opacity : 0;
+ }
+ }
+ .rotateOutUpRight.goAway {
+ animation-name : rotateOutUpRight;
+ }
+ @keyframes rollOut {
+ 0% {
+ opacity : 1;
+ transform : translateX(0) rotate(0deg);
+ }
+ 100% {
+ opacity : 0;
+ transform : translateX(100%) rotate(120deg);
+ }
+ }
+ .rollOut.goAway {
+ animation-name : rollOut;
+ }
+ @keyframes fadeInUpShort {
+ 0% {
+ opacity : 0;
+ transform : translateY(20px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .fadeInUpShort {
+ opacity : 0;
+ transform : translateY(20px);
+ }
+ .fadeInUpShort.go {
+ animation-name : fadeInUpShort;
+ }
+ @keyframes fadeInDownShort {
+ 0% {
+ opacity : 0;
+ transform : translateY(-20px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateY(0);
+ }
+ }
+ .fadeInDownShort {
+ opacity : 0;
+ transform : translateY(-20px);
+ }
+ .fadeInDownShort.go {
+ animation-name : fadeInDownShort;
+ }
+ @keyframes fadeInRightShort {
+ 0% {
+ opacity : 0;
+ transform : translateX(20px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .fadeInRightShort {
+ opacity : 0;
+ transform : translateX(20px);
+ }
+ .fadeInRightShort.go {
+ animation-name : fadeInRightShort;
+ }
+ @keyframes fadeInLeftShort {
+ 0% {
+ opacity : 0;
+ transform : translateX(-20px);
+ }
+ 100% {
+ opacity : 1;
+ transform : translateX(0);
+ }
+ }
+ .fadeInLeftShort {
+ opacity : 0;
+ transform : translateX(-20px);
+ }
+ .fadeInLeftShort.go {
+ animation-name : fadeInLeftShort;
+ }
+ .logo-slider {
+ margin-bottom : 50px;
+ }
+ .logo-slider p {
+ margin : 0 0 40px 0;
+ }
+ @media screen and (max-width:420px) {
+ .logo-slider p {
+ margin : 0 0 25px 0;
+ }
+ .logo-slider .swiper-slide {
+ text-align : center;
+ }
+ }
+ .clients {
+ background : url(../dummy/clients.jpg);
+ padding : 40px 0;
+ margin-bottom : 50px;
+ background-size : cover !important ;
+ }
+ .clients .inner.small, .clients .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .clients .tx-felogin-pi1-inner {
+ padding : 0 60px;
+ }
+ .clients h2, .clients .ce-table table caption, .ce-table table .clients caption {
+ margin-bottom : 50px;
+ color : #fff;
+ }
+ .clients p {
+ color : #fff;
+ text-align : center;
+ }
+ .clients p strong {
+ display : block;
+ margin-bottom : 3px;
+ }
+ .clients p + p {
+ margin-top : 20px;
+ }
+ @media screen and (max-width:600px) {
+ .clients .inner.small, .clients .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .clients .tx-felogin-pi1-inner {
+ padding : 0 40px;
+ }
+ .clients .swiper-button-next-clients {
+ right : 10px;
+ height : 26px;
+ width : 15px;
+ margin-top : -13px;
+ background-size : 15px 26px;
+ }
+ .clients .swiper-button-prev-clients {
+ left : 10px;
+ height : 26px;
+ width : 15px;
+ margin-top : -13px;
+ background-size : 15px 26px;
+ }
+ }
+ .unterseiten-banner {
+ text-align : center;
+ padding : 50px 0 50px 0;
+ background : url(../dummy/banner.jpg) no-repeat #767679;
+ background-position : center !important ;
+ margin-bottom : 50px;
+ min-height : 200px;
+ background-repeat : no-repeat !important ;
+ background-size : cover !important ;
+ }
+ .unterseiten-banner + .breadcrumbContainer {
+ margin-top : -50px;
+ margin-bottom : 50px;
+ }
+ .unterseiten-banner p {
+ color : #fff;
+ }
+ .unterseiten-banner a {
+ margin-top : 20px;
+ }
+ .unterseiten-banner.arrow {
+ position : relative;
+ }
+ .unterseiten-banner.arrow:after, .unterseiten-banner.arrow:before {
+ top : 0;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .unterseiten-banner.arrow:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .unterseiten-banner.arrow:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .unterseiten-banner.arrowGrey {
+ position : relative;
+ }
+ .unterseiten-banner.arrowGrey:after, .unterseiten-banner.arrowGrey:before {
+ top : 0;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .unterseiten-banner.arrowGrey:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #333;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .unterseiten-banner.arrowGrey:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #333;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .ce-twoCol-Box {
+ padding : 0;
+ margin-bottom : 50px;
+ }
+ .ce-twoCol-Box.addPadding {
+ padding : 40px 0;
+ }
+ .ce-twoCol-Box .texttop {
+ margin-bottom : 40px;
+ }
+ .ce-twoCol-Box .texttop h1, .ce-twoCol-Box .texttop h2, .ce-twoCol-Box .texttop .ce-table table caption, .ce-table table .ce-twoCol-Box .texttop caption, .ce-twoCol-Box .texttop h3, .ce-twoCol-Box .texttop h4 {
+ margin-bottom : 0;
+ }
+ .ce-twoCol-Box .boxen .arrowlink:hover:after, .ce-twoCol-Box .boxen .thirdSection .right a:hover:after, .thirdSection .right .ce-twoCol-Box .boxen a:hover:after {
+ display : inline-block;
+ text-decoration : none !important ;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div {
+ float : left;
+ width : calc(100% / 2);
+ padding-right : 95px;
+ position : relative;
+ text-align : right;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div .headlineH2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #report fieldset legend:after, .tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .headlineH2Center:after, .ce-twoCol-Box .boxen.withFontAwesome > div .service-formular fieldset .powermail_legend:after, .service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome > div .powermail_legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .latest-news-container h2:after, .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .latest-news-container .ce-table table caption:after, .latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .latest-news-container caption:after, .ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout h1:after, .mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome > div h1:after {
+ margin : 10px 0 0 auto;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div .smallHeadlineWithUnderline:after {
+ margin : 5px 0 0 auto;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div > i {
+ position : absolute;
+ top : 0;
+ right : 15px;
+ padding : 10px;
+ padding-top : 18px;
+ background : #c6c6c6;
+ border-radius : 50px;
+ height : 60px;
+ width : 60px;
+ text-align : center;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div > i:before {
+ vertical-align : middle;
+ font-size : 24px;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) > i {
+ right : auto;
+ left : 15px;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .smallHeadlineWithUnderline:after {
+ margin : 5px auto 0 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p i {
+ padding-left : 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p + ul {
+ margin-top : 15px;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p.align-left {
+ text-align : left;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p.align-right {
+ text-align : right;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div p.align-center {
+ text-align : center;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div a {
+ color : #0067b1;
+ text-decoration : none;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div a:hover {
+ text-decoration : underline;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(n 3) {
+ margin-top : 45px;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) {
+ padding-right : 0;
+ padding-left : 95px;
+ text-align : left;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .headlineH2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #report fieldset legend:after, .tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .headlineH2Center:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .service-formular fieldset .powermail_legend:after, .service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .powermail_legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .latest-news-container h2:after, .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .latest-news-container .ce-table table caption:after, .latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .latest-news-container caption:after, .ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout h1:after, .mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h1:after {
+ margin : 10px auto 0 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) span {
+ right : auto;
+ left : 15px;
+ }
+ @media screen and (max-width:800px) {
+ .ce-twoCol-Box .boxen.withFontAwesome > div {
+ float : none;
+ width : 100%;
+ margin-right : 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div + div {
+ margin-top : 40px !important ;
+ }
+ }
+ @media screen and (max-width:600px) {
+ .ce-twoCol-Box .boxen.withFontAwesome > div {
+ padding-left : 0;
+ padding-right : 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) {
+ padding-left : 0;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) > i.fa {
+ display : none;
+ }
+ .ce-twoCol-Box .boxen.withFontAwesome > div > i.fa {
+ display : none;
+ }
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div {
+ float : left;
+ width : calc((100% - 25px) / 2);
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div + div {
+ margin-left : 25px;
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(2n 3) {
+ margin-left : 0;
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(n 3) {
+ margin-top : 50px;
+ }
+ @media screen and (max-width:767px) {
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div {
+ float : none;
+ width : 100%;
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(n 3) {
+ margin-top : 25px;
+ }
+ .ce-twoCol-Box .boxen.withoutFontAwesome > div + div {
+ margin-top : 25px;
+ margin-left : 0 !important ;
+ }
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div {
+ float : left;
+ width : 48%;
+ position : relative;
+ padding-left : 120px;
+ min-height : 80px;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa {
+ position : absolute;
+ top : 0;
+ right : 80%;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa:before {
+ vertical-align : middle;
+ font-size : 80px;
+ color : #0067b1;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n 3) {
+ margin-top : 40px;
+ }
+ @media screen and (max-width:800px) {
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div {
+ float : none;
+ width : 100%;
+ padding-left : 0;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n 2) {
+ margin-top : 40px;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa {
+ position : relative;
+ top : auto;
+ left : auto;
+ float : left;
+ margin-right : 15px;
+ display : none;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa:before {
+ font-size : 50px;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(2n) > i.fa {
+ left : auto;
+ }
+ .ce-twoCol-Box .boxen.withOtherFontAwesome div + div {
+ margin-top : 30px;
+ }
+ }
+ .text-slide {
+ margin-bottom : 50px;
+ }
+ .text-slide .openImgSubHeadline {
+ font-size : 15px;
+ line-height : normal;
+ color : #333;
+ text-decoration : none;
+ font-weight : 400;
+ margin : 0 0 5px 0;
+ }
+ .text-slide .left {
+ float : left;
+ width : 40.77%;
+ width : calc((100% - 25px) / 2);
+ }
+ .text-slide .left h3 {
+ font-family : "Open Sans", sans-serif;
+ font-weight : 700;
+ color : #333;
+ margin : 0 0 20px 0;
+ }
+ .text-slide .left p {
+ color : #333;
+ }
+ .text-slide .right {
+ float : left;
+ width : 50%;
+ width : calc((100% - 25px) / 2);
+ margin-left : 9.22%;
+ margin-left : 25px;
+ }
+ .text-slide .right .openImage {
+ position : relative;
+ display : block;
+ }
+ .text-slide .right .openImage i {
+ font-size : 1.5rem;
+ color : #fff;
+ position : absolute;
+ left : 0;
+ right : 0;
+ z-index : 20;
+ top : 50%;
+ margin-top : -12px;
+ text-align : center;
+ color : #333;
+ }
+ .text-slide .right .openImage i:before, .text-slide .right .openImage i:after {
+ color : #333;
+ }
+ .text-slide .right .openImage:after {
+ content : "";
+ position : absolute;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ z-index : 10;
+ background : rgba(255, 255, 255, 0.5);
+ border : rgba(0, 0, 0, 0.2) solid 1px;
+ }
+ .text-slide .right .singleImage {
+ display : block;
+ max-height : 250px;
+ overflow : hidden;
+ }
+ .text-slide .right .singleImage img {
+ display : block;
+ }
+ @media screen and (max-width:768px) {
+ .text-slide .left {
+ width : 100%;
+ float : none;
+ }
+ .text-slide .right {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ margin-top : 25px;
+ }
+ }
+ .ce-Image-Text-Element {
+ margin-bottom : 50px;
+ }
+ .ce-Image-Text-Element .einspaltig .bigText {
+ font-size : 18px;
+ line-height : normal;
+ }
+ .ce-Image-Text-Element .einspaltig + figure {
+ margin-top : 25px;
+ }
+ .ce-Image-Text-Element figure {
+ margin : 0;
+ }
+ .ce-Image-Text-Element figure figcaption {
+ font-size : 12px;
+ display : block;
+ margin : 0;
+ padding : 0;
+ line-height : normal;
+ text-align : right;
+ color : #333;
+ }
+ .ce-Image-Text-Element figure img {
+ display : block;
+ margin : 0 auto;
+ }
+ .ce-Image-Text-Element figure + .einspaltig {
+ margin-top : 25px;
+ }
+ .toggleContainer {
+ margin-bottom : 50px !important ;
+ }
+ @media screen and (max-width:1100px) {
+ .toggleContainer {
+ padding : 50px 25px 40px 25px !important ;
+ }
+ }
+ .toggleContainer h2, .toggleContainer .ce-table table caption, .ce-table table .toggleContainer caption {
+ margin : 0 0 30px 0;
+ }
+ .toggleContainer h3 {
+ padding : 0 20px;
+ background : #ececec;
+ line-height : 55px;
+ margin : 0 0 10px 0;
+ font-weight : 700;
+ outline : none;
+ cursor : pointer;
+ }
+ .toggleContainer h3 i {
+ color : #6c6c6c;
+ }
+ .toggleContainer h3 i + strong {
+ margin-left : 25px;
+ }
+ .toggleContainer h3 i + p {
+ margin-left : 5px;
+ }
+ .toggleContainer h3 strong {
+ font-family : "Quicksand", sans-serif;
+ font-weight : 700;
+ font-size : 24px;
+ line-height : normal;
+ display : inline-block;
+ margin-right : 10px;
+ vertical-align : middle;
+ }
+ .toggleContainer h3 p {
+ display : inline-block;
+ margin : 0;
+ font-family : "Quicksand", sans-serif;
+ color : #333;
+ }
+ .toggleContainer h3 span {
+ float : right;
+ display : inline-block;
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ font-family : "Quicksand", sans-serif;
+ line-height : 55px;
+ }
+ .toggleContainer .ui-accordion-content {
+ padding-bottom : 20px;
+ }
+ @media screen and (max-width:600px) {
+ .toggleContainer h3 strong {
+ font-size : 16px;
+ line-height : normal;
+ }
+ .toggleContainer h3 span {
+ font-size : 14px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .toggleContainer h3 span {
+ float : none;
+ width : 100%;
+ line-height : 16px;
+ display : block;
+ padding-bottom : 15px;
+ padding-left : 44px;
+ margin-top : -10px;
+ }
+ }
+ .ce-threeBoxesWithOption {
+ margin-bottom : 50px;
+ }
+ .ce-threeBoxesWithOption.addPadding {
+ padding : 50px 0 50px 0;
+ }
+ .ce-threeBoxesWithOption p {
+ color : #fff;
+ }
+ .ce-threeBoxesWithOption .inner > div {
+ margin-top : 40px;
+ }
+ .ce-threeBoxesWithOption .inner div article {
+ float : left;
+ width : calc(100% / 3);
+ text-align : center;
+ padding : 0 20px;
+ }
+ .ce-threeBoxesWithOption .inner div article i.big {
+ padding : 25px;
+ background : #fff;
+ border-radius : 50px;
+ font-size : 2rem;
+ margin-bottom : 15px;
+ }
+ .ce-threeBoxesWithOption .inner div article i.small {
+ border-radius : 50px;
+ padding : 15px;
+ text-align : center;
+ vertical-align : middle;
+ color : #0067b1;
+ background : rgba(255, 255, 255, 0.7);
+ font-size : 0.9rem;
+ margin-bottom : 15px;
+ min-height : 42px;
+ min-width : 42px;
+ }
+ .ce-threeBoxesWithOption .inner div article p {
+ color : #fff;
+ text-align : center;
+ }
+ @media screen and (max-width:760px) {
+ .ce-threeBoxesWithOption .inner div article {
+ float : none;
+ width : 100%;
+ }
+ .ce-threeBoxesWithOption .inner div article + article {
+ margin-top : 20px;
+ }
+ .ce-threeBoxesWithOption + .ce-threeBoxesWithOption {
+ margin-top : 2px;
+ }
+ }
+ .fontAwesome-list {
+ margin-bottom : 50px;
+ }
+ .fontAwesome-list ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .fontAwesome-list ul li {
+ display : block;
+ color : #333;
+ position : relative;
+ padding-left : 30px;
+ }
+ .fontAwesome-list ul li i {
+ font-size : 22px;
+ border-radius : 50px;
+ padding : 0;
+ vertical-align : sub;
+ position : absolute;
+ left : 0;
+ top : 2px;
+ }
+ .fontAwesome-list ul li i.border {
+ border : #333 solid 1px;
+ text-align : center;
+ vertical-align : middle;
+ height : 30px;
+ width : 30px;
+ line-height : 30px;
+ font-size : 18px;
+ }
+ .fontAwesome-list ul li.border {
+ min-height : 30px;
+ padding-left : 40px;
+ }
+ .fontAwesome-list ul li.border span {
+ padding-top : 6px;
+ }
+ .fontAwesome-list ul li ul {
+ margin-top : 5px;
+ }
+ .fontAwesome-list ul li span {
+ margin : 0;
+ font-weight : 700;
+ display : inline-block;
+ vertical-align : middle;
+ }
+ .fontAwesome-list ul li + li {
+ margin-top : 10px;
+ }
+ .fontAwesome-list.twocol ul li {
+ position : relative;
+ float : left;
+ width : 48%;
+ padding-left : 30px;
+ }
+ .fontAwesome-list.twocol ul li.border {
+ padding-left : 40px;
+ }
+ .fontAwesome-list.twocol ul li + li {
+ margin-left : 4%;
+ margin-top : 0;
+ }
+ .fontAwesome-list.twocol ul li:nth-of-type(n 3) {
+ margin-top : 15px;
+ }
+ .fontAwesome-list.twocol ul li:nth-of-type(2n 3) {
+ margin-left : 0;
+ }
+ .fontAwesome-list.twocol ul li ul li {
+ float : none;
+ width : 100%;
+ }
+ .fontAwesome-list.twocol ul li ul li:nth-of-type(n 3) {
+ margin-top : 4px;
+ }
+ .fontAwesome-list.twocol ul li ul li + li {
+ margin-left : 0;
+ margin-top : 4px;
+ }
+ @media screen and (max-width:640px) {
+ .fontAwesome-list.twocol ul li {
+ width : 100%;
+ float : none;
+ }
+ .fontAwesome-list.twocol ul li + li {
+ margin-left : 0;
+ }
+ .fontAwesome-list.twocol ul li:nth-of-type(n 2) {
+ margin-top : 15px;
+ }
+ .fontAwesome-list.twocol ul li ul li:nth-of-type(n 2) {
+ margin-top : 0;
+ }
+ }
+ .tx-contentpackage-historieContainer {
+ margin-bottom : 50px;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner {
+ position : relative;
+ border-left : 3px solid #be1622;
+ padding : 44px 0 44px 22px;
+ }
+ @media screen and (max-width:1100px) {
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner {
+ padding : 50px 25px 25px 25px;
+ }
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear {
+ font-size : 32px;
+ line-height : normal;
+ background : #be1622;
+ color : #fff;
+ padding : 5px 10px;
+ width : auto;
+ display : inline-block;
+ margin-left : -118px;
+ }
+ @media screen and (max-width:1260px) {
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear {
+ margin : 0 0 15px -22px;
+ }
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent p {
+ color : #333;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent * {
+ color : #333;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span {
+ display : block;
+ position : relative;
+ background : url(../img/chevron-down.png) no-repeat;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:before, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:after {
+ top : 100%;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement + .tx-contentpackage-historieElement .inner {
+ padding-top : 50px;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement:last-of-type > span {
+ display : none;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground {
+ background : #be1622;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner {
+ border-left : 3px solid #fff;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-historieYear {
+ color : #be1622;
+ background : #fff;
+ }
+ .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent p, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent * {
+ color : #fff;
+ }
+ .ce-os-bee {
+ width : 1030px;
+ height : 820px;
+ margin-bottom : 50px;
+ position : relative;
+ }
+ .ce-os-bee .base {
+ width : 314px;
+ height : 314px;
+ border-radius : 250px;
+ margin : 0 auto;
+ display : block;
+ background : #c6c6c6;
+ padding : 30px;
+ position : relative;
+ margin-top : 261px;
+ line-height : 270px;
+ text-align : center;
+ }
+ .ce-os-bee .base img {
+ position : relative;
+ max-height : 100px;
+ width : auto;
+ vertical-align : middle;
+ }
+ .ce-os-bee .base span {
+ font-size : 24px;
+ color : #be1622;
+ font-weight : 700;
+ line-height : normal;
+ display : inline-block;
+ }
+ .ce-os-bee .child {
+ display : block;
+ width : 100%;
+ height : 100%;
+ vertical-align : middle;
+ text-align : center;
+ font-weight : 400;
+ font-size : 18px;
+ line-height : 156px;
+ color : #333;
+ text-decoration : none;
+ width : 156px;
+ height : 156px;
+ display : inline-block;
+ border-radius : 100px;
+ background : #c6c6c6;
+ position : relative;
+ line-height : 156px;
+ padding : 0 10px;
+ position : absolute;
+ top : 0;
+ left : 0;
+ transition : all 0.5s;
+ }
+ .ce-os-bee .child:hover {
+ background : #be1622;
+ color : #fff;
+ transition : all 0.5s;
+ transform : scale(1.2);
+ }
+ .ce-os-bee .child span {
+ display : inline-block;
+ line-height : 20px;
+ font-size : 18px;
+ top : 50%;
+ position : absolute;
+ left : 15px;
+ right : 15px;
+ }
+ .ce-os-bee .child:after {
+ content : "";
+ border : #fff solid 3px;
+ border-radius : 100px;
+ position : absolute;
+ top : 4px;
+ right : 4px;
+ bottom : 4px;
+ left : 4px;
+ width : 92%;
+ }
+ @media screen and (max-width:1000px) {
+ #sy_lines {
+ display : none !important ;
+ }
+ .ce-os-bee {
+ display : none;
+ }
+ }
+ .ce-table {
+ margin-bottom : 50px !important ;
+ }
+ .ce-table.alignleft table tr td {
+ text-align : left;
+ }
+ .ce-table.alignleft table tr td a {
+ padding-left : 10px;
+ }
+ .ce-table.alignleft table tr td:first-of-type {
+ width : auto;
+ }
+ .ce-table.alignleft table tr td:first-of-type + td {
+ width : auto;
+ }
+ .ce-table.alignleft table tr td:last-of-type {
+ padding-left : 10px;
+ }
+ .ce-table.alignleft table thead tr td:nth-of-type(2) {
+ padding-left : 10px;
+ }
+ .ce-table table {
+ width : 100%;
+ border-collapse : collapse;
+ border : none;
+ }
+ .ce-table table caption {
+ margin-bottom : 40px;
+ }
+ .ce-table table tr {
+ height : 40px;
+ }
+ .ce-table table tr td {
+ text-align : center;
+ font-size : 13px;
+ }
+ .ce-table table tr td a {
+ font-size : 13px;
+ text-decoration : none;
+ line-height : 40px;
+ display : block;
+ background : #0067b1;
+ color : #fff;
+ text-transform : uppercase;
+ font-weight : 400;
+ }
+ .ce-table table tr td:first-of-type {
+ width : 290px;
+ text-align : left;
+ padding-left : 10px;
+ }
+ .ce-table table tr td:first-of-type + td {
+ width : 155px;
+ font-weight : 700;
+ }
+ .ce-table table tr td:nth-of-type(4) {
+ width : 155px;
+ }
+ .ce-table table tr td:nth-of-type(2), .ce-table table tr td:nth-of-type(3), .ce-table table tr td:nth-of-type(4), .ce-table table tr td:nth-of-type(5), .ce-table table tr td:nth-of-type(6) {
+ border-left : 1px solid #cdcdcd;
+ font-weight : 700;
+ font-size : 13px;
+ width : 155px;
+ }
+ .ce-table table tr td:nth-of-type(6) {
+ border-right : 1px solid #cdcdcd;
+ }
+ .ce-table table tr th:nth-of-type(2), .ce-table table tr th:nth-of-type(3), .ce-table table tr th:nth-of-type(4), .ce-table table tr th:nth-of-type(5), .ce-table table tr th:nth-of-type(6) {
+ border-left : 1px solid #cdcdcd;
+ border-top : 1px solid #cdcdcd;
+ font-weight : 400;
+ font-size : 13px;
+ width : 155px;
+ }
+ .ce-table table tr th:nth-of-type(6) {
+ border-right : 1px solid #cdcdcd;
+ }
+ .ce-table table tbody tr:nth-of-type(odd) {
+ background : #ededed;
+ }
+ @media screen and (max-width:1100px) {
+ .ce-table.inner.small, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner {
+ padding : 40px 25px;
+ }
+ }
+ @media screen and (max-width:1000px) {
+ .ce-table.inner.small, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner {
+ width : 100%;
+ overflow : scroll;
+ }
+ .ce-table.inner.small table, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner table {
+ width : 1000px;
+ }
+ }
+ .service-formular {
+ background : #ededed;
+ padding : 40px 0;
+ }
+ .service-formular h3 {
+ display : none;
+ }
+ .service-formular .required {
+ float : right;
+ margin-top : -100px;
+ margin : -160px 0 0 0;
+ font-size : 12px;
+ }
+ @media screen and (max-width:960px) {
+ .service-formular .required {
+ float : none;
+ margin : 0;
+ }
+ }
+ .service-formular fieldset {
+ margin : 0;
+ padding : 0;
+ border : none;
+ }
+ .service-formular fieldset .powermail_legend {
+ margin-bottom : 20px;
+ width : 100%;
+ display : block;
+ }
+ .service-formular label {
+ display : none;
+ }
+ .service-formular input[type="text"], .service-formular input[type="password"], .service-formular input[type="email"], .service-formular input[type="date"], .service-formular select {
+ width : 100%;
+ height : 55px;
+ border : #bbb solid 1px;
+ padding : 10px;
+ color : #cdcdcd;
+ margin-top : 15px;
+ font-size : 18px;
+ color : #333;
+ }
+ .service-formular input[type="submit"] {
+ background : #0067b1;
+ font-size : 15px;
+ line-height : normal;
+ text-transform : uppercase;
+ color : #fff;
+ padding : 15px 60px;
+ margin-top : 30px;
+ border : none;
+ outline : none;
+ font-weight : 700;
+ cursor : pointer;
+ }
+ .service-formular textarea {
+ width : 100%;
+ resize : none;
+ height : 150px;
+ border : #bbb solid 1px;
+ color : #cdcdcd;
+ padding : 10px;
+ font-size : 18px;
+ color : #333;
+ }
+ .service-formular .powermail_fieldwrap_input {
+ float : left;
+ width : calc((100% - 30px) / 3);
+ }
+ .service-formular .powermail_fieldwrap_input + .powermail_fieldwrap_input {
+ margin-left : 15px;
+ }
+ .service-formular .powermail_fieldwrap_check legend {
+ float : left;
+ margin : 25px 15px 15px 0;
+ }
+ .service-formular .powermail_fieldwrap_check input {
+ width : 20px;
+ height : 20px;
+ margin : 1px 3px 0;
+ }
+ .service-formular .powermail_fieldwrap_34 legend, .service-formular .powermail_fieldwrap_45 legend {
+ display : none;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer, .service-formular .powermail_fieldwrap_45 .powermail_check_outer {
+ margin-left : 0;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer input, .service-formular .powermail_fieldwrap_45 .powermail_check_outer input {
+ float : left;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer label, .service-formular .powermail_fieldwrap_45 .powermail_check_outer label {
+ max-width : 80%;
+ float : left;
+ margin-left : 15px;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer label a, .service-formular .powermail_fieldwrap_45 .powermail_check_outer label a {
+ font-size : 12px;
+ line-height : normal;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner, .service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner {
+ margin-left : 0;
+ width : 100%;
+ }
+ .service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner + .powermail_check_inner, .service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner + .powermail_check_inner {
+ margin-top : 20px;
+ }
+ .service-formular .powermail_check_outer label {
+ display : inline-block;
+ vertical-align : middle;
+ float : right;
+ }
+ .service-formular .parsley-required, .service-formular .parsley-custom-error-message {
+ font-size : 12px;
+ line-height : normal;
+ color : #be1622;
+ }
+ .service-formular .powermail_field_error_container_checkbox {
+ position : absolute;
+ }
+ .service-formular .powermail_check_outer {
+ margin : 25px 15px 15px 15px;
+ }
+ .service-formular .powermail_check_outer div {
+ float : left;
+ }
+ .service-formular .powermail_check_outer div + div {
+ margin-left : 15px;
+ }
+ @media screen and (max-width:760px) {
+ .service-formular .powermail_fieldwrap_input {
+ width : 100%;
+ float : none;
+ }
+ .service-formular .powermail_fieldwrap_input + .powermail_fieldwrap_input {
+ margin-left : 0;
+ }
+ .service-formular .powermail_check_outer div {
+ display : block;
+ width : 100%;
+ }
+ .service-formular .powermail_check_outer div.powermail_check_inner input, .service-formular .powermail_check_outer div.powermail_check_inner label {
+ float : left;
+ }
+ .service-formular .powermail_check_outer div + div {
+ margin-left : 0;
+ }
+ }
+ .textOverSendButton {
+ font-size : 12px;
+ margin-top : 25px;
+ margin-bottom : -10px;
+ }
+ .tsaccordion .accordion-header {
+ background : url(../img/akkordeon_zu.png) 20px 20px no-repeat #ececec;
+ font-size : 1.5rem;
+ line-height : 1.9rem;
+ font-weight : normal;
+ padding : 9px 0 9px 64px;
+ margin : 0 0 2px 0;
+ }
+ .tsaccordion .accordion-switcher {
+ cursor : pointer;
+ }
+ .tsaccordion .accordion-switcher-active {
+ background-image : url(../img/akkordeon_offen.png);
+ }
+ .tsaccordion .accordion-content {
+ display : none;
+ padding : 19px 10px 28px 10px;
+ font-size : 0.9rem;
+ line-height : 1.3rem;
+ }
+ .tsaccordion .accordion-content .accordion-left {
+ display : inline-block;
+ float : left;
+ }
+ @media screen and (min-width:769px) {
+ .tsaccordion .accordion-content .accordion-left {
+ max-width : 70%;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .tsaccordion .accordion-content .accordion-left {
+ float : none;
+ display : block;
+ }
+ .tsaccordion .accordion-content .accordion-left > br {
+ display : none;
+ }
+ }
+ .tsaccordion .accordion-content .accordion-left .accordion-name {
+ display : inline-block;
+ font-size : 1.5rem;
+ line-height : 1.9rem;
+ }
+ @media screen and (max-width:768px) {
+ .tsaccordion .accordion-content .accordion-left .accordion-name {
+ display : block;
+ }
+ }
+ .tsaccordion .accordion-content .accordion-left .accordion-thema {
+ display : inline-block;
+ font-size : 0.9rem;
+ line-height : 1.3rem;
+ }
+ @media screen and (max-width:768px) {
+ .tsaccordion .accordion-content .accordion-left .accordion-thema {
+ display : block;
+ }
+ }
+ .tsaccordion .accordion-content .accordion-logo {
+ display : inline-block;
+ float : right;
+ margin : 7px 0 0 0;
+ }
+ @media screen and (max-width:768px) {
+ .tsaccordion .accordion-content .accordion-logo {
+ float : none;
+ }
+ }
+ .tsaccordion .accordion-content .accordion-description {
+ margin : 20px 0 14px 0;
+ }
+ .tsaccordion .accordion-content .accordion-more {
+ color : #0067b1;
+ font-weight : bold;
+ text-decoration : none;
+ display : inline-block;
+ }
+ .tsaccordion .accordion-content .accordion-more img {
+ margin-left : 3px;
+ }
+ .ce-leftright > div {
+ padding : 200px 0;
+ }
+ .ce-leftright > div figure {
+ float : left;
+ max-width : 600px;
+ width : 45.28%;
+ margin : 0;
+ padding : 0;
+ margin-right : 5.28%;
+ padding-left : 3.77%;
+ position : relative;
+ }
+ .ce-leftright > div figure img {
+ display : block;
+ position : relative;
+ z-index : 50;
+ }
+ .ce-leftright > div figure img.small, .ce-leftright > div figure img.medium, .ce-leftright > div figure img.big {
+ position : absolute;
+ z-index : 10;
+ }
+ .ce-leftright > div figure img.small {
+ top : 20px;
+ left : 20px;
+ }
+ .ce-leftright > div figure img.medium {
+ top : 0;
+ right : 20px;
+ }
+ .ce-leftright > div figure img.big {
+ left : 25px;
+ bottom : 0;
+ }
+ .ce-leftright > div figure + div {
+ float : left;
+ max-width : 650px;
+ width : 49.05%;
+ }
+ .ce-leftright > div figure + div p {
+ margin : 0;
+ color : #fff;
+ }
+ .ce-leftright > div figure + div p + * {
+ margin-top : 20px;
+ }
+ .ce-leftright > div figure + div a.redbutton, .ce-leftright > div figure + div a.bluebutton, .ce-leftright > div figure + div .thirdSection .right a, .thirdSection .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div a.darkbluebutton, .ce-leftright > div figure + div a.greybutton, .ce-leftright > div figure + div .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright > div figure + div a.greybutton, .ce-leftright > div figure + div a.whitebutton, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton, .marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright > div figure + div a.redbutton, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) .ce-leftright > div figure + div a, .ce-leftright > div figure + div a.bluebutton, .ce-leftright > div figure + div .thirdSection .right a, .thirdSection .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a {
+ min-width : 0;
+ }
+ .ce-leftright > div figure + div ul ul li {
+ font-weight : 400;
+ padding-left : 0;
+ }
+ .ce-leftright > div figure + div ul ul li:before {
+ display : none;
+ }
+ .ce-leftright > div.right figure {
+ float : right;
+ margin-left : 70px;
+ padding-left : 0;
+ margin-right : 0;
+ padding-right : 50px;
+ }
+ @media screen and (max-width:1180px) {
+ .ce-leftright > div figure img.small, .ce-leftright > div figure img.medium, .ce-leftright > div figure img.big {
+ display : none;
+ }
+ }
+ @media screen and (max-width:1024px) {
+ .ce-leftright .inner {
+ padding : 0 25px;
+ }
+ .ce-leftright > div {
+ padding : 50px 0;
+ }
+ .ce-leftright > div figure {
+ float : none;
+ max-width : none;
+ width : 100%;
+ margin-right : 0;
+ padding-left : 0;
+ margin-bottom : 25px;
+ }
+ .ce-leftright > div figure img {
+ margin : 0 auto;
+ }
+ .ce-leftright > div figure + div {
+ float : none;
+ max-width : none;
+ width : 100%;
+ margin-top : 40px;
+ text-align : center;
+ }
+ }
+ .sliderContainer {
+ margin-bottom : 50px;
+ }
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding-top : 100px;
+ }
+ .sliderContainer .swiper-container {
+ height : 600px;
+ }
+ .sliderContainer .swiper-slide {
+ background-size : cover !important ;
+ background-position : center center !important ;
+ }
+ .sliderContainer .slider-overlay {
+ background : rgba(0, 0, 0, 0.3);
+ width : 100%;
+ height : 100%;
+ }
+ .sliderContainer p {
+ font-size : 24px;
+ line-height : 34px;
+ color : #fff;
+ margin : 0;
+ font-weight : 600;
+ text-align : center;
+ }
+ .sliderContainer p + p {
+ margin-top : 30px;
+ }
+ @media screen and (max-width:680px) {
+ .sliderContainer .headlineH1Center, .sliderContainer p.headlineH1Center, .sliderContainer p.headlineH1Center, .sliderContainer .sliderContainer p.headlineH1Center {
+ font-weight : 600 !important ;
+ }
+ }
+ @media screen and (max-width:1100px) {
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding : 100px 60px;
+ }
+ .sliderContainer p {
+ font-size : 22px;
+ line-height : 32px;
+ }
+ }
+ @media screen and (max-width:800px) {
+ .sliderContainer {
+ background-size : cover !important ;
+ }
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding : 60px 60px;
+ }
+ .sliderContainer .swiper-container {
+ height : 500px;
+ }
+ .sliderContainer p {
+ font-size : 20px;
+ line-height : 30px;
+ }
+ }
+ @media screen and (max-width:600px) {
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding : 60px 40px;
+ }
+ .sliderContainer p {
+ font-size : 18px;
+ line-height : 28px;
+ }
+ .sliderContainer a {
+ font-size : 15px;
+ line-height : normal;
+ }
+ .sliderContainer .swiper-button-next {
+ right : 10px;
+ height : 26px;
+ width : 15px;
+ margin-top : -13px;
+ background-size : 15px 26px;
+ }
+ .sliderContainer .swiper-button-prev {
+ left : 10px;
+ height : 26px;
+ width : 15px;
+ margin-top : -13px;
+ background-size : 15px 26px;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .sliderContainer .swiper-container {
+ height : 400px;
+ }
+ .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner {
+ padding : 20px 35px;
+ }
+ .sliderContainer a {
+ font-size : 15px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:420px) {
+ .sliderContainer .swiper-container {
+ height : 450px;
+ }
+ }
+ .mapsContainer {
+ float : right;
+ width : calc((100% - 40px) / 2);
+ }
+ @media screen and (max-width:800px) {
+ .mapsContainer {
+ float : none;
+ width : 100%;
+ margin-top : 25px;
+ }
+ }
+ .mapsContainer iframe {
+ width : 100% !important ;
+ }
+ .contactMain {
+ margin-bottom : 50px !important ;
+ }
+ @media screen and (max-width:1100px) {
+ .contactMain {
+ padding-left : 25px;
+ padding-right : 25px;
+ }
+ }
+ .powermail_form_3, .powermail_form_4, .powermail_form_5, .powermail_form_6, .powermail_form_7 {
+ float : left;
+ width : calc((100% - 40px) / 2);
+ }
+ @media screen and (max-width:800px) {
+ .powermail_form_3, .powermail_form_4, .powermail_form_5, .powermail_form_6, .powermail_form_7 {
+ float : none;
+ width : 100%;
+ }
+ }
+ .powermail_form_3 fieldset, .powermail_form_4 fieldset, .powermail_form_5 fieldset, .powermail_form_6 fieldset, .powermail_form_7 fieldset {
+ margin : 0;
+ padding : 0;
+ border : none;
+ }
+ .powermail_form_3 fieldset legend, .powermail_form_4 fieldset legend, .powermail_form_5 fieldset legend, .powermail_form_6 fieldset legend, .powermail_form_7 fieldset legend {
+ display : none;
+ }
+ .powermail_form_3 fieldset > div + div, .powermail_form_4 fieldset > div + div, .powermail_form_5 fieldset > div + div, .powermail_form_6 fieldset > div + div, .powermail_form_7 fieldset > div + div {
+ margin-top : 15px;
+ }
+ .powermail_form_3 h3, .powermail_form_4 h3, .powermail_form_5 h3, .powermail_form_6 h3, .powermail_form_7 h3 {
+ display : none;
+ }
+ .powermail_form_3 div label, .powermail_form_4 div label, .powermail_form_5 div label, .powermail_form_6 div label, .powermail_form_7 div label {
+ float : none;
+ display : block;
+ width : 100%;
+ margin-bottom : 2px;
+ }
+ .powermail_form_3 div input, .powermail_form_4 div input, .powermail_form_5 div input, .powermail_form_6 div input, .powermail_form_7 div input {
+ display : block;
+ border : #c6c6c6 solid 1px;
+ height : 30px;
+ width : 400px;
+ width : 100%;
+ padding : 0 10px;
+ color : #333;
+ }
+ .powermail_form_3 div input[type="submit"], .powermail_form_4 div input[type="submit"], .powermail_form_5 div input[type="submit"], .powermail_form_6 div input[type="submit"], .powermail_form_7 div input[type="submit"] {
+ width : 100px;
+ cursor : pointer;
+ }
+ .powermail_form_3 div textarea, .powermail_form_4 div textarea, .powermail_form_5 div textarea, .powermail_form_6 div textarea, .powermail_form_7 div textarea {
+ display : block;
+ margin-top : 5px;
+ resize : none;
+ width : 400px;
+ width : 100%;
+ height : 150px;
+ border : #c6c6c6 solid 1px;
+ padding : 5px 10px;
+ color : #333;
+ }
+ .powermail_form_3 div .parsley-required, .powermail_form_3 div .parsley-custom-error-message, .powermail_form_4 div .parsley-required, .powermail_form_4 div .parsley-custom-error-message, .powermail_form_5 div .parsley-required, .powermail_form_5 div .parsley-custom-error-message, .powermail_form_6 div .parsley-required, .powermail_form_6 div .parsley-custom-error-message, .powermail_form_7 div .parsley-required, .powermail_form_7 div .parsley-custom-error-message {
+ font-size : 12px;
+ line-height : normal;
+ color : #be1622;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_textarea label, .powermail_form_4 div.powermail_fieldwrap_textarea label, .powermail_form_5 div.powermail_fieldwrap_textarea label, .powermail_form_6 div.powermail_fieldwrap_textarea label, .powermail_form_7 div.powermail_fieldwrap_textarea label {
+ width : auto;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check, .powermail_form_4 div.powermail_fieldwrap_check, .powermail_form_5 div.powermail_fieldwrap_check, .powermail_form_6 div.powermail_fieldwrap_check, .powermail_form_7 div.powermail_fieldwrap_check {
+ position : relative;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_4 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_5 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_6 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_7 div.powermail_fieldwrap_check .powermail_check_inner {
+ position : relative;
+ padding-left : 20px;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check label, .powermail_form_4 div.powermail_fieldwrap_check label, .powermail_form_5 div.powermail_fieldwrap_check label, .powermail_form_6 div.powermail_fieldwrap_check label, .powermail_form_7 div.powermail_fieldwrap_check label {
+ font-size : 12px;
+ line-height : normal;
+ max-width : 100%;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check label a, .powermail_form_4 div.powermail_fieldwrap_check label a, .powermail_form_5 div.powermail_fieldwrap_check label a, .powermail_form_6 div.powermail_fieldwrap_check label a, .powermail_form_7 div.powermail_fieldwrap_check label a {
+ font-size : 12px;
+ line-height : normal;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check input, .powermail_form_4 div.powermail_fieldwrap_check input, .powermail_form_5 div.powermail_fieldwrap_check input, .powermail_form_6 div.powermail_fieldwrap_check input, .powermail_form_7 div.powermail_fieldwrap_check input {
+ width : auto;
+ height : auto;
+ position : absolute;
+ left : 0;
+ top : 2px;
+ margin : 0;
+ }
+ .powermail_form_3 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_4 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_5 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_6 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_7 div.powermail_fieldwrap_check + .powermail_fieldwrap_check {
+ margin-top : 0;
+ }
+ .powermail_form_3 .textOverSendButton, .powermail_form_4 .textOverSendButton, .powermail_form_5 .textOverSendButton, .powermail_form_6 .textOverSendButton, .powermail_form_7 .textOverSendButton {
+ font-size : 12px;
+ margin-top : 25px;
+ margin-bottom : 0;
+ }
+ .firstSection {
+ max-height : 870px;
+ position : relative;
+ overflow : hidden;
+ }
+ .firstSection > a {
+ display : block;
+ }
+ .firstSection > a + div {
+ position : absolute;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ z-index : 100;
+ background : rgba(0, 0, 0, 0.4);
+ }
+ .firstSection > a + div img:first-of-type {
+ position : absolute;
+ z-index : 150;
+ top : 50%;
+ margin-top : -49px;
+ text-align : center;
+ left : 50%;
+ margin-left : -183px;
+ }
+ @media screen and (max-width:480px) {
+ .firstSection > a + div img:first-of-type {
+ max-width : 250px;
+ margin-left : -125px;
+ margin-top : -33px;
+ }
+ }
+ .firstSection > a + div img:first-of-type + img {
+ position : absolute;
+ left : 50%;
+ margin-left : -58px;
+ bottom : 40px;
+ }
+ @media screen and (max-width:600px) {
+ .firstSection > a + div img:first-of-type + img {
+ display : none;
+ }
+ }
+ .firstSection video {
+ width : 100%;
+ display : block;
+ }
+ .firstSection figure {
+ margin : 0;
+ padding : 0;
+ width : 100%;
+ }
+ .firstSection figure img {
+ width : 100%;
+ }
+ .firstSection video + .linkLayout, .firstSection figure + .linkLayout {
+ position : absolute;
+ top : 0;
+ right : 0;
+ bottom : 0;
+ left : 0;
+ z-index : 100;
+ background : rgba(0, 0, 0, 0.4);
+ }
+ .firstSection video + .linkLayout img:first-of-type, .firstSection figure + .linkLayout img:first-of-type {
+ position : absolute;
+ z-index : 150;
+ top : 50%;
+ margin-top : -49px;
+ text-align : center;
+ left : 50%;
+ margin-left : -183px;
+ }
+ @media screen and (max-width:480px) {
+ .firstSection video + .linkLayout img:first-of-type, .firstSection figure + .linkLayout img:first-of-type {
+ max-width : 250px;
+ margin-left : -125px;
+ margin-top : -33px;
+ }
+ }
+ .firstSection video + .linkLayout img:first-of-type + img, .firstSection figure + .linkLayout img:first-of-type + img {
+ position : absolute;
+ left : 50%;
+ margin-left : -58px;
+ bottom : 40px;
+ }
+ @media screen and (max-width:600px) {
+ .firstSection video + .linkLayout img:first-of-type + img, .firstSection figure + .linkLayout img:first-of-type + img {
+ display : none;
+ }
+ }
+ .secondSection {
+ background : #0067b1;
+ }
+ .secondSection h2, .secondSection .ce-table table caption, .ce-table table .secondSection caption {
+ font-size : 40px;
+ font-weight : 400;
+ color : #fff;
+ line-height : normal;
+ text-align : left;
+ margin : 0 0 26px 0;
+ }
+ .secondSection h2:after, .secondSection .ce-table table caption:after, .ce-table table .secondSection caption:after {
+ display : none;
+ }
+ .secondSection p {
+ color : #fff;
+ max-width : 540px;
+ }
+ .secondSection div.inner {
+ padding : 0 25px 50px 25px;
+ }
+ .secondSection div.inner:first-of-type {
+ padding-top : 130px;
+ }
+ .secondSection div.inner:first-of-type .big {
+ position : absolute;
+ top : -70px;
+ right : 95px;
+ z-index : 5;
+ }
+ .secondSection div.inner:first-of-type .medium {
+ position : absolute;
+ bottom : -85px;
+ left : -5px;
+ }
+ .secondSection div.inner:first-of-type .small {
+ position : absolute;
+ left : 40px;
+ top : -25px;
+ }
+ .secondSection div.inner:nth-of-type(2) .big {
+ position : absolute;
+ top : -48px;
+ left : 16px;
+ z-index : 5;
+ }
+ .secondSection div.inner:nth-of-type(2) .medium {
+ position : absolute;
+ bottom : -75px;
+ left : 40px;
+ }
+ .secondSection div.inner:nth-of-type(2) .small {
+ position : absolute;
+ right : 90px;
+ top : 115px;
+ }
+ .secondSection div.inner:nth-of-type(3) h2, .secondSection div.inner:nth-of-type(3) .ce-table table caption, .ce-table table .secondSection div.inner:nth-of-type(3) caption {
+ margin-top : 0;
+ }
+ .secondSection div.inner:nth-of-type(3) .big {
+ position : absolute;
+ bottom : -75px;
+ left : 40px;
+ z-index : 5;
+ }
+ .secondSection div.inner:nth-of-type(3) .medium {
+ position : absolute;
+ top : -48px;
+ left : 16px;
+ }
+ .secondSection div.inner:nth-of-type(3) .small {
+ position : absolute;
+ right : 90px;
+ top : 115px;
+ }
+ .secondSection div.inner:nth-of-type(4) .big {
+ position : absolute;
+ top : -48px;
+ left : 16px;
+ z-index : 5;
+ }
+ .secondSection div.inner:nth-of-type(4) .medium {
+ position : absolute;
+ bottom : -75px;
+ left : 40px;
+ }
+ .secondSection div.inner:nth-of-type(4) .small {
+ position : absolute;
+ right : 90px;
+ top : 115px;
+ }
+ .secondSection div.inner:last-of-type {
+ padding-bottom : 130px;
+ text-align : center;
+ }
+ .secondSection div.inner .left {
+ float : left;
+ width : 50%;
+ position : relative;
+ }
+ .secondSection div.inner .right {
+ float : left;
+ width : 50%;
+ position : relative;
+ }
+ .secondSection div.inner .default {
+ position : relative;
+ z-index : 15;
+ }
+ @media screen and (max-width:1180px) {
+ .secondSection div.inner .small, .secondSection div.inner .medium, .secondSection div.inner .big {
+ display : none !important ;
+ }
+ .secondSection div.inner .right {
+ padding-left : 3%;
+ padding-right : 3%;
+ }
+ .secondSection div.inner .left {
+ padding-right : 5%;
+ }
+ }
+ .secondSection div.inner + div {
+ margin-top : 130px;
+ }
+ @media screen and (max-width:1024px) {
+ .secondSection .animatedParent {
+ display : none;
+ }
+ .secondSection div.inner:first-of-type {
+ padding-top : 50px;
+ }
+ .secondSection div.inner:last-of-type {
+ padding-bottom : 50px;
+ }
+ .secondSection div.inner .right:not(.animatedParent) {
+ padding : 0;
+ margin : 0 auto;
+ float : none;
+ width : 100%;
+ }
+ .secondSection div.inner .right:not(.animatedParent) h2, .secondSection div.inner .right:not(.animatedParent) .ce-table table caption, .ce-table table .secondSection div.inner .right:not(.animatedParent) caption {
+ font-size : 30px;
+ line-height : normal;
+ margin : 0 0 15px 0;
+ }
+ .secondSection div.inner .right:not(.animatedParent) p {
+ max-width : none;
+ }
+ .secondSection div.inner .left:not(.animatedParent) {
+ padding : 0;
+ margin : 0 auto;
+ float : none;
+ width : 100%;
+ }
+ .secondSection div.inner .left:not(.animatedParent) h2, .secondSection div.inner .left:not(.animatedParent) .ce-table table caption, .ce-table table .secondSection div.inner .left:not(.animatedParent) caption {
+ font-size : 30px;
+ line-height : normal;
+ margin : 0 0 15px 0;
+ }
+ .secondSection div.inner .left:not(.animatedParent) p {
+ max-width : none;
+ }
+ .secondSection div.inner + div {
+ margin-top : 50px;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .secondSection div.inner .right:not(.animatedParent) {
+ width : 100%;
+ }
+ .secondSection div.inner .right:not(.animatedParent) p {
+ max-width : none;
+ }
+ .secondSection div.inner .left:not(.animatedParent) {
+ width : 100%;
+ }
+ .secondSection div.inner .left:not(.animatedParent) p {
+ max-width : none;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .secondSection div.inner img {
+ max-width : 250px;
+ }
+ }
+ .thirdSection {
+ text-align : center;
+ background : #fc0;
+ padding-top : 100px;
+ }
+ .thirdSection .inner {
+ padding : 100px 25px 170px 25px;
+ }
+ .thirdSection .left {
+ float : left;
+ width : 50%;
+ position : relative;
+ }
+ .thirdSection .right {
+ float : left;
+ width : 50%;
+ position : relative;
+ padding-top : 110px;
+ }
+ .thirdSection .right a {
+ margin-bottom : 30px;
+ }
+ .thirdSection h2, .thirdSection .ce-table table caption, .ce-table table .thirdSection caption {
+ font-size : 40px;
+ text-align : center;
+ margin : 0 0 15px 0;
+ color : #333;
+ }
+ .thirdSection p {
+ color : #333;
+ text-align : center;
+ margin : 0 0 40px 0;
+ }
+ .thirdSection .buttonContainer {
+ text-align : center;
+ }
+ .thirdSection .default {
+ z-index : 10;
+ position : relative;
+ left : 55px;
+ left : 0;
+ }
+ .thirdSection .big {
+ position : absolute;
+ bottom : 50px;
+ left : -40px;
+ z-index : 5;
+ }
+ .thirdSection .medium {
+ position : absolute;
+ left : 165px;
+ top : -65px;
+ }
+ .thirdSection .small {
+ position : absolute;
+ bottom : 0;
+ right : 60px;
+ }
+ @media screen and (max-width:1250px) {
+ .thirdSection .default {
+ left : 25px;
+ }
+ }
+ @media screen and (max-width:1180px) {
+ .thirdSection {
+ padding-top : 0;
+ }
+ .thirdSection .default {
+ left : 0;
+ }
+ .thirdSection .small, .thirdSection .medium, .thirdSection .big {
+ display : none !important ;
+ }
+ .thirdSection .left {
+ padding-right : 5%;
+ }
+ .thirdSection .right {
+ padding-left : 3%;
+ padding-right : 3%;
+ }
+ }
+ @media screen and (max-width:1024px) {
+ .thirdSection {
+ padding-top : 0;
+ }
+ .thirdSection .inner {
+ padding-top : 50px;
+ padding-bottom : 50px;
+ }
+ .thirdSection .inner h2, .thirdSection .inner .ce-table table caption, .ce-table table .thirdSection .inner caption {
+ font-size : 30px;
+ line-height : normal;
+ margin : 0 0 15px 0;
+ }
+ .thirdSection .inner a {
+ font-size : 22px;
+ line-height : normal;
+ }
+ .thirdSection .left {
+ display : none;
+ }
+ .thirdSection .right {
+ float : none;
+ width : 100%;
+ padding : 0;
+ }
+ }
+ .wrapsvg, .wrapsvg1, .wrapsvg4, .wrapsvg2, .wrapsvg3 {
+ float : left;
+ border : transparent solid 1px;
+ position : relative;
+ }
+ @media screen and (max-width:1024px) {
+ .wrapsvg, .wrapsvg1, .wrapsvg4, .wrapsvg2, .wrapsvg3 {
+ display : none !important ;
+ }
+ }
+ .wrapsvg1 {
+ left : -705px;
+ top : 128px;
+ }
+ .wrapsvg4 {
+ left : -705px;
+ top : 128px;
+ }
+ .wrapsvg2 {
+ left : -15px;
+ top : -140px;
+ }
+ .wrapsvg3 {
+ left : -700px;
+ top : 60px;
+ }
+ .svg1 {
+ position : absolute;
+ }
+ .svg2 {
+ position : absolute;
+ }
+ .svg3 {
+ position : absolute;
+ }
+ .svg4 {
+ position : absolute;
+ }
+ nav.section {
+ position : fixed;
+ top : 50%;
+ right : 20px;
+ z-index : 9999;
+ }
+ @media screen and (max-width:1024px) {
+ nav.section {
+ display : none;
+ }
+ }
+ nav.section ul li {
+ width : 20px;
+ height : 20px;
+ border-radius : 25px;
+ background : #fff;
+ display : block;
+ cursor : pointer;
+ transition : all 0.3s;
+ }
+ nav.section ul li a {
+ z-index : 100;
+ display : none;
+ padding : 14px 10px;
+ margin-top : -3px;
+ right : 48px;
+ font-size : 12px;
+ text-decoration : none;
+ }
+ nav.section ul li + li {
+ margin-top : 5px;
+ }
+ nav.section ul li:hover a {
+ display : inline;
+ position : fixed;
+ color : #fff;
+ height : 10px;
+ line-height : 2px;
+ text-align : center;
+ background : #be1622;
+ }
+ nav.section ul li.active {
+ width : 15px;
+ height : 15px;
+ transition : all 0.3s;
+ margin : 5px auto 0 auto;
+ }
+ .newsletter {
+ width : 100%;
+ padding : 50px 0 0 0;
+ background : #ececec;
+ position : relative;
+ }
+ .newsletter:after, .newsletter:before {
+ top : 0;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .newsletter:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .newsletter:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-top-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .newsletter .right {
+ float : right;
+ width : 100%;
+ max-width : 463px;
+ max-width : 420px;
+ }
+ @media screen and (max-width:900px) {
+ .newsletter .right {
+ float : none;
+ width : 100%;
+ max-width : none;
+ padding : 0 25px;
+ }
+ }
+ .newsletter .firstrow {
+ width : 100%;
+ max-width : 840px;
+ margin : 0 auto;
+ }
+ .newsletter .firstrow h2, .newsletter .firstrow .ce-table table caption, .ce-table table .newsletter .firstrow caption {
+ text-align : left;
+ }
+ .newsletter .firstrow h2:after, .newsletter .firstrow .ce-table table caption:after, .ce-table table .newsletter .firstrow caption:after {
+ margin : 10px 0 0 0;
+ }
+ .newsletter .firstrow p {
+ font-weight : 700;
+ color : #333;
+ margin : 0 0 30px 0;
+ }
+ .newsletter .firstrow ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .newsletter .firstrow ul li {
+ display : block;
+ color : #333;
+ font-weight : 700;
+ }
+ .newsletter .firstrow ul li span {
+ font-size : 22px;
+ margin-right : 10px;
+ border-radius : 50px;
+ border : #333 solid 2px;
+ padding : 10px;
+ vertical-align : sub;
+ }
+ .newsletter .firstrow ul li p {
+ margin : 0;
+ display : inline-block;
+ vertical-align : middle;
+ }
+ @media screen and (max-width:440px) {
+ .newsletter .firstrow ul li p {
+ width : 80%;
+ }
+ }
+ @media screen and (max-width:360px) {
+ .newsletter .firstrow ul li p {
+ width : 70%;
+ }
+ }
+ .newsletter .firstrow ul li + li {
+ margin-top : 10px;
+ }
+ .newsletter .secondrow {
+ background : #333;
+ padding : 60px 0;
+ margin-top : 30px;
+ }
+ .newsletter .secondrow .inner {
+ max-width : 836px;
+ position : relative;
+ }
+ .newsletter .secondrow img {
+ position : absolute;
+ left : 0;
+ left : 50px;
+ bottom : 0;
+ box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.4);
+ }
+ @media screen and (max-width:900px) {
+ .newsletter .secondrow img {
+ display : none;
+ }
+ }
+ .newsletter .secondrow .button {
+ text-align : center;
+ }
+ .newsletter .secondrow .button.animation span, .newsletter .secondrow .button.animation i {
+ display : inline-block;
+ padding-left : 0;
+ transition : all 0.7s;
+ }
+ .newsletter .secondrow .button.animation span + i {
+ padding-left : 5px;
+ transition : all 0.7s;
+ }
+ .newsletter .secondrow .button.animation i + span {
+ padding-left : 5px;
+ transition : all 0.7s;
+ }
+ .newsletter .secondrow .button.animation:hover span + i {
+ padding-left : 10px;
+ transition : all 0.7s;
+ }
+ .newsletter .secondrow .button.animation:hover i + span {
+ padding-left : 10px;
+ transition : all 0.7s;
+ }
+ .ce-download {
+ float : left;
+ width : 42%;
+ margin-bottom : 50px;
+ }
+ .ce-download h2, .ce-download .ce-table table caption, .ce-table table .ce-download caption {
+ text-align : left;
+ }
+ .ce-download h2:after, .ce-download .ce-table table caption:after, .ce-table table .ce-download caption:after {
+ margin : 10px 0 0 0;
+ }
+ .ce-download strong {
+ font-weight : 700;
+ font-size : 72px;
+ line-height : 3.3rem;
+ color : #333;
+ margin : 0 0 15px 0;
+ display : block;
+ }
+ .ce-download .date {
+ margin : 0 0 30px 0;
+ font-size : 14px;
+ line-height : normal;
+ color : #333;
+ }
+ .ce-download .agbContainer {
+ margin-top : 30px;
+ margin-bottom : 25px;
+ padding-left : 30px;
+ position : relative;
+ font-size : 14px;
+ line-height : normal;
+ }
+ .ce-download .agbContainer a {
+ color : #0067b1;
+ text-decoration : none;
+ }
+ .ce-download .agbContainer a:hover {
+ text-decoration : underline;
+ }
+ .ce-download .agbContainer input {
+ position : absolute;
+ left : 0;
+ top : 1px;
+ width : 20px;
+ height : 20px;
+ }
+ .ce-download .shortDescription {
+ margin-top : 0;
+ font-size : 14px;
+ line-height : normal;
+ }
+ .ce-download .Dbutton {
+ color : #fff;
+ background : #df8e96;
+ text-decoration : none;
+ width : 100%;
+ max-width : 280px;
+ display : block;
+ padding : 15px;
+ border : none;
+ outline : none;
+ text-align : left;
+ font-size : 22px;
+ line-height : normal;
+ }
+ .ce-download .Dbutton span {
+ font-size : 15px;
+ line-height : normal;
+ display : block;
+ margin-top : 5px;
+ }
+ .ce-download .Dbutton.active {
+ background : #be1622;
+ cursor : pointer;
+ }
+ .ce-download .Dbutton + div + .Dbutton, .ce-download .Dbutton + .Dbutton {
+ margin-top : 20px;
+ }
+ .ce-download .Dbutton.github {
+ background : #ececec;
+ color : #333;
+ padding : 20px 15px;
+ }
+ .ce-download .Dbutton.github span {
+ font-size : 45px;
+ vertical-align : sub;
+ margin-right : 8px;
+ margin-left : 15px;
+ display : inline-block;
+ }
+ .downloadOverlayContainer {
+ background : #fff;
+ padding : 25px 50px;
+ max-width : 720px;
+ margin : 0 auto;
+ position : relative;
+ }
+ .downloadOverlayContainer h1, .downloadOverlayContainer h2, .downloadOverlayContainer .ce-table table caption, .ce-table table .downloadOverlayContainer caption, .downloadOverlayContainer h3 {
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ font-weight : 400;
+ text-align : center;
+ margin : 0 0 15px 0;
+ }
+ .downloadOverlayContainer h3 {
+ font-weight : 700;
+ }
+ .downloadOverlayContainer .input {
+ background : #ececec;
+ padding : 8px 12px;
+ border : #333 dotted 1px;
+ display : inline-block;
+ width : 65%;
+ color : #0067b1;
+ overflow-x : auto;
+ height : 40px;
+ }
+ .downloadOverlayContainer .copyButton {
+ background : #0067b1;
+ color : #fff;
+ font-size : 15px;
+ line-height : normal;
+ padding : 8px 5px;
+ display : inline-block;
+ width : 32%;
+ text-align : center;
+ vertical-align : top;
+ border : none;
+ outline : none;
+ cursor : pointer;
+ height : 40px;
+ }
+ .downloadOverlayContainer .copyButton i {
+ margin-right : 5px;
+ }
+ @media screen and (max-width:720px) {
+ .downloadOverlayContainer {
+ padding : 25px 25px;
+ }
+ .downloadOverlayContainer .input {
+ display : block;
+ width : 100%;
+ height : auto;
+ }
+ .downloadOverlayContainer .copyButton {
+ display : block;
+ width : 100%;
+ height : auto;
+ }
+ }
+ .mfp-wrap {
+ overflow-x : scroll !important ;
+ }
+ .ce-downloadhinweis {
+ float : right;
+ width : 50%;
+ margin-bottom : 50px;
+ }
+ .ce-downloadhinweis h2, .ce-downloadhinweis .ce-table table caption, .ce-table table .ce-downloadhinweis caption {
+ text-align : left;
+ }
+ .ce-downloadhinweis h2:after, .ce-downloadhinweis .ce-table table caption:after, .ce-table table .ce-downloadhinweis caption:after {
+ margin : 10px 0 0 0;
+ }
+ .ce-downloadhinweis p + p {
+ margin-top : 30px;
+ }
+ .ce-downloadhinweis p + ol, .ce-downloadhinweis p + ul {
+ margin-top : 25px;
+ }
+ .ce-downloadhinweis ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .ce-downloadhinweis ul li {
+ color : #333;
+ }
+ .ce-downloadhinweis ul li a {
+ text-decoration : none;
+ color : #333;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .ce-downloadhinweis ul li a:hover {
+ text-decoration : underline;
+ }
+ .ce-downloadhinweis ul li + li {
+ margin-top : 3px;
+ }
+ .ce-downloadhinweis ul li:before {
+ content : "\f178";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ margin-right : 5px;
+ }
+ .ce-downloadhinweis ol {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .ce-downloadhinweis ol li {
+ display : block;
+ counter-increment : olliste;
+ }
+ .ce-downloadhinweis ol li:before {
+ content : counter(olliste) ".";
+ font-weight : 700;
+ font-size : 32px;
+ line-height : normal;
+ color : #bbbbbb;
+ margin-right : 5px;
+ }
+ .ce-downloadhinweis ol li + li {
+ margin-top : 15px;
+ }
+ .ce-downloadhinweis ol + p {
+ margin-top : 25px;
+ }
+ @media screen and (max-width:768px) {
+ .ce-download {
+ float : none;
+ width : 100%;
+ }
+ .ce-downloadhinweis {
+ float : none;
+ width : 100%;
+ }
+ }
+ .ce-youtube-text {
+ margin-bottom : 50px;
+ }
+ .ce-youtube-text h2, .ce-youtube-text .ce-table table caption, .ce-table table .ce-youtube-text caption {
+ margin-top : 0;
+ }
+ .ce-youtube-text .left, .ce-youtube-text .right {
+ float : left;
+ width : calc((100% - 20px) / 2);
+ }
+ @media screen and (max-width:767px) {
+ .ce-youtube-text .left, .ce-youtube-text .right {
+ float : none;
+ width : 100%;
+ }
+ }
+ .ce-youtube-text .left iframe {
+ width : 100% !important ;
+ height : 315px;
+ }
+ .ce-youtube-text .right {
+ margin-left : 20px;
+ }
+ .ce-youtube-text .right a {
+ display : block;
+ margin-top : 15px;
+ }
+ @media screen and (max-width:767px) {
+ .ce-youtube-text .right {
+ margin-left : 0;
+ margin-top : 20px;
+ }
+ }
+ .ce-youtube-slider {
+ margin-bottom : 50px;
+ }
+ .ce-youtube-slider .inner.small, .ce-youtube-slider .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .ce-youtube-slider .tx-felogin-pi1-inner {
+ position : relative;
+ }
+ .ce-youtube-slider a {
+ text-decoration : none;
+ }
+ .ce-youtube-slider p {
+ margin : 3px 0 0 0;
+ color : #333;
+ }
+ .ce-youtube-slider + div, .ce-youtube-slider + section {
+ border-top : 1px solid #c6c6c6;
+ padding-top : 50px;
+ }
+ .ce-youtube-slider .swiper-button-prev-small-youtube, .ce-youtube-slider .swiper-button-next-small-youtube {
+ padding : 12px 10px;
+ background : #ececec;
+ width : 30px;
+ }
+ .ce-youtube-slider .swiper-button-prev-small-youtube i.fa, .ce-youtube-slider .swiper-button-next-small-youtube i.fa {
+ padding-left : 0;
+ }
+ .ce-youtube-slider .swiper-button-next-small-youtube {
+ right : -30px;
+ }
+ .ce-youtube-slider .swiper-button-prev-small-youtube {
+ left : -30px;
+ }
+ .ce-youtube-slider .swiper-slide a div {
+ max-height : 140px;
+ height : auto;
+ overflow : hidden;
+ }
+ .ce-youtube-slider .swiper-slide a div img {
+ width : 100%;
+ }
+ @media screen and (max-width:640px) {
+ .ce-youtube-slider .swiper-slide a div {
+ max-height : none;
+ }
+ }
+ .shopDetailsContainer {
+ background : #ececec;
+ padding : 10px 0;
+ margin-bottom : 10px;
+ }
+ .shopDetailsContainer .left {
+ float : left;
+ min-height : 1px;
+ }
+ .shopDetailsContainer .left a {
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ text-decoration : none;
+ }
+ .shopDetailsContainer .left a i {
+ font-size : 12px;
+ }
+ .shopDetailsContainer .right {
+ float : right;
+ min-height : 1px;
+ }
+ .shopDetailsContainer .right ul li {
+ display : inline-block;
+ }
+ .shopDetailsContainer .right ul li a {
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ text-decoration : none;
+ }
+ .shopDetailsContainer .right ul li + li {
+ margin-left : 5px;
+ }
+ .shopDetailsContainer .tx-sy-osbeeproducts {
+ padding : 0;
+ }
+ .shopDetailsContainer .tx-sy-osbeeproducts ul {
+ display : inline-block;
+ }
+ .shopDetailsContainer .changeMoney span {
+ position : relative;
+ margin-right : 5px;
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ }
+ .shopDetailsContainer .changeMoney li {
+ position : relative;
+ margin-right : 5px;
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ }
+ .shopDetailsContainer .changeMoney li a {
+ color : #333;
+ font-weight : 600;
+ font-size : 14px;
+ line-height : normal;
+ text-decoration : none;
+ }
+ .shopDetailsContainer .changeMoney li ul {
+ width : 85px;
+ display : none;
+ position : absolute;
+ background : #fff;
+ padding : 5px 10px;
+ box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.35);
+ top : 32px;
+ left : 0;
+ }
+ .shopDetailsContainer .changeMoney li ul:before {
+ content : "";
+ height : 15px;
+ width : 100%;
+ position : absolute;
+ top : -15px;
+ }
+ .shopDetailsContainer .changeMoney li ul li a {
+ padding-left : 0;
+ }
+ .shopDetailsContainer .changeMoney li:hover ul {
+ display : block;
+ }
+ .marketplace-wrapper {
+ padding : 50px 0;
+ }
+ @media screen and (max-width:1120px) {
+ .marketplace-wrapper.inner.small, .tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner {
+ padding : 50px 25px;
+ }
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper.inner.small, .tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner {
+ padding : 0 25px;
+ }
+ }
+ .marketplace-wrapper .mp-mobile {
+ display : none;
+ margin-bottom : 0;
+ margin-top : 25px;
+ margin-bottom : 25px;
+ }
+ .marketplace-wrapper .mp-mobile button {
+ width : 100%;
+ outline : none;
+ border : none;
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper .mp-mobile {
+ display : block;
+ }
+ }
+ .marketplace-wrapper .mp-sidebar {
+ float : left;
+ width : 24.27%;
+ min-height : 1px;
+ margin-right : 0.97%;
+ }
+ .marketplace-wrapper .mp-sidebar.right {
+ margin-right : 0;
+ margin-left : 0.97%;
+ }
+ .marketplace-wrapper .mp-sidebar.right > div {
+ margin-bottom : 0;
+ }
+ .marketplace-wrapper .mp-sidebar.right > div + div {
+ margin-top : 30px;
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper .mp-sidebar {
+ float : none;
+ width : 100%;
+ margin-right : 0;
+ display : none;
+ margin-bottom : 25px;
+ }
+ .marketplace-wrapper .mp-sidebar.active {
+ display : block;
+ }
+ .marketplace-wrapper .mp-sidebar.right {
+ margin-left : 0;
+ display : block;
+ }
+ }
+ .marketplace-wrapper .mp-sidebar > div {
+ margin-bottom : 99px;
+ }
+ .marketplace-wrapper .mp-sidebar > div + div {
+ margin-top : 40px;
+ margin-bottom : 0;
+ }
+ .marketplace-wrapper .mp-sidebar h2, .marketplace-wrapper .mp-sidebar .ce-table table caption, .ce-table table .marketplace-wrapper .mp-sidebar caption {
+ text-align : left;
+ color : #333;
+ text-transform : uppercase;
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ margin : 0 0 10px 0;
+ font-family : "Open Sans", sans-serif;
+ padding-bottom : 3px;
+ border-bottom : 2px solid #fc0;
+ }
+ .marketplace-wrapper .mp-sidebar h2:after, .marketplace-wrapper .mp-sidebar .ce-table table caption:after, .ce-table table .marketplace-wrapper .mp-sidebar caption:after {
+ display : none;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche input[type="text"], .marketplace-wrapper .mp-sidebar .mp-suche select {
+ height : 40px;
+ border : #818181 solid 1px;
+ padding : 5px 10px;
+ width : 100%;
+ font-size : 14px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche input[type="text"] {
+ margin-bottom : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche input[type="submit"] {
+ width : 100%;
+ height : 40px;
+ border : none;
+ outline : none;
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ color : #fff;
+ background : #0067b1;
+ text-align : left;
+ padding : 10px;
+ cursor : pointer;
+ position : relative;
+ margin-top : 5px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche form {
+ position : relative;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-suche form:after {
+ content : "\f105";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ margin-left : 5px;
+ position : absolute;
+ right : 10px;
+ bottom : 9px;
+ color : #fff;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li {
+ display : block;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a {
+ text-decoration : none;
+ color : #333;
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li a:hover, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a:hover {
+ text-decoration : underline;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a {
+ display : block;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a .mp-categoryteaser, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a .mp-categoryteaser {
+ width : 20px;
+ height : 20px;
+ float : left;
+ color : #fff;
+ text-align : center;
+ margin-right : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a .mp-categoryteaser i, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a .mp-categoryteaser i {
+ text-align : center;
+ vertical-align : middle;
+ color : #fff;
+ font-size : 10px;
+ padding : 0 0 3px 0;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul {
+ margin-top : 8px;
+ margin-left : 20px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li {
+ padding-left : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li a {
+ font-weight : 400;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li + li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li + li {
+ margin-top : 5px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-category nav ul li + li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li + li {
+ margin-top : 12px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a {
+ font-weight : 400;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li + li {
+ margin-top : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-info img {
+ display : block;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-info img + p {
+ font-size : 13px;
+ line-height : normal;
+ margin : 15px 0 0 0;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-info img + p + p {
+ margin-top : 15px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-buttons a {
+ text-decoration : none;
+ color : #fff;
+ background : #0067b1;
+ width : 100%;
+ display : block;
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ text-transform : uppercase;
+ text-align : center;
+ padding : 15px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-buttons a + a {
+ margin-top : 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-buttons a.blue {
+ background : #0067b1;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-buttons a.nobutton {
+ padding : 0;
+ color : #333;
+ background : transparent;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productspecifikation {
+ background : #ececec;
+ padding : 15px 10px 30px 10px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productspecifikation p {
+ margin : 0;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productspecifikation p + p {
+ margin-top : 30px;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productspecifikation p a {
+ color : #0067b1;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productShare p {
+ margin : 0;
+ font-weight : 700;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productShare br {
+ display : none;
+ }
+ .marketplace-wrapper .mp-sidebar .mp-productShare .shariff .orientation-horizontal {
+ text-align : left !important ;
+ }
+ .marketplace-wrapper .mp-contentContainer {
+ float : left;
+ width : 74.76%;
+ min-height : 1px;
+ }
+ .marketplace-wrapper .mp-contentContainer.detailseite {
+ width : 49.51%;
+ padding-top : 25px;
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper .mp-contentContainer {
+ float : none;
+ width : 100%;
+ margin-bottom : 25px;
+ }
+ .marketplace-wrapper .mp-contentContainer.detailseite {
+ width : 100%;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner {
+ width : 100%;
+ height : auto;
+ margin-bottom : 30px;
+ position : relative;
+ }
+ @media screen and (max-width:480px) {
+ .marketplace-wrapper .mp-contentContainer .mp-banner {
+ display : none;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div {
+ position : absolute;
+ top : 40px;
+ left : 40px;
+ }
+ @media screen and (max-width:1024px) {
+ .marketplace-wrapper .mp-contentContainer .mp-banner div {
+ top : 20px;
+ left : 20px;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div h2, .marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption, .ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption {
+ color : #fff;
+ font-weight : 700;
+ text-align : left;
+ font-size : 32px;
+ line-height : normal;
+ text-transform : uppercase;
+ margin-top : 0;
+ font-family : "Open Sans", sans-serif;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div h2:after, .marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption:after, .ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption:after {
+ margin : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div p {
+ color : #fff;
+ margin : 0;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div p + p {
+ margin-top : 15px;
+ }
+ @media screen and (max-width:767px) {
+ .marketplace-wrapper .mp-contentContainer .mp-banner div p {
+ display : none;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div a {
+ color : #fff;
+ text-decoration : none;
+ font-size : 13px;
+ line-height : normal;
+ display : block;
+ margin-top : 15px;
+ text-transform : uppercase;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div a:after {
+ content : "\f178";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ margin-left : 5px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-banner div a:hover {
+ text-decoration : underline;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-filter {
+ width : 100%;
+ margin-bottom : 20px;
+ }
+ @media screen and (min-width:600px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul {
+ display : flex;
+ flex-wrap : nowrap;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li {
+ background : #bbbbbb;
+ color : #fff;
+ cursor : pointer;
+ padding : 15px 0;
+ font-weight : 700;
+ text-transform : uppercase;
+ text-align : center;
+ }
+ @media screen and (min-width:600px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li {
+ flex-direction : column;
+ order : 4;
+ flex-grow : 4;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li.active, .marketplace-wrapper .mp-contentContainer .mp-filter ul li:hover {
+ background : #333;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li + li {
+ margin-left : 10px;
+ }
+ @media screen and (max-width:1024px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li {
+ font-size : 13px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li {
+ font-size : 12px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:600px) {
+ .marketplace-wrapper .mp-contentContainer .mp-filter ul li + li {
+ margin-left : 0;
+ margin-top : 10px;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article {
+ float : left;
+ width : 250px;
+ width : calc((100% - 21px) / 3);
+ border : #818181 solid 1px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article + article {
+ margin-left : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) {
+ margin-left : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 4) {
+ margin-top : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article > a {
+ display : block;
+ height : 100%;
+ position : relative;
+ padding-bottom : 50px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header {
+ position : relative;
+ padding : 10px 10px 0 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage, .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser {
+ display : block;
+ float : left;
+ max-width : 70px;
+ margin-right : 10px;
+ width : 54px;
+ height : 54px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage i, .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser i {
+ text-align : center;
+ vertical-align : middle;
+ color : #fff;
+ font-size : 24px;
+ padding : 15px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header h3 {
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ font-weight : 400;
+ margin : 0 0 10px 0;
+ max-width : calc(100% - 70px);
+ float : left;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header span {
+ font-size : 11px;
+ line-height : normal;
+ display : block;
+ font-weight : 400;
+ color : #333;
+ clear : both;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner {
+ position : absolute;
+ top : 0;
+ right : 0;
+ z-index : 800;
+ }
+ @media screen and (max-width:1120px) {
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner {
+ display : none;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer {
+ position : relative;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty {
+ position : absolute;
+ top : 0;
+ left : 0;
+ width : 0%;
+ overflow : hidden;
+ height : 22px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span {
+ color : #fc0;
+ position : absolute;
+ top : 4px;
+ font-size : 9px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span {
+ left : 12px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span {
+ left : 23px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span + span {
+ left : 34px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span + span + span {
+ left : 45px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty {
+ position : relative;
+ left : auto;
+ right : auto;
+ bottom : auto;
+ width : 100%;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article main {
+ margin-top : 15px;
+ padding : 0 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article main p {
+ font-size : 13px;
+ line-height : normal;
+ margin : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article main p + p {
+ margin-top : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article main img {
+ display : block;
+ margin-top : 15px;
+ max-height : 25px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer {
+ margin-top : 10px;
+ border-top : 1px solid #818181;
+ padding : 10px 10px 10px 10px;
+ position : absolute;
+ left : 0;
+ right : 0;
+ bottom : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer {
+ float : left;
+ position : relative;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled {
+ position : absolute;
+ top : 0;
+ left : 0;
+ width : 0%;
+ overflow : hidden;
+ height : 22px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span {
+ color : #fc0;
+ position : absolute;
+ top : 4px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span {
+ left : 19px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span {
+ left : 38px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span + span {
+ left : 57px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span + span + span {
+ left : 76px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .price {
+ float : none;
+ }
+ @media screen and (max-width:1100px) {
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .price {
+ font-size : 13px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .price span {
+ font-size : 10px !important ;
+ }
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation {
+ display : none;
+ background : #0067b1;
+ color : #fff;
+ text-align : center;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 16px;
+ line-height : normal;
+ padding : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation:after {
+ content : "\f178";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ margin-left : 5px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a {
+ text-decoration : none;
+ color : #333;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer {
+ padding : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .ratingContainer {
+ display : none;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .price {
+ display : none;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .moreInformation {
+ display : block;
+ }
+ @media screen and (max-width:1023px) {
+ .marketplace-wrapper .mp-contentContainer .mp-content article {
+ width : calc((100% - 11px) / 2);
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) {
+ margin-left : 10px;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n 3) {
+ margin-left : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 3) {
+ margin-top : 10px;
+ }
+ }
+ @media screen and (max-width:560px) {
+ .marketplace-wrapper .mp-contentContainer .mp-content article {
+ width : 100%;
+ margin-left : 0 !important ;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) {
+ margin-left : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n 3) {
+ margin-left : 0;
+ }
+ .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 2) {
+ margin-top : 10px;
+ }
+ }
+ .mpdetail-content .mp-productInfo {
+ margin-bottom : 60px;
+ }
+ .mpdetail-content .mp-productInfo > img, .mpdetail-content .mp-productInfo > .mpdetail-productcategoryteaser {
+ float : left;
+ margin : 0 10px;
+ max-width : 110px;
+ display : block;
+ text-align : center;
+ height : 100px;
+ width : 100px;
+ }
+ .mpdetail-content .mp-productInfo > img i, .mpdetail-content .mp-productInfo > .mpdetail-productcategoryteaser i {
+ font-size : 40px;
+ vertical-align : middle;
+ color : #fff;
+ display : inline-block;
+ line-height : 100px;
+ }
+ .mpdetail-content .mp-productInfo > div {
+ float : left;
+ max-width : 340px;
+ }
+ .mpdetail-content .mp-productInfo > div h1 {
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ font-weight : 700;
+ margin : 0 0 5px 0;
+ }
+ .mpdetail-content .mp-productInfo > div > span {
+ font-size : 11px;
+ line-height : normal;
+ display : block;
+ font-weight : 400;
+ color : #333;
+ }
+ .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung img {
+ display : block;
+ margin : 15px 0;
+ float : left;
+ }
+ .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung img + img {
+ margin-left : 5px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer {
+ position : relative;
+ display : inline-block;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled {
+ position : absolute;
+ top : 0;
+ left : 0;
+ width : 0%;
+ overflow : hidden;
+ height : 22px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span {
+ color : #fc0;
+ position : absolute;
+ top : 4px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span {
+ left : 19px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span {
+ left : 38px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span + span {
+ left : 57px;
+ }
+ .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span + span + span {
+ left : 76px;
+ }
+ .mpdetail-content .mp-productWrapper > ul li {
+ float : left;
+ width : calc(100% / 3);
+ background : #fff;
+ text-align : center;
+ border-top : 2px solid #ebebeb;
+ border-left : 2px solid #ebebeb;
+ cursor : pointer;
+ }
+ .mpdetail-content .mp-productWrapper > ul li a {
+ color : #333;
+ font-size : 13px;
+ line-height : normal;
+ cursor : pointer;
+ text-decoration : none;
+ font-weight : 700;
+ display : block;
+ padding : 15px;
+ }
+ @media screen and (max-width:360px) {
+ .mpdetail-content .mp-productWrapper > ul li a {
+ font-size : 11px;
+ line-height : normal;
+ }
+ }
+ .mpdetail-content .mp-productWrapper > ul li.current, .mpdetail-content .mp-productWrapper > ul li:hover {
+ background : #ececec;
+ border-top : 2px solid #fc0;
+ }
+ .mpdetail-content .mp-productWrapper > ul li.current i, .mpdetail-content .mp-productWrapper > ul li:hover i {
+ color : #fc0;
+ }
+ .mpdetail-content .mp-productWrapper > ul li.current {
+ border-left : 2px solid transparent;
+ border-right : 2px solid transparent;
+ }
+ .mpdetail-content .mp-productWrapper > ul li.current + li {
+ border-left : 2px solid #ebebeb;
+ }
+ .mpdetail-content .mp-productWrapper > ul li:nth-of-type(2).current {
+ border-left : 2px solid #ebebeb;
+ }
+ .mpdetail-content .mp-productWrapper > ul li + li {
+ border-right : 2px solid #ebebeb;
+ }
+ .mpdetail-content .mp-productWrapper > ul li + li + li {
+ border-left : 2px solid transparent;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab {
+ display : none;
+ background : #ececec;
+ padding : 15px 10px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab:first-of-type {
+ display : block;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab h3 {
+ color : #333;
+ margin : 0 0 10px 0;
+ font-size : 18px;
+ line-height : normal;
+ font-weight : 700;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab a {
+ font-size : 13px;
+ line-height : normal;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab p {
+ margin : 0;
+ font-size : 13px;
+ line-height : normal;
+ color : #333;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab p a {
+ font-size : 13px;
+ line-height : normal;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab p + p {
+ margin-top : 15px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab ul {
+ margin : 10px 0 0 0;
+ padding : 0;
+ list-style-type : none;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab ul li {
+ position : relative;
+ padding-left : 15px;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab ul li:before {
+ content : "\f054";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ position : absolute;
+ top : 4px;
+ left : 0;
+ color : #333;
+ font-size : 12px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab ul li + li {
+ margin-top : 4px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span {
+ color : #bbb;
+ cursor : pointer;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover ~ span {
+ color : #fc0;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover:before, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover ~ span:before {
+ content : "\f005";
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer p {
+ font-size : 18px;
+ line-height : normal;
+ color : #bbb;
+ display : inline-block;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form {
+ margin-bottom : 20px;
+ padding-bottom : 30px;
+ border-bottom : 1px solid #bbbbbb;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea {
+ resize : none;
+ height : 105px;
+ padding : 10px;
+ width : 100%;
+ margin-top : 10px;
+ color : #bbb;
+ font-size : 18px;
+ line-height : normal;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea + p {
+ font-size : 13px;
+ line-height : normal;
+ color : #bbb;
+ text-align : right;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form input[type="submit"] {
+ display : inline-block;
+ font-size : 16px;
+ line-height : normal;
+ color : #fff;
+ border : none;
+ outline : none;
+ text-align : center;
+ background : #0067b1;
+ text-transform : uppercase;
+ padding : 15px;
+ min-width : 160px;
+ margin-top : -10px;
+ font-weight : 700;
+ cursor : pointer;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment h3 {
+ margin-bottom : 5px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment + .mp-usercomment {
+ margin-top : 25px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer .fa-star {
+ color : #fc0;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer span {
+ color : #bbb;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply {
+ background : #fff;
+ padding : 15px 10px;
+ margin-left : 30px;
+ position : relative;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after {
+ bottom : 100%;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-bottom-color : #fff;
+ border-width : 15px;
+ margin-left : -200px;
+ }
+ .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-bottom-color : #fff;
+ border-width : 15px;
+ margin-left : -200px;
+ }
+ .forumWrapOuter {
+ background : #ececec;
+ }
+ .forumWrapOuter .ce-Image-Text-Element {
+ margin-bottom : 0;
+ padding-bottom : 40px;
+ }
+ .tx-typo3forum-pi1 {
+ padding-top : 50px;
+ padding-bottom : 50px;
+ }
+ .tx-typo3forum-pi1 .forum_menu, .tx-typo3forum-pi1 .topic_list_menu {
+ margin-bottom : 40px;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) {
+ float : left;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) i {
+ display : none;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:before {
+ content : "\f053";
+ display : inline-block;
+ margin-right : 5px;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) {
+ float : right;
+ margin-left : 15px;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) i {
+ display : none;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:before {
+ content : "\f0fe";
+ display : inline-block;
+ margin-right : 5px;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) {
+ float : right;
+ display : none !important ;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) i {
+ display : none;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a {
+ background : #fc0;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:before {
+ content : "\f005";
+ display : inline-block;
+ margin-right : 5px;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ @media screen and (max-width:640px) {
+ .tx-typo3forum-pi1 .forum_menu ul li, .tx-typo3forum-pi1 .topic_list_menu ul li {
+ float : none !important ;
+ width : 100% !important ;
+ margin-bottom : 5px;
+ margin-left : 0 !important ;
+ }
+ .tx-typo3forum-pi1 .forum_menu ul li a, .tx-typo3forum-pi1 .topic_list_menu ul li a {
+ width : 100%;
+ text-align : center;
+ }
+ }
+ .tx-typo3forum-pi1 #topic fieldset, .tx-typo3forum-pi1 #post fieldset, .tx-typo3forum-pi1 #report fieldset {
+ border : none;
+ padding : 0;
+ margin : 0;
+ }
+ .tx-typo3forum-pi1 #topic fieldset legend, .tx-typo3forum-pi1 #post fieldset legend, .tx-typo3forum-pi1 #report fieldset legend {
+ margin-bottom : 40px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .control-group, .tx-typo3forum-pi1 #post fieldset .control-group, .tx-typo3forum-pi1 #report fieldset .control-group {
+ margin-bottom : 15px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .control-group + .control-group > label, .tx-typo3forum-pi1 #post fieldset .control-group + .control-group > label, .tx-typo3forum-pi1 #report fieldset .control-group + .control-group > label {
+ position : relative;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .markItUpContainer, .tx-typo3forum-pi1 #post fieldset .markItUpContainer, .tx-typo3forum-pi1 #report fieldset .markItUpContainer {
+ width : 100%;
+ max-width : 927px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .markItUpHeader, .tx-typo3forum-pi1 #post fieldset .markItUpHeader, .tx-typo3forum-pi1 #report fieldset .markItUpHeader {
+ float : right;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul .markItUpDropMenu, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul .markItUpDropMenu, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul .markItUpDropMenu {
+ padding-right : 0;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul a, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul a, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul a {
+ width : 18px;
+ height : 18px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="submit"], .tx-typo3forum-pi1 #post fieldset input[type="submit"], .tx-typo3forum-pi1 #report fieldset input[type="submit"] {
+ display : block;
+ float : left;
+ border : #c6c6c6 solid 1px;
+ height : 35px;
+ padding : 0 10px;
+ background : #c6c6c6;
+ font-size : 14px;
+ line-height : 33px;
+ cursor : pointer;
+ font-family : "Open Sans", sans-serif;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="submit"] + .btn, .tx-typo3forum-pi1 #post fieldset input[type="submit"] + .btn, .tx-typo3forum-pi1 #report fieldset input[type="submit"] + .btn {
+ display : block;
+ float : left;
+ border : #c6c6c6 solid 1px;
+ height : 35px;
+ padding : 0 10px;
+ margin-left : 10px;
+ background : #c6c6c6;
+ font-size : 14px;
+ line-height : 35px;
+ color : #000;
+ font-weight : 400;
+ font-family : "Open Sans", sans-serif;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="checkbox"], .tx-typo3forum-pi1 #post fieldset input[type="checkbox"], .tx-typo3forum-pi1 #report fieldset input[type="checkbox"] {
+ margin-left : 0;
+ margin-top : 0;
+ vertical-align : bottom;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="text"], .tx-typo3forum-pi1 #topic fieldset textarea, .tx-typo3forum-pi1 #post fieldset input[type="text"], .tx-typo3forum-pi1 #post fieldset textarea, .tx-typo3forum-pi1 #report fieldset input[type="text"], .tx-typo3forum-pi1 #report fieldset textarea {
+ border : #c6c6c6 solid 1px;
+ padding : 0 10px;
+ height : 30px;
+ font-family : "Open Sans", sans-serif;
+ }
+ .tx-typo3forum-pi1 #topic fieldset input[type="text"], .tx-typo3forum-pi1 #post fieldset input[type="text"], .tx-typo3forum-pi1 #report fieldset input[type="text"] {
+ width : 100%;
+ max-width : 927px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset textarea, .tx-typo3forum-pi1 #post fieldset textarea, .tx-typo3forum-pi1 #report fieldset textarea {
+ padding-top : 10px;
+ padding-bottom : 10px;
+ margin-top : 5px;
+ min-height : 200px;
+ font-family : "Open Sans", sans-serif;
+ }
+ .tx-typo3forum-pi1 #post fieldset .control-group > label {
+ position : relative;
+ bottom : -25px;
+ }
+ .tx-typo3forum-pi1 #topic fieldset .control-group + .control-group > label {
+ position : relative;
+ bottom : -25px;
+ }
+ .tx-typo3forum-pi1 #report .markItUp {
+ margin-top : -20px;
+ }
+ .tx-typo3forum-pi1 #report .markItUp .tx-typo3forum-miu-code, .tx-typo3forum-pi1 #report .markItUp .markItUpSeparator {
+ display : none;
+ }
+ .tx-typo3forum-pi1 ul.nav-pills-condensed {
+ margin-bottom : 5px;
+ }
+ .tx-typo3forum-pi1 > h2, .ce-table table .tx-typo3forum-pi1 > caption {
+ display : none;
+ }
+ .tx-typo3forum-pi1 > h2.enable, .ce-table table .tx-typo3forum-pi1 > caption.enable {
+ text-transform : none;
+ text-align : left;
+ padding-left : 10px;
+ background : #0067b1;
+ padding : 15px 0 15px 10px;
+ margin : 0;
+ font-size : 16px;
+ line-height : normal;
+ color : #fff;
+ }
+ .tx-typo3forum-pi1 > h2.enable:after, .ce-table table .tx-typo3forum-pi1 > caption.enable:after {
+ display : none;
+ }
+ .tx-typo3forum-pi1 table tbody td {
+ background : #fff !important ;
+ padding : 10px 8px;
+ line-height : 60px;
+ vertical-align : middle;
+ height : 60px;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .tx-typo3forum-pi1 table tbody td div {
+ font-size : 13px;
+ line-height : 18.2px;
+ font-size : 0.8125rem;
+ line-height : 1.1375rem;
+ font-weight : 300;
+ color : #b4b4b4;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .tx-typo3forum-pi1 table tbody td a {
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ text-decoration : none;
+ color : #333;
+ }
+ .tx-typo3forum-pi1 table tbody td:nth-of-type(n 3) {
+ text-align : center;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator {
+ text-align : right;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator li {
+ color : #0067b1;
+ font-weight : 700;
+ font-size : 13px;
+ line-height : normal;
+ display : inline-block;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator li a {
+ font-size : 13px;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator li.current {
+ color : #fc0;
+ }
+ .tx-typo3forum-pi1 .f3-widget-paginator li + li {
+ margin-left : 5px;
+ }
+ .ce-osbee-forum h2, .ce-osbee-forum .ce-table table caption, .ce-table table .ce-osbee-forum caption {
+ text-transform : none;
+ text-align : left;
+ padding-left : 10px;
+ background : #0067b1;
+ padding : 15px 0 15px 10px;
+ margin : 0;
+ font-size : 16px;
+ line-height : normal;
+ color : #fff;
+ }
+ .ce-osbee-forum h2:after, .ce-osbee-forum .ce-table table caption:after, .ce-table table .ce-osbee-forum caption:after {
+ display : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap {
+ display : block;
+ width : 100%;
+ background : #fff;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child {
+ width : 100%;
+ padding : 15px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon {
+ float : left;
+ max-width : 70px;
+ margin-right : 15px;
+ width : 41px;
+ height : 41px;
+ border-radius : 25px;
+ background : #c6c6c6;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic {
+ background : #fff;
+ text-align : center;
+ vertical-align : middle;
+ border : #bbb solid 1px;
+ width : 20px;
+ height : 20px;
+ color : #bbb;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic i, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic i {
+ padding : 0;
+ font-size : 12px;
+ padding-top : 4px;
+ display : block;
+ }
+ @media screen and (max-width:640px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon {
+ display : none;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left {
+ float : left;
+ width : 55%;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 {
+ margin : 0;
+ font-size : 16px;
+ line-height : normal;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a {
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ margin : 0 0 5px 0;
+ display : block;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a {
+ font-weight : 400;
+ font-size : 12px;
+ line-height : normal;
+ margin : 0;
+ display : block;
+ width : 100%;
+ max-width : 500px;
+ overflow : hidden;
+ text-overflow : ellipsis;
+ white-space : nowrap;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span {
+ display : block;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span + span, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span + span {
+ color : #bbb;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left {
+ width : 40%;
+ }
+ }
+ @media screen and (max-width:800px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left {
+ width : 36%;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left {
+ float : none;
+ width : 100%;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a {
+ margin-bottom : 0;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p {
+ margin-bottom : 20px;
+ max-width : 85%;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p {
+ margin-bottom : 0;
+ max-width : 100%;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right {
+ float : right;
+ width : 36%;
+ min-width : 360px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p {
+ display : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.topics, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.posts {
+ display : block;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics {
+ font-size : 12px;
+ line-height : 14px;
+ margin : 0;
+ font-weight : 400;
+ width : 45px;
+ text-align : center;
+ float : left;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics span {
+ display : block;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics {
+ width : 40px;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts {
+ font-size : 12px;
+ line-height : 14px;
+ margin : 0;
+ font-weight : 400;
+ float : left;
+ width : 45px;
+ text-align : center;
+ margin-left : 25px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts a {
+ font-size : 12px;
+ line-height : 14px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts span {
+ display : block;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts {
+ width : 40px;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available {
+ width : 220px;
+ position : relative;
+ padding-left : 40px;
+ display : block;
+ float : left;
+ margin-left : 25px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .tx-typo3forum-topic-show-post-user-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .tx-typo3forum-topic-show-post-user-icon {
+ max-height : 30px;
+ border-radius : 25px;
+ width : auto;
+ margin-right : 0;
+ position : absolute;
+ left : 0;
+ top : 0;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost {
+ font-size : 12px;
+ line-height : 14px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a {
+ font-size : 12px;
+ line-height : 14px;
+ text-decoration : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a:hover, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a:hover {
+ text-decoration : underline;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor {
+ font-size : 12px;
+ line-height : 14px;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a {
+ font-size : 12px;
+ line-height : 14px;
+ text-decoration : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a:hover, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a:hover {
+ text-decoration : underline;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor time, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor time {
+ font-size : 12px;
+ line-height : 14px;
+ display : block;
+ width : 100%;
+ color : #c6c6c6;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available {
+ width : 200px;
+ }
+ }
+ @media screen and (max-width:420px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available {
+ width : auto;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post img, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available img {
+ display : none;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available {
+ margin-top : 0;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available span {
+ display : inline;
+ vertical-align : middle;
+ line-height : 30px;
+ font-size : 12px;
+ line-height : 14px;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right {
+ width : 35%;
+ min-width : 330px;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right {
+ float : none;
+ width : 100%;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right {
+ display : none;
+ }
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div a {
+ font-weight : 400;
+ color : #333;
+ text-decoration : none;
+ }
+ .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child + .ce-osbee-forum-child {
+ border-top : 1px solid #bbbbbb;
+ }
+ ul.nav-pills li {
+ display : inline-block;
+ }
+ ul.nav-pills li a {
+ font-size : 12px;
+ line-height : normal;
+ color : #333;
+ font-weight : 400;
+ text-decoration : none;
+ }
+ ul.nav-pills li a:hover {
+ text-decoration : underline;
+ }
+ ul.nav-pills li:last-of-type a {
+ font-weight : 700;
+ color : #333;
+ }
+ ul.nav-pills li + li:before {
+ content : "\f054";
+ color : #fc0;
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ font-size : 10px;
+ }
+ ul.nav-pills + .ce-osbee-forum {
+ margin-top : 20px;
+ }
+ .ce-osbee-forum-singlepost {
+ position : relative;
+ background : #fff;
+ padding : 30px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation {
+ width : 20%;
+ float : left;
+ padding-right : 2%;
+ border-right : 1px solid #bbb;
+ text-align : center;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon {
+ float : none;
+ display : block;
+ margin : 0;
+ background : #ececec;
+ padding : 10px;
+ text-align : center;
+ border-radius : 150px;
+ height : 85px;
+ width : 85px;
+ margin : 15px auto;
+ font-size : 60px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a {
+ font-size : 16px;
+ line-height : normal;
+ margin : 0 0 10px 0;
+ color : #333;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a:hover {
+ text-decoration : underline;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div span.screenname {
+ font-size : 16px;
+ line-height : normal;
+ margin : 0 0 10px 0;
+ color : #333;
+ font-weight : 700;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName {
+ font-size : 18px;
+ line-height : normal;
+ font-weight : 600;
+ color : #333;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered {
+ font-size : 14px;
+ line-height : normal;
+ color : #bbbbbb;
+ margin-bottom : 10px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .membersince {
+ font-size : 12px;
+ line-height : normal;
+ color : #bbbbbb;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .postcounts {
+ font-size : 12px;
+ line-height : normal;
+ color : #bbbbbb;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p {
+ font-size : 14px;
+ line-height : normal;
+ font-weight : 400;
+ margin : 0;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p + p {
+ margin-top : 2px;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation {
+ width : 25%;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a {
+ font-size : 14px;
+ line-height : normal;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation {
+ float : none;
+ width : 100%;
+ border-right : none;
+ padding-right : 0;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon {
+ display : none;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div {
+ padding-bottom : 15px;
+ border-bottom : 1px solid #bbb;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div * {
+ display : block;
+ text-align : left;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a {
+ font-size : 14px;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.membersince, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.postcounts, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.unregistered {
+ margin-left : 0;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div {
+ padding-bottom : 15px;
+ }
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content {
+ width : 77%;
+ float : left;
+ padding-left : 2%;
+ margin-left : 3%;
+ }
+ @media screen and (max-width:1024px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content {
+ width : 70%;
+ }
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content {
+ float : none;
+ margin-left : 0;
+ width : 100%;
+ margin-top : 20px;
+ }
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text {
+ padding : 0;
+ margin : 0;
+ font-size : 12px;
+ line-height : normal;
+ padding-top : 10px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text p {
+ font-size : 12px;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote {
+ background : #fff;
+ color : #333;
+ border : none;
+ margin : 0 0 15px 0;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user {
+ color : #333;
+ font-size : 12px;
+ font-weight : 400;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user a {
+ color : #333;
+ font-size : 12px;
+ font-weight : 400;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text {
+ margin-top : 10px;
+ font-style : italic;
+ color : #bbb;
+ font-size : 12px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text:before {
+ content : "\f10e";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ font-size : 30px;
+ color : #0067b1;
+ margin-right : 10px;
+ vertical-align : top;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote {
+ margin : -30px 0 10px 35px;
+ padding : 0;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote .tx-typo3forum-quote-text:before {
+ font-size : 20px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation {
+ border-bottom : 1px solid #bbb;
+ padding-bottom : 5px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu {
+ float : right;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu a {
+ font-weight : 400;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu .quote-icon {
+ padding-left : 0;
+ position : relative;
+ top : -4px;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date {
+ float : left;
+ font-size : 12px;
+ line-height : normal;
+ color : #333;
+ font-style : normal;
+ font-size : 13px;
+ color : #bbb;
+ }
+ @media screen and (max-width:768px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation {
+ position : absolute;
+ top : 30px;
+ right : 30px;
+ border-bottom : none;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date {
+ float : none;
+ display : inline-block;
+ }
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu {
+ float : none;
+ margin-left : 10px;
+ display : inline-block;
+ }
+ }
+ @media screen and (max-width:480px) {
+ .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation {
+ position : relative;
+ top : 0;
+ text-align : right;
+ right : auto;
+ border-bottom : none;
+ }
+ }
+ .ce-osbee-forum-singlepost + .ce-osbee-forum-singlepost {
+ border-top : 1px solid #bbbbbb;
+ }
+ .ce-osbee-forum-singlepost:first-of-type {
+ margin-top : 30px;
+ }
+ .f3-widget-paginator {
+ margin : 40px 0 30px 0;
+ text-align : right;
+ }
+ .osbee-forum-empty {
+ display : none;
+ }
+ .osbee-forum-empty.enable {
+ display : block;
+ }
+ p.tx-srfeuserregister-pi1-error {
+ font-size : 13px;
+ line-height : normal;
+ }
+ .blogContentFullWidth {
+ margin-top : 25px;
+ }
+ .blogContent {
+ float : left;
+ width : 73.78%;
+ width : calc(100% - 32.85%);
+ display : block;
+ max-width : 740px;
+ padding : 50px 0;
+ margin-right : 4.85%;
+ padding-top : 0;
+ }
+ .blogContent a {
+ color : #0067b1;
+ }
+ @media screen and (max-width:1020px) {
+ .blogContent {
+ width : 100%;
+ max-width : none;
+ margin-right : 0;
+ float : none;
+ }
+ }
+ .blogSidebar {
+ float : left;
+ width : 23.30%;
+ width : calc(100% - 72%);
+ max-width : 240px;
+ display : block;
+ padding : 50px 0;
+ padding-top : 0;
+ margin-top : 40px;
+ }
+ @media screen and (max-width:1020px) {
+ .blogSidebar {
+ float : none;
+ width : 100%;
+ max-width : none;
+ }
+ }
+ .blogSidebar .csc-header {
+ width : 100%;
+ text-align : left;
+ }
+ .blogSidebar h3, .blogSidebar h1, .blogSidebar h2, .blogSidebar .ce-table table caption, .ce-table table .blogSidebar caption {
+ display : inline-block;
+ width : 100%;
+ padding : 0 0 3px 0;
+ border-bottom : 2px solid #fc0;
+ font-weight : bold;
+ margin : 0 0 10px 0;
+ font-size : 16px;
+ line-height : normal;
+ text-transform : none;
+ text-align : left;
+ }
+ .blogSidebar .news {
+ padding : 0;
+ margin-bottom : 40px;
+ }
+ .blogSidebar .blog-subscribe h2, .blogSidebar .blog-subscribe .ce-table table caption, .ce-table table .blogSidebar .blog-subscribe caption {
+ display : inline-block;
+ width : 100%;
+ padding : 0 0 3px 0;
+ border-bottom : 2px solid #fc0;
+ font-weight : bold;
+ margin : 0 0 10px 0;
+ font-size : 16px;
+ line-height : normal;
+ text-transform : none;
+ text-align : left;
+ }
+ .blogSidebar .blog-subscribe h2:after, .blogSidebar .blog-subscribe .ce-table table caption:after, .ce-table table .blogSidebar .blog-subscribe caption:after {
+ display : none;
+ }
+ .blogSidebar .blog-subscribe .tx-srfeuserregister-pi1-notice {
+ font-style : normal;
+ margin : 0;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .blogSidebar .blog-subscribe .terms {
+ margin-top : 15px;
+ }
+ .blogSidebar .blog-subscribe .terms .termsInputContainer {
+ float : left;
+ width : 10%;
+ text-align : left;
+ }
+ .blogSidebar .blog-subscribe .terms .termsInputContainer input {
+ width : 15px;
+ height : 15px;
+ border : #c6c6c6 solid 1px;
+ background : #fff;
+ }
+ .blogSidebar .blog-subscribe .terms p {
+ float : left;
+ width : 90%;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .blogSidebar .blog-subscribe .terms p a {
+ padding-left : 0;
+ background-image : none;
+ font-weight : 400;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .blogSidebar .blog-subscribe .terms p span {
+ display : none;
+ }
+ .blogSidebar .blog-subscribe .firstname input, .blogSidebar .blog-subscribe .email input {
+ margin-top : 0;
+ }
+ .news-list-view h3 {
+ margin : 0;
+ }
+ .news-list-view h3 a {
+ text-decoration : none;
+ }
+ .news-list-view h3 a span {
+ font-size : 18px;
+ color : #333;
+ font-weight : normal;
+ }
+ .news-list-view h3:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px 0 0 0;
+ }
+ .news-list-view .header {
+ display : inline-block;
+ width : 100%;
+ max-width : 470px;
+ max-width : 450px;
+ margin-bottom : 15px;
+ }
+ .news-list-view .article {
+ clear : both;
+ height : 210px;
+ height : auto;
+ border-bottom : 1px solid #fc0;
+ }
+ .news-list-view .article .footer {
+ display : none;
+ }
+ .news-list-view .no-media-element img {
+ width : 250px;
+ height : 187px;
+ }
+ .news-list-view .more {
+ font-size : 15px;
+ line-height : normal;
+ vertical-align : bottom;
+ }
+ .news-list-view .news-img-wrap {
+ display : inline-block;
+ margin : 0 !important ;
+ padding : 0;
+ max-width : 250px;
+ height : 100%;
+ width : 26%;
+ }
+ .news-list-view .news-img-wrap img {
+ max-width : 100%;
+ height : auto;
+ }
+ .news-list-view .news-img-wrap a {
+ margin : 0;
+ padding : 0;
+ border : 0;
+ max-width : 100%;
+ }
+ @media screen and (max-width:640px) {
+ .news-list-view .news-img-wrap {
+ display : none;
+ }
+ }
+ .news-list-view .news-content-wrap {
+ width : 72%;
+ float : left;
+ margin-left : 2%;
+ }
+ .news-list-view .news-content-wrap h3 {
+ margin-bottom : 20px;
+ }
+ @media screen and (max-width:640px) {
+ .news-list-view .news-content-wrap {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ }
+ }
+ .news-list-view .teaser-text > span {
+ display : block;
+ }
+ .news-list-view .teaser-text ul, .news-list-view .teaser-text ol {
+ padding-left : 0;
+ margin-left : 15px;
+ }
+ .news-list-view .teaser-text .more {
+ display : block;
+ margin-top : 15px;
+ }
+ .news-single {
+ padding : 0;
+ margin-top : 40px;
+ }
+ .news-single .header h3 {
+ font-size : 18px;
+ color : #333;
+ font-weight : normal;
+ margin-bottom : 25px;
+ margin-top : 10px;
+ }
+ .news-single .header h3:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px 0 0 0;
+ }
+ .news-single .news-text-wrap p {
+ color : #333;
+ }
+ .news-single .footer {
+ border-top : 1px solid #fc0;
+ margin-bottom : 40px;
+ padding : 0;
+ padding-top : 20px;
+ text-align : right;
+ }
+ .news-single .footer p {
+ font-weight : bold;
+ color : #333;
+ margin-bottom : 0;
+ }
+ .news-single .footer span span {
+ padding-right : 0;
+ margin-right : 0;
+ }
+ .news-single .footer .socialmedia {
+ display : none;
+ }
+ .news-single .news-backlink-wrap a {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : bold;
+ color : #333;
+ text-decoration : none;
+ }
+ .news-single .article .news-img-wrap {
+ width : 100%;
+ height : auto;
+ margin-bottom : 30px;
+ float : none;
+ margin : 0;
+ float : left;
+ width : auto;
+ margin-right : 15px;
+ margin-bottom : 25px;
+ max-width : 350px;
+ }
+ @media screen and (max-width:768px) {
+ .news-single .article .news-img-wrap {
+ max-width : none;
+ float : none;
+ margin-right : 0;
+ margin-bottom : 15px;
+ width : 100%;
+ }
+ }
+ .news-single .article .news-img-wrap img {
+ max-width : 100%;
+ height : auto;
+ }
+ .news-single .shareThisPost {
+ float : right;
+ border-left : 1px solid #ddd;
+ padding-left : 10px;
+ }
+ .news-single .news-list-category span {
+ display : inline-block;
+ font-size : 13px;
+ border-right : none;
+ }
+ .news-single .news-list-category span + span:before {
+ content : "|";
+ display : inline-block;
+ margin : 0 5px 0 2px;
+ }
+ @media screen and (max-width:768px) {
+ .news-single .news-list-category {
+ float : none;
+ width : 100%;
+ display : block;
+ margin-top : 5px;
+ }
+ .news-single .news-list-date {
+ margin-top : 5px;
+ }
+ .news-single .shareThisPost {
+ display : block;
+ width : 100%;
+ float : none;
+ padding-left : 0;
+ border-left : none;
+ }
+ }
+ .news p + ul {
+ margin-top : 15px;
+ }
+ .blogSidebar .news ul li {
+ padding-left : 0;
+ font-weight : 700;
+ }
+ .blogSidebar .news ul li ul li {
+ font-weight : 400;
+ }
+ .blogSidebar .news ul li:before {
+ display : none;
+ }
+ .csc-header {
+ margin : 0;
+ padding : 0;
+ display : inline-block;
+ }
+ .blog-commentContainer {
+ background : #ececec;
+ padding : 15px 10px;
+ }
+ .blog-commentContainer form {
+ margin-bottom : 20px;
+ padding-bottom : 30px;
+ border-bottom : 1px solid #bbbbbb;
+ }
+ .blog-commentContainer form h3 {
+ margin : 5px 0 0 0;
+ }
+ .blog-commentContainer form textarea {
+ resize : none;
+ height : 120px;
+ padding : 10px;
+ width : 100%;
+ margin-top : 10px;
+ color : #bbb;
+ font-size : 18px;
+ line-height : normal;
+ }
+ .blog-commentContainer form textarea + p {
+ font-size : 14px;
+ line-height : normal;
+ color : #bbb;
+ text-align : right;
+ }
+ .blog-commentContainer form input[type="submit"] {
+ display : inline-block;
+ font-size : 15px;
+ line-height : normal;
+ color : #fff;
+ border : none;
+ outline : none;
+ text-align : center;
+ background : #0067b1;
+ text-transform : uppercase;
+ padding : 15px;
+ min-width : 160px;
+ margin-top : -10px;
+ font-weight : 700;
+ cursor : pointer;
+ }
+ .toctoc-comments-pi1 {
+ border-bottom : 1px solid transparent;
+ }
+ .tx-tc-sortlistmenu .tx-tc-dsclmrlistmenutitle:first-child {
+ display : none;
+ }
+ .tx-tc-ct-ry-report-line {
+ text-align : right;
+ font-size : 12px;
+ line-height : normal;
+ }
+ .tx-tc-cts-ct-box + .tx-tc-cts-ct-box {
+ border-top : 1px solid #c6c6c6;
+ padding-top : 15px !important ;
+ }
+ .tx-tc-cts-ct-box + .tx-tc-cts-ct-box.replyAnswer {
+ border-top : none;
+ }
+ .blog-usercomment {
+ margin-left : 0 !important ;
+ }
+ .blog-usercomment h3 {
+ margin-bottom : 5px;
+ margin-top : 0;
+ }
+ .blog-usercomment h3 time {
+ display : inline-block;
+ }
+ .blog-usercomment h3 .tx-tc-popularity-pic {
+ display : none;
+ }
+ .blog-usercomment + .blog-usercomment {
+ margin-top : 25px;
+ }
+ .tx-tc-indent-subcmt {
+ background : #fff;
+ padding : 15px 10px !important ;
+ margin-left : 30px;
+ position : relative;
+ }
+ .tx-tc-indent-subcmt h3 {
+ margin-bottom : 10px;
+ margin-top : 0;
+ }
+ .tx-tc-indent-subcmt h3 time {
+ display : inline-block;
+ }
+ .tx-tc-indent-subcmt h3 .tx-tc-popularity-pic {
+ display : none;
+ }
+ .tx-tc-indent-subcmt:before, .tx-tc-indent-subcmt:after {
+ bottom : 100%;
+ left : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .tx-tc-indent-subcmt:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-bottom-color : #fff;
+ border-width : 15px;
+ margin-left : -200px;
+ }
+ .tx-tc-indent-subcmt:after {
+ border-color : rgba(255, 255, 255, 0);
+ border-bottom-color : #fff;
+ border-width : 15px;
+ margin-left : -200px;
+ }
+ .new-socialmedia {
+ font-size : 15px;
+ }
+ .new-socialmedia i {
+ font-size : 22px;
+ }
+ .tx-tc-dtadyn {
+ padding : 0 25px !important ;
+ }
+ .tx-tc-ct-form-field-upload {
+ display : none !important ;
+ }
+ .tx-tc-width100-85 {
+ width : 100%;
+ float : none !important ;
+ }
+ .tx-tc-ct-form-gender {
+ display : none;
+ }
+ .tx-tc-ct-form-field {
+ margin-top : 5px;
+ }
+ .tx-tc-ct-form-field input {
+ background : #fff !important ;
+ border : #c6c6c6 solid 1px;
+ color : #333 !important ;
+ }
+ .tx-tcfh112 {
+ opacity : 1 !important ;
+ }
+ .tx-tc-ct-reqhint {
+ font-size : 12px !important ;
+ line-height : normal !important ;
+ }
+ .latest-news-container {
+ background : #ececec;
+ padding : 40px 0;
+ }
+ .latest-news-container .startpage-latesnews {
+ float : left;
+ width : calc((100% - 60px) / 3);
+ border-bottom : 1px solid #fc0;
+ padding-bottom : 20px;
+ position : relative;
+ }
+ .latest-news-container .startpage-latesnews .news-img-wrap {
+ width : 100%;
+ margin-bottom : 15px;
+ max-width : none;
+ vertical-align : bottom;
+ display : table-cell;
+ }
+ .latest-news-container .startpage-latesnews .news-img-wrap a {
+ display : block;
+ }
+ .latest-news-container .startpage-latesnews .news-img-wrap img {
+ width : 100%;
+ display : block;
+ height : auto;
+ }
+ .latest-news-container .startpage-latesnews .header {
+ width : 100%;
+ height : auto;
+ }
+ .latest-news-container .startpage-latesnews .header h3 {
+ font-weight : 400;
+ }
+ .latest-news-container .startpage-latesnews .header h3 span {
+ font-size : 14px;
+ line-height : 19.6px;
+ font-size : 0.875rem;
+ line-height : 1.225rem;
+ }
+ .latest-news-container .startpage-latesnews .header h3:after {
+ display : none;
+ }
+ .latest-news-container .startpage-latesnews + .startpage-latesnews {
+ margin-left : 30px;
+ }
+ @media screen and (max-width:768px) {
+ .latest-news-container .startpage-latesnews {
+ float : none;
+ width : 100%;
+ }
+ .latest-news-container .startpage-latesnews .news-img-wrap {
+ width : 25%;
+ margin-right : 5%;
+ float : left;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container {
+ float : left;
+ width : 70%;
+ padding-left : 25px;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container .header {
+ margin-bottom : 0;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container .header h3 span {
+ font-size : 15px;
+ line-height : normal;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container .teaser-text .more {
+ margin-top : 5px;
+ }
+ .latest-news-container .startpage-latesnews + .startpage-latesnews {
+ margin-left : 0;
+ margin-top : 30px;
+ }
+ }
+ @media screen and (max-width:520px) {
+ .latest-news-container .startpage-latesnews .news-img-wrap {
+ display : none;
+ }
+ .latest-news-container .startpage-latesnews .teaser-header-container {
+ float : none;
+ width : 100%;
+ }
+ }
+ .rss-feed-button {
+ padding-bottom : 50px;
+ }
+ .rss-feed-button a {
+ width : 100%;
+ text-align : center;
+ }
+ .rss-feed-button a i {
+ font-size : 16px;
+ }
+ .new-socialmedia {
+ padding-right : 0 !important ;
+ }
+ .shariff .orientation-horizontal {
+ display : block !important ;
+ text-align : right !important ;
+ }
+ .shariff .orientation-horizontal.col-5 li {
+ flex : none !important ;
+ min-width : 0 !important ;
+ max-width : none;
+ width : auto !important ;
+ margin-right : 10px !important ;
+ margin-left : 0 !important ;
+ padding : 0;
+ float : none;
+ display : inline-block;
+ margin-bottom : 0;
+ }
+ .shariff .orientation-horizontal.col-5 .fa {
+ border-right : none !important ;
+ padding-right : 0;
+ margin-right : 0;
+ width : auto !important ;
+ line-height : normal;
+ font-size : 13px !important ;
+ }
+ .shariff .orientation-horizontal.col-5 .share_text {
+ display : none;
+ }
+ .shariff .theme-grey .shariff-button.info {
+ border : none;
+ padding-left : 5px;
+ }
+ .shariff .theme-grey .shariff-button.info .share_text {
+ display : none !important ;
+ }
+ .shariff .theme-grey .shariff-button.info a {
+ color : #000;
+ }
+ .shariff .theme-grey .shariff-button a {
+ background : transparent !important ;
+ background-color : transparent !important ;
+ height : auto;
+ line-height : normal;
+ }
+ .shariff .theme-grey .shariff-button a span {
+ color : #333;
+ }
+ .shariff .theme-grey .shariff-button a span:before {
+ color : #333;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive {
+ font-family : "Open Sans", sans-serif;
+ border : none !important ;
+ padding : 10px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu {
+ border : none;
+ margin-bottom : 25px;
+ font-size : 15px;
+ line-height : normal;
+ border-bottom : 1px solid #0067b1;
+ padding-bottom : 10px;
+ background : transparent;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu:hover {
+ border-bottom : 1px solid #0067b1;
+ background : transparent !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu .tx-tc-sortlistmenutitle {
+ color : #333;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortind-pop {
+ width : 18px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-frmsqrhgt {
+ height : auto !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-ctinput-textarea {
+ height : 150px;
+ padding : 10px 15px !important ;
+ font-size : 15px;
+ line-height : normal !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-ct-submit-loggedin {
+ background : #be1622;
+ color : #fff;
+ font-size : 15px;
+ padding : 5px 10px;
+ margin-left : 4.5% !important ;
+ font-family : "Open Sans", sans-serif;
+ opacity : 1;
+ border-radius : 0;
+ border : none !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp {
+ opacity : 1 !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage {
+ height : auto;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage div.tx-tc-emo-nav-frm {
+ margin-bottom : 20px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emopage-emojis {
+ height : auto;
+ margin-bottom : 20px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emo-bot-nav {
+ height : auto;
+ width : 100% !important ;
+ border : none !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-menutitle-hilight {
+ background : transparent;
+ border : none;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel {
+ padding : 10px;
+ right : -2px;
+ top : 28px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox {
+ font-size : 14px;
+ line-height : normal;
+ font-weight : 600;
+ color : #0067b1;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink {
+ color : #0067b1;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink-selected {
+ color : #be1622;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortpopular {
+ border : none;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box {
+ margin : 0;
+ padding : 0 10px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ctdate {
+ font-size : 12px;
+ line-height : normal;
+ color : #333;
+ display : block;
+ margin-top : 2px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text {
+ font-size : 15px;
+ line-height : normal;
+ color : #333;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text img {
+ display : none;
+ }
+ @media screen and (max-width:480px) {
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text {
+ font-size : 12px;
+ line-height : normal;
+ }
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box + .tx-tc-cts-ct-box {
+ margin-top : 25px;
+ padding-top : 25px !important ;
+ border-top : 1px solid #0067b1;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ct-box-cttxt-reply {
+ border : none !important ;
+ padding : 0 !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt {
+ padding-left : 25px !important ;
+ width : 100% !important ;
+ background : #f6f7f8;
+ padding-top : 0 !important ;
+ border-top : none;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:after {
+ display : none !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox {
+ position : relative;
+ background : #fff;
+ border : #fff solid 4px;
+ padding : 10px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before {
+ bottom : 100%;
+ left : 12%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after {
+ border-color : rgba(191, 30, 46, 0);
+ border-bottom-color : #fff;
+ border-width : 25px;
+ margin-left : -25px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before {
+ border-color : rgba(191, 30, 46, 0);
+ border-bottom-color : #fff;
+ border-width : 20px;
+ margin-left : -20px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-box-picturecrop32 {
+ padding : 0;
+ height : 32px;
+ margin-right : 10px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-text {
+ padding-top : 0 !important ;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ctdate {
+ margin-left : 42px;
+ }
+ .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-tabledisp {
+ margin-left : 25px !important ;
+ width : calc(100% - 25px) !important ;
+ }
+ .tx-felogin-pi1 {
+ background-color : #ececec;
+ padding : 30px 17px 70px 17px;
+ margin-bottom : 50px;
+ }
+ .tx-felogin-pi1 h3 {
+ font-family : "Quicksand", sans-serif;
+ font-weight : 700;
+ text-transform : uppercase;
+ color : #333;
+ font-size : 24px;
+ line-height : normal;
+ text-align : left;
+ margin-bottom : 20px;
+ }
+ .tx-felogin-pi1 h3:after {
+ content : "";
+ display : block;
+ width : 50px;
+ height : 5px;
+ background : #fc0;
+ margin : 10px 0 0 0;
+ }
+ .tx-felogin-pi1 form fieldset {
+ border : none;
+ padding : 0;
+ }
+ .tx-felogin-pi1 form fieldset > div {
+ width : 400px;
+ }
+ .tx-felogin-pi1 form fieldset > div > div {
+ border : #c6c6c6 solid 1px;
+ display : inline-block;
+ float : left;
+ width : 49%;
+ height : 53px;
+ line-height : 53px;
+ margin-top : 20px;
+ padding-left : 10px;
+ }
+ .tx-felogin-pi1 form fieldset > div > div:first-child {
+ margin-right : 2%;
+ }
+ .tx-felogin-pi1 form fieldset > div label {
+ display : inline-block;
+ }
+ .tx-felogin-pi1 form fieldset > div input[type="text"], .tx-felogin-pi1 form fieldset > div input[type="password"] {
+ width : 100%;
+ height : 55px;
+ border : #c6c6c6 solid 1px;
+ padding : 10px;
+ color : #333;
+ font-size : 15px;
+ }
+ .tx-felogin-pi1 form fieldset > div input[type="submit"] {
+ background : none 0% 0% repeat scroll #0067b1;
+ font-size : 1rem;
+ line-height : 1.4rem;
+ text-transform : uppercase;
+ color : #fff;
+ padding : 15px 60px;
+ margin-top : 20px;
+ border : none medium;
+ outline : medium none;
+ font-weight : 700;
+ cursor : pointer;
+ width : 100%;
+ }
+ @media screen and (max-width:485px) {
+ .tx-felogin-pi1 form fieldset > div {
+ width : 100%;
+ }
+ .tx-felogin-pi1 form fieldset > div > div {
+ width : 100%;
+ }
+ .tx-felogin-pi1 form fieldset > div > div:first-child {
+ margin-right : 0;
+ }
+ }
+ .tx-felogin-pi1 .felogin-links {
+ padding-top : 4px;
+ width : 400px;
+ }
+ .tx-felogin-pi1 .felogin-links > div {
+ display : inline-block;
+ float : right;
+ }
+ .tx-felogin-pi1 .felogin-links > div:first-child {
+ float : left;
+ }
+ .tx-felogin-pi1 .felogin-links > div a {
+ color : #333;
+ font-weight : normal;
+ }
+ @media screen and (max-width:485px) {
+ .tx-felogin-pi1 .felogin-links {
+ width : 100%;
+ }
+ .tx-felogin-pi1 .felogin-links > div {
+ display : block;
+ float : none;
+ margin-top : 5px;
+ }
+ .tx-felogin-pi1 .felogin-links > div:first-child {
+ float : none;
+ }
+ }
+ .tx-sy-osbeeproducts {
+ padding : 0 0 40px 0;
+ }
+ .tx-sy-osbeeproducts h2, .tx-sy-osbeeproducts .ce-table table caption, .ce-table table .tx-sy-osbeeproducts caption {
+ font-weight : 700;
+ color : #0067b1;
+ font-size : 18px;
+ line-height : normal;
+ display : block;
+ margin : 0 0 5px 0;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory, .tx-sy-osbeeproducts .os_cartApps {
+ margin-bottom : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table, .tx-sy-osbeeproducts .os_cartApps table {
+ border-spacing : 0;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type {
+ border-left : 1px solid #c6c6c6;
+ border-right : 1px solid #c6c6c6;
+ border-top : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td, .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td {
+ background : #ececec;
+ padding : 10px 0 10px 10px;
+ height : 40px;
+ color : #313131;
+ font-weight : 700;
+ border-bottom : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ border-top : 1px solid #c6c6c6;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) {
+ background : #d7d7d7;
+ padding : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3) {
+ text-align : right;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) {
+ text-align : right;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6) {
+ padding : 10px 0;
+ border-left : none;
+ text-align : center;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row, .tx-sy-osbeeproducts .os_cartApps table tr.row {
+ border-bottom : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td, .tx-sy-osbeeproducts .os_cartApps table tr.row td {
+ background : #fff;
+ padding : 10px 0 10px 10px;
+ color : #313131;
+ font-weight : 400;
+ border-left : 1px solid #c6c6c6;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr.row td:first-of-type {
+ color : #0067b1;
+ text-decoration : none;
+ font-weight : 700;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(2) {
+ padding : 0 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4) {
+ text-align : right;
+ padding-right : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) {
+ padding : 10px 0;
+ text-align : center;
+ padding-left : 10px;
+ padding-right : 10px;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) i, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) i {
+ font-size : 20px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a {
+ margin : 0;
+ padding : 0;
+ background : transparent;
+ border : none;
+ color : #be1622;
+ font-size : 20px;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a:hover, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a:hover {
+ text-decoration : none;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td {
+ font-size : 15px;
+ line-height : normal;
+ border-left : 1px solid #c6c6c6;
+ border-top : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:first-of-type {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ text-align : left;
+ padding : 10px;
+ background : #ececec;
+ height : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(2) {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ text-align : right;
+ padding : 10px;
+ background : #d7d7d7;
+ height : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(5), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(5) {
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ text-align : right;
+ background : #ececec;
+ padding : 10px;
+ height : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:last-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:last-of-type {
+ min-height : 1px;
+ background : #ececec;
+ height : 40px;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td {
+ padding : 10px;
+ font-size : 15px;
+ font-weight : 700;
+ line-height : normal;
+ background : #ececec;
+ border-top : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2) {
+ background : #d7d7d7;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3) {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7) {
+ text-align : right;
+ padding-right : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8) {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8) {
+ border-right : 1px solid #c6c6c6;
+ text-align : center;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td {
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3) {
+ border-left : none;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4) {
+ border-left : none;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(7), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) {
+ border-left : none;
+ text-align : right;
+ padding-right : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) {
+ padding : 10px 0;
+ text-align : center;
+ padding-left : 10px;
+ padding-right : 10px;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) i {
+ font-size : 20px;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a {
+ margin : 0;
+ padding : 0;
+ background : transparent;
+ border : none;
+ color : #be1622;
+ font-size : 20px;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a:hover {
+ text-decoration : none;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td {
+ padding : 10px;
+ border-top : none;
+ font-weight : 700;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(4) {
+ background : #ececec;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:last-of-type {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules {
+ padding-bottom : 80px;
+ margin-bottom : 80px;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table {
+ border-spacing : 0;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td {
+ padding : 10px;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ background : #ececec;
+ border-top : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(2) {
+ background : #d7d7d7;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:last-of-type {
+ border-left : none;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td {
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td:first-of-type {
+ color : #0067b1;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(2) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr.row td:last-of-type {
+ border-right : 1px solid #c6c6c6;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td {
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ height : 40px;
+ padding : 10px;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td div {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(2) {
+ background : #d7d7d7;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(3) {
+ background : #ececec;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:last-of-type {
+ background : #ececec;
+ border-right : 1px solid #c6c6c6;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport {
+ margin-bottom : 40px;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div {
+ float : left;
+ width : calc((100% - 30px) / 4);
+ background : #ececec;
+ border : #c6c6c6 solid 1px;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .radioSupportName {
+ margin-top : 10px;
+ margin-right : 10px;
+ padding : 10px;
+ font-size : 18px;
+ line-height : normal;
+ color : #fff;
+ font-weight : 700;
+ text-transform : uppercase;
+ letter-spacing : 3px;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container {
+ padding : 10px;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container .radioSupport {
+ width : 20px;
+ height : 20px;
+ display : inline-block;
+ margin : 0 5px 0 0;
+ vertical-align : bottom;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container div {
+ display : inline-block;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container a {
+ color : #0067b1;
+ font-size : 15px;
+ text-decoration : none;
+ display : block;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div .container a:hover {
+ text-decoration : underline;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div:first-of-type .radioSupportName {
+ background : #d1d1d1;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div:nth-of-type(2) .radioSupportName {
+ background : #fc0;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div:nth-of-type(3) .radioSupportName {
+ background : #777372;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div:last-of-type .radioSupportName {
+ background : #3a3a3a;
+ }
+ .tx-sy-osbeeproducts .os_cartSupport > div + div {
+ margin-left : 10px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport {
+ margin-bottom : 40px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div {
+ float : left;
+ width : calc((100% - 20px) / 3);
+ background : #ececec;
+ border : #c6c6c6 solid 1px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .radioAppSupportName {
+ margin-top : 10px;
+ margin-right : 10px;
+ padding : 10px;
+ font-size : 18px;
+ line-height : normal;
+ color : #fff;
+ font-weight : 700;
+ text-transform : uppercase;
+ letter-spacing : 1px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container {
+ padding : 10px;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container .radioAppSupport {
+ width : 20px;
+ height : 20px;
+ display : inline-block;
+ margin : 0 5px 0 0;
+ vertical-align : bottom;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container div {
+ display : inline-block;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container a {
+ color : #0067b1;
+ font-size : 15px;
+ text-decoration : none;
+ display : block;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div .container a:hover {
+ text-decoration : underline;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div:first-of-type .radioAppSupportName {
+ background : #88b3d6;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div:nth-of-type(2) .radioAppSupportName {
+ background : #3f83c0;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div:nth-of-type(3) .radioAppSupportName {
+ background : #105b9e;
+ }
+ .tx-sy-osbeeproducts .os_carAppSupport > div + div {
+ margin-left : 10px;
+ }
+ .tx-sy-osbeeproducts .overviewSupport {
+ margin-bottom : 80px;
+ padding-bottom : 80px;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table {
+ border-spacing : 0;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td {
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 700;
+ padding : 10px;
+ background : #ececec;
+ border-top : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:first-of-type {
+ border-left : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(4) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:last-of-type {
+ text-align : right;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td {
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-bottom : 1px solid #c6c6c6;
+ border-left : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:first-of-type .chosenSupport {
+ font-weight : 700;
+ color : #0067b1;
+ font-size : 15px;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(2) {
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:last-of-type {
+ border-left : none;
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td {
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-left : 1px solid #c6c6c6;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(2) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(3) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(4) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:last-of-type {
+ border-right : 1px solid #c6c6c6;
+ border-left : none;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td {
+ background : #ececec;
+ height : 40px;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-bottom : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:first-of-type {
+ border-left : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:nth-of-type(4) {
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:last-of-type {
+ border-right : 1px solid #c6c6c6;
+ }
+ .tx-sy-osbeeproducts .lastStep {
+ border : #c6c6c6 solid 1px;
+ background : #ececec;
+ }
+ .tx-sy-osbeeproducts .lastStep table {
+ border-spacing : 0;
+ }
+ .tx-sy-osbeeproducts .lastStep table tr td {
+ padding : 0 10px 2px 10px;
+ font-size : 15px;
+ line-height : normal;
+ text-align : right;
+ }
+ .tx-sy-osbeeproducts .lastStep table tr:first-of-type td {
+ padding-top : 10px;
+ }
+ .tx-sy-osbeeproducts .lastStep table tr:last-of-type td {
+ font-weight : 700;
+ padding-bottom : 10px;
+ }
+ .tx-sy-osbeeproducts .linkInActive {
+ background : #bbbbbb;
+ color : #fff;
+ padding : 10px 20px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 18px;
+ line-height : normal;
+ float : left;
+ margin-top : 20px;
+ border : none;
+ cursor : pointer;
+ }
+ .tx-sy-osbeeproducts .tooltipp {
+ display : none;
+ position : absolute;
+ background-color : #dddddd;
+ padding : 10px 20px;
+ color : black;
+ font-size : 18px;
+ margin-left : 120px;
+ float : left;
+ margin-top : 20px;
+ }
+ .tx-sy-osbeeproducts .checkoutOption {
+ margin-top : 20px;
+ }
+ .tx-sy-osbeeproducts .checkoutOption .checkoutSubmit {
+ background : #be1622;
+ color : #fff;
+ padding : 10px 20px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 18px;
+ line-height : normal;
+ float : right;
+ border : none;
+ cursor : pointer;
+ }
+ .tx-sy-osbeeproducts .checkoutOption .checkoutSubmit.blue {
+ background : #0067b1;
+ color : #fff;
+ padding : 10px 20px;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 18px;
+ line-height : normal;
+ float : left;
+ border : none;
+ cursor : pointer;
+ }
+ .step3YourData, .mp-contentContainer.checkout .step3YourOrder {
+ padding-bottom : 80px;
+ margin-bottom : 80px;
+ border-bottom : 1px solid #bcbcbc;
+ border-spacing : 0;
+ width : 100%;
+ }
+ .step3YourData caption, .mp-contentContainer.checkout .step3YourOrder caption {
+ font-weight : 700;
+ color : #1268b3;
+ font-size : 18px;
+ line-height : normal;
+ display : block;
+ margin : 0 0 2px 0;
+ text-align : left;
+ }
+ .step3YourData tr:first-of-type td, .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td {
+ padding : 10px;
+ font-weight : 700;
+ font-size : 14px;
+ line-height : normal;
+ background : #f5f5f5;
+ border-top : 1px solid #bcbcbc;
+ border-left : 1px solid #bcbcbc;
+ border-bottom : 1px solid #bcbcbc;
+ }
+ .step3YourData tr:first-of-type td:nth-of-type(2), .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:nth-of-type(2) {
+ background : #d7d7d7;
+ }
+ .step3YourData tr:first-of-type td:last-of-type, .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:last-of-type {
+ border-left : none;
+ border-right : 1px solid #bcbcbc;
+ }
+ .step3YourData tr.row td, .mp-contentContainer.checkout .step3YourOrder tr.row td {
+ font-size : 14px;
+ line-height : normal;
+ padding : 10px;
+ border-left : 1px solid #bcbcbc;
+ border-bottom : 1px solid #bcbcbc;
+ border-right : 1px solid #bcbcbc;
+ }
+ .step3YourData tr.row td:first-of-type, .mp-contentContainer.checkout .step3YourOrder tr.row td:first-of-type {
+ color : #1268b3;
+ font-weight : 700;
+ font-size : 14px;
+ line-height : normal;
+ border-right : none;
+ }
+ .orderlist table {
+ margin-bottom : 80px;
+ border-spacing : 0;
+ width : 100%;
+ }
+ .orderlist table caption {
+ font-weight : 700;
+ color : #1268b3;
+ font-size : 18px;
+ line-height : normal;
+ display : block;
+ margin : 0 0 2px 0;
+ text-align : left;
+ }
+ .orderlist table tr:first-of-type th {
+ padding : 10px;
+ font-weight : 700;
+ font-size : 14px;
+ line-height : normal;
+ background : #f5f5f5;
+ border-top : 1px solid #bcbcbc;
+ border-left : 1px solid #bcbcbc;
+ border-bottom : 1px solid #bcbcbc;
+ text-align : left;
+ }
+ .orderlist table tr:first-of-type th:nth-of-type(3) {
+ text-align : center;
+ }
+ .orderlist table tr:first-of-type th:nth-of-type(4) {
+ text-align : right;
+ }
+ .orderlist table tr:first-of-type th:last-of-type {
+ border-right : 1px solid #bcbcbc;
+ }
+ .orderlist table tr td {
+ font-size : 14px;
+ line-height : normal;
+ padding : 10px;
+ border-left : 1px solid #bcbcbc;
+ border-bottom : 1px solid #bcbcbc;
+ }
+ .orderlist table tr td:nth-of-type(3) {
+ text-align : center;
+ }
+ .orderlist table tr td:nth-of-type(4) {
+ text-align : right;
+ }
+ .orderlist table tr td:last-of-type {
+ border-right : 1px solid #bcbcbc;
+ }
+ .step3YourOrder {
+ width : 100%;
+ border-spacing : 0;
+ margin-bottom : 80px;
+ }
+ .step3YourOrder caption {
+ text-align : left;
+ font-size : 18px;
+ color : #0067b1;
+ font-weight : 700;
+ padding-bottom : 5px;
+ }
+ .step3YourOrder tr td {
+ font-size : 14px;
+ line-height : normal;
+ padding : 10px;
+ border-top : 1px solid #bcbcbc;
+ border-right : 1px solid #bcbcbc;
+ }
+ .step3YourOrder tr td:first-of-type {
+ width : 35%;
+ font-weight : 700;
+ border-left : 1px solid #bcbcbc;
+ }
+ .step3YourOrder tr:last-of-type td {
+ border-bottom : 1px solid #bcbcbc;
+ }
+ .step3YourOrder tr:nth-child(odd) {
+ background : #f5f5f5;
+ }
+ .backToListButton {
+ margin-bottom : 40px;
+ }
+ .mp-contentContainer.checkout h1 {
+ font-size : 20px;
+ line-height : normal;
+ margin-bottom : 80px;
+ font-weight : 700;
+ text-transform : none;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout h1 {
+ font-size : 18px;
+ margin-bottom : 40px;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_optionText {
+ padding : 25px 40px;
+ border : #bcbcbc solid 1px;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_optionText {
+ padding : 15px 20px;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_optionText strong {
+ display : block;
+ font-weight : 700;
+ color : #333;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .mp-contentContainer.checkout .checkout_optionText p {
+ margin : 10px 0 0 0;
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption {
+ padding : 25px 40px;
+ background : #f5f5f5;
+ border : #bcbcbc solid 1px;
+ margin-top : 15px;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_paymentOption {
+ padding : 15px 20px;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption {
+ color : #333;
+ margin-bottom : 25px;
+ font-size : 24px;
+ line-height : normal;
+ text-transform : uppercase;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption {
+ font-size : 18px;
+ line-height : normal;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2), .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) {
+ padding : 15px 20px;
+ border : #bcbcbc solid 1px;
+ background : #fff;
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) input, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) input {
+ display : inline-block;
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label {
+ vertical-align : bottom;
+ display : inline-block;
+ margin-left : 10px;
+ font-size : 20px;
+ font-weight : 700;
+ line-height : normal;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label {
+ font-size : 14px;
+ line-height : normal;
+ margin-left : 5px;
+ }
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) + div, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) + div {
+ margin-top : 10px;
+ }
+ .mp-contentContainer.checkout .checkout_paymentOption input[type="submit"] {
+ display : inline-block;
+ margin-top : 20px;
+ background : #0067b1;
+ border : none;
+ color : #fff;
+ text-transform : uppercase;
+ font-weight : 700;
+ font-size : 18px;
+ line-height : normal;
+ padding : 8px 16px;
+ cursor : pointer;
+ }
+ @media screen and (max-width:480px) {
+ .mp-contentContainer.checkout .checkout_paymentOption input[type="submit"] {
+ font-size : 14px;
+ line-height : normal;
+ }
+ }
+ .mp-contentContainer.checkout .step3YourData, .mp-contentContainer.checkout .step3YourOrder {
+ width : 100%;
+ border-spacing : 0;
+ }
+ .mp-contentContainer.checkout .step3YourData caption, .mp-contentContainer.checkout .step3YourOrder caption {
+ text-align : left;
+ font-size : 18px;
+ color : #0067b1;
+ font-weight : 700;
+ padding-bottom : 5px;
+ }
+ .mp-contentContainer.checkout .step3YourData tr td, .mp-contentContainer.checkout .step3YourOrder tr td {
+ font-size : 15px;
+ line-height : normal;
+ padding : 10px;
+ border-top : 1px solid #bcbcbc;
+ border-right : 1px solid #bcbcbc;
+ }
+ .mp-contentContainer.checkout .step3YourData tr td:first-of-type, .mp-contentContainer.checkout .step3YourOrder tr td:first-of-type {
+ width : 35%;
+ font-weight : 700;
+ border-left : 1px solid #bcbcbc;
+ }
+ .mp-contentContainer.checkout .step3YourData tr:last-of-type td, .mp-contentContainer.checkout .step3YourOrder tr:last-of-type td {
+ border-bottom : 1px solid #bcbcbc;
+ }
+ .mp-contentContainer.checkout .step3YourData tr:nth-child(odd), .mp-contentContainer.checkout .step3YourOrder tr:nth-child(odd) {
+ background : #f5f5f5;
+ }
+ .mp-contentContainer.checkout .step3YourOrder {
+ margin-top : 40px;
+ }
+ .mp-contentContainer.checkout .step3CheckoutButton {
+ color : #fff;
+ text-decoration : none;
+ background : #0067b1;
+ font-size : 18px;
+ line-height : normal;
+ padding : 8px 16px;
+ border : none;
+ cursor : pointer;
+ display : inline-block;
+ margin-top : 20px;
+ }
+ .checkout_thankyou {
+ border : #bcbcbc solid 1px;
+ padding : 25px 40px;
+ margin : 40px 0;
+ }
+ .checkout_thankyou strong {
+ display : block;
+ font-weight : 700;
+ color : #333;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .checkout_thankyou p {
+ margin : 10px 0 0 0;
+ }
+ .tx-contentpackage-checkoutFormular div {
+ display : block;
+ }
+ .tx-contentpackage-checkoutFormular div label {
+ width : 25%;
+ text-align : right;
+ padding-right : 1em;
+ float : left;
+ height : 55px;
+ vertical-align : middle;
+ line-height : 55px;
+ }
+ .tx-contentpackage-checkoutFormular div input {
+ text-align : left;
+ width : 50%;
+ float : left;
+ height : 55px;
+ border : #bbb solid 1px;
+ padding : 10px;
+ }
+ .tx-contentpackage-checkoutFormular div + div {
+ margin-top : 5px;
+ }
+ @media screen and (max-width:600px) {
+ .tx-contentpackage-checkoutFormular div label {
+ display : block;
+ width : 100%;
+ float : none;
+ height : auto;
+ text-align : left;
+ }
+ .tx-contentpackage-checkoutFormular div input {
+ float : none;
+ display : block;
+ width : 100%;
+ }
+ }
+ .tx-contentpackage-checkoutFormular input[type="submit"] {
+ background : #0067b1;
+ font-size : 15px;
+ line-height : 22.4px;
+ font-size : 1rem;
+ line-height : 1.4rem;
+ text-transform : uppercase;
+ color : #fff;
+ padding : 15px;
+ margin-top : 30px;
+ border : none;
+ outline : none;
+ font-weight : 700;
+ cursor : pointer;
+ margin-left : 25%;
+ }
+ @media screen and (max-width:600px) {
+ .tx-contentpackage-checkoutFormular input[type="submit"] {
+ margin-left : 0;
+ }
+ }
+ .checkoutSteps {
+ margin-bottom : 40px;
+ text-align : center;
+ }
+ .checkoutSteps .step {
+ display : inline-block;
+ position : relative;
+ background : #ccc;
+ border : #fff solid 4px;
+ border-bottom : none;
+ border-top : none;
+ padding-left : 10px;
+ padding-right : 10px;
+ z-index : 10;
+ color : #fff;
+ font-weight : 700;
+ font-size : 16px;
+ height : 47px;
+ line-height : 46px;
+ }
+ .checkoutSteps .step.active {
+ background : #0067b1;
+ }
+ .checkoutSteps .step.active:after {
+ border-left-color : #0067b1;
+ }
+ .checkoutSteps .step:after, .checkoutSteps .step:before {
+ left : 100%;
+ top : 50%;
+ border : transparent solid;
+ content : " ";
+ height : 0;
+ width : 0;
+ position : absolute;
+ }
+ .checkoutSteps .step:after {
+ border-color : rgba(204, 204, 204, 0);
+ border-left-color : #ccc;
+ border-width : 23px;
+ margin-top : -23px;
+ }
+ .checkoutSteps .step:before {
+ border-color : rgba(255, 255, 255, 0);
+ border-left-color : #fff;
+ border-width : 28px;
+ margin-top : -28px;
+ }
+ .checkoutSteps .step + .step {
+ padding-left : 30px;
+ z-index : 9;
+ margin-left : -4px;
+ }
+ .checkoutSteps .step + .step + .step {
+ z-index : 8;
+ }
+ .checkoutSteps .step + .step + .step + .step {
+ z-index : 7;
+ }
+ .checkoutError {
+ background : #be1622;
+ color : #fff;
+ font-weight : 700;
+ font-size : 15px;
+ line-height : normal;
+ text-align : center;
+ margin-bottom : 40px;
+ display : block;
+ padding : 5px 10px;
+ }
+ .tx-indexedsearch-searchbox {
+ padding-top : 50px;
+ padding-bottom : 50px;
+ }
+ .tx-indexedsearch-searchbox form label {
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ display : block;
+ }
+ .tx-indexedsearch-searchbox form input[type="text"] {
+ height : 25px;
+ border : #c6c6c6 solid 1px;
+ font-size : 12px;
+ min-width : 280px;
+ padding : 0 5px;
+ }
+ .tx-indexedsearch-searchbox form input[type="submit"] {
+ display : block;
+ background : #be1622;
+ color : #fff;
+ border : none;
+ font-size : 15px;
+ padding : 5px 10px;
+ margin-top : 5px;
+ min-width : 280px;
+ }
+ .suchergebnis {
+ padding-bottom : 50px;
+ }
+ .tx-indexedsearch-browsebox {
+ list-style-type : none;
+ margin : 0;
+ padding : 0;
+ }
+ .tx-indexedsearch-browsebox ul {
+ list-style-type : none;
+ margin-top : 15px;
+ margin-bottom : 15px;
+ }
+ .tx-indexedsearch-browsebox li {
+ float : left;
+ }
+ .tx-indexedsearch-browsebox li a {
+ color : #c6c6c6;
+ text-decoration : none;
+ }
+ .tx-indexedsearch-browsebox li + li {
+ margin-left : 10px;
+ }
+ .tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a {
+ color : #be1622;
+ }
+ .tx-indexedsearch-browsebox + .tx-indexedsearch-res {
+ margin-top : 40px;
+ }
+ .tx-indexedsearch-res + .tx-indexedsearch-res {
+ margin-top : 25px;
+ padding-top : 25px;
+ border-top : 1px solid #c6c6c6;
+ }
+ .tx-indexedsearch-res + .tx-indexedsearch-browsebox {
+ margin-top : 40px;
+ }
+ .tx-srfeuserregister-pi1 {
+ margin-bottom : 50px;
+ float : left;
+ width : 70%;
+ }
+ .tx-srfeuserregister-pi1 p {
+ padding : 0;
+ }
+ .tx-srfeuserregister-pi1 p.textOverSendButton {
+ position : relative;
+ margin : 0;
+ padding : 0;
+ clear : both;
+ margin-bottom : -10px;
+ padding-top : 25px;
+ }
+ .tx-srfeuserregister-pi1 p.textOverSendButton + dt {
+ display : none;
+ }
+ .tx-srfeuserregister-pi1 .customRegisterCheckbox {
+ position : relative;
+ padding-left : 30px;
+ margin-top : 10px;
+ }
+ .tx-srfeuserregister-pi1 .customRegisterCheckbox p, .tx-srfeuserregister-pi1 .customRegisterCheckbox a {
+ font-size : 12px;
+ line-height : normal;
+ }
+ .tx-srfeuserregister-pi1 .customRegisterCheckbox a {
+ background : transparent;
+ padding-left : 0;
+ }
+ .tx-srfeuserregister-pi1 .customRegisterCheckbox input {
+ position : absolute;
+ left : 0;
+ top : 1px;
+ }
+ .tx-srfeuserregister-pi1 fieldset {
+ border : none;
+ padding : 0;
+ margin : 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset legend {
+ display : none;
+ }
+ .tx-srfeuserregister-pi1 fieldset h2, .tx-srfeuserregister-pi1 fieldset .ce-table table caption, .ce-table table .tx-srfeuserregister-pi1 fieldset caption {
+ font-size : 18px;
+ line-height : normal;
+ text-align : left;
+ margin : 0 0 5px 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset h2:after, .tx-srfeuserregister-pi1 fieldset .ce-table table caption:after, .ce-table table .tx-srfeuserregister-pi1 fieldset caption:after {
+ margin : 10px 0 0 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset h2 + p, .tx-srfeuserregister-pi1 fieldset .ce-table table caption + p, .ce-table table .tx-srfeuserregister-pi1 fieldset caption + p {
+ margin : 0 0 25px 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file {
+ padding : 30px 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file label {
+ font-size : 15px;
+ line-height : normal;
+ display : block;
+ margin-bottom : 10px;
+ }
+ .tx-srfeuserregister-pi1 fieldset label {
+ height : 55px;
+ vertical-align : middle;
+ }
+ .tx-srfeuserregister-pi1 fieldset dd {
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 fieldset dt {
+ text-align : left;
+ }
+ .tx-srfeuserregister-pi1 fieldset input[type="text"], .tx-srfeuserregister-pi1 fieldset input[type="password"], .tx-srfeuserregister-pi1 fieldset input[type="email"], .tx-srfeuserregister-pi1 fieldset input[type="date"], .tx-srfeuserregister-pi1 fieldset select {
+ width : 325px;
+ width : 100%;
+ height : 55px;
+ border : #bbb solid 1px;
+ padding : 10px;
+ color : #333;
+ font-size : 18px;
+ }
+ .tx-srfeuserregister-pi1 fieldset input[type="submit"] {
+ background : #0067b1;
+ font-size : 15px;
+ line-height : normal;
+ text-transform : uppercase;
+ color : #fff;
+ padding : 15px;
+ margin-top : 30px;
+ border : none;
+ outline : none;
+ font-weight : 700;
+ cursor : pointer;
+ width : 100%;
+ text-align : center;
+ }
+ .tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged {
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged + p {
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms {
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms + input[type="checkbox"] {
+ float : left;
+ margin-top : 15px;
+ }
+ .tx-srfeuserregister-pi1 fieldset input[type="password"] {
+ margin-right : 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div {
+ float : left;
+ width : 48%;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div.passwort input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.passwortagain input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.company input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.jobrole input {
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div + div {
+ margin-left : 3.5%;
+ }
+ .tx-srfeuserregister-pi1 fieldset .jobrole input {
+ margin-top : 7px;
+ }
+ .tx-srfeuserregister-pi1 fieldset .terms input {
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset .terms p {
+ margin : 0;
+ display : inline-block;
+ }
+ .tx-srfeuserregister-pi1 fieldset .terms p a {
+ color : #0067b1;
+ font-size : 15px;
+ line-height : normal;
+ text-decoration : none;
+ }
+ .tx-srfeuserregister-pi1 fieldset .terms p a:hover {
+ text-decoration : underline;
+ }
+ @media screen and (max-width:800px) {
+ .tx-srfeuserregister-pi1 {
+ float : none;
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 dt {
+ width : 30%;
+ }
+ .tx-srfeuserregister-pi1 dd {
+ width : 70%;
+ }
+ }
+ @media screen and (max-width:600px) {
+ .tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd {
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 dt {
+ display : block;
+ margin-top : 5px;
+ text-align : left;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div {
+ width : 100%;
+ }
+ .tx-srfeuserregister-pi1 fieldset .formwrap > div + div {
+ margin-left : 0;
+ }
+ .tx-srfeuserregister-pi1 fieldset input[type="text"], .tx-srfeuserregister-pi1 fieldset input[type="password"], .tx-srfeuserregister-pi1 fieldset input[type="email"], .tx-srfeuserregister-pi1 fieldset input[type="date"], .tx-srfeuserregister-pi1 fieldset select {
+ width : 100%;
+ }
+ }
+ .editForm .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt {
+ padding-top : 0;
+ }
+ .community-forum-news {
+ padding : 25px 0;
+ background : #ececec;
+ }
+ .community-forum-news > .inner > div {
+ float : left;
+ width : calc((100% - 20px) / 2);
+ }
+ .community-forum-news > .inner > div.news {
+ margin-left : 20px;
+ padding-top : 8px;
+ }
+ @media screen and (max-width:1100px) {
+ .community-forum-news > .inner > div.news .inner.small, .community-forum-news > .inner > div.news .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .community-forum-news > .inner > div.news .tx-felogin-pi1-inner {
+ padding : 0 !important ;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container {
+ padding : 0;
+ margin-top : 42px;
+ padding-top : 44px;
+ padding-left : 84px;
+ }
+ @media screen and (max-width:980px) {
+ .community-forum-news > .inner > div.news .latest-news-container {
+ padding-top : 0;
+ margin-top : 0;
+ padding-left : 0;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container > h2, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption {
+ text-align : left;
+ position : relative;
+ top : -44px;
+ }
+ @media screen and (max-width:768px) {
+ .community-forum-news > .inner > div.news .latest-news-container > h2, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption {
+ top : auto;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container > h2:after, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption:after, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption:after {
+ margin : 10px 0 10px 0;
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-article {
+ position : relative;
+ top : -44px;
+ }
+ @media screen and (max-width:768px) {
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-article {
+ top : auto;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-article .more {
+ position : relative;
+ top : 44px;
+ }
+ @media screen and (max-width:768px) {
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-article .more {
+ top : auto;
+ }
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews {
+ margin-top : 20px;
+ width : calc((100% - 30px) / 2);
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews .header {
+ margin-top : 10px;
+ }
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews .header h3 span {
+ font-size : 15px;
+ font-weight : 600;
+ line-height : normal;
+ }
+ @media screen and (max-width:768px) {
+ .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews {
+ width : 100%;
+ }
+ }
+ .community-forum-news > .inner > div.tx-typo3forum-pi1 > h2, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 > caption {
+ text-align : left;
+ text-transform : none;
+ }
+ .community-forum-news > .inner > div.tx-typo3forum-pi1 > h2:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 > caption:after {
+ margin : 10px 0 10px 0;
+ }
+ .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-forum-latest-post > div {
+ padding : 10px;
+ }
+ @media screen and (max-width:980px) {
+ .community-forum-news > .inner > div {
+ float : none;
+ width : 100%;
+ margin-left : 0 !important ;
+ max-width : none;
+ }
+ }
+ .zweispaltig-unterseiten-layout {
+ max-width : 1030px;
+ width : 100%;
+ margin-left : auto;
+ margin-right : auto;
+ }
+ @media screen and (max-width:1100px) {
+ .zweispaltig-unterseiten-layout {
+ padding : 0 25px;
+ }
+ }
+ .leftSidebar {
+ float : left;
+ width : 23.30%;
+ width : calc(100% - 72%);
+ max-width : 240px;
+ display : block;
+ padding : 50px 0;
+ padding-top : 0;
+ margin-top : 40px;
+ min-height : 1px;
+ }
+ .leftSidebar .leftMenu {
+ float : none;
+ width : 100%;
+ margin-top : 0;
+ }
+ .leftSidebar .inner.small, .leftSidebar .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .leftSidebar .tx-felogin-pi1-inner, .leftSidebar .inner {
+ padding : 0 !important ;
+ }
+ @media screen and (max-width:767px) {
+ .leftSidebar {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ max-width : none;
+ padding-bottom : 0;
+ }
+ .leftSidebar .leftMenu {
+ margin-bottom : 0;
+ padding-bottom : 0;
+ margin-top : 25px;
+ }
+ .leftSidebar .leftMenu .profile-sidebar-content {
+ margin-top : 15px;
+ }
+ }
+ .rightContent {
+ float : left;
+ width : 73.78%;
+ width : calc(100% - 32.85%);
+ display : block;
+ max-width : 740px;
+ padding : 50px 0;
+ margin-left : 4.85%;
+ padding-top : 0;
+ min-height : 1px;
+ margin-top : 40px;
+ }
+ .rightContent .tx-srfeuserregister-pi1 {
+ float : none;
+ width : 100%;
+ display : block;
+ margin-bottom : 40px;
+ }
+ .rightContent .tx-srfeuserregister-pi1 input {
+ padding : 10px 15px;
+ }
+ .rightContent .inner.small, .rightContent .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .rightContent .tx-felogin-pi1-inner, .rightContent .inner {
+ padding : 0 !important ;
+ }
+ @media screen and (max-width:767px) {
+ .rightContent {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ max-width : none;
+ margin-top : 25px;
+ }
+ }
+ header.header {
+ padding : 0 0 25px 0;
+ max-height : 133px;
+ border-bottom : 5px solid #fc0;
+ position : fixed;
+ top : 0;
+ z-index : 9999;
+ left : 0;
+ right : 0;
+ background : #fff;
+ }
+ header.header.compexHeader {
+ height : 100px;
+ padding-top : 25px;
+ }
+ header.header.compexHeader .topMeta {
+ display : none;
+ }
+ header.header.compexHeader + * {
+ margin-top : 100px;
+ display : block;
+ }
+ @media screen and (max-width:480px) {
+ header.header.compexHeader {
+ height : 72px;
+ padding-top : 15px;
+ padding-bottom : 15px;
+ }
+ header.header.compexHeader + * {
+ margin-top : 72px;
+ }
+ }
+ header.header + * {
+ margin-top : 133px;
+ display : block;
+ }
+ @media screen and (max-width:860px) {
+ header.header {
+ height : 155px;
+ max-height : 155px;
+ }
+ header.header + * {
+ margin-top : 155px;
+ }
+ }
+ @media screen and (max-width:480px) {
+ header.header {
+ height : 200px;
+ max-height : 200px;
+ }
+ header.header + * {
+ margin-top : 200px;
+ }
+ }
+ @media screen and (max-width:460px) {
+ header.header {
+ max-height : 120px;
+ height : 120px;
+ }
+ header.header + * {
+ margin-top : 120px;
+ }
+ }
+ header.header .topMeta {
+ width : 100%;
+ background : #f5f5f5;
+ margin-bottom : 20px;
+ height : 30px;
+ line-height : 30px;
+ }
+ @media screen and (max-width:860px) {
+ header.header .topMeta {
+ height : auto;
+ }
+ }
+ header.header .topMeta .left {
+ float : left;
+ color : #333;
+ font-size : 12px;
+ font-weight : 600;
+ line-height : 30px;
+ }
+ @media screen and (max-width:860px) {
+ header.header .topMeta .left {
+ float : none;
+ width : 100%;
+ text-align : center;
+ }
+ }
+ @media screen and (max-width:460px) {
+ header.header .topMeta .left {
+ display : none;
+ }
+ }
+ header.header .topMeta .right {
+ float : right;
+ }
+ header.header .topMeta .right form {
+ position : relative;
+ float : left;
+ margin-right : 5px;
+ }
+ header.header .topMeta .right form input[type="text"] {
+ border : 0;
+ background : #fff;
+ padding : 0 5px;
+ height : 24px;
+ position : relative;
+ padding-right : 25px;
+ font-size : 12px;
+ line-height : 24px;
+ top : -2px;
+ margin-right : 35px;
+ margin-bottom : 0;
+ }
+ header.header .topMeta .right form button {
+ position : absolute;
+ right : 5px;
+ top : 1px;
+ background : transparent;
+ border : none;
+ font-size : 18px;
+ color : #333;
+ }
+ header.header .topMeta .right form button:before {
+ content : "\f002";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ @media screen and (max-width:460px) {
+ header.header .topMeta .right form {
+ display : none;
+ }
+ }
+ @media screen and (max-width:860px) {
+ header.header .topMeta .right {
+ float : none;
+ width : 100%;
+ text-align : center;
+ text-align : right;
+ }
+ }
+ header.header .topMeta a {
+ text-decoration : none;
+ text-transform : uppercase;
+ color : #333;
+ font-size : 12px;
+ line-height : normal;
+ font-weight : 600;
+ padding : 0 10px;
+ border-left : 1px solid #333;
+ }
+ header.header .topMeta a i {
+ margin-right : 3px;
+ }
+ header.header .topMeta a:hover {
+ text-decoration : underline;
+ }
+ header.header .topMeta a:last-of-type {
+ border-right : 1px solid #333;
+ }
+ @media screen and (max-width:860px) {
+ header.header .topMeta a {
+ border-left : none;
+ }
+ header.header .topMeta a:last-of-type {
+ border-right : none;
+ border-left : 1px solid #333;
+ padding-left : 14px;
+ }
+ }
+ @media screen and (max-width:480px) and (min-width:461px) {
+ header.header .topMeta a {
+ display : block;
+ float : none;
+ margin-left : auto;
+ margin-right : auto;
+ width : 100%;
+ clear : both;
+ padding-top : 10px;
+ }
+ header.header .topMeta a:last-of-type {
+ border-left : none;
+ }
+ }
+ header.header .logo {
+ float : left;
+ display : block;
+ max-width : 215px;
+ }
+ @media screen and (max-width:480px) {
+ header.header .logo {
+ max-width : 180px;
+ }
+ }
+ header.header .logo img {
+ max-height : 50px;
+ }
+ header.header nav {
+ float : right;
+ }
+ @media screen and (min-width:1121px) {
+ header.header nav > ul > li {
+ float : left;
+ padding : 14px 0;
+ position : relative;
+ }
+ header.header nav > ul > li > a {
+ color : #333;
+ text-decoration : none;
+ font-weight : 700;
+ text-transform : uppercase;
+ font-family : "Open Sans", sans-serif;
+ }
+ header.header nav > ul > li > a i {
+ display : none;
+ }
+ header.header nav > ul > li + li {
+ margin-left : 25px;
+ }
+ header.header nav > ul > li:last-of-type {
+ margin-left : 40px;
+ background : #be1622;
+ padding : 14px 19px;
+ }
+ header.header nav > ul > li:last-of-type a {
+ color : #fff;
+ }
+ header.header nav > ul > li:last-of-type:hover:before, header.header nav > ul > li:last-of-type.active:before {
+ display : none !important ;
+ }
+ header.header nav > ul > li ul {
+ display : none;
+ position : absolute;
+ width : 170px;
+ top : 75px;
+ background : #fff;
+ z-index : 99999;
+ box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.35);
+ }
+ header.header nav > ul > li ul li {
+ display : block;
+ }
+ header.header nav > ul > li ul li a {
+ font-size : 12px;
+ font-weight : 700;
+ color : #333;
+ text-decoration : none;
+ line-height : 14px;
+ padding : 14px 10px;
+ display : block;
+ text-transform : uppercase;
+ }
+ header.header nav > ul > li ul li:hover, header.header nav > ul > li ul li.active {
+ background : #be1622;
+ }
+ header.header nav > ul > li ul li:hover a, header.header nav > ul > li ul li.active a {
+ color : #fff;
+ }
+ header.header nav > ul > li ul li + li {
+ border-top : 1px solid #b7b7b7;
+ }
+ header.header nav > ul > li:hover:after {
+ content : "";
+ position : absolute;
+ left : 0;
+ right : 0;
+ bottom : -28px;
+ width : 100%;
+ height : 45px;
+ cursor : pointer;
+ }
+ header.header nav > ul > li:hover ul {
+ display : block;
+ }
+ header.header nav > ul > li:hover:before, header.header nav > ul > li.active:before {
+ content : "";
+ position : absolute;
+ border-bottom : 2px solid #bf1e2e;
+ height : 2px;
+ width : 100%;
+ top : 38px;
+ }
+ }
+ @media screen and (max-width:1120px) {
+ header.header nav {
+ position : relative;
+ }
+ header.header nav > ul {
+ position : absolute;
+ width : 250px;
+ right : 0;
+ box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.5);
+ z-index : 999999;
+ display : none;
+ }
+ header.header nav > ul li {
+ float : none;
+ display : block;
+ padding : 0;
+ width : 100%;
+ background : #fff;
+ }
+ header.header nav > ul li.active {
+ background : #be1622;
+ }
+ header.header nav > ul li.active > a {
+ color : #fff;
+ }
+ header.header nav > ul li a {
+ display : block;
+ width : 100%;
+ padding : 14px 60px 14px 10px;
+ color : #333;
+ text-decoration : none;
+ font-weight : 700;
+ position : relative;
+ text-transform : uppercase;
+ font-family : "Open Sans", sans-serif;
+ }
+ header.header nav > ul li a:hover {
+ color : #fff;
+ background : #be1622;
+ }
+ header.header nav > ul li a i {
+ display : inline-block;
+ position : absolute;
+ right : 0;
+ top : 38%;
+ margin-top : -18px;
+ padding : 16px;
+ }
+ header.header nav > ul li a i.fa-chevron-up {
+ display : none;
+ }
+ header.header nav > ul li.open a i.fa-chevron-up {
+ display : inline-block;
+ }
+ header.header nav > ul li.open a i.fa-chevron-down {
+ display : none;
+ }
+ header.header nav > ul li + li {
+ margin-left : 0;
+ border-top : 1px solid #b7b7b7;
+ }
+ header.header nav > ul li > ul {
+ display : none;
+ }
+ header.header nav > ul li > ul li {
+ background : #f9f9f9;
+ border-top : 1px solid #b7b7b7;
+ }
+ header.header nav > ul li > ul li a {
+ font-size : 13px;
+ line-height : normal;
+ padding : 10px 10px 10px 30px;
+ }
+ header.header nav > ul li > ul li.active a {
+ color : #fff;
+ background : #be1622;
+ }
+ header.header nav > ul li.open > ul {
+ display : block;
+ }
+ header.header nav > ul > li:last-of-type {
+ border-top : none;
+ }
+ header.header nav > ul > li:last-of-type a {
+ color : #fff;
+ background : #be1622;
+ }
+ header.header nav.active > ul {
+ display : block;
+ height : 450px;
+ overflow : scroll;
+ }
+ }
+ header.header .mobile-button {
+ display : none;
+ padding : 10px 0;
+ cursor : pointer;
+ }
+ header.header .mobile-button i {
+ font-size : 40px;
+ }
+ @media screen and (max-width:640px) {
+ header.header .mobile-button {
+ padding : 5px 0 0 0;
+ }
+ }
+ @media screen and (max-width:1120px) {
+ header.header .mobile-button {
+ display : block;
+ }
+ }
+ body.compexCommerce header.header.compexHeader .topMeta {
+ height : 0;
+ }
+ body.compexCommerce header.header.compexHeader .topMeta .right {
+ display : none;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type {
+ margin-left : 25px;
+ background : transparent;
+ padding : 11px 0;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:after {
+ content : "\f107";
+ display : inline-block;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ position : relative;
+ z-index : 9600;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:hover:after {
+ left : auto;
+ right : auto;
+ bottom : auto;
+ position : relative;
+ width : auto;
+ height : auto;
+ }
+ @media screen and (max-width:1120px) {
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch {
+ padding : 0;
+ margin : 0;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:after {
+ display : none;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch ul {
+ width : 100%;
+ padding : 0 10px 15px 10px;
+ background : #be1622;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch ul li {
+ background : #be1622;
+ border-top : none;
+ }
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type > a {
+ color : #333;
+ position : relative;
+ z-index : 9600;
+ font-size : 13px;
+ line-height : normal;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type img {
+ vertical-align : middle;
+ position : relative;
+ z-index : 9600;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type:hover:before, body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.active:before {
+ display : none !important ;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type li a {
+ color : #333;
+ font-weight : 700;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type li a:hover {
+ color : #fff;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul {
+ width : 80px;
+ padding-left : 10px;
+ top : 0;
+ padding-top : 47px;
+ left : -10px;
+ z-index : 9500;
+ padding-bottom : 10px;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li img {
+ vertical-align : middle;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li a {
+ font-weight : 700;
+ padding : 0;
+ display : inline;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li:hover {
+ background : transparent;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li:hover a {
+ color : #333;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li + li {
+ border-top : none;
+ padding-top : 10px;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search:hover:before {
+ display : none !important ;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search .compexCommerce-openSearch i {
+ display : block;
+ font-size : 18px;
+ color : #333;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form {
+ position : absolute;
+ top : 38px;
+ right : 0;
+ display : none;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form.active {
+ display : block;
+ animation : display-none-transition 1s both;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form div {
+ position : relative;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form input[type="text"] {
+ height : 30px;
+ padding : 0 25px 0 5px;
+ width : 180px;
+ border : #be1622 solid 1px;
+ outline : none;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form button {
+ border : none;
+ background : transparent;
+ position : absolute;
+ right : 5px;
+ top : 5px;
+ }
+ body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form button i {
+ font-size : 15px;
+ color : #be1622;
+ }
+ @keyframes display-none-transition {
+ 0% {
+ opacity : 0;
+ }
+ 100% {
+ opacity : 1;
+ }
+ }
+ @media screen and (max-width:1360px) {
+ header.header .topMeta, header.header .topMeta + div {
+ padding : 0 20px;
+ }
+ }
+ @media screen and (max-width:1300px) and (min-width:1121px) {
+ header.header nav > ul > li > a {
+ font-size : 13px;
+ line-height : normal;
+ }
+ header.header nav > ul > li:last-of-type {
+ margin-left : 20px;
+ }
+ header.header nav > ul > li + li {
+ margin-left : 18px;
+ }
+ }
+ footer.footer {
+ background : #333;
+ padding : 50px 0 15px 0;
+ }
+ footer.footer div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner {
+ margin-bottom : 80px;
+ }
+ footer.footer div.inner.small:nth-of-type(2), footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2), .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) {
+ margin-bottom : 0;
+ }
+ footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element {
+ margin-bottom : 0;
+ max-width : none;
+ width : auto;
+ float : left;
+ }
+ footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small, footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner {
+ padding-left : 0;
+ padding-right : 0;
+ }
+ @media screen and (max-width:860px) {
+ footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element {
+ float : none;
+ }
+ }
+ footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ float : left;
+ width : calc(100% / 6);
+ }
+ footer.footer div.inner.small ul > a, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul > a, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul > a {
+ color : #fff;
+ font-size : 13px;
+ line-height : normal;
+ font-weight : 700;
+ text-decoration : none;
+ }
+ footer.footer div.inner.small ul > a:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul > a:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul > a:after {
+ content : "";
+ display : block;
+ width : 75px;
+ height : 1px;
+ background : #fc0;
+ margin : 10px 0 10px 0;
+ }
+ footer.footer div.inner.small ul li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li {
+ display : block;
+ }
+ footer.footer div.inner.small ul li a, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li a, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li a {
+ display : block;
+ color : #cecece;
+ text-decoration : none;
+ font-size : 12px;
+ line-height : normal;
+ font-weight : 400;
+ }
+ footer.footer div.inner.small ul li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li + li {
+ margin-top : 5px;
+ }
+ footer.footer div.inner.small ul.imprintList, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList {
+ width : auto;
+ float : right;
+ margin-top : -4px;
+ }
+ footer.footer div.inner.small ul.imprintList li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li {
+ display : inline-block;
+ }
+ footer.footer div.inner.small ul.imprintList li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li + li {
+ margin-left : 10px;
+ }
+ footer.footer div.inner.small ul.imprintList li:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li:after {
+ display : none;
+ }
+ @media screen and (max-width:860px) {
+ footer.footer div.inner.small ul.imprintList, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList {
+ float : none !important ;
+ margin : 10px 0 0 0;
+ width : auto !important ;
+ }
+ }
+ footer.footer div.inner.small p, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p {
+ font-size : 12px;
+ line-height : normal;
+ color : #fff;
+ margin : 0;
+ }
+ @media screen and (max-width:860px) {
+ footer.footer div.inner.small p, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p {
+ float : none;
+ }
+ }
+ footer.footer div.inner.small + div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner + div.inner.small, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner + div.inner.small, footer.footer .tx-felogin-pi1 div.inner.small + div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.inner.small + div.tx-felogin-pi1-inner, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner + div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner + div.tx-felogin-pi1-inner {
+ margin-bottom : 0;
+ }
+ @media screen and (max-width:800px) {
+ footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul {
+ width : calc(100% / 3);
+ }
+ footer.footer div.inner.small ul:nth-of-type(n 4), footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul:nth-of-type(n 4), .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul:nth-of-type(n 4) {
+ margin-top : 20px;
+ }
+ }
+ @media screen and (max-width:720px) {
+ footer.footer div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner {
+ margin-bottom : 50px;
+ }
+ footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul {
+ float : none;
+ width : 100%;
+ }
+ footer.footer div.inner.small ul li:first-of-type, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li:first-of-type, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li:first-of-type {
+ display : block;
+ }
+ footer.footer div.inner.small ul li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li + li {
+ margin-right : 10px;
+ display : inline-block;
+ }
+ footer.footer div.inner.small ul + ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul + ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul + ul {
+ margin-top : 20px;
+ }
+ }
+ .breadcrumbContainer {
+ padding-top : 11px;
+ padding-bottom : 11px;
+ }
+ @media screen and (max-width:1100px) {
+ .breadcrumbContainer {
+ padding-top : 11px !important ;
+ padding-bottom : 11px !important ;
+ }
+ }
+ .breadcrumbContainer ul li {
+ color : #333;
+ display : inline-block;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .breadcrumbContainer ul li a {
+ color : #999999;
+ text-decoration : none;
+ font-size : 13px;
+ line-height : normal;
+ }
+ .breadcrumbContainer ul li:before {
+ content : "\f015";
+ color : #fc0;
+ display : inline-block;
+ margin-right : 5px;
+ font : normal normal 14px/1 FontAwesome;
+ font-size : inherit;
+ }
+ .breadcrumbContainer ul li + li {
+ margin-left : 5px;
+ }
+ .breadcrumbContainer ul li + li:before {
+ content : "\f054";
+ }
+ .breadcrumbContainer ul li:last-of-type a {
+ color : #333;
+ }
+ .mfp-image-holder .mfp-content {
+ margin-top : 50px;
+ padding : 0 25px;
+ }
+ .mfp-image-holder .mfp-content figure {
+ background : #fff;
+ }
+ img.mfp-img {
+ max-height : 100% !important ;
+ }
+ .ce-video {
+ padding : 30px 0;
+ }
+ .ce-video .left {
+ float : left;
+ max-width : 500px;
+ margin-right : 30px;
+ }
+ .ce-video .left video {
+ max-width : 100%;
+ height : auto;
+ }
+ .ce-video .right {
+ float : left;
+ max-width : 500px;
+ }
+ .ce-video .right h1, .ce-video .right h2, .ce-video .right .ce-table table caption, .ce-table table .ce-video .right caption, .ce-video .right h3 {
+ margin-top : 0;
+ }
+ .ce-video .right h2, .ce-video .right .ce-table table caption, .ce-table table .ce-video .right caption {
+ text-align : left;
+ }
+ .ce-video .right h2:after, .ce-video .right .ce-table table caption:after, .ce-table table .ce-video .right caption:after {
+ margin : 10px 0 0 0;
+ }
+ .ce-forum-latest-post {
+ margin-top : 40px;
+ max-width : 83%;
+ }
+ @media screen and (max-width:980px) {
+ .ce-forum-latest-post {
+ max-width : none;
+ }
+ }
+ .ce-forum-latest-post + .ce-forum-latest-post {
+ margin-top : 0;
+ }
+ .ce-forum-latest-post:last-of-type {
+ margin-bottom : 40px;
+ border-bottom : 1px solid #bbb;
+ }
+ .ce-forum-latest-post h2, .ce-forum-latest-post .ce-table table caption, .ce-table table .ce-forum-latest-post caption {
+ text-align : left;
+ }
+ .ce-forum-latest-post h2:after, .ce-forum-latest-post .ce-table table caption:after, .ce-table table .ce-forum-latest-post caption:after {
+ margin : 10px 0 10px 0;
+ }
+ .ce-forum-latest-post > div {
+ display : block;
+ width : 100%;
+ padding : 12px;
+ background : #fff;
+ border-right : 1px solid #bbbbbb;
+ border-left : 1px solid #bbbbbb;
+ border-top : 1px solid #bbbbbb;
+ }
+ .ce-forum-latest-post > div img {
+ float : left;
+ max-width : 70px;
+ margin-right : 15px;
+ }
+ .ce-forum-latest-post > div div h3 {
+ font-size : 18px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ margin : 0 0 0 0;
+ }
+ .ce-forum-latest-post > div div h3 a {
+ color : #333;
+ }
+ .ce-forum-latest-post > div div p {
+ font-weight : 400;
+ float : left;
+ }
+ .ce-forum-latest-post > div div p + p {
+ margin-left : 10px;
+ }
+ .tx-typo3forum-post-latest-box h2, .tx-typo3forum-post-latest-box .ce-table table caption, .ce-table table .tx-typo3forum-post-latest-box caption {
+ text-align : left;
+ }
+ .tx-typo3forum-post-latest-box h2:after, .tx-typo3forum-post-latest-box .ce-table table caption:after, .ce-table table .tx-typo3forum-post-latest-box caption:after {
+ margin : 10px 0 10px 0;
+ }
+ .leftMenu {
+ float : left;
+ width : 24.27%;
+ margin-top : 30px;
+ }
+ @media screen and (max-width:767px) {
+ .leftMenu {
+ float : none;
+ width : 100%;
+ margin-bottom : 40px;
+ padding-bottom : 40px;
+ border-bottom : 1px solid #bbbbbb;
+ }
+ .leftMenu .profile-sidebar-content {
+ display : none;
+ }
+ .leftMenu .profile-sidebar-content.active {
+ display : block;
+ }
+ }
+ .leftMenu h3 {
+ font-size : 16px;
+ line-height : normal;
+ font-weight : 700;
+ color : #333;
+ text-transform : uppercase;
+ border-bottom : 2px solid #fc0;
+ margin-bottom : 15px;
+ }
+ .leftMenu ul {
+ margin : 0;
+ padding : 0;
+ list-style-type : none;
+ }
+ .leftMenu ul li {
+ display : block;
+ }
+ .leftMenu ul li a {
+ font-size : 15px;
+ line-height : normal;
+ color : #333;
+ text-decoration : none;
+ font-weight : 400;
+ text-transform : uppercase;
+ }
+ .leftMenu ul li.active a, .leftMenu ul li:hover a {
+ font-weight : 700;
+ color : #333;
+ }
+ .leftMenu ul li + li {
+ margin-top : 15px;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1, .leftMenu + * {
+ width : 74.75%;
+ float : left;
+ margin-left : 0.97%;
+ padding : 30px 10px 0 10px;
+ }
+ @media screen and (max-width:767px) {
+ .leftMenu + .tx-srfeuserregister-pi1, .leftMenu + * {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ padding : 0;
+ }
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice, .leftMenu + * .tx-srfeuserregister-pi1-notice {
+ margin : 0;
+ font-style : normal;
+ font-size : 15px;
+ line-height : normal;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash, .leftMenu + * .tx-srfeuserregister-pi1-trash {
+ margin : 0 0 10px 0;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash a, .leftMenu + * .tx-srfeuserregister-pi1-trash a {
+ background : transparent;
+ padding-left : 0;
+ font-size : 15px;
+ line-height : normal;
+ font-weight : 400;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt {
+ float : left;
+ width : 32.46%;
+ text-align : left;
+ padding : 17px 10px 16px 10px;
+ }
+ @media screen and (max-width:600px) {
+ .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt {
+ float : none;
+ width : 100%;
+ padding : 0 10px 0 0;
+ }
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dt label, .leftMenu + * dt label {
+ font-size : 15px;
+ line-height : normal;
+ color : #333;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dd, .leftMenu + * dd {
+ float : left;
+ width : 66.23%;
+ margin-left : 1.29%;
+ }
+ @media screen and (max-width:600px) {
+ .leftMenu + .tx-srfeuserregister-pi1 dd, .leftMenu + * dd {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ margin-top : 0;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dd input[type="text"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="password"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="email"], .leftMenu + * dd input[type="text"], .leftMenu + * dd input[type="password"], .leftMenu + * dd input[type="email"] {
+ margin-top : 0;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dd input[type="submit"], .leftMenu + * dd input[type="submit"] {
+ margin-top : 0;
+ }
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 dd input[type="text"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="password"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="email"], .leftMenu + * dd input[type="text"], .leftMenu + * dd input[type="password"], .leftMenu + * dd input[type="email"] {
+ width : 100%;
+ height : 55px;
+ vertical-align : middle;
+ line-height : 55px;
+ padding : 0 10px;
+ font-size : 15px;
+ color : #333;
+ }
+ .leftMenu + .tx-srfeuserregister-pi1 input[type="submit"], .leftMenu + * input[type="submit"] {
+ float : right;
+ margin-bottom : 40px;
+ }
+ .leftMenu .profile-sidebar {
+ display : none;
+ margin-top : 15px;
+ }
+ .leftMenu .profile-sidebar button {
+ border : none;
+ width : 100%;
+ display : block;
+ }
+ @media screen and (max-width:767px) {
+ .leftMenu .profile-sidebar {
+ display : block;
+ }
+ }
+ .formular-sidebar {
+ float : left;
+ width : 25%;
+ margin-left : 5%;
+ padding-top : 50px;
+ padding-bottom : 50px;
+ }
+ .formular-sidebar .formular-sidebar-content {
+ width : 100%;
+ }
+ .formular-sidebar .formular-sidebar-content + .formular-sidebar-content {
+ margin-top : 40px;
+ }
+ .formular-sidebar h2, .formular-sidebar .ce-table table caption, .ce-table table .formular-sidebar caption {
+ font-size : 18px;
+ line-height : normal;
+ text-align : left;
+ margin : 0 0 5px 0;
+ }
+ .formular-sidebar h2:after, .formular-sidebar .ce-table table caption:after, .ce-table table .formular-sidebar caption:after {
+ margin : 10px 0 0 0;
+ }
+ .formular-sidebar img {
+ margin-top : 20px;
+ }
+ .formular-sidebar p {
+ font-size : 13px;
+ line-height : normal;
+ }
+ .formular-sidebar .fontAwesome-list {
+ margin-bottom : 20px;
+ }
+ .formular-sidebar .fontAwesome-list ul {
+ margin : 0;
+ padding : 0;
+ list-style : none;
+ }
+ .formular-sidebar .fontAwesome-list ul li {
+ display : block;
+ font-size : 16px;
+ line-height : normal;
+ color : #333;
+ font-weight : 700;
+ }
+ .formular-sidebar .fontAwesome-list ul li i {
+ display : table-cell;
+ font-size : 22px;
+ margin-right : 10px;
+ border-radius : 50px;
+ border : #333 solid 2px;
+ padding : 10px;
+ vertical-align : sub;
+ float : left;
+ height : 46px;
+ width : 46px;
+ }
+ .formular-sidebar .fontAwesome-list ul li span {
+ margin : 0;
+ display : table-cell;
+ vertical-align : middle;
+ padding-left : 10px;
+ height : 46px;
+ }
+ @media screen and (max-width:440px) {
+ .formular-sidebar .fontAwesome-list ul li span {
+ width : 80%;
+ }
+ }
+ @media screen and (max-width:360px) {
+ .formular-sidebar .fontAwesome-list ul li span {
+ width : 70%;
+ }
+ }
+ .formular-sidebar .fontAwesome-list ul li + li {
+ padding-top : 10px;
+ clear : both;
+ }
+ @media screen and (max-width:800px) {
+ .formular-sidebar {
+ float : none;
+ width : 100%;
+ margin-left : 0;
+ padding : 0 0 50px 0;
+ }
+ }
+ .ui-icon {
+ display : none !important ;
+ }
+ .compexCommerce .news-list-view .header {
+ max-width : none;
+ }
+ .cc_container .cc_btn {
+ padding : 8px 10px !important ;
+ }
+ body.compexCommerce main > *:first-child {
+ margin-top : 40px;
+ }
+ body.compexCommerce main > .sliderContainer {
+ margin-top : 0 !important ;
+ }
+ body.compexCommerce main > .unterseiten-banner:first-child {
+ margin-top : 0;
+ }
+
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/valo/shared/img/spinner.gif b/org.eclipse.osbp.themes/VAADIN/themes/valo/shared/img/spinner.gif
deleted file mode 100644
index acf8f1c..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/valo/shared/img/spinner.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.osbp.themes/about.html b/org.eclipse.osbp.themes/about.html
index 3295c89..6217e10 100644
--- a/org.eclipse.osbp.themes/about.html
+++ b/org.eclipse.osbp.themes/about.html
@@ -25,13 +25,31 @@
and such source code may be obtained at <a href="http://www.eclipse.org/">http://www.eclipse.org</a>.</p>
<p>
-The bundle contains software licensed under the follwing licenses:<br>
+<h3>Third Party Content<h3>
+
+<p>The Content includes items that have been sourced from third parties as set out
+below. If you did not receive this Content directly from the Eclipse
+Foundation, the following is provided for informational purposes only, and you
+should look to the Redistributor's license for terms and conditions of use.
+
+javax.ws.rs-api Version:2.0-m10
+
+This content was originally sourced from
+http://java.net/projects/jax-rs-spec/sources/git/show and can now be sourced
+from https://github.com/jax-rs/api
+
+Javax.ws.rs-api version 2.0-m10 is dual licensed under the <a href="about_files/CDDL1.1-License.txt">CDDL Version 1.1</a> or
+the GPL Version 2 Licenses. Eclipse elects to chose to distribute the content
+under the CDDL 1.1 License.
+</p>
+<p />
+<p>Furthermore, the bundle contains software licensed under the follwing licenses:<br>
- <a href="about_files/Apache-license-2.0.txt">Apache License 2.0</a> for dragdrop.scss<br>
- <a href="about_files/Vaadin-Licensing.html">Vaadin License</a>, which itself contains further licenses, for Vaadin Themes and Tools<br>
- - <a href="about_files/OFL.html">SIL Open Font License (OFL)</a> for Font Awesome which is Dual licensed. We decided to go with the OFL<br>
+ - <a href="about_files/OFL.html">SIL Open Font License (OFL)</a> for Font Awesome Fonts<br>
- <a href="about_files/org.w3c.css.sac_1.3.1-about.html">w3c EPL</a> for org.w3c.css.sac_1.3.1<br>
- <a href="about_files/org.w3c.flute_1.3.0.gg2-license.html">w3c flute 1.3.0 license</a> for org.w3c.flute_1.3.0.gg2<br>
- <a href="about_files/reset_scss.txt">public domain</a> for reset.scss<br>
-
+</p>
</body>
</html>
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/about_files/CDDL1.1-License-511f3f2.txt b/org.eclipse.osbp.themes/about_files/CDDL1.1-License-511f3f2.txt
new file mode 100644
index 0000000..1b961bb
--- /dev/null
+++ b/org.eclipse.osbp.themes/about_files/CDDL1.1-License-511f3f2.txt
@@ -0,0 +1,122 @@
+COMMON DEVELOPMENT AND DISTRIBUTION LICENSE (CDDL)
+Version 1.1
+1. Definitions.
+
+1.1. “Contributor” means each individual or entity that creates or contributes to the creation of Modifications.
+
+1.2. “Contributor Version” means the combination of the Original Software, prior Modifications used by a Contributor (if any), and the Modifications made by that particular Contributor.
+
+1.3. “Covered Software” means (a) the Original Software, or (b) Modifications, or (c) the combination of files containing Original Software with files containing Modifications, in each case including portions thereof.
+
+1.4. “Executable” means the Covered Software in any form other than Source Code.
+
+1.5. “Initial Developer” means the individual or entity that first makes Original Software available under this License.
+
+1.6. “Larger Work” means a work which combines Covered Software or portions thereof with code not governed by the terms of this License.
+
+1.7. “License” means this document.
+
+1.8. “Licensable” means having the right to grant, to the maximum extent possible, whether at the time of the initial grant or subsequently acquired, any and all of the rights conveyed herein.
+
+1.9. “Modifications” means the Source Code and Executable form of any of the following:
+
+A. Any file that results from an addition to, deletion from or modification of the contents of a file containing Original Software or previous Modifications;
+
+B. Any new file that contains any part of the Original Software or previous Modification; or
+
+C. Any new file that is contributed or otherwise made available under the terms of this License.
+
+1.10. “Original Software” means the Source Code and Executable form of computer software code that is originally released under this License.
+
+1.11. “Patent Claims” means any patent claim(s), now owned or hereafter acquired, including without limitation, method, process, and apparatus claims, in any patent Licensable by grantor.
+
+1.12. “Source Code” means (a) the common form of computer software code in which modifications are made and (b) associated documentation included in or with such code.
+
+1.13. “You” (or “Your”) means an individual or a legal entity exercising rights under, and complying with all of the terms of, this License. For legal entities, “You” includes any entity which controls, is controlled by, or is under common control with You. For purposes of this definition, “control” means (a) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (b) ownership of more than fifty percent (50%) of the outstanding shares or beneficial ownership of such entity.
+
+2. License Grants.
+
+2.1. The Initial Developer Grant.
+Conditioned upon Your compliance with Section 3.1 below and subject to third party intellectual property claims, the Initial Developer hereby grants You a world-wide, royalty-free, non-exclusive license:
+
+(a) under intellectual property rights (other than patent or trademark) Licensable by Initial Developer, to use, reproduce, modify, display, perform, sublicense and distribute the Original Software (or portions thereof), with or without Modifications, and/or as part of a Larger Work; and
+
+(b) under Patent Claims infringed by the making, using or selling of Original Software, to make, have made, use, practice, sell, and offer for sale, and/or otherwise dispose of the Original Software (or portions thereof).
+
+(c) The licenses granted in Sections 2.1(a) and (b) are effective on the date Initial Developer first distributes or otherwise makes the Original Software available to a third party under the terms of this License.
+
+(d) Notwithstanding Section 2.1(b) above, no patent license is granted: (1) for code that You delete from the Original Software, or (2) for infringements caused by: (i) the modification of the Original Software, or (ii) the combination of the Original Software with other software or devices.
+
+2.2. Contributor Grant.
+Conditioned upon Your compliance with Section 3.1 below and subject to third party intellectual property claims, each Contributor hereby grants You a world-wide, royalty-free, non-exclusive license:
+
+(a) under intellectual property rights (other than patent or trademark) Licensable by Contributor to use, reproduce, modify, display, perform, sublicense and distribute the Modifications created by such Contributor (or portions thereof), either on an unmodified basis, with other Modifications, as Covered Software and/or as part of a Larger Work; and
+
+(b) under Patent Claims infringed by the making, using, or selling of Modifications made by that Contributor either alone and/or in combination with its Contributor Version (or portions of such combination), to make, use, sell, offer for sale, have made, and/or otherwise dispose of: (1) Modifications made by that Contributor (or portions thereof); and (2) the combination of Modifications made by that Contributor with its Contributor Version (or portions of such combination).
+
+(c) The licenses granted in Sections 2.2(a) and 2.2(b) are effective on the date Contributor first distributes or otherwise makes the Modifications available to a third party.
+
+(d) Notwithstanding Section 2.2(b) above, no patent license is granted: (1) for any code that Contributor has deleted from the Contributor Version; (2) for infringements caused by: (i) third party modifications of Contributor Version, or (ii) the combination of Modifications made by that Contributor with other software (except as part of the Contributor Version) or other devices; or (3) under Patent Claims infringed by Covered Software in the absence of Modifications made by that Contributor.
+
+3. Distribution Obligations.
+
+3.1. Availability of Source Code.
+Any Covered Software that You distribute or otherwise make available in Executable form must also be made available in Source Code form and that Source Code form must be distributed only under the terms of this License. You must include a copy of this License with every copy of the Source Code form of the Covered Software You distribute or otherwise make available. You must inform recipients of any such Covered Software in Executable form as to how they can obtain such Covered Software in Source Code form in a reasonable manner on or through a medium customarily used for software exchange.
+
+3.2. Modifications.
+The Modifications that You create or to which You contribute are governed by the terms of this License. You represent that You believe Your Modifications are Your original creation(s) and/or You have sufficient rights to grant the rights conveyed by this License.
+
+3.3. Required Notices.
+You must include a notice in each of Your Modifications that identifies You as the Contributor of the Modification. You may not remove or alter any copyright, patent or trademark notices contained within the Covered Software, or any notices of licensing or any descriptive text giving attribution to any Contributor or the Initial Developer.
+
+3.4. Application of Additional Terms.
+You may not offer or impose any terms on any Covered Software in Source Code form that alters or restricts the applicable version of this License or the recipients' rights hereunder. You may choose to offer, and to charge a fee for, warranty, support, indemnity or liability obligations to one or more recipients of Covered Software. However, you may do so only on Your own behalf, and not on behalf of the Initial Developer or any Contributor. You must make it absolutely clear that any such warranty, support, indemnity or liability obligation is offered by You alone, and You hereby agree to indemnify the Initial Developer and every Contributor for any liability incurred by the Initial Developer or such Contributor as a result of warranty, support, indemnity or liability terms You offer.
+
+3.5. Distribution of Executable Versions.
+You may distribute the Executable form of the Covered Software under the terms of this License or under the terms of a license of Your choice, which may contain terms different from this License, provided that You are in compliance with the terms of this License and that the license for the Executable form does not attempt to limit or alter the recipient's rights in the Source Code form from the rights set forth in this License. If You distribute the Covered Software in Executable form under a different license, You must make it absolutely clear that any terms which differ from this License are offered by You alone, not by the Initial Developer or Contributor. You hereby agree to indemnify the Initial Developer and every Contributor for any liability incurred by the Initial Developer or such Contributor as a result of any such terms You offer.
+
+3.6. Larger Works.
+You may create a Larger Work by combining Covered Software with other code not governed by the terms of this License and distribute the Larger Work as a single product. In such a case, You must make sure the requirements of this License are fulfilled for the Covered Software.
+
+4. Versions of the License.
+
+4.1. New Versions.
+Oracle is the initial license steward and may publish revised and/or new versions of this License from time to time. Each version will be given a distinguishing version number. Except as provided in Section 4.3, no one other than the license steward has the right to modify this License.
+
+4.2. Effect of New Versions.
+You may always continue to use, distribute or otherwise make the Covered Software available under the terms of the version of the License under which You originally received the Covered Software. If the Initial Developer includes a notice in the Original Software prohibiting it from being distributed or otherwise made available under any subsequent version of the License, You must distribute and make the Covered Software available under the terms of the version of the License under which You originally received the Covered Software. Otherwise, You may also choose to use, distribute or otherwise make the Covered Software available under the terms of any subsequent version of the License published by the license steward.
+
+4.3. Modified Versions.
+When You are an Initial Developer and You want to create a new license for Your Original Software, You may create and use a modified version of this License if You: (a) rename the license and remove any references to the name of the license steward (except to note that the license differs from this License); and (b) otherwise make it clear that the license contains terms which differ from this License.
+
+5. DISCLAIMER OF WARRANTY.
+COVERED SOFTWARE IS PROVIDED UNDER THIS LICENSE ON AN “AS IS” BASIS, WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, WITHOUT LIMITATION, WARRANTIES THAT THE COVERED SOFTWARE IS FREE OF DEFECTS, MERCHANTABLE, FIT FOR A PARTICULAR PURPOSE OR NON-INFRINGING. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE COVERED SOFTWARE IS WITH YOU. SHOULD ANY COVERED SOFTWARE PROVE DEFECTIVE IN ANY RESPECT, YOU (NOT THE INITIAL DEVELOPER OR ANY OTHER CONTRIBUTOR) ASSUME THE COST OF ANY NECESSARY SERVICING, REPAIR OR CORRECTION. THIS DISCLAIMER OF WARRANTY CONSTITUTES AN ESSENTIAL PART OF THIS LICENSE. NO USE OF ANY COVERED SOFTWARE IS AUTHORIZED HEREUNDER EXCEPT UNDER THIS DISCLAIMER.
+
+6. TERMINATION.
+
+6.1. This License and the rights granted hereunder will terminate automatically if You fail to comply with terms herein and fail to cure such breach within 30 days of becoming aware of the breach. Provisions which, by their nature, must remain in effect beyond the termination of this License shall survive.
+
+6.2. If You assert a patent infringement claim (excluding declaratory judgment actions) against Initial Developer or a Contributor (the Initial Developer or Contributor against whom You assert such claim is referred to as “Participant”) alleging that the Participant Software (meaning the Contributor Version where the Participant is a Contributor or the Original Software where the Participant is the Initial Developer) directly or indirectly infringes any patent, then any and all rights granted directly or indirectly to You by such Participant, the Initial Developer (if the Initial Developer is not the Participant) and all Contributors under Sections 2.1 and/or 2.2 of this License shall, upon 60 days notice from Participant terminate prospectively and automatically at the expiration of such 60 day notice period, unless if within such 60 day period You withdraw Your claim with respect to the Participant Software against such Participant either unilaterally or pursuant to a written agreement with Participant.
+
+6.3. If You assert a patent infringement claim against Participant alleging that the Participant Software directly or indirectly infringes any patent where such claim is resolved (such as by license or settlement) prior to the initiation of patent infringement litigation, then the reasonable value of the licenses granted by such Participant under Sections 2.1 or 2.2 shall be taken into account in determining the amount or value of any payment or license.
+
+6.4. In the event of termination under Sections 6.1 or 6.2 above, all end user licenses that have been validly granted by You or any distributor hereunder prior to termination (excluding licenses granted to You by any distributor) shall survive termination.
+
+7. LIMITATION OF LIABILITY.
+
+UNDER NO CIRCUMSTANCES AND UNDER NO LEGAL THEORY, WHETHER TORT (INCLUDING NEGLIGENCE), CONTRACT, OR OTHERWISE, SHALL YOU, THE INITIAL DEVELOPER, ANY OTHER CONTRIBUTOR, OR ANY DISTRIBUTOR OF COVERED SOFTWARE, OR ANY SUPPLIER OF ANY OF SUCH PARTIES, BE LIABLE TO ANY PERSON FOR ANY INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER INCLUDING, WITHOUT LIMITATION, DAMAGES FOR LOSS OF GOODWILL, WORK STOPPAGE, COMPUTER FAILURE OR MALFUNCTION, OR ANY AND ALL OTHER COMMERCIAL DAMAGES OR LOSSES, EVEN IF SUCH PARTY SHALL HAVE BEEN INFORMED OF THE POSSIBILITY OF SUCH DAMAGES. THIS LIMITATION OF LIABILITY SHALL NOT APPLY TO LIABILITY FOR DEATH OR PERSONAL INJURY RESULTING FROM SUCH PARTY'S NEGLIGENCE TO THE EXTENT APPLICABLE LAW PROHIBITS SUCH LIMITATION. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OR LIMITATION OF INCIDENTAL OR CONSEQUENTIAL DAMAGES, SO THIS EXCLUSION AND LIMITATION MAY NOT APPLY TO YOU.
+
+8. U.S. GOVERNMENT END USERS.
+
+The Covered Software is a “commercial item,” as that term is defined in 48 C.F.R. 2.101 (Oct. 1995), consisting of “commercial computer software” (as that term is defined at 48 C.F.R. § 252.227-7014(a)(1)) and “commercial computer software documentation” as such terms are used in 48 C.F.R. 12.212 (Sept. 1995). Consistent with 48 C.F.R. 12.212 and 48 C.F.R. 227.7202-1 through 227.7202-4 (June 1995), all U.S. Government End Users acquire Covered Software with only those rights set forth herein. This U.S. Government Rights clause is in lieu of, and supersedes, any other FAR, DFAR, or other clause or provision that addresses Government rights in computer software under this License.
+
+9. MISCELLANEOUS.
+
+This License represents the complete agreement concerning subject matter hereof. If any provision of this License is held to be unenforceable, such provision shall be reformed only to the extent necessary to make it enforceable. This License shall be governed by the law of the jurisdiction specified in a notice contained within the Original Software (except to the extent applicable law, if any, provides otherwise), excluding such jurisdiction's conflict-of-law provisions. Any litigation relating to this License shall be subject to the jurisdiction of the courts located in the jurisdiction and venue specified in a notice contained within the Original Software, with the losing party responsible for costs, including, without limitation, court costs and reasonable attorneys' fees and expenses. The application of the United Nations Convention on Contracts for the International Sale of Goods is expressly excluded. Any law or regulation which provides that the language of a contract shall be construed against the drafter shall not apply to this License. You agree that You alone are responsible for compliance with the United States export administration regulations (and the export control laws and regulation of any other countries) when You use, distribute or otherwise make available any Covered Software.
+
+10. RESPONSIBILITY FOR CLAIMS.
+
+As between Initial Developer and the Contributors, each party is responsible for claims and damages arising, directly or indirectly, out of its utilization of rights under this License and You agree to work with Initial Developer and Contributors to distribute such responsibility on an equitable basis. Nothing herein is intended or shall be deemed to constitute any admission of liability.
+
+NOTICE PURSUANT TO SECTION 9 OF THE COMMON DEVELOPMENT AND DISTRIBUTION LICENSE (CDDL)
+The code released under the CDDL shall be governed by the laws of the State of California (excluding conflict-of-law provisions). Any litigation relating to this License shall be subject to the jurisdiction of the Federal Courts of the Northern District of California and the state courts of the State of California, with venue lying in Santa Clara County, California.
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/lib/org.w3c.css.sac_1.3.1.v200903091627.jar b/org.eclipse.osbp.themes/lib/org.w3c.css.sac_1.3.1.v200903091627.jar
new file mode 100644
index 0000000..b6c788f
--- /dev/null
+++ b/org.eclipse.osbp.themes/lib/org.w3c.css.sac_1.3.1.v200903091627.jar
Binary files differ
diff --git a/org.eclipse.osbp.themes/lib/org.w3c.flute_1.3.0.gg2.jar b/org.eclipse.osbp.themes/lib/org.w3c.flute_1.3.0.gg2.jar
new file mode 100644
index 0000000..b5af346
--- /dev/null
+++ b/org.eclipse.osbp.themes/lib/org.w3c.flute_1.3.0.gg2.jar
Binary files differ
diff --git a/org.eclipse.osbp.themes/lib/vaadin-sass-compiler-0.9.10.jar b/org.eclipse.osbp.themes/lib/vaadin-sass-compiler-0.9.10.jar
new file mode 100644
index 0000000..7025456
--- /dev/null
+++ b/org.eclipse.osbp.themes/lib/vaadin-sass-compiler-0.9.10.jar
Binary files differ
diff --git a/org.eclipse.osbp.themes/plugin.xml b/org.eclipse.osbp.themes/plugin.xml
index c924842..ede867d 100644
--- a/org.eclipse.osbp.themes/plugin.xml
+++ b/org.eclipse.osbp.themes/plugin.xml
@@ -5,12 +5,15 @@
<theme
cssUri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/osbp/styles.css"
id="osbp"
- label="Classic"
+ label="Mood Theme"
description="Classic">
<resourceLocationUri
uri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/osbp/">
</resourceLocationUri>
<resourceLocationUri
+ uri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/osbp/html/">
+ </resourceLocationUri>
+ <resourceLocationUri
uri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/">
</resourceLocationUri>
<resourceLocationUri
@@ -19,17 +22,11 @@
<resourceLocationUri
uri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/osbp/flag/">
</resourceLocationUri>
- <resourceLocationUri
- uri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/valo/shared/img">
- </resourceLocationUri>
- <resourceLocationUri
- uri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/base/fonts">
- </resourceLocationUri>
</theme>
<theme
cssUri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/styles.css"
id="osbp-steel"
- label="Steel"
+ label="Steel Theme"
description="Steel">
<resourceLocationUri
uri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/">
@@ -43,17 +40,11 @@
<resourceLocationUri
uri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/flag/">
</resourceLocationUri>
- <resourceLocationUri
- uri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/valo/shared/img">
- </resourceLocationUri>
- <resourceLocationUri
- uri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/base/fonts">
- </resourceLocationUri>
</theme>
<theme
cssUri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/styles.css"
id="osbp-tea"
- label="Green Tea"
+ label="Green Tea Theme"
description="Green Tea">
<resourceLocationUri
uri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/">
@@ -67,13 +58,43 @@
<resourceLocationUri
uri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/flag/">
</resourceLocationUri>
+ </theme>
+ <theme
+ cssUri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/styles.css"
+ id="osbp-cxo"
+ label="Stockholm Theme"
+ description="CXO">
<resourceLocationUri
- uri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/valo/shared/img">
+ uri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/">
</resourceLocationUri>
<resourceLocationUri
- uri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/base/fonts">
+ uri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/image/">
+ </resourceLocationUri>
+ <resourceLocationUri
+ uri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/">
+ </resourceLocationUri>
+ <resourceLocationUri
+ uri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/flag/">
</resourceLocationUri>
</theme>
+ <!--theme
+ cssUri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/osbp-valo/styles.css"
+ id="osbp-valo"
+ label="VALO Default Theme"
+ description="VALO">
+ <resourceLocationUri
+ uri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/osbp-valo/">
+ </resourceLocationUri>
+ <resourceLocationUri
+ uri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/osbp-valo/image/">
+ </resourceLocationUri>
+ <resourceLocationUri
+ uri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/osbp-valo/icon/">
+ </resourceLocationUri>
+ <resourceLocationUri
+ uri="platform:/plugin/org.eclipse.osbp.themes/VAADIN/themes/osbp-valo/flag/">
+ </resourceLocationUri>
+ </theme-->
</extension>
</plugin>
diff --git a/org.eclipse.osbp.themes/pom.xml b/org.eclipse.osbp.themes/pom.xml
index 6b8e2a7..a4ff5c7 100644
--- a/org.eclipse.osbp.themes/pom.xml
+++ b/org.eclipse.osbp.themes/pom.xml
@@ -46,7 +46,7 @@
<groupId>commons-io</groupId>
<artifactId>commons-io</artifactId>
<version>2.4</version>
- </dependency>
+ </dependency>
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>servlet-api</artifactId>
@@ -192,7 +192,7 @@
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-clean-plugin</artifactId>
- <version>3.0.0</version>
+ <version>3.0.0</version><!--$NO-MVN-MAN-VER$-->
<configuration>
<filesets>
<fileset>
diff --git a/org.eclipse.osbp.themes/sass.compile.bat b/org.eclipse.osbp.themes/sass.compile.bat
index 4f5f563..52406da 100644
--- a/org.eclipse.osbp.themes/sass.compile.bat
+++ b/org.eclipse.osbp.themes/sass.compile.bat
@@ -1,4 +1,11 @@
echo START com.vaadin.sass.SassCompiler
+::theme flavor 3
+echo - CXO
+echo - source=./scss/styles-cxo.scss
+echo - target=./VAADIN/themes/osbp-cxo/style.css
+java -cp "./lib/*" com.vaadin.sass.SassCompiler ./scss/styles-cxo.scss ./VAADIN/themes/osbp-cxo/styles.css
+echo DONE!
+
::base theme
echo - DEFAULT
echo - source=./scss/styles.scss
diff --git a/org.eclipse.osbp.themes/sass.compile.osx b/org.eclipse.osbp.themes/sass.compile.osx
index c3d1bc2..750b8fd 100644
--- a/org.eclipse.osbp.themes/sass.compile.osx
+++ b/org.eclipse.osbp.themes/sass.compile.osx
@@ -2,3 +2,4 @@
java -cp "./lib/*" com.vaadin.sass.SassCompiler ./scss/styles.scss ./VAADIN/themes/osbp/styles.css
java -cp "./lib/*" com.vaadin.sass.SassCompiler ./scss/styles-tea.scss ./VAADIN/themes/osbp-tea/styles.css
java -cp "./lib/*" com.vaadin.sass.SassCompiler ./scss/styles-steel.scss ./VAADIN/themes/osbp-steel/styles.css
+java -cp "./lib/*" com.vaadin.sass.SassCompiler ./scss/styles-cxo.scss ./VAADIN/themes/osbp-cxo/styles.css
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/scss.zip b/org.eclipse.osbp.themes/scss.zip
new file mode 100644
index 0000000..82aed95
--- /dev/null
+++ b/org.eclipse.osbp.themes/scss.zip
Binary files differ
diff --git a/org.eclipse.osbp.themes/scss/_addons.scss b/org.eclipse.osbp.themes/scss/_addons.scss
index ddf9560..868735d 100644
--- a/org.eclipse.osbp.themes/scss/_addons.scss
+++ b/org.eclipse.osbp.themes/scss/_addons.scss
@@ -2,7 +2,10 @@
/* Do not manually edit this file. */
/* Import and include this mixin into your project theme to include the addon themes */
+////
+/// @group root/addons
+////
+
+///Include addons here.
@mixin addons {
}
-
-
diff --git a/org.eclipse.osbp.themes/scss/_variables-cxo.scss b/org.eclipse.osbp.themes/scss/_variables-cxo.scss
new file mode 100644
index 0000000..3355ee9
--- /dev/null
+++ b/org.eclipse.osbp.themes/scss/_variables-cxo.scss
@@ -0,0 +1,126 @@
+////
+/// @group root/variables-cxo
+////
+
+@import "components/functions.scss";
+
+ /***************************/
+/** Vaadin/Valo-Variables **/
+
+$v-app-loading-text: "OSBP";
+$v-unit-size: 32px;
+
+$v-textfield-disabled-opacity: 1;
+
+/* $v-luminance-threshold: 150 !default; */
+
+/* $v-background-color: #3d3b3c; */
+$v-app-background-color: #fff;
+
+/// Main color accent of theme; not available as valo variable.
+$os-base-color: #2364aa;
+/* $valo-menu-background-color: $os-base-color; //scale-color($v-app-background-color, $lightness: if(color-luminance($v-app-background-color) < 10, 15%, -70%)) !default; */
+/* $v-table-background-color: $v-app-background-color; */
+$v-focus-color: #ffd210;
+$v-font-family: Arial;
+/* $v-font-size: 12px; */
+/* $v-line-height: $v-font-size * 1.75; //$os-line-height-factor: 1.6; */
+
+/* $v-loading-indicator-bar-height: $v-unit-size; */
+/* $v-loading-indicator-color: $v-focus-color; */
+/* $v-error-indicator-color: #E3DC95; */
+
+/* $v-table-row-height: $v-unit-size; */
+$v-default-field-width: make_even($v-unit-size * 11.4); //$v-unit-size * 5 !default;
+
+
+/// Overriding default-value 0.75 (affects v-grid)
+$v-scaling-factor--tiny: 1 !default; //0.75
+$v-scaling-factor--small: 0.85 !default;
+$v-scaling-factor--large: 1.4 !default; //1.2
+$v-scaling-factor--huge: 1.8 !default; //1.6
+/* $os-l-font-factor: 1.4; */
+/* $os-xl-font-factor: 1.8; */
+
+/* $v-border: $os-border-width $os-border-style $os-border-color !default; */
+/// $v-border default is useless, v-shade doesn't compile for some reason
+$v-border: 1px solid get_contrast($strength: 17, $v-app-background-color, $desaturate: false) !default;
+/* $v-border-radius: 0px; */
+
+/// Set this for v-layout-margin-* when you're too lazy to type the same value four times.
+$os-layout-margin: $v-unit-size;
+$v-layout-margin-top: $os-layout-margin;
+$v-layout-margin-left: $os-layout-margin;
+$v-layout-margin-right: $os-layout-margin;
+$v-layout-margin-bottom: $os-layout-margin;
+$v-layout-spacing-vertical: make_even($v-unit-size/3) !default;
+$v-layout-spacing-horizontal: make_even($v-unit-size/3) !default;
+
+$v-tabsheet-content-animation-enabled: false; //default: true
+
+/// When v-gradient is set to false, still set a gradient in some places.
+/* $os-gradient: v-linear 5%; */
+/* $v-gradient: false; */
+$v-bevel: false;
+$v-shadow: 1px 3px 7px transparentize(#000, 0.9);
+/* $v-textfield-shadow: false; */
+/* $v-shadow-opacity: 20% !default; */
+/* $v-focus-style: 0 0 0 1px transparent; //Focus-shadow/glow-color. Default = glow // 0 0 0 2px rgba($v-focus-color, .5) !default; */
+/*$v-hover-styles-enabled: false /*true !default;*/
+
+$v-table-border-radius: $v-border-radius;
+
+ /****************************************/
+/*** ADDITIONAL OS-SPECIFIC VARIABLES ***/
+
+/// Can be set and used in places where a theme-variant needs deviating style definitions.
+$os-theme-desig: "cxo";
+
+$os-loading-animation: url('load_bar_2.gif');
+$os-login-background-image: url('U68NITW3EI_s.jpg');
+
+/** Switches **/
+$os-button-uppercase: true;
+$os-img-size-override: false;
+$os-bordered: true;
+$os-cash-zoom-factor: 2;
+
+$os-odd-highlight: $v-focus-color;
+$os-button-as-tab: $v-app-background-color; //header
+
+$os-light-contrast: get_contrast($strength: 7, $v-app-background-color, $desaturate: false);
+$os-mid-contrast: get_contrast($strength: 37, $v-app-background-color, $desaturate: false);
+$os-dark-contrast: get_contrast($strength: 67, $v-app-background-color, $desaturate: false);
+
+/* textfield background, table background */
+
+$os-button-color: $os-base-color;
+$os-color-contrast: #f8f5f0;
+$os-textfield-shade: #f8f5f0;
+
+/// Lighter version of $v-focus-color as textfield background.
+$os-focus-color: get_color_mix($v-focus-color, #fff, 50);
+$os-base-color-light: get_color_mix($os-base-color, #fff, 50);
+
+$os-splitter-shade: #b2d0e9;
+$os-main-header-bg: $os-light-contrast;
+$os-sub-header-bg: $os-light-contrast;
+$os-h2-shade: $os-base-color;
+$os-header-shade-1: $v-focus-color;
+$os-header-shade-2: #fffb8e;
+
+/// Used to determine the correct size of font icons according to unit.
+$os-font-unit: px;
+
+/// Valo default is border-width. Not enough.
+$os-splitter-size: make_even($v-unit-size/2);
+
+/// Override valo defaults.
+$os-button-height: $v-unit-size + floor($v-unit-size/2);
+/// @todo figure out if this is needed.
+$os-button-width: $v-unit-size*7;
+
+/// Only used once so far, but probably still useful.
+$os-shadow-reversed: 1px 3px 7px transparentize(#000, 0.9);
+/// @todo replace with valo-text-shadow;
+$os-text-shadow: 0px 1px 1px transparentize(#000, 0.8);
diff --git a/org.eclipse.osbp.themes/scss/_variables-osbp.scss b/org.eclipse.osbp.themes/scss/_variables-osbp.scss
index ae87195..f876e76 100644
--- a/org.eclipse.osbp.themes/scss/_variables-osbp.scss
+++ b/org.eclipse.osbp.themes/scss/_variables-osbp.scss
@@ -1,182 +1,160 @@
- /***************/
-/* THEME START */
+////
+/// @group root/variables-osbp
+////
-@import "components/color-functions.scss";
+@import "components/functions.scss";
-$v-app-loading-text: "OSBP";
-
-$os-loading-animation: url('load_spinner_3.gif');
-$os-login-background-image: url('U68NITW3EI_s.jpg');
-
-/** Switches **/
-$web: false;
-$web2: false;
-$os-button-uppercase: true;
-$os-img-size-override: false;
-$os-bordered: false;
-
-// get_contrast
-$os-fn-desaturate: false; //default: true
-$os-fn-light: 7;
-$os-fn-border: 17;
-$os-fn-medium: 37;
-$os-fn-strong: 67;
-
-
-/** OS-Variables **/
-$os-background-color: #fff;// #334455;
-//$os-background-color: #b2dbb2;
-
-$os-base-color: #362455; //lila #4F437E, #34235A, #23135E
-$os-base-color: #1f567d; //blau
-
-$os-highlight-color: #EF7F1E; //orange #F5832F, #f39200, #F2910D
-$os-highlight-color: #c37f27; //gelblich
-$os-highlight-color: #c35127; //roetlich
-$os-highlight-color: #f5863c;
-$os-odd-highlight: #f5863c;
-$os-button-as-tab: $os-highlight-color; //header
-
-//$v-error-indicator-color: #9c27b0;
-
-
-$os-light-contrast: #efefef; //grey1c #F2F3F4, #f0f0f0
-$os-light-contrast: get_contrast($os-fn-light, $os-background-color, $os-fn-desaturate);
-
-$os-mid-contrast: #A0A4A6; //grey6c, #777779
-$os-mid-contrast: get_contrast($os-fn-medium, $os-background-color, $os-fn-desaturate);
-
-$os-dark-contrast: #545559; //grey11c #9FA0A5, #575757
-$os-dark-contrast: get_contrast($os-fn-strong, $os-background-color, $os-fn-desaturate);
-
-$os-button-color: $os-base-color;
-
-@if $web==true {
- $os-highlight-color: #ffc600;
- $os-odd-highlight: #bf1e2e ; //#bf1e2e
- $os-button-as-tab: #ffc600;
- $os-button-color: $os-dark-contrast;
- }
-
-@if $web2==true {
- $os-highlight-color:#ffc600;
- $os-odd-highlight: #bf1e2e ; //#bf1e2e
- $os-button-as-tab: $os-highlight-color;
- $os-button-as-tab-inactive: $os-light-contrast;
- $os-button-color: #1268b3;
- }
-
-$os-focus-color: get_color_mix($os-highlight-color, #fff, 50);
-$os-base-color-light: get_color_mix($os-base-color, #fff, 50);
-
-$os-splitter: $os-light-contrast;
-$os-main-header-bg: $os-light-contrast;
-@if $web==true {
- $os-main-header-bg: $os-background-color;
- }
-$os-sub-header-bg: $os-light-contrast;
-
-//desaturate(lighten($os-highlight-color, 25), 10%);
-//alternatives: desaturate(lighten($os-base-color, 25), 10%)
-$os-font-unit: px;
-$os-font-size: 12px;
-$os-l-font-factor: 1.4;
-$os-xl-font-factor: 1.8;
-$os-unit-size: 22px;
-$os-line-height-factor: 1.75; //1.6 = recommended factor for readability of longer texts.
-$os-line-height: $os-font-size * $os-line-height-factor;
-$os-font-family: Arial;
-$os-splitter-size: $os-unit-size/2.75; //8px, try for an even number
-$os-field-width: $os-unit-size * 10 !default;
-$os-icon-image-width: 16px;
-
-
-$os-border-width: 1px;
-$os-border-style: solid;
-$os-border-color: get_contrast($os-fn-border, $os-background-color, $os-fn-desaturate);;
-$os-border: valo-border($os-border-width $os-border-style $os-border-color, $os-background-color, null, 1);
-
-//filters-panel
-$os-filters-padding: 1px;
-$os-filters-font: #a3a3a3;
-$os-filters-panel-bg: $os-border-color;
-
-$os-button-height: $os-unit-size + floor($os-unit-size/3);
-$os-button-width: $os-unit-size*7;
-
-$os-luminance-threshold: 150 ;//150 !default
-$os-loading-bar-height: 2px;
-$os-loading-bar-color: $os-highlight-color;
-$os-progress-important: #be1e2d;
-
-$os-shadow: 1px 3px 7px transparentize(#000, 0.9);
-$os-shadow-reversed: 0px -2px 2px transparentize(#000, 0.9);
-$os-text-shadow: 0px 1px 1px transparentize(#000, 0.8);
-
+ /***************************/
/** Vaadin/Valo-Variables **/
-$v-loading-indicator-bar-height: $os-unit-size;
-$v-loading-indicator-color: $os-loading-bar-color;
+$v-app-loading-text: "OSBP";
+$v-unit-size: 22px;
-//(v-shade 0.7)
$v-textfield-disabled-opacity: 1;
-$v-luminance-threshold: $os-luminance-threshold;
+/* $v-luminance-threshold: 150 !default; */
-$v-app-background-color: $os-background-color;
-$valo-menu-background-color: $os-base-color;
-$v-table-background-color: $os-background-color;
-$v-focus-color: $os-highlight-color;
-$v-font-family: $os-font-family;
-$v-font-size: $os-font-size;
-$v-line-height: $os-line-height;
-$v-unit-size: $os-unit-size;
-$v-table-row-height: $os-unit-size;
-$v-default-field-width: $os-field-width; //$v-unit-size * 5 !default;
+$v-app-background-color: #fff;
+/// Main color accent of theme; not available as valo variable.
+$os-base-color: #1f567d;
+$valo-menu-background-color: $os-base-color; //scale-color($v-app-background-color, $lightness: if(color-luminance($v-app-background-color) < 10, 15%, -70%)) !default;
+$v-table-background-color: $v-app-background-color;
+$v-focus-color: #f5863c;
+$v-font-family: Arial;
+$v-font-size: 12px;
+$v-line-height: $v-font-size * 1.75; //$os-line-height-factor: 1.6;
+
+$v-loading-indicator-bar-height: $v-unit-size;
+$v-loading-indicator-color: $v-focus-color;
+
+$v-table-row-height: $v-unit-size;
+$v-default-field-width: make_even($v-unit-size * 10); //$v-unit-size * 5 !default;
+
+
+/// Overriding default-value 0.75 (affects v-grid)
$v-scaling-factor--tiny: 1 !default; //0.75
$v-scaling-factor--small: 0.85 !default;
-$v-scaling-factor--large: 1.2 !default;
-$v-scaling-factor--huge: 1.6 !default;
+$v-scaling-factor--large: 1.4 !default; //1.2
+$v-scaling-factor--huge: 1.8 !default; //1.6
+/* $os-l-font-factor: 1.4; */
+/* $os-xl-font-factor: 1.8; */
-$v-border: $os-border-width $os-border-style $os-border-color !default;
+/* $v-border: $os-border-width $os-border-style $os-border-color !default; */
+/// $v-border default is useless, v-shade doesn't compile for some reason
+$v-border: 1px solid get_contrast($strength: 17, $v-app-background-color, $desaturate: false) !default;
$v-border-radius: 0px;
-$os-button-gradient: v-linear 5%;
-$os-gradient-amount: v-linear 5%;
-$v-layout-margin-top: $os-unit-size*0.5;
-$v-layout-margin-left: $os-unit-size*0.5;
-$v-layout-margin-right: $os-unit-size*0.5;
-$v-layout-margin-bottom: $os-unit-size*0.5;
-$v-layout-spacing-vertical: 0px;
+
+/// Set this for v-layout-margin-* when you're too lazy to type the same value four times.
+$os-layout-margin: $v-unit-size * 0.5;
+$v-layout-margin-top: $os-layout-margin;
+$v-layout-margin-left: $os-layout-margin;
+$v-layout-margin-right: $os-layout-margin;
+$v-layout-margin-bottom: $os-layout-margin;
+$v-layout-spacing-vertical: make_even($v-unit-size/3) !default;
+$v-layout-spacing-horizontal: make_even($v-unit-size/3) !default;
$v-tabsheet-content-animation-enabled: false; //default: true
-/*
-$v-textfield-bevel: false;*/
+
+/// When v-gradient is set to false, still set a gradient in some places.
+$os-gradient: v-linear 5%;
$v-gradient: false;
-
-/*$v-hover-styles-enabled: false /*true !default;*/
-
+/// Setting might irritate POS dimensions. @todo recalculate
$v-bevel: false;
-$v-shadow: $os-shadow;
+$v-shadow: 1px 3px 7px transparentize(#000, 0.9);
$v-textfield-shadow: false;
$v-shadow-opacity: 10% !default;
+$v-focus-style: 0 0 0 1px transparent; //Focus-shadow/glow-color. Default = glow // 0 0 0 2px rgba($v-focus-color, .5) !default;
+/*$v-hover-styles-enabled: false /*true !default;*/
+
+ /****************************************/
+/*** ADDITIONAL OS-SPECIFIC VARIABLES ***/
+
+/// Can be set and used in places where a theme-variant needs deviating style definitions.
+$os-theme-desig: "osbp";
+
+$os-loading-animation: url('load_spinner_3.gif');
+$os-login-background-image: url('os-bee-logo-2016-cmyk_transparent.png');
+
+/** os-related Switches **/
+$os-button-uppercase: true;
+$os-img-size-override: false;
+$os-bordered: false;
+$os-cash-zoom-factor: 1.5; /* 1 */
+
+$os-odd-highlight: $v-focus-color;
+$os-button-as-tab: $v-focus-color; //header
+
+$os-light-contrast: get_contrast($strength: 7, $v-app-background-color, $desaturate: false);
+$os-mid-contrast: get_contrast($strength: 37, $v-app-background-color, $desaturate: false);
+$os-dark-contrast: get_contrast($strength: 67, $v-app-background-color, $desaturate: false);
+
+/* textfield background, table background */
+
+$os-button-color: $os-base-color;
+$os-color-contrast: $os-light-contrast;
+$os-textfield-shade: $os-light-contrast;
+
+/// Lighter version of $v-focus-color as textfield background
+$os-focus-color: get_color_mix($v-focus-color, #fff, 50);
+$os-base-color-light: get_color_mix($os-base-color, #fff, 50);
+
+$os-splitter-shade: $os-light-contrast;
+$os-main-header-bg: $os-light-contrast;
+$os-sub-header-bg: $os-light-contrast;
+
+/// Used to determine the correct size of font icons according to unit.
+$os-font-unit: px;
+
+/// Valo default is border-width. Not enough.
+$os-splitter-size: make_even($v-unit-size/2.75);
+
+/// Override valo defaults.
+$os-button-height: $v-unit-size + floor($v-unit-size/3);
+/// @todo figure out if this is needed.
+$os-button-width: $v-unit-size*7;
+
+/// Only used once so far, but probably still useful.
+$os-shadow-reversed: 0px -2px 2px transparentize(#000, 0.9);
+/// @todo replace with valo-text-shadow;
+$os-text-shadow: 0px 1px 1px transparentize(#000, 0.8);
-$v-focus-style: 0 0 0 1px transparent; //Focus-shadow/glow-color. Default = glow
-/*$v-background-color: hsl(0, 0, 99.5%);
-$valo-menu-background-color: hsl(218, 20%, 98%);
-$v-background-color: $os-lila;
-$v-focus-color: $os-orange;
-$v-panel-background-color: $weiss; //buggy?
+/* $os-luminance-threshold: 150 ;//150 !default */
+/* $os-loading-bar-height: 2px; */
+/* $os-loading-bar-color: $os-highlight-color; */
+/* $os-progress-important: #be1e2d; */
+
+/* $os-shadow: 1px 3px 7px transparentize(#000, 0.9); */
+
+/* get_contrast */
+/* $os-fn-desaturate: false; //default: true */
+/* $os-fn-light: 7; */
+/* $os-fn-border: 17; */
+/* $os-fn-medium: 37; */
+/* $os-fn-strong: 67; */
+/* $v-textfield-bevel: false; */
+
+/** OS-Variables **/
+/* $os-background-color: #fff;// #334455; */
+
+/* $os-base-color: #1f567d; //blau */
+
+/* $os-highlight-color: #EF7F1E; //orange #F5832F, #f39200, #F2910D */
+/* $os-highlight-color: #c37f27; //gelblich */
+/* $os-highlight-color: #c35127; //roetlich */
+/* $os-highlight-color: #f5863c; */
+
+
+/*
$v-overlay-background-color: $os-orange;
-$valo-menu-background-color: $os-lila;
*/
-
+/* alternatives: desaturate(lighten($os-base-color, 25), 10%) */
/* $v-focus-color: hsl(218, 80%, 60%);
$v-border: 1px solid (v-shade 0.6);
$v-border-radius: 0px;
@@ -189,4 +167,3 @@
$v-font-family: Arial;
$v-font-size: 12px;
$v-line-height: 1.618;*/
-
diff --git a/org.eclipse.osbp.themes/scss/_variables-steel.scss b/org.eclipse.osbp.themes/scss/_variables-steel.scss
index a01a98e..3cbf475 100644
--- a/org.eclipse.osbp.themes/scss/_variables-steel.scss
+++ b/org.eclipse.osbp.themes/scss/_variables-steel.scss
@@ -1,219 +1,121 @@
- /***************/
-/* THEME START */
+////
+/// @group root/variables-osbp
+////
-@import "components/color-functions.scss";
+@import "components/functions.scss";
+
+ /***************************/
+/** Vaadin/Valo-Variables **/
$v-app-loading-text: "OSBP";
+$v-unit-size: 24px;
+
+$v-textfield-disabled-opacity: 1;
+
+/* $v-luminance-threshold: 150 !default; */
+
+$v-background-color: #3d3b3c;
+$v-app-background-color: #3d3b3c;
+
+/// Main color accent of theme; not available as valo variable.
+$os-base-color: #949396;
+$valo-menu-background-color: $os-base-color; //scale-color($v-app-background-color, $lightness: if(color-luminance($v-app-background-color) < 10, 15%, -70%)) !default;
+$v-table-background-color: $v-app-background-color;
+$v-focus-color: #5D737E;
+$v-font-family: Arial;
+$v-font-size: 12px;
+$v-line-height: $v-font-size * 1.75; //$os-line-height-factor: 1.6;
+
+$v-loading-indicator-bar-height: $v-unit-size;
+$v-loading-indicator-color: $v-focus-color;
+$v-error-indicator-color: #E3DC95;
+
+$v-table-row-height: $v-unit-size;
+$v-default-field-width: make_even($v-unit-size * 11.4); //$v-unit-size * 5 !default;
+
+
+/// Overriding default-value 0.75 (affects v-grid)
+$v-scaling-factor--tiny: 1 !default; //0.75
+$v-scaling-factor--small: 0.85 !default;
+$v-scaling-factor--large: 1.4 !default; //1.2
+$v-scaling-factor--huge: 1.8 !default; //1.6
+/* $os-l-font-factor: 1.4; */
+/* $os-xl-font-factor: 1.8; */
+
+/* $v-border: $os-border-width $os-border-style $os-border-color !default; */
+/// $v-border default is useless, v-shade doesn't compile for some reason
+$v-border: 1px solid get_contrast($strength: 17, $v-app-background-color, $desaturate: false) !default;
+$v-border-radius: 0px;
+
+/// Set this for v-layout-margin-* when you're too lazy to type the same value four times.
+$os-layout-margin: $v-unit-size * 0.5;
+$v-layout-margin-top: $os-layout-margin;
+$v-layout-margin-left: $os-layout-margin;
+$v-layout-margin-right: $os-layout-margin;
+$v-layout-margin-bottom: $os-layout-margin;
+$v-layout-spacing-vertical: make_even($v-unit-size/3) !default;
+$v-layout-spacing-horizontal: make_even($v-unit-size/3) !default;
+
+$v-tabsheet-content-animation-enabled: false; //default: true
+
+/// When v-gradient is set to false, still set a gradient in some places.
+$os-gradient: v-linear 5%;
+$v-gradient: false;
+$v-bevel: false;
+$v-shadow: 1px 3px 7px transparentize(#000, 0.9);
+$v-textfield-shadow: false;
+$v-shadow-opacity: 20% !default;
+$v-focus-style: 0 0 0 1px transparent; //Focus-shadow/glow-color. Default = glow // 0 0 0 2px rgba($v-focus-color, .5) !default;
+/*$v-hover-styles-enabled: false /*true !default;*/
+
+ /****************************************/
+/*** ADDITIONAL OS-SPECIFIC VARIABLES ***/
+
+/// Can be set and used in places where a theme-variant needs deviating style definitions.
+$os-theme-desig: "steel";
+
$os-loading-animation: url('load_bar_2.gif');
$os-login-background-image: url('U68NITW3EI_s.jpg');
/** Switches **/
-$web: false;
-$web2: false;
$os-button-uppercase: true;
$os-img-size-override: false;
$os-bordered: true;
+$os-cash-zoom-factor: 2;
-// get_contrast
-$os-fn-desaturate: false; //default: true
-$os-fn-light: 7;
-$os-fn-border: 17;
-$os-fn-medium: 37;
-$os-fn-strong: 67;
+$os-odd-highlight: $v-focus-color;
+$os-button-as-tab: $v-focus-color; //header
+$os-light-contrast: get_contrast($strength: 7, $v-app-background-color, $desaturate: false);
+$os-mid-contrast: get_contrast($strength: 37, $v-app-background-color, $desaturate: false);
+$os-dark-contrast: get_contrast($strength: 67, $v-app-background-color, $desaturate: false);
-
-/** OS-Variables **/
+/* textfield background, table background */
-$os-background-color: #11151c;
-$os-background-color: #3d3b3c; //1 2 3 4 5
-//$os-background-color: #1a1a1a; maybe?
-
-$os-base-color: $os-background-color;//#7F534B; //5 685762 gutes blau f�r theme 3? 3A4454
-$os-base-color: #323031; //1
-$os-base-color: #503D42; //4
-$os-base-color: #323031; //2 3
-$os-base-color: #949396; //5+
-
-$os-highlight-color: #9ea93f; //1
-$os-highlight-color: #545E56; //5-2
-$os-highlight-color: #92D5E6; //5-1
-$os-highlight-color: #FF715B; //4
-$os-highlight-color: #8e5572; //2
-$os-highlight-color: #dcab6b; //3
-$os-highlight-color: #5D737E; //5 EX 9B9987
-
-$v-error-indicator-color: #E3DC95;
-$v-tooltip-error-message-background-color: $os-background-color;
-
-
-
-//$v-window-shadow: 0 2px 10px (v-shade 10), 0 16px 80px -6px (v-shade 13), last($v-overlay-shadow) !default;
-
-
-
-$os-odd-highlight: $os-highlight-color; //5
-
-$os-button-as-tab: $os-highlight-color; //header
-
-//$v-panel-background-color: $os-background-color; //scale-color(lighten($v-app-background-color, 5%), $saturation: -5%) !default;
-
-
-$os-light-contrast: #efefef; //grey1c #F2F3F4, #f0f0f0
-$os-light-contrast: get_contrast($os-fn-light, $os-background-color, $os-fn-desaturate);
-
-$os-mid-contrast: #A0A4A6; //grey6c, #777779
-$os-mid-contrast: get_contrast($os-fn-medium, $os-background-color, $os-fn-desaturate);
-
-$os-dark-contrast: #545559; //grey11c #9FA0A5, #575757
-$os-dark-contrast: get_contrast($os-fn-strong, $os-background-color, $os-fn-desaturate);
-
$os-button-color: $os-base-color;
-
-@if $web==true {
- $os-highlight-color:#ffc600;
- $os-odd-highlight: #bf1e2e ; //#bf1e2e
- $os-button-as-tab: #ffc600;
- $os-button-color: $os-dark-contrast;
- }
+$os-color-contrast: $os-light-contrast;
+$os-textfield-shade: $os-light-contrast;
-@if $web2==true {
- $os-highlight-color:#ffc600;
- $os-odd-highlight: #bf1e2e ; //#bf1e2e
- $os-button-as-tab: $os-highlight-color;
- $os-button-as-tab-inactive: $os-light-contrast;
- $os-button-color: #1268b3;
- }
-
-$os-focus-color: get_color_mix($os-highlight-color, #fff, 50);
+/// Lighter version of $v-focus-color as textfield background.
+$os-focus-color: get_color_mix($v-focus-color, #fff, 50);
$os-base-color-light: get_color_mix($os-base-color, #fff, 50);
-
-//$os-dark-contrast: #53607a;
-
-$os-splitter: $os-light-contrast;
+$os-splitter-shade: $os-light-contrast;
$os-main-header-bg: $os-light-contrast;
-@if $web==true {
- $os-main-header-bg: $os-background-color;
- }
$os-sub-header-bg: $os-light-contrast;
-//desaturate(lighten($os-highlight-color, 25), 10%);
-//alternatives: desaturate(lighten($os-base-color, 25), 10%)
+/// Used to determine the correct size of font icons according to unit.
$os-font-unit: px;
-$os-font-size: 12px;
-$os-l-font-factor: 1.4;
-$os-xl-font-factor: 1.8;
-$os-unit-size: 24px;
-$os-line-height-factor: 1.75; //1.6 = recommended factor for readability of longer texts.
-$os-line-height: $os-font-size * $os-line-height-factor;
-$os-font-family: Arial;
-$os-splitter-size: $os-unit-size/2.75; //8px, try for an even number
-$os-field-width: floor($os-unit-size * 11.4) !default;
-$os-icon-image-width: 16px;
-$os-border-width: 1px;
-$os-border-style: solid;
-$os-border-color: get_contrast($os-fn-border, $os-background-color, $os-fn-desaturate);;
-$os-border: valo-border($os-border-width $os-border-style $os-border-color, $os-background-color, null, 1);
+/// Valo default is border-width. Not enough.
+$os-splitter-size: make_even($v-unit-size/2.75);
-//filters-panel
-$os-filters-padding: 1px;
-$os-filters-font: #a3a3a3;
-$os-filters-panel-bg: $os-border-color;
+/// Override valo defaults.
+$os-button-height: $v-unit-size + floor($v-unit-size/3);
+/// @todo figure out if this is needed.
+$os-button-width: $v-unit-size*7;
-$os-button-height: $os-unit-size + floor($os-unit-size/3);
-
-$os-luminance-threshold: 150 ;//150 !default
-$os-loading-bar-height: 2px;
-$os-loading-bar-color: $os-highlight-color;
-$os-progress-important: #be1e2d;
-
-$os-shadow: 1px 3px 7px transparentize(#000, 0.65);
-$os-shadow-reversed: $os-shadow;
+/// Only used once so far, but probably still useful.
+$os-shadow-reversed: 0px -2px 2px transparentize(#000, 0.65);
+/// @todo replace with valo-text-shadow;
$os-text-shadow: 0px 1px 1px transparentize(#000, 0.8);
-
-/** Vaadin/Valo-Variables **/
-
-$v-loading-indicator-bar-height: $os-unit-size;
-$v-loading-indicator-color: $os-loading-bar-color;
-
-//(v-shade 0.7)
-$v-textfield-disabled-opacity: 1;
-
-$v-luminance-threshold: $os-luminance-threshold;
-
-$v-background-color: $os-background-color;
-$v-app-background-color: $os-background-color;
-$valo-menu-background-color: $os-base-color;
-$v-table-background-color: $os-background-color;
-$v-focus-color: $os-highlight-color;
-$v-font-family: $os-font-family;
-$v-font-size: $os-font-size;
-$v-line-height: $os-line-height;
-$v-unit-size: $os-unit-size;
-$v-table-row-height: $os-unit-size;
-$v-default-field-width: $os-field-width; //$v-unit-size * 5 !default;
-
-$v-scaling-factor--tiny: 1 !default; //0.75
-$v-scaling-factor--small: 0.85 !default;
-$v-scaling-factor--large: 1.2 !default;
-$v-scaling-factor--huge: 1.6 !default;
-
-$v-border: $os-border-width $os-border-style $os-border-color !default;
-$v-border-radius: 0px;
-
-$os-button-gradient: v-linear 5%;
-$os-gradient-amount: v-linear 5%;
-
-$v-layout-margin-top: $os-unit-size*0.5;
-$v-layout-margin-left: $os-unit-size*0.5;
-$v-layout-margin-right: $os-unit-size*0.5;
-$v-layout-margin-bottom: $os-unit-size*0.5;
-$v-layout-spacing-vertical: 0px;
-
-$v-tabsheet-content-animation-enabled: false; //default: true
-
-/* Valo Grid
-$v-grid-header-background-color: $os-background-color;
-$v-grid-footer-background-color: $os-background-color;*/
-
-
-
-/*
-$v-textfield-bevel: false;*/
-$v-gradient: false;
-
-/*$v-hover-styles-enabled: false /*true !default;*/
-
-$v-bevel: false;
-$v-shadow: $os-shadow;
-$v-textfield-shadow: false;
-$v-shadow-opacity: 20% /*10% !default*/;
-
-
-$v-focus-style: 0 0 0 1px transparent; //Focus-shadow/glow-color. Default = glow
-
-/*$v-background-color: hsl(0, 0, 99.5%);
-$valo-menu-background-color: hsl(218, 20%, 98%);
-
-$v-background-color: $os-lila;
-$v-focus-color: $os-orange;
-$v-panel-background-color: $weiss; //buggy?
-$v-overlay-background-color: $os-orange;
-$valo-menu-background-color: $os-lila;
-*/
-
-/* $v-focus-color: hsl(218, 80%, 60%);
-$v-border: 1px solid (v-shade 0.6);
-$v-border-radius: 0px;
-$v-bevel: inset 0 1px 0 v-tint;
-$v-textfield-bevel: false;
-$v-gradient: v-linear 3%;
-$v-shadow: false;
-$v-friendly-color: hsl(163, 61%, 41%);
-$v-error-indicator-color: hsl(349, 66%, 56%);
-$v-font-family: Arial;
-$v-font-size: 12px;
-$v-line-height: 1.618;*/
-
diff --git a/org.eclipse.osbp.themes/scss/_variables-tea.scss b/org.eclipse.osbp.themes/scss/_variables-tea.scss
index a72a178..6847b87 100644
--- a/org.eclipse.osbp.themes/scss/_variables-tea.scss
+++ b/org.eclipse.osbp.themes/scss/_variables-tea.scss
@@ -1,187 +1,154 @@
- /***************/
-/* THEME START */
+////
+/// @group root/variables-tea
+////
-@import "components/color-functions.scss";
+@import "components/functions.scss";
+
+ /***************************/
+/** Vaadin/Valo-Variables **/
$v-app-loading-text: "OSBP"; //TEA
+$v-unit-size: 22px;
+
+$v-textfield-disabled-opacity: 1;
+
+/* $v-luminance-threshold: 150 !default; */
+
+$v-app-background-color: #fff;
+
+/// Main color accent of theme; not available as valo variable.
+$os-base-color: #323031;
+$valo-menu-background-color: $os-base-color; //scale-color($v-app-background-color, $lightness: if(color-luminance($v-app-background-color) < 10, 15%, -70%)) !default;
+$v-table-background-color: $v-app-background-color;
+$v-focus-color: #9ea93f;
+$v-font-family: Arial;
+$v-font-size: 12px;
+$v-line-height: $v-font-size * 1.75; //$os-line-height-factor: 1.6;
+
+$v-loading-indicator-bar-height: $v-unit-size;
+$v-loading-indicator-color: $v-focus-color;
+
+$v-table-row-height: $v-unit-size;
+$v-default-field-width: make_even($v-unit-size * 11.4); //$v-unit-size * 5 !default;
+
+
+/// Overriding default-value 0.75 (affects v-grid)
+$v-scaling-factor--tiny: 1 !default; //0.75
+$v-scaling-factor--small: 0.85 !default;
+$v-scaling-factor--large: 1.4 !default; //1.2
+$v-scaling-factor--huge: 1.8 !default; //1.6
+/* $os-l-font-factor: 1.4; */
+/* $os-xl-font-factor: 1.8; */
+
+/// $v-border default is useless, v-shade doesn't compile for some reason
+$v-border: 1px solid get_contrast($strength: 17, $v-app-background-color, $desaturate: false) !default;
+$v-border-radius: 0px;
+
+/// Set this for v-layout-margin-* when you're too lazy to type the same value four times.
+$os-layout-margin: $v-unit-size * 0.5;
+$v-layout-margin-top: $os-layout-margin;
+$v-layout-margin-left: $os-layout-margin;
+$v-layout-margin-right: $os-layout-margin;
+$v-layout-margin-bottom: $os-layout-margin;
+$v-layout-spacing-vertical: make_even($v-unit-size/3) !default;
+$v-layout-spacing-horizontal: make_even($v-unit-size/3) !default;
+
+$v-tabsheet-content-animation-enabled: false; //default: true
+
+/// When v-gradient is set to false, still set a gradient in some places.
+$os-gradient: v-linear 5%;
+$v-gradient: false;
+$v-bevel: false;
+$v-shadow: 1px 3px 7px transparentize(#000, 0.9);
+$v-textfield-shadow: false;
+$v-shadow-opacity: 15% !default;
+$v-focus-style: 0 0 0 1px transparent; //Focus-shadow/glow-color. Default = glow // 0 0 0 2px rgba($v-focus-color, .5) !default;
+/*$v-hover-styles-enabled: false /*true !default;*/
+
+ /****************************************/
+/*** ADDITIONAL OS-SPECIFIC VARIABLES ***/
+
+/// Can be set and used in places where a theme-variant needs deviating style definitions.
+$os-theme-desig: "tea";
$os-loading-animation: url('load_spinner_1.gif');
$os-login-background-image: url('Top_view.jpg');
-/** Switches **/
-$web: false;
-$web2: false;
+/** os-related Switches **/
$os-button-uppercase: true;
$os-img-size-override: false;
$os-bordered: true;
+$os-cash-zoom-factor: 2.0;
-// get_contrast
-$os-fn-desaturate: false; //default: true
-$os-fn-light: 7;
-$os-fn-border: 17;
-$os-fn-medium: 37;
-$os-fn-strong: 67;
+$os-odd-highlight: $v-focus-color;
+$os-button-as-tab: $v-focus-color; //header
+$os-light-contrast: get_contrast($strength: 7, $v-app-background-color, $desaturate: false);
+$os-mid-contrast: get_contrast($strength: 37, $v-app-background-color, $desaturate: false);
+$os-dark-contrast: get_contrast($strength: 67, $v-app-background-color, $desaturate: false);
-/** OS-Variables **/
+/* textfield background, table background */
-$os-background-color: #eee;
-//$os-background-color: #1a1a1a; maybe?
+$os-button-color: #1f567d; /* $os-base-color; */
+$os-color-contrast: $os-light-contrast;
+$os-textfield-shade: $os-light-contrast;
-$os-base-color: #323031;
-
-$os-highlight-color: #9ea93f;
-$os-odd-highlight: $os-highlight-color; //#334455;//#9ea93f; //
-
-
-
-$os-button-as-tab: $os-highlight-color; //header
-
-//$v-panel-background-color: $os-background-color; //scale-color(lighten($v-app-background-color, 5%), $saturation: -5%) !default;
-
-
-$os-light-contrast: #efefef; //grey1c #F2F3F4, #f0f0f0
-$os-light-contrast: get_contrast($os-fn-light, $os-background-color, $os-fn-desaturate);
-
-$os-mid-contrast: #A0A4A6; //grey6c, #777779
-$os-mid-contrast: get_contrast($os-fn-medium, $os-background-color, $os-fn-desaturate);
-
-$os-dark-contrast: #545559; //grey11c #9FA0A5, #575757
-$os-dark-contrast: get_contrast($os-fn-strong, $os-background-color, $os-fn-desaturate);
-
-$os-button-color: $os-base-color;
-
-@if $web==true {
- $os-highlight-color:#ffc600;
- $os-odd-highlight: #bf1e2e ; //#bf1e2e
- $os-button-as-tab: #ffc600;
- $os-button-color: $os-dark-contrast;
- }
-
-@if $web2==true {
- $os-highlight-color:#ffc600;
- $os-odd-highlight: #bf1e2e ; //#bf1e2e
- $os-button-as-tab: $os-highlight-color;
- $os-button-as-tab-inactive: $os-light-contrast;
- $os-button-color: #1268b3;
- }
-
-$os-focus-color: get_color_mix($os-highlight-color, #fff, 50);
+$os-focus-color: get_color_mix($v-focus-color, #fff, 50);
$os-base-color-light: get_color_mix($os-base-color, #fff, 50);
-
-//$os-dark-contrast: #53607a;
-
-$os-splitter: $os-light-contrast;
+$os-splitter-shade: $os-light-contrast;
$os-main-header-bg: $os-light-contrast;
-@if $web==true {
- $os-main-header-bg: $os-background-color;
- }
$os-sub-header-bg: $os-light-contrast;
-//desaturate(lighten($os-highlight-color, 25), 10%);
-//alternatives: desaturate(lighten($os-base-color, 25), 10%)
+/// Used to determine the correct size of font icons according to unit.
$os-font-unit: px;
-$os-font-size: 12px;
-$os-l-font-factor: 1.4;
-$os-xl-font-factor: 1.8;
-$os-unit-size: 22px;
-$os-line-height-factor: 1.75; //1.6 = recommended factor for readability of longer texts.
-$os-line-height: $os-font-size * $os-line-height-factor;
-$os-font-family: Arial;
-$os-splitter-size: ceil($os-unit-size/6); //8px, try for an even number
-$os-field-width: floor($os-unit-size * 11.4) !default;
-$os-icon-image-width: 16px;
-$os-border-width: 1px;
-$os-border-style: solid;
-$os-border-color: get_contrast($os-fn-border, $os-background-color, $os-fn-desaturate);
-$os-border: valo-border($os-border-width $os-border-style $os-border-color, $os-background-color, null, 1);
+/// Valo default is border-width. Not enough.
+$os-splitter-size: make_even($v-unit-size/6);
-//filters-panel
-$os-filters-padding: 1px;
-$os-filters-font: #a3a3a3;
-$os-filters-panel-bg: $os-border-color;
+/// Override valo defaults.
+$os-button-height: $v-unit-size + floor($v-unit-size/6);
+/// @todo figure out if this is needed.
+$os-button-width: $v-unit-size*7;
-$os-button-height: $os-unit-size + floor($os-unit-size/6);
-
-$os-luminance-threshold: 150 ;//150 !default
-$os-loading-bar-height: 2px;
-$os-loading-bar-color: $os-highlight-color;
-$os-progress-important: #be1e2d;
-
-$os-shadow: 1px 3px 7px transparentize(#000, 0.9);
-$os-shadow-reversed: $os-shadow;
+/// Only used once so far, but probably still useful.
+$os-shadow-reversed: 0px -2px 2px transparentize(#000, 0.9);
+/// @todo replace with valo-text-shadow;
$os-text-shadow: 0px 1px 1px transparentize(#000, 0.8);
-/** Vaadin/Valo-Variables **/
-$v-loading-indicator-bar-height: $os-unit-size;
-$v-loading-indicator-color: $os-loading-bar-color;
-//(v-shade 0.7)
-$v-textfield-disabled-opacity: 1;
+/* $os-luminance-threshold: 150 ;//150 !default */
+/* $os-loading-bar-height: 2px; */
+/* $os-loading-bar-color: $os-highlight-color; */
+/* $os-progress-important: #be1e2d; */
-$v-luminance-threshold: $os-luminance-threshold;
+/* $os-shadow: 1px 3px 7px transparentize(#000, 0.9); */
-$v-app-background-color: $os-background-color;
-$valo-menu-background-color: $os-base-color;
-$v-table-background-color: $os-background-color;
-$v-focus-color: $os-highlight-color;
-$v-font-family: $os-font-family;
-$v-font-size: $os-font-size;
-$v-line-height: $os-line-height;
-$v-unit-size: $os-unit-size;
-$v-table-row-height: $os-unit-size;
-$v-default-field-width: $os-field-width; //$v-unit-size * 5 !default;
+/* get_contrast */
+/* $os-fn-desaturate: false; //default: true */
+/* $os-fn-light: 7; */
+/* $os-fn-border: 17; */
+/* $os-fn-medium: 37; */
+/* $os-fn-strong: 67; */
+/* $v-textfield-bevel: false; */
-$v-scaling-factor--tiny: 1 !default; //0.75
-$v-scaling-factor--small: 0.85 !default;
-$v-scaling-factor--large: 1.2 !default;
-$v-scaling-factor--huge: 1.6 !default;
+/** OS-Variables **/
+/* $os-background-color: #fff;// #334455; */
-$v-border: $os-border-width $os-border-style $os-border-color !default;
-$v-border-radius: 0px;
+/* $os-base-color: #1f567d; //blau */
-$os-button-gradient: v-linear 5%;
-$os-gradient-amount: v-linear 5%;
+/* $os-highlight-color: #EF7F1E; //orange #F5832F, #f39200, #F2910D */
+/* $os-highlight-color: #c37f27; //gelblich */
+/* $os-highlight-color: #c35127; //roetlich */
+/* $os-highlight-color: #f5863c; */
-$v-layout-margin-top: $os-unit-size*0.5;
-$v-layout-margin-left: $os-unit-size*0.5;
-$v-layout-margin-right: $os-unit-size*0.5;
-$v-layout-margin-bottom: $os-unit-size*0.5;
-$v-layout-spacing-vertical: 0px;
-
-$v-tabsheet-content-animation-enabled: false; //default: true
/*
-$v-textfield-bevel: false;*/
-$v-gradient: false;
-
-/*$v-hover-styles-enabled: false /*true !default;*/
-
-$v-bevel: false;
-/*$v-shadow: $os-shadow;*/
-$v-shadow-opacity: 15% /*10% !default*/;
-$v-textfield-shadow: false;
-
-
-
-
-
-$v-focus-style: 0 0 0 1px transparent; //Focus-shadow/glow-color. Default = glow
-
-/*$v-background-color: hsl(0, 0, 99.5%);
-$valo-menu-background-color: hsl(218, 20%, 98%);
-
-$v-background-color: $os-lila;
-$v-focus-color: $os-orange;
-$v-panel-background-color: $weiss; //buggy?
$v-overlay-background-color: $os-orange;
-$valo-menu-background-color: $os-lila;
*/
-
+/* alternatives: desaturate(lighten($os-base-color, 25), 10%) */
/* $v-focus-color: hsl(218, 80%, 60%);
$v-border: 1px solid (v-shade 0.6);
$v-border-radius: 0px;
@@ -194,4 +161,3 @@
$v-font-family: Arial;
$v-font-size: 12px;
$v-line-height: 1.618;*/
-
diff --git a/org.eclipse.osbp.themes/scss/addons/_absolutelayout.scss b/org.eclipse.osbp.themes/scss/addons/_absolutelayout.scss
index bc6d39b..75bd2e8 100644
--- a/org.eclipse.osbp.themes/scss/addons/_absolutelayout.scss
+++ b/org.eclipse.osbp.themes/scss/addons/_absolutelayout.scss
@@ -1,3 +1,8 @@
+////
+/// @group addons
+////
+
+/// @deprecated apparently.
@mixin os-absolutelayout {
.v-absolutelayout .o-alignmentLine {
diff --git a/org.eclipse.osbp.themes/scss/addons/_designer.scss b/org.eclipse.osbp.themes/scss/addons/_designer.scss
index e63dedc..04993db 100644
--- a/org.eclipse.osbp.themes/scss/addons/_designer.scss
+++ b/org.eclipse.osbp.themes/scss/addons/_designer.scss
@@ -1,21 +1,27 @@
+////
+/// @group addons
+////
+
+/// Style definitions for OSBP design mode.
+/// @todo Definitions aren't properly derivated from the main style.
@mixin os-designer {
$font-size: 16px;
$unit-size: 30px;
$gen-margins: $unit-size * 0.1;
$main-color: $os-dark-contrast;
-
+
.osbee-designer-active-selection {
border-radius: 3px !important;
border: 2px solid blue !important;
}
-
+
.o-designer-active .l-control {
- border: $os-border;
+ border: $v-border;
border-color: lightblue;
}
-
+
.o-designer-active .l-control .v-gridlayout-slot {
- border: $os-border;
+ border: $v-border;
border-color: lightpink;
}
.o-designer-overlay .popupContent {
@@ -23,19 +29,19 @@
width: 100%;
display: block;
background-color: $main-color;
- border-radius: 3px;
+ border-radius: 3px;
border: 2px solid $main-color;
/*padding: $gen-margins; */
>div {
height: 100%;
}
}
-
+
.o-designer-overlayed {
border-radius: 3px !important;
border: 2px solid blue !important;
}
-
+
.o-designer-overlay .o-alignment-widget {
position: relative;
width: $unit-size;
@@ -46,7 +52,7 @@
margin-right: $gen-margins;
/*margin: $unit-size * 0.1 $unit-size * 0.2 $unit-size * 0.1 $unit-size * 0.2; //o r u l*/
}
-
+
.o-alignment-widget .alignment {
//top: 0px;
//left: 0px;
@@ -58,7 +64,7 @@
position: absolute;
z-index: 10;
}
-
+
.o-alignment-widget .alignment .singles {
position: absolute;
top: 0px;
@@ -69,7 +75,7 @@
width: 22px;
overflow: hidden;
}
-
+
.o-alignment-widget .singles .topleft, .o-alignment-widget .singles .topcenter,
.o-alignment-widget .singles .topright, .o-alignment-widget .singles .middleleft,
.o-alignment-widget .singles .middlecenter, .o-alignment-widget .singles .middleright,
@@ -83,62 +89,62 @@
position: absolute;
z-index: 30;
}
-
+
.o-alignment-widget .singles .o-selected {
- background-color: $os-highlight-color;
+ background-color: $v-focus-color;
}
-
+
.o-alignment-widget .singles .topleft {
top: 0px;
left: 0px;
}
-
+
.o-alignment-widget .singles .topcenter {
top: 0px;
left: 0px;
margin-left: 8px;
}
-
+
.o-alignment-widget .singles .topright {
top: 0px;
right: 0px;
}
-
+
.o-alignment-widget .singles .middleleft {
top: 0px;
left: 0px;
margin-top: 8px;
}
-
+
.o-alignment-widget .singles .middlecenter {
top: 0px;
margin-top: 8px;
left: 0px;
margin-left: 8px;
}
-
+
.o-alignment-widget .singles .middleright {
top: 0px;
margin-top: 8px;
right: 0px;
}
-
+
.o-alignment-widget .singles .bottomleft {
bottom: 0px;
left: 0px;
}
-
+
.o-alignment-widget .singles .bottomcenter {
bottom: 0px;
margin-left: 8px;
left: 0px;
}
-
+
.o-alignment-widget .singles .bottomright {
bottom: 0px;
right: 0px;
}
-
+
.o-alignment-widget .alignment .hfill {
position: absolute;
bottom: 0px;
@@ -147,7 +153,7 @@
height: 6px;
background-color: $main-color;
}
-
+
.o-alignment-widget .alignment .vfill {
position: absolute;
top: 0px;
@@ -156,12 +162,12 @@
height: 22px;
background-color: $main-color;
}
-
+
.o-alignment-widget .alignment .vfill .o-selected, .o-alignment-widget .alignment .hfill .o-selected
{
- background-color: $os-highlight-color !important;
+ background-color: $v-focus-color !important;
}
-
+
.o-designer-overlay .o-button-widget {
position: relative;
overflow: hidden;
@@ -177,13 +183,13 @@
margin-left: 3px;
margin-top: 6px;*/
}
-
+
.o-designer-overlay .v-image {
position: relative;
overflow: hidden;
cursor: pointer;
/*background-color: #efeef1;
-
+
border-style: solid;
border-color: silver;
border-width: 4px;
@@ -196,65 +202,65 @@
margin-top: -3px;
margin-right: 8px;*/
}
-
+
.o-designer-overlay .switchEditable {
padding-top: ($unit-size - $font-size) - ($gen-margins);
//margin: $gen-margins;
@include os-icon-font ($font-family: Vaadin-Icons, $content: '\e771',
- $size: $font-size,
+ $size: $font-size,
$line-height: $font-size);
color: valo-font-color($main-color);
//background-image: url("edit_properties.gif");
}
-
+
.o-designer-overlay .removeChild {
padding-top: ($unit-size - $font-size) - ($gen-margins);
//margin: $unit-size * 0.1;
@include os-icon-font ($font-family: Vaadin-Icons, $content: '\e80b',
- $size: $font-size,
+ $size: $font-size,
$line-height: $font-size);
color: valo-font-color($main-color);
//background-image: url("delete.gif");
}
-
+
.o-designer-overlay .addChild {
padding-top: ($unit-size - $font-size) - ($gen-margins);
//margin: $unit-size * 0.1;
@include os-icon-font ($font-family: Vaadin-Icons, $content: '\e801',
- $size: $font-size,
+ $size: $font-size,
$line-height: $font-size);
color: valo-font-color($main-color);
//background-image: url("add.png");
}
-
+
.o-designer-overlay .openProperties {
padding-top: ($unit-size - $font-size) - ($gen-margins);
//margin: $unit-size * 0.1;
@include os-icon-font ($font-family: Vaadin-Icons, $content: '\e6cf',
- $size: $font-size,
+ $size: $font-size,
$line-height: $font-size);
color: valo-font-color($main-color);
//background-image: url("openProperties.gif");
}
-
+
.o-designer-overlay .switchMargin {
padding-top: ($unit-size - $font-size) - ($gen-margins);
//margin: $unit-size * 0.1;
- @include os-icon-font ($font-family: Vaadin-Icons,
+ @include os-icon-font ($font-family: Vaadin-Icons,
$content: '\e65b',
- $size: $font-size,
+ $size: $font-size,
$line-height: $font-size);
color: valo-font-color($main-color);
//background-image: url("margin.gif");
}
-
+
.o-designer-overlay .switchSpacing {
padding-top: ($unit-size - $font-size) - ($gen-margins);
//margin: $unit-size * 0.1;
@include os-icon-font ($font-family: Vaadin-Icons, $content: '\e665',
- $size: $font-size,
+ $size: $font-size,
$line-height: $font-size);
color: valo-font-color($main-color);
//background-image: url("spacing.gif");
- }
-}
\ No newline at end of file
+ }
+}
diff --git a/org.eclipse.osbp.themes/scss/addons/_suggesttext.scss b/org.eclipse.osbp.themes/scss/addons/_suggesttext.scss
index a6f67f0..601f6ac 100644
--- a/org.eclipse.osbp.themes/scss/addons/_suggesttext.scss
+++ b/org.eclipse.osbp.themes/scss/addons/_suggesttext.scss
@@ -1,55 +1,104 @@
-/* this is placed as an overlay outside of the div containers it refers to */
-@mixin os-suggesttext-popup {
+////
+///
+/// @group addons
+////
+
+
+/// This popup is rendered as an overlay outside of the container that holds the theme name class.
+/// Until this is resolved, it has to be included 'outside' of the respective theme root. Otherwise
+/// none of its definitions will have any effect.
+///
+/// Replaces a css file located in org.eclipse.osbp.widgetset that would otherwise be
+/// loaded *after* the main stylesheet and thus override certain style definitions.
+@mixin os-suggesttext() {
.o-SuggestBoxPopup {
z-index: 99999;
.popupContent {
- @include valo-datefield-popup-style();
- color: $os-highlight-color;
- /* background-color: $os-background-color;
- color: darkgray;
-
- font-style: normal;
- font-variant: normal;
- font-weight: 300;
- font-stretch: normal;
- font-size: 16px;
- line-height: 1.55;
- font-family: 'Open Sans', sans-serif;*/
+ @include valo-datefield-popup-style();
+ color: $v-focus-color;
+ }
+ table {
+ width: $v-default-field-width - $v-unit-size;
+ }
}
- }
- .o-SuggestBoxPopup .item-selected {
- background-color: darkgray;
- color: white;
- }
+ .item {
+ color: valo-font-color($v-overlay-background-color);
+ }
+ .item-selected {
+ background-color: $v-focus-color;
+ color: valo-font-color($v-focus-color);
+ }
+ .o-XSuggestBox {
+ background-color: $os-textfield-shade;
+ height: $v-unit-size;
+ > .v-textfield {
+ @include os-textfield;
+ width: $v-default-field-width - $v-unit-size ;
+ }
+
+ .enableSuggestions {
+ cursor: pointer;
+ border-bottom: $v-border !important;
+ height: $v-unit-size - first-number($v-border);
+
+ &:focus{
+ background-color: $os-focus-color !important;
+ color: $v-focus-color;
+ }
+ &:hover{
+ border-bottom-color: $v-focus-color !important;
+ }
+
+ text-align: center;
+ width: $v-unit-size;
+ @include os-icon-font($content: '\f08d');
+ float: right;
+ }
+ .enableSuggestions.selected {
+ @include os-icon-font($content: '\f002');
+ float: right;
+ }
+
+ }
+ }
+
+/* Original css file
+
+/**
+ *
+ * Copyright (c) 2011, 2016 - Loetz GmbH&Co.KG (69115 Heidelberg, Germany)
+ *
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * which accompanies this distribution, and is available at
+ * http://www.eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ * Christophe Loetz (Loetz GmbH&Co.KG) - Initial implementation
+ */
+
+/* Style defined in theme project
+
+.o-SuggestBoxPopup {
+ background-color: white;
+ color: darkgray;
+
+ font-style: normal;
+ font-variant: normal;
+ font-weight: 300;
+ font-stretch: normal;
+ font-size: 16px;
+ line-height: 1.55;
+ font-family: 'Open Sans', sans-serif;
}
+.o-SuggestBoxPopup .item-selected {
+ background-color: darkgray;
+ color: white;
+}
-/*
+*/
-
-@mixin valo-datefield-popup-style() {
- @include valo-overlay-style;
-
- margin-top: ceil($v-unit-size/8) !important;
- margin-bottom: ceil($v-unit-size/8) !important;
- margin-right: ceil($v-unit-size/8) !important;
- cursor: default;
- width: auto;
-
- table {
- border-collapse: collapse;
- border-spacing: 0;
- margin: 0 auto;
- }
-
- td {
- padding: round($v-unit-size/20);
- }
-
- @include valo-datefield-calendarpanel-style;
- }
-
-*/
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/scss/common/_cash-variables.scss b/org.eclipse.osbp.themes/scss/common/_cash-variables.scss
new file mode 100644
index 0000000..4708174
--- /dev/null
+++ b/org.eclipse.osbp.themes/scss/common/_cash-variables.scss
@@ -0,0 +1,26 @@
+////
+/// @group common/cash-register
+////
+
+/// Local variable to determine a fixed spacing between buttons in grid-like button arrangements.
+$half-spacing: round($v-layout-spacing-vertical/2);
+
+/// Local variable to define a base button height.
+/// Two times this value should correspond with total height of vertically aligned textfields (with captions on top).
+/// Only relevant for cash register/POS application so far.
+$cash-button-base-height: $v-unit-size * $os-cash-zoom-factor - $half-spacing;
+
+
+/* /// Resize fields according to cash zoom. Also used in _cash-register. Field width should be the same size as three regular (cash context) width buttons. */
+/* $cash-field-width: make_even(($v-unit-size * 2 * $os-cash-zoom-factor * 3) - (2 * first-number($v-border)) + (2 * $v-layout-spacing-horizontal)); */
+
+/// Resize fields according to cash zoom. Also used in _cash-register. This is the same width as two regular width buttons.
+$cash-field-width: make_even(($v-unit-size * 2 * $os-cash-zoom-factor * 2) + (1 * $v-layout-spacing-horizontal));
+
+/// Resize fields according to cash zoom. Also used in _cash-register. Field height should be the same size as one quad (cash context) height button.
+/* $cash-field-height: ($v-unit-size * $os-cash-zoom-factor * 4) + ($v-layout-spacing-vertical); */
+$cash-field-height: $cash-button-base-height + $v-layout-spacing-vertical;
+$cash-field-height: $cash-button-base-height * 4 + $v-layout-spacing-vertical * 3;
+
+/// Scale basic font size for components inside os-cash-register.
+$font-size-adjustment: $os-cash-zoom-factor / 4 * 3;
diff --git a/org.eclipse.osbp.themes/scss/components/_bits.scss b/org.eclipse.osbp.themes/scss/components/_bits.scss
index 5f8c497..4f1ea85 100644
--- a/org.eclipse.osbp.themes/scss/components/_bits.scss
+++ b/org.eclipse.osbp.themes/scss/components/_bits.scss
@@ -1,39 +1,76 @@
+////
+/// @group components/bits
+/// - test this formatting
+////
+
+/// Progress bar style inside "grid" components
@mixin os-progress-gridview {
.v-progressbar-wrapper {
- outline: $os-border;
- outline-color: $os-background-color;
-
+ outline: $v-border;
+ outline-color: $v-app-background-color;
+
.v-progressbar-indicator {
border: 0px;
}
}
}
-@mixin os-progress-login {
- /** @todo please refine the CSS ...
- * - smaller font size, so that a long message can be displayed
- * - bolder font color like the login caption text
- */
+/// Small progress bar in login panel area
+/// @todo please refine the CSS ...
+/// - smaller font size, so that a long message can be displayed
+/// - bolder font color like the login caption text
+@mixin os-progress-login {
.v-caption-initialization-progress .v-captiontext {
- font-size: $os-font-size * $v-scaling-factor--small !important;
- color: valo-font-color($os-background-color) !important;
- }
- }
-
-@mixin os-notification-popup {
- h1[class^="v-Notification"] {
- background: none;
- border: none;
+ font-size: $v-font-size * $v-scaling-factor--small !important;
+ color: valo-font-color($v-app-background-color) !important;
}
}
-
+
+
+/// @param {string} $type
+/// Deactivate transitions with "none"; Include a transition by setting its type.
+@mixin os-transition($type) {
+ -moz-transition: $type;
+ -o-transition: $type;
+ -webkit-transition: $type;
+ transition: $type;
+ }
+
+/// @param {number} $top
+/// @param {number} $left
+/// @param {number} $blur
+/// @param {number} $color
+/// @param {boolean} $inset
+/// Some elements need box-shadow despite box-shadow being deactivated. Sass/Valo box-shadow function doesn't work in this case.'
+/// Needed for tooltips.
+@mixin os-important-box-shadow($top, $left, $blur, $color, $inset: false) {
+ @if $inset {
+ -webkit-box-shadow:inset $top $left $blur $color !important;
+ -moz-box-shadow:inset $top $left $blur $color !important;
+ box-shadow:inset $top $left $blur $color !important;
+ } @else {
+ -webkit-box-shadow: $top $left $blur $color !important;
+ -moz-box-shadow: $top $left $blur $color !important;
+ box-shadow: $top $left $blur $color !important;
+ }
+}
+
+/// Set spacing between elements (POS/Cash-Area)
+/// @todo needs separate definitions for vertical and horizontal spacing
+@mixin os-spacer($direction, $size-mod ) {
+ $size-mod: $size-mod * 0.5;
+ margin-#{$direction}: ($v-unit-size * 2 * $os-cash-zoom-factor * $size-mod) + ($size-mod * $v-layout-spacing-horizontal) !important;
+ }
+
+
+/// @deprecated Attempt at styling scrollbars, but completely useless as no browser supports it properly. Don't try again.
@mixin os-scrollbar {
::-webkit-scrollbar {
background: $os-light-contrast;
}
::-webkit-scrollbar-thumb {
background: $os-mid-contrast;
- border: $os-background-color solid 2px;
+ border: $v-app-background-color solid 2px;
}
::-webkit-scrollbar-button {
background: $os-light-contrast;
@@ -41,14 +78,13 @@
::-webkit-scrollbar-button:vertical:decrement {
background: white;
content: '123';
- @include os-icon-font($content: '12',
+ @include os-icon-font($content: '12',
$placement: after);
color: black;
-
- }
+ }
/*
::-webkit-scrollbar-corner {
background: $os-dark-contrast;
- border: $os-border;
+ border: $v-border;
}*/
- }
+ }
diff --git a/org.eclipse.osbp.themes/scss/components/_button.scss b/org.eclipse.osbp.themes/scss/components/_button.scss
index 8a7e6af..cc24e78 100644
--- a/org.eclipse.osbp.themes/scss/components/_button.scss
+++ b/org.eclipse.osbp.themes/scss/components/_button.scss
@@ -1,65 +1,67 @@
+////
+///
+/// @group components/button
+///
+////
/* extends .v-button */
-@mixin os-button($variant: os) {
+
+/// Basic button style for all theme variants. Includes valo-button-style from valo source theme.
+@mixin os-button {
@include valo-button-style(
- $unit-size: $os-button-height,
- $padding: null, // floor($os-unit-size/5),
- $font-color: valo-font-color($os-button-color), //$os-background-color,
- $font-weight: $v-font-weight + 300,
- $font-size: null,
- $cursor: null,
- $background-color: $os-button-color,
- $border: $os-border,
- $border-radius: $v-border-radius,
- $gradient: null,
- $bevel: $v-bevel,
- $shadow: $os-shadow,
- $states: normal disabled);// hover focus active disabled );
+ $unit-size: $os-button-height,
+ $padding: null, // floor($v-unit-size/5),
+ $font-color: valo-font-color($os-button-color), //$v-app-background-color,
+ $font-weight: $v-font-weight + 300,
+ $font-size: null,
+ $cursor: null,
+ $background-color: $os-button-color,
+ $border: 0px,
+ $border-radius: $v-border-radius,
+ $gradient: null,
+ $bevel: $v-bevel,
+ $shadow: $v-shadow,
+ $states: (normal disabled)); /* hover focus active disabled ));*/
@if $os-button-uppercase == true {
text-transform: uppercase;
- //letter-spacing: floor($os-font-size/10);
+ //letter-spacing: floor($v-font-size/10);
}
- border-color: $os-button-color;
- margin-left: floor($os-unit-size/5);
-
+/* border-color: $os-button-color; */
+ margin-left: floor($v-unit-size/5);
- @if $variant == os {
- &.v-pressed {
- background: get_color_mix($os-highlight-color, #fff, 70) !important;
- border-color: get_color_mix($os-highlight-color, #fff, 70) !important;
- //color: valo-font-color(get_color_mix($os-highlight-color, #fff, 70)) !important;
- }
- &:after {
- transition: none;
- }
- &:hover /*, &:focus, &:active */{
- background: $os-odd-highlight;
- border-color: $os-odd-highlight;
- color: valo-font-color($os-odd-highlight);
-
- @if $web == true {
- background: $os-highlight-color;
- border-color: $os-highlight-color;
- color: valo-font-color($os-highlight-color);
- }
- }
- &:focus:after {
- border-color: transparent;
- transition: none;
- @if $web == true {
- border-color: $os-highlight-color;
- }
- }
+ &.v-pressed {
+ background-color: get_color_mix($v-focus-color, #fff, 70) !important;
+ border-color: get_color_mix($v-focus-color, #fff, 70) !important;
+ //color: valo-font-color(get_color_mix($v-focus-color, #fff, 70)) !important;
+ }
+ &:after {
+ transition: none;
+ }
+ &:hover, &:focus, &:active {
+ background-color: $os-odd-highlight;
+ border-color: $os-odd-highlight;
+ color: valo-font-color($os-odd-highlight);
+ }
+ &:focus:after {
+ border-color: transparent;
+ transition: none;
}
}
+
+/// Button style modifier for header-area (tab-style buttons).
@mixin os-button-perspectivepanel {
.v-button {
- @if $web==true {
- background-color: $os-button-as-tab-inactive;
- color: valo-font-color($os-button-as-tab-inactive);
+ @if $os-theme-desig == "cxo" {
+ /* border-bottom bleeds across edges, thus using this workaround: */
+/* @include linear-gradient(to top, $os-mid-contrast 1px, $os-button-as-tab-inactive 1px);*/
+/* background: $os-button-as-tab-inactive; */
+/* color: valo-font-color($os-button-as-tab-inactive); */
+ border-radius: $v-border-radius*2 $v-border-radius*2 0px 0px;
+ @include box-shadow(2px 1px 7px rgba(0,0,0,0.35));
}
@if $os-bordered==true {
- height: ceil(1.6 * $os-unit-size);
+/* height: ceil(1.6 * $v-unit-size); */
+ height: ceil(1.6 * $v-unit-size) - $os-splitter-size;
}
@else {
@include box-shadow($os-shadow-reversed);
@@ -67,95 +69,119 @@
}
}
+
+/// Button style modifier for toolbars inside views.
@mixin os-button-toolbar {
- background: $os-background-color;
+ background: $v-app-background-color;
border: none;
&:hover, &:focus, &:active {
- background: get_color_mix($os-highlight-color, #fff, 50);
+ background: get_color_mix($v-focus-color, #fff, 50);
}
/*
&.v-pressed {
- background: get_color_mix($os-highlight-color, #fff, 70);
+ background: get_color_mix($v-focus-color, #fff, 70);
}*/
}
-
+
+/// Button style modifier for header-area user-menu.
@mixin os-button-usermenu {
- //hover etc. on icon-font (can't use calculated valo-font-color color from above)
- &:after {
- transition: none;
+
+ @if $os-theme-desig == "cxo" or $os-theme-desig == "osbp"{
+ border: none;
+ padding: 0px;
+ height: $v-unit-size - 2 * first-number($v-border) !important;
+ width: $v-unit-size - 2 * first-number($v-border) !important;
+ margin: first-number($v-border);
+ border-radius: 50% !important;
}
- &:hover, &:focus, &:active {
- color: $os-highlight-color;
+ @else {
+ //hover etc. on icon-font (can't use calculated valo-font-color color from above)
+ &:after {
+ transition: none;
+ }
+ &:hover, &:focus, &:active {
+ color: $v-focus-color;
+ background: transparent;
+ }
+ &:hover:after {
+ transition: none;
+ }
+ &:focus:after {
+ transition: none;
+ }
+ &:active:after {
+ transition: none;
+ }
}
- &:hover:after {
- transition: none;
- }
- &:focus:after {
- transition: none;
- }
- &:active:after {
- transition: none;
- }
}
-
+
+/// Button style modifier for os-data-component
+/// @todo find me!
@mixin os-button-data {
margin-right: 12px;
}
+/// Button style modifier for Fileupload
+/// @todo is it what I think it is?
@mixin os-button-no-margin {
margin: 0px;
}
-
+
+/*/// Button style modifier for toolbars inside views.
+/// @deprecated maybe...
@mixin os-button-trimbar($variant: os) {
background: transparent;
border-radius: 0px;
- border-color: $os-background-color;
+ border-color: $v-app-background-color;
border-width: 0px;
border-bottom-width: 1px;
@if $variant == cx {
- height: $os-unit-size + floor($os-unit-size/3);
- }
+ height: $v-unit-size + floor($v-unit-size/3);
+ }
@else {
height: $os-button-height;
- }
-
+ }
}
-
+*/
+
+/// Button style modifier for buttons appearing in a table's column filter row. They should look the same as inputs in the same row.
@mixin os-button-filterspanel {
- color: valo-font-color($os-light-contrast);
+ color: valo-font-color($os-textfield-shade);
white-space: normal;
- background: $os-light-contrast;
- padding-top: $os-filters-padding;
+ background: $os-textfield-shade;
+ padding-top: 1px;
border-right-width: 0px;
border-top-width: 0px;
border-left-width: 1px;
- border-left-color: $os-background-color;
- border-bottom: $os-border;
+ border-left-color: $v-app-background-color;
+ border-bottom: $v-border;
margin-left: 0px;
font-weight: normal;
@if $os-button-uppercase == true {
text-transform: none;
}
-
- &:focus {
+
+ &:after {
+ /* for some reason there's a second border on this element */
+ border-bottom-width: 0px;
+ }
+
+ &:focus, &:hover {
background-color: $os-focus-color;
color: valo-font-color($os-focus-color);
- border-bottom-color: $os-highlight-color;
- border-bottom-width: 1px;
- border-left: $os-border;
- border-left-color: $os-background-color;
+ border-bottom-color: $v-focus-color;
+ border-left: $v-border;
+ border-left-color: $v-app-background-color;
}
&:focus:after {
border-right-width: 0px;
border-top-width: 0px;
- border-left: $os-border;
- border-left-color: $os-background-color;
- border-bottom-width: 1px;
+ border-left: $v-border;
+ border-left-color: $v-app-background-color;
}
&:hover:after {
- border-bottom-width: 1px;
- border-left: $os-border;
- border-left-color: $os-background-color;
+ border-left: $v-border;
+ border-left-color: $v-app-background-color;
}
/*
&:nth-child(1) {
@@ -166,118 +192,287 @@
display: none;
}
.v-button-caption {
- @include os-icon-font($content: '\F078',
- $placement: after,
- $size: $os-font-size);
+ @include os-icon-font($content: '\F078',
+ $placement: after,
+ $size: $v-font-size);
&:after {
font-style: normal;
- padding-left: $os-font-size *0.5;
+ padding-left: $v-font-size *0.5;
}
@if $os-button-uppercase == true {
text-transform: none;
- }
+ }
}
}
+
+/// Button style modifier for sidebar component.
@mixin os-button-sidebar-table-variant {
border: 0px;
width: 100%;
- background-color: $os-background-color;
+ background-color: $v-app-background-color;
cursor: pointer;
height: $os-button-height;
white-space: inherit;
- border-bottom: $os-border;
+ border-bottom: $v-border;
font-weight: normal;
text-align: left;
-
+
.badge {
position: relative;
float: right;
display: inline-block;
- line-height: $os-line-height;
- color: valo-font-color($os-highlight-color);//$os-background-color;
+ line-height: $v-line-height;
+ color: valo-font-color($v-focus-color);//$v-app-background-color;
//text-shadow: 0 1px 1px rgba(0,0,0,.3);
padding: 0em .4em 0em;
- background: $os-highlight-color;
+ background: $v-focus-color;
}
-
+
&:active {
background: rgba(0,0,0,.1);
}
&:focus, &:hover {
outline:0;
- border-bottom-color: $os-highlight-color;
- }
+ border-bottom-color: $v-focus-color;
+ }
}
-
-@mixin os-button-formlayout {
- .v-upload-immediate .v-button {
- margin-left: 0px;
- //@include os-input-base-style;
- }
+
+
+/// Button style modifier for buttons in line with textfields
+@mixin os-button-formlayout {
+ height: $v-unit-size;
}
+/// Button style modifier.
+@mixin os-button-error {
+ border-color: first-color($v-border) !important;
+ /*
+ border-style: dashed;
+ */
+ color: $v-error-indicator-color;
+ }
+
+
+/// @deprecated probably...
@mixin os-button-gridlayout {
margin: 4px 0px 4px 0px; //trbl
-
- }
+ }
+/// Button style modifier for buttons in ...
+/// @todo find out where l-beansearchfield is
@mixin os-button-l-beansearch {
- button {
+ button {
@include os-icon-font($content: '\f0b0');
margin-left: 0px;
font-weight: normal;
color: valo-font-color($os-light-contrast);
border-width: 0px;
background-color: $os-light-contrast;
- border-left: $os-border;
- border-bottom: $os-border;
+ border-left: $v-border;
+ border-bottom: $v-border;
outline:0;
- height: $os-unit-size;
- width: $os-unit-size !important;
+ height: $v-unit-size;
+ width: $v-unit-size !important;
cursor: pointer;
img {display:none;}
}
}
-@mixin os-button-cash ($button-size-factor: 2.1) {
+/// Sets button dimensions for POS/cash register application.
+/// @param {number} $height-mod - [0] Factor 1-4 by which to increase the base height.
+/// @param {number} $width-mod - [0] Factor (1-4) by which to increase the base width.
+/// @param {string} $prefer - [null] Set "\!important" if you need it.
+/// @param {number} $set-font - [0] If this is set to 1, fonts will increase or decrease relative to button-size.
+/// Set 'os-font-flex' on buttons you want to have flexible font sizes.
+@mixin os-button-set-dimensions($height-mod: 0, $width-mod: 0, $prefer: null, $set-font: 0) {
+ @if $height-mod !=0 {
+ $calculated-button-height: $cash-button-base-height * $height-mod + ($height-mod - 1) * $v-layout-spacing-vertical;
+ height: $calculated-button-height #{$prefer};
+ img.v-icon {
+ max-height: ($v-unit-size * $os-cash-zoom-factor * $height-mod) - (2 * first-number($v-border)) #{$prefer};
+ }
+ @if $set-font == 1 { //.os-font-flex
+ @if $height-mod == 1 {
+ font-size: make_even($calculated-button-height / 2);
+ }
+ @else {
+ font-size: $calculated-button-height - $cash-button-base-height;
+ }
+ }
+ }
+ @if $width-mod != 0 {
+ $new-width: $v-unit-size * 2 * $os-cash-zoom-factor * $width-mod + (($width-mod - 1) * $v-layout-spacing-horizontal);
+ width: $new-width #{$prefer};
+/* .v-button-wrap { if word-wrap active */
+/* width: $v-unit-size * 2 * $os-cash-zoom-factor * $width-mod + (($width-mod - 1) * $v-layout-spacing-horizontal) #{$prefer}; */
+/* } */
+ img.v-icon {
+ max-width: ($v-unit-size * 2 * $os-cash-zoom-factor * $width-mod) - (2 * first-number($v-border)) #{$prefer};
+ }
+ }
+ }
+/* color, size and hover variant (so far only for os-cash)*/
+/* extends .v-button */
+/// Button style modifier for specific button field compositions as used in POS/cash register application.
+/// @param {string|optional} $col-1 [''] - Modifies the button's background color.
+/// @param {integer|optional} $height-mod modifies the button's height by a factor defined by the class descriptor this mod is called from.
+/// Don't use height-mod and width-mod at the same time.
+/// @param {integer|optional} $width-mod modifies the button's height by a factor defined by the class descriptor this mod is called from
+/// Don't use height-mod and width-mod at the same time.
+/// @todo describe this better.
+@mixin os-button-mod($col-1:'', $height-mod: 0, $width-mod: 0, $primary-stylename: 'container') {
+ /* possibly needs font-size, too */
+ @if $col-1 != '' {
+ background: $col-1;
+ border-color: $col-1;
+ color: valo-font-color($col-1);
+ &.v-pressed {
+ color: valo-font-color(get_color_mix($col-1, #fff, 70)) !important;
+ background: get_color_mix($col-1, #fff, 70) !important;
+ border-color: rgba(255,255,255,0.8);
+ border-left-color: rgba(0,0,0,0.5);
+ border-top-color: rgba(0,0,0,0.5);
+/* get_color_mix($col-1, #fff, 70) !important; */
+ box-shadow: inset 0px -2px -2px rgba(255,255,255,0.8), /*bottom internal shadow*/
+ inset 0px 2px 2px rgba(0,0,0,0.5); /*top internal highlight*/
+ /*bordercolor:
+ border-left-color:
+ border-left-color:*/
+ }
+ &.os-pushed {
+ background: mix($col-1, #000, 85%);
+ color: get_contrast(25, mix($col-1, #000, 85%), $desaturate: false);
+/* text-shadow: 2px 2px #ff0000; */
+ $strength: 12px * $os-cash-zoom-factor;
+ @include box-shadow(inset 0px 0px $strength rgba(0, 0, 0, 0.5));
+/* .v-button-caption { */
+/* outline: 1px solid black; */
+/* } */
+ }
+ &:hover /*, &:focus, &:active */{
+ background: $os-odd-highlight;
+ border-color: $os-odd-highlight;
+ color: valo-font-color($os-odd-highlight);
+ }
+ }
+
+ @if $primary-stylename == 'container' {
+ /* set button style globally/for entire container. */
+ > .v-gridlayout-slot > .v-button ,.v-button {
+ @include os-button-set-dimensions($height-mod: $height-mod, $width-mod: $width-mod);
+ }
+ @if $height-mod != 0 {
+ /// Button fonts zoom with button height.
+ &.os-font-flex > .v-gridlayout-slot > .v-button , .os-font-flex .v-button {
+ @include os-button-set-dimensions($height-mod: $height-mod, $set-font: 1);
+ }
+ .os-font-flex.v-button {
+ @include os-button-set-dimensions($height-mod: $height-mod, $set-font: 1, $prefer: \!important);
+ }
+ }
+ }
+ @else {
+ /* set button style for specific button */
+ .#{$primary-stylename} {
+ @include os-button-set-dimensions($height-mod: $height-mod, $width-mod: $width-mod, $prefer: \!important);
+ }
+ }
+
+ margin: 0px;
+ }
+
+/// Button style modifier for POS/cash register application.
+/// This defines the base size/looks for cash register buttons, which can afterwards be refined/modified with os-button-mod.
+@mixin os-button-cash () {
+ /* basic button size that can be modded with os-button-mod mixin */
.v-button {
- height: $os-unit-size * $button-size-factor;
- font-size: $os-font-size * ceil($button-size-factor/2);
- margin-bottom: ceil($os-unit-size / 3);
+ /* height slightly reduced for alignment with -double -triple etc. buttons */
+ height: $cash-button-base-height;// - $v-layout-spacing-vertical/2;
+
+ &:before {
+ /* overrides valo-button-vertical-centering */
+ content: none;
+ }
+ /* center and wrap text with this:*/
+ white-space: normal;
+/* word-wrap: break-word; needs v-button-wrap dimensions set */
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ text-transform: none;
+
+ .v-button-caption {
+ /* add a bit of spacing between lines */
+ line-height: $v-font-size * $os-cash-zoom-factor;
+ }
+
+
+ min-width: $v-unit-size * 2 * $os-cash-zoom-factor;
+ padding: make_even(($v-unit-size * 2 * $os-cash-zoom-factor) * 0.07) * $os-cash-zoom-factor;
+
+
+ $font: $v-font-size * $os-cash-zoom-factor;
+ @if $os-cash-zoom-factor < $v-scaling-factor--huge {$font: $v-font-size * $v-scaling-factor--huge; }
+ @if $os-cash-zoom-factor < $v-scaling-factor--large {$font: $v-font-size * $v-scaling-factor--large; }
+ @if $os-cash-zoom-factor <= 1 {$font: $v-font-size;}
+ font-size: $font;
}
- .os-numkeys {
+
+ /* colors */
+ .v-gridlayout-slot .v-button.os-color-1, .v-slot-l-control .v-button.os-color-1, .os-color-1 .v-button {
+ @include os-button-mod($col-1: $os-color-1);
+ }
+ .v-gridlayout-slot .v-button.os-color-2, .v-slot-l-control .v-button.os-color-2, .os-color-2 .v-button {
+ @include os-button-mod($col-1: $os-color-2);
+ }
+ .v-gridlayout-slot .v-button.os-color-3, .v-slot-l-control .v-button.os-color-3, .os-color-3 .v-button {
+ @include os-button-mod($col-1: $os-color-3);
+ }
+ .v-gridlayout-slot .v-button.os-color-4, .v-slot-l-control .v-button.os-color-4, .os-color-4 .v-button {
+ @include os-button-mod($col-1: $os-color-4);
+ }
+ .v-gridlayout-slot .v-button.os-color-5, .v-slot-l-control .v-button.os-color-5, .os-color-5 .v-button {
+ @include os-button-mod($col-1: $os-color-5);
+ }
+ .v-gridlayout-slot .v-button.os-color-6, .v-slot-l-control .v-button.os-color-6, .os-color-6 .v-button {
+ @include os-button-mod($col-1: $os-color-6);
+ }
+ .v-gridlayout-slot .v-button.os-color-7, .v-slot-l-control .v-button.os-color-7, .os-color-7 .v-button {
+ @include os-button-mod($col-1: $os-color-7);
+ }
+ .v-gridlayout-slot .v-button.os-color-8, .v-slot-l-control .v-button.os-color-8, .os-color-8 .v-button {
+ @include os-button-mod($col-1: $os-color-8);
+ }
+ .v-gridlayout-slot .v-button.os-color-9, .v-slot-l-control .v-button.os-color-9, .os-color-9 .v-button {
+ @include os-button-mod($col-1: $os-color-9);
+ }
+ .v-gridlayout-slot .v-button.os-color-10, .v-slot-l-control .v-button.os-color-10, .os-color-10 .v-button {
+ @include os-button-mod($col-1: $os-color-10);
+ }
+ .v-gridlayout-slot .v-button.os-color-11, .v-slot-l-control .v-button.os-color-11, .os-color-11 .v-button {
+ @include os-button-mod($col-1: $os-color-11);
+ }
+ .v-gridlayout-slot .v-button.os-color-12, .v-slot-l-control .v-button.os-color-12, .os-color-12 .v-button {
+ @include os-button-mod($col-1: $os-color-12);
+ }
+ .v-gridlayout-slot .v-button.os-color-13, .v-slot-l-control .v-button.os-color-13, .os-color-13 .v-button {
+ @include os-button-mod($col-1: $os-color-13);
+ }
+ .v-gridlayout-slot .v-button.os-color-14, .v-slot-l-control .v-button.os-color-14, .os-color-14 .v-button {
+ @include os-button-mod($col-1: $os-color-14);
+ }
+
+ .os-button-with-image {
.v-button {
- @include os-button; /* tree too specific. hovers don't work without os-button include */
- font-size: $os-font-size * 2;
- margin-bottom: ceil($os-unit-size / 3);
- height: $os-unit-size * 4;
- width: $os-unit-size * 4;
- background: $os-dark-contrast;
- border-color: $os-dark-contrast;
- color: valo-font-color($os-dark-contrast);
- &.v-pressed {
- color: valo-font-color(get_color_mix($os-highlight-color, #fff, 70)) !important;
- }
+ @include os-button-mod($col-1: #cc5353);
}
}
- .os-funckeys, .os-extrakeys {
+ .os-button-no-text {
.v-button {
- min-width: $os-unit-size * 6;
- &:before {
- height: 100%;
- }
- img.v-icon {
- height: ($os-unit-size * 4) - $os-border-width;
- }
- }
- }
- .os-alphakeys {
- .v-button {
- width: $os-unit-size *2.5;
- height: $os-unit-size *2.5;
}
}
}
diff --git a/org.eclipse.osbp.themes/scss/components/_checkbox.scss b/org.eclipse.osbp.themes/scss/components/_checkbox.scss
index b620b30..28efb33 100644
--- a/org.eclipse.osbp.themes/scss/components/_checkbox.scss
+++ b/org.eclipse.osbp.themes/scss/components/_checkbox.scss
@@ -1,23 +1,32 @@
+////
+/// @group components/checkbox
+////
+
+/// Global checkbox style.
@mixin os-checkbox {
- line-height: $os-unit-size;
+ line-height: $v-unit-size;
label {
- padding-left: ceil($os-unit-size / 2);
+ padding-left: ceil($v-unit-size / 2);
}
> input ~ label:before, > input~ label:after {
- width: $os-unit-size;
- height: $os-unit-size - $os-border-width;
+ width: $v-unit-size;
+ height: $v-unit-size - first-number($v-border);
position: absolute;
left: 0px !important;
- font-size: $os-font-size;
- line-height: $os-unit-size;
+ font-size: $v-font-size;
+ line-height: $v-unit-size;
}
> input ~ label:before {
- height: $os-unit-size;
+ height: $v-unit-size;
border: 0px;
- border-bottom: $os-border;
- background: $os-light-contrast;
- @include box-shadow(none); /*valo mixin*/
+ border-bottom: $v-border;
+ background: $os-textfield-shade;
+ @include box-shadow(none); //valo mixin
}
- }
+ > input:focus ~ label:before {
+ background-color: $os-focus-color;
+ border-bottom-color: $v-focus-color;
+ }
+ }
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/scss/components/_color-functions.scss b/org.eclipse.osbp.themes/scss/components/_color-functions.scss
deleted file mode 100644
index c2801d7..0000000
--- a/org.eclipse.osbp.themes/scss/components/_color-functions.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-/* light, strong, medium */
-
-@function get_contrast ($strength, $color, $desaturate: true) {
- $new-color: $color;
- $new-color: darken($color, $strength);
- $strength-offset: 50; //in case of unexpected bright spots in dark themes
-
- @if lightness($new-color) <= 5 {
-
- @if $strength > $strength-offset {
- $new-color: darken($color, $strength - $strength-offset);
- //@warn "doppeldunkel #{$new-color}-";
- }
- @else {
- $new-color: lighten($color, $strength);
- }
- }
-
- @else if lightness($new-color) >= 95 {
- $new-color: darken($color, $strength);
- }
-
-
- @if $desaturate == true {
- $new-color: desaturate($new-color, 100%);
- }
- @return $new-color;
- }
-
-
-@function get_color_mix ($color, $mix, $strength) {
- $new-color: mix($color, $mix, $strength);
- @return $new-color;
- }
-
-
-/*
- * Luminance Formula
- * Y = 0.2126 R + 0.7152 G + 0.0722 B
- 83 96 122
-
- @function is-dark-color($color) {
- $luminance: color-luminance($color);
- @if $luminance < $v-luminance-threshold or (saturation($color) > 80% and ($luminance < $v-luminance-threshold + 20)) {
- @return true;
- } @else {
- @return false;
- }
- } */
-
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/scss/components/_color-palette.scss b/org.eclipse.osbp.themes/scss/components/_color-palette.scss
new file mode 100644
index 0000000..e9ce60c
--- /dev/null
+++ b/org.eclipse.osbp.themes/scss/components/_color-palette.scss
@@ -0,0 +1,32 @@
+////
+/// @group components/color-palette
+////
+
+/// red
+$os-color-1: #cc5454;
+/// yellow
+$os-color-2: #ffc15f;
+/// orange
+$os-color-3: #ff7d42;
+/// pink
+$os-color-4: #ec64a5;
+/// teal
+$os-color-5: #24dcd4;
+/// blue
+$os-color-6: #3090f0;
+/// violet
+$os-color-7: #685cb0;
+/// green
+$os-color-8: #4caf6a;
+/// mint
+$os-color-9: #99df58;
+/// Light contrasting color derived from v-app-background-color.
+$os-color-10: $os-light-contrast;
+/// Medium contrasting color derived from v-app-background-color.
+$os-color-11: $os-mid-contrast;
+/// Dark contrasting color derived from v-app-background-color.
+$os-color-12: $os-dark-contrast;
+/// Current theme panel background.
+$os-color-13: $v-panel-background-color;
+/// Current theme foreground color.
+$os-color-14: $os-base-color;
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/scss/components/_focus.scss b/org.eclipse.osbp.themes/scss/components/_focus.scss
index 568c99a..76bbf1a 100644
--- a/org.eclipse.osbp.themes/scss/components/_focus.scss
+++ b/org.eclipse.osbp.themes/scss/components/_focus.scss
@@ -1,13 +1,21 @@
+////
+/// @group components/focus
+////
+
+/// Focus style for formlayout captions.
@mixin os-caption-focus {
- color: $os-highlight-color;
- border-bottom-color: $os-highlight-color;
+ color: $v-focus-color;
+ border-bottom-color: $v-focus-color;
}
+/// Focus style for panel borders.
+/// @todo does this work?
@mixin os-panel-focus{
- border-color: $os-highlight-color;
+ border-color: $v-focus-color;
+ border-width: 1px;
}
-
+/// @todo something's missing here...
@mixin test {
/* --- TESTS bzgl. HAS FOCUS ... */
.v-panel-os-has-focus .v-panel-captionwrap {
diff --git a/org.eclipse.osbp.themes/scss/components/_functions.scss b/org.eclipse.osbp.themes/scss/components/_functions.scss
new file mode 100644
index 0000000..b0c78c7
--- /dev/null
+++ b/org.eclipse.osbp.themes/scss/components/_functions.scss
@@ -0,0 +1,107 @@
+////
+/// @group components/functions
+////
+
+/* light, strong, medium */
+
+
+/// Calculates a contrasting color relative to the passed parameters.
+/// @param {number} $strength
+/// @param {hex} $color
+/// @param {bool} $desaturate
+@function get_contrast ($strength, $color, $desaturate: true) {
+ $new-color: $color;
+ $new-color: darken($color, $strength);
+ $strength-offset: 50; //in case of unexpected bright spots in dark themes
+
+ @if lightness($new-color) <= 5 {
+
+ @if $strength > $strength-offset {
+ $new-color: darken($color, $strength - $strength-offset);
+ //@warn "doppeldunkel #{$new-color}-";
+ }
+ @else {
+ $new-color: lighten($color, $strength);
+ }
+ }
+
+ @else if lightness($new-color) >= 95 {
+ $new-color: darken($color, $strength);
+ }
+
+
+ @if $desaturate == true {
+ $new-color: desaturate($new-color, 100%);
+ }
+ @return $new-color;
+ }
+
+
+/// Mixes two colors.
+/// @todo seem's useless. Could just call built-in "mix" function.
+@function get_color_mix ($color, $mix, $strength) {
+ $new-color: mix($color, $mix, $strength);
+ @return $new-color;
+ }
+
+/// Remove the unit of a length
+/// @param {Number} $number - Number to remove unit from
+/// @return {Number} - Unitless number
+@function strip_unit($number) {
+ @if type-of($number) == 'number' and not unitless($number) {
+ @return $number / ($number * 0 + 1);
+ }
+ @return $number;
+}
+
+
+/// Tries to return an even number.
+/// Unfortunately, sass modulo never returns fractions, so this is a bit cumbersome.
+@function make_even($number) {
+
+/* TODO: */
+/* v-layout-spacing muss ne gerade zahl sein, rest aber eigentlich "nur" auf ne glatte zahl gerundet. */
+/* genau unterscheiden, wo was gebraucht wird, sonst basst nix! */
+
+ /* make sure units are correct */
+ $even-number: $number + 0px;
+
+/* $number: strip_unit($number); */
+ $num-ceil: ceil($number);
+ $num-floor: floor($number);
+
+ @if $num-ceil % 2 == 0px {
+ $t1: $num-ceil % 2;
+ $even-number: $num-ceil;
+ }
+ @else if $num-floor % 2 == 0px {
+ $t2: $num-ceil % 2;
+ $even-number: $num-floor;
+ }
+ @else { /*assume that number is an odd integer - this might not go well*/
+ $even-number: $number + 1px;
+ }
+
+/* Line below shows up as exception; use to check values... */
+/* @return ($even-number,$num-ceil, $num-floor, $t1, $t2) ; */
+
+
+ @return $even-number;
+
+ }
+
+
+/*
+ * Luminance Formula
+ * Y = 0.2126 R + 0.7152 G + 0.0722 B
+ 83 96 122
+
+ @function is-dark-color($color) {
+ $luminance: color-luminance($color);
+ @if $luminance < $v-luminance-threshold or (saturation($color) > 80% and ($luminance < $v-luminance-threshold + 20)) {
+ @return true;
+ } @else {
+ @return false;
+ }
+ } */
+
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/scss/components/_popup.scss b/org.eclipse.osbp.themes/scss/components/_popup.scss
index ff1e064..79b5112 100644
--- a/org.eclipse.osbp.themes/scss/components/_popup.scss
+++ b/org.eclipse.osbp.themes/scss/components/_popup.scss
@@ -1,35 +1,40 @@
+////
+/// @group components/popup
+////
+
+/// Popup overlay that contains a perspective selector (at the point of styling...).
@mixin os-popup-perspective {
.v-window-header {
@include os-typeface-view-h2;
.v-icon {
- padding-right: $os-unit-size * 0.3;
+ padding-right: $v-unit-size * 0.3;
}
text-align: center;
}
.v-window-closebox {
@include os-icon-font ( //$font-family: 'Arial',
- $size: $os-font-size,
+ $size: $v-font-size,
$float: right,
$content: '\2715');
}
.v-window-maximizebox {
- width: $os-unit-size * 1.2 !important;
- @include os-icon-font ( $size: $os-font-size,
+ width: $v-unit-size * 1.2 !important;
+ @include os-icon-font ( $size: $v-font-size,
$float: right,
$content: '\f096');
- border-bottom-left-radius: $os-unit-size *0.5;
+ border-bottom-left-radius: $v-unit-size *0.5;
}
.v-window-restorebox {
- width: $os-unit-size * 1.6 !important;
+ width: $v-unit-size * 1.6 !important;
@include os-icon-font ($float: right,
- $size: $os-font-size,
+ $size: $v-font-size,
$content: '\f24d',
$mirror: true);
- border-bottom-right-radius: $os-unit-size *0.5;
+ border-bottom-right-radius: $v-unit-size *0.5;
}
.v-window-closebox, .v-window-maximizebox, .v-window-restorebox {
background-color: $os-light-contrast;
- height: $os-unit-size;
+ height: $v-unit-size;
color: valo-font-color($os-light-contrast);
}
@@ -40,6 +45,15 @@
}
.v-table-cell-content {
- height: floor($os-unit-size * 1.3);
+ height: floor($v-unit-size * 1.3);
}
}
+
+/// Notification overlay.
+@mixin os-popup-notification {
+ h1[class^="v-Notification"] {
+ font-size: $v-font-size * $v-scaling-factor--large;
+ background: none;
+ border: none;
+ }
+ }
diff --git a/org.eclipse.osbp.themes/scss/components/_textfield.scss b/org.eclipse.osbp.themes/scss/components/_textfield.scss
index 72e4a9b..8ece327 100644
--- a/org.eclipse.osbp.themes/scss/components/_textfield.scss
+++ b/org.eclipse.osbp.themes/scss/components/_textfield.scss
@@ -1,93 +1,154 @@
/* extends .v-textfield */
+////
+/// @group components/textfield
+////
+
+
+/// Basic textfield style.
@mixin os-textfield {
- background-color: $os-light-contrast;
+ background-color: $os-textfield-shade;
border-top: transparent;
border-left: transparent;
border-right: transparent;
/*position: relative !important;*/
&:focus{
- background-color: $os-focus-color;
+ background-color: $os-focus-color;
color: valo-font-color($os-focus-color);
}
&:hover{
- border-bottom-color: $os-highlight-color;
+ border-bottom-color: $v-focus-color;
}
}
+/// Basic textfield style, readonly.
@mixin os-textfield-readonly {
background-color: transparent;
}
+/// Textfield style modifier.
@mixin os-textfield-gridview {
- width: calc(100% + ($v-grid-cell-padding-horizontal*2));
+ width: calc(100% + ($v-grid-cell-padding-horizontal*5));
margin-left: $v-grid-cell-padding-horizontal * -1;
- }
+ }
+/// Textfield style modifier.
@mixin os-error-textfield {
/*background: repeating-linear-gradient(
135deg, $os-focus-color, $os-focus-color 10px, $os-light-contrast 10px, $os-light-contrast 20px );
- border-color: $os-border-color !important;
+ border-color: first-color($v-border) !important;
*/
color: $v-error-indicator-color;
border-bottom-style: dashed;
}
-
-@mixin os-error-button {
- border-color: $os-border-color !important;
- /*
- border-style: dashed;
- */
- color: $v-error-indicator-color;
- }
-
+/// Textfield style modifier.
@mixin os-textfield-filterspanel {
text-align: center;
white-space: normal;
- color: valo-font-color($os-light-contrast);
- background-color: $os-light-contrast;
+ color: valo-font-color($os-textfield-shade);
+ background-color: $os-textfield-shade;
border-right-width: 0px;
border-top-width: 0px;
- border-left: $os-border;
- border-left-color: $os-background-color;
-
+ border-left: $v-border;
+ border-left-color: $v-app-background-color;
+
/* Erstes Element
&:nth-child(1) {
border-left-color: transparent;
}*/
-
+
&:focus, .v-textfield-focus {
background-color: $os-focus-color;
color: valo-font-color($os-focus-color);
border-right-width: 0px;
border-top-width: 0px;
- border-left: $os-border;
- border-left-color: $os-background-color;
- border-bottom-color: $os-highlight-color;
- }
+ border-left: $v-border;
+ border-left-color: $v-app-background-color;
+ border-bottom-color: $v-focus-color;
+ }
}
-
+
+/// Textfield style modifier.
@mixin os-textfield-login {
- height: $os-unit-size * 1.5;
- //background-color: $os-background-color;
- background-color: $os-light-contrast;
+ height: $v-unit-size * 1.5;
+ //background-color: $v-app-background-color;
+ background-color: $os-color-contrast;
//border: 1px;
- margin-bottom: ceil($os-unit-size /5);
- border-radius: floor($os-unit-size/5);
+ margin-bottom: ceil($v-unit-size /5);
+ border-radius: floor($v-unit-size/5);
&:focus{
- background-color: $os-focus-color;
+ background-color: $os-focus-color;
}
&:hover{
- border-color: $os-highlight-color;
- }
+ border-color: $v-focus-color;
+ }
+ }
+
+
+/// Textfield style modifier.
+@mixin os-textfield-cash {
+ font-size: $v-font-size * $os-cash-zoom-factor;
+ height: $v-unit-size * $os-cash-zoom-factor;
+/* width: $cash-field-width; // set below to differentiate between suggest and normal textfield */
+ &.v-disabled, &.v-disabled > .v-textfield {
+ @include os-textfield-readonly;
+ opacity: 0.75;
+ }
+ }
+
+/// Textfield style modifier.
+@mixin os-textfield-cash-total {
+ font-size: $v-font-size * ($os-cash-zoom-factor * 1.5) !important;
+ height: $v-unit-size * ($os-cash-zoom-factor * 1.5) !important;
+ text-align: right;
+/* width: auto; */
+ }
+
+
+/* for cash register */
+/// Textfield style modifier for arranging vertically aligned textfields (with caption on top) according to their width and spacings.
+/// @param {integer} field-width-factor
+@mixin os-textfield-mod ($width-mod: 1, $secondary-stylename: null){
+
+ @if $secondary-stylename == null {
+ /* textfield, datefield etc. dimensions according to container stylename */
+ .v-textfield, .v-datefield, .o-XSuggestBox {
+ width: ($cash-field-width * $width-mod) + ($v-layout-spacing-horizontal * ($width-mod - 1));
+ }
+ .o-XSuggestBox > .v-textfield, .o-XSuggestBox > .v-datefield{
+ width: ($cash-field-width * $width-mod) + ($v-layout-spacing-horizontal * ($width-mod - 1)) - ($v-unit-size * $os-cash-zoom-factor) !important;
+ }
+ }
+
+ @else {
+ /* textfield, datefield etc. dimensions according to local stylename */
+ .#{$secondary-stylename}.v-textfield, .#{$secondary-stylename}.v-datefield, .#{$secondary-stylename}.o-XSuggestBox {
+ width: ($cash-field-width * $width-mod) + ($v-layout-spacing-horizontal * ($width-mod - 1));
+ }
+ .#{$secondary-stylename}.o-XSuggestBox > .v-textfield, .#{$secondary-stylename}.o-XSuggestBox > .v-datefield {
+ width: ($cash-field-width * $width-mod) + ($v-layout-spacing-horizontal * ($width-mod - 1)) - ($v-unit-size * $os-cash-zoom-factor) !important;
+ }
+ }
}
-@mixin os-textfield-cash {
- font-size: $os-font-size * 2 !important;
- height: $os-unit-size * 2 !important;
- &.v-disabled {
- @include os-textfield-readonly;
- opacity: 0.75;
- }
- }
+
+@mixin os-textarea-mod ($height-mod: 0, $width-mod: 0, $has-caption: false) {
+ @if $height-mod > 0 {
+ @if $has-caption == true {
+ .v-textarea, &.v-textarea {
+ height: $height-mod * $cash-field-height - ($v-unit-size * $os-cash-zoom-factor) + (($height-mod - 1) * $v-layout-spacing-vertical);
+ }
+ }
+ @else {
+ .v-textarea, &.v-textarea {
+ height: $height-mod * $cash-field-height + (($height-mod - 1) * $v-layout-spacing-vertical);
+ }
+ }
+ }
+ @if $width-mod > 0 {
+ .v-textarea, &.v-textarea {
+ width: $width-mod * $cash-field-width + ($v-layout-spacing-horizontal * ($width-mod - 1));
+ }
+ }
+ }
diff --git a/org.eclipse.osbp.themes/scss/components/_typeface.scss b/org.eclipse.osbp.themes/scss/components/_typeface.scss
index 997b59b..f553d69 100644
--- a/org.eclipse.osbp.themes/scss/components/_typeface.scss
+++ b/org.eclipse.osbp.themes/scss/components/_typeface.scss
@@ -1,33 +1,62 @@
-@function get_crisp_size ($font-family, $initial-font-size) {
+////
+/// @group components/typeface
+////
+
+/// Some sizes in font-icons are crisper than others. This function tries to scale the desired
+/// size of an icon to its next-best most-crisp size, depending on font-family.
+/// @param {string} font-family
+/// @param {integer} initial-font-size
+@function get_crisp_size ($font-family: '', $initial-font-size: 14px) {
$size: $initial-font-size;
+ @if $font-family == '' {$font-family: FontAwesome; }
@if $font-family == FontAwesome and $os-font-unit == px { //multiples of 7
@if $initial-font-size < 16 {$size: 14px;}
@else if $initial-font-size >= 16 and $initial-font-size < 21 {$size: 21px}
@else if $initial-font-size >= 21 and $initial-font-size <= 30 {$size: 28px}
+ @else if $initial-font-size >= 31 {$size: 35px}
}
@else if $font-family == Vaadin-Icons and $os-font-unit == px { //multiples of 8
@if $initial-font-size <= 16 {$size: 16px;}
@else if $initial-font-size > 16 and $initial-font-size <= 24 {$size: 24px}
@else if $initial-font-size > 24 and $initial-font-size <= 32 {$size: 32px}
+ @else if $initial-font-size > 32 {$size: 40px}
}
@return $size;
}
+
+/// Draws the selected font icon according to parameters.
+/// @param font-family FontAwesome
+/// @param size v-font-size
+/// @param line-height 0
+/// @param float none
+/// @param content 'need content'
+/// @param placement before
+/// @param mirror false
+/// @param flip false
+/// @param background ''
@mixin os-icon-font ($font-family: FontAwesome,
- $size: $os-font-size,
- $line-height: $os-line-height,
+ $size: $v-font-size,
+ $line-height: 0,
$float: none,
$content: 'need content',
$placement: before,
$mirror: false,
- $flip: false)
+ $flip: false,
+ $background: '')
{
- background: transparent;
+ @if $background == '' {
+ background: transparent;
+ }
+
border: 0px;
float: $float;
$size: get_crisp_size($font-family, $size);
+ @if $line-height == 0 {
+ $line-height: get_crisp_size($font-family, $size);
+ }
@if $placement == after {
@@ -37,6 +66,7 @@
line-height: $line-height;
content: $content;
text-shadow: $os-text-shadow;
+ text-shadow: valo-text-shadow();
}
}
@else {
@@ -44,8 +74,9 @@
font-family: $font-family;
font-size: $size;
line-height: $line-height;
- content: $content;
+ content: $content !important;
text-shadow: $os-text-shadow;
+ text-shadow: valo-text-shadow();
}
}
@if $mirror == true {
@@ -64,43 +95,51 @@
}
}
+/// @todo unused
@mixin os-typeface-h3 {}
+
+/// Headings inside views.
@mixin os-typeface-view-h2 {
- font-size: $os-font-size * $os-l-font-factor;
-// padding: $os-unit-size * 0.4;
- margin: floor($os-unit-size/3);
+ font-size: $v-font-size * $v-scaling-factor--large;
+/* padding: $v-unit-size * 0.4;
+ margin: floor($v-unit-size/3);*/
+ padding: floor($v-unit-size/3);
font-weight: bold;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
//background-color: $os-sub-header-bg;
color: valo-font-color($os-sub-header-bg);
- line-height: $os-line-height * $os-l-font-factor;
+ @if $os-theme-desig == "cxo" {
+ color: $os-h2-shade;
+ }
+ line-height: $v-line-height * $v-scaling-factor--large;
letter-spacing: 0em !important;
// min-height: $os-button-height;
min-width: $os-button-width;
}
+/// Sidebar font style.
@mixin os-typeface-sidebar {
- padding-bottom: $os-unit-size * 0.4;
- padding-top: $os-unit-size * 0.4;
+ padding-bottom: $v-unit-size * 0.4;
+ padding-top: $v-unit-size * 0.4;
.v-label {
padding: 0px;
- padding-left: $os-unit-size * 0.4;
- line-height: $os-line-height * $os-l-font-factor;
- font-size: $os-font-size * $os-l-font-factor;
+ padding-left: $v-unit-size * 0.4;
+ line-height: $v-line-height * $v-scaling-factor--large;
+ font-size: $v-font-size * $v-scaling-factor--large;
font-weight: bold;
span {
- font-size: $os-font-size * $os-l-font-factor;
- //padding-top: $os-unit-size * 0.4;
- //line-height: $os-line-height * $os-l-font-factor;
+ font-size: $v-font-size * $v-scaling-factor--large;
+ //padding-top: $v-unit-size * 0.4;
+ //line-height: $v-line-height * $v-scaling-factor--large;
margin: 0px !important;
font-weight: bold;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
- color: valo-font-color($os-splitter);
+ color: valo-font-color($os-splitter-shade);
letter-spacing: 0em !important;
min-height: $os-button-height;
//font-weight: initial !important;
@@ -109,11 +148,12 @@
}
}
+/// Headings e.g. on welcome-page.
@mixin os-typeface-h1 {
background: $os-light-contrast;
- padding: $os-unit-size * 0.25 $os-unit-size * 0.5;
- border: $os-border;
- font-size: $os-font-size * $os-xl-font-factor;
+ padding: $v-unit-size * 0.25 $v-unit-size * 0.5;
+ border: $v-border;
+ font-size: $v-font-size * $v-scaling-factor--huge;
font-weight: bold;
color: valo-font-color($os-light-contrast);
text-align: center;
diff --git a/org.eclipse.osbp.themes/scss/external/_charts.scss b/org.eclipse.osbp.themes/scss/external/_charts.scss
new file mode 100644
index 0000000..0c42200
--- /dev/null
+++ b/org.eclipse.osbp.themes/scss/external/_charts.scss
@@ -0,0 +1,213 @@
+////
+/// @group external/charts
+////
+
+/// Used for imported javascript dashboard elements.
+/// @todo find out where it's used exactly
+@mixin os-charts {
+ // cxOrgChartStyles
+ .orgchart {
+ background: #919293 url(img/sidebar-gradient.png) repeat-y top right;
+ border: 1px solid grey;
+ color: grey;
+ font-weight: bold;
+ font-family: Tahoma;
+ padding: 10px;
+ }
+
+ .orgchartNode {
+ background: #e1e2e3 url(img/sidebar-gradient.png) repeat-y top right;
+ border-radius: 18px;
+ border: 4px solid #9edbfb;
+ padding: 10px!important;
+ }
+
+ .orgchartSelectedNode{
+ background-color: #9edbfb;
+ border: 4px solid #fbe99e;
+ border-radius: 18px;
+ }
+
+ .v-caption-orgchart .v-captiontext {
+ font-size: 16px;
+ line-height: 1;
+ font-weight: normal;
+ padding: .5em .5em 1.0em;
+ /*padding: .5em 0;*/
+ -webkit-font-smoothing: antialiased;
+ background: #414243 url(img/sidebar-gradient.png) repeat-y top right;
+ overflow: visible;
+ position: relative;
+ z-index: 2;
+
+ white-space: normal;
+ color: #fff;
+ text-shadow: 0 2px 2px rgba(0,0,0,.5);
+
+ display: block !important;
+ }
+
+ .v-gridlayout-orgchartUser {
+ color: grey;
+ font-family: Tahoma;
+ font-weight: bold;
+ // border-radius: 18px;
+ // border: 4px solid #9edbfb;
+ margin: 10px;
+ padding: 10px;
+ // margin-left: 30px;
+ text-align: center;
+ }
+
+ .v-horizontallayout-orgchartUser {
+ color: grey;
+ font-family: Tahoma;
+ font-weight: bold;
+ border-radius: 18px;
+ border: 4px solid #9edbfb;
+ margin: 10px;
+ padding: 10px;
+ text-align: center;
+ }
+
+ .v-gridlayout-orgchartUser div {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .v-gridlayout-orgchartUser div > div {
+ padding: 3px;
+ text-align: center;
+ }
+
+ .orgchart-multipos {
+ color: red;
+ font-style: italic;
+ }
+
+ .orgchart-classic {
+ color: red;
+ font-style: italic;
+ }
+
+ .orgchart-modern {
+ color: red;
+ font-style: italic;
+ }
+
+ .orgchart-compex {
+ color: blue;
+ font-style: italic;
+ }
+
+ //cxd3TreeMapStyles
+ .node {
+ cursor: pointer;
+ border: solid 1px white;
+ font: 10px sans-serif;
+ line-height: 12px;
+ overflow: hidden;
+ position: absolute;
+ text-indent: 2px;
+ }
+
+ //cxd3CollapsibleTreeStyles
+ .node circle {
+ fill: #fff;
+ stroke: steelblue;
+ stroke-width: 1.5px;
+ }
+
+ .node text {
+ font: 10px sans-serif;
+ }
+
+ .link {
+ fill: none;
+ stroke: #ccc;
+ stroke-width: 1.5px;
+ }
+
+ //cxd3Topo
+ .subunit-label {
+ fill: #777;
+ fill-opacity: .5;
+ font-size: 20px;
+ font-weight: 300;
+ text-anchor: middle;
+ }
+
+ .place,
+ .place-label {
+ fill: #444;
+ }
+
+ text.place-label {
+ font-size: 10px;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ /*pointer-events: none;*/
+ }
+
+ text.place-label:hover {
+ fill: #6699FF;
+ font-size: 20px;
+ }
+
+
+ //cxd3USTopo
+ path.usa {
+ fill: #60a060;
+ stroke: #fff;
+ stroke-width: .5px;
+ }
+
+ path.usa:hover {
+ fill: #80e080;
+ }
+
+
+ //cxd3ESTopo
+ path.world {
+ stroke: white;
+ stroke-width: 0.25px;
+ fill: black;
+ }
+
+ path.world:hover {
+ fill: red;
+ }
+
+
+ //cxd3DETopo
+ path.subunit.DEU:hover {
+ fill: #80e080;
+ }
+
+ path.subunit.DEU {
+ fill: #60a060;
+ stroke: #fff;
+ stroke-width: .5px;
+ }
+
+ path.deu {
+ fill: #60a060;
+ stroke: #fff;
+ stroke-width: .5px;
+ }
+
+ path.deu:hover {
+ fill: #80e080;
+ }
+
+
+ //cxd3WorldTopo
+ path.world {
+ stroke: white;
+ stroke-width: 0.25px;
+ fill: black;
+ }
+
+ path.world:hover {
+ fill: red;
+ }
+}
diff --git a/org.eclipse.osbp.themes/scss/external/_dragdrop.scss b/org.eclipse.osbp.themes/scss/external/_dragdrop.scss
index 845a157..2a47408 100644
--- a/org.eclipse.osbp.themes/scss/external/_dragdrop.scss
+++ b/org.eclipse.osbp.themes/scss/external/_dragdrop.scss
@@ -1,3 +1,7 @@
+////
+/// @group external/dragdrop
+////
+
/*
* Copyright 2013 John Ahlroos
*
@@ -15,6 +19,7 @@
*/
/* Absolute layout styles */
+///@todo find out where it's used...
@mixin ex-drag-drop-layout {
.v-ddabsolutelayout-drag-shadow,
.v-ddcsslayout-drag-shadow{
diff --git a/org.eclipse.osbp.themes/scss/external/_reset.scss b/org.eclipse.osbp.themes/scss/external/_reset.scss
index af94440..e64972e 100644
--- a/org.eclipse.osbp.themes/scss/external/_reset.scss
+++ b/org.eclipse.osbp.themes/scss/external/_reset.scss
@@ -1,3 +1,7 @@
+////
+/// @group external/reset
+////
+
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
@@ -28,6 +32,7 @@
footer, header, hgroup, menu, nav, section {
display: block;
}
+/// @todo unused
body {
line-height: 1;
}
diff --git a/org.eclipse.osbp.themes/scss/layout/_cash-register.scss b/org.eclipse.osbp.themes/scss/layout/_cash-register.scss
index 853f2cf..039627b 100644
--- a/org.eclipse.osbp.themes/scss/layout/_cash-register.scss
+++ b/org.eclipse.osbp.themes/scss/layout/_cash-register.scss
@@ -1,67 +1,315 @@
+////
+/// @group layout/cash-register
+////
+
+/// Styles related to POS/Cash register application. To receive these styles, components need to be placed inside a global layout with style name "os-cash-register".
@mixin os-cash-register {
+ /* cash-field-width set in _textfield */
.os-cash-register {
- $size-factor: 2;
- $size-factor-2: 1.5;
+ @if $font-size-adjustment < 1 { $font-size-adjustment: 1; }
+
- @include os-button-cash;
- @include os-textfield-cash;
-
-
- .os-no-padding {
+ .v-gridlayout-slot, .v-slot-l-control {
+ @if $os-cash-zoom-factor < $v-scaling-factor--huge {$font: $v-font-size * $v-scaling-factor--huge; }
+ @if $os-cash-zoom-factor < $v-scaling-factor--large {$font: $v-font-size * $v-scaling-factor--large; }
+ @if $os-cash-zoom-factor <= 1 {$font: $v-font-size;}
+ line-height: $font;
+ }
+
+
+ $header-footer-height: make_even($v-font-size * $font-size-adjustment * 1.6);
+ $caption-height: $v-unit-size * $os-cash-zoom-factor;
+
+ /* Remove paddings around containers in POS/Cash area. */
+ .v-verticallayout, .v-horizontallayout, .v-gridlayout {
padding: 0px;
+ left: 0px !important;
}
+
+ @include os-button-cash;
+ /* basic textfield size */
+ .v-textfield, .v-datefield ,.o-XSuggestBox{
+ @include os-textfield-cash;
+ }
+ .v-textarea {
+ font-size: $v-font-size * $os-cash-zoom-factor;
+ &.v-disabled, &.v-disabled > .v-textfield {
+ @include os-textfield-readonly;
+ opacity: 0.75;
+ }
+ }
+ .v-textarea.os-monospace {
+ font-size: $v-font-size * $os-cash-zoom-factor;
+ }
+
.o-XSuggestBox {
- @include os-textfield-cash;
+/* width: auto; */
+ .enableSuggestions {
+ height: $os-cash-zoom-factor * $v-unit-size - first-number($v-border);
+ width: $os-cash-zoom-factor * $v-unit-size;
+
+ @include os-icon-font($content: '\f08d',
+ $size: $v-font-size * $os-cash-zoom-factor,
+ $line-height: $v-unit-size * $os-cash-zoom-factor);
+ float: right;
+
+ &.selected {
+ @include os-icon-font($content: '\f002',
+ $size: $v-font-size * $os-cash-zoom-factor,
+ $line-height: $v-unit-size * $os-cash-zoom-factor);
+ float: right;
+ }
+ }
}
-
- .o-SuggestBoxPopup .popupContent table td.item {
- @include os-textfield-cash;
+
+ /* basic textfield width */
+ @include os-textfield-mod($width-mod: 1);
+ @include os-textfield-mod($width-mod: 1);
+
+
+ /* local */
+ /* ALSO COVERS o-XSuggestBox !! */
+ @include os-textfield-mod($width-mod: 0.5,$secondary-stylename: os-span-h-half);
+ @include os-textfield-mod($width-mod: 1, $secondary-stylename: os-span-h-single);
+ @include os-textfield-mod($width-mod: 2, $secondary-stylename: os-span-h-double);
+ @include os-textfield-mod($width-mod: 3, $secondary-stylename: os-span-h-triple);
+ @include os-textfield-mod($width-mod: 4, $secondary-stylename: os-span-h-quad);
+
+
+ /* single button styles */
+ @include os-button-mod($width-mod: 1, $primary-stylename: v-button\.os-span-h-single);
+ @include os-button-mod($width-mod: 1.5, $primary-stylename: v-button\.os-span-h-odd);
+ @include os-button-mod($width-mod: 2, $primary-stylename: v-button\.os-span-h-double);
+ @include os-button-mod($width-mod: 3, $primary-stylename: v-button\.os-span-h-triple);
+ @include os-button-mod($width-mod: 4, $primary-stylename: v-button\.os-span-h-quad);
+ @include os-button-mod($height-mod: 1, $primary-stylename: v-button\.os-span-v-single);
+ @include os-button-mod($height-mod: 2, $primary-stylename: v-button\.os-span-v-double);
+ @include os-button-mod($height-mod: 3, $primary-stylename: v-button\.os-span-v-triple);
+ @include os-button-mod($height-mod: 4, $primary-stylename: v-button\.os-span-v-quad);
+
+
+/* Height and width modifications for all components (table, textfield, button, textarea...)
+ to put components in a grid-like size relation to each other. */
+
+/* horizontal mods */
+ .os-field-h-half {
+ @include os-textfield-mod($width-mod: 0.5);
+ }
+
+ .os-button-h-single {
+ @include os-button-mod($width-mod: 1);
+ }
+ .os-table-h-single, .v-table.os-span-h-single {
+ @include os-table-mod($width-mod: 1);
+ }
+
+ .os-button-h-odd {
+ @include os-button-mod($width-mod: 1.5);
+ }
+
+ .os-field-h-double {
+ @include os-textfield-mod($width-mod:2);
+ @include os-textarea-mod($width-mod: 2);
+ }
+ .os-table-h-double, .v-table.os-span-h-double {
+ @include os-table-mod($width-mod: 2);
+ }
+ .os-button-h-double {
+ @include os-button-mod($width-mod: 2);
+ }
+ .os-field-h-triple {
+ @include os-textfield-mod($width-mod: 3);
+ @include os-textarea-mod($width-mod: 3);
+ }
+ .os-table-h-triple, .v-table.os-span-h-triple {
+ @include os-table-mod($width-mod: 3);
+ }
+ .os-button-h-triple {
+ @include os-button-mod($width-mod: 3);
+ }
+ .os-field-h-quad {
+ @include os-textfield-mod($width-mod: 4);
+ @include os-textarea-mod($width-mod: 4);
+ }
+ .os-table-h-quad, .v-table.os-span-h-quad {
+ @include os-table-mod($width-mod: 4);
+ }
+ .os-button-h-quad {
+ @include os-button-mod($width-mod: 4);
+ }
+
+/* vertical mods */
+ .os-field-v-single {
+ @include os-textarea-mod($height-mod: 1);
+ }
+
+ .os-table-v-single, .os-span-v-single {
+ @include os-table-mod($height-mod: 1, $header-footer-height: $header-footer-height);
+ }
+ /* reduce actual component height when it has a caption on top (must be after other height definitions) */
+ /* applies to table, textarea... */
+ .os-table-v-single .v-caption-on-top, .v-caption-on-top .v-table.os-span-v-single {
+ @include os-table-mod ($height-mod: 1, $has-caption: 1, $header-footer-height: $header-footer-height);
+ }
+ .os-button-v-single {
+ @include os-button-mod($height-mod: 1);
+ }
+
+ .os-field-v-double {
+ @include os-textarea-mod($height-mod: 2);
+ .v-caption-on-top {
+ @include os-textarea-mod ($height-mod: 2, $has-caption: 1);
+ }
+ }
+ .os-table-v-double, .os-span-v-double {
+ @include os-table-mod($height-mod: 2, $header-footer-height: $header-footer-height);
}
-
- .v-textfield {
- @include os-textfield-cash;
+ .os-table-v-double .v-caption-on-top, .v-caption-on-top .v-table.os-span-v-double {
+ @include os-table-mod ($height-mod: 2, $has-caption: 1, $header-footer-height: $header-footer-height);
+ }
+
+ .os-button-v-double {
+ @include os-button-mod($height-mod: 2);
+ }
+
+ .os-field-v-triple {
+ @include os-textarea-mod($height-mod: 3);
+ .v-caption-on-top {
+ @include os-textarea-mod ($height-mod: 3, $has-caption: 1);
+ }
+ }
+ .os-table-v-triple, .os-span-v-triple {
+ @include os-table-mod($height-mod: 3, $header-footer-height: $header-footer-height);
}
-
- .os-cash-total {
+ .os-table-v-triple .v-caption-on-top, .v-caption-on-top .v-table.os-span-v-triple {
+ @include os-table-mod ($height-mod: 3, $has-caption: 1, $header-footer-height: $header-footer-height);
+ }
+
+ .os-button-v-triple {
+ @include os-button-mod($height-mod: 3);
+ }
+
+ .os-field-v-quad {
+ @include os-textarea-mod($height-mod: 4);
+ .v-caption-on-top {
+ @include os-textarea-mod ($height-mod: 4, $has-caption: 1);
+ }
+ }
+ .os-table-v-quad, .os-span-v-quad {
+ @include os-table-mod($height-mod: 4, $header-footer-height: $header-footer-height);
+ }
+ .os-table-v-quad .v-caption-on-top, .v-caption-on-top .v-table.os-span-v-quad {
+ @include os-table-mod ($height-mod: 4, $has-caption: 1, $header-footer-height: $header-footer-height);
+ }
+
+ .os-button-v-quad {
+ @include os-button-mod($height-mod: 4);
+ }
+
+
+ .os-cash-total, .os-cash-xl {
.v-textfield, .v-caption {
font-weight: bold;
}
+ .v-captiontext {
+ font-weight: normal;
+ }
.v-formlayout > table {
width: 100%;
}
.v-textfield {
- width: auto;
+ @include os-textfield-cash-total;
+
+ }
+ .v-formlayout-row>.v-formlayout-captioncell>.v-caption {
+ height: $v-unit-size * (1.5 * $os-cash-zoom-factor) - first-number($v-border) !important;
+ line-height: $v-unit-size * (1.5 * $os-cash-zoom-factor);
+ }
+
+ .os-span-h-half .v-textfield {
+ width: $cash-field-width / 2;
+ }
+
+ .v-button {
+ @include os-button-mod($col-1: #4caf6a);
+ &.v-disabled{
+ background: transparent;
+ }
}
}
-
+
+ .v-caption-on-top > .v-caption {
+ @if $os-cash-zoom-factor != 1 {
+ $caption-padd: make_even($v-unit-size * 0.5);
+ height: $v-unit-size * $os-cash-zoom-factor - $caption-padd;
+ padding-top: $caption-padd;
+ padding-bottom: 0px;
+ }
+ @else {
+ padding-top: 0px;
+ }
+ }
.v-caption, .v-captiontext, .v-caption-on-top > .v-caption-l-control > .v-captiontext {
- font-size: $os-font-size * $size-factor-2;
- line-height: $os-unit-size * $size-factor-2 - $os-border-width;// * $os-line-height-factor;
+ font-size: $v-font-size * $font-size-adjustment;
+ line-height: $v-unit-size * $font-size-adjustment - first-number($v-border);
}
.v-formlayout {
.v-caption, .v-captiontext {
- font-size: $os-font-size * $size-factor;
- line-height: $os-unit-size * $size-factor - $os-border-width;// * $os-line-height-factor;
+ font-size: $v-font-size * $os-cash-zoom-factor;
+ line-height: $v-unit-size * $os-cash-zoom-factor - first-number($v-border);
}
}
-
- .v-table-cell-content {
- height: floor($os-unit-size * $size-factor-2);
- }
- /*
- .v-table-header-wrap {
- height: $os-unit-size * $size-factor-2
- }
- .v-table-header {
- font-size: $os-font-size * $size-factor-2;
- line-height: $os-unit-size * $size-factor-2 - $os-border-width;// * $os-line-height-factor;
- }*/
- }
- .os-cash-keypad {
- @include os-button-cash(4);
- }
- }
-
-
\ No newline at end of file
+ .v-table-header-wrap, .v-table-caption-container, .v-table-sort-indicator, .v-table-resizer {
+/* table header height specified (also overwrites height-definition in _dialog) */
+ height: $header-footer-height;
+/* line-height: $v-font-size * $font-size-adjustment * 1.6; */
+ font-size: $v-font-size * $font-size-adjustment;
+ }
+ .v-table-cell-content {
+/* height: floor($v-unit-size * $font-size-adjustment) * 3; */
+ height: floor($v-unit-size * $font-size-adjustment);
+ font-size: $v-font-size * $font-size-adjustment;
+ }
+
+ /* LINE BREAK IN TABLE CELLS
+ .v-table-cell-wrapper {
+ white-space: normal;
+ }*/
+
+ /* fixed width font */
+
+ .os-monospace {
+ font-family: monospace;
+ }
+
+
+ /* some spacers */
+ .os-spacer-top { @include os-spacer(top, 1); }
+ .os-spacer-left { @include os-spacer(left, 1); }
+ .os-spacer-right { @include os-spacer(right, 1); }
+ .os-spacer-bottom { @include os-spacer(bottom, 1); }
+ .os-spacer-top-double { @include os-spacer(top, 2); }
+ .os-spacer-left-double { @include os-spacer(left, 2); }
+ .os-spacer-right-double { @include os-spacer(right, 2); }
+ .os-spacer-bottom-double { @include os-spacer(bottom, 2); }
+ .os-spacer-top-triple { @include os-spacer(top, 3); }
+ .os-spacer-left-triple { @include os-spacer(left, 3); }
+ .os-spacer-right-triple { @include os-spacer(right, 3); }
+ .os-spacer-bottom-triple { @include os-spacer(bottom, 3); }
+ .os-spacer-top-quad { @include os-spacer(top, 4); }
+ .os-spacer-left-quad { @include os-spacer(left, 4); }
+ .os-spacer-right-quad { @include os-spacer(right, 4); }
+ .os-spacer-bottom-quad { @include os-spacer(bottom, 4); }
+
+ }
+
+ /// This should make popup content appear larger than in other views, but it doesn't work because
+ /// suggesttext popup containers are rendered outside of osbp's main container and therefore
+ /// outside of os-cash-register. As it can't be put into context, these popups can only be styled globally for now.
+ .o-SuggestBoxPopup {
+ //@include os-popup-suggest(2);
+ }
+
+ }
diff --git a/org.eclipse.osbp.themes/scss/layout/_cash-register.scss171017 b/org.eclipse.osbp.themes/scss/layout/_cash-register.scss171017
new file mode 100644
index 0000000..fafdf86
--- /dev/null
+++ b/org.eclipse.osbp.themes/scss/layout/_cash-register.scss171017
@@ -0,0 +1,196 @@
+////
+/// @group layout/cash-register
+////
+
+/// Styles related to POS/Cash register application.
+@mixin os-cash-register {
+ /* cash-field-width set in _textfield */
+
+ .os-cash-register {
+ /// Only for cash-area.
+ $font-size-adjustment: $os-cash-zoom-factor / 4 * 3;
+ $header-footer-height: make_even($v-font-size * $font-size-adjustment * 1.6);
+ $caption-height: $v-unit-size * $os-cash-zoom-factor;
+
+ @include os-button-cash;
+ @include os-textfield-cash;
+
+ /// Remove paddings around containers in POS/Cash area.
+ .os-no-padding {
+ padding: 0px;
+ left: 0px !important;
+ }
+
+ .o-XSuggestBox {
+ @include os-textfield-cash;
+ @include os-textfield-suggest-mod($width-mod: 2, $cash: true);
+ @include os-button-suggesttext($factor: 2);
+ }
+
+ .v-textfield, .v-datefield {
+ @include os-textfield-cash;
+ }
+
+ /* local */
+ /* ALSO COVERS o-XSuggestBox !! */
+ @include os-textfield-mod(0.5, $primary-stylename: v-textfield\.os-span-h-half);
+ @include os-textfield-mod(1, $primary-stylename: v-textfield\.os-span-h-single);
+ @include os-textfield-mod(2, $primary-stylename: v-textfield\.os-span-h-double);
+ @include os-textfield-mod(3, $primary-stylename: v-textfield\.os-span-h-triple);
+ @include os-textfield-mod(4, $primary-stylename: v-textfield\.os-span-h-quad);
+
+
+/* Height and width modifications for all components (table, textfield, button, textarea...)
+ to put components in a grid-like size relation to each other. */
+
+/* horizontal mods */
+ .os-span-h-half {
+ @include os-textfield-mod(0.5, $primary-stylename: v-textfield);
+ @include os-textfield-mod(0.5, $primary-stylename: v-datefield);
+ }
+
+ .os-span-h-single {
+ @include os-button-mod($width-mod: 1);
+ @include os-table-mod($width-mod: 1);
+ @include os-textfield-mod(1, $primary-stylename: v-textfield);
+ @include os-textfield-mod(1, $primary-stylename: v-datefield);
+ @include os-textarea-mod($width-mod: 1);
+ }
+
+ .os-span-h-double {
+ @include os-button-mod($width-mod: 2);
+ @include os-table-mod($width-mod: 2);
+ @include os-textfield-mod(2, $primary-stylename: v-textfield);
+ @include os-textfield-mod(2, $primary-stylename: v-datefield);
+ @include os-textarea-mod($width-mod: 2);
+ }
+
+ .os-span-h-triple {
+ @include os-button-mod($width-mod: 3);
+ @include os-table-mod($width-mod: 3);
+ @include os-textfield-mod(3, $primary-stylename: v-textfield);
+ @include os-textfield-mod(3, $primary-stylename: v-datefield);
+ @include os-textarea-mod($width-mod: 3);
+ }
+
+ .os-span-h-quad {
+ @include os-button-mod($width-mod: 4);
+ @include os-table-mod($width-mod: 4);
+ @include os-textfield-mod(4, $primary-stylename: v-textfield);
+ @include os-textfield-mod(4, $primary-stylename: v-datefield);
+ @include os-textarea-mod($width-mod: 4);
+ }
+
+/* vertical mods */
+ .os-span-v-single {
+ @include os-button-mod($height-mod: 1);
+ @include os-table-mod($height-mod: 1, $header-footer-height: $header-footer-height);
+ @include os-textarea-mod($height-mod: 1);
+ }
+ .os-span-v-double {
+ @include os-button-mod($height-mod: 2);
+ @include os-table-mod($height-mod: 2, $header-footer-height: $header-footer-height);
+ @include os-textarea-mod($height-mod: 2);
+ }
+
+ .os-span-v-triple {
+ @include os-button-mod($height-mod: 3);
+ @include os-table-mod($height-mod: 3, $header-footer-height: $header-footer-height);
+ @include os-textarea-mod($height-mod: 3);
+ }
+
+ .os-span-v-quad {
+ @include os-button-mod($height-mod: 4);
+ @include os-table-mod($height-mod: 4, $header-footer-height: $header-footer-height);
+ @include os-textarea-mod($height-mod: 4);
+ }
+
+
+/* reduce actual component height when it has a caption on top (must be after other height definitions) */
+/* applies to table, textarea... */
+ .v-caption-on-top {
+ .os-span-v-single {
+ @include os-textarea-mod ($height-mod: 1, $has-caption: 1);
+ @include os-table-mod ($height-mod: 1, $has-caption: 1, $header-footer-height: $header-footer-height);
+ }
+ .os-span-v-double {
+ @include os-textarea-mod ($height-mod: 2, $has-caption: 1);
+ @include os-table-mod ($height-mod: 2, $has-caption: 1, $header-footer-height: $header-footer-height);
+ }
+ .os-span-v-triple {
+ @include os-textarea-mod ($height-mod: 3, $has-caption: 1);
+ @include os-table-mod ($height-mod: 3, $has-caption: 1, $header-footer-height: $header-footer-height);
+ }
+ .os-span-v-quad {
+ @include os-textarea-mod ($height-mod: 4, $has-caption: 1);
+ @include os-table-mod ($height-mod: 4, $has-caption: 1, $header-footer-height: $header-footer-height);
+ }
+ }
+
+ .os-cash-total, .os-cash-xl {
+ .v-textfield, .v-caption {
+ font-weight: bold;
+ }
+ .v-captiontext {
+ font-weight: normal;
+ }
+ .v-formlayout > table {
+ width: 100%;
+ }
+ .v-textfield {
+ @include os-textfield-cash-total;
+
+ }
+ .v-formlayout-row>.v-formlayout-captioncell>.v-caption {
+ height: $v-unit-size * (1.5 * $os-cash-zoom-factor) - first-number($v-border) !important;
+ line-height: $v-unit-size * (1.5 * $os-cash-zoom-factor);
+ }
+
+ .os-span-h-half .v-textfield {
+ width: $cash-field-width / 2;
+ }
+
+ .v-button {
+ @include os-button-mod($col-1: #4caf6a);
+ &.v-disabled{
+ background: transparent;
+ }
+ }
+ }
+
+ .v-caption-on-top > .v-caption {
+ height: $v-unit-size * $os-cash-zoom-factor - $v-layout-margin-top;
+ }
+ .v-caption, .v-captiontext, .v-caption-on-top > .v-caption-l-control > .v-captiontext {
+ font-size: $os-font-size * $font-size-adjustment;
+ line-height: $os-unit-size * $font-size-adjustment - first-number($v-border);// * $os-line-height-factor;
+ }
+ .v-formlayout {
+ .v-caption, .v-captiontext {
+ font-size: $os-font-size * $os-cash-zoom-factor;
+ line-height: $os-unit-size * $os-cash-zoom-factor - first-number($v-border);// * $os-line-height-factor;
+ }
+ }
+
+ .v-table-header-wrap, .v-table-caption-container, .v-table-sort-indicator, .v-table-resizer {
+/* table header height specified (also overwrites height-definition in _dialog) */
+ height: $header-footer-height;
+/* line-height: $v-font-size * $font-size-adjustment * 1.6; */
+ font-size: $os-font-size * $font-size-adjustment;
+ }
+ .v-table-cell-content {
+ height: floor($v-unit-size * $font-size-adjustment);
+ }
+ }
+ .os-cash-keypad {
+ @include os-button-cash();
+ }
+
+ /// This should make popup content appear larger than in other views, but it doesn't work because
+ /// suggesttext popup containers are rendered outside of osbp's main container and therefore
+ /// outside of os-cash-register. As it can't be put into context, these popups can only be styled globally for now.
+ .o-SuggestBoxPopup {
+ @include os-popup-suggest(2);
+ }
+
+ }
diff --git a/org.eclipse.osbp.themes/scss/layout/_charts.scss b/org.eclipse.osbp.themes/scss/layout/_charts.scss
deleted file mode 100644
index 0ee3c6b..0000000
--- a/org.eclipse.osbp.themes/scss/layout/_charts.scss
+++ /dev/null
@@ -1,207 +0,0 @@
-@mixin cx-charts {
- // cxOrgChartStyles
- .orgchart {
- background: #919293 url(img/sidebar-gradient.png) repeat-y top right;
- border: 1px solid grey;
- color: grey;
- font-weight: bold;
- font-family: Tahoma;
- padding: 10px;
- }
-
- .orgchartNode {
- background: #e1e2e3 url(img/sidebar-gradient.png) repeat-y top right;
- border-radius: 18px;
- border: 4px solid #9edbfb;
- padding: 10px!important;
- }
-
- .orgchartSelectedNode{
- background-color: #9edbfb;
- border: 4px solid #fbe99e;
- border-radius: 18px;
- }
-
- .v-caption-orgchart .v-captiontext {
- font-size: 16px;
- line-height: 1;
- font-weight: normal;
- padding: .5em .5em 1.0em;
- /*padding: .5em 0;*/
- -webkit-font-smoothing: antialiased;
- background: #414243 url(img/sidebar-gradient.png) repeat-y top right;
- overflow: visible;
- position: relative;
- z-index: 2;
-
- white-space: normal;
- color: #fff;
- text-shadow: 0 2px 2px rgba(0,0,0,.5);
-
- display: block !important;
- }
-
- .v-gridlayout-orgchartUser {
- color: grey;
- font-family: Tahoma;
- font-weight: bold;
- // border-radius: 18px;
- // border: 4px solid #9edbfb;
- margin: 10px;
- padding: 10px;
- // margin-left: 30px;
- text-align: center;
- }
-
- .v-horizontallayout-orgchartUser {
- color: grey;
- font-family: Tahoma;
- font-weight: bold;
- border-radius: 18px;
- border: 4px solid #9edbfb;
- margin: 10px;
- padding: 10px;
- text-align: center;
- }
-
- .v-gridlayout-orgchartUser div {
- margin-left: auto;
- margin-right: auto;
- }
-
- .v-gridlayout-orgchartUser div > div {
- padding: 3px;
- text-align: center;
- }
-
- .orgchart-multipos {
- color: red;
- font-style: italic;
- }
-
- .orgchart-classic {
- color: red;
- font-style: italic;
- }
-
- .orgchart-modern {
- color: red;
- font-style: italic;
- }
-
- .orgchart-compex {
- color: blue;
- font-style: italic;
- }
-
- //cxd3TreeMapStyles
- .node {
- cursor: pointer;
- border: solid 1px white;
- font: 10px sans-serif;
- line-height: 12px;
- overflow: hidden;
- position: absolute;
- text-indent: 2px;
- }
-
- //cxd3CollapsibleTreeStyles
- .node circle {
- fill: #fff;
- stroke: steelblue;
- stroke-width: 1.5px;
- }
-
- .node text {
- font: 10px sans-serif;
- }
-
- .link {
- fill: none;
- stroke: #ccc;
- stroke-width: 1.5px;
- }
-
- //cxd3Topo
- .subunit-label {
- fill: #777;
- fill-opacity: .5;
- font-size: 20px;
- font-weight: 300;
- text-anchor: middle;
- }
-
- .place,
- .place-label {
- fill: #444;
- }
-
- text.place-label {
- font-size: 10px;
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
- /*pointer-events: none;*/
- }
-
- text.place-label:hover {
- fill: #6699FF;
- font-size: 20px;
- }
-
-
- //cxd3USTopo
- path.usa {
- fill: #60a060;
- stroke: #fff;
- stroke-width: .5px;
- }
-
- path.usa:hover {
- fill: #80e080;
- }
-
-
- //cxd3ESTopo
- path.world {
- stroke: white;
- stroke-width: 0.25px;
- fill: black;
- }
-
- path.world:hover {
- fill: red;
- }
-
-
- //cxd3DETopo
- path.subunit.DEU:hover {
- fill: #80e080;
- }
-
- path.subunit.DEU {
- fill: #60a060;
- stroke: #fff;
- stroke-width: .5px;
- }
-
- path.deu {
- fill: #60a060;
- stroke: #fff;
- stroke-width: .5px;
- }
-
- path.deu:hover {
- fill: #80e080;
- }
-
-
- //cxd3WorldTopo
- path.world {
- stroke: white;
- stroke-width: 0.25px;
- fill: black;
- }
-
- path.world:hover {
- fill: red;
- }
-}
diff --git a/org.eclipse.osbp.themes/scss/layout/_dialog.scss b/org.eclipse.osbp.themes/scss/layout/_dialog.scss
index 55614cd..c3b2f02 100644
--- a/org.eclipse.osbp.themes/scss/layout/_dialog.scss
+++ b/org.eclipse.osbp.themes/scss/layout/_dialog.scss
@@ -1,16 +1,18 @@
-/* inputs everywhere */
-
+////
+/// @group layout/dialog
+////
@mixin os-dialog {
/* table and grid headers inside form/dialog */
.v-caption-on-top >.v-caption >.v-captiontext {
- font-size: $os-font-size * $os-l-font-factor;
+ font-size: $v-font-size * $v-scaling-factor--large;
}
.v-caption-on-top >.v-caption-l-control >.v-captiontext {
- font-size: $os-font-size;
+ font-size: $v-font-size;
}
+
/* extreme checkbox workaround */
.v-formlayout-row {
:root & .v-checkbox {
@@ -30,23 +32,23 @@
.v-gridlayout-slot .v-checkbox-os-box {
@include os-checkbox();
- padding-top: floor($os-unit-size * 1.2);
+ padding-top: floor($v-unit-size * 1.2);
> input ~ label:before, > input~ label:after {
- margin-top: floor($os-unit-size * 1.2);
+ margin-top: floor($v-unit-size * 1.2);
}
> input ~ label:before {
- margin-top: floor($os-unit-size * 1.2);
+ margin-top: floor($v-unit-size * 1.2);
}
}
/* Multiselect */
select.v-select-select {
color: inherit !important;
- border: $os-border
+ border: $v-border
}
select.v-select-select option:checked {
- box-shadow: 0 0 10px 100px $os-highlight-color inset;
- color: valo-font-color($os-highlight-color) !important; //? no effect
+ box-shadow: 0 0 10px 100px $v-focus-color inset;
+ color: valo-font-color($v-focus-color) !important; //? no effect
}
.l-controlbase {
@@ -64,11 +66,11 @@
.l-control {
//table and grid inside dialog
.v-table {
- border-bottom: $os-border;
+ border-bottom: $v-border;
}
.v-table-header-wrap {
border-top: none;
- height: $os-unit-size;
+ height: $v-unit-size;
}
// grid inside dialog
@@ -80,7 +82,7 @@
.v-gridlayout-slot {
.v-grid-os-box {
.v-grid-tablewrapper {
- border-top: $os-border;
+ border-top: $v-border;
}
}
}
@@ -92,25 +94,43 @@
}
.v-caption {
- font-size: $os-font-size;
+ font-size: $v-font-size;
}
.v-caption-on-top >.v-caption,
.v-gridlayout-slot >.v-caption {
- padding-bottom: $os-unit-size*0.05;
- padding-top: $os-unit-size*0.3;
+ padding-bottom: round($v-unit-size*0.05);
+ padding-top: round($v-unit-size*0.5);
}
.v-caption-os-has-focus {
@include os-caption-focus;
- }
+ }
+
+ .v-formlayout-row .v-customcomponent .v-label {
+
+
+ }
.v-formlayout-captioncell,
.v-formlayout-errorcell {
- border-bottom: $os-border;
+ border-bottom: $v-border;
vertical-align: bottom;
}
-
+ .v-formlayout-captioncell,
+ .v-formlayout-errorcell,
+ .v-formlayout-contentcell {
+ padding-top: 0px !important; /* overrides $v-layout-spacing-vertical */
+ }
+
+ .v-formlayout-contentcell >.v-customcomponent {
+ width: 100%;
+ border-bottom: $v-border;
+ .v-filterselect-input, .v-filterselect [class*="input"] {
+ border-bottom-width: 0px;
+ }
+ }
+
.v-textfield {
width: $v-default-field-width;
@include os-textfield;
@@ -118,11 +138,15 @@
.v-filterselect-input, .v-filterselect [class*="input"] {
@include os-textfield;
- @include box-shadow(none); /*valo mixin*/
+ border-bottom: $v-border;
+ @include box-shadow(none);
}
- .v-filterselect-os-box .v-icon {
- z-index: 999;
+
+ .v-filterselect.v-widget.os-combobox-with-icon .v-icon, .v-filterselect-os-box .v-icon {
+ /* language selection icon position (header) */
+ z-index: 999;
}
+
.v-textfield-readonly, .v-disabled {
@include os-textfield-readonly;
}
@@ -130,7 +154,7 @@
.l-beansearchfield {
@include os-button-l-beansearch;
> .v-slot > .v-filterselect {
- //width: $v-default-field-width - $os-unit-size;
+ //width: $v-default-field-width - $v-unit-size;
}
}
@@ -142,7 +166,7 @@
}
}
.v-datefield-button {
- @include os-error-button;
+ @include os-button-error;
}
}
.v-textfield-error {
@@ -150,16 +174,17 @@
}
.v-button {
- height: $os-unit-size;
+ height: $v-unit-size;
}
.v-upload-immediate .v-button {
@include os-button-formlayout;
}
-
+
+
.v-gridlayout-slot > .v-label > img {
@if $os-img-size-override == true {
- height: $os-unit-size * 3;
+ height: $v-unit-size * 3;
}
}
@@ -175,17 +200,17 @@
.v-filterselect-os-single-selection {
color: valo-font-color($os-sub-header-bg);
- margin: floor($os-unit-size/3);
+ margin: floor($v-unit-size/3);
width: $os-button-width;
}
.os-multi-selection select.v-select-select {
color: inherit !important;
- border: $os-border;
- margin: floor($os-unit-size/3);
+ border: $v-border;
+ margin: floor($v-unit-size/3);
width: $os-button-width;
option:checked{
- box-shadow: 0 0 10px 100px $os-highlight-color inset;
+ box-shadow: 0 0 10px 100px $v-focus-color inset;
}
}
}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/scss/layout/_gridutil.scss b/org.eclipse.osbp.themes/scss/layout/_gridutil.scss
index d15fa0f..4c314c9 100644
--- a/org.eclipse.osbp.themes/scss/layout/_gridutil.scss
+++ b/org.eclipse.osbp.themes/scss/layout/_gridutil.scss
@@ -1,3 +1,9 @@
+////
+/// @group layout/gridutil
+////
+
+/// Styling for grid elements.
+/// @todo this is grid-util, what's gridview?
@mixin os-grid-util {
/* --------- boolean renderer --------- */
.v-icon.v-grid-cell-boolean {
diff --git a/org.eclipse.osbp.themes/scss/layout/_gridview.scss b/org.eclipse.osbp.themes/scss/layout/_gridview.scss
index 8483e19..14db2b1 100644
--- a/org.eclipse.osbp.themes/scss/layout/_gridview.scss
+++ b/org.eclipse.osbp.themes/scss/layout/_gridview.scss
@@ -1,34 +1,32 @@
+////
+/// @group layout/gridview
+////
+
+/// Styling for grid elements.
+/// @todo gridview vs grid-util?
@mixin os-gridview {
- .v-grid {
- .v-grid-tablewrapper {
- .v-grid-header {
- border: 0px;
- height: $os-unit-size;
- background-image: none !important;
- font-weight: bold;
- .v-grid-row {
- .v-grid-cell {
- font-size: $os-font-size;
- font-weight: bold;
- }
- .v-grid-cell.filter-header {
- padding: 0px !important;
- height: $os-unit-size !important;
- }
- }
- }
- .v-grid-body {
-
- .v-progressbar {
- @include os-progress-gridview;
- }
- }
+/* .l-yview-provider > .l-control > * > .l-control .v-grid { */
+/* padding: 0px; */
+/* } */
+
+ .v-grid {
+ .v-grid-header .v-grid-row .v-grid-cell {
+ font-size: $v-font-size;
+ font-weight: bold;
}
-
- .v-grid-scroller {
- &::-webkit-scrollbar-thumb {
- border-radius: $v-border-radius;
- }
+ .v-grid-cell.filter-header {
+ height: $v-unit-size !important;
+ padding: 0px;
+ }
+ .v-textfield, .v-datefield > .v-textfield {
+ float: left;
+ width: 100%;
+ height: $v-unit-size;
+ }
+ .v-datefield {
+ /* bad solution */
+ top: -1px;
+/* width: 10%; */
}
}
}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/scss/layout/_hasfocus.scss b/org.eclipse.osbp.themes/scss/layout/_hasfocus.scss
index 927dadf..af36c34 100644
--- a/org.eclipse.osbp.themes/scss/layout/_hasfocus.scss
+++ b/org.eclipse.osbp.themes/scss/layout/_hasfocus.scss
@@ -1,6 +1,13 @@
+////
+/// @group layout/hasfocus
+////
+
+/// Should include all special focus actions on inputs, panels and captions.
+/// @todo apparently just a template and not in use. Might have been replaced by focus.scss
+
@mixin os-has-focus {
- $os-label-focus-color: $os-highlight-color;
+ $os-label-focus-color: $v-focus-color;
$os-label-focus-background: $os-focus-color;
.v-panel-os-has-focus .v-panel-captionwrap {
diff --git a/org.eclipse.osbp.themes/scss/layout/_header.scss b/org.eclipse.osbp.themes/scss/layout/_header.scss
index 1c04ddf..450e031 100644
--- a/org.eclipse.osbp.themes/scss/layout/_header.scss
+++ b/org.eclipse.osbp.themes/scss/layout/_header.scss
@@ -1,156 +1,304 @@
-/* only describes the fixed top portion of the page/application */
+////
+/// @group layout/header
+////
-@mixin os-header {
- $header-separator-height: $os-splitter-size - 3;
- $os-main-header-bg: $os-light-contrast;
- // the very top
- .v-menubar {
- //display: none;
- //background-image: url("../image/osbee-logo.png");
- background-repeat: no-repeat;
- background-position: 50%;
- background-size: auto $os-unit-size; //w h
- background-color: $os-main-header-bg;
- @if $os-bordered == true {
- border: 0px;
- border-bottom: ceil($os-unit-size/11) solid $os-highlight-color;
- height: $os-unit-size + ceil($os-unit-size/11);
- }
- @else {
- border: 0px;
- border-bottom: $os-border;
- @include box-shadow(none);
- }
-
- /*
- padding-left: $os-unit-size;
- height: $os-unit-size + ($os-unit-size/3);
- border: 0px !important;
- color: valo-font-color($os-main-header-bg);
+/// The fixed top portion of the entire application. Contains user-menu, some controls and tabs for switching perspectives.
+/// @param {string} variant Can look different according to selected theme flavor.
+@mixin os-header($variant: os) {
+ @if $variant == os {
+ $header-separator-height: $os-splitter-size - 3;
+ $os-main-header-bg: $os-splitter-shade;
- @if $web==true {
- background-color: $os-dark-contrast;
- color: valo-font-color($os-dark-contrast);
- }
-
- .v-menubar-menuitem {
- padding: 4px 9px;
- }
- */
- }
-
- /* second row */
-
- .v-ui > .v-panel > .v-panel-content > .v-verticallayout > .v-expand >
- .v-slot > .v-verticallayout > .v-expand {
- > .v-slot:nth-child(1) {
- /* NO borders, paddings, margins or height declarations in this area.
- * Content will be pushed beneath the bottom of the browser
- * window due to e4/vaaclipse restrictions. */
- @if $os-bordered == true {
- background-color: $os-light-contrast;
- }
- @else {
- /* fake bottom border: */
- @include linear-gradient(to top, $os-highlight-color $header-separator-height, $os-main-header-bg $header-separator-height);
+ // the very top
+ .v-menubar {
+ //display: none;
+ //background-image: url("../image/osbee-logo.png");
+ background-repeat: no-repeat;
+ background-position: 50%;
+ background-size: auto $v-unit-size; //w h
+ background-color: $os-main-header-bg;
+ @if $os-bordered == true {
+ border: 0px;
+/* border-bottom: ceil($v-unit-size/11) solid $os-odd-highlight; */
+ height: $v-unit-size + ceil($v-unit-size/11);
}
- /*@include linear-gradient(to top, $os-light-contrast $header-separator-height,
- $os-highlight-color $header-separator-height,
- $os-highlight-color $os-splitter-size,
- $os-main-header-bg $os-splitter-size);*/
- }
-
- /* removes empty v-slot/spacer in header-area */
- > .v-slot:nth-child(2) {
- //height: 0px !important;
- display: none;
- }
-
- @if $os-bordered == false {
- > .v.slot:nth-child(3) {
+ @else {
+ border: 0px;
+ border-bottom: $v-border;
@include box-shadow(none);
}
- }
- }
-
-
-
-
- .toptrimbar {
- overflow: hidden;
- white-space: nowrap;
-
- position: inherit;
- bottom: 0px;
- height: 2.2 * $os-unit-size + $header-separator-height;
- @if $web==true {
- height: 2 * $os-unit-size + $header-separator-height;
- }
-
- @if $os-bordered==true {
- height: 2.5 * $os-unit-size;
- .ToolControlMenu {
- //padding-top: inherit;//floor($os-unit-size/2);
- position: relative;
- top: 10%;
- }
- .ToolControlCombo {
- //padding-top: inherit;//floor($os-unit-size/2);
- position: relative;
- top: 75%;
- }
- }
- @else {
- .ToolControlMenu {
- vertical-align: text-top;
- }
- .ToolControlCombo {
- //padding-top: inherit;//floor($os-unit-size/2);
- position: relative;
- top: 75%;
- }
- }
-
- .v-button {
- border: none;
- background: transparent;
- padding: 0px;
- }
-
- .v-filterselect, .v-filterselect-input {
- /* override _forms */
- background-color: $os-main-header-bg !important;
- color: valo-font-color($os-main-header-bg) !important;
- }
- .v-filterselect.v-widget.os-combobox-with-icon .v-icon {
- /* language selection icon position (header) */
- z-index: 999;
- }
-
- td.v-formlayout-errorcell, td.v-formlayout-captioncell {
- border-bottom: none;
}
- }
-
- .perspectivepanel {
- @include os-button-perspectivepanel;
-
- margin-right: $os-unit-size;
- @if $os-bordered == true {
- /*position: absolute;
- bottom: 0px;*/
+ /* second row */
+ .v-ui > .v-panel > .v-panel-content > .v-verticallayout > .v-expand >
+ .v-slot > .v-verticallayout > .v-expand {
+ > .v-slot:nth-child(1) {
+ /* NO borders, paddings, margins or height declarations in this area.
+ * Content will be pushed beneath the bottom of the browser
+ * window due to e4/vaaclipse restrictions. */
+ @if $os-bordered == true {
+ /* fake top border: */
+ @include linear-gradient(to bottom, $os-odd-highlight $header-separator-height, $os-main-header-bg $header-separator-height);
+ }
+ @else {
+ /* fake bottom border: */
+ @include linear-gradient(to top, $os-odd-highlight $header-separator-height, $os-main-header-bg $header-separator-height);
+ }
+ /*@include linear-gradient(to top, $os-light-contrast $header-separator-height,
+ $v-focus-color $header-separator-height,
+ $v-focus-color $os-splitter-size,
+ $os-main-header-bg $os-splitter-size);*/
+ }
+
+ /* removes empty v-slot/spacer in header-area */
+ > .v-slot:nth-child(2) {
+ //height: 0px !important;
+ display: none;
+ }
+
+ @if $os-bordered == false {
+ > .v.slot:nth-child(3) {
+ @include box-shadow(none);
+ }
+ }
}
- @else {
+
+ .toptrimbar {
+ overflow: hidden;
+ white-space: nowrap;
+
+ position: inherit;
+ bottom: 0px;
+
+
+ height: 2.2 * $v-unit-size + $header-separator-height;
+
+ @if $web==true {
+ height: 2 * $v-unit-size + $header-separator-height;
+ }
+
+ @if $os-bordered==true {
+ height: 2.5 * $v-unit-size;
+ .ToolControlMenu {
+ //padding-top: inherit;//floor($v-unit-size/2);
+ position: relative;
+ top: 10%;
+ }
+ .ToolControlCombo {
+ //padding-top: inherit;//floor($v-unit-size/2);
+ position: relative;
+ top: 75%;
+ }
+ }
+ @else {
+ .ToolControlMenu {
+ vertical-align: text-top;
+ }
+ .ToolControlCombo {
+ //padding-top: inherit;//floor($v-unit-size/2);
+ position: relative;
+ top: 75%;
+ }
+ }
+
+ .v-button {
+ border: none;
+/* background: transparent; */
+/* padding: 0px; */
+ }
+
+/* .v-filterselect, .v-filterselect-input { */
+/* override _dialog */
+/* background-color: $os-main-header-bg !important; */
+/* color: valo-font-color($os-main-header-bg) !important; */
+/* @include box-shadow(none); */
+/* border-bottom: $v-border; */
+/* } */
+/* .v-filterselect.v-widget.os-combobox-with-icon .v-icon { */
+/* language selection icon position (header) */
+/* z-index: 999; */
+/* } */
+
+ td.v-formlayout-errorcell, td.v-formlayout-captioncell {
+ border-bottom: none;
+ }
+ }
+
+ .perspectivepanel {
+ @include os-button-perspectivepanel;
+
position: absolute;
- bottom: $header-separator-height;
- }
-
- .v-button-pushed {
- background: $os-button-as-tab !important;
- border-color: $os-button-as-tab !important;
- .v-button-caption {
- color: valo-font-color($os-button-as-tab) !important;
+ margin-right: $v-unit-size;
+ @if $os-bordered == true {
+ top: $header-separator-height;
+ }
+ @else {
+ bottom: $header-separator-height;
+ }
+
+ .v-button-pushed {
+ background: $os-button-as-tab !important;
+ border-color: $os-button-as-tab !important;
+ .v-button-caption {
+ color: valo-font-color($os-button-as-tab) !important;
+ }
}
}
}
- }
\ No newline at end of file
+ @if $variant == cxo {
+ $os-main-header-bg: $os-splitter-shade;
+ $header-separator-height: 2px;
+
+/* the very top */
+ .v-menubar {
+/* background-repeat: no-repeat; */
+/* background-position: 50%; */
+/* background-size: auto $v-unit-size; //w h */
+ background-color: $os-main-header-bg;
+ @if $os-bordered == true {
+ border: 0px;
+/* border-bottom: ceil($v-unit-size/11) solid $os-odd-highlight; */
+ height: $v-unit-size + ceil($v-unit-size/11);
+ }
+ @else {
+ border: 0px;
+ border-bottom: $v-border;
+ @include box-shadow(none);
+ }
+ }
+ /* second row */
+ .v-ui > .v-panel > .v-panel-content > .v-verticallayout > .v-expand >
+ .v-slot > .v-verticallayout > .v-expand {
+ > .v-slot:nth-child(1) {
+ /* NO borders, paddings, margins or height declarations possible in this area.
+ * Content will be pushed beneath the bottom of the browser
+ * window due to e4/vaaclipse restrictions. */
+ @if $os-bordered == true {
+ background-color: $os-splitter-shade;
+ }
+ @else {
+ /* fake bottom border: */
+ @include linear-gradient(to top, $os-odd-highlight $header-separator-height, $os-main-header-bg $header-separator-height);
+ }
+ @if $os-theme-desig == "cxo" {
+ /* fake bottom border: */
+/* @include linear-gradient(to top, $os-odd-highlight $header-separator-height, $os-main-header-bg $header-separator-height); */
+ @include linear-gradient(to bottom, $os-header-shade-2 0%, $os-header-shade-1 90%, $os-mid-contrast 90% ,$v-app-background-color 100%);
+ @include linear-gradient(to top, $v-app-background-color 0px, $os-mid-contrast $os-splitter-size, #ffd210 $os-splitter-size, #fffb8e 100%);
+ @include linear-gradient(to top, $v-app-background-color 0px, $os-mid-contrast 1px, #ffd210 1px, #fffb8e 100%);
+
+
+ }
+ /*@include linear-gradient(to top, $os-light-contrast $header-separator-height,
+ $v-focus-color $header-separator-height,
+ $v-focus-color $os-splitter-size,
+ $os-main-header-bg $os-splitter-size);*/
+ }
+
+ /* removes empty v-slot/spacer in header-area */
+ > .v-slot:nth-child(2) {
+ //height: 0px !important;
+ display: none;
+ }
+
+ @if $os-bordered == false {
+ > .v.slot:nth-child(3) {
+ @include box-shadow(none);
+ }
+ }
+ }
+
+ .toptrimbar {
+ overflow: hidden;
+ white-space: nowrap;
+
+ position: inherit;
+ bottom: 0px;
+ height: 2.2 * $v-unit-size + $header-separator-height;
+ @if $os-theme-desig == "cxo" {
+ height: 2.2 * $v-unit-size;
+ }
+
+/* @if $web==true { */
+/* height: 2 * $v-unit-size + $header-separator-height; */
+/* } */
+
+/* @if $os-bordered==true { */
+/* height: 2.5 * $v-unit-size; */
+/* .ToolControlMenu { */
+/* //padding-top: inherit;//floor($v-unit-size/2); */
+/* position: relative; */
+/* top: 10%; */
+/* } */
+/* .ToolControlCombo { */
+/* //padding-top: inherit;//floor($v-unit-size/2); */
+/* position: relative; */
+/* top: 75%; */
+/* } */
+/* } */
+/* @else { */
+ .ToolControlMenu {
+ vertical-align: text-top;
+ }
+ .ToolControlCombo {
+ padding-top: floor($v-unit-size/2);
+/* position: relative; */
+/* top: 75%; */
+ }
+/* } */
+
+/* .v-button { */
+/* border: none; */
+/* background: transparent; */
+/* padding: 0px; */
+/* } */
+
+ .v-filterselect, .v-filterselect-input {
+/* override _forms */
+ background-color: $os-main-header-bg !important;
+ color: valo-font-color($os-main-header-bg) !important;
+ @include box-shadow(none);
+ border-bottom: $v-border;
+
+ }
+ .v-filterselect.v-widget.os-combobox-with-icon .v-icon {
+/* language selection icon position (header) */
+ z-index: 999;
+ }
+
+ td.v-formlayout-errorcell, td.v-formlayout-captioncell {
+ border-bottom: none;
+ }
+ }
+
+ .perspectivepanel {
+ @include os-button-perspectivepanel;
+ margin-right: $v-unit-size;
+/* @if $os-bordered == true { */
+ position: absolute;
+ bottom: 0px;
+/* } */
+/* @else { */
+/* position: absolute; */
+/* bottom: 10%; */
+/* } */
+
+/* @if $os-theme-desig == "cxo" { */
+ .vaaclipsebutton.v-button-vaaclipsebutton {
+ height: ceil(1.6 * $v-unit-size);
+/* position: absolute; */
+/* bottom: $os-splitter-size; */
+ }
+ .v-button-vaaclipsebutton.pushed {
+ height: ceil(1.6 * $v-unit-size);
+ bottom: 0px;
+ background: $os-button-as-tab !important;
+ @include linear-gradient(to top, $os-mid-contrast 1px, $os-button-as-tab 1px);
+ border-color: $os-button-as-tab !important;
+ .v-button-caption {
+ color: valo-font-color($os-button-as-tab) !important;
+ }
+ }
+ }
+ }
+ }
+
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/scss/layout/_iconfont.scss b/org.eclipse.osbp.themes/scss/layout/_iconfont.scss
index 437fd74..d85b43d 100644
--- a/org.eclipse.osbp.themes/scss/layout/_iconfont.scss
+++ b/org.eclipse.osbp.themes/scss/layout/_iconfont.scss
@@ -1,3 +1,7 @@
+////
+/// @group layout/iconfont
+////
+
/* fixed icons (not related to other elements)
* having distinctive css classnames
*/
@@ -54,6 +58,7 @@
text-transform: none;
line-height: 1;
text-shadow: $os-text-shadow;
+ text-shadow: valo-text-shadow();
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
@@ -70,6 +75,7 @@
text-transform: none;
line-height: 1;
text-shadow: $os-text-shadow;
+ text-shadow: valo-text-shadow();
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
@@ -82,6 +88,7 @@
/* FontAwesome icons replacing fontello icons */
+/// Specific classnames are replaced by specific font icons here.
@mixin os-icons {
.icon-download {
@include os-icon-font ($content: '\f019');
diff --git a/org.eclipse.osbp.themes/scss/layout/_login.scss b/org.eclipse.osbp.themes/scss/layout/_login.scss
index 8c4ed89..f9371de 100644
--- a/org.eclipse.osbp.themes/scss/layout/_login.scss
+++ b/org.eclipse.osbp.themes/scss/layout/_login.scss
@@ -1,9 +1,16 @@
-@mixin os-login-bgimage {
+////
+/// @group layout/login
+////
+
+/// Login dialog style.
+@mixin os-login {
.v-slot-loginPanelArea {
background-image: $os-login-background-image;
background-repeat: no-repeat;
- background-size: cover;
+ /*background-size: cover;*/
background-color: $os-light-contrast;
+ background-size: 450px 120px;
+ background-position: 50% 100px;
}
.loginPanelArea {
@@ -11,11 +18,13 @@
&.v-panel {
border: 0px !important;
background: transparent;
+ position: relative;
+ top: 300px;
}
}
.loginFullArea {
- background: $os-background-color;
+ background: $v-app-background-color;
}
.osbpLoginForm {
@@ -25,9 +34,12 @@
.v-slot-loginTitleArea {
background: transparent;
- border-left: $os-border;
- border-right: $os-border;
- border-top: $os-border;
+ border-left: $v-border;
+ border-right: $v-border;
+ border-top: $v-border;
+ .os-view-header-h2 {
+ text-align: center;
+ }
}
.v-slot-loginTextArea {
background: transparent;
@@ -39,27 +51,30 @@
div#loginUserArea {
background: transparent;
- border-left: $os-border;
- border-right: $os-border;
- padding: $os-unit-size $os-unit-size*2 $os-unit-size $os-unit-size*2;
+ border-left: $v-border;
+ border-right: $v-border;
+ padding: $v-unit-size $v-unit-size*2 $v-unit-size $v-unit-size*2;
}
div#loginButtonArea {
background: transparent;
- border-left: $os-border;
- border-right: $os-border;
- border-bottom: $os-border;
- padding: 0px $os-unit-size*2 $os-unit-size $os-unit-size*2;
+ border-left: $v-border;
+ border-right: $v-border;
+ border-bottom: $v-border;
+ padding: 0px $v-unit-size*2 $v-unit-size $v-unit-size*2;
@include box-shadow(0px 3px 3px transparentize(#000, 0.65));
}
div#loginTextArea {
background: transparent;
- border-left: $os-border;
- border-right: $os-border;
- padding: 0px $os-unit-size*2 $os-unit-size $os-unit-size*2;
+ border-left: $v-border;
+ border-right: $v-border;
+ padding: 0px $v-unit-size*2 $v-unit-size*0.5 $v-unit-size*2; /*t r b l */
>.v-expand {
width: 90%;
margin: 0 auto;
}
+ img.v-image.v-widget {
+ margin-top: $v-unit-size * -0.5;
+ }
}
div#loginImageArea {
@@ -82,22 +97,31 @@
button.v-nativebutton.v-widget.v-has-width {
border: none;
background: transparent;
- color: $os-highlight-color;
+ color: $v-focus-color;
font-weight: bold;
+ @include box-shadow(none);
+ white-space: nowrap;
//padding:0px;
}
.v-expand {
- padding-top: 1px;;
+ padding-top: 1px;
}
}
.loginCopyrightArea {
.v-label.v-widget.v-has-width {
- padding: $os-unit-size *0.3;
+ padding: $v-unit-size *0.3;
+ padding-bottom: 1px;
text-align: center;
- background-color: transparentize($os-background-color, 0.75);
+ background-color: transparentize($v-app-background-color, 0.75);
color: $os-base-color;
font-weight: bold;
- }
+ }
+ .v-label.v-widget.loginVersionField {
+ padding: $v-unit-size *0.1;
+ padding-right: 10px;
+ text-align: right;
+ font-size:10px;
}
}
+}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/scss/layout/_oconfigdialog.scss b/org.eclipse.osbp.themes/scss/layout/_oconfigdialog.scss
index 02e6493..74f75f3 100644
--- a/org.eclipse.osbp.themes/scss/layout/_oconfigdialog.scss
+++ b/org.eclipse.osbp.themes/scss/layout/_oconfigdialog.scss
@@ -1,3 +1,9 @@
+////
+/// @group layout/oconfigdialog
+////
+
+/// @todo doesn't comply with naming convention. Should probably be moved to /addons or /external.
+/// Where is it used?
@mixin os-configdialog {
.o-configuration-dialog {
.o-navigation-area .v-nativebutton {
diff --git a/org.eclipse.osbp.themes/scss/layout/_pageframe.scss b/org.eclipse.osbp.themes/scss/layout/_pageframe.scss
index b719bdd..e3033ef 100644
--- a/org.eclipse.osbp.themes/scss/layout/_pageframe.scss
+++ b/org.eclipse.osbp.themes/scss/layout/_pageframe.scss
@@ -1,8 +1,35 @@
/*global style adjustments, override specifically */
+////
+/// @group layout/pageframe
+////
+/// Global style adjustments that don't belong to a specific component.
@mixin os-pageframe {
- //@include os-scrollbar;
+ /* Notification popup style; unfortunately */
+ /* this will happen globally, because notifications are outside of other elements */
+ .v-Notification {
+ .v-Notification-caption {
+ font-size: $v-font-size * 2;
+ }
+ .v-Notification-description{
+ font-size: $v-font-size * 1.2;
+ display: block;
+ text-align: center;
+ margin-left: 0px;
+ margin: 0 auto;
+ }
+ }
+
+
+ /* external welcome page iframe container */
+ .v-verticallayout-os-welcome {
+ padding: 0px !important;
+ }
+ iframe {
+ border-width: 0px;
+ }
+
/* checkbox-global */
:root & .v-checkbox {
@@ -16,39 +43,49 @@
}
}
- // borders for views:
-
+ /* borders for views: */
@if $os-bordered==true {
-
.v-verticallayout-part {
- border: $os-border;
+ border: $v-border;
+/* padding: 10px; */
}
}
+
+
+/* several padding adjustments */
+/* .l-yview-provider>.l-control > * > .l-control { */
+/* padding: 10px; */
+/* } */
+
+
+ .v-slot-os-work-area {
+/* padding: 20px; */
+ }
h1 {
@include os-typeface-h1;
}
-
+
+ /* popup with full content */
.popupContent {
@include os-popup-perspective;
}
+/* &.v-overlay-container>.v-window { */
+/* height: auto !important; */
+/* width: auto !important; */
+/* } */
+
// panel default style without borders
.v-panel {
border-width: 0px;
}
// colors/styles
- .v-button {
+ .v-button, .v-nativebutton {
@include os-button;
}
- /* ???
- .v-gridlayout > .v-gridlayout-slot .v-button {
- @include os-button-gridlayout;
- }*/
-
-
.os-data-component >.v-button {
@include os-button-data;
}
@@ -62,10 +99,6 @@
.v-filterselect {
@include os-textfield;
}
- .o-XSuggestBox, .o-XSuggestBox > .v-textfield {
- @include os-textfield;
- height: $os-unit-size;
- }
.os-view-header-h2, .v-label-h2 {
@include os-typeface-view-h2;
@@ -82,7 +115,7 @@
*/
.os-data-area {
- margin: floor($os-unit-size/3);
+/* padding: $os-layout-margin; */
}
/* WORKAROUNDS */
@@ -101,9 +134,9 @@
.os-mparttoolbararea, .os-embedded-toolbar {
width: 100%;
min-height: $os-button-height;
- border-bottom: $os-border;
+ border-bottom: $v-border;
color: valo-font-color($os-sub-header-bg);
- background: $os-background-color;
+ background: $v-app-background-color;
.v-button {
@include os-button-toolbar;
@@ -129,10 +162,13 @@
> .v-splitpanel-vsplitter {
div:before {
border: transparent;
- background-color: $os-splitter;
+ background-color: $os-splitter-shade;
+ @if $os-bordered == false {
+ background-image: none;
+ }
}
div:after {
- border-color: get_contrast($os-fn-medium, $os-splitter, $os-fn-desaturate);
+ border-color: get_contrast($os-fn-medium, $os-splitter-shade, $os-fn-desaturate);
}
}
}
@@ -149,10 +185,13 @@
> .v-splitpanel-hsplitter {
div:before {
border: transparent;
- background-color: $os-splitter;
+ background-color: $os-splitter-shade;
+ @if $os-bordered == false {
+ background-image: none;
+ }
}
div:after {
- border-color: get_contrast($os-fn-medium, $os-splitter, $os-fn-desaturate);
+ border-color: get_contrast($os-fn-medium, $os-splitter-shade, $os-fn-desaturate);
}
}
}
@@ -160,7 +199,7 @@
/* PROGRESS */
.os-important .v-progressbar-indicator {
- background: $os-progress-important none;
+ background: $v-error-indicator-color none;
}
.v-loading-indicator {
opacity: 0.5;
@@ -178,4 +217,7 @@
background: transparent $os-loading-animation no-repeat 50%;
border-radius: $v-border-radius;
}
- }
\ No newline at end of file
+
+
+ }
+
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/scss/layout/_responsive.scss b/org.eclipse.osbp.themes/scss/layout/_responsive.scss
index d4d5d14..dc3dba1 100644
--- a/org.eclipse.osbp.themes/scss/layout/_responsive.scss
+++ b/org.eclipse.osbp.themes/scss/layout/_responsive.scss
@@ -1,3 +1,9 @@
+////
+/// @group layout/responsive
+////
+
+/// Template for styling responsive layouts.
+/// @todo Make it functional!
@mixin os-responsive {
.l-csslayout {
background: green;
diff --git a/org.eclipse.osbp.themes/scss/layout/_sidebar.scss b/org.eclipse.osbp.themes/scss/layout/_sidebar.scss
index 9832c48..31edeb5 100644
--- a/org.eclipse.osbp.themes/scss/layout/_sidebar.scss
+++ b/org.eclipse.osbp.themes/scss/layout/_sidebar.scss
@@ -1,29 +1,34 @@
+////
+/// @group layout/sidebar
+////
+
+/// Sidebar style imitating the look of a table.
@mixin os-sidebar-table-variant{
.v-slot-osbpsidebar {
.v-slot-branding {
- background-color: $os-splitter;
+ background-color: $os-splitter-shade;
}
.branding {
@include os-typeface-sidebar;
}
.menu {
- //border-top: $os-border;
+ //border-top: $v-border;
width: 100%;
- padding: $os-unit-size/2;
+ padding: $v-unit-size/2;
overflow: auto;
.v-nativebutton {
@include os-button-sidebar-table-variant;
&:before{
- //padding-left: $os-unit-size/2;
+ //padding-left: $v-unit-size/2;
}
}
}
.user {
display: block;
- background-color: $os-splitter;
- padding: ceil($os-unit-size/5);
- //border-top: $os-splitter-size solid $os-splitter;
+ background-color: $os-splitter-shade;
+ padding: ceil($v-unit-size/5);
+ //border-top: $os-splitter-size solid $os-splitter-shade;
> .v-slot {
height: 100%;
@@ -34,18 +39,18 @@
.v-image {
- border: $os-border;
+ border: $v-border;
border-width: 0px;
vertical-align: text-top;
- border-radius: $os-unit-size;
- max-width: ceil($os-unit-size * 1.4);
- max-height: ceil($os-unit-size * 1.4);
+ border-radius: $v-unit-size;
+ max-width: ceil($v-unit-size * 1.4);
+ max-height: ceil($v-unit-size * 1.4);
}
.v-label {
@include os-typeface-view-h2;
- color: valo-font-color($os-splitter);
+ color: valo-font-color($os-splitter-shade);
padding-top: 0px;
}
@@ -62,9 +67,9 @@
display: inline !important;
@include os-icon-font ($content: '\f013',
$placement: before,
- $size: ceil($os-font-size * 1.5),
- $line-height: $os-line-height * $os-l-font-factor);
- color: valo-font-color($os-splitter);
+ $size: ceil($v-font-size * 1.5),
+ $line-height: $v-line-height * $v-scaling-factor--large);
+ color: valo-font-color($os-splitter-shade);
}
@@ -75,26 +80,26 @@
}
/* .v-menubar {
- color: $os-background-color;
- font-size: $os-font-size * $os-l-font-factor;
+ color: $v-app-background-color;
+ font-size: $v-font-size * v-scaling-factor--large;
width: 15%;
- padding: $os-unit-size * 0.25;
+ padding: $v-unit-size * 0.25;
}*/
/*.v-menubar-menuitem, .v-menubar-menuitem-icon-cog {
- height: $os-unit-size * 2;
+ height: $v-unit-size * 2;
}*/
.v-nativebutton {
- font-size: $os-font-size * $os-l-font-factor;
- color: valo-font-color($os-splitter);
+ font-size: $v-font-size * $v-scaling-factor--large;
+ color: valo-font-color($os-splitter-shade);
//width: 15%;
- //padding-right: $os-unit-size * 0.25;
+ //padding-right: $v-unit-size * 0.25;
}
.icon-cancel:before {
- font-size: $os-font-size * $os-l-font-factor;
- color: valo-font-color($os-splitter);
+ font-size: $v-font-size * $v-scaling-factor--large;
+ color: valo-font-color($os-splitter-shade);
font-weight: bold;
- line-height: $os-line-height * $os-l-font-factor;
- color: valo-font-color($os-background-color);
+ line-height: $v-line-height * $v-scaling-factor--large;
+ color: valo-font-color($v-app-background-color);
}
/*
.v-nativebutton:before, .icon-cancel > .v-button-wrap:before, .icon-cancel.v-label:before, .v-menubar-menuitem-icon-cancel:before {
@@ -109,10 +114,11 @@
}
}
+/// Regular sidebar style.
@mixin os-sidebar {
.osbpsidebar {
- @include valo-gradient($os-light-contrast, $os-gradient-amount, $os-light-contrast);
- background: $os-background-color;
+ @include valo-gradient($os-light-contrast, $os-gradient, $os-light-contrast);
+ background: $v-app-background-color;
}
.osbpsidebar .branding .v-label {
@@ -131,14 +137,14 @@
position: relative;
z-index: 2;
//background: $os-base-color;
- @include valo-gradient($os-base-color, $os-gradient-amount, $os-base-color);
+ @include valo-gradient($os-base-color, $os-gradient, $os-base-color);
white-space: normal;
//line-height: 1.1;
color: #fff;
/* WTH? Why is inline-block forced as an inline style? */
display: block !important;
- padding: $os-unit-size/2;
+ padding: $v-unit-size/2;
font-weight: bold;
@@ -159,13 +165,13 @@
-webkit-appearance: none;
width: 100%;
- padding: $os-unit-size/6;
+ padding: $v-unit-size/6;
border: none;
margin: 0;
position: relative;
- border-bottom: $os-border;
+ border-bottom: $v-border;
//background: transparent;
- @include valo-gradient($os-light-contrast, $os-gradient-amount, $os-light-contrast);
+ @include valo-gradient($os-light-contrast, $os-gradient, $os-light-contrast);
color: inherit;
font-weight: normal;
text-align: center;
@@ -184,7 +190,7 @@
}
&:focus, &:hover {
outline:0;
- border-bottom-color: $os-highlight-color;
+ border-bottom-color: $v-focus-color;
}
}
@@ -192,13 +198,13 @@
.badge,
.notifications .v-button-caption {
display: inline-block;
- font-size: $os-font-size * 0.9;
+ font-size: $v-font-size * 0.9;
line-height: 1;
color: #fff;
//text-shadow: 0 1px 1px rgba(0,0,0,.3);
padding: .1em .4em .2em;
- background: $os-highlight-color;
+ background: $v-focus-color;
//TODO mixin
//background: -moz-linear-gradient(top, #faa290 0%, #f77b62 14%, #ec3120 87%, #ce2314 100%);
@@ -226,11 +232,11 @@
.osbpsidebar .user {
$os-user-height: 34px;
display: block;
- //padding-bottom: $os-unit-size *0.85 ;
+ //padding-bottom: $v-unit-size *0.85 ;
- border-top: $os-border;
+ border-top: $v-border;
//background: $os-dark-contrast;
- @include valo-gradient($os-dark-contrast, $os-gradient-amount, $os-dark-contrast);
+ @include valo-gradient($os-dark-contrast, $os-gradient, $os-dark-contrast);
color: #fff;
@@ -248,29 +254,29 @@
}
.v-label {
font-weight:bold;
- padding-left: $os-unit-size * 0.4;
- padding-top: $os-unit-size * 0.4;
+ padding-left: $v-unit-size * 0.4;
+ padding-top: $v-unit-size * 0.4;
}
.v-menubar, .v-nativebutton {
-webkit-appearance: none;
border: none;
- //padding-left: $os-unit-size * 0.2;
+ //padding-left: $v-unit-size * 0.2;
background: transparent;
color: inherit;
}
.v-menubar {
color: #fff;
- font-size: $os-font-size * 2;
+ font-size: $v-font-size * 2;
width: 15%;
- padding: $os-unit-size * 0.25;
+ padding: $v-unit-size * 0.25;
}
span.v-menubar-menuitem.v-menubar-menuitem-icon-cog {
height: $os-user-height;
}
.v-nativebutton {
- font-size: $os-font-size * 1.3;
+ font-size: $v-font-size * 1.3;
width: 15%;
- //padding-right: $os-unit-size * 0.25;
+ //padding-right: $v-unit-size * 0.25;
}
.icon-cancel.v-nativebutton:before, .icon-cancel > .v-button-wrap:before, .icon-cancel.v-label:before, .v-menubar-menuitem-icon-cancel:before {
font-weight: 600;
@@ -280,245 +286,5 @@
.v-nativebutton-caption {
display: none;
}
- }
-
-
- /*
- .osbpsidebar .user > .v-slot {
- display: inline-block;
- width: 50%;
- }
-
- .osbpsidebar .user > .v-slot:first-child {
- width: 34px;
- }
-
- .osbpsidebar .user .v-image {
- width: 34px;
- height: 34px;
- border-right: 1px solid #313132;
- }
-
- .osbpsidebar .user .v-label {
- white-space: normal;
- font-size: 12px;
- line-height: 14px;
- font-weight: 600;
- max-width: 50px;
- overflow: visible;
- padding: 2px 8px;
- height: 34px;
- color: inherit;
- -webkit-font-smoothing: antialiased;
- }
-
- .osbpsidebar .user .v-nativebutton,
- .osbpsidebar .user .v-menubar {
- //TODO mixin
- -webkit-appearance: none;
-
- border: none;
- border-top: 1px solid #303132;
- background: transparent;
- width: 100%;
- padding: 0;
-
- color: inherit;
- }
-
- .osbpsidebar .user .v-nativebutton:focus {
- outline: none;
- }
-
- .osbpsidebar .user .v-nativebutton:hover,
- .osbpsidebar .user .v-menubar-menuitem:hover {
- color: #e1e1e1;
- }
-
- .osbpsidebar .user .v-nativebutton-caption {
- display: none;
- }
-
- .osbpsidebar .user .v-nativebutton:before,
- .osbpsidebar .user .v-menubar-menuitem:before {
- font-size: 16px;
- margin: 0;
- display: block;
- border-top: 1px solid #434445;
- padding: .3em 0 .4em;
- }
-
- .osbpsidebar .user .v-menubar-menuitem {
- border-right: 1px solid #434445;
- display: block !important;
- cursor: pointer;
- }
-
- .osbpsidebar .user .icon-cancel {
- border-left: 1px solid #303132;
- }
-
- */
-
-
- /*
- .osbpsidebar .branding .v-label span {
- font-size: 13px;
- color: #d0d1d3;
- display: block;
- }
-
- .osbpsidebar .branding .v-image {
- position: absolute;
- z-index: 1;
- top: 0;
- left: 0;
- width: 100%;
- }
-
- .osbpsidebar .menu {
- overflow: auto;
- height: 100%;
- width: 100%;
- }
-
- .osbpsidebar .menu .v-ddwrapper {
- padding: 2px;
- }
-
- .osbpsidebar .menu .v-ddwrapper .v-nativebutton {
- margin: -2px -2px;
- }
-
- .osbpsidebar .menu .v-ddwrapper-over {
- padding: 0;
- border: 2px solid #2d90f3;
- background: transparent;
- //@include border-radius(4px);
- border-radius: 4px;
- }
-
- .osbpsidebar .menu:after {
- content: "";
- display: block;
- border-top: 1px solid #4b4c4d;
- border-top-color: rgba(255,255,255,.05);
- height: 0;
-
- }
-
- .osbpsidebar .menu .v-nativebutton-caption {
- font-size: 12px;
- font-weight: 600;
- text-transform: uppercase;
- display: block;
- margin: .2em 0 0 0;
- }
-
- .osbpsidebar .menu .v-nativebutton:focus {
- //outline: none;
- }
-
- .osbpsidebar .menu .v-nativebutton:hover,
- .osbpsidebar .menu .v-nativebutton:focus {
- //color: #e1e1e1;
- }
-
- .osbpsidebar .menu .v-nativebutton:before {
- font-size: 24px;
- line-height: 1;
- margin: 0;
- }
-
- //.v-webkit & .menu .v-nativebutton:before {
- .v-webkit .menu .v-nativebutton:before {
- // TODO mixin
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#d3d3d3));
- background: -webkit-linear-gradient(top, #fff 0%,#777 100%);
- // background: linear-gradient(to bottom, #e8e8e8 0%,#d3d3d3 100%);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- text-shadow: 0 1px 1px rgba(0,0,0,.2);
- opacity: .5;
-
- // TODO mixin
- -webkit-transition: opacity ease-in-out 200ms;
- -moz-transition: opacity ease-in-out 200ms;
- -ms-transition: opacity ease-in-out 200ms;
- -o-transition: opacity ease-in-out 200ms;
- transition: opacity ease-in-out 200ms;
- }
-
- //.v-webkit & .menu .v-nativebutton:hover:before,
- //.v-webkit & .menu .v-nativebutton:focus:before {
- .v-webkit .menu .v-nativebutton:hover:before,
- .v-webkit .menu .v-nativebutton:focus:before {
- opacity: 1;
- }
-
- .osbpsidebar .menu .v-nativebutton:active {
- background: rgba(0,0,0,.1);
- }
-
- .osbpsidebar .menu .v-nativebutton.selected {
- color: #e1e1e1;
- text-shadow: 0 2px 2px rgba(0,0,0,.5);
-
- border-top-color: #262729;
- border-bottom-color: #2b2c2e;
-
- background: #333537;
-
- // TODO mixin
- background: -moz-linear-gradient(top, #2d2f30 0%, #333537 10%, #333537 90%, #2d2f30 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d2f30), color-stop(10%,#333537), color-stop(90%,#333537), color-stop(100%,#2d2f30));
- background: -webkit-linear-gradient(top, #2d2f30 0%,#333537 10%,#333537 90%,#2d2f30 100%);
- background: -o-linear-gradient(top, #2d2f30 0%,#333537 10%,#333537 90%,#2d2f30 100%);
- background: -ms-linear-gradient(top, #2d2f30 0%,#333537 10%,#333537 90%,#2d2f30 100%);
- //background: linear-gradient(to bottom, #2d2f30 0%,#333537 10%,#333537 90%,#2d2f30 100%);
-
- -webkit-transition: none;
- }
-
- //.v-webkit & .menu .v-nativebutton.selected:before {
- .v-webkit .menu .v-nativebutton.selected:before {
- text-shadow: none;
- opacity: 1;
- }
-
- .badge,
- .notifications .v-button-caption {
- display: inline-block;
- font-size: 11px;
- line-height: 1;
- color: #fff;
- text-shadow: 0 1px 1px rgba(0,0,0,.3);
- padding: .1em .4em .2em;
-
- background: #f16433;
-
- //TODO mixin
- background: -moz-linear-gradient(top, #faa290 0%, #f77b62 14%, #ec3120 87%, #ce2314 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faa290), color-stop(14%,#f77b62), color-stop(87%,#ec3120), color-stop(100%,#ce2314));
- background: -webkit-linear-gradient(top, #faa290 0%,#f77b62 14%,#ec3120 87%,#ce2314 100%);
- background: -o-linear-gradient(top, #faa290 0%,#f77b62 14%,#ec3120 87%,#ce2314 100%);
- background: -ms-linear-gradient(top, #faa290 0%,#f77b62 14%,#ec3120 87%,#ce2314 100%);
- // Sass compiler chokes on this
- // background: linear-gradient(to bottom, #faa290 0%,#f77b62 14%,#ec3120 87%,#ce2314 100%);
-
- //@include border-radius(2px);
- border-radius: 2px;
-
- @include box-shadow(0 1px 1px rgba(0,0,0,.3));
- }
-
-
- .menu .v-nativebutton .badge {
- position: absolute;
- top: 6px;
- right: 8px;
- }
-
-
- */
-}
\ No newline at end of file
+ }
+ }
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/scss/layout/_table.scss b/org.eclipse.osbp.themes/scss/layout/_table.scss
index 8c1bf18..b336a95 100644
--- a/org.eclipse.osbp.themes/scss/layout/_table.scss
+++ b/org.eclipse.osbp.themes/scss/layout/_table.scss
@@ -1,20 +1,26 @@
+////
+/// @group layout/table
+////
+
+/// Styling for table components.
@mixin os-table {
.v-table {
.v-label>img {
@if $os-img-size-override == true {
- border-radius: $os-unit-size *0.5;
- max-height: $os-unit-size;
+ border-radius: $v-unit-size *0.5;
+ max-height: $v-unit-size;
}
}
img.v-icon {
@if $os-img-size-override == true {
- max-height: $os-unit-size;
+ max-height: $v-unit-size;
}
}
+ // 0 2px 3px rgba(0, 0, 0, 0.15)
}
.v-table-table {
- //color: valo-font-color($os-background-color);
+ //color: valo-font-color($v-app-background-color);
td {
border-top: 0px;
}
@@ -24,7 +30,7 @@
border: 0px;
}
.v-table-body {
- background-color: $os-light-contrast;
+ background-color: $os-color-contrast;
}
.v-table-cell-wrapper > .v-widget {
@@ -32,7 +38,7 @@
}
.v-table-header {
- font-size: $os-font-size;
+ font-size: $v-font-size;
.v-icon {
display: none;
@@ -42,20 +48,20 @@
.v-table-header-wrap {
border: 0px;
//background-image: none !important;
- //background-color: $os-background-color;
- //color: valo-font-color($os-background-color);
+ //background-color: $v-app-background-color;
+ //color: valo-font-color($v-app-background-color);
font-weight: bold;
- border-top: $os-border;
- border-bottom: $os-border;
+ border-top: $v-border;
+ border-bottom: $v-border;
- .v-table-column-selector {
- border: 0px;
- width: auto !important;
- right: 1px;
+/* .v-table-column-selector { */
+/* border: 0px; */
+/* width: auto !important; */
+/* right: 1px; */
- @include os-icon-font($content: '\f0c9',
- $float: right);
- }
+/* @include os-icon-font($content: '\f0c9', */
+/* $float: right); */
+/* } */
}
.v-align-right > .v-table-cell-wrapper {
text-align: right !important;
@@ -70,23 +76,23 @@
}
[class*="rowheader"] {
- background-color: rgba($os-highlight-color, 0.1);
+ background-color: rgba($v-focus-color, 0.1);
}
/* FILTER */
.filters-wrap {
overflow: hidden;
- background-color: $os-light-contrast;
- height: $os-unit-size;
+ background-color: $os-textfield-shade;
+ height: $v-unit-size;
div {
- height: $os-unit-size;
+ height: $v-unit-size;
}
}
.filters-panel {
width: 90000px;
overflow: hidden;
- line-height: $os-line-height;
+ line-height: $v-line-height;
color: valo-font-color($os-light-contrast);
font-style: italic;
@@ -95,9 +101,8 @@
}
.v.label, .filterplaceholder {
- height: $os-unit-size - first($v-border); //first list element
- //background-color: $os-background-color;
- border-bottom: $os-border;
+ height: $v-unit-size - first($v-border); //first list element
+ border-bottom: $v-border;
}
.v-textfield {
@@ -110,4 +115,50 @@
}
}
}
- }
\ No newline at end of file
+ }
+
+
+
+
+/// @param {number} $header-footer-height 0 if no header or footer
+@mixin os-table-mod($height-mod: 0, $width-mod: 0, $has-caption: 0, $header-footer-height: 0) {
+ @if $width-mod > 0 {
+ .v-table-body-wrapper.v-scrollable, .v-table-header-wrap {
+ width: $width-mod * (($cash-field-width * 1.5) + ($v-layout-spacing-horizontal * ($width-mod * 0.5))) !important;
+ }
+ &.v-table.v-widget {
+ /* table: needed for proper scrollbar display when width is fixed */
+ width: auto !important;
+ }
+ }
+ /// Borders expand table height and need to be subtracted. Currently one border in table header and one in table body.
+ /// @todo Did I cover all borders ($os-bordered versions)?
+ @if $height-mod > 0 {
+ @if $has-caption == 1 {
+ .v-table-body-wrapper.v-scrollable {
+ /* some number checks
+ height: $v-layout-spacing-vertical;
+ height: $half-spacing;
+ height: $cash-button-base-height;
+ height: make_even($v-layout-spacing-vertical);
+ height: $cash-field-height;
+ height: $v-unit-size * $os-cash-zoom-factor;
+ height: ($header-footer-height);
+ height: (($height-mod - 1) * $v-layout-spacing-vertical);
+ height: 2*first-number($v-border);
+ */
+
+ height: $height-mod * $cash-field-height - ($v-unit-size * $os-cash-zoom-factor) - ($header-footer-height) + (($height-mod - 1) * $v-layout-spacing-vertical) - 2*first-number($v-border) !important;
+ }
+ }
+ @else {
+ .v-table-body-wrapper.v-scrollable {
+ height: $height-mod * $cash-field-height - ($header-footer-height) + (($height-mod - 1) * $v-layout-spacing-vertical) !important;
+ }
+ }
+ &.v-table.v-widget {
+ /* table: needed for proper scrollbar display when height is fixed */
+ height: auto !important;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/scss/layout/_table.scss171017 b/org.eclipse.osbp.themes/scss/layout/_table.scss171017
new file mode 100644
index 0000000..1d0cdfb
--- /dev/null
+++ b/org.eclipse.osbp.themes/scss/layout/_table.scss171017
@@ -0,0 +1,148 @@
+////
+/// @group layout/table
+////
+
+/// Styling for table components.
+@mixin os-table {
+ .v-table {
+ .v-label>img {
+ @if $os-img-size-override == true {
+ border-radius: $v-unit-size *0.5;
+ max-height: $v-unit-size;
+ }
+ }
+ img.v-icon {
+ @if $os-img-size-override == true {
+ max-height: $v-unit-size;
+ }
+ }
+ // 0 2px 3px rgba(0, 0, 0, 0.15)
+ }
+
+ .v-table-table {
+ //color: valo-font-color($os-background-color);
+ td {
+ border-top: 0px;
+ }
+ }
+
+ .v-table-body-wrapper {
+ border: 0px;
+ }
+ .v-table-body {
+ background-color: $os-color-contrast;
+ }
+
+ .v-table-cell-wrapper > .v-widget {
+ margin: inherit; // affects row height
+ }
+
+ .v-table-header {
+ font-size: $os-font-size;
+
+ .v-icon {
+ display: none;
+ }
+ }
+
+ .v-table-header-wrap {
+ border: 0px;
+ //background-image: none !important;
+ //background-color: $os-background-color;
+ //color: valo-font-color($os-background-color);
+ font-weight: bold;
+ border-top: $os-border;
+ border-bottom: $os-border;
+
+ .v-table-column-selector {
+ border: 0px;
+ width: auto !important;
+ right: 1px;
+
+ @include os-icon-font($content: '\f0c9',
+ $float: right);
+ }
+ }
+ .v-align-right > .v-table-cell-wrapper {
+ text-align: right !important;
+ }
+
+ .v-align-center >.v-table-cell-wrapper {
+ text-align: center !important;
+ }
+
+ .v-align-left > .v-table-cell-wrapper {
+ text-align: left !important;
+ }
+
+ [class*="rowheader"] {
+ background-color: rgba($os-highlight-color, 0.1);
+ }
+
+ /* FILTER */
+ .filters-wrap {
+ overflow: hidden;
+ background-color: $os-textfield-shade;
+ height: $v-unit-size;
+ div {
+ height: $v-unit-size;
+ }
+ }
+
+ .filters-panel {
+ width: 90000px;
+ overflow: hidden;
+ line-height: $os-line-height;
+ color: valo-font-color($os-light-contrast);
+ font-style: italic;
+
+ > div, > span, > input {
+ float: left !important;
+ }
+
+ .v.label, .filterplaceholder {
+ height: $v-unit-size - first($v-border); //first list element
+ border-bottom: $os-border;
+ }
+
+ .v-textfield {
+ @include os-textfield-filterspanel;
+ }
+
+ .datefilterpopup, .numberfilterpopup {
+ > .v-button {
+ @include os-button-filterspanel;
+ }
+ }
+ }
+ }
+
+/// @param {number} $header-footer-height 0 if no header or footer
+@mixin os-table-mod($height-mod: 0, $width-mod: 0, $has-caption: 0, $header-footer-height: 0) {
+ @if $width-mod > 0 {
+ .v-table-body-wrapper.v-scrollable, .v-table-header-wrap {
+ width: $width-mod * ($cash-field-width * 1.5) + ($v-layout-spacing-horizontal * ($width-mod - 1)) !important;
+ }
+ &.v-table.v-widget {
+ /* table: needed for proper scrollbar display when width is fixed */
+ width: auto !important;
+ }
+
+ }
+ @if $height-mod > 0 {
+ @if $has-caption == 1 {
+ .v-table-body-wrapper.v-scrollable {
+ height: ($height-mod * $cash-field-height - ($v-unit-size * $os-cash-zoom-factor) - ($header-footer-height) + (($height-mod - 1) * $v-layout-spacing-vertical)) - first-number($v-border) !important;
+ }
+ }
+ @else {
+ .v-table-body-wrapper.v-scrollable {
+ height: $height-mod * $cash-field-height - ($header-footer-height) + (($height-mod - 1) * $v-layout-spacing-vertical) !important;
+ }
+ }
+ &.v-table.v-widget {
+ /* table: needed for proper scrollbar display when height is fixed */
+ height: auto !important;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/scss/layout/_tabsheet.scss b/org.eclipse.osbp.themes/scss/layout/_tabsheet.scss
index 08d8c82..a541690 100644
--- a/org.eclipse.osbp.themes/scss/layout/_tabsheet.scss
+++ b/org.eclipse.osbp.themes/scss/layout/_tabsheet.scss
@@ -1,246 +1,143 @@
-@mixin os-tabsheet {
- .v-tabsheet-tabsheetpanel .v-panel .v-verticallayout-part {
- border-top: 0px; //if bordered==true
+////
+/// @group layout/tabsheet
+////
+
+
+/// controls-opacity
+$controls-opacity: 0.3; /* 0.5 = same as valo .v-tabsheet-scroller*/
+/// controls-size
+$controls-size-h: 4* $v-font-size; /*each button as 2*6px horizontal padding*/
+///tab-active-height
+$tab-active-height: ceil($v-unit-size/11);
+
+/// Common style for tabsheet control elements (min/max-buttons etc.). Only used
+/// locally to avoid writing those lines multiple times.
+@mixin tabsheet-control-effects {
+ /* don't want to write this three times */
+ &:hover:before {
+ color: inherit; //$v-focus-color;
}
-
+ &:before {
+ vertical-align: middle;
+ color: valo-font-color($os-splitter-shade);
+ opacity: $controls-opacity;
+ }
+ }
+
+/// A tabbed container that can be placed inside views/l-control elements, or
+/// replace views entirely.
+@mixin os-tabsheet {
.vaadock-tabsheet-button-panel {
float: right;
position: absolute;
- height: 100%;
top: 0px;
right: 0px;
- width: $os-unit-size *2.5;
- background-color: $os-splitter;
- @if $os-bordered == true {
- height: calc(100% - $os-border-width);
- border-bottom: $os-border;
- }
- //padding-top: $os-button-height - $os-unit-size;
+ width: $controls-size-h;
+ height: 100%;
+ background-color: $os-splitter-shade;
+
.v-vaadock-tabsheet-maximize-button {
- @include os-icon-font ( $size: $os-font-size,
+ @include os-icon-font ( $size: $v-font-size,
+ $line-height: $v-unit-size,
$float: right,
$content: '\f096');
- color: valo-font-color($os-splitter);
- &:before {
- vertical-align: middle;
- }
+ @include tabsheet-control-effects;
}
-
- .v-vaadock-tabsheet-minimize-button {
- @include os-icon-font ( $size: $os-font-size,
+
+ .v-vaadock-tabsheet-minimize-button {
+ @include os-icon-font ( $size: $v-font-size,
+ $line-height: $v-unit-size,
$float: right,
$content: '\f147');
- color: valo-font-color($os-splitter);
- &:before {
- vertical-align: middle;
- }
+ @include tabsheet-control-effects;
}
- .v-vaadock-tabsheet-restore-button {
+ .v-vaadock-tabsheet-restore-button {
@include os-icon-font ($float: right,
- $size: $os-font-size,
+ $size: $v-font-size,
+ $line-height: $v-unit-size,
$content: '\f24d',
$mirror: true);
- color: valo-font-color($os-splitter);
- &:before {
- vertical-align: middle;
- }
- }
+ @include tabsheet-control-effects;
+ }
}
-
+
.v-tabsheet-scroller {
position: absolute;
top: 0px;
- height: 100%;//$os-unit-size;
- right: $os-unit-size * 2.5;
- @if $os-bordered == true {
- border-bottom: $os-border;
- }
- @else {
- border-bottom: 0px;
- }
- padding-left: $os-unit-size / 2;
- @include linear-gradient(to left, $os-splitter 70%, rgba(250,250,250,0) 100%);
+ right: $controls-size-h;
+ padding-left: $v-unit-size / 2;
+ @include linear-gradient(to left, $os-splitter-shade 70%, rgba(250,250,250,0) 100%);
background-color: transparent;
+ button {
+ color: valo-font-color($os-splitter-shade);
+ opacity: $controls-opacity;
+ }
&:after {
display: none;
}
}
-
- .v-tabsheet-tabcontainer {
- background: $os-splitter;
- padding: 0px;
- &:before {
- border: 0px;
- @if $os-bordered==true {
- border-top: $os-border;
- }
+
+ .v-tabsheet-tabcontainer {
+ background: $os-splitter-shade;
+ &:before {
+ display: none;
}
- }
-
- .v-tabsheet-tabitemcell {
- .v-tabsheet-tabitem {
- background-color: $os-dark-contrast;
- color: valo-font-color($os-dark-contrast);
- border-top: ceil($os-unit-size / 11) solid $os-dark-contrast;
- .v-icon {
- width: $os-icon-image-width !important;
- }
- .v-caption {
- /*background: $os-dark-contrast;*/
- font-size: $os-font-size;
- color: valo-font-color($os-dark-contrast);
- padding-right: floor($os-unit-size/2);
- padding-left: floor($os-unit-size/2);
- margin-left: 0px;
- }
- .v-caption-closable {
- margin-left: 0px;
- }
- }
- .v-tabsheet-tabitem-selected {
- border-top: ceil($os-unit-size/11) solid $os-highlight-color;
- background-color: $v-panel-background-color;
-
- &>.v-caption, &>.v-caption.v-caption {
- @if $os-bordered == true {
- border: $os-border;
- }
- border-bottom-color: $v-panel-background-color;
- color: valo-font-color($v-panel-background-color);
- }
- }
- }
-
- /* exception for dialogs */
- .l-control .v-tabsheet-tabitemcell-first {
- .v-tabsheet-tabitem-selected {
- &>.v-caption, &>.v-caption.v-caption {
- @if $os-bordered == true {
- border-left-width: 0px;
- }
- }
- }
- }
-
- /*
-
- .v-tabsheet-tabitemcell {
- //height: $os-unit-size;
- //padding-top: $os-splitter-size;
- .v-caption {
- &:hover {
- background: $os-highlight-color;
- color: valo-font-color($os-highlight-color);
- }
- .v-caption {
- //border-bottom: none;
- font-size: $os-font-size;
- }
- .v-captiontext {
- vertical-align: middle;
- }
- }
- .v-tabsheet-caption-close {
- font-weight: bold;
- position: relative;
- margin: 0px;
- vertical-align: middle;
- margin-left: $os-unit-size/3;
- font-size: $os-font-size*$os-l-font-factor;
- line-height: 0;
- width: $os-unit-size;
- text-align: center;
- border-radius: 0px;
- color: valo-font-color($os-dark-contrast);
- }
- }
-
-
- .v-tabsheet-tabitem {
- //height: $os-unit-size;
- .v-icon {
- width: $os-icon-image-width !important;
- }
- .v-caption {
- background: $os-dark-contrast;
- color: valo-font-color($os-dark-contrast);
- font-size: $os-font-size;
- padding-right: floor($os-unit-size/2);
- padding-left: floor($os-unit-size/2);
- margin-left: 0px;
- }
- .v-caption-closable {
- margin-left: 0px;
- }
- }
- .v-tabsheet-tabitem-selected {
- //border-top: $os-border;
- border-color: $v-panel-background-color;
- .v-caption {
- &:hover {
- background: $v-panel-background-color;
- }
- background-color: $v-panel-background-color;
- font-size: $os-font-size;
- font-weight: bold;
- padding-right: floor($os-unit-size/2);
- padding-left: floor($os-unit-size/2);
- border-bottom-color: $v-panel-background-color !important;
+ @if $os-bordered == true {
+ /* needs to calculate to a height that accomodates for border-width;
+ else there'll be scrollbars */
+ height: $v-unit-size + $tab-active-height;// - first-number($v-border);
+ border: $v-border;
border-bottom-width: 0px;
-
- .v-tabsheet-caption-close {
- color: valo-font-color($os-background-color);
- }
}
}
- .v-slot-verticaltrimbar {
- background-color: $os-dark-contrast;
- .v-button {
- @include os-button-trimbar;
- }
-
- }
-
-
- .os-data-component {
- .vaadock-tabsheet-button-panel {
- display: none;
- height: calc(100% - $os-border-width);
+ /* exception for tabsheets within views */
+ .v-tabsheet-tabcontainer-l-control {
+ border: none;
+ .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem {
+ border-top-left-radius: $v-border-radius;
}
- .v-tabsheet-scroller {
- right: 0px;
- border-bottom: $os-border;
- @include linear-gradient(to left, $os-background-color 70%, rgba(250,250,250,0) 100%);
- }
- .v-tabsheet-tabcontainer {
- background: $os-background-color;
- &:before {
- border: 0px;
- border-bottom: $os-border;
- border-bottom-width: floor($os-unit-size/11);
- border-bottom-color: $os-mid-contrast;
- }
- }
+ }
+
+ .v-tabsheet-tabitemcell {
.v-tabsheet-tabitem {
- .v-caption {
- &:hover {
- background: $os-highlight-color;
- color: valo-font-color($os-highlight-color);
+ background: $os-dark-contrast;
+ .v-caption {
+ color: valo-font-color($os-dark-contrast);
+ padding-right: floor($v-unit-size/2);
+ padding-left: floor($v-unit-size/2);
+ font-size: $v-font-size;
+ @if $os-theme-desig == "cxo" {
+ font-weight: bold;
}
- background: $os-mid-contrast;
- color: valo-font-color($os-mid-contrast);
+ margin-left: 0px;
+ @include os-transition(unset);
+ @include box-sizing(border-box);
+ border-top: $tab-active-height solid $os-dark-contrast;
+ border-bottom: 0px;
+ &:hover {
+ border-top-color: $os-odd-highlight;
+ color: valo-font-color($os-odd-highlight);
+ }
+ }
+/* .v-caption-closable { */
+/* margin-left: 0px; */
+/* } */
+ &:hover {
+ background: $os-odd-highlight;
}
}
.v-tabsheet-tabitem-selected {
- border-color: $v-panel-background-color;
- .v-caption {
- &:hover {
- background: $v-panel-background-color;
- color: $os-highlight-color;
- }
- background-color: $os-background-color;
+ background-color: $v-panel-background-color;
+
+ &>.v-caption, &>.v-caption.v-caption {
+/* @if $os-bordered == true { */
+/* border: $v-border; */
+/* } */
+ border-top: $tab-active-height solid $v-focus-color;
+ border-bottom: 0px;
}
}
- } */
- }
\ No newline at end of file
+
+ }
+ }
diff --git a/org.eclipse.osbp.themes/scss/layout/_user.scss b/org.eclipse.osbp.themes/scss/layout/_user.scss
index 3b321be..e3fe865 100644
--- a/org.eclipse.osbp.themes/scss/layout/_user.scss
+++ b/org.eclipse.osbp.themes/scss/layout/_user.scss
@@ -1,144 +1,231 @@
+////
+/// @group layout/user
+////
+
+/// User element at the top left of the page; inside header area.
+/// Makes use of @see $os-theme-desig.
+/// @param {integer} $rows [2] - Can have two rows (user/position), or three rows (user/position/mail).
+/// @todo Rework "3 rows" variant.
@mixin os-user($rows: 2) {
.v-horizontallayout-UserHandler {
- margin-right: $os-unit-size;
- //border: $os-border;
- margin-left: $os-unit-size;
+ margin-right: $v-unit-size;
+ //border: $v-border;
+ margin-left: $v-unit-size;
}
.v-slot-os-userportrait {
width: auto;
height: auto;
- }
+ }
.os-userportrait {
img {
border-radius: 50%;
- width: $rows * $os-unit-size;
- height: $rows * $os-unit-size;
+ width: $rows * $v-unit-size;
+ height: $rows * $v-unit-size;
border: 0px solid grey;
- padding-right: floor(($rows * $os-unit-size) / 10);
+ padding-right: floor(($rows * $v-unit-size) / 10);
}
}
-
+
.v-slot-os-username, .v-slot-os-userposition, .v-slot-os-useremail {
.os-username {
- //padding-top: 3px;
+ //padding-top: 3px;
color: valo-font-color($os-main-header-bg);
font-weight: bold;
- font-size: $os-font-size * $os-l-font-factor;
- padding-left: $os-font-size * $rows;
- line-height: $os-unit-size;
+/* font-size: $v-font-size * $v-scaling-factor--large; */
+/* padding-left: $v-font-size * $rows; */
+ padding-left: $v-font-size;
+ line-height: $v-unit-size;
@if $rows == 2 or $rows == 3 {
- font-size: $os-font-size;
+/* font-size: $v-font-size; */
}
- }
+ }
.os-userposition {
color: valo-font-color($os-main-header-bg);
- font-size: $os-font-size * $os-l-font-factor;
- padding-left: $os-font-size * $rows;
- line-height: $os-unit-size;
+/* font-size: $v-font-size * $v-scaling-factor--large; */
+/* padding-left: $v-font-size * $rows; */
+ padding-left: $v-font-size;
+ line-height: $v-unit-size;
@if $rows == 2 or $rows == 3 {
- font-size: $os-font-size;
+/* font-size: $v-font-size; */
}
}
.os-useremail {
- font-size: $os-font-size; //(8px?)
+ font-size: $v-font-size; //(8px?)
color: valo-font-color($os-main-header-bg);
- }
- font-size: $os-font-size;
+ }
+/* font-size: $v-font-size; */
}
-
+
@if $rows==2 {
.v-slot-os-useremail {
display: none;
}
}
-
- .os-userlogoutbutton, .os-usermenubutton {
- content: ' ';
- }
-
- .os-userlogoutbutton {
- @include os-button-usermenu;
-
- @if $rows == 2 or $rows == 3 {
- @include os-icon-font ( $float: right,
- $content: '\f08b',
- $size: $os-font-size,
- $placement: after);
- }
- @else {
- @include os-icon-font ( $float: right,
- $content: '\f08b',
- $size: $os-font-size * $os-l-font-factor,
- $placement: after);
- }
-
- color: valo-font-color($os-main-header-bg);
- &:after {
- line-height: $os-unit-size;
- }
-
- .v-icon {
- display: none;
- }
- }
-
- .os-usermenubutton {
- @include os-button-usermenu;
-
- @if $rows == 2 or $rows == 3 {
- @include os-icon-font ( $float: right,
- $content: '\f0c9',
- $size: $os-font-size,
- $placement: after);
- }
- @else {
- @include os-icon-font ( $float: right,
- $content: '\f0c9',
- $size: $os-font-size * $os-l-font-factor,
- $placement: after);
+
+ @if $os-theme-desig == "cxo" or $os-theme-desig == "osbp" {
+ .os-userlogoutbutton, .os-usermenubutton {
+ /* content: ' '; */
+ .v-icon {
+ display: none;
+ }
}
- color: valo-font-color($os-main-header-bg);
- &:after {
- line-height: $os-unit-size;
- }
-
- .v-popup-indicator {
- display: none;
- }
+ .os-userlogoutbutton {
+ @include os-button-usermenu;
+ background: $os-mid-contrast;
+ /* @if $rows == 2 or $rows == 3 { */
+ &.v-button {
+ @include box-shadow(2px 1px 7px rgba(0,0,0,0.35));
+ @include os-icon-font ( $float: right,
+ $content: '\f08b',
+ $size: $v-font-size,
+ $placement: after,
+ $line-height: $v-unit-size, /* is button size */
+ $background: "nochange");
+/* &:after {top: $v-unit-size/2 - get_crisp_size($initial-font-size: $v-font-size)/2;} */
+ }
+ /* } */
+ /* @else { */
+ /* @include os-icon-font ( $float: right, */
+ /* $content: '\f08b', */
+ /* $size: $v-font-size * $v-scaling-factor--large, */
+ /* $placement: after); */
+ /* } */
+
+/* color: valo-font-color($os-mid-contrast); */
+ /* &:after { */
+ /* line-height: $v-unit-size; */
+ /* } */
+
+ .v-icon {
+ display: none;
+ }
+ }
+
+ .os-usermenubutton {
+ @include os-button-usermenu;
+
+ /* @if $rows == 2 or $rows == 3 { */
+ &.v-button {
+ @include box-shadow(2px 1px 7px rgba(0,0,0,0.35));
+ @include os-icon-font ( $float: right,
+ $content: '\f0c9',
+ $size: $v-font-size,
+ $line-height: $v-unit-size, /* is button size */
+ $placement: after,
+ $background: "nochange");
+ }
+/* &:after {top: $v-unit-size/2 - get_crisp_size($initial-font-size: $v-font-size)/2;} */
+
+ /* } */
+ /* @else { */
+ /* @include os-icon-font ( $float: right, */
+ /* $content: '\f0c9', */
+ /* $size: $v-font-size * $v-scaling-factor--large, */
+ /* $placement: after); */
+ /* } */
+
+/* color: valo-font-color($os-button-color); */
+ /* &:after { */
+ /* line-height: $v-unit-size; */
+ /* } */
+
+ /* .v-popup-indicator { */
+ /* display: none; */
+ /* } */
+ }
+ }
+ @else {
+ .os-userlogoutbutton, .os-usermenubutton {
+ content: ' ';
+ @include box-shadow(none);
+ }
+
+ .os-userlogoutbutton {
+ @include os-button-usermenu;
+
+ @if $rows == 2 or $rows == 3 {
+ @include os-icon-font ( $float: right,
+ $content: '\f08b',
+ $size: $v-font-size,
+ $placement: after);
+ }
+ @else {
+ @include os-icon-font ( $float: right,
+ $content: '\f08b',
+ $size: $v-font-size * $v-scaling-factor--large,
+ $placement: after);
+ }
+
+ color: valo-font-color($os-main-header-bg);
+ &:after {
+ line-height: $v-unit-size;
+ }
+
+ .v-icon {
+ display: none;
+ }
+ }
+
+ .os-usermenubutton {
+ @include os-button-usermenu;
+
+ @if $rows == 2 or $rows == 3 {
+ @include os-icon-font ( $float: right,
+ $content: '\f0c9',
+ $size: $v-font-size,
+ $placement: after);
+ }
+ @else {
+ @include os-icon-font ( $float: right,
+ $content: '\f0c9',
+ $size: $v-font-size * $v-scaling-factor--large,
+ $placement: after);
+ }
+
+ color: valo-font-color($os-main-header-bg);
+ &:after {
+ line-height: $v-unit-size;
+ }
+
+ .v-popup-indicator {
+ display: none;
+ }
+ }
}
}
+/// Accordion that opens when clicking the according user-menu button.
@mixin os-user-accordion {
-
+ ///@todo find out what this is used for.
$iconfont:true;
-
+
.v-accordion {
border: 0px;
}
.v-tree {
- padding-top: floor($os-unit-size/5);
- padding-bottom: floor($os-unit-size/5);
+ padding-top: floor($v-unit-size/5);
+ padding-bottom: floor($v-unit-size/5);
}
.v-accordion-item {
border-top-width: 0px !important;
background: $os-light-contrast;
}
-
+
.v-popupbutton-popup-os-usermenubutton.v-popupview-popup {
padding: 0px;
-
- .v-accordion {
+
+ .v-accordion {
[class*='os-menutree-'] {
> .v-tree {
width: 100% !important;
}
.v-tree-node-caption:hover {
- color: $os-highlight-color;
+ color: $v-focus-color;
}
.v-tree-node-selected {
- color: $os-highlight-color;
+ color: $v-focus-color;
font-weight: bold;
&::after {
background: transparent;
@@ -146,17 +233,17 @@
}
}
}
-
+
.v-accordion-item-caption {
> .v-caption {
- border-top: $os-border;
+ border-top: $v-border;
border-bottom-width: 0px;
background-image: none;
//background-color: $os-mid-contrast;
> .v-captiontext {
@include os-icon-font($content: '\f138');
&::before {
- padding-right: ceil($os-unit-size/3);
+ padding-right: ceil($v-unit-size/3);
}
}
> img.v-icon {
@@ -170,24 +257,24 @@
//background-color: get_contrast($os-fn-medium, $os-main-header-bg, $os-fn-desaturate);
.v-accordion-item-caption {
> .v-caption {
- background-color: $os-highlight-color;
- border-top: $os-border;
- border-top-color: $os-highlight-color;
- color: valo-font-color($os-highlight-color);
+ background-color: $v-focus-color;
+ border-top: $v-border;
+ border-top-color: $v-focus-color;
+ color: valo-font-color($v-focus-color);
> .v-captiontext {
@include os-icon-font($content: '\f13a');
&::before {
padding-right: 10px;
}
- color: $os-highlight-color;
- color: valo-font-color($os-highlight-color);
+ color: $v-focus-color;
+ color: valo-font-color($v-focus-color);
font-weight: bold;
}
- }
+ }
}
}
.v-captiontext, [class*='-caption'] {
- //font-size: $os-font-size;
- }
+ //font-size: $v-font-size;
+ }
}
- }
\ No newline at end of file
+ }
diff --git a/org.eclipse.osbp.themes/scss/legacy/icons/fontello.css b/org.eclipse.osbp.themes/scss/legacy/icons/fontello.css
index 6d25828..b50d47a 100644
--- a/org.eclipse.osbp.themes/scss/legacy/icons/fontello.css
+++ b/org.eclipse.osbp.themes/scss/legacy/icons/fontello.css
@@ -1,5 +1,5 @@
/*
-Error: Undefined variable: "$os-unit-size".
+Error: Undefined variable: "$v-unit-size".
on line 20 of C:\Eclipse\git\org.eclipse.osbp.vaadin.widgetset\org.eclipse.osbp.themes\scss\legacy\icons\fontello.scss
15: margin: 0;
@@ -7,7 +7,7 @@
17: }
18:
19: [class^="icon-"] > span > .v-button-caption, [class^="icon-"] > .v-nativebutton-caption, [class*=" icon-"] > span > .v-button-caption, [class*=" icon-"] > .v-nativebutton-caption {
-20: margin-left: $os-unit-size/2;
+20: margin-left: $v-unit-size/2;
21: }
22:
23: .icon-plus.v-nativebutton:before, .icon-plus > .v-button-wrap:before, .icon-plus.v-label:before, .v-menubar-menuitem-icon-plus:before { content: '\2b'; }
@@ -64,4 +64,4 @@
body:before {
white-space: pre;
font-family: monospace;
- content: "Error: Undefined variable: \"$os-unit-size\".\A on line 20 of C:\Eclipse\git\org.eclipse.osbp.vaadin.widgetset\org.eclipse.osbp.themes\scss\legacy\icons\fontello.scss\A \A 15: margin: 0;\A 16: margin-left: -0.3em;\A 17: }\A 18: \A 19: [class^=\"icon-\"] > span > .v-button-caption, [class^=\"icon-\"] > .v-nativebutton-caption, [class*=\" icon-\"] > span > .v-button-caption, [class*=\" icon-\"] > .v-nativebutton-caption {\A 20: margin-left: $os-unit-size/2;\A 21: }\A 22: \A 23: .icon-plus.v-nativebutton:before, .icon-plus > .v-button-wrap:before, .icon-plus.v-label:before, .v-menubar-menuitem-icon-plus:before { content: '\2b'; } \A 24: .icon-minus.v-nativebutton:before, .icon-minus > .v-button-wrap:before, .icon-minus.v-label:before, .v-menubar-menuitem-icon-minus:before { content: '\2d'; } \A 25: .icon-info.v-nativebutton:before, .icon-info > .v-button-wrap:before, .icon-info.v-label:before, .v-menubar-menuitem-icon-info:before { content: '\2139'; }"; }
+ content: "Error: Undefined variable: \"$v-unit-size\".\A on line 20 of C:\Eclipse\git\org.eclipse.osbp.vaadin.widgetset\org.eclipse.osbp.themes\scss\legacy\icons\fontello.scss\A \A 15: margin: 0;\A 16: margin-left: -0.3em;\A 17: }\A 18: \A 19: [class^=\"icon-\"] > span > .v-button-caption, [class^=\"icon-\"] > .v-nativebutton-caption, [class*=\" icon-\"] > span > .v-button-caption, [class*=\" icon-\"] > .v-nativebutton-caption {\A 20: margin-left: $v-unit-size/2;\A 21: }\A 22: \A 23: .icon-plus.v-nativebutton:before, .icon-plus > .v-button-wrap:before, .icon-plus.v-label:before, .v-menubar-menuitem-icon-plus:before { content: '\2b'; } \A 24: .icon-minus.v-nativebutton:before, .icon-minus > .v-button-wrap:before, .icon-minus.v-label:before, .v-menubar-menuitem-icon-minus:before { content: '\2d'; } \A 25: .icon-info.v-nativebutton:before, .icon-info > .v-button-wrap:before, .icon-info.v-label:before, .v-menubar-menuitem-icon-info:before { content: '\2139'; }"; }
diff --git a/org.eclipse.osbp.themes/scss/legacy/icons/fontello.scss b/org.eclipse.osbp.themes/scss/legacy/icons/fontello.scss
index fe7db67..68eabf7 100644
--- a/org.eclipse.osbp.themes/scss/legacy/icons/fontello.scss
+++ b/org.eclipse.osbp.themes/scss/legacy/icons/fontello.scss
@@ -17,7 +17,7 @@
}
[class^="icon-"] > span > .v-button-caption, [class^="icon-"] > .v-nativebutton-caption, [class*=" icon-"] > span > .v-button-caption, [class*=" icon-"] > .v-nativebutton-caption {
- margin-left: $os-unit-size/2;
+ margin-left: $v-unit-size/2;
}
.icon-plus.v-nativebutton:before, .icon-plus > .v-button-wrap:before, .icon-plus.v-label:before, .v-menubar-menuitem-icon-plus:before { content: '\2b'; }
diff --git a/org.eclipse.osbp.themes/scss/osbp-cxo.scss b/org.eclipse.osbp.themes/scss/osbp-cxo.scss
new file mode 100644
index 0000000..3fe648c
--- /dev/null
+++ b/org.eclipse.osbp.themes/scss/osbp-cxo.scss
@@ -0,0 +1,105 @@
+////
+/// @group root/osbp-cxo
+////
+
+@import "variables-cxo.scss"; /* settings specific to this theme */
+@import "variables-common.scss"; /* settings used by themes of this set,
+ /!\ theme-specific settings overwrite common settings */
+@import "../valo/valo.scss";
+
+/* http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+
+@import "external/reset.scss"
+*/
+
+@import "external/dragdrop.scss";
+@import "external/charts.scss"; //os-charts
+
+/* style definitions derived from vaadin addons
+*/
+@import "addons/designer.scss"; //os-designer
+@import "addons/absolutelayout.scss"; //os-absolute-layout
+
+/* variables used in components related to POS/cash register
+*/
+@import "common/cash-variables.scss"; //POS
+
+/* style definitions under /layout reference these mixins.
+* components are not included directly in @mixin <mainStyleName>
+*/
+@import "components/color-palette.scss";
+@import "components/textfield.scss";
+@import "components/button.scss";
+@import "components/typeface.scss";
+@import "components/focus.scss";
+@import "components/checkbox.scss";
+@import "components/bits.scss";
+@import "components/popup.scss";
+@import "addons/suggesttext.scss"; //os-suggesttext
+
+
+/* scss under /layout have to be encased in a @mixin to be used below
+* @mixin <mainStyleName>
+* else, the prefix .mainStyleName will not be included in the resulting
+* css file.
+
+* also, valo has to be included before adding custom styles.
+*/
+@import "layout/login.scss"; //os-login, os-login-basic, os-login-bgimage
+@import "layout/pageframe.scss"; //os-pageframe
+@import "layout/header.scss"; //os-heaeder
+@import "layout/dialog.scss"; //os-dialog
+@import "layout/table.scss"; //os-table
+@import "layout/tabsheet.scss"; //os-tabsheet
+@import "layout/user.scss"; //os-user, os-user-accordion
+@import "layout/responsive.scss"; //os-responsive
+@import "layout/sidebar.scss"; //os-sidebar, os-sidebar-table-variant
+@import "layout/iconfont.scss"; //os-icons
+@import "layout/gridview.scss"; //os-gridview
+@import "layout/oconfigdialog.scss"; //os-configdialog
+@import "layout/gridutil.scss"; //os-grid-util (displays certain elements within grids)
+@import "layout/cash-register.scss"; //os-cash-register
+
+
+@mixin osbp-cxo {
+ @include valo;
+
+ //@include os-base;
+ @include os-pageframe;
+ @include os-header($variant: cxo);
+ @include os-login;
+ @include os-table;
+ @include os-tabsheet;
+ @include os-dialog;
+ @include os-user;
+ @include os-user-accordion;
+ //@include os-birt-report;
+ @include os-icons;
+ //@include os-sidebar;
+ @include os-sidebar-table-variant;
+ @include os-responsive;
+ @include os-gridview;
+ @include os-grid-util;
+
+ @include os-charts;
+ @include os-configdialog;
+
+ @include os-suggesttext; /* before cash-register */
+ @include os-cash-register;
+
+ //bits
+ @include os-progress-login;
+ @include os-popup-notification;
+
+ //external
+ @include ex-drag-drop-layout;
+
+ //addons
+ @include os-absolutelayout;
+ @include os-designer;
+}
+
+
+
diff --git a/org.eclipse.osbp.themes/scss/osbp-steel.scss b/org.eclipse.osbp.themes/scss/osbp-steel.scss
index 0de94e1..2698238 100644
--- a/org.eclipse.osbp.themes/scss/osbp-steel.scss
+++ b/org.eclipse.osbp.themes/scss/osbp-steel.scss
@@ -1,3 +1,8 @@
+////
+/// @group root/osbp-steel
+////
+
+
@import "variables-steel.scss"; /* settings specific to this theme */
@import "variables-common.scss"; /* settings used by themes of this set,
/!\ theme-specific settings overwrite common settings */
@@ -11,18 +16,21 @@
*/
@import "external/dragdrop.scss";
-
+@import "external/charts.scss"; //os-charts
/* style definitions derived from vaadin addons
*/
@import "addons/designer.scss"; //os-designer
@import "addons/absolutelayout.scss"; //os-absolute-layout
-@import "addons/suggesttext.scss"; //os-suggesttext
+/* variables used in components related to POS/cash register
+*/
+@import "common/cash-variables.scss"; //POS
/* style definitions under /layout reference these mixins.
* components are not included directly in @mixin <mainStyleName>
*/
+@import "components/color-palette.scss";
@import "components/textfield.scss";
@import "components/button.scss";
@import "components/typeface.scss";
@@ -30,6 +38,7 @@
@import "components/checkbox.scss";
@import "components/bits.scss";
@import "components/popup.scss";
+@import "addons/suggesttext.scss"; //os-suggesttext
/* scss under /layout have to be encased in a @mixin to be used below
@@ -45,7 +54,6 @@
@import "layout/table.scss"; //os-table
@import "layout/tabsheet.scss"; //os-tabsheet
@import "layout/user.scss"; //os-user, os-user-accordion
-@import "layout/charts.scss"; //cx-charts
@import "layout/responsive.scss"; //os-responsive
@import "layout/sidebar.scss"; //os-sidebar, os-sidebar-table-variant
@import "layout/iconfont.scss"; //os-icons
@@ -61,7 +69,7 @@
//@include os-base;
@include os-pageframe;
@include os-header;
- @include os-login-bgimage;
+ @include os-login;
@include os-table;
@include os-tabsheet;
@include os-dialog;
@@ -75,21 +83,23 @@
@include os-gridview;
@include os-grid-util;
- @include cx-charts;
+ @include os-charts;
@include os-configdialog;
+
+ @include os-suggesttext; /* before cash-register */
@include os-cash-register;
//bits
@include os-progress-login;
- @include os-notification-popup;
+ @include os-popup-notification;
//external
@include ex-drag-drop-layout;
//addons
- @include os-suggesttext-popup;
@include os-absolutelayout;
@include os-designer;
+
}
diff --git a/org.eclipse.osbp.themes/scss/osbp-tea.scss b/org.eclipse.osbp.themes/scss/osbp-tea.scss
index 054106d..f481b2f 100644
--- a/org.eclipse.osbp.themes/scss/osbp-tea.scss
+++ b/org.eclipse.osbp.themes/scss/osbp-tea.scss
@@ -1,3 +1,7 @@
+////
+/// @group root/osbp-tea
+////
+
@import "variables-tea.scss"; /* settings specific to this theme */
@import "variables-common.scss"; /* settings used by themes of this set,
/!\ theme-specific settings overwrite common settings */
@@ -9,20 +13,23 @@
@import "external/reset.scss"
*/
-
@import "external/dragdrop.scss";
-
+@import "external/charts.scss"; //os-charts
/* style definitions derived from vaadin addons
*/
@import "addons/designer.scss"; //os-designer
@import "addons/absolutelayout.scss"; //os-absolute-layout
-@import "addons/suggesttext.scss"; //os-suggesttext
+/* variables used in components related to POS/cash register
+*/
+@import "common/cash-variables.scss"; //POS
+
/* style definitions under /layout reference these mixins.
* components are not included directly in @mixin <mainStyleName>
*/
+@import "components/color-palette.scss";
@import "components/textfield.scss";
@import "components/button.scss";
@import "components/typeface.scss";
@@ -30,6 +37,7 @@
@import "components/checkbox.scss";
@import "components/bits.scss";
@import "components/popup.scss";
+@import "addons/suggesttext.scss"; //os-suggesttext
/* scss under /layout have to be encased in a @mixin to be used below
* @mixin <mainStyleName>
@@ -44,12 +52,11 @@
@import "layout/table.scss"; //os-table
@import "layout/tabsheet.scss"; //os-tabsheet
@import "layout/user.scss"; //os-user, os-user-accordion
-@import "layout/charts.scss"; //cx-charts
@import "layout/responsive.scss"; //os-responsive
@import "layout/sidebar.scss"; //os-sidebar, os-sidebar-table-variant
@import "layout/iconfont.scss"; //os-icons
@import "layout/gridview.scss"; //os-gridview
-@import "layout/oconfigdialog.scss"; //os-configdialog
+@import "layout/oconfigdialog.scss"; //os-configdialog
@import "layout/gridutil.scss"; //os-grid-util
@import "layout/cash-register.scss"; //os-cash-register
@@ -59,7 +66,7 @@
@include os-pageframe;
@include os-header;
- @include os-login-bgimage;
+ @include os-login;
@include os-table;
@include os-tabsheet;
@include os-dialog;
@@ -73,20 +80,21 @@
@include os-gridview;
@include os-grid-util;
- @include cx-charts;
+ @include os-charts;
@include os-configdialog;
+
+ @include os-suggesttext; /* before cash-register */
@include os-cash-register;
//bits
@include os-progress-login;
- @include os-notification-popup;
+ @include os-popup-notification;
//external
@include ex-drag-drop-layout;
//addons
- @include os-suggesttext-popup;
@include os-absolutelayout;
@include os-designer;
}
diff --git a/org.eclipse.osbp.themes/scss/osbp.scss b/org.eclipse.osbp.themes/scss/osbp.scss
index 13814d1..ea449c0 100644
--- a/org.eclipse.osbp.themes/scss/osbp.scss
+++ b/org.eclipse.osbp.themes/scss/osbp.scss
@@ -1,3 +1,8 @@
+////
+/// @group root/osbp
+////
+
+
@import "variables-osbp.scss"; /* settings specific to this theme */
@import "variables-common.scss"; /* settings used by themes of this set,
/!\ theme-specific settings overwrite valo/shared settings */
@@ -12,7 +17,11 @@
*/
@import "external/dragdrop.scss";
+@import "external/charts.scss"; //os-charts
+/* variables used in components related to POS/cash register
+*/
+@import "common/cash-variables.scss"; //POS
/* style definitions derived from vaadin addons
*/
@@ -24,6 +33,7 @@
/* style definitions under /layout reference these mixins.
* components are not included directly in @mixin <mainStyleName>
*/
+@import "components/color-palette.scss";
@import "components/textfield.scss";
@import "components/button.scss";
@import "components/typeface.scss";
@@ -32,6 +42,7 @@
@import "components/bits.scss";
@import "components/popup.scss";
+
/* scss under /layout have to be encased in a @mixin to be used below
* @mixin <mainStyleName>
* else, the prefix .mainStyleName will not be included in the resulting
@@ -45,7 +56,6 @@
@import "layout/table.scss"; //os-table
@import "layout/tabsheet.scss"; //os-tabsheet
@import "layout/user.scss"; //os-user, os-user-accordion
-@import "layout/charts.scss"; //cx-charts
@import "layout/responsive.scss"; //os-responsive
@import "layout/sidebar.scss"; //os-sidebar, os-sidebar-table-variant
@import "layout/iconfont.scss"; //os-icons
@@ -60,7 +70,7 @@
//@include os-base;
@include os-pageframe;
@include os-header;
- @include os-login-bgimage;
+ @include os-login;
@include os-table;
@include os-tabsheet;
@include os-dialog;
@@ -74,22 +84,21 @@
@include os-gridview;
@include os-grid-util;
- @include cx-charts;
+ @include os-charts;
@include os-configdialog;
-
+ @include os-suggesttext; /* before cash-register */
@include os-cash-register;
//@include os-ignore-dimensions;
//bits
@include os-progress-login;
- @include os-notification-popup;
+ @include os-popup-notification;
//external
@include ex-drag-drop-layout;
//addons
- @include os-suggesttext-popup;
@include os-absolutelayout;
@include os-designer;
diff --git a/org.eclipse.osbp.themes/scss/styles-cxo.scss b/org.eclipse.osbp.themes/scss/styles-cxo.scss
new file mode 100644
index 0000000..9f7cfe7
--- /dev/null
+++ b/org.eclipse.osbp.themes/scss/styles-cxo.scss
@@ -0,0 +1,35 @@
+////
+/// @group root/styles-cxo
+////
+
+/******************************************************************
+ * *
+ * Copyright (C) - Sample Corp., Smalltown, Sampleland
+ * *
+ * This source was generated via the OS.bee toolset! *
+ * *
+ * OS.bee is (C) - Loetz GmbH&Co.KG, 69115 Heidelberg, Germany *
+ * *
+ *================================================================*
+ * *
+ * @file $HeadURL$
+ * @version $Revision$
+ * @date $Date$
+ * @author $Author$
+ * *
+ ******************************************************************/
+
+@import "addons.scss";
+@import "osbp-cxo.scss";
+
+/// This file prefixes all rules with the theme name to avoid causing conflicts with other themes.
+/// The actual styles should be defined in osbp-cxo.scss
+.osbp-cxo {
+ @include addons;
+ @include osbp-cxo;
+}
+
+/// temporary WORKAROUND
+/// popup is rendered outside of "osbp" stylename and needs unrelated style definition
+/// for now!
+/* @include os-suggesttext-popup; */
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/scss/styles-steel.scss b/org.eclipse.osbp.themes/scss/styles-steel.scss
index e6e49cb..3fe6c12 100644
--- a/org.eclipse.osbp.themes/scss/styles-steel.scss
+++ b/org.eclipse.osbp.themes/scss/styles-steel.scss
@@ -1,3 +1,7 @@
+////
+/// @group root/styles-steel
+////
+
/******************************************************************
* *
* Copyright (C) - Sample Corp., Smalltown, Sampleland
@@ -18,8 +22,8 @@
@import "addons.scss";
@import "osbp-steel.scss";
-/* This file prefixes all rules with the theme name to avoid causing conflicts with other themes. */
-/* The actual styles should be defined in osbee.scss */
+/// This file prefixes all rules with the theme name to avoid causing conflicts with other themes.
+/// The actual styles should be defined in osbp-steel.scss
.osbp-steel {
@include addons;
@include osbp-steel;
@@ -28,4 +32,4 @@
/* temporary WORKAROUND
popup is rendered outside of "osbp" stylename and needs unrelated style definition
for now! */
-@include os-suggesttext-popup;
\ No newline at end of file
+/* @include os-suggesttext-popup; */
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/scss/styles-tea.scss b/org.eclipse.osbp.themes/scss/styles-tea.scss
index 2468058..308c443 100644
--- a/org.eclipse.osbp.themes/scss/styles-tea.scss
+++ b/org.eclipse.osbp.themes/scss/styles-tea.scss
@@ -1,3 +1,7 @@
+////
+/// @group root/styles-tea
+////
+
/******************************************************************
* *
* Copyright (C) - Sample Corp., Smalltown, Sampleland
@@ -18,8 +22,8 @@
@import "addons.scss";
@import "osbp-tea.scss";
-/* This file prefixes all rules with the theme name to avoid causing conflicts with other themes. */
-/* The actual styles should be defined in osbee.scss */
+/// This file prefixes all rules with the theme name to avoid causing conflicts with other themes.
+/// The actual styles should be defined in osbp-tea.scss
.osbp-tea {
@include addons;
@include osbp-tea;
diff --git a/org.eclipse.osbp.themes/scss/styles.scss b/org.eclipse.osbp.themes/scss/styles.scss
index 7d268af..ffed6c4 100644
--- a/org.eclipse.osbp.themes/scss/styles.scss
+++ b/org.eclipse.osbp.themes/scss/styles.scss
@@ -1,32 +1,14 @@
-/******************************************************************
- * *
- * Copyright (C) - Sample Corp., Smalltown, Sampleland
- * *
- * This source was generated via the OS.bee toolset! *
- * *
- * OS.bee is (C) - Loetz GmbH&Co.KG, 69115 Heidelberg, Germany *
- * *
- *================================================================*
- * *
- * @file $HeadURL$
- * @version $Revision$
- * @date $Date$
- * @author $Author$
- * *
- ******************************************************************/
+////
+/// @group root/styles
+////
+
@import "addons.scss";
@import "osbp.scss";
-/* This file prefixes all rules with the theme name to avoid causing conflicts with other themes. */
-/* The actual styles should be defined in osbee.scss */
+/// This file prefixes all rules with the theme name to avoid causing conflicts with other themes.
+/// The actual styles should be defined in osbee.scss
.osbp {
@include addons;
@include osbp;
}
-
-/* temporary WORKAROUND
-popup is rendered outside of "osbp" stylename and needs unrelated style definition
-for now! */
-@include os-suggesttext-popup;
-
diff --git a/org.eclipse.osbp.vaadin.widgetset.feature/.gitignore b/org.eclipse.osbp.vaadin.widgetset.feature/.gitignore
new file mode 100644
index 0000000..b83d222
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.widgetset.feature/.gitignore
@@ -0,0 +1 @@
+/target/
diff --git a/org.eclipse.osbp.vaadin.widgetset.feature/.settings/org.eclipse.core.resources.prefs b/org.eclipse.osbp.vaadin.widgetset.feature/.settings/org.eclipse.core.resources.prefs
new file mode 100644
index 0000000..99f26c0
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.widgetset.feature/.settings/org.eclipse.core.resources.prefs
@@ -0,0 +1,2 @@
+eclipse.preferences.version=1
+encoding/<project>=UTF-8
diff --git a/org.eclipse.osbp.vaadin.widgetset.feature/.settings/org.eclipse.m2e.core.prefs b/org.eclipse.osbp.vaadin.widgetset.feature/.settings/org.eclipse.m2e.core.prefs
new file mode 100644
index 0000000..f897a7f
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.widgetset.feature/.settings/org.eclipse.m2e.core.prefs
@@ -0,0 +1,4 @@
+activeProfiles=
+eclipse.preferences.version=1
+resolveWorkspaceProjects=true
+version=1
diff --git a/org.eclipse.osbp.vaadin.widgetset.feature/.settings/org.eclipse.xtend.core.Xtend.prefs b/org.eclipse.osbp.vaadin.widgetset.feature/.settings/org.eclipse.xtend.core.Xtend.prefs
new file mode 100644
index 0000000..19e3115
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.widgetset.feature/.settings/org.eclipse.xtend.core.Xtend.prefs
@@ -0,0 +1,11 @@
+//outlet.DEFAULT_OUTPUT.sourceFolder.src/test/java.directory=src/test/generated-sources/xtend
+BuilderConfiguration.is_project_specific=true
+eclipse.preferences.version=1
+is_project_specific=true
+outlet.DEFAULT_OUTPUT.hideLocalSyntheticVariables=true
+outlet.DEFAULT_OUTPUT.installDslAsPrimarySource=false
+outlet.DEFAULT_OUTPUT.sourceFolder.emf-gen.directory=xtend-gen
+outlet.DEFAULT_OUTPUT.sourceFolder.src-gen.directory=xtend-gen
+outlet.DEFAULT_OUTPUT.sourceFolder.src.directory=xtend-gen
+outlet.DEFAULT_OUTPUT.sourceFolder.xtend-gen.directory=xtend-gen
+outlet.DEFAULT_OUTPUT.userOutputPerSourceFolder=true
diff --git a/org.eclipse.osbp.vaadin.widgetset.feature/build.properties b/org.eclipse.osbp.vaadin.widgetset.feature/build.properties
index b8920ff..5b50844 100644
--- a/org.eclipse.osbp.vaadin.widgetset.feature/build.properties
+++ b/org.eclipse.osbp.vaadin.widgetset.feature/build.properties
@@ -1,2 +1,8 @@
-bin.includes = license.html, epl-v10.html, feature.xml,\
- feature.properties
+bin.includes = license.html,\
+ epl-v10.html,\
+ feature.xml,\
+ feature.properties,\
+ LICENSE.txt
+src.includes = LICENSE.txt,\
+ epl-v10.html,\
+ license.html
diff --git a/org.eclipse.osbp.vaadin.widgetset.feature/feature.xml b/org.eclipse.osbp.vaadin.widgetset.feature/feature.xml
index 1d01b97..f4b70c5 100644
--- a/org.eclipse.osbp.vaadin.widgetset.feature/feature.xml
+++ b/org.eclipse.osbp.vaadin.widgetset.feature/feature.xml
@@ -1,51 +1,33 @@
<?xml version="1.0" encoding="UTF-8"?>
<!--#======================================================================= -->
-<!--# Copyright (c) 2011, 2016 - Loetz GmbH&Co.KG (69115 Heidelberg, Germany) -->
-<!--# All rights reserved. This program and the accompanying materials -->
-<!--# are made available under the terms of the Eclipse Public License v1.0 -->
-<!--# which accompanies this distribution, and is available at -->
-<!--# http://www.eclipse.org/legal/epl-v10.html -->
-<!--# -->
-<!--# Contributors: -->
-<!--# Christophe Loetz (Loetz GmbH&Co.KG) - initial API and implementation -->
-<!--#======================================================================= -->
-
<feature
- id="org.eclipse.osbp.vaadin.widgetset.feature"
- label="%featureName"
- version="0.9.0.qualifier"
- provider-name="%providerName">
-
- <description>
- %description
- </description>
-
- <copyright>
- %copyright
- </copyright>
-
- <license url="%licenseURL">
- %license
- </license>
-
- <plugin
- id="org.eclipse.osbp.vaadin.widgetset"
- download-size="0"
- install-size="0"
- version="0.0.0"
- unpack="false"/>
+ id="org.eclipse.osbp.vaadin.widgetset.feature"
+ label="%featureName"
+ version="0.9.0.qualifier"
+ provider-name="%providerName"
+ plugin="org.eclipse.osbp.vaadin.widgetset">
- <plugin
- id="org.eclipse.osbp.themes"
- download-size="0"
- install-size="0"
- version="0.0.0"
- unpack="false"/>
-
- <plugin
- id="org.eclipse.osbp.themes"
- download-size="0"
- install-size="0"
- version="0.0.0"
- unpack="false"/>
+ <description>
+ %description
+ </description>
+
+ <copyright>
+ %copyright
+ </copyright>
+
+ <license url="%licenseURL">
+ %license
+ </license>
+
+ <includes
+ id="org.eclipse.osbp.themes.feature"
+ version="0.0.0"/>
+
+ <plugin
+ id="org.eclipse.osbp.vaadin.widgetset"
+ download-size="0"
+ install-size="0"
+ version="0.0.0"
+ unpack="false"/>
+
</feature>
diff --git a/org.eclipse.osbp.vaadin.widgetset/.classpath b/org.eclipse.osbp.vaadin.widgetset/.classpath
new file mode 100644
index 0000000..cf36b56
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.widgetset/.classpath
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<classpath>
+ <classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-1.8"/>
+ <classpathentry kind="con" path="org.eclipse.pde.core.requiredPlugins"/>
+ <classpathentry kind="src" path="src/"/>
+ <classpathentry kind="output" path="target/classes"/>
+</classpath>
diff --git a/org.eclipse.osbp.vaadin.widgetset/.settings/org.eclipse.core.resources.prefs b/org.eclipse.osbp.vaadin.widgetset/.settings/org.eclipse.core.resources.prefs
new file mode 100644
index 0000000..7a53139
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.widgetset/.settings/org.eclipse.core.resources.prefs
@@ -0,0 +1,3 @@
+eclipse.preferences.version=1
+encoding/<project>=UTF-8
+encoding/src=UTF-8
diff --git a/org.eclipse.osbp.vaadin.widgetset/.settings/org.eclipse.jdt.core.prefs b/org.eclipse.osbp.vaadin.widgetset/.settings/org.eclipse.jdt.core.prefs
new file mode 100644
index 0000000..6e80039
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.widgetset/.settings/org.eclipse.jdt.core.prefs
@@ -0,0 +1,8 @@
+eclipse.preferences.version=1
+org.eclipse.jdt.core.compiler.codegen.inlineJsrBytecode=enabled
+org.eclipse.jdt.core.compiler.codegen.targetPlatform=1.8
+org.eclipse.jdt.core.compiler.compliance=1.8
+org.eclipse.jdt.core.compiler.problem.assertIdentifier=error
+org.eclipse.jdt.core.compiler.problem.enumIdentifier=error
+org.eclipse.jdt.core.compiler.problem.forbiddenReference=warning
+org.eclipse.jdt.core.compiler.source=1.8
diff --git a/org.eclipse.osbp.vaadin.widgetset/.settings/org.eclipse.m2e.core.prefs b/org.eclipse.osbp.vaadin.widgetset/.settings/org.eclipse.m2e.core.prefs
new file mode 100644
index 0000000..f897a7f
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.widgetset/.settings/org.eclipse.m2e.core.prefs
@@ -0,0 +1,4 @@
+activeProfiles=
+eclipse.preferences.version=1
+resolveWorkspaceProjects=true
+version=1
diff --git a/org.eclipse.osbp.vaadin.widgetset/.settings/org.eclipse.xtend.core.Xtend.prefs b/org.eclipse.osbp.vaadin.widgetset/.settings/org.eclipse.xtend.core.Xtend.prefs
new file mode 100644
index 0000000..19e3115
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.widgetset/.settings/org.eclipse.xtend.core.Xtend.prefs
@@ -0,0 +1,11 @@
+//outlet.DEFAULT_OUTPUT.sourceFolder.src/test/java.directory=src/test/generated-sources/xtend
+BuilderConfiguration.is_project_specific=true
+eclipse.preferences.version=1
+is_project_specific=true
+outlet.DEFAULT_OUTPUT.hideLocalSyntheticVariables=true
+outlet.DEFAULT_OUTPUT.installDslAsPrimarySource=false
+outlet.DEFAULT_OUTPUT.sourceFolder.emf-gen.directory=xtend-gen
+outlet.DEFAULT_OUTPUT.sourceFolder.src-gen.directory=xtend-gen
+outlet.DEFAULT_OUTPUT.sourceFolder.src.directory=xtend-gen
+outlet.DEFAULT_OUTPUT.sourceFolder.xtend-gen.directory=xtend-gen
+outlet.DEFAULT_OUTPUT.userOutputPerSourceFolder=true
diff --git a/org.eclipse.osbp.vaadin.widgetset/META-INF/MANIFEST.MF b/org.eclipse.osbp.vaadin.widgetset/META-INF/MANIFEST.MF
index 5ccb43e..5a60839 100644
--- a/org.eclipse.osbp.vaadin.widgetset/META-INF/MANIFEST.MF
+++ b/org.eclipse.osbp.vaadin.widgetset/META-INF/MANIFEST.MF
@@ -6,11 +6,9 @@
Bundle-Version: 0.9.0.qualifier
Bundle-Activator: org.eclipse.osbp.vaadin.widgetset.Activator
Require-Bundle: org.eclipse.core.runtime,
- com.vaadin.client-compiled;bundle-version="7.5.7",
- com.vaadin.sass-compiler;bundle-version="0.9.12",
- com.vaadin.shared;bundle-version="7.5.7",
- com.vaadin.theme-compiler;bundle-version="7.1.1",
- com.vaadin.themes;bundle-version="7.5.7",
+ com.vaadin.client-compiled;bundle-version="[7.7.6,7.8.0)",
+ com.vaadin.shared;bundle-version="[7.7.6,7.8.0)",
+ com.vaadin.themes;bundle-version="[7.7.6,7.8.0)",
org.jsoup;bundle-version="1.8.3",
overlays.osgi;bundle-version="1.0.0",
animator.osgi;bundle-version="[2.0.0,2.0.1)",
@@ -19,7 +17,7 @@
easyuploads.osgi;bundle-version="[7.4.2,7.4.3)",
popupbutton.osgi;bundle-version="[2.5.0,2.5.1)",
multifileupload.osgi;bundle-version="[1.10,1.11)",
- dragdroplayouts.osgi;bundle-version="[1.1.3,1.1.4)",
+ dragdroplayouts.osgi;bundle-version="[1.3.2,1.3.3)",
contextmenu.osgi;bundle-version="[4.6,4.7)",
refresher.osgi;bundle-version="[1.2.3.7,1.2.4)",
sizereporter.osgi;bundle-version="[0.1.4,0.1.5)",
@@ -33,7 +31,8 @@
org.eclipse.osbp.vaaclipse.widgets;bundle-version="[0.9.0,0.10.0)",
org.vaadin.addons.vaadin-grid-util;bundle-version="1.0.8",
org.eclipse.osbp.ecview.extension.grid.presentation.clientside;bundle-version="[0.9.0,0.10.0)",
- org.eclipse.osbp.fork.vaadin.addon.maskedtextfield;bundle-version="0.1.10"
+ org.eclipse.osbp.fork.vaadin.addon.maskedtextfield;bundle-version="[0.1.10,0.1.11)",
+ org.eclipse.osbp.vaadin.addons.kanban;bundle-version="0.9.0"
Bundle-RequiredExecutionEnvironment: JavaSE-1.8
Bundle-ActivationPolicy: lazy
diff --git a/org.eclipse.osbp.vaadin.widgetset/pom.xml b/org.eclipse.osbp.vaadin.widgetset/pom.xml
index a969de1..6a93e2a 100644
--- a/org.eclipse.osbp.vaadin.widgetset/pom.xml
+++ b/org.eclipse.osbp.vaadin.widgetset/pom.xml
@@ -7,10 +7,11 @@
<!--# http://www.eclipse.org/legal/epl-v10.html -->
<!--# -->
<!--# Contributors: -->
-<!--# Christophe Loetz (Loetz GmbH&Co.KG) - initial API and implementation -->
+<!--# Christophe Loetz (Loetz GmbH&Co.KG) - initial API and implementation -->
<!--#======================================================================= -->
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+ xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<parent>
<groupId>org.eclipse.osbp.vaadin.widgetset</groupId>
@@ -41,162 +42,168 @@
<groupId>com.vaadin</groupId>
<artifactId>vaadin-client-compiler</artifactId>
<scope>provided</scope>
- <version>${vaadin-version}</version>
+ <version>${vaadin.version}</version>
</dependency>
<dependency>
- <groupId>commons-io</groupId>
- <artifactId>commons-io</artifactId>
- <version>2.4</version>
- </dependency>
- <dependency>
- <groupId>javax.servlet</groupId>
- <artifactId>servlet-api</artifactId>
- <version>2.5</version>
- <scope>provided</scope>
- </dependency>
- <dependency>
- <groupId>org.eclipse.osbp.vaadin.addons</groupId>
- <artifactId>org.eclipse.osbp.vaadin.addons.absolutelayout</artifactId>
- <version>0.9.0-SNAPSHOT</version>
- <type>eclipse-plugin</type>
- </dependency>
- <dependency>
- <groupId>org.eclipse.osbp.vaaclipse</groupId>
- <artifactId>org.eclipse.osbp.vaaclipse.widgets</artifactId>
- <version>0.9.0-SNAPSHOT</version>
- <type>eclipse-plugin</type>
- </dependency>
- <dependency>
- <groupId>org.eclipse.osbp.dependencies</groupId>
- <artifactId>org.eclipse.osbp.dependencies.bundle.vaadin.addon.easyuploads</artifactId>
- <version>7.4.2-SNAPSHOT</version>
- <type>eclipse-plugin</type>
- </dependency>
- </dependencies>
+ <groupId>commons-io</groupId>
+ <artifactId>commons-io</artifactId>
+ <version>2.4</version>
+ </dependency>
+ <dependency>
+ <groupId>javax.servlet</groupId>
+ <artifactId>servlet-api</artifactId>
+ <version>2.5</version>
+ <scope>provided</scope>
+ </dependency>
+ <dependency>
+ <groupId>org.eclipse.osbp.vaadin.addons</groupId>
+ <artifactId>org.eclipse.osbp.vaadin.addons.absolutelayout</artifactId>
+ <version>0.9.0-SNAPSHOT</version>
+ <type>eclipse-plugin</type>
+ </dependency>
+ <dependency>
+ <groupId>org.eclipse.osbp.vaaclipse</groupId>
+ <artifactId>org.eclipse.osbp.vaaclipse.widgets</artifactId>
+ <version>0.9.0-SNAPSHOT</version>
+ <type>eclipse-plugin</type>
+ </dependency>
+ <dependency>
+ <groupId>org.eclipse.osbp.dependencies</groupId>
+ <artifactId>org.eclipse.osbp.dependencies.bundle.vaadin.addon.easyuploads</artifactId>
+ <version>7.4.2-SNAPSHOT</version>
+ <type>eclipse-plugin</type>
+ </dependency>
+ <dependency>
+ <groupId>org.eclipse.osbp.vaadin.addons</groupId>
+ <artifactId>org.eclipse.osbp.vaadin.addons.kanban</artifactId>
+ <version>0.9.0-SNAPSHOT</version>
+ <type>eclipse-plugin</type>
+ </dependency>
+ </dependencies>
- <build>
- <sourceDirectory>src</sourceDirectory>
- <resources>
- <resource>
- <directory>src</directory>
- <!-- <excludes> -->
- <!-- <exclude>**/*.java</exclude> -->
- <!-- </excludes> -->
- </resource>
- </resources>
- <plugins>
- <plugin>
- <groupId>com.vaadin</groupId>
- <artifactId>vaadin-maven-plugin</artifactId>
- <version>${vaadin.plugin.version}</version>
- <configuration>
- <extraJvmArgs>-Xmx1024M -Xss1024k</extraJvmArgs>
- <!-- <runTarget>mobilemail</runTarget> -->
- <!-- We are doing "inplace" but into subdir VAADIN/widgetsets. This
+ <build>
+ <sourceDirectory>src</sourceDirectory>
+ <resources>
+ <resource>
+ <directory>src</directory>
+ <!-- <excludes> -->
+ <!-- <exclude>**/*.java</exclude> -->
+ <!-- </excludes> -->
+ </resource>
+ </resources>
+ <plugins>
+ <plugin>
+ <groupId>com.vaadin</groupId>
+ <artifactId>vaadin-maven-plugin</artifactId>
+ <version>${vaadin.plugin.version}</version>
+ <configuration>
+ <extraJvmArgs>-Xmx1024M -Xss1024k</extraJvmArgs>
+ <!-- <runTarget>mobilemail</runTarget> -->
+ <!-- We are doing "inplace" but into subdir VAADIN/widgetsets. This
way compatible with Vaadin eclipse plugin. -->
- <webappDirectory>${basedir}/VAADIN/widgetsets
- </webappDirectory>
- <hostedWebapp>${basedir}/VAADIN/widgetsets
- </hostedWebapp>
- <noServer>true</noServer>
- <gwtSdkFirstInClasspath>true</gwtSdkFirstInClasspath>
- <!-- Remove draftCompile when project is ready -->
- <draftCompile>true</draftCompile>
- <strict>false</strict>
- <logLevel>WARN</logLevel>
- <compileReport>false</compileReport>
- <style>PRETTY</style>
- <runTarget>http://localhost:8080/</runTarget>
- <!-- Remove these when going to release dependencies -->
- <force>true</force>
- </configuration>
- <executions>
- <execution>
- <goals>
- <goal>resources</goal>
- <goal>compile</goal>
- </goals>
- </execution>
- </executions>
- </plugin>
- <!-- As we are doing "inplace" GWT compilation, ensure the widgetset -->
- <!-- directory is cleaned properly -->
- <plugin>
- <groupId>org.apache.maven.plugins</groupId>
- <artifactId>maven-clean-plugin</artifactId>
- <version>3.0.0</version>
- <configuration>
- <filesets>
- <fileset>
- <directory>VAADIN/gwt-unitCache</directory>
- </fileset>
- <fileset>
- <directory>VAADIN/widgetsets</directory>
- </fileset>
- </filesets>
- </configuration>
- </plugin>
- <plugin>
- <groupId>org.apache.maven.plugins</groupId>
- <artifactId>maven-failsafe-plugin</artifactId>
- <version>2.19</version>
- <executions>
- <execution>
- <goals>
- <goal>integration-test</goal>
- <goal>verify</goal>
- </goals>
- </execution>
- </executions>
- </plugin>
- <plugin>
- <artifactId>maven-jarsigner-plugin</artifactId>
- <version>1.3.2</version>
- </plugin>
- </plugins>
- <pluginManagement>
- <plugins>
- <!--This plugin's configuration is used to store Eclipse m2e settings
+ <webappDirectory>${basedir}/VAADIN/widgetsets
+ </webappDirectory>
+ <hostedWebapp>${basedir}/VAADIN/widgetsets
+ </hostedWebapp>
+ <noServer>true</noServer>
+ <gwtSdkFirstInClasspath>true</gwtSdkFirstInClasspath>
+ <!-- Remove draftCompile when project is ready -->
+ <draftCompile>true</draftCompile>
+ <strict>false</strict>
+ <logLevel>WARN</logLevel>
+ <compileReport>false</compileReport>
+ <style>PRETTY</style>
+ <runTarget>http://localhost:8080/</runTarget>
+ <!-- Remove these when going to release dependencies -->
+ <force>true</force>
+ </configuration>
+ <executions>
+ <execution>
+ <goals>
+ <goal>resources</goal>
+ <goal>compile</goal>
+ </goals>
+ </execution>
+ </executions>
+ </plugin>
+ <!-- As we are doing "inplace" GWT compilation, ensure the widgetset -->
+ <!-- directory is cleaned properly -->
+ <plugin>
+ <groupId>org.apache.maven.plugins</groupId>
+ <artifactId>maven-clean-plugin</artifactId>
+ <version>3.0.0</version>
+ <configuration>
+ <filesets>
+ <fileset>
+ <directory>VAADIN/gwt-unitCache</directory>
+ </fileset>
+ <fileset>
+ <directory>VAADIN/widgetsets</directory>
+ </fileset>
+ </filesets>
+ </configuration>
+ </plugin>
+ <plugin>
+ <groupId>org.apache.maven.plugins</groupId>
+ <artifactId>maven-failsafe-plugin</artifactId>
+ <version>2.19</version>
+ <executions>
+ <execution>
+ <goals>
+ <goal>integration-test</goal>
+ <goal>verify</goal>
+ </goals>
+ </execution>
+ </executions>
+ </plugin>
+ <plugin>
+ <artifactId>maven-jarsigner-plugin</artifactId>
+ <version>1.3.2</version>
+ </plugin>
+ </plugins>
+ <pluginManagement>
+ <plugins>
+ <!--This plugin's configuration is used to store Eclipse m2e settings
only. It has no influence on the Maven build itself. -->
- <plugin>
- <groupId>org.eclipse.m2e</groupId>
- <artifactId>lifecycle-mapping</artifactId>
- <version>1.0.0</version>
- <configuration>
- <lifecycleMappingMetadata>
- <pluginExecutions>
- <pluginExecution>
- <pluginExecutionFilter>
- <groupId>com.vaadin</groupId>
- <artifactId>vaadin-maven-plugin</artifactId>
- <versionRange>[2.3.0-1,)</versionRange>
- <goals>
- <goal>resources</goal>
- </goals>
- </pluginExecutionFilter>
- <action>
- <ignore/>
- </action>
- </pluginExecution>
- <pluginExecution>
- <pluginExecutionFilter>
- <groupId>com.vaadin</groupId>
- <artifactId>vaadin-maven-plugin</artifactId>
- <versionRange>[1.0.2,)</versionRange>
- <goals>
- <goal>update-widgetset</goal>
- </goals>
- </pluginExecutionFilter>
- <action>
- <ignore/>
- </action>
- </pluginExecution>
- </pluginExecutions>
- </lifecycleMappingMetadata>
- </configuration>
- </plugin>
- </plugins>
- </pluginManagement>
- </build>
+ <plugin>
+ <groupId>org.eclipse.m2e</groupId>
+ <artifactId>lifecycle-mapping</artifactId>
+ <version>1.0.0</version>
+ <configuration>
+ <lifecycleMappingMetadata>
+ <pluginExecutions>
+ <pluginExecution>
+ <pluginExecutionFilter>
+ <groupId>com.vaadin</groupId>
+ <artifactId>vaadin-maven-plugin</artifactId>
+ <versionRange>[2.3.0-1,)</versionRange>
+ <goals>
+ <goal>resources</goal>
+ </goals>
+ </pluginExecutionFilter>
+ <action>
+ <ignore />
+ </action>
+ </pluginExecution>
+ <pluginExecution>
+ <pluginExecutionFilter>
+ <groupId>com.vaadin</groupId>
+ <artifactId>vaadin-maven-plugin</artifactId>
+ <versionRange>[1.0.2,)</versionRange>
+ <goals>
+ <goal>update-widgetset</goal>
+ </goals>
+ </pluginExecutionFilter>
+ <action>
+ <ignore />
+ </action>
+ </pluginExecution>
+ </pluginExecutions>
+ </lifecycleMappingMetadata>
+ </configuration>
+ </plugin>
+ </plugins>
+ </pluginManagement>
+ </build>
</project>
diff --git a/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/widgetsets/OSBPWidgetset.gwt.xml b/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/widgetsets/OSBPWidgetset.gwt.xml
index 4090eb5..22ff850 100644
--- a/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/widgetsets/OSBPWidgetset.gwt.xml
+++ b/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/widgetsets/OSBPWidgetset.gwt.xml
@@ -23,5 +23,6 @@
<inherits name="org.eclipse.osbp.vaadin.addons.designer.overlay.OverlayWidgetset" />
<inherits name="org.eclipse.osbp.vaadin.addons.suggesttext.SuggestTextWidgetset" />
<inherits name="org.vaadin.addons.maskedtextfield.MaskedTextFieldWidgetset" />
+ <inherits name="org.eclipse.osbp.vaadin.addons.kanban.KanbanWidgetset" />
</module>
diff --git a/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/widgetsets/public/designer_overlay/styles.css.gz b/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/widgetsets/public/designer_overlay/styles.css.gz
new file mode 100644
index 0000000..4345d7a
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/widgetsets/public/designer_overlay/styles.css.gz
Binary files differ
diff --git a/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/widgetsets/public/suggesttext/styles.css.gz b/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/widgetsets/public/suggesttext/styles.css.gz
new file mode 100644
index 0000000..36c0229
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/widgetsets/public/suggesttext/styles.css.gz
Binary files differ
diff --git a/pom.xml b/pom.xml
index 54580f4..d9d46ae 100644
--- a/pom.xml
+++ b/pom.xml
@@ -46,7 +46,7 @@
<modules>
<module>org.eclipse.osbp.themes</module>
- <module>org.eclipse.osbp.themes.feature</module>
+ <module>org.eclipse.osbp.themes.feature</module>
<module>org.eclipse.osbp.vaadin.widgetset</module>
<module>org.eclipse.osbp.vaadin.widgetset.feature</module>
</modules>
